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

* {
padding:0px;
margin:0px;
}

p {
margin-bottom:6px;
}
p.abstand_oben18px {
margin-bottom:6px;
margin-top:18px;
}

body {
background-color: #ddd;
} 
.header {
	width: 936px;
	background: url(/images/layout/background_header_home.jpg) top left no-repeat;
	height:112px;
}
.container {
	width: 936px;
	border-right:20px solid #ddd;
	border-left:20px solid #ddd;
}

.container_main {
padding-top:20px;
background-color:#FFFFFF;
float: left;
}

.mainnavi {
position:relative;
width:650px;
top:73px;
left:240px;
}
.subnavi {
width: 208px;
padding: 0px 10px;
float:left;
margin-right:12px;
}

.subnavi ul {
list-style: none;
font-family: tahoma, arial, sans-serif;
font-size:10px;
}
.subnavi li {
}
.subnavi a {
display: block;
text-decoration: none;
color: #7d7d7d;
padding:6px;
height: 13px;
border-bottom: 1px solid #d4d4d4;
}
.subnavi a.level2_active, .subnavi a:hover {
color: #0073b2;
border-bottom: 1px solid #0071af;
}

.container_content {
float: left;
width:696px;
font-family: tahoma, arial, sans-serif;
color:#656565;
}

h1 {
font-size:16px;
color: #666;
margin-bottom:20px;
border-bottom: 4px solid #666;
padding-bottom:6px;
font-weight: bold;
}

h2 {
font-weight: bold;
font-size:11px;
margin-top:12px;
margin-bottom:6px;
color: #0073b2;
}

h2.nomargintop {
font-weight: bold;
font-size:11px;
margin-top:0px;
margin-bottom:6px;
color: #0073b2;
}

.text {
font-size:11px;
width: 336px;
text-align: left;
float:left;
}
.text_ganze_breite {
font-size:11px;
width: 676px;
}

ul.liste_unsortiert {
padding-left:20px;
list-style-type:square;
margin-bottom:9px;
}

ul.liste_unsortiert li {
padding-bottom:4px;
}
.box_blue {
background-color: #0073b2;
width:664px;
padding:10px;
color: #fff;
font-size:11px;
float: left;
}
.box_blue_middle {
background-color: #0073b2;
width:430px;
padding:10px;
color: #fff;
font-size:11px;
float: left;
line-height: 15px;
}

.fussnote {
font-size: 10px;
}


.tdlightblue {
	background-color: #E0ECF3;
	border-bottom: 1px solid #539dc7;
	padding:4px 8px;
}
.tdlightgrey {
	background-color: #eee;
	border-bottom: 1px solid #999;
	padding:4px 8px;
}
.tdlightgreyborder {
	border-bottom: 1px solid #999;
	padding:4px 8px;
}
.tddarkblue {
padding: 4px 8px;
color: #fff;
background-color: #0073b2;
}

.label_floatL_option {
padding-top:2px;
padding-right:10px;
float: left;
display: block;
margin-right:3px;
height:20px;
}
.label_floatL {
padding-top:3px;
padding-right:10px;
float: left;
display: block;
width:120px;
text-align: right;
}

.input_text {
width:200px;
font-size: 11px;
padding:2px;
border: 1px solid #0073b2;
color: #666;
margin-bottom:5px;
font-family: Tahoma, Arial, sans-serif;
}
.button {
background-color: #0073b2;
border: 0px;
color: #fff;
font-size: 11px;
padding:3px 5px;
}
.footer {
clear:both;
padding-top:40px;
background-color: #fff;
font-size:10px;
color:#999;
font-family: tahoma, arial, sans-serif;
text-align: center;
padding-bottom:20px;
}
.footer a {
color:#777;
}
.text a, .text_ganze_breite a {
color:#0073b2;
text-decoration: none;
}
.text a:hover, .text_ganze_breite a:hover {
text-decoration: underline;
}
.spalte_rechts_schmal {
	width: 220px;
	float: right;
	margin-right:10px;
	text-align: center;
}
.spalte_rechts_schmal img, .spalte_rechts_mitte img, .text img {
	padding:0px;
}

.pic_floatR {
border:0px solid #eee;
padding:3px;
margin-bottom: 10px;
margin-left: 10px;
}
.spalte_rechts_mitte {
width: 320px;
float: right;
margin-right:18px;
font-size:11px;
}
img.border_darkblue {
border:5px solid #0073b2;
width:310px;
height: auto;
padding: 0px;
}

.content_home {
background: url(/images/content/home/background_home.jpg) top left no-repeat;
height:680px;
width:936px;
background-color: #ccc;
}
.text_home {
	position: absolute;
	top:300px;
	width:400px;
	left:520px;
	color:#666;
	font-family: tahoma, arial, sans-serif;
	line-height:17px;
font-size:12px;
}
.text_home a {
color: #0073b2;
text-decoration: none;
}
.text_home a:hover {
color: #0073b2;
text-decoration: underline;
}

#home_button {
	position:absolute;
	left:38px;
	top:32px;
	width:200px;
	height:76px;
	z-index:1;
}
.metanavi {
position:absolute;
top:4px;
left:800px;
color:#eee;
font-size: 12px;
}
.metanavi a{
font-family:tahoma, arial, sans-serif;
font-size:10px;
color:#eee;
text-decoration: none;
}
.metanavi a:hover {
text-decoration: underline;
}
.metanavi ul {
list-style: none;
}
.metanavi li {
float: left;
padding:0px 10px;
height:15px;
display: block;
}

.sitemap_level1, .sitemap_level2 {
list-style: none;
}
.sitemap_level2 {
padding-left:20px;
padding-bottom:3px;
}
.sitemap_level2 a {
color: #666;
}
.sitemap_level2 a:hover {
text-decoration: underline;
}.label_form_preisliste {
	font-size: 11px;
	text-align: left;
	margin-bottom:10px;
	display: block;
}
.preisliste_form {
text-align: left;
background-color:#eee;
padding:5px;
}


/* LAYER NAVGATION */
/* remove all the bullets, borders and padding from the default list styling */
.mainnavi ul {
list-style: none;
font-family: tahoma, arial, sans-serif;
font-size:11px;
}

.mainnavi li {
float: left;
margin-right:10px;
position: relative;
}
.mainnavi ul a {
display: block;
float: left;
text-decoration: none;
height: 17px;
padding-top:12px;
border-bottom: 3px solid #ddd;
color: #666;
padding-right:5px;
padding-left:2px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .mainnavi a, * html .mainnavi a:visited {
}

/* style the second level background */
.mainnavi ul ul a.drop, #mainnavi ul ul a.drop:visited {
background: url(/images/layout/navi/navi_transparent_back.png);

}
/* style the second level hover */
.mainnavi ul ul a:hover{

}
.mainnavi ul ul :hover > a.drop {
background: url(/images/layout/navi/navi_transparent_back.png);
}
/* style the third level background */
.mainnavi ul ul ul a, #mainnavi ul ul ul a:visited {
background: url(/images/layout/navi/navi_transparent_back.png);
}
/* style the third level hover */
.mainnavi ul ul ul a:hover {
background: url(/images/layout/navi/navi_transparent_back.png);
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.mainnavi ul ul {
visibility:hidden;
position:absolute;
top:32px;
left:0px; 
width:226px;
border: 1px solid #ccc;
height: auto;
z-index:9999;
padding-top:12px;
background-color:#FFFFFF;
padding-bottom:4px;
-moz-opacity:0.9; 
filter:Alpha(opacity=90, style=0);
}
/* another hack for IE5.5 */
* html .mainnavi ul ul {
top:32px;
t\op:32px;
}

/* position the third level flyout menu */
.mainnavi ul ul ul{
left:149px; 
top:0;
width:150px;
}
/* position the third level flyout menu for a left flyout */
.mainnavi ul ul ul.left {
left:-150px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.mainnavi table {position:absolute; top:0; left:0;}

/* style the second level links */
.mainnavi ul ul a, .mainnavi ul ul a:visited {
font-weight: normal;
text-transform: none;
background: url(/images/layout/btn_blue_navi.gif) no-repeat left top;
display: block;
font-size: 11px;
width: 200px;
color:#666; 
height:9px; 
padding:0px 0px 12px 26px; 
margin: 0px;
border:0px;
line-height:11px;
}

* html #mainnavi ul ul a, .mainnavi ul ul a:visited {
line-height:9px;
}


/* style the top level hover */
.mainnavi a:hover, .mainnavi ul ul a:hover{
color: #0073b2;
border-bottom: 3px solid #0073b2;
background-color: none; 
}
.mainnavi :hover >  a {
color: #0073b2;
border-bottom: 3px solid #0073b2;
}
.mainnavi ul ul :hover > a {
border-bottom:0px;
}
.mainnavi ul ul a:hover {
border-bottom: 0px;
}

/* make the second level visible when hover on first level list OR link */
.mainnavi ul li:hover ul,
.mainnavi ul a:hover ul, .mainnavi li a.level1_active:hover{
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.mainnavi ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.mainnavi ul :hover ul :hover ul{ 
visibility:visible;
}
.mainnavi li a.level1_active {
color: #0073b2;
border-bottom: 3px solid #0073b2; 
}

.text_blau {
color: #0073b2;
}

table {
float: none;
}