/* +++++++++++++ Hauptnavi ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.menu {width:710px; height:41px; position:relative; z-index:100;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {
	width:198px;
	margin-left:-6px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

/*.menu li {float:left;width:149px;position:relative;}*/
.menu li.btn_01, .menu li.btn_02, .menu li.btn_03, .menu li.btn_04, .menu li.btn_05, .menu li.btn_06, .menu li.btn_07 {
	float:left;
	width:auto;
	position:relative;
	height:45px;
	margin-top:2px;
	background-image:none;
	padding-left:0;
}
.menu li.btn_01 li, .menu li.btn_02 li, .menu li.btn_03 li, .menu li.btn_04 li, .menu li.btn_05 li, .menu li.btn_06 li, .menu li.btn_07 li, {
	float:left;
	width:auto;
	position:relative;
	height:18px;
	margin:0;
	padding:0;
}

/* style the links for the top level */
.menu ul li.btn_01 a, .menu ul li.btn_01 a:visited{
	white-space:nowrap; 
	display:block;
	font-size:13px; 
	font-weight: 600; 
	text-decoration:none; 
	color:#ffffff;
	width:60px;
	height:36px; 
	border-left:4px solid #ffffff;
	padding-top: 5px; 
	padding-left:25px;
}
.menu ul li.btn_02 a, .menu ul li.btn_02 a:visited {
	white-space:nowrap; 
	display:block;
	font-size:13px; 
	font-weight: 600; 
	text-decoration:none; 
	color:#ffffff;
	width:90px;
	height:36px; 
	border-left:4px solid #ffffff;
	padding-top: 5px; 
	padding-left:20px;
}
.menu ul li.btn_03 a, .menu ul li.btn_03 a:visited {
	white-space:nowrap; 
	display:block;
	font-size:13px; 
	font-weight: 600; 
	text-decoration:none; 
	color:#ffffff;
	width:100px;
	height:36px; 
	border-left:4px solid #ffffff;
	padding-top: 5px; 
	padding-left:15px;
}
.menu ul li.btn_04 a, .menu ul li.btn_04 a:visited {
	white-space:nowrap; 
	display:block;
	font-size:13px; 
	font-weight: 600; 
	text-decoration:none; 
	color:#ffffff;
	width:80px;
	height:36px; 
	border-left:4px solid #ffffff;
	padding-top: 5px; 
	padding-left:20px;
}
.menu ul li.btn_05 a, .menu ul li.btn_05 a:visited {
	white-space:nowrap; 
	display:block;
	font-size:13px; 
	font-weight: 600; 
	text-decoration:none; 
	color:#ffffff;
	width:80px;
	height:36px; 
	border-left:4px solid #ffffff;
	padding-top: 5px; 
	padding-left:20px;
}
.menu ul li.btn_06 a, .menu ul li.btn_06 a:visited {
	white-space:nowrap; 
	display:block;
	font-size:13px; 
	font-weight: 600; 
	text-decoration:none; 
	color:#ffffff;
	width:67px;
	height:36px; 
	border-left:4px solid #ffffff;
	padding-top: 5px; 
	padding-left:17px;
}
.menu ul li.btn_07 a, .menu ul li.btn_07 a:visited {
	white-space:nowrap; 
	display:block;
	font-size:13px; 
	font-weight: 600; 
	text-decoration:none; 
	color:#ffffff;
	width:73px;
	height:36px; 
	border-left:4px solid #ffffff;
	padding-top: 5px; 
	padding-left:15px;
}
/* style the links for the top level */
/*.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff; width:138px; height:30px;  }*/

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { border:1px solid black; }
/* style the second level hover */
.menu ul ul a.drop:hover{ border:1px solid black; }
.menu ul ul :hover > a.drop { border:1px solid black; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
/*.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}*/
.menu ul ul{
	visibility:hidden;
	position:absolute;
	width:176px;
	height:78px;
	padding-left:18px;
	padding-top:7px;
}
.menu ul li ul {
	margin-top:2px;
	background-image:url(../bilder/bg_mainnavi_sub.png);
	background-repeat:no-repeat;
}


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

/* style the second level links */
/*.menu ul ul a, .menu ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}*/
.menu ul li.btn_01 ul a, .menu ul li.btn_01 ul a:visited, .menu ul li.btn_02 ul a, .menu ul li.btn_02 ul a:visited, .menu ul li.btn_03 ul a, .menu ul li.btn_03 ul a:visited, .menu ul li.btn_04 ul a, .menu ul li.btn_04 ul a:visited, .menu ul li.btn_05 ul a, .menu ul li.btn_05 ul a:visited, .menu ul li.btn_06 ul a, .menu ul li.btn_06 ul a:visited, .menu ul li.btn_07 ul a, .menu ul li.btn_07 ul a:visited {
	white-space:nowrap; 
	display:block;
	font-size:12px; 
	font-weight: bold; 
	text-decoration:none; 
	color:#4c4c4c; 
	width:145px;
	margin:0;
	padding:0;
	height:18px;
	background-image:url(../bilder/dot_mainnavi_sub.gif);
	background-repeat:no-repeat;
	background-position:11px 5px;
	padding-left:23px;
	border-left:none;
}


/* style the top level hover */
.menu a:hover {color:#ffffff;background-image:url(../bilder/bg_mainnavi_aktiv.gif);background-repeat:repeat-x;}
/* hover erste ebene */
.menu :hover > a {color:#ffffff;background-image:url(../bilder/bg_mainnavi_aktiv.gif);background-repeat:repeat-x;}
.menu ul li a.aktiv {color:#ffffff;background-image:url(../bilder/bg_mainnavi_aktiv.gif);background-repeat:repeat-x;}

	/* hover zweite ebene */
	.menu ul li.btn_01 ul a:hover, .menu ul li.btn_02 ul a:hover, .menu ul li.btn_03 ul a:hover, .menu ul li.btn_04 ul a:hover, .menu ul li.btn_05 ul a:hover, .menu ul li.btn_06 ul a:hover, .menu ul li.btn_07 ul a:hover{color:#000;background-image:url(../bilder/dot_mainnavi_sub.gif);background-repeat:no-repeat;background-position:11px 5px; background-color:transparent;}
	.menu ul ul :hover > a {color:#000;background-image:url(../bilder/dot_mainnavi_sub.gif);background-repeat:no-repeat;background-position:11px 5px;}
	
	.menu ul li.btn_01 ul li a.aktiv, .menu ul li.btn_02 ul li a.aktiv, .menu ul li.btn_03 ul li a.aktiv, .menu ul li.btn_04 ul li a.aktiv, .menu ul li.btn_05 ul li a.aktiv, .menu ul li.btn_06 ul li a.aktiv, .menu ul li.btn_07 ul li a.aktiv {color:#000;background-image:url(../bilder/dot_mainnavi_sub.gif);background-repeat:no-repeat;background-position:11px 5px;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{ visibility:visible; }

.menu ul li ul li{ background-image:none; margin:0; padding:0; }
	
	
	
/* hack to correct IE5.5 faulty box model */
* html .menu {width:710px; w\idth:710px; }

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;}

/* another hack for IE5.5 */
* html .menu ul ul {top:41px;t\op:41px; }

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* yet another hack for IE5.5 */
* html .menu a:hover, .menu ul ul a:hover{color:#000; background-color:#f2e101; background-image:none;}

/* yet another hack for IE5.5 */
* html .menu :hover > a, .menu ul ul :hover > a {color:#000; background-color:#f2e101;}
	
/* +++++++++++++ Servicenavi ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#servic_navi {
	float:left;
	vertical-align:top;
	margin:0;
	padding:0;
}
div#servic_navi a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#878788;
	text-decoration:none;
	margin:0;
	padding:0;
	line-height:16px;
}
div#service_navi_trenner{
	width:15px;
	height:15px;
	float:left;
}