/* CSS Document */

/* STRUCTURE ***************************************************************************************************************** */

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0; padding: 0; }

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #000;
	background: #e3e3e3 url('background.gif') top left repeat-x;
	behavior:url("csshover.htc");
}


#wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	width: 800px;
}

#header {
	background: #fff url('header.jpg') bottom left no-repeat;
	height: 165px;
}

#navigation {
	background: #fff url('navigation.jpg') top left no-repeat;
}

#contentwrapper {
	float: left;
	width: 800px;
	background: #fff url('background-content.gif') top left repeat-y;
}

#pictures {
	float: left;
	width: 210px;
}

#content {
	float: left;
	width: 400px;
	padding: 30px 150px 40px 40px;
	border-bottom: 1px solid #fff;
}

#footer {
	float: left;
	width: 800px;
	background: #243482;
}

/* HEADER ***************************************************************************************************************** */

#header h1 a {
	display: block;
	float: left;
	width: 223px;
	height: 140px;
	background: transparent url('logo.jpg') top left no-repeat;
	text-indent: -999em;
}

#header p {
	float: right;
	margin-top: 111px;
	margin-right: 22px;
}

/* NAVIGATION ***************************************************************************************************************** */

#navigation ul {
	list-style-type: none;
}

#navigation ul li {
	position: relative;
	display: block;
	width: 210px;
	height: 19px;
	line-height: 19px;
	background-color: #28ad5a;
	border-bottom: 1px solid #fff;
}

#navigation ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	padding-left: 20px;
}

#navigation ul li ul { 
	position: absolute;
	top: 0;
	left: 210px;
	width: 560px;
	padding-left: 30px;
	height: 19px;
	background-color: #28ad5a;
	display: none;
}

body.eins  #navigation ul li.eins ul { display: block; }
body.zwei  #navigation ul li.zwei ul { display: block; }
body.drei  #navigation ul li.drei ul { display: block; }
body.vier  #navigation ul li.vier ul { display: block; }
body.fuenf #navigation ul li.fuenf ul { display: block; }

body.eins  #navigation ul li.eins a { color: #000; }
body.zwei  #navigation ul li.zwei a { color: #000; }
body.drei  #navigation ul li.drei a { color: #000; }
body.vier  #navigation ul li.vier a { color: #000; }
body.fuenf #navigation ul li.fuenf a { color: #000; }

body.eins  #navigation ul li.eins ul li a { color: #fff; }
body.zwei  #navigation ul li.zwei ul li a { color: #fff; }
body.drei  #navigation ul li.drei ul li a { color: #fff; }
body.vier  #navigation ul li.vier ul li a { color: #fff; }
body.fuenf #navigation ul li.fuenf ul li a { color: #fff; }

#navigation ul li ul li {
	display: inline;
	line-height: 19px;
	border-bottom: none;
}

#navigation ul li ul li a {
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	padding: 0 10px 0 10px;
	border-left: 1px solid #fff;
}
#navigation ul li ul li:first-child a {
	border-left: none;
}

#navigation ul li ul li a.aktiv {
	color: #000 !important;
}

/* CONTENT ***************************************************************************************************************** */

#content h1, #content h2 {
	margin-bottom: 20px;
	font-size: 18px;
}

#content p, #content ul, #content ol, content table {
	margin-bottom: 10px;
}

#content ul {
	margin-left: 14px;
}

#content ol {
	margin-left: 22px;
}

#content a:link, #content a:visited {
	color: #28ad5a; font-weight: bold;
}

#content a:hover, #content a:active {
	color: #28ad5a; font-weight: bold;
}

/* FOOTER ***************************************************************************************************************** */

#footer ul {
	list-style-type: none;
	padding-left: 235px;
	height: 19px;
}

#footer ul li {
	float: left;
}

#footer ul li a {
	display: inline;
	float: none;
	font-size: 9px;
	text-decoration: none;
	color: #fff;
	padding-right: 15px;
	padding-left: 15px;
	line-height: 19px;
	border-right: 1px solid #fff;
}

#footer ul li.last a {
	border: none;
}


