@charset "utf-8";

html {margin:0; padding:0; height:100%;}

body {
	margin:0; 
	padding:0;
	font-size:62.5%;
	/* background-color:#e6fbfa; */
	background-color:#ffffff;
	font-family:verdana, arial, sans-serif;
	/*text-align:center;*/
	height:100%;
}
#container
/*
#page    {
position:absolute;   
width:1000px;    
height:667px;    
top:50%;   
margin-top:-333px;   
left:50%;   
margin-left:-500px;   
z-index:1;   
}*/
 { 
 position: absolute;
 width: 1009px;
  /*  width: 990px;*/
  /*height: 618px;*/ 
  height: 623px;
  border: 0px;	
  padding : 0 0 0 0; 
  margin : 0 0 0 0;
 background: #c6c7c8;   /* */
/*  background: #9e9ea0;	
margin: 0px auto 0 auto;
*/ 
top:50%; 
margin-top:-333px;   
left:50%;  
position:absolute;   
margin-left:-500px;   
z-index:1;  
  
 }

#banner {
	position : absolute; 
	height: 187px;
 	width: 822px;
	top : 0px; 
	left : 187px; 
	padding : 0px; 
	margin : 0px; 	
	decoration:no;
	background : #FFFFFF; 
}
	#west {
	overflow: auto;
	position : absolute;	
  	float: left;	
	padding:10px 0 0 0px;
	/*margin : 10px 0 0 0px;*/
	top : 187px; 
	left : 0px; 
	background: #9e9ea0;	
	/*height : 387px; height : 317px;   margin-left: 20px;*/
	height : 367px; 
	/*width: 187px;	*/
	width: 187px;	

 padding-left: 10px;	
}
	#basket {
	overflow: auto;
	position : absolute; 
  	float: left;	
	
	top : 574px; 
	/*
	padding:0px 0px 10px 10px;
	margin : 0px 0px 10px 10px; 
	top : 524px; 
	top : 434px; */
	/*top : 334px; */
	left : 0px; 
	background:  #c6c7c8; 	
	/*height : 30px; height : 90px; width: 177px;			*/
	height : 35px; 	
 	width: 146px;	
	font-size: 8px;
	color: #000080; 
	z-index:97; 
	vertical-align: middle;
	margin-left: 20px;
	padding-left: 20px;
	}

	#center {		
  background:  #c6c7c8; 	
	
  /*overflow:auto;		background : #FFFFFF; background: #9e9ea0;	*/	
	position : absolute; 
	padding : 0px; 
	margin : 0px; 
	top : 187px; 
	left :187px;
	/*z-index:1;top : 210px; width: 79%;
	top : 188px; 
	left : 188px; float:left; 9e9ea0;*/	 
	width : 822px; 
	height : 427px; 
}


 
a:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none; 
	/*font-weight :bold;*/
	/*color: #ffffff; */
	color: #000080; 
	font-size: 10px;
} 
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none; 
	/*font-weight :bold; */
	color: #000080; 
	font-size: 10px;
} 

.linkheader{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none; 
	color: #000080; 
	font-size: 20px;
}
a:link#linkheader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none; 
	/*font-weight :bold;*/
	/*color: #ffffff; */
	color: #000080; 
	font-size: 20px;
} 

.box1, .box2, .box3, .box4, .box6, .box7, .box8,  #main_navi, .box5prod,
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000080;
	/*font-weight: lighter; */
}
/*
.box5
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000080; 
}*/

dt {
	border : 1px solid #00ff00; 
	padding : 2px; 
} 
dd {
	border : 1px solid #00ff00; 
	padding : 2px; 
	margin-top : 2px;	
} 

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000080; 
} 

h1 {
	color : #000080; 
	font-size: 8px;
	font-weight : bold; 
	font-family : "Verdana", "Arial", "Helvetica", sans-serif;
	} 
h2 {
	color : #000080; 
	font-size: 8px;
	font-weight : bold; 
	font-family : "Verdana", "Arial", "Helvetica", sans-serif;
	} 

.fontBold {
	font-family : "Verdana", "Arial", "Helvetica",  sans-serif; 
	font-weight : bold; 
	color : blue; 
	font-size: 8px;
	} 
table {
	font-family : "Verdana", "Arial", "Helvetica",  sans-serif; 
	font-weight : normal; 
	color: #000080; 
	font-size: 10px;
	/*border:1px solid grey;
  	empty-cells:show;
	padding : 5px; 
	margin : 2px;
	background : #ffffff;*/
	} 

img {
	border : 0; 
} 

hr {
size : 3; 
align : center;
margin-left : 5px;
margin-right : 5px;
padding : 0px; 
}


body
{
background-color: #ffffff;	
	/* background-color: #c6c7c8;  
	/*background-color: #FFFFFF;   */
} 
li{
/*
padding : -15px 0px 0px -10px; 
margin :  -8px 0px 0px Opx; */
height: -6px;
line-height: -6px;
margin-bottom: -6px;
padding-bottom: -6px;
 list-style-type: none;
   margin-top: -7px;	
 /*margin-left: -20px;
 lef\t: -0em;
 margin-left:-200px;
 padding-left: -200px;*/

}

ul{/*
padding : -15px 0px 0px -10px; 
margin :  -8px 0px 0px Opx; 
lef\t: -0.7em;
 margin-left:-5px;
 padding-left: -5px;
*/
height: -6px;
line-height: -6px;
margin-bottom: -6px;
padding-bottom: -6px;
list-style-position:outside;
 margin-left:10px;
	 padding-left:10px;
	 
}
/*li {list-style-type:none; list-style-image:url(bullet.gif);}
	font-size: 10px;
.opaque {
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
}
*/

.box1 {/* logo*/
	position : absolute; 
	top : 0px; 
	left : 0px; 
	padding : 0px; 
	margin : 0px; 
	background : #FFFFFF; 
	width : 188px; 
	height : 187px; 
} 
#box2warenkorb { 
	position : absolut; 
	padding : 0px; 
	margin : 0px; 
	/*top : -188px; 
	left : -188px; */
	top : 250px; 
	left : 288px
	background : #000000;  
	width : 200px; 
	height : 188px; 
}

.box4 {/*links gross*/
	overflow: auto;
	position : absolute; 
	/*padding : 10px 0 0 10px; 
	margin :  10px 0 0 10px; */
	/*top : 210px; */
	 margin-left:10px;
	 padding-left:10px;	
	top : 0px; 
	left : 0px; 
	background : #c6c7c8; 	
	/*background : #FFFFFF;  */ 
	width : 330px; /*400 370 300*/
	height : 417px; 
	z-index:98; 
} 

.box8 {/* recht,gross */
	overflow: auto;
	position : absolute; 
	/*padding : 10px 0 0 10px; 
	margin :  10px 0 0 10px; 
	211009:	
	padding-left: 10px;
  	padding-top: 10px;*/
	top : 0px; 
	left : 340px; /*400 380 310*/
	background : #FFFFFF; 
	/* background : #c6c7c8; */ 
	width :482px; /*412 434 512 482*/
	height : 417px; 
	/*border: 1px;*/
} 

.box5prodtitel {/*titel product*/
	/*overflow: auto;*/
	position : absolute; 
	/*padding : 0px 0 0 10px;*/
	margin : 0px; 
	margin-top: 10px;
	top : 0px; 
	left : 20px; 
	background : #FFFFFF;
	/* background : #c6c7c8; width : 470px;  */ 
	width : 430px; 
	height : 30px; 
	z-index:92;  
}

.box5 {/*description category*/
	/*overflow: auto;*/
	position : absolute; 

	/*padding : 0px 0 0 10px;
	padding : 10px 0 0 10px; 
	margin :  10px 0 0 10px; */

	margin : 0px; 
	padding : 0px;

	top : 40px; 
	left : 20px; 
	background : #FFFFFF;  
	width : 230px; 
	/*height : 370px; width : 260px; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000080;  
}


.box5prod {/*description product*/
	overflow: auto;
	position : absolute; 
	/*padding : 0px 0 0 10px;*/
	margin : 0px; 
	padding : 0px;
	top : 40px; 
	left : 20px; 
	background : #FFFFFF;
	/* background : #c6c7c8;  
	height :280px; 
	width : 220px;	
	width : 400px; 
	/*height :80px; 	
	*/ 	
	width : 200px; 
	/*height :180px; */
	z-index:93;  
}

.box5team {/*description category*/
	/*overflow: auto;*/
	position : absolute; 
	/*padding : 0px 0 0 10px;
	padding : 10px 0 0 10px; 
	margin :  10px 0 0 10px; */
	top : 40px; 
	left : 15px; 
	background : #FFFFFF;  
	width : 230px; 
	/*height : 370px;  width : 420px; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000080;  
}
.box8bild {
	/* bild produkte */
	position: absolute;
	padding: 20px;
	margin: 20px; /*top :160px; bei breite 150 top :110px; */
	top: 0px; /*left : 200px; 
	left : 240px; 
	left : 30px; 
	*/
	left: 220px;
	background: #FFFFFF; /* background : #c6c7c8; vertical-align: text-bottom;*/
/*width : 260px;	
	height : 240px; 
	width : 360px;
	width : 260px; 
	*/
	width: 200px;
	height: 350px;
	z-index: 90;
	
	vertical-align: 50%;
	
	} 

.bild { /* bild produkte */
	position : absolute; 
	padding : 0px; 
	margin : 0px; 
	/*top :160px; bei breite 150*/
	top :-187px; 
	/*left : 200px; 
	left : 240px; 
	left : 230px; */	
	left :-187px; 
	background : #FFFFFF;  
	/* background : #c6c7c8; */ 
	/*width : 260px;	
	height : 240px; 
	width : 360px;
	*/
	width : 1009px; 
	height: 623px;
	/*width : 100%; 
	height : 100%;
	vertical-align: middle;
	vertical-align: sub;	
	*/	
	text-align: justify;
	text-align: center;
	vertical-align: baseline;
	z-index:99; 	
	position:absolute; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	
	font-weight: bold;
	color: #000080;  
/*
top:50%;   
left:50%;   */
}
.box5preis {
	position : absolute; 
	padding : 0px; 
	margin : 0px; 
	/*top : 325px;  top : 225px;  */
	top : 310px; 
	/*left : 10px;  */
	left : 20px; 
	background : #FFFFFF;  
	width : 200px; 
	height : 40px; 
	font-size: 8px; 
}
.box8bild2 { /* bild allgemein */
	position : absolute; 
	padding : 0px; 
	margin : 0px; 
	top :60px; 
	/* left : 320px; width : 170px; */
	left : 300px; 
	background : #FFFFFF;  
	width : 130px; 	
	height : 240px; 
} 
.boxpdf { /* pdf */
	position : absolute; 
	padding : 0px; 
	margin : 0px; 
	/*top :260px; 
	left : 160px; 	
	top :160px; 
	left : 140px; 
	*/
	top :258px; 
	left : -220px; 
	background : #FFFFFF;  
	width : 150px; 	
	height : 16px; 
	z-index:98; 
}
.balke_unten {
	position : absolute; 
	padding : 0px; 
	margin : 0px; 
	top : 607px; 
	left : 0px; 
	background : #c6c7c8;   
	width : 1020px; 
	height : 20px; 
}
.balke_rechts {
	position : absolute; 
	padding : 0px; 
	margin : 0px; 
	top : 0px; 
	left : 1010px; 
	background : #c6c7c8;   
	width : 10px; 
	height : 626px; 
}

 .checkoutcontainer {/*checkout*/
	/*overflow: auto;
	position :absolut; 
	color: #000080;		
	top : 0px; 
	left : 0px; 
	background : #FFFFFF;
	width : 822px; 
	height : 427px; */	
	overflow: auto;
	position : absolute; 
	margin-left:0px;
	padding-left:0px;
	color: #000080; 
	top : 0px; 
	left : 0px; 
	background : #FFFFFF; 	
	/*width : 822px; */
	width : 822px; 
	/*height : 427px; */
	height : 432px; 
	z-index:8; 
} 

.checkout {/*checkout*/
	/*overflow: auto;
	position :absolut; 
	color: #000080; 
	margin-left: 10px;
	padding-left: 10px;
	top : 0px; 
	left : 0px; 	
	background : #FFFFFF;
	width : 812px; 
	height : 327px; */		
	/*top : 210px; padding : 10px 0 0 10px; margin : 0px; 
	margin-left: 10px;
	padding-left: 10px;	
	overflow: auto;*/	
	position : absolute; 
	margin-left: 10px;
	padding-left: 10px;
	color: #000080; 
	/*top : 110px;*/ 
	top : 85px; 
	left : 0px; 
	background : #FFFFFF; 	
	width : 810px; 
	/*height : 300px; 	*/	
	height : 310px; 	
}

.checkoutheader {/*checkout*/
	overflow: auto;
	position :absolut; 
	color: #000080; 
	margin-left: 10px;
	padding-left: 10px;
	/*top : 210px; padding : 10px 0 0 10px; margin : 0px; */
	top : 0px; 
	left : 0px; 
	/*background : #c6c7c8;  802*/
	background : #FFFFFF;
	width : 810px; 
	height : 84px; 
		/*height : 100px; */
} 

.agb {
position : absolute; 
	margin-left: 10px;
	padding-left: 10px;
	color: #000080; 
	/*top : 110px;*/ 
	top : 0px; 
	left : 0px; 
	background : #FFFFFF; 	
	width : 820px; 
	/*height : 300px; 	*/	
	height : 394px; 	
} 
.error {/*checkout*/
	overflow: auto;
	position : absolute; 
	padding : 10px 0 0 10px; 
	margin : 0px; 
	/*top : 210px; */
	top : 100px; 
	left : 0px; 
	/*background : #c6c7c8;  */
	background : #FFFFFF;
	width : 150px; 
	height : 100px; 
} 



