@charset "utf-8";
/* CSS Document */


body{
	margin: 0;
	background-color:#ffffff;
	
	height:100%;
	
}

object {
	outline:none;
}

img{
	border:0;
}

a:focus {
	outline: none;
}


#spacer{
	height:50px;
	/*border:1px solid red;*/
}

#wrapper{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	text-align:center;
}
#main{
	position:relative;
	top:0px;
	width:1041px;
	height:auto;
	z-index:12;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
}

#footer_main{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:40px;
	z-index:400;
	background-image:url(/images/footer.gif);
	background-repeat:repeat-x;
	text-align:center;
	display:none;
}


#content{
	position:relative;
	top:0px;
	left:0px;
	width:580px;
	height:auto;
	padding-top:20px;
	padding-left:0px;
	padding-right:0px;
	margin:0;
	z-index:12;
	float:left;
	background-image:url(images/headerspace.jpg);
	background-repeat:no-repeat;
}

#bg{
	position:absolute;
	top:0px;
	left:-200px;
	width:430px;
	height:430px;
	z-index:4;
}




#left, #right{
	position:relative;
	top:0px;
	left:0px;
	width:230px;
	height:600px;
	z-index:13;
	float:left;
	padding:0;
	margin:0;
	padding-top:20px;
}
/*
#left{
	left:0px;
}
#right{
	right:0px;
}*/



#bg_left{
	background-image:url(images/left/bg.png);
}
#bg_right{
	background-image:url(images/right/bg.jpg);
}
#bg_left, #bg_right{
	position:absolute;
	top:0px;
	left:0px;
	width:230px;
	height:600px;
	z-index:1;
}

#ajaxloader{
	position:absolute;
	top:200px;
	left:255px;
}

/*
#logo{
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:158px;
	background-image:url(images/left/logo.png);
	z-index:2;
}*/


/* -- content left + Navigation ------------------------------------------------------ */
#nav_left{
	position:absolute;
	top:10px;
	left:50px;
	width:169px;
	height:534px;
	z-index:2;
	text-align:left;
}

#mainNavigation {
  position:absolute;
  width:169px;
  display: block;
  list-style-type:none;
  overflow:hidden;
  margin-top:0px;
  margin-left:0px;
  padding-left:0px;
}

.navpic_logo{
	position:relative;
	top:0px;
	width:169px;
	height:151px;
	border:0;
}
.navpic_top{
	position:relative;
	top:0px;
	width:338px;
	height:67px;
	border:0;
}
.navpic_norm{
	position:relative;
	top:0px;
	left:0px;
	width:338px;
	height:34px;
	border:0;
}
.navpic_lifetimes{
	position:relative;
	top:0px;
	left:0px;
	width:136px;
	height:80px;
	border:0;
}

.nav_active{
	left: -167px;
}



.li_logo{
	width:169px;
	height:151px;
	margin-bottom:-10px;
}
.li_top{
	width:338px;
	height:67px;
}
.li_norm{
	width:338px;
	height:34px;
}
.li_lifetimes{
	margin-top:10px;
	margin-left:8px;
	width:136px;
	height:80px;
}

#lifetimes{
	position:absolute; 
	bottom:0px; 
	left:8px; 
	display:block;
	z-index:20;
	overflow:visible;
}
#lifetimesZoom{
	position: absolute;
	display: none;
	z-index: 11;
	width: 193px;
	height: 138px;	
	padding-top: 0;
	margin-left: 0;
	padding: 10px;	
	line-height: normal;
	background-color: #ffffff;
}
#lifetimesZoomTn:hover #lifetimesZoom,
#lifetimesZoomTn.sfhover #lifetimesZoom{
	display: block;
	position:absolute;
	z-index: 22;
	left:135px;
	top: -60px;
	border: 1px solid #cccccc;
}
#lifetimes_clickgif{
	position:absolute;
	left:-136px;
	top:60px;
}

#nav_overlay_btn{
	position:absolute; 
	top:174px; 
	left:10px; 
	width:100px; 
	height:20px; 
	z-index:101;
}

#nav_overlay_produkte{
	position:absolute;
	width:140px;
	height:22px;
	z-index:2;
}

#nav_overlay_produkt_liste{
	position:absolute;
	top:0px;
	left:0px;
	width:138px; 
	height:20px; 
	overflow:hidden; 
	background-color:#FFFFFF; 
	border:1px solid #193281;
	z-index:1;
}

.overlay_nav_pic{
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:115px;
	margin:0;
	padding:0;
	z-index:7;
	float:left;
	overflow:hidden;
	cursor:pointer;
	text-align:center;
}

.overlay_nav_png{
	position:absolute;
	top:0px;
	left:9px;
	width:80px;
	height:92px;
	border:0;
	margin:0;
	padding:0;
}
*html .overlay_nav_png{
	position:absolute;
	left:0px;
}

.overlay_nav_label_png{
	width:100px;
	height:30px;
}
.overlay_nav_label{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100px;
	height:30px;
	border:0;
	margin:0;
	padding:0;
}

.overlay_milk{
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:115px;
	margin:0;
	padding:0;
	z-index:8;
	background-image:url(images/milk.png);
}

/* -- content right ------------------------------------------------------ */
#nav_right{
	position:absolute;
	top:20px;
	left:17px;
	width:180px;
	height:534px;
	z-index:2;
	text-align:left;
	/*border: 1px solid red;*/
}

	.nav_right_cont_norm{
		position:relative;
		top:0px;
		left:0px;
		width:180px;
		height:136px;
		overflow:visible;
	}
	
		.nav_right_head{
			position:absolute;
			top:0px;
			left:0px;
			width:180px;
			height:130px;
			overflow:visible;
			background-repeat:no-repeat;
			z-index:1;
		}
		.nav_right_text{
			position:absolute;
			top:38px;
			left:3px;
			width:180px;
			height:auto;
			z-index:2;
		}

/* -- for nav_right accordion ------------------------------------------------------ */
#nav_right_acc{
	position:absolute;
	top:29px;
	left:3px;
	width:160px;
	height:202px;
	z-index:2;
	overflow:hidden;
}

dl{ 
	width: 160px;
	margin: 0;
}

dl,dd {
	margin: 0; 
}

dt { 
	height:27px; 
	padding: 0px; 
	margin-top: 2px; 
}

.ul_acc{
	height:57px;
	list-style:none;
	padding: 0px;
	margin:0px;
}
.li_acc{
	float:left;
	height:57px; 
}
	
.dbnavpic{
	position:relative;
	top:0px;
	width:320px;
	height:27px;
	border:0;
}
.dbnavpic_active{
	position:relative;
	top:0px;
	width:320px;
	height:27px;
	border:0;
}

.dbbgpic{
	width:160px;
	height:57px;
	border:0;
}




/* ---- */

        /* use a semi-transparent image for the overlay */
		#overlay {
			position:absolute;
			top:500px;
			left:0;
			width:100%;
			height:100%;
/*            background-image:url('images/black50.png'); */
			z-index:10000;
			display:none;			
        } 
		
		#overlay_bg {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
            background-image:url('images/black50.png'); 
			z-index:100;
        } 
		
		#overlay div.contentWrap {
			position:500px; 
			width:580px; 
			height:auto; 
			z-index:200; 
			top: 20px; 
			left: 50%; 
        } 
		.overlay_header{
			width:568px;
			height:20px;
		}
		.overlay_headline{
			width:300px;
			float:left;
		}
		.overlay_close{
			width:268px;
			float:left;
			text-align:right;
		}
		
		.overlay_content p{
			margin-top:0;
		}
		
		.overlay_content_left{
			width:320px;
			float:left;
			margin-right:24px;
		}

		.overlay_content_right{
			width:188px;
			float:right;
		}