﻿/* ===== SUCHE ===== */

div#AKsearch {
	text-align			: right;
	width				: /*110px*/10em;
	white-space			: nowrap;
	overflow			: hidden;
	padding				: 0;
	position			: absolute;
	top					: /*+4px*/0.36em;
	left				: /*885px*/80.45em;
	z-index				: 2001;
	background-color	: transparent;
}

div#AKsearch input {
	width				: 80px;
	border				: 0;
	background-color	: transparent;
	padding				: 2px;
	margin				: 0;
	line-height			: 14px;
	float				: left;
	color				: #666;
	background			: #fff;
	font-size			: 11px;
}

div#AKsearch .suche_absenden {
	float				: left;
	width				: 20px;
	height				: 17px;
	border				: 0;
	margin				: 0;
	background-color	: transparent;
	background-image	: url(../img/senden.gif);
	background-repeat	: no-repeat;
	background-position	: center center;
	line-height			: 0.7em;
	color				: transparent;
	cursor				: pointer;
}

/* ===== TOP MENU ===== */

div#menu {
	background-color:	#00b6e8;
	font-size:0.55em;
	position:absolute;
	width:89.818em;
	z-index:2;
}

/* ----- ERSTE EBENE ----- */

ul#erste_ebene {
	display:			block;
	list-style-type:	none;
	margin:				0;
	padding:			0 1em 0 1em;
}


ul#erste_ebene li.position {
	float:				left;
	position:			relative;
	text-align:			center;
	}
	
ul#erste_ebene li a.eins:link, ul#erste_ebene li a.eins:visited, ul#erste_ebene li a.eins_rund:link, ul#erste_ebene li a.eins_rund:visited {
	display:			block;
	text-decoration:	none; 
	color:				#fff; 
	width:				auto; 
	height:				25px; 
	line-height:		24px;
	font-weight:		100;
	margin: 			0 10px 0 0;
	background-position:top left;
	background-repeat:	no-repeat;
}

/* _____ hover mit untermenu _____ */

ul#erste_ebene li a.eins:hover, ul#erste_ebene li a.eins:focus {
	background-image:	url(../img/menu_top_hover_links.jpg);
	background-color:	#000000;
	background-repeat:no-repeat;
}

ul#erste_ebene :hover > a.eins, ul#erste_ebene ul :hover > a.eins {
	background-image:	url(../img/menu_top_hover_links.jpg);
	background-color:	#000000;
}

ul#erste_ebene li a.eins span, ul#erste_ebene li a.eins_rund span {
	display:			block;
	height:				25px;
	background-position:right top;
	background-repeat:	no-repeat;
	padding: 			0 10px 0 5px;
	}
	
ul#erste_ebene li a.eins:hover span, ul#erste_ebene li a.eins:focus span {
	background-image:	url(../img/menu_top_hover_rechts.jpg);
	}
	
ul#erste_ebene :hover > a.eins span, ul#erste_ebene ul :hover > a.eins span {
	background-image:	url(../img/menu_top_hover_rechts.jpg);
	}
	
/* _____ hover ohne untermenu _____ */

ul#erste_ebene li a.eins_rund:hover, ul#erste_ebene li a.eins_rund:focus {
	background-image:	url(../img/menu_top_hover_rund.jpg);
	color:				white;
	background-position:top left;
	background-repeat:	no-repeat;
	background-color:	#000000;
}

ul#erste_ebene :hover > a.eins_rund, ul#erste_ebene ul :hover > a.eins_rund {
	background-image:	url(../img/menu_top_hover_rund.jpg);
	background-color:	#000000;
}
	
ul#erste_ebene li a.eins_rund:hover span, ul#erste_ebene li a.eins_rund:focus span {
	background-image:	url(../img/menu_top_hover_rund_rechts.jpg);
	background-position:right top;
	}
	
ul#erste_ebene :hover > a.eins_rund span, ul#erste_ebene ul :hover > a.eins_rund span {
	background-image:	url(../img/menu_top_hover_rund_rechts.jpg);
	background-position:right top;
	}
	
/* ----- ZWEITE EBENE ----- */	
	
ul#erste_ebene div.zwei_unten {
	position:			absolute;
	height:				auto;
	left:				0em;
	padding:			0 0 20px 0;
	margin:				0;
	visibility:			hidden;
	list-style-type:	none;
	background-image:	url(../img/menu_zweite_bottom.png);
	background-position:bottom left;
	background-repeat:	no-repeat;
}
	
ul#erste_ebene div.zwei_oben {
	width:				180px;
	height:				10px;
	background-image:	url(../img/menu_zweite_top.png);
	background-position:top left;
	background-repeat:	no-repeat;
	margin:0;
	padding:0;
}
	
ul#zweite_ebene {
	padding:			0;
	margin:				0;
	list-style-type:	none;
	background-image:	url(../img/menu_zweite_background.png);
	background-repeat:repeat-y;
	height:				auto;
	width:180px;
	text-align:			left;
}
	
ul#erste_ebene :hover div.zwei_unten, ul#erste_ebene :focus div.zwei_unten {
	visibility:			visible;
	z-index:3;
}
	
ul#zweite_ebene li{
	text-align:			left;
	position:			relative;
}

/* _____ hover ohne untermenu _____ */
	
ul#zweite_ebene li a.zwei:link, ul#zweite_ebene li a.zwei:visited {
	display:			block;
	text-decoration:	none; 
	color:				#fff; 
	width:				165px;
	padding: 			0 5px 0 10px;
	line-height:		18px;
	height:				auto;
	font-weight:		normal;
}

ul#zweite_ebene li a.zwei:hover, ul#zweite_ebene li a.zwei:focus {
	background-image:	url(../img/menu_zweite_hover.gif);
	background-repeat:	repeat-y;
	color:				white;
}

ul#zweite_ebene :hover > a.zwei, ul#zweite_ebene ul :hover > a.zwei {
	background-image:	url(../img/menu_zweite_hover.gif);
	background-repeat:	repeat-y;
	color:				white;
}

/* _____ hover mit untermenu _____ */

/*ul#zweite_ebene li a.zwei_pfeil:link, ul#zweite_ebene li a.zwei_pfeil:visited {
	display:			block;
	text-decoration:	none; 
	color:				#fff; 
	width:				165px;
	padding: 			0 5px 0 10px;
	line-height:		18px;
	height:				auto;
	font-weight:		normal;

}

ul#zweite_ebene li a.zwei_pfeil:hover, ul#zweite_ebene li a.zwei_pfeil:focus {
	background-image:	url(../img/menu_zweite_hover_pfeil.gif);
	background-repeat:	repeat-y;
	color:				white;
}

ul#zweite_ebene :hover > a.zwei_pfeil, ul#zweite_ebene ul :hover > a.zwei_pfeil {
	background-image:	url(../img/menu_zweite_hover_pfeil.gif);
	background-repeat:	repeat-y;
	color:				white;
}*/

ul#zweite_ebene li a.zwei span, ul#zweite_ebene li a.zwei span {
	display:			inline;
	float:				right;
	padding: 			0;
	margin-right:1em;
	background-image:	none!important;
	}
	
ul#zweite_ebene li a.zwei:hover span, ul#zweite_ebene li a.zwei:focus span {
	background-image:	none;
	}
	
ul#zweite_ebene :hover > a.zwei span, ul#zweite_ebene ul :hover > a.zwei span {
	background-image:	none;
	}


/* ----- DRITTE EBENE ----- */

ul#erste_ebene div.drei_unten {
	position:			absolute;
	height:				auto;
	left:				168px;
	top:				-10px;
	padding:			0 0 20px 0;
	margin:				0;
	visibility:			hidden;
	list-style-type:	none;
	background-image:	url(../img/menu_zweite_bottom.png);
	background-position:bottom;
	background-repeat:	no-repeat;
}
	
ul#erste_ebene div.drei_oben {
	width:				180px;
	height:				10px;
	background-image:	url(../img/menu_zweite_top.png);
	background-position:top left;
	background-repeat:	no-repeat;
}
	
ul#dritte_ebene {
	padding:			0;
	margin:				0;
	list-style-type:	none;
	background-image:	url(../img/menu_zweite_background.png);
}
	
ul#zweite_ebene :hover div, ul#zweite_ebene :focus div {
	visibility:			visible;
	z-index:4;
}
	
ul#dritte_ebene li{
	text-align:			left;
}
	
ul#dritte_ebene li a:link, ul#dritte_ebene li a:visited {
	display:			block;
	text-decoration:	none; 
	color:				#fff; 
	width:				165px;
	padding: 			0 5px 0 10px;
	line-height:		18px;
	height:				auto;
	font-weight:		normal;
}

ul#dritte_ebene li a:hover, ul#dritte_ebene li a:focus {
	background-image:	url(../img/menu_zweite_hover.gif);
		background-repeat:repeat-y;
	color:				white;
}

ul#dritte_ebene :hover > a, ul#dritte_ebene ul :hover > a {
	background-image:	url(../img/menu_zweite_hover.gif);
		background-repeat:repeat-y;
	color:				white;
}

/* ===== SIDE MENU ===== */

#screen div.noimg div.head {
	padding:			5px 10px 5px 10px;
	font-size:			0.8em;
	font-weight:		2000;
	background-color:	#007ba7;
	font-weight:		2000;
	margin:				0;
	border:				0;
	background-image:	url(../img/untermenu_hintergrund.jpg);
	background-repeat:	no-repeat;
}

#screen div.noimg .content {
	margin-top			: 0;
}

#screen div.noimg div.head span {
	color				: #FFF;
	background-color	: #007ba7;
	padding				: 0;
	margin				: 0;
	top					: +0em;
	left				: +0em;
	display				: block;
	width				: 100%;
}

#screen div.noimg div.head span a {
	color				: #FFF;
	padding				: 0;
	margin				: 0;
	width				: 100%;
	display				: block;
	font-weight			: bold;
	white-space			: normal;
}

#screen div.noimg div.head span a:hover {
	text-decoration		: none;
}

#screen div.noimg div.content {
	background-color	: #00b6e8;
}

#screen div.noimg div.content ul {
	margin				: 0;
	padding				: 6px 0 6px 0;
}

#screen div.noimg div.content ul li {
	margin				: 0;
	padding				: 0;
}

#screen div.noimg div.content ul li a {
	background-color	: #00b6e8;
	color				: #fff;
	margin				: 0;
	padding				: 0;
	display				: block;
	width				: 100%;
	border				: 0;
	font-size			: 1em;
	border-top			: 1px solid #00b6e8;
	border-bottom		: 1px solid #00b6e8;
}

#screen div.noimg div.content ul li a:hover {
	text-decoration		: none;
	background-color	: #00aadd;
	border-color		: #33cbf7;
}
#screen div.noimg div.content ul li a span {
	padding				: 4px 8px 4px 8px;
	display				: block;
}
