/*
	Website: Herres Sekt http://www.herres.de/
	BOB Design http://www.bob-design.de/ 
	Imagion AG http://www.imagion.de/
	CSS Datei
	14.08.2008 Daan Meskers
	$last_change: 14.08.2008 Daan Meskers
*/

A {
   outline : 0;
}
/* =================== menu  ============= */
DIV#Header UL#Menu {
   padding-left: 0;
   margin: 0 0 0 175px;
   max-width: 839px;
} 
DIV#Header IMG {
   position: absolute;
   top: 0; left: 37px;
   border: 0;
} 
DIV#Header UL#Menu LI A,
DIV#Header UL#Menu LI UL,
DIV#Header UL#Menu LI UL LI,
DIV#Header UL#Menu LI UL LI A {
   border-bottom: 0;
   color: #334455;
} 
DIV#Header UL#Menu LI UL LI A {
   color: #FFF;
} 
DIV#Header UL#Menu LI UL {
   padding-bottom: 5px;
} 
DIV#Header UL#Menu LI A {
   min-width: 77px;
} 
DIV#Header UL#Menu LI A:hover {
   color: #FFF;
   background-color: #997336;
} 
DIV#Header UL#Menu UL LI {
	margin: 4px 0 0 0;
	padding: 1px 2px 2px 2px;

} 

/* =================== SubMenu  ============= */
UL#Footer LI.sitemap, UL#Footer LI.footerelm_110,
UL#Footer LI.sitemap, UL#Footer LI.footerelm_111 {
	position: absolute;
	left: 646px;
	border-right: 0;
}

/* =================== SubMenu  ============= */
UL#subMenu {
	margin: 95px 0 0 0px;	padding: 0 ;
}
DIV#Header FORM.srch,
UL.language  {
   display: none !important;
}
UL#subMenu LI.on A {
	background: transparent url(../../img/layat_menu_bg_on.png) no-repeat bottom left;
}
UL#subMenu LI A:hover {
	background: transparent url(../../img/layat_menu_bg_on.png) no-repeat bottom left;
}
UL#subMenu LI.on UL LI A {
	background: transparent url(../../img/layat_menu_sub_on.png) repeat-y top left;
}


/* =================== Content ============= */
DIV#Content  div#Bild.Bild {
	border-bottom: 0 !important;
	max-height: 350px; min-height: 200px;
}
DIV.csc-textpic dl,
DIV.csc-textpic dl dt {
	margin: 0; padding: 0;
}
DIV.csc-textpic dl dt IMG {
	margin: 0; padding: 0; left: 0;
}
div.csc-header h1,
div.csc-header h2,
div#Content div.Inhalte h1,
div#Content div.Inhalte h2 {
   font-size: 120%;
   color: #997336 !important;
   margin: 5px 0 15px 0;
}
div#Content div.leaderBlockProdukte div.Name H2 {
   margin-top: 0;
   padding-top: 12px;
}
div#Content div.leaderBlockProdukte div.Name H3 {
   margin-top: 0;
   padding-top: 0;
}
div#Content div.leaderBlockProdukte div.Text {
   margin-top: 0;
   padding-top: 5px;
}
p.bodytext {
   line-height: 160%;
   max-width: 600px;
   margin: 0 0 21px 0;
}
div.Kontakt div.Function {
   background: #997336;
}
div.Kontakt div.Datensheet div.kolumn h2 {
   color: #997336;
   font-weight: bold;
}
div.Beischrift {
   position: relative; top: -1px; 
   top: expression( "-10px" );
   padding: 10px 75px 18px 350px; margin: 0;
   line-height: 155%;
   z-index: 99;
   /* background: #997336; color: #FFF;  */
}

/* KOntakt */
DIV#KontaktSheet {
	width: 302px; height: 150px; 
	position: absolute;
	opacity: 1;
	left: 565px; top: 120px;
	text-align: left;
	z-index: 999;
}
DIV#KontaktSheet {
	filter: alpha(opacity=80) !important;
}
DIV#KontaktSheet  DIV.elm {
   border: 1px solid #8f989d;
   background: #FFF;
   width: 300px; height: 115px;
   position: absolute;
   left: 0; top: 0;
   text-align: left;
   overflow-y: visible;
   opacity: 0.85;
}
DIV#KontaktSheet  DIV.elm H2 {
   margin: 7px 5px 3px 13px; padding: 0;
   font-size: 100%;
   color: #997336 !important;
}
DIV#KontaktSheet  DIV.elm P {
   line-height: 150%;
   color: #222;
   padding-left: 4px;
}
DIV#KontaktBallon {
   left: 30px; top: 115px; 
}
/* ================== Eigenmarken ======================= */
dl#Eigenmarken {
   display: block;
   position: relative;
   height: 250px; width: 1250px; 
   left: -150px; z-index: 900;
   margin: 0; top: -5px;
   		
}
dl#Eigenmarken dt {
   position: absolute;	
   left: 0; top: 0;
   width: 200px; height: 250px; 
   text-align: center;
}
dl#Eigenmarken dt img {
   width: auto; height: 125px; 
   margin: 100px auto;
   position: relative;
   
}
dl#Eigenmarken dt A {
   outline : 0;
}
dl#Eigenmarken dd {
   position: absolute;	
   opacity: 0.01;
   margin: 0; padding: 12px 25px 0 25px;
   top: 65px;
   background: transparent url( ../../img/eigenmarken_label.png) no-repeat top right;
   min-height: 25px;
   color: #666;
   z-index: 901;
}

div#myLineEigenmarken {
   position: relative;
   border-top: 1px solid #8f989d;
   top: -25px;
   z-index: 909;
}