@charset "UTF-8";

/* --- Inhaltsverzeichnis, 26.02.2009 ---

	- Grundlegendes CSS
	- Container/Wrapper
	- Container für Header, Navi
	- Header
	- Hauptnavigation
	- Top-Navigation
	- textliche Inhalte
	- Bilder
	- Footer
	- Startseite
	- Mitarbeiter-Verzeichnis
	- Webcams	
 
*/	



/* --- Grundlegendes CSS --- */

body {
	background-color: #c9e6f6;
	text-align: left;
	margin-top:0px;
	margin-left: 5px;
}

a {
	text-decoration: none;
	color: #00377A;
}
a:hover {
	text-decoration: none;
	color: #00377A;
}
a:active {
	text-decoration: none;
	color: #00377A;
	
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #00377A;
	line-height: 13px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
li {
	list-style-type: circle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
ul {
	margin-left: 0em;
	padding-left: 1em;
}
td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	padding: 5px 5px 5px 0px;
	vertical-align: top;
}
img {
    border-style: none;
}



/* --- Container/Wrapper --- */

#aussen {
	width: 800px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
	background-color: #FFFFFF;
	height:auto;
}



/* --- Container für Header, Navis --- */

#top{
	position:relative;
	width:800px;
	height:110px;
	margin: 0 0 20px 0;
}



/* --- Header --- */

#header{
	position:absolute;
	clear:both;
	background:url(img/header_main.gif);
	width:800px;
	height:110px;
	margin-bottom:20px;
	display:block;
	padding:0;
}
	
#header img{
	padding-left:74px;
	float:left;
	margin:0;
}



/* --- Hauptnavigation (im Balken) --- */

#main_menu{
	float:right;
	padding:67px 75px 0 0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}
	
#main_menu li{
	display:inline;
	padding-left:15px;
	font-size: 12px;
}	



/* --- Top-Navigation (Sprachwahl, Mail, Impressum) --- */

#top-nav{
	margin:0;
	padding:0;
	width:800px;
	height:19px;
	position:absolute;
	top:37px;
	z-index:99;	
}
	
#top-nav ul{
	margin:0 0 0 10px;
	padding:0;
}
		
#top-nav ul li{
	display:inline;
	font-size: 9px;
	color: #00377A;
	text-decoration: none;
	padding-right:6px;
}


		
/* --- textliche Inhalte --- */

#inhalt {
	width: 325px;
	float: left;
	padding-left: 85px;
	height: auto;	
}



/* --- Bilder --- */

#bilder {
	float: left;
	padding-left: 70px;
	padding-top: 10px;
	height: 360px;
}



/* --- Footer --- */

#balkenunten {
	clear: both;
	padding: 20px 0 0 0;
}



/* --- Startseite (Flash-Intro) --- */

#start {
	padding-left: 110px;
	height: 380px;
	padding-right: 110px;
	display:block;
	margin-bottom: 10px;	
}



/* --- Mitarbeiter-Verzeichnis (kontakt.html) --- */

#Mitarbeiter{
	clear: both;
	padding-left: 110px;
	padding-bottom: 20px;	
}

#Mitarbeiter_Tabelle{
	clear:both;
	width:auto;		
}



/* --- Webcams --- */

#webcams {
	width: auto;
	float: left;
	height: auto;
	margin-bottom: 50px;
	margin-right:15px;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	width:352px;
	height:288px;
	display:block;
	background-image:url(img/webcam_bg.gif);	
} 

#webcam_wrapper {
	width: 600px	;
	float: left;
	padding-left: 110px;
	height: auto;
}

#submenu_webcams{
	color: #00377A;		
}

#submenu_webcams a{
	color: #0098D4;		
}

#submenu_webcams a:hover{
	color: #00377A;	
}

#submenu_webcams a:active{
	color: #00377A;	
}