/* ########################################################### Allgemeines*/



html, body, div, p, h1, h2, h3, h4, span, a, table, td, form, img {

   	margin: 0; padding: 0; 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 90%;		

}



body {

	background: url(../images/hintergrund.jpg) no-repeat;

}





#logo {

	position:absolute;

	left:20px;

	top:20px;

	border: none;

}



#inhalt{		/* Inhaltsbereich Positionierung */

	position: absolute;

	top:140px;

	left:335px;

	width: 420px;

	height: 347px;

}





/* ########################################################### Inhalt */





h1{

	font-size:130%;
	color: #D56704;
	padding-bottom: 10px;

}



h2{

	font-size:110%;

	margin-bottom: 2em;

	color:#003366;

}



p{

	font-size:110%;

	color:#003366;

	line-height: 18px;

	margin-bottom: 1.5em;

	

}



#inhalt a, a:visited{

	font-size: 110%;

	font-weight: bold;

	color: #006699;

	text-decoration: none;

}



#inhalt a:hover{

	color: #CC6405;

	text-decoration: underline;

}





/* ########################################################### Profil */



table{

	position: relative;

	left: -5px;

	margin-bottom: 40px;

}



td, th{

	font-size: 120%;

	color:#003366;

	line-height: 140%;

	margin-bottom: 16px;

	padding:5px;

}





.profil_label{

	font-weight: bold;

}





/* ########################################################### Startseite */





#start{

	width: 300px;



}



#film{

	margin-top: 10px;

	clear: both;	

	float: left;


}



#FilmText{	



	margin-top: 10px;

	float: right;

	padding-bottom: 20px;

	

}





#foto{

	float: left;



}

#foto_l{

	float: left;

}

#justitia{					
	position: absolute;
	top: 320px;
	left: 20px;
	height: 240px;
}



/* ########################################################### Infodienst */



div#inhalt ul{

	list-style-type: disc;

	color: #006699;

	

}

div#inhalt li a{

	font-size: 100%;

	font-weight: normal;

	line-height: 100%;

	text-decoration: underline;

}

div#inhalt li a:hover{

	font-size: 100%;

	font-weight: bold;

	line-height: 100%;

	text-decoration: underline;

}

div#inhalt li{

	font-size: 110%;



}





/* ########################################################### Impressum - Kontakt */





#impressum{

	position: absolute;

	top:271px;

	left:110px;

	width: 200px;

	border: 1px dashed;

	border-color:#003366; 

	padding: 5px;	

	

}



input, textarea{

	width: 260px;

}



.submit{

	width: 100px;

}





form td{

	font-size: 130%;

	

}





#impressum h3{

	font-size:100%;

	font-weight: bold;

	color:#003366;	



}





#impressum p{

	

	font-size:100%;

	color:#003366;

	line-height: 120%;

	margin-bottom: 1.3em;

}









/* ########################################################### Menue Label */





label{

	position:absolute;

	top: 5px;

	left: 25px;



}



a, a:visited{

	font-size: 85%;

	font-weight: bold;

	color:#003366;

	text-decoration: none;



}



a:hover{

	color: #CC6405;

	text-decoration: underline;



}





span{

	color: #CC6405;

	font-size: 100%;

}





/* ########################################################### Menue Punkte*/



ul{

	list-style-type:none;

	

}





#nav1{						/* Kontakt */

	position: absolute;
	top: 20px;
	left: 510px;
	width: 260px;
}



#nav2{ 						/* Wegbeschreibung */

	position: absolute;

	top: 50px;

	left: 470px;

}

#nav3{						/* Startseite */

	position: absolute;

	top: 80px;

	left: 420px;

}

#nav4{						/* Podlech Trappmann */

	position: absolute;

	top: 197px;

	left: 57px;

	width: 260px;

}

#nav5{						/* Simone Kühnke */

	position: absolute;

	top: 236px;

	left: 18px;

	width: 260px;

}

#nav6{						/* Menschen und Paragraphen */

	position: absolute;

	top: 166px;

	left: 109px;

	width: 260px;

}

#nav7{						/* Presse */

	position: absolute;

	top: 250px;

	left: 15px;

	width: 300px;

}