/* CSS Document */
/* =============================================================
CSS Design copyright by 
Christoph Assauer and "Stimm und Truppi GbR" (c) 2006-2007.
Nav-Menu was designed with the help of Stu Nicholls.
The original version and the associated (x)html is available at 
http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
============================================================= */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
  	text-align: center;
  	overflow: auto;
  	background-color: #ffffff;
  	color: #000000;
}

/* ----------- INHALTSPLATZIERUNG ----------- */
#contentcenter	{
	text-align: left;
	margin: auto;
	width: 1004px;	 
}

#container {
	position: absolute;
	width: 1000px;
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #000000;
	text-align: left;
	padding: 0px;
	margin-top: 30px;
}

/* ----------- DIE TITEL-GRAFIK ----------- */
#top1 {
	background-color: #ffffff;
	color: #000000;
	height: 95px;
	width: 1000px;
	background-image: url(../images/top.jpg);
	background-repeat: no-repeat; 
}

/*IE5.5 hack*/
* html #top1{
 	width: 999px;
  	w\idth: 999px;
}

/* ----------- DAS NAV-MENÜ ----------- */
#menubar {
	float: left;
	width: 1000px;
	height: auto;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	background-color: #e0f2fc;
}

.menu {
  	width: 1000px; 
  	position: relative;
  	z-index: 100;
}

.menu ul {
  	padding: 0px;
  	margin: 0px;
  	list-style-type: none;
}

.menu li {
  	float: left;
  	position: relative;
}

/* Style der Links auf der ersten Stufe */
.menu a, .menu a:visited {
  	display: block;
  	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
  	text-decoration: none;
  	text-align: left;
  	padding-top: 2px;
	padding-left: 4px;
  	padding-bottom: 2px;
  	color: #000000;
  	height: 32px;  
  	background-color: #e0f2fc;
  	line-height: 32px;
	margin-left: 10px;
	border-left: 1px solid #e0f2fc;
	outline: none;
}

.menu a.a, .menu a.a:visited {
	margin-left: 28px;
	width: 48px;
}

.menu a.b, .menu a.b:visited {
	width: 101px;
}

.menu a.c, .menu a.c:visited {
	width: 70px;
}

.menu a.d, .menu a.d:visited {
	width: 117px;
}

.menu a.e, .menu a.e:visited {
	width: 94px;
}

.menu a.f, .menu a.f:visited {
	width: 45px;
}

.menu a.g, .menu a.g:visited {
	width: 88px;
}

.menu a.h, .menu a.h:visited {
	width: 70px;
}

/*IE5.5 hack*/
* html .menu a.a, * html .menu a.a:visited {
  	width: 48px;
  	w\idth: 48px;
}

* html .menu a.b, * html .menu a.b:visited {
  	width: 101px;
  	w\idth: 101px;
}

* html .menu a.c, * html .menu a.c:visited {
  	width: 70px;
  	w\idth: 70px;
}

* html .menu a.d, * html .menu a.d:visited {
  	width: 117px;
  	w\idth: 117px;
}

* html .menu a.e, * html .menu a.e:visited {
  	width: 94px;
  	w\idth: 94px;
}

* html .menu a.f, * html .menu a.f:visited {
  	width: 45px;
  	w\idth: 45px;
}

* html .menu a.g, * html .menu a.g:visited {
  	width: 88px;
  	w\idth: 88px;
}

* html .menu a.h, * html .menu a.h:visited {
  	width: 70px;
  	w\idth: 70px;
}

/* zweite Stufe verstecken und positionieren */
.menu ul ul {
  	visibility: hidden;
  	position: absolute;
  	height: 0px;
  	top: 36px;
  	left: 0px;
	margin-left: 10px;  
}

.menu ul ul.a {
	width: 96px;
}

.menu ul ul.b {
	width: 117px;
}

.menu ul ul.c {
	width: 70px;
}

/* wieder ein IE5.5 Hack */
* html .menu ul ul {
  	top: 36px;
  	t\op: 36px;
}

.menu ul ul li {
  	margin: 0px;
}

/* Tabelle designen, damit sie im IE keinen Platz wegnimmt.*/
.menu table {
  	position: absolute; 
  	top: 0px; 
  	left: 0px;
}

/* Style der Links der zweiten Stufe */
.menu ul ul a, .menu ul ul a:visited {
  	display: block;
  	font-size: 12px;
  	text-decoration: none;
  	text-align: left;
	letter-spacing: 0px;
  	padding-top: 2px;
	padding-left: 4px;
  	padding-bottom: 0px;
  	color: #000000;
  	height: 25px; 
  	background-color: #ffffff;
	border-left: 1px solid #000000;
  	line-height: 25px;
	margin-left: 0px;
}

.menu ul ul.a a, .menu ul ul.a a:visited {
	width: 110px;
}

.menu ul ul.b a, .menu ul ul.b a:visited {
	width: 134px;
}

.menu ul ul.c a, .menu ul ul.c a:visited {
	width: 83px;
}


/* wieder ein Hack für IE5.5 */
* html .menu ul ul.a a, *html .menu ul ul.a a:visited {
  	width: 110px;
  	w\idth: 110px;
}

* html .menu ul ul.b a, *html .menu ul ul.b a:visited {
  	width: 134px;
  	w\idth: 134px;
}

* html .menu ul ul.c a, *html .menu ul ul.c a:visited {
  	width: 83px;
  	w\idth: 83px;
}

/* Hover für erste Stufe */
.menu a:hover {
  	color: #00aae8; 
  	background-color: #e0f2fc;
	border-left: 1px solid #e0f2fc;
}

.menu :hover > a {
  	color: #00aae8; 
  	background-color: #e0f2fc;
	border-left: 1px solid #e0f2fc;
}

.menu a.c:hover {
	border-left: 1px solid #000000;
}

.menu :hover > a.c {
	border-left: 1px solid #000000;
}

.menu a.d:hover {
	border-left: 1px solid #000000;
}

.menu :hover > a.d {
	border-left: 1px solid #000000;
}

.menu a.h:hover {
	border-left: 1px solid #000000;
}

.menu :hover > a.h {
	border-left: 1px solid #000000;
}

/* Hover für zweite Stufe */
.menu ul ul a:hover {
  	color: #00aae8; 
  	background-color: #ffffff;
	border-left: 1px solid #000000;
}

.menu ul ul :hover > a {
  	color: #00aae8; 
  	background-color: #ffffff;
	border-left: 1px solid #000000;
}

/* Zweite Stufe sichtbar machen. */
.menu ul li:hover ul, .menu ul li a:hover ul, .menu ul li a.selected:hover {
  	visibility: visible; 
}

/* ----------- DER EIGENTLICHE INHALT ----------- */
#content {
  	float: left;
  	color: #000000;
  	background-color: #ffffff;
  	width: 1000px;
  	height: 582px;
  	padding: 0px;
  	margin: 0px;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat; 
}

/*IE5.5 hack*/
* html #content{
  	width: 999px;
  	w\idth: 999px;
}

#icons {
	margin-top: 10px;
	margin-left: 904px;
}