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

@font-face {  
     font-family: HelveticaNeueLight;  
     src: url(fonts/helveticaneuelight.eot);  
} 

@font-face {  
     font-family: Daniel_handed;  
     src: url(fonts/danielbd.eot);  
} 
   
@font-face {  
     font-family: HelveticaNeueLight;  
     src: url(fonts/HelveticaNeueLight.otf) format('opentype'); 
} 
 
@font-face {  
     font-family: Daniel_handed;  
     src: url(fonts/danielbd.ttf) format('truetype'); 
} 
 
body { 
	margin:0;
	padding:0;
	height:100%; 
	background-color:#afaca9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	scrollbar-face-color:#FFF;
   	scrollbar-arrow-color:#B4C3CB;
   	scrollbar-track-color:#FFF;
   	scrollbar-shadow-color:rgb(180,195,203);
   	scrollbar-highlight-color:rgb(255,255,255);
   	scrollbar-3dlight-color:#B4C3CB;
   	scrollbar-darkshadow-Color:#FFF;
}

h1 {
	font-family: HelveticaNeueLight,Arial, Helvetica, sans-serif;
	color:#433e39;
	font-size:22px;
	/*font-weight:bolder;*/
	line-height: 16px;
	}

h4 {
	font-family:Daniel_handed,Arial, Helvetica, sans-serif;
	color:#ff6000;
	font-size:16px;
	font-weight:bold;
	line-height: 16px;
	}
	
	
h1 span{
	font-family: HelveticaNeueLight,Arial, Helvetica, sans-serif;
	color:#777069;
	font-size:14px;
	}
	
h2 {
	font-family: HelveticaNeueLight,Arial, Helvetica, sans-serif;
	color:#777069;
	font-size:14px;
	/*font-weight:bolder;*/
	line-height: 12px;
	}
	
h3 {
	font-family: HelveticaNeueLight,Arial, Helvetica, sans-serif;
	/*color:#777069;*/
	color: #ff6000;
	font-size:14px;
	/*font-weight:bolder;
	line-height: 15px;*/
	}

div.bg_stripes{
	background-image: url(pics/pattern_stripes.gif);
	background-repeat:repeat;
	position:absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	width: 976px;
	height: 100%;
	border-right: #a7a4a0 solid 3px;
	z-index:0;
}

div.bg_main{
	background-color:#afaca9;
	background-image: url(pics/bg_img_main.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top: 0px;
	left: 30px;
	padding: 0px;
	width: 673px;
	height: 100%;
	border-right: #ffffff solid 3px;
	z-index:1;
}

div.image {
	position:absolute;
	top: 0px;
	left: 706px;
	padding: 0px;
	width: 271px;
	height: 100%;
	z-index:1;
	border-bottom: #a7a4a0 solid 3px;
}

/* --------------------------------------------------------------------------------- NAVI */
div.navi{
	background-image:url(pics/logo.jpg);
	background-repeat:no-repeat;
	background-color:#f1f3ef;
	position:absolute;
	top: 187px;
	left: 147px;
	width: 190px;
	height: 100%;
	border: #bcbcbc solid 1px;
	z-index:4;
}

div.navi ul{
	list-style-type: none;
	margin: 0;
	width: 179px;
 	padding-top: 160px;
	padding-left: 0px;
	list-style: none;

}

#main_nav a {
	display: block;
	width: 100%;
	text-align: left;
	font-weight:bold;
	font-size:12px;
	color:#3c3c3b;
	height: 18px;
	margin: 0px;
	background-color:#dfe0de;
	padding-top:4px;
	padding-left: 11px;
	border-bottom:solid 1px #f1f3ef;
}

#main_nav a:hover {
	background-color:#ffffff;
	padding-top:4px;
	border-bottom:solid 1px #f1f3ef;

	
	}
.main_active {
	font-size:15px;
	color: #ff6000;
}

#sub_nav {
	list-style-type: none;
	padding-top:0px;
  	border-bottom:none;


}

#sub_nav a {
	background-color: #d1cecb;
	display: block;
	text-align: left;
 	height: 16px;
	font-weight:normal;
	font-size: 11px;
	color: #363636;
	padding-top:2px;
  	border-bottom:none;

}

#sub_nav a:hover {
	background-color:#67605a;
	color: #fff;
	padding-top:2px;
	border-bottom:none;
}

.sub_active {
	color: #7c756f;

}

/* --------------------------------------------------------------------------------- CONTENT */
a, a:link , btn, btn:link{
	color: #717171;
	text-decoration: none;
}

a:visited {
	color:#717171;
	text-decoration: none;
}

a:hover {
	color:#FFF;
	background-color:#807972;
	text-decoration: none;
}

.highlight{
	font-weight:bold;
	color:#666;}
	
.txtbgcolor{
	background-color:#C03;
	}
div.content{
	background-color:#ffffff;
	background-image:url(pics/bg_content_hell.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top: 50px;
	left: 320px;
	width: 494px;
	min-height:100%;
	border: #b2b0ad solid 1px;
	border-bottom:none;
	z-index:3;
}

div.text {
	padding-left: 38px;
	padding-top: 41px;
	padding-right: 38px;
	padding-bottom: 41px;
	}

div.text b{
	font-weight:bold;
	font-size:12px;
	
}

	
div.linie {
	position:relative;
	top: 0px;
	padding: 0px;
	height: 0px;
	width: 418px;
	border-top:dotted 1px #b3b3b3;
	line-height: 0px;
}



div.content_aktuelles{
	background-color:#262626;
	background-image:url(pics/aktuelles_headline.gif);
	background-repeat:no-repeat;
	position:absolute;
	top: 50px;
	left: 320px;
	width: 494px;
	min-height:100%;
	border: #b2b0ad solid 1px;
	border-bottom:none;
	z-index:3;
}

div.zettelconainer{
	position: absolute;
	top: 85px;
}

div.zettel {
	background-image:url(pics/aktuelles_zettel_oben.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#f3e0bc;
	position:relative;

	left:38px;
	width: 418px;	
}

div.text_zettel {
	padding-left: 25px;
	padding-top: 55px;
	padding-right: 25px;
	padding-bottom: 15px;
	}

div.text_zettel h1 {
	font-family:Daniel_handed,Arial, Helvetica, sans-serif;
	color:#ff6000;
	font-size:16px;
	font-weight:bold;
	line-height: 18px;
	}

	
div.text_zettel p {
	color:#000000;
	font-size:12px;
	}
	
div.linie_zettel {
	position:relative;
	top: 0px;
	padding: 0px;
	height: 0px;
	width: 368px;
	border-bottom:dotted 1px #b3b3b3;
	line-height: 0px;

}

div.content_dunkel{
	background-color:#262626;
	position:absolute;
	top: 50px;
	left: 320px;
	width: 494px;
	min-height:100%;
	border: #b2b0ad solid 1px;
	border-bottom:none;
	z-index:3;
}

div.text_aufdunkel {
	padding-left: 38px;
	padding-top: 41px;
	padding-right: 38px;
	padding-bottom: 41px;
	}

div.text_aufdunkel h1 {
	color:#ababab;
	font-size:20px;
	font-weight:bolder;
	line-height: 0px;
	}

div.text_aufdunkel p {
	color:#000000;
	font-size:12px;
	}
	
div.linie_aufdunkel {
	position:relative;
	top: 0px;
	padding: 0px;
	height: 0px;
	width: 418px;
	border-top:dotted 1px #4f4f4f;
	line-height: 0px;
}

#pressefoto_rechts{
	position: relative;
	padding-left: 214px;
	width: 204px;
	padding-top: 20px;

}

#pressefoto_links{
	position: absolute;
	width: 204px;
	padding-top: 20px;
	margin-bottom:1px;
	z-index:4;

}

#presseartikel{
	position:relative;
	width:418px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:dotted 1px #b3b3b3;
	line-height:0px;
	}

img, a img {
	border: 0;
}

html>body div.bg_stripes, div.bg_main, div.navi, div.image {  
    position: fixed;
 }
 
#termin_monat{
	position:relative;
	padding-top: 20px;
	width: 418px;
	border-bottom:dotted 1px #b3b3b3; 
	} 
	
#termin_rechterpart {
	position:relative;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left:100px;
	width: 318px;
	border-bottom:dotted 1px #b3b3b3; 
} 


#termin_linkerpart{
	position:absolute;
	padding-top: 5px;
	padding-bottom: 10px;
	width:93px;
	}
	


#impressum{
	font-weight:normal;
	padding-left:12px;
	padding-top:8px;
	font-size: 10px;
	color:#c4bfb6;
	}
	
#impressum a:link, #impressum a:visited, #impressum a:active {
	font-weight:normal;
	text-decoration:none;
	color:#c4bfb6;
	}
	
#impressum a:hover {
	font-weight:normal;
	background-color:none;
	color: #fff;
}




div.linie_shop {
	position:relative;
	top: 0px;
	padding-top:10px;
	padding-bottom: 10px;
	width: 418px;
	border-bottom:dotted 1px #b3b3b3;
	text-align:right;
}

div.produktbilder {
	position:relative;
    left: 0px;
	margin-top:20px;
	/*margin-bottom:20px;*/
	width:418px;
}

#versandkosten{
	font-weight:normal;
	font-size: 10px;
	color:#c4bfb6;
	}
	
#versandkosten a:link, #impressum a:visited, #impressum a:active {
	font-weight:normal;
	text-decoration:none;
	color:#c4bfb6;
	}
	
#versandkosten a:hover {
	font-weight:normal;
	background-color:none;
	color: #fff;
}

table {
	border:hidden;
	margin:0px;
	padding:0px;

	}
td {
	border:1px dotted #CCC;
	padding:3px;
	margin:0px;
    vertical-align: bottom;
    #vertical-align: baseline /* IE */

	}
input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 1px;
	margin: 0px;

}

.btn{
	background-color:#FFF;
	border:none;
	color: #717171;
	text-decoration: none;
	padding:0px;
	margin: 0px;

}

.btn_hover {
	color:#FFF;
	background-color:#807972;
	border:none;
	text-decoration: none;
	padding:0px;
	margin: 0px;
}

select.dropdown {
	color:#F00;
	}
select.dropdown option {
	color:#000;
}

div.content_shop{
	background-color:#ffffff;
	background-image:url(pics/bg_content_shop.jpg);
	background-repeat:no-repeat;
	position:absolute;
	top: 50px;
	left: 320px;
	width: 494px;
	min-height:100%;
	border: #b2b0ad solid 1px;
	border-bottom:none;
	z-index:3;
}