/* ######################################################################################################
** # "XTC CSS  Layout" (c) by Oliver Förster (http://www.install24.com) #################################
** ######################################################################################################
** 

**
*/
@import url(main.css);
@import url(boxes.css);
@import url(module.css);
@import url(navi.css);

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}




*/#####################################################/*




/* kleine Schrift für MwSt und Versandkosten Link */

.klein,
.klein a:link,
.klein a:visited,
.klein a:hover,
.klein a:active,
.klein script a {
font-size: 10px;
color: #696969;
}



.clear { clear: both; }

/* Thumbnail Begrenzung für das LIsting */


.max {
width: 168px;
}


.produktlisting_bild {
	border: 3px solid #fff;

	}
.produktlisting_preis {
	color: #fff;
	font-size: 14px;
padding-top: 5px;
height: 35px;
display:block;

	}

#buttons {
padding-bottom: 3px;
padding-top: 5px;
}

.bildhoehe { 
height: 136px;
vertical-align: top;
} 

#produktlisting {
border-left: 1px solid #313030;
border-right: 1px solid #313030;
border-bottom: 1px solid #313030;
background: #393838;
padding: 10px;
overflow: hidden ;


}


#produktlisting ul  { 
margin:0; 
padding:0; 
list-style:none; 
width: 100% !important;
width: 590px;
} 


#produktlisting ul li {
list-style: none;

overflow: hidden;

}

* html #produktlisting ul li, *:first-child+html #produktlisting ul li {

}

#produktlisting h1 {
font-size: 11px;

font-weight: bold;
color: #ff3333;
padding-top: 5px;
display: Block;
height: 48px;
padding: 3px;
}
	
#produktlisting h1 a {

color: #ff3333;}

.kurzbeschreibung {
height: 45px;
margin-top: 3px;
}


#produktlisting li.links{ 
margin:0; 
padding:0;
list-style-type:none; 
float:left;
width: 180px;
margin-right: 15px;
padding:3px;
margin-bottom: 10px;
background: #353535;
} 

#produktlisting li.rechts{ 
margin:0; 
padding:0;
list-style:none; 
float:left;
width: 180px;
padding:3px;
margin-bottom: 10px;
background: #353535;
} 




/* ------ PRODUKTINFO -------------*/

#tablist_rahmen {

width: 230px;

}

#tablist{
padding: 3px 0;
margin: 0 auto;
text-align: center;
margin-bottom: 0;
margin-top: 5px;

font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #3b3b3b;
color: #858282;
background: #353535;
}

#tablist li a.1{
color: #858282;
background: #393939;
}

#tablist li a:link, #tablist li a:visited{
color: #858282;
}

#tablist li a.current{
background: #393939;
}

#tabcontentcontainer{


/* Insert Optional Height definition here to give all the content a unified height */


}


.produktinfo_bild_rahmen {
	border: 3px solid #fff;
	}


.tabcontent{
display:none;
}


.bild_produktinfo {
	float:left;
}

#produktinfo_inner {
padding:9px; 
background-color: #353535;
overflow:auto;
}
     
.produktinforahmen {
     vertical-align: top;
    
     float:right; 
     text-align: left;
      width: 55%;
     
     }
     
.produktinforahmen p {

margin-bottom: 10px;}
      
.navigator {
padding: 2px;
}

.shippingtime {
vertical-align: top;
padding-left: 20px;
color: #ff3333;
font-weight: bold;
}

.ampel {
margin-top: 10px;
}

.lieferzeit {
font-weight: normal;
color: #c1c1c1;
padding-top: 6px;
}

.drucken, a#print:link {
color: #c1c1c1;
vertical-align: top;
}


.linke_seite {
     vertical-align: top;
     width: 255px;
     float: left;
     background-color: #353535;
     padding-bottom: 10px;
      padding-right: 10px;
      }
      
.rechte_seite {
     vertical-align: top;
     width: 255px;
     border: 1px solid #;
     float: right;
      background-color: #353535;
     padding-bottom: 10px;
      padding-left: 10px;
      }


      
.linke_spalte {
     vertical-align: top;
     width: 150px;
      float: left;
      padding-bottom: 5px;
      }

.rechte_spalte {
     vertical-align: top;
     width: 350px;
      float: right;
      padding-bottom: 5px;
      }
      
.cartbg1 {

     padding-bottom: 10px;
     padding-top:10px;

     overflow: auto;
     }
     
.cartbg2 {

     padding-top:10px;
     padding-bottom: 10px;

           overflow: auto;
     }

.warenkorb-header th {
 background: #353535;
 height: 30px;
 
 }
 
   
.error {
background: #eb2a2e url(img/heading-rot.jpg) repeat-x;

border: 1px solid #313030;
}

.sitemap_links {
     vertical-align: top;
     width: 49%;
      float: left;

}
.sitemap_rechts {
     vertical-align: top;
     width: 49;
      float:left;
}

.inputRequirement {
	font-size: 10px;
	color: #f73035;
	}
	





/*Formulare
-----------------------------------------*/

ul.zahlen {list-style: none; margin: 0 0 20px 0; padding: 0; width:99%}
ul.zahlen li {margin: auto; text-align: center; width: 25%; float: left;}

ul.formular {list-style: none; margin: 0; padding: 0; width:99%}
ul.formular li {line-height: 25px; height: 25px; vertical-align: top;margin: 2px; clear:both;}
ul.formular li p {float: left;}
label, .spalte2 p{ margin: 0; padding: 0; 
        float:left;width: 25%;
      }
      
.preis {
font-size: 18px;
 color: #fff;
}
.mwst, .mwst a {
font-size: 9px;
color: #696969;
}


.productOldPrice {
font-size: 11px;
color: #a77634;
text-decoration: line-through;

}

/* CHECKOUT NAVIGATION */
ul#checkoutnavigation {margin: 0; padding: 0;padding-top: 15px; width: 600px;}
ul#checkoutnavigation li {background-image: none; height: 75px; list-style-type:none; float:left; width:120px; margin-right:10px;  padding:8px}
ul#checkoutnavigation li.active {background-color: #7a451e}
ul#checkoutnavigation li.active .number {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.active .title {font-size:12px; font-weight:bold}
ul#checkoutnavigation li.active .description {font-size:11px}

ul#checkoutnavigation li.inactive {color:#999999; background-color: #353535; }
ul#checkoutnavigation li.inactive .number {font-size:14px; font-weight:bold}
ul#checkoutnavigation li.inactive .title {font-size:12px; font-weight:bold}
ul#checkoutnavigation li.inactive .description {font-size:11px}
.inactive { background-color: #353535; padding: 10px 5px; margin-bottom: 10px;}

/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/imgnextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

/* MARQUEE */

#marquee {

background: #ff353a;
border-left: 1px solid #313030;
border-right: 1px solid #313030;
border-top: 1px solid #313030;
padding: 6px 10px 6px 10px;

}#marquee a { color: #000; text-decoration: none; }


/* ------ TEASERBOX Startseite -------------*/

#centerbereich h2.h2Teaser
{
	background-color:transparent; margin: 0 0 10px 0; font-size:2.2em;color:#ff333b; font-weight:bold;
}

#centerbereich h3.h3Teaser
{
	background-color:transparent; margin: 0px 0 10px 0; font-size:1.9em;color:#ffffff; font-weight:bold;
}

.spanTeaserText
{
	background-color:transparent; margin: 0px 0 10px 0; font-size:1.3em;color:#ffffff; font-weight:normal;
}

.spanTeaserTextInfo
{
	background-color:transparent; margin: 0 0 0 0; padding: 20px 0 10px 0; display:block; font-size:0.8em;color:#ffffff; font-weight:light;
}