@charset "utf-8";

body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:calibri, arial;
}

/* ERSTES WAAGERECHTES DROPDOWN */

ul#nav,
ul#nav ul {
	margin: 0; /* Abstand zum Rand des Containers */
	padding: 0; /* Abstand zum Rand des Containers */
	width: 250px; /* Größe der Felder */
	height: 150px;
	border-bottom: 0px solid #e7deb7; /* Rahmenangaben */
	background: transparent; /* Hintergrundfarbe der Menüpunkte */
	color: black;
	font-size: 24px; /* Schriftgröße der Menüpunkte */
	font-weight: bolder; /* Schriftstil der Menüpunkte */
	}
 
ul#nav li {
	position: relative;
	padding-top: 11px;
	list-style: none;
	}
 
ul#nav li a {
	display: block;
	text-decoration: none;
	color: #0c3a6d; /* Schriftfarbe der Menüpunkte */
	padding: 6px; /* Größe der Menüpunktfelder */
	border: 0px solid #e7deb7; /* Rahmenangaben */
	border-bottom: 0; /* Rahmenangaben */
	}	
 
/* Fix IE. Hide from IE Mac */
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
 
ul#nav ul {
	position: absolute;
	display: none;
	left: 200px; /* Verschiebung der unteren Ebenen nach rechts */
	top: -24px; /* Verschiebung der unteren Ebenen nach oben */
	}
 
ul#nav li ul li a { /* Sub Menu Styles */
	background: #e7deb7; /* Hintergrundfarbe der unteren Menüebenen */
	font-size: 80%; /* Schriftgröße der ersten Menüebene */
	padding: 2px 5px; 
	} 
	
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
ul#nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul { display: block; } /* The magic */
ul#nav li.menuparent:hover,

ul#nav li.over { 
	background-color: #bad3f2;  /* Hintergrundfarbe im RO-Zustand */
}
 
ul#nav li a:hover { 
	color: #003333; /* Schriftfarbe im RO-Zustand */ 
	background-color: #bad3f2;  /* Hintergrundfarbe der unteren Menüebenen im RO-Zustand */	
}

/* ZWEITES WAAGERECHTES DROPDOWN */

ul#navi,
ul#navi ul {
	margin: 0; /* Abstand zum Rand des Containers */
	padding: 0; /* Abstand zum Rand des Containers */
	width: 250px; /* Größe der Felder */
	height: 150px; /* Größe der Felder */
	border-bottom: 0px solid #e7deb7; /* Rahmenangaben */
	background: transparent; /* Hintergrundfarbe der Menüpunkte */
	color: black;
	font-size: 24px; /* Schriftgröße der Menüpunkte */
	font-weight: bolder; /* Schriftstil der Menüpunkte */
	}
 
ul#navi li {
	position: relative;
	padding-top: 11px;
	list-style: none;
	}
 
ul#navi li a {
	display: block;
	text-decoration: none;
	color: #316b16; /* Schriftfarbe der Menüpunkte */
	padding: 6px; /* Größe der Menüpunktfelder */
	border: 0px solid #e7deb7; /* Rahmenangaben */
	border-bottom: 0; /* Rahmenangaben */
	}	
 
/* Fix IE. Hide from IE Mac */
* html ul#navi li { float: left; height: 1%; }
* html ul#navi li a { height: 1%; }
/* End */
 
ul#navi ul {
	position: absolute;
	display: none;
	left: 200px; /* Verschiebung der unteren Ebenen nach rechts */
	top: -24px; /* Verschiebung der unteren Ebenen nach oben */
	}
 
ul#navi li ul li a { /* Sub Menu Styles */
	background: #e7deb7; /* Hintergrundfarbe der unteren Menüebenen */
	font-size: 80%; /* Schriftgröße der ersten Menüebene */
	padding: 2px 5px; 
	} 
	
ul#navi li:hover ul ul,
ul#navi li:hover ul ul ul,
ul#navi li.over ul ul,
ul#navi li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#navi li:hover ul,
ul#navi li li:hover ul,
ul#navi li li li:hover ul,
ul#navi li.over ul,
ul#navi li li.over ul,
ul#navi li li li.over ul { display: block; } /* The magic */
ul#navi li.menuparent:hover,

ul#navi li.over { 
	background-color: #bad3f2;  /* Hintergrundfarbe im RO-Zustand */
}
 
ul#navi li a:hover { 
	color: #003333; /* Schriftfarbe im RO-Zustand */ 	
	background-color: #bad3f2; 
}

/* DRITTES WAAGERECHTES DROPDOWN */

ul#navin,
ul#navin ul {
	margin: 0; /* Abstand zum Rand des Containers */
	padding: 0; /* Abstand zum Rand des Containers */
	padding-top: 25px; /* Abstand zum obersten Rand des Containers */
	width: 150px; /* Größe der Felder */
	border-bottom: 0px solid #ccc; /* Rahmenangaben */
	background: transparent; /* Hintergrundfarbe der Menüpunkte */
	color: black;
	font-size: 120%; /* Schriftgröße der Menüpunkte */
	font-weight: bold; /* Schriftstil der Menüpunkte */
	}
 
ul#navin li {
	position: relative;
	list-style: none;
	}
 
ul#navin li a {
	display: block;
	text-decoration: none;
	color: #336666; /* Schriftfarbe der Menüpunkte */
	padding: 8px; /* Größe der Menüpunktfelder */
	border: 0px solid #ccc; /* Rahmenangaben */
	border-bottom: 0; /* Rahmenangaben */
	}
	
/* Fix IE. Hide from IE Mac */
* html ul#navin li { float: left; height: 1%; }
* html ul#navin li a { height: 1%; }
/* End */
 
ul#navin ul {
	position: absolute;
	display: none;
	left: 200px; /* Verschiebung der unteren Ebenen nach rechts */
	top: -24px; /* Verschiebung der unteren Ebenen nach oben */
	}
 
ul#navin li ul li a { /* Sub Menu Styles */
	background: #e7deb7; /* Hintergrundfarbe der unteren Menüebenen */
	font-size: 80%; /* Schriftgröße der ersten Menüebene */
	padding: 2px 5px; 
	} 
	
ul#navin li:hover ul ul,
ul#navin li:hover ul ul ul,
ul#navin li.over ul ul,
ul#navin li.over ul ul ul { display: none; } /* Hide sub-menus initially */
ul#navin li:hover ul,
ul#navin li li:hover ul,
ul#navin li li li:hover ul,
ul#navin li.over ul,
ul#navin li li.over ul,
ul#navin li li li.over ul { display: block; } /* The magic */
ul#navin li.menuparent:hover,

ul#navin li.over { 
	background-color: #bad3f2;  /* Hintergrundfarbe im RO-Zustand */
}
 
ul#navin li a:hover { 
	color: #003333; /* Schriftfarbe im RO-Zustand */
	background-color: #bad3f2;  /* Hintergrundfarbe der unteren Menüebenen im RO-Zustand */ 	
}



div#logos {
}

div#header {	
	background-image: url("images/background header.png");
	background-repeat: no-repeat;
	background-position: center center;
}

div#mainmenus {
	background-image: url("images/center background.png");
	background-repeat: no-repeat;
	background-position: center top;
}

div#submenus {
}

div#footer {
  	background-color: #ffffff;
	background-position: center center;
}