@charset "UTF-8";
/* CSS Document */
* { outline:none; }
html, body {margin:0px; padding:0px; background:#fff; font-family:arial; font-size:12px; height:100%; overflow:auto;}

.english{position:inherit; left:25px; width:35px; height:22px; text-indent:-10000px;}
.deutsch{position:inherit; left:65px; width:35px; height:22px; text-indent:-10000px;}

.logolink{position:inherit;width:160px; height:160px; text-indent:-10000px; display:block;}

.headfootspacer {display:block; height:0px; margin:0px; padding:0px;background-image:none; background:#fff;}

.headfoot {position:relative; display:block; height:166px; color:#fff; text-align:center; padding:0px; }
.headtopleft {width:44px; height:166px; background:url(img/struktur/header/oben_links.gif); background-repeat:no-repeat; float:left;}
.headtoplogo {width:166px; height:166px; background:url(img/struktur/header/logo.gif); background-repeat:no-repeat; float:left;}
.headtopright {width:769px; height:166px; background:url(img/struktur/header/hg_oben_rechts.gif); background-repeat:repeat; float:left; border-left:#FFF 1px solid;  z-index: 999 !important;}

.headtopimage {width:387px; height:117px; background:url(img/struktur/header/strudel.jpg); background-repeat:no-repeat; position:absolute; right:0px; top:23px; border:none;}
.headtoptext  {width:320px; height:21px; background:url(img/struktur/header/schriftzug.gif); background-repeat:no-repeat; position:absolute; left:260px; top:110px; border:none;}
.navtop		  {float:left; height:auto; left:50px; top:140px; position:relative; border-left:1px solid #fff; z-index:700 !important;}

.headlanguage  {width:133px; height:24px; background:url(img/struktur/header/fahnen.gif); background-repeat:no-repeat; position:absolute; left:847px; top:141px; border:none;}

/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
	height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



#container {position:relative; left:210px; overflow:visible; width:770px; padding:0px; z-index:10 !important;}
#left {float:left; position:relative; width:210px; margin-left:-210px;  padding:0px; background-image:url(img/struktur/navigation/left_hg.gif); background-repeat:repeat-y; margin-top:0px; z-index:700 !important;}
#content {padding:27px 20px 35px 25px; overflow:visible; float:left; position:relative; z-index:10 !important; width:710px;}
#contentstartseite {padding:0px; overflow:visible; float:left; position:relative; z-index:10 !important; height:442px !important;}
#wrapper { 
		margin:0 auto; 
		margin-top:0px;
		padding: 0 auto;
		width:980px; 
		background-image:url(img/struktur/hg_horizontal_wrapper.gif); 
		background-repeat:repeat-y; 
		overflow:visible;
		position: relative; /*** IE IE ***/
		display: table; /*** For non-IE browsers ***/
		
		z-index:5 !important;
}

#bgwrapper {margin:0 0 0 0; padding:0 0 0 0;}

.clear {clear:both;height:1px;}

/* Just to extend each column */


/*NAVIGATION LINKS*/



#subnavcontainer {
	width:230px;
	height:auto;
	margin:0; 
	padding:0;	
}



#subnav{
	width:235px;
	display:block;
	padding:0px;
	float:left;
	padding-left:20px;
}




span.active { background-color:#333; width:100px; height:50px;}







/* Suche */ 
#suche_rechts {	
	width:220px;
	height:auto;
	margin:0 !important; 
	padding:0;
	height:68px;
}


#suche_feld {
	width:220px;
	height:68px;
	background: url(../../img/struktur/suche/suche_feld_rechts.jpg) no-repeat;
	margin:0 !important; 
	padding:0;	
	float:left;
}


.suche {
	padding-left:32px;
	padding-top:10px;
}

.suchfeld{
	padding:0 auto;
	margin:0 auto;
	border:none;
	width:120px;
	height:20px;
	font-size:14px;
	color:#949494;
}

#content h1 {color:#000; font-size:1.5em; font-weight:bold; margin: 0 0 30px 0;}
#content p, p li, p ul  {color:#000000; font-size:1.0em; font-weight:normal;}
#content ul, #content li  {color:#000000; font-size:1.0em; font-weight:normal;}



div.produktliste {width:170px; height:210px; background:url(img/struktur/produktliste/hg_blueline_left_right.gif) no-repeat 0px 95px; float:left; margin-bottom:40px; }
div.produktlistenbild { text-align:center; height:165px; display:block; vertical-align:bottom; }
div.produktlistenbild img { vertical-align:sub; position:relative !important; }
div.produktliste h2 { text-align:center; color:#009ee0 !important;  margin:0 auto; padding:0; font-size:1.2em; font-weight:bold;}
div.produktliste p  { text-align:center; color:#000 !important;  margin:0 auto; padding:0; font-size:1.2em; padding-top:5px;}


.contentlink a:link, .contentlink a:link, .contentlink a:active, .contentlink a:hover { 	text-align:left; padding:0px; margin:0; font-size:1.0em !important; color:#0084d7 !important; font-weight:normal; text-decoration:none; }

.link { 	text-align:left; padding:0px; margin:0; font-size:1.0em !important; color:#0084d7 !important; font-weight:normal; text-decoration:none; }
/*Menü oben CSS*/
#seitenuebersicht {display:block; width:120px; height:20px; position:absolute; cursor:pointer; left:540px; top:40px; text-align:left; }
#impressum 		  {display:block; width:90px; height:20px; position:absolute; cursor:pointer; left:670px; top:40px; text-align:left;  }


#suche 		  	  {display:block; width:67px; height:20px; position:absolute; left:830px; top:40px; text-align:left; }

#suche input {width:67px; height:14px; border:0px;}

#suchesubmit {display:block; width:50px; height:20px; position:absolute; left:770px; top:40px; text-align:left;  }





#linksrechts {
	float:left;
	position:relative;
	border-right:1px solid #009ee0;
	width:585px;
}

#links {
	float:left;
	width:370px;
}

#rechts {
	width:210px;
	float:left;
	padding-left:0px;
	padding-right:0px;
}


#rechtsaussen {
	width:100px;
	float:left;
	height:100% !important;
	position:relative;
	margin-left:10px;
}









.sidebarmenu {margin-left:0px; padding-top:21px; padding-bottom:5px; z-index:1000 !important; position:relative;}
span.sidebarmenueheadline  {padding: 6px 6px 8px 65px !important; display:block; text-transform:uppercase; font-weight:bold; font-size:1.3em;}

.sidebarmenu ul{
margin: 0;
padding: 0;
font: normal 13px Arial;
width: 210px; /* Main Menu Item widths */
color:#fff;
z-index:700 !important; 
}

 
.sidebarmenu ul li{
position: relative;
padding:0;
margin:0;
list-style:none;
z-index:1000 !important; 
}

.sidebarmenu ul li:hover {
background:url(img/struktur/navigation/ebene_a_aktiv.gif) no-repeat 0% 50% !important;
z-index:1000 !important; 
}

.sidebarmenu ul li ul li:hover {
background:url(img/struktur/navigation/ebene_b_aktiv.gif) no-repeat 0% 50% !important;
+
z-index:1000 !important; 
}

.sidebarmenu ul li ul li {
background:url(img/struktur/navigation/ebene_b_inaktiv.gif) no-repeat 0% 50% !important;
z-index:1000 !important; ;
}

.sidebarmenu ul li{
background:url(img/struktur/navigation/ebene_a_inaktiv.gif) no-repeat 0% 50% !important;
z-index:1000 !important; 
}



/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px 6px 8px 8px;
color:#fff;
text-transform: uppercase;
z-index:1000 !important; 
}

.sidebarmenu ul li a:hover{
padding-left:65px;
 overflow:hidden;
 z-index:1000 !important; 
/*background-color: #0084d7;
background:url(img/struktur/navigation/ebene_a_aktiv.gif) no-repeat 0% 50% !important;*/
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
 /*background of tabs (default state)*/
 overflow:hidden;
 padding-left:65px;
 z-index:1000 !important; 
}

.sidebarmenu ul li ul li a:hover{
padding-left:20px !important;
 overflow:hidden;
 z-index:1000 !important; 
/*background-color: #0084d7;
background:url(img/struktur/navigation/ebene_a_aktiv.gif) no-repeat 0% 50% !important;*/
}

.sidebarmenu ul li ul li a:link, .sidebarmenu ul li ul li a:visited, .sidebarmenu ul li ul li a:active{
 /*background of tabs (default state)*/
  overflow:hidden;
 padding-left:20px !important;
 z-index:1000 !important; 
}

.sidebarmenu ul li a:visited{
color:#fff;

}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
/*min-width: 165px; Sub Menu Items width */
top: 0;
visibility: hidden;
z-index:1000 !important; 
background-color:#17bbea;
}

.sidebarmenu a.subfolderstyle{
padding-left:65px !important;
z-index:1000 !important; 
/*background:url(img/struktur/navigation/ebene_a_sub_inaktiv.gif) no-repeat 0% 50% !important;*/
}

.sidebarmenu a.subfolderstyleaktiv{
padding-left:25px;
/*background:url(img/struktur/navigation/ebene_a_aktiv.gif) no-repeat 0% 50% !important;*/
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%;  }
/* End */




/*Kontaktformular*/
.formsection		  { padding-bottom:2px; padding-top:4px; float:left;}
.kontaktform_top 	  { background-repeat:no-repeat; width:642px; height:10px; }
.kontaktform_bottom   { background-repeat:no-repeat; width:642px; height:10px; }
.kontaktform_content  { background-repeat:repeat-y; width:642px; height:100% !important; }

.inputtext	 		  { padding:4px; width:480px; height:16px; position:relative; left:40px; border:none; border-bottom:1px solid; background-color:#f0f7fd; }
.optiontext	 		  { padding:4px; width:480px; height:16px; position:relative; left:40px; border:none; border-bottom:1px solid; background-color:#f0f7fd; float:left; }
.inputmultitext	 	  { padding:4px; width:480px; height:150px; position:relative; left:40px; border:none; border-bottom:1px solid; background-color:#f0f7fd;}

div.formsection label { width:90px; height:20px; float:left; padding-left:10px; font-size:12px; padding-top:4px; color:#000; font-weight:bold; display:block;}
.submitform	 		  { float:left; padding:3px; outline:none; width:130px; background-color:#f0f7fd; border:1px solid #FFF; color:#000; font-size:12px; margin-left:140px;}

.backform	 		  { float:left; padding:3px; outline:none; background-color:#b2daf3; border:1px solid #f0f7fd; color:#FFF; font-size:12px;}
.kontaktmessage		  { display:block; background-color:#fff; padding:10px; border-bottom:1px solid #b2daf3;}


.inputtextlogin	 		  { padding:4px; width:180px; height:16px; position:relative; left:40px; border:none; border-bottom:1px solid; background-color:#f0f7fd; }
.submitformlogin	 		  { float:left; padding:3px; outline:none; width:130px; background-color:#f0f7fd; border:1px solid #FFF; color:#000; font-size:12px; margin-left:0px; margin-top:40px;}

.textlink{ color:#00C; text-decoration:underline;}

.shortnavi {padding-left:22px;}

.shortnavi a {color:#06C; size:14px; font-weight:bold;}