@charset "utf-8";
 
/* ======================
Name der css datei
Datei: bildschirm.css (oder für print usw.)
Autor: Argisht Abedian
======================
*/


/* ======================
1.Kalibrierung
======================
*/


/* Three pixel jog bug */

/* hide hack from Mac-IE5 \*/
* html .p { 
	height: 1%;
	margin-left: 0 
	}
/* end hiding */
 
/*======================
2.Allgemeine Styles
======================
*/

/* damit die zentrierte Seite wegen scrollbar nicht springt besonders für firefox*/

html {
	height: 101% 
}

body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #000;
background: url(img/bg.jpg);
}

h1, h2, h3 {
	font-family: Arial, Geneva, sans-serif;
	color: #CC0728;
	background: transparent none;
	}

h1 {
	font-size: 1.6em;
	}
h2 {
	font-size: 1.4em;
	}
h3 {
	font-size: 1.2em;
	}
 
/* ======================
Hyperlinks */

a {
	text-decoration: none;
	outline: none; /* Legt eine Kontur um ein Element. Der Unterschied zu Rahmen ist, dass Konturen über dem Element gezeichnet werden und somit keinen eigenen Platz beanspruchen.*/
	background-image: none;
	}

a:link {color:#686868; background: transparent none;}
a:visited {color:#686868; ; background: transparent none;}
a:hover, a:focus {color:#686868; ; background: transparent none;}


/* ======================
Allgemeine Tags */	

adress{
	text-align: left;
	font-size: small;
	font-style:inherit;
	letter-spacing: 1px;
	line-height: 1.5;
	}
a img {
	border: 0 none;
	}
p {
	font: 95%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #fff;
	}

/*=================
Web Layout */

#wrapper {
	width: 861px;
	height: auto;
	margin: 5px auto;
	border: solid #b4b0b1 3px;
	-moz-border-radius: 5px;
}
#header {
   position:relative;
	width: 861px;
	height: 151px;
	background: url(img/headerbg.gif) repeat-x;
}
#logo {
   position: absolute;
   width: 145px;
   height: 121px;
   top: 10px;
   left: 30px;	
}

#slogan{
	position: absolute;
	width: 559px;
	height: 59px;
	top: 45px;
	left: 220px;
}

#headerpic {
   width: 861px;
   height:127px; 
	padding-top:1px;
	padding-bottom: 3px;
}
#navigation {
	width: 861px;
	height: 41px;
	width: 100%;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	background:url(img/nav.gif) repeat-x;	
}
#content {
	width: 861px;
	height: 471px;
	min-height: 471px;
	height: auto;
	background-color: #fff;
}
#footer {
	width: 861px;
	height: 42px;
	background: url(img/footer.gif) repeat-x;
}



/*================
Navigation */

#navigation ul {
list-style: none;
padding: 0;
margin: 0;
} 

#navigation li{
 width: auto;
 float: left;
 border-right: dotted 1px #000;
}

#navigation a {
   display: block;
	padding: 13px 15px;
}

#navigation a:hover, #navigation a:focus {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 background:url(img/navh.gif) repeat-x;
 color:#ffffff;
}

body#startseite .nav1, 
body#uu .nav2, 
body#satzung .nav3,
body#chronik .nav4, 
body#presse .nav5, 
body#down .nav6,
body#link .nav7,
body#kontakt .nav8 {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 background:url(img/navh.gif) repeat-x;
 color:#ffffff;
}

/* ================
Inhalt */

#text {
	width: 800px;
	height: 450px;
	min-height: 450px;
	height: auto;
	padding: 20px;
	text-align: justify;
}

/*==================
startseite Boxen */

#boxwrapper { width:810px; height:220px; height:auto; border:solid 1px #000; float:left;}


#title { 
	float:left; 
	width:800px; 
	height:15px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em; 
	background-color:#E0E4EF;
 	padding:5px 5px 10px 5px;
 	}
 	
#text2 {
	float:left; 
	width:800px; 
	min-height:45px;
	height: auto; 
	background-color:#fffff0; 
	padding:5px;
	font-size: 1em
	}

#text2:hover{
	background-color: #05268C;
	color: #fff;
	font-size: 1em;
}


/*===============
footer */
.impressum {
	margin-top: 13px;
	float: right;
	margin-right: 10px;
}

.impressum a {
   font-weight: bold;
   font-family:Verdana, Geneva, sans-serif;
   font-size:0.8em;
}

/*===================
Startseite */

.float {
	float: left;
	padding: 5px;
}

/*===============
Presse */
.imgborder {
	border: solid 2px #000;	
}