/* CSS Document */

/*----------------------------------------------------------- central definitions -------------------------------------------------------------------------*/
			
a  {text-decoration:none; color:#8D8D8D; font-size: 11px; font-weight: bold; white-space: nowrap}
a:hover {color: #B4F600}
a:active {color: #B4F600}

body {padding :0; margin :0;	margin-top :0;	background : #FFFFFF; font-family: Arial, sans-serif; font-size: 10pt; color: #000000;}
TABLE, input {font-size : 10px; color : #000000;}
p.bildunter {font-size : 10px; font-weight: bold; margin-top: 0px; margin-bottom: 5px;}

/*------------------------------------------------------------------- Elemente/Navi ---------------------------------------------------------------------------*/
#logo {position: absolute;	top: 12px; left: 6px;	width: 150px; height:100px; z-index:1;}
#logo1 {position: absolute;	top: 36px; left: 163px;	width: 144px; height:57px; z-index:1;}

#navi {background: #F6F6F6; position: absolute; top: 125px; left: 8px; width: 148px; height: 470px; z-index:1;}
#collage {position: absolute; top: 125px; left: 163px; width: 655px; height: 65px; z-index:1;}

#linie1 {background: #B4F600; position: absolute; top: 125px; left: 6px; width: 3px; height: 470px; z-index:2;}
#linie2 {background: #B4F600; position: absolute; top: 595px; left: 6px; width: 900px; height: 3px; z-index:1; font-size: 0px}

#navi1 {position: absolute;	top: 140px;	left: 16px;	width: 150px;	height:480px; font-weight: bold; color: #000000; font-size:14px; z-index:2;}
#navi1 p {margin-top: 0px; margin-bottom: 10px;}
a.navi1 {margin-left:20px; color: #8D8D8D; font-size: 12px; font-weight: bold; white-space: normal}
a.navi1:hover {color: #B4F600 ; font-size: 12px; font-weight: bold;}

a.aktiv {margin-left:7px; color: #000000; font-size: 12px; font-weight: bold; white-space: normal}
a.aktiv:hover {margin-left:7px; color: #000000; font-size: 12px; font-weight: bold;}
a.aktiv:active {margin-left:7px; color: #000000; font-size: 12px; font-weight: bold;}

#punkt {position: absolute; top: 178px;	left: 20px; height:480px; width: 10px; height: 10px;z-index:2;}

/*------------------------------------------------------------------- Content definition------------------------------------------------------------------*/	

#hl{position: absolute;	top: 200px;	left: 800px;	width: 55px;	height: 410px; z-index:0;}

#inhalt{position: absolute;	top: 240px;	left: 220px;	width: 300px;	height: 300px; color: #000000; text-align:left; font-size: 12px; z-index:1;}
div.ganz {position: absolute; top: 240px; left: 220px; width: 520px; height: 320px; overflow: auto; color: #000000; text-align: left; font-size: 12px; z-index: 1;}
div.spalte1 {position: absolute; top: 240px; left: 220px; width: 240px; height: 300px; color: #000000; text-align: left; font-size: 12px; z-index: 1;}
div.spalte2 {position: absolute; top: 240px; left: 500px; width: 240px; height: 300px; color: #000000; text-align: left; font-size: 12px; z-index: 1;}
#bilder{position: absolute;	top: 220px;	left: 545px;	width: 200px;	height: 380px; z-index:1;}
#bilder a img {border: 2px solid #B4F600; border-top: none; border-right: none;}

#detailtext{position: absolute;	top: 10px;	left: 490px;	width: 160px;	height: 380px; z-index:2;}

#kontakt {position: absolute;	top: 602px;	left: 8px;	width: 910px; height: 10px;	font-weight: normal; font-size:10px; color: #000000; z-index:3;}
#kontakt a {color: black}

div.kontakt {float: left; width: 240px; margin-right: 10px; margin-bottom: 20px}
div.kontakt img {float: left; border: 1px solid #8D8D8D; margin-right: 5px; margin-bottom: 5px}
div.kontakt p {margin: 5px 0px;}
div.kontakt a {clear: both}
p.klein {font-size: 10px;}

div.nachricht {float: left; width: 160px; margin-right: 20px; margin-bottom: 20px}
div.nachricht img {float: left; margin-right: 5px; margin-bottom: 5px}

form {margin-top: 10px}
form p {margin: 3px 0px}
form label {margin-left: 10px}
input[type=text], textarea {border: 1 solid #E5E4E4; width: 150px}
input[type=submit] {margin-top: 15px}
textarea {width: 120px; height: 50px}