/* Styles für Hauptmenü */

div#main-menu {
	clear:both;
	background: #00aa98 url(../images/main_menu_background.gif) repeat-x;
	float: left;
}

div#main-menu a.box span {
	font: 1.1em Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	color: #FFFFFF; 
	letter-spacing: 0.2em; 
	padding: 4px 15px 4px 15px; 
	border-bottom: 1px solid #5cc6bb;
}

div#main-menu a.box {
	color: #FFFFFF; 
	text-decoration: none;  
	display: block; 
	border-right: 1px solid #5cc6bb; 
	float: left;  
	padding: 5px 0px 5px 0px;
}

div#main-menu a:hover.box span, div#main-menu a:hover.box.first span, div#main-menu a:hover.box.last span, div#main-menu a.active span { 
	border-bottom: 1px solid #008b78;
	background-color: #008b78;
}

div#main-menu a.box.first {
	background: url(../images/ecke_links.gif) no-repeat;
}

div#main-menu a.box.last {
	background: url(../images/ecke_rechts.gif) no-repeat right top;
	border-right: 0px;
}

/* Styles für Untermenü */

div#submenu-wrap { 
	height: 95px;
	position: relative;
	float: left;
/*	clear: both;*/
}

div#streifen { 
	width: 836px; 
	height: 95px;
	float: left;
	/*clear: both;*/
	background: #027a6b url(../images/streifen_background.gif) no-repeat;
}

div.active {
	float: left;
}
div.active div.submenu-top, div.submenu-top {
	left: 0;
	width: 45.56em; 
	position: absolute;
	float: left; 
	z-index: 2;
	visibility: hidden;
}
div.active div.submenu-top {
	visibility: visible;
}

div.submenu-top-menu {  
	width: 836px;  
	height: 23px;
	float: left; 
	clear: both;
	background: #007864 url(../images/sub_menu_background.gif) repeat-x 0 0;
}

div.submenu-top-menu a, div.submenu-top-menu a:visited { 
	font: 1em Trebuchet mS, Arial, Helvetica, Geneva, sans-serif; 
	color: #b5ded8;
	font: 1.2em/1.6em Trebuchet mS, Arial, Helvetica, Geneva, sans-serif; 
	letter-spacing: 0.1em; 
	padding: 3px 14px 3px 14px;
	text-decoration: none;  
	display: block;  
	float: left;  
}

div.submenu-top-menu a:hover, div.submenu-top-menu a.active { 
	background: url(../images/menu_pfeil.gif) no-repeat 3px 9px;
}

div.submenu-top-menu a:hover {
	color: #ffffff;
}

div.submenu-top-desc {  
	background-color: #017762; 
	width: 836px; 
	clear: both;
	background-image: url(../images/desc_background.gif);
}

div.submenu-top-desc p { 
	height: 50px;
	color: #b5ded8; 
	font: 1.2em/1.6em Trebuchet mS, Arial, Helvetica, Geneva, sans-serif;
	padding: 8px 15px 10px 14px;
}

/* Style für Pfad-Menü */

div#path-header {
	width: 660px; 
	clear: both;
	margin-top: 28px;
	margin-bottom: 10px;
	float: left;
	height: 40px;
	position: relative;
}

div#path { 
	float: left;
	color: #5b595c; 
}

div#path-header a {
	color: #5b595c; 
	font: 1.1em Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
}

div#path-header a:hover {
	color: #acb951; 
}

/* Untermenü Fußzeile * * * */	

div#footer { 
	width: 100%; 
	font: 0.9em Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	color: #5b595c; 
	text-align:center; 
	clear: both;
	/*float: left;*/
	margin: 80px auto 20px;
	display: block;
	position: relative;
}

div#footer ul { 
	list-style-type:none; 
	overflow:auto; 
	margin:0px; 
	padding:0px;
	}

div#footer ul li {
	float:left;
	margin-top:10px; 
	padding-left:10px; 
	padding-right:10px; 
	border-left:1px solid #9db5bb;
	}

div#footer ul li.first {
	border-left:none;
}
div#footer ul li a {
	color: #9db5bb;
	text-decoration: none;
}

div#footer ul li a:hover {
	color: #9db5bb;
}

/* Style für Suche-Menü */

div#search {
	width: 150px; 
	height: 65px; 
	float: left;
	background: url(../images/search_background.jpg) no-repeat;
	/*position: relative;*/
}

div#search form {
	margin : 0;
	padding : 0;
}

input.searchinput { 
	width:105px;
	height:12px; 
	font-size: 8px; 
	color: #5b595c; 
	font: 9px Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	background-color:#ffffff;  
	border:1px solid #76939a; 
	float: left; 
	/*padding: 3px;*/
	margin: 0px 4px 10px 8px;
}

div#search-result {
	float : left;
}