html {
 height: 100%; 
}

body { 
  height: 100%;
  top: 0px;
  left: 0px;
  
  font-family: arial;
  font-size: 11px;
  line-height: 15px;
  color: #5A5A5A;
  background-image:url(../img/bg_01.gif);
}


td {
 font-family: arial;
  font-size: 11px;
  color: #5A5A5A;
  line-height: 15px;
}

strong {
color: #003366;
}

h4 {
color: #003366;
font-size: 16px;
}

a:link, a:visited {
  color:  #003366;
  font-size: 11px;
  font-weight: bold;

}

a:hover, a:active {
   color: #6E83CA;
   font-size: 11px;
   font-weight: bold;
}

a.info_icon:link, a.info_icon:visited {
  display: block;
  margin-top:10px;
  margin-left: -4px;
  width:40px;
  background-image:url(../img/info_icon_0.gif);
  background-position:top;
  background-repeat:no-repeat;
  text-decoration: none;
}

a.info_icon:hover, a.info_icon:active {
  display: block;
  margin-top:10px;
  margin-left: -4px;
  background-image:url(../img/info_icon_1.gif);
  background-position:top;
  background-repeat:no-repeat;
  text-decoration: none;
 }
 
 a.info_extended:link, a.info_extended:visited {
  display:block;
  margin-top:10px;
  margin-left: -4px;
  background-image:url(../img/info_icon_2.gif);
  background-position:top;
  background-repeat:no-repeat;
  text-decoration: none;
  width:40px;
 }
 
a.info_extended:hover, a.info_extended:active {
  display:block;
  margin-top:10px;
  margin-left: -4px;
  background-image:url(../img/info_icon_3.gif);
  background-position:top;
  background-repeat:no-repeat;
  text-decoration: none;
  width:40px;
 }

h1 { 
  font-family: arial;
  font-size: 20px;
  color: #003366;
  padding-top: 10px;
  padding-left: 52px;
}

h3 { 
  font-family: arial;
  font-size: 20px;
  color: #003366;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-bottom: 10px;

}

a.menu, a.menu:link, a.menu:visited {
 background-image:url(../img/nav_raute_passiv.gif);
 background-repeat:no-repeat;
 display:block;
 padding-left: 25px;
 padding-top: 5px;
 width:140px;
 height: 31px;
 font-family: arial;
 font-size:12px;
 font-weight: bold;
 color: #000000;
 text-decoration: none;
}

a.menu:active, a.menu:hover {
 background-image:url(../img/nav_raute_mo.gif);
 display:block;
 padding-left: 25px;
 padding-top: 5px;
 width:140px;
 height: 31px;
 font-family: arial;
 font-size:12px;
 font-style: bold;
 color: #000000;
 text-decoration: none;
}

a.menu_active, a.menu_active:link, a.menu_active:visited {
 background-image:url(../img/nav_raute_aktiv.gif);
 background-repeat:no-repeat;
 display:block;
 padding-left: 25px;
 padding-top: 5px;
 width:140px;
 height: 31px;
 font-family: arial;
 font-size:12px;
 font-weight: bold;
 color: #6E83CA;
 text-decoration: none;
}

a.menu_active:active, a.menu_active:hover {
 background-image:url(../img/nav_raute_mo.gif);
 display:block;
 padding-left: 25px;
 padding-top: 5px;
 width:140px;
 height: 31px;
 font-family: arial;
 font-size:12px;
 font-style: bold;
 color: #6E83CA;
 text-decoration: none;
}

a.mobileorder, a.mobileorder:link, a.mobileorder:visited {
 background-image:url(../img/pfeil_bestell_0.gif);
 background-repeat:no-repeat;
 background-position: 60px 3px;
 display:block;
 padding-left: 0px;
 padding-top: 0px;
 width:140px;
 height: 31px;
 color:  #003366;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
}

a.mobileorder:active, a.mobileorder:hover {
 background-image:url(../img/pfeil_bestell_1.gif);
  background-repeat:no-repeat;
 background-position: 60px 3px;
 display:block;
 padding-left: 0px;
 padding-top: 0px;
 width:140px;
 height: 31px;
 color: #6E83CA;
 font-size: 11px;
 font-weight: bold;
 text-decoration: none;
}
  
.raute {

 background-image:url(../img/nav_raute_passiv.gif);
 background-repeat:no-repeat;
 display:block;
 padding-left: 25px;
 padding-top: 5px;
 width:140px;
 height: 31px;
 font-family: arial;
 font-size:12px;
 font-weight: bold;
 color: #000000;
 text-decoration: none;

}

#wrapper{
	position:absolute; 
	left: 40px; 
	top: 0px;
	height:100%; 
	min-height: 100%;
    background-image: url(../img/bg01.gif);		
}


#logo {
  position:absolute; 
  top: 0px;
  left: 635px;
  width: 165px;
  height: 186px;
  background-image: url(../img/raster_horiz_02.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  overflow:hidden;

}



#zitat {
  position:absolute; 
  top: 0px;
  left: 166px;
  width: 635px;
  height: 186px;
  background-image: url(../img/raster_horiz_02.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  overflow:hidden;
 
}

#logo_links {
  position:absolute; 
  top: 0px;
  left: 0px;
  width: 168px;
  height: 186px;
  background-image: url(../img/raster_horiz_02.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  overflow:hidden;

}

#zitat_rechts {
  position:absolute; 
  top: 0px;
  left: 166px;
  width: 635px;
  height: 186px;
  background-image: url(../img/raster_horiz_02.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  overflow:hidden;
 
}

#topLayer {
  position:absolute; 
  width:800px; 
  height:185px; 
  z-index:1; 
  left: 0px; 
  top: 0px;
   
  background-image: url(../img/raster_horiz_02.gif);
  background-repeat: repeat-x;
  background-position: bottom;

}

#navLayer {
 width:170px; 
 height:100%; 
 min-height: 100%;
 position:absolute; 
 padding-top: 0px;
 padding-bottom: 0px;
 margin-bottom: 0px;

 z-index:3; 
 left: 0px; 
 top: 186px; 
 background-color: #FFFFFF;
 xbackground-color: #E1DDDC;
 font-size: 12px;

 background-image: url(../img/raster_vertik.gif);
 background-repeat: repeat-y;
 background-position: right;

}

#teaserLayer {
  position:absolute; 
  width:181px; 
  height:100%;
  min-height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
 
  z-index:4; 
  left: 170px; 
  top: 186px; 

  xbackground-color: #CECFCF;
  background-color: #FFFFFF;
  background-image: url(../img/raster_vertik.gif);
  background-repeat: repeat-y;
  background-position: right;
}

#contentLayer {
  position:absolute; 
  width:450px; 
  height:100%; 
  min-height: 100%;
  z-index:5; 
  left: 351px; 
  top: 186px;
  background-color: #FFFFFF;
  xbackground-color: #D6D0CF;
  font-size: 11px;
  xpadding-top: 25px;
  padding-bottom: 0px; 
}

.nav_kat {
  background-color: #A4B4C0;
  xwidth: 398px;
  padding-top: 0px;
  padding-left: 52px;
  padding-right: 0px;
  margin-top: 1px;
  margin-left: 0px;
}

.katalogfirst {
 background-color: #A4B4C0;
 padding-left:0px;
 padding-right:0px;
 border-left: solid;
 border-right: solid;
 border-width: 1px;
 border-color: #D6D0CF;
}

.katalog {
 background-color: #A4B4C0;
 height: 100%;
 padding-left:0px;
 padding-right:0px;
 border-right: solid;
 border-width: 1px;
 border-color: #D6D0CF;
}



a.catlink, a.catlink:link, a.catlink:visited {
 padding-left:  9px;
 padding-right: 9px;
 font-family: arial;
 font-size:12px;
 font-weight: bold;
 color: #6E83CA;
 text-decoration: none;

}

a.catlink_active, a.catlink_active:link, a.catlink_active:visited {
 padding-left:  9px;
 padding-right: 9px;
 font-family: arial;
 font-size:12px;
 font-weight: bold;
 color: #003366;
 text-decoration: none;

}

a.catlink:active, a.catlink:hover {
 padding-left:  9px;
 padding-right: 9px;
 font-family: arial;
 font-size:12px;
 font-weight: bold;
 color: #003366;
 text-decoration: none;

}

.teaserContent {
  padding-top: 0px;
}

.teaserElement {

  background-image: url(../img/raster_horiz.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 1px;
  
}

.navContent {
 padding-left: 15px;
 padding-right: 0px;
 padding-top: 25px;
 padding-bottom: 0px;
 

}
.impressum {
font-size: 11px;
padding-left: 15px;
}

.trennerHorizontal {
  background-image: url(../img/raster_horiz.gif);
  background-repeat: repeat-x;
  background-position: top;
}


.eintrag {
background-image:url(../img/raute_kat.gif);
background-repeat:no-repeat;
background-position: 30px 0px;
padding-left: 52px;
padding-bottom: 10px;
margin-bottom: 15px;

width: 380px;

}

.eintrag_neu {
background-repeat:no-repeat;
background-position: 30px 0px;
padding-left: 52px;
padding-bottom: 10px;
margin-bottom: 10px;

width: 380px;

}

/*
.eintrag {
 
padding-left: 52px;
padding-bottom: 20px;
width: 380px;
 
}
.eintrag strong{
 background-image:url(../img/raute_kat.gif);
 background-repeat:no-repeat;
 background-position: 0px 0px;
 margin-left:-30px;
 padding-left:30px;
 padding-bottom:5px;
 float:left;
 clear:both;
 width:100%;
}
*/

.entry_icon {
 background-image:url(../img/raute_kat.gif);
 background-repeat:no-repeat;
 background-position: 0px 0px;
 margin-left:29px;
 margin-top: 10px;
 padding-left:29px;
 padding-bottom:0px;
 float:left;
 clear:both;
 width:100%;
}


.content {
  padding-left: 52px;
  padding-right: 15px;
}

.spacer20 {
height: 20px;
}


input, select, textarea {
 xborder-style: solid;
 xborder-width: 1px;
 border-color: silver;
 font-family: arial;
 font-size: 11px;
 background-color: #D6D6D6;
}

.radio {
 background-color: #FFFFFF;
}


.submit {
 border-style: default;
}

radio {
 margin-left: -5px;
}

.field_s {
 width: 40px;
}
.field_m {
 width: 137px;
}

.field_l {
 width: 180px;
}

.field_xl {
 width: 250px;
}

.message {
  width: 370px;
}



.order {
  background-color: #D6D0CF;
  margin-top:0px;
  margin-left:0px;
  margin-bottom:0px;
  top: 0px;
  left: 0px;
  font-family: arial;
  font-size: 11px;
  color: #000000;

  font-size: 11px;
  width:558px;
  padding-top: 0px;
  padding-bottom: 0px; 
}

.orderContent {
  margin-left: 52px;
  margin-right: 20px;
  background-color: #D6D0CF;
 
}

.pixellinie {
 padding-top:0px;
 padding-bottom:0px;
 height: 1px;
 width:100%;
  background-image:url(../img/raster_horiz.gif);
  background-repeat: repeat-x;
}

.td52 {
  padding-left: 52px;
}

.order { 
  margin: 20px;
  font-family: arial;
  font-size: 11px;
  line-height: 15px;
  color: #5A5A5A;
  background-color: #ffffff;
}

table#formular td {
vertical-align: top; }

.checkbox {
float: left; }

input.checkbox {
margin-right: 15px; }

.aufzaehlung li {
margin-bottom: 10px;
margin-left: -23px; }

* html .aufzaehlung li {
margin-left: -18px; }

*+html .aufzaehlung li {
margin-left: -18px; }

.more_info{
		height:1px;
		overflow:hidden;
		position:relative;
		float:left;
		clear:both;
		margin-top: 5px;
		margin-bottom: 10px;
		padding-bottom: 0px;
}


*:first-child+html.more_info {
margin-top: 0px;
margin-bottom: 0px; 
}