/*---------- Stylesheed: shop.tomyszoo.at --------------------*/
/*---------- Allgemein ---------------------------------------*/

/*
-strukoben
-strukbody
-strukleft
-strukinhalt
-strukinhaltpadd
strukfooter
-strukrechts

*/

@import "skidoo_redux.css";

BODY {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	min-width:950px;
}
A {
	color: #333;
}
P, H1, H2, H3, H4 {
	margin: 0px;
	padding: 0px;
	clear:left;
}
H1 {
	color: #C70013;
	font-size: 170%;
	padding-bottom: 10px;
}
H2 {
	font-size: 150%;
	color: #C70013;
}
H2 A {
	color: #C70013;
}
H4 {
	color: #8C895B;
	font-size: 170%;
	padding-bottom: 10px;
}
P {
	padding-bottom: 5px;
}
UL, LI, LI A, FORM, DL, DT, DD {
	margin: 0px;
	padding: 0px;
}
UL, LI, LI A, FORM {
	list-style-type: none;
	float: left;
}
HR {
	color:#999 ; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 1px; 
	background-image: url(../img/bg_linie.gif);
	background-repeat: repeat-x;
	background-position:0;
}
.hline {
	width: 100%;
	height: 1px;
	clear: both;
	background-image: url(../img/bg_linie.gif);
	background-repeat: repeat-x;
	margin: 5px 0px 10px 0px;
	overflow: hidden;
}

/*---------- Formularformatrierung --------------------------*/
FIELDSET {
	clear:left;
	margin:10px 0;
	border:0;
	min-width:400px;
	width:100%;
}
FIELDSET LABEL {
	float:left;
	clear:left;
	width:150px;
	height:14px;
	padding:4px 0;
	margin:2px 0;
	color:#000;
}
FIELDSET INPUT {
	width:150px;
	height:18px;
	text-align:left;
	padding:2px 0;
	margin:2px 5px 2px 0;
	background-color:#FAFAFA;
	border:1px solid silver;
	color:#000;
	
}
FIELDSET SELECT {
	height:24px;
	padding:0px 0;
	margin:2px 0;
	background-color:#FAFAFA;
}
FIELDSET SPAN {
	height:24px;
	line-height:24px;
	vertical-align:top;
	width:10px;
	margin:2px 4px 2px 0;
}
FIELDSET .inputshort {
	width:50px;
}

TEXTAREA {
	font-size:100%;
	margin:0 0 10px 0;
	font-family:Verdana, Arial;
	color:#000;
} 
/*---------- Textbox für Anfrage ----------*/

.anfragetextbox {
	width:300px;
}
/*---------- Struktur ----------------------------------------*/
#aspnetForm {
	width:100%; /*Formular überspannt gesammte Seite; Anzeigefehler bei IE beheben*/
}
.struknav {
	float: left;
}
.struktopnav {
	width: 100%;
}
/*---------- Oberer Bereich des Layouts ----------------------*/
#masthead {
	/*height: 195px;*/
	background-image: url(../img/bg_top.gif);
	background-repeat: repeat-x;
	background-color: #C3BE80;
	font-size: 70%;
}
/*------------ Logo ------------*/
.strukobenl {
	float: left;
}
.strukobenr {
	float: right;
}

.strukobenvar {
	float: left;
}

/*------------ Meta-Navigation ------------*/
.strukobenmeta {
	height: 50px;
	padding: 15px 15px 0px 0px;
	float: left;
}
.strukobenmeta A {
	color: #4C4C4C;
	padding: 0px 10px;
	border-right: 1px solid #C70013;
	text-decoration: none;
}
.strukobenmeta .first A {
	padding: 0px 10px 0px 0px;
}
.strukobenmeta .last A {
	padding: 0px 0px 0px 10px;
	border-right: none;
}
/*---------- Suche ----------*/
.strukobensuche {
	float: left;
	clear: left;
	width: 230px;
	padding-left:160px;
}
.erweitertesuche {
	float:left;
	clear:left;
	background-image: url(../img/bg_navicon.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 8px;
	margin-top:4px;
	color: #C70013;
	text-decoration: none;
	white-space:nowrap;
}
.searchfield {
	width: 202px;
	height: 16px;
	border: 1px solid #BFBB7C;
	float: left;
	margin-right: 2px;
}
.searchbutton {
	float:left;
	width:17px;
	height:18px;
	background-image:url(../img/btn_suche.gif);
	margin-top:1px;
}

/*------------ Partner ------------*/
.strukobenzoo .partner {
	padding-top: 74px;
	float: left;
}
.strukobenzoo {
	float: left;
}
/*------------ Top-Navigation --------------------------------*/
.struktopnav {
	clear: both;
	min-height: 30px;
	background-image: url(../img/bg_topnav.gif);
	background-repeat:repeat;


}
.struktopnav UL {
	/*padding-left: 189px*/;
}
.struktopnav A {
	height: 23px;
	padding: 7px 7px 0px 7px;
	border-right: 2px solid #FFF;
	text-decoration: none;
	color: #333;
	font-size: 120%;
	white-space:nowrap;
}
.struktopnav A:hover, .struktopnav .active {
	background-color: #E3D9AA;
	color: #C70013;
}
.struktopnav .first A {
	/*border-left: 2px solid #FFF;*/
}
/*------------ Breadcrumb-Navigation -------------------------*/
.strukbreadcrumb {
	clear:left;
	height: 50px;
	background-color: #FFF;
}
.strukbreadcrumb UL {
	padding: 15px 0px 0px 10px/*189px*/;
}
.strukbreadcrumb A {
	color: #4C4C4C;
}
.strukbreadcrumb LI {
	padding-left: 13px;
	background-image: url(../img/bg_breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
.strukbreadcrumb LI.first {
	background-image: none;
	padding: 0px;
}
/*------------ Hauptnavigation -------------------------------*/
/* 1.Ebene */
#left-column UL {
	width: 200px;
	margin-bottom: 13px;
	margin-top:5px;
	overflow:hidden;
	
}
#left-column LI {
	width: 165px;
	padding: 0px 0px 0px 14px;
}
#left-column UL A {
	width: 160px;
	text-decoration: none;
	border-bottom: 2px solid #999;
	padding: 4px 0px 5px 5px;
	color: #333;
	background-color: #FFF;
}
#left-column UL A:hover, #left-column UL A.current {
	background-color: #F5EAB8;
	background-image: url(../img/bg_navicon.gif);
	background-repeat: no-repeat;
	background-position: 158px 8px;
	color: #C70013;
}
#left-column LI.first A {
	border-top: 2px solid #999;
}
#left-column UL LI.first UL A {
	border-top: none;
}
/* 2.Ebene */
#left-column UL UL {
	width: 165px;
	margin: 0px;
	border-bottom: 1px solid #999;
}
#left-column UL UL LI {
	width: 165px;
	margin: 0px;
	padding: 0px;
}
#left-column UL UL A {
	width: 153px;
	padding: 4px 0px 5px 12px;
	border-bottom: 1px solid #999;
}
#left-column UL UL A:hover, #left-column UL UL A.current {
	background-position: 4px 8px;
}
/* 3.Ebene */
#left-column UL UL {
	border-bottom:0;
}

#left-column UL UL UL A {
	width: 150px;
	padding: 4px 0px 5px 17px;
}
#left-column UL UL UL A:hover, #left-column UL UL UL A.current {
	background-position: 9px 8px;
}
/* 4.Ebene */
#left-column UL UL UL UL A {
	width: 143px;
	padding: 4px 0px 5px 22px;
}
#left-column UL UL UL UL A:hover, #left-column UL UL UL UL A.current {
	background-position: 14px 8px;
}
/* 5.Ebene */
#left-column UL UL UL UL UL A {
	width: 133px;
	padding: 4px 0px 5px 32px;
}
#left-column UL UL UL UL UL A:hover, #left-column UL UL UL UL UL A.current {
	background-position: 19px 8px;
}
/*------------ Footer ----------------------------------------*/
.strukfooter {
	background-image: url(../img/bg_linie.gif);
	background-repeat: repeat-x;
	padding-top: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	float: left;
	clear: both;
	display: inline;
}
.strukfooter A {
	text-decoration: none;
	color: #333;
}
.strukfooterl {
	float: left;
}
.strukfooterl A {
	background-image: url(../img/bg_topicon.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	padding-left: 10px;
}
.strukfooterr A {
	background-image: url(../img/bg_druck.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 13px;
}
.strukfooterr {
	float: right;
}
/*------------ Inhalt: Mitte ----------------------------------*/
.cont_text, .cont_2col .left, .cont_2col .right, .cont_images, .cont_teaser {
	margin-bottom: 10px;
}
/*
#middle-column A {
	color: #333;
}
#middle-column IMG {
	border: 1px solid #333;
	margin: 5px 5px 5px 0px;
}
#middle-column H1, #middle-column H2, #middle-column H3, #middle-column P {
	margin:0 0 10px 0;
	padding:0;
}
*/
.cont_2col .left, .cont_2col .right {
	width: 49%;
	float: left;
}
.cont_2col .left {
	margin-right: 2%;
}
.cont_text .uebersicht LI {
	clear: both;
}
.cont_text .uebersicht A {
	text-decoration: none;
	padding: 0px 0px 5px 10px;
	background-image: url(../img/bg_navicon.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
.cont_images {
	background-color: #F5EAB8;
	clear: both;
}
.cont_images IMG {
	margin: 10px 0px 10px 10px;
}
.cont_teaser {
	clear: both;
}
.cont_teaser A {
	text-decoration: none;
}
.cont_teaser .bild {
	float: left;
	width: 80px;
	overflow: hidden;
}

/*------------ Tabelle --------*/
.tableNoBorder {
	border:0;
	float:left;
	clear:left;
	margin:10px 0;
	width:400px;
}
.tableNoBorder TD {
	border:0;
}
.tableNoBorder .bold {
	font-weight:bold;
	vertical-align:top;
}
/*------------ Inhalt: links ----------------------------------*/
.teaserboxleft {
	border-bottom: 2px solid #999;
	padding-bottom: 5px;
	margin:15px 0 14px 14px;
	width:165px;
	display:inline;
	float:left;
}
.teaserboxleft H2 {
	float:left;
	width:100%;
	background-image: url(../img/bg_linie.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-size: 110%;
	color: #C70013;
	padding: 0px 0px 5px 0px;
	margin-bottom:5px;
}
.teaserboxleft P {
float:left;
clear:both;
width:150px;
}
.teaserboxleft .link {
	clear: both;
	/*text-align: right;*/
}
.teaserboxleft .link A {
	background-image: url(../img/bg_navicon.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 8px;
	color: #C70013;
	text-decoration: none;
}
/*------------ Inhalt: rechts ---------------------------------*/
/*------------ Farbbox ------------*/
.farbbox, .teaserbox, .buchtipp {
	width: 224px;
}
.farbbox .kopf, .buchtipp .kopf {
	background-color: #C70013;
}
.farbbox .kopf H2, .buchtipp .kopf H2 {
	font-size: 130%;
	color: #FFFFFF;
	padding: 5px 0px 5px 8px;
}
.farbbox .inhalt, .buchtipp .inhalt {
	background-color: #F5EAB8;
	padding: 8px;
	margin-bottom: 30px;
}
.inhalt INPUT {
	width:140px;
}
/*------------ Buchtipp ------------*/
.buchtipp .bild {
	float: right;
	width: 80px;
	padding-top: 8px;
}
.buchtipp .bild IMG {
	border: 1px solid #333;
}
.buchtipp DT {
	font-weight: bold;
}
.buchtipp DD {
	padding-bottom: 4px;
}
/*------------ Teaserbox ------------*/
.teaserbox .image {
	float: left;
}
.teaserbox H2 {
	font-size: 110%;
	color: #C70013;
	padding: 0px 0px 5px 0px;
}
.teaserbox .image IMG {
	padding: 0px 5px 5px 0px;
}
.teaserbox .inhalt {
	background-image: url(../img/bg_linie.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 10px;
	margin-bottom: 6px;
}

/*---------- Miniwarenkorb ----------*/
.rightbold {
	font-weight:bold;
	text-align:right;
	padding:0;
	margin:0;
}
/*---------- Login-Box ----------*/
.wucLoginError {
	color: #C70013;

}

/*---------- Link am unteren Ende einer Box --------------*/
#right-column .link {
	clear: both;
	text-align: right;
}
#right-column .link A, #right-column .cont_teaser .link {
	background-image: url(../img/bg_navicon.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 8px;
	color: #C70013;
	text-decoration: none;
}
#right-column .cont_teaser .link {
	text-decoration: underline;
	clear: none;
	text-align: left;
}


/*---------- Startseite Elemente ----------------------------*/
.categories {
	float:left;
	width:100%;
	margin-bottom:20px;
}

.category {	
    width: 240px;
  	margin:0 20px 15px 0;
	padding-bottom:5px;
	float:left;
	background-image: url(../img/bg_linie.gif);
	background-repeat: repeat-x;
	background-position:bottom;
}
.category H1 {
/* float:left; */
width:173px;
font-size:120%;
clear:none;
padding:0;
margin:0 0 5px 0;
}
.category P {
/*float: left; */
/* width:173px; */
clear:none;
padding:0;
margin:0;
height:30px;
}
.category H1 A {
	color:#C70013;
	text-decoration:none;
}
.category .bild {
	float:left;
	width:80px;
	height:60px;
	overflow:hidden;
	margin:0 10px 10px 0;
	border: solid 1px #9E9875;
	text-align:center;
}

.category .bild IMG {
	padding:0px;
	margin: 0px;
	border: 0px;
	max-width: 80px;
	vertical-align: middle;
	display: inline;
	
}
.category .bild A 
{
	padding:0px;
	margin: 0px;
	border: 0px;
}
.category .bild P
{
	padding:0px;
	margin: -2px; /* dmit der firefox glaubt er hat einen sichtbaren raum rings um das bid und so die bilder vertikal zentriert anzeigt */
	border: 0px;
	line-height: 60px;
}
.category .link {
	float:left;
	width:100%;
	clear:both;
	padding:0;
	margin:0;
}
.category .link A {
	float:right;
	padding:0 8px 0 0;
	margin:0;
	color:#C70013;
	background-image: url(../img/bg_navicon.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	text-decoration:none;

}
/*Alte Darstellung der Boxen:
.categories {
	width:100%;
	margin-bottom:10px;
}

.category {	
    width: 172px;
  	margin:0 10px 15px 0;
	float:left;
}

.category H1 {
	font-size: 120%;
	
	padding: 2px 0px 3px 0px;
	margin:0;
	width:172px;
	height:22px;
	background-color: #C70013;
	overflow:hidden;
}
.category H1 A {
	float:left;
	padding: 2px 0 3px 7px;
	margin:0;
	line-height:22px;
	width:152px;
	height:22px;
	color:#FFF;
	text-decoration:none;
	background-color:transparent;
}
.categoryContent {
    border: solid 1px #9E9875;
	width:170px;
	height:105px;
	text-align:center;
	overflow:hidden;
}
.categoryContent A {
	float:left;
	width:170px;
	height:105px;
	color:#000;
	text-decoration:underline;
}
.categoryContent IMG {
	padding:0;
	margin:0;
	border:0;
}*/
/*---------- Produktabelle ----------------------------------*/
.wucProductsCategoryName {
	color:#C70013;
	font-size:130%;
	font-weight:bold;
}
#Products TABLE {
	width:100%;
}

#Products A {
	color:#000;
	text-decoration:none;
}
#Products A:hover {
	background-color:transparent;
	color:#C70013;
	text-decoration:none;
}

/*---------- Tabelle: Zeilen ----------*/
#Products TR TD {
	padding:2px 0;
}
#Products TR {
	line-height:120%;
}
#Products TH {
	font-weight:bold;
	padding-bottom:5px;
}
.wucProductsRow {
	background-color:#F5EAB8;
}

/*---------- Tabelle: Spalten ----------*/
#Products TD {
	color:#000;
}
.wucProductsName {
	text-align:left;
}
.wucProductsMarker {
	width:60px;
	text-align:center;
}
.wucProductsMarker IMG {
	border:0;
	margin:0;
	padding:0;
}
.wucProductsPrice {
	text-align: right;
	white-space: nowrap;
}
.wucProductsPrice SPAN {
	padding: 0px 1px 0px 6px;
}
.wucProductsAmount {
	text-align:right;
	width:50px;
	padding:0 0 0 10px!important;
}
.wucProductsAddCart {
	padding:0 5px!important;
	text-align:right;
	width:40px;
}
.wucProductsAddCart IMG {
	border:0;
}

/*---------- Anzahl-Box ----------*/
.wucProductsAmount .wucProductsAmount {
	border: solid 1px #999999;
	color:#000;
	background-color:#FFFFFF;
	width: 20px;
	height: 16px;
	padding:0 2px 0 0;
	text-align:right;
}
.wucProductsPager {
	font-size: 11px;
	line-height:20px;
	vertical-align:center;
}
.wucProductsCategoryDescription {
	font-size: 11px;
	color: #333;
}
.wucProductsPager INPUT {
	vertical-align:center;
	background-color:#FFF;
}
/*- In den Warenkorb Button -*/
A.addToCart {
	color: #C70013;
	background-image:url(../img/addtocart.gif);
	background-position:right;
	background-repeat:no-repeat;
	padding-right:26px;
	text-decoration:none;
	line-height:22px;
}
A.addToCart:hover {
	text-decoration:underline;
}
/*- Footer: Anzahl, Add to cart -*/
.ProduktDetailFooter {
	width:100%;
	clear:both;
	margin-top:10px;
}
.ProduktDetailFooter P {
	font-weight:bold;
	float:left;
	line-height:22px;
	padding:0;
	margin:0;
	vertical-align:middle;
}

/*---------- Warenkorb ---------------------------------------*/

/*---------- Fortschritt / Überschrift ----------*/
.cartProgress {
	float:left;
	width:100%;
	clear:left;
	margin-bottom:15px;
}

.cartProgress H2 {
	color:#999999;
	float:left;
	clear:none;
	margin:0 10px 0 0;
	padding:0 0 0 10px;
	font-size:120%;
	border-left: 1px solid #C70013;
}
.cartProgress .first {
	border:0;
	padding-left:0;
}

.cartProgress H2.active {
	color: #C70013;
}
.cartProgress H2.done {
	color: #000;
}

/*#################### Warenkorb ###################################################*/

.cartContainer {
	clear:left;
	width:100%;
}
/*### "Zusammenfassung" Warenkorb ###*/
.CartFooterTR TD{
	font-weight:bold;
	border-top: 1px solid #C70013;
	border-bottom: 1px solid #C70013;
	line-height:130%;
}

/*### Warenkorb Tabelle ###*/
.cartTable {
	clear:left;
	width:100%;
}
.cartTable A {
	text-decoration:none;
}
.cartTable A:hover {
	text-decoration:underline;
}
.cartTable TH {
	font-weight:bold;
	padding-bottom:5px;
}
.cartTable TR TD {
	padding:2px 0;
	color:#000;
}
.cartTable TR {
	line-height:130%;
}

/*### Spalten ###*/
.wucCartProduktname {
	text-align:left;
}
.wucCartEinzelpreis {
	text-align:right;
	width:65px;
}
.wucCartPreis {
	text-align:right;
	width:50px;
}
.wucCartStk {
	text-align:center;
	width:50px;
}
.cartTable .wucProductsAmount {
	border: solid 1px #999999;
	color:#000;
	background-color:#FFFFFF;
	width: 20px;
	height: 16px;
	padding:0 2px 0 0;
	text-align:right;
}
.wucCartLoeschen {
	text-align:center;
	width:55px;
}

/*####### Gesamtkosten ###########*/
.gesamtkosten {
	float:left;
	clear:both;
	height:20px;
	overflow:hidden;
	width:100%;
}
.gesamtkostenleft, .gesamtkostenright {
	color:#000000;
	font-weight:bold;
}
.gesamtkostenleft {
	float:left;
}
.gesamtkostenright {
	float:right;
	padding-right:50px;
}


/*########## Fehlermeldungen ###########*/
.ValidationSummary {
	color:#C70013;
	float:left;
	width:100%;
	font-size:130%;
	font-weight:bold;
	margin-bottom:10px;
}
.ValidationSummary LI {
	font-size:75%;
	font-weight:normal;
	list-style-type:none;
	clear:left;
}

/*--------- Warenkorb Footer ----------*/

A.cartGoon, A.cartGoback, .cartRefresh A {
	background-image: url(../img/bg_navicon.gif);
	background-repeat: no-repeat;
	background-position: right 5px;
	padding-right: 8px;
	color: #C70013;
	text-decoration: none;
}
.cartRefresh {
text-align:right;
margin-top:10px;
}

.warenkorb_footer A {
	margin-right:10px;
}

A.cartGoon:hover , A.cartGoback:hover , .cartRefresh A:hover {
	text-decoration:underline;
}
cartGoback
cartGoon

/*#################### Produkt im Detail #################################################*/
.Produkt {
	width:100%;
	
}
.Produkt TR TD {
	padding:5px 0;
	vertical-align:top;
}
.ProduktBild {
	width:170px;
	padding:2px;
	border:1px solid #9E9875;
	margin-right:5px;
	overflow:hidden;
	text-align:center;	
}
.Produkt A, .Produkt IMG {
	border:0;
}
.ProduktTabelle {
	width:100%;
}
.ProduktTabelle TABLE {
	width: 100%;
}
.ProduktTabelle  TR TD {
	vertical-align:top;
	text-align:left;
	padding:2px 5px;
	line-height:130%;
	
}
.ProduktBez {
	white-space: nowrap;
	text-align:right;
	font-weight:bold;
}
.ProduktData {
	text-align:left;
	width:90%;
/*
	white-space: nowrap;
*/
}
.Produkt H2 {
	width:100%;
	font-size:130%;
}
.ProduktDetails {
	min-width:420px;
}
.Produkt .marker TD {
	vertical-align:middle;
}
/*Footer: Anzahl, Add to cart*/
.ProduktDetailFooter {
	width:100%;
	clear:both;
	margin-top:10px;
}
.ProduktDetailFooter P {
	font-weight:bold;
	float:left;
	line-height:22px;
	padding:0;
	margin:0;
	vertical-align:middle;
}
/*Anzahl Eingabefeld*/
.ProductListInput {
	float:left;
	width:20px;
	text-align:right;
	margin:0 10px;
}
/* Zum Warenkorb hinzufügen */
.ProduktDetailFooter .Add {
	float:left;
	width:200px;
	height:22px;
	padding:0;
}
/*### Anker ###*/
.anker {
	font-weight:bold;
	text-decoration:none;
	background:url(../img/bg_downicon.gif) no-repeat 0px 6px;
	padding-left:10px;
}
.ankerTop {
	float:left;
	clear:both;
	text-decoration:none;
	background:url(../img/bg_topicon.gif) no-repeat 0px 6px;
	padding:0 0 5px 10px;
}
.ankerTop:hover, .anker:hover {
	text-decoration:none;
}
/*----------- Erweiterte Suche ---------------*/
.searchtable SELECT, .searchtable INPUT {
	font-size:100%;
	font-family:Verdana;
	background-color:#FAFAFA;
	border:1px solid silver;
	padding:2px;
	margin-left:10px;
}
.searchtable .left SELECT {
	width: 206px;
} 
.searchtable .left INPUT {
	width: 200px;
}
.searchtable .right SELECT {
	width: 232px;
}
.searchtable SPAN {
	padding:0 0 0 10px;
}