/* CSS Document */

html, body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	color: #333;
	}

body {
font-size: 100.01%;
font-family : Arial, Geneva, Helvetica, Verdana ,sans-serif;
}

p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt {
margin: 0;
padding: 0;
}

a {
	color: #0000A2;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #fff;
	text-decoration: none;
	background: #9898B3;
	}

#content a img{
	border: 1px solid #fff;
	background: #fff;
}


#content a:hover img, #content a:focus img{
	border: 1px solid #9898B3;
	background: #fff;
}

img {
border: 0 none;
}

.vcimg {
margin-left: -10px;
}


/* Verstecken der Trennzeichen und Spezialsachen fuer Screenrader */
	
.ignore {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}

/* English-Button */

#enbtn {
position: absolute;
top: 19px;
left: 0;
}

#enbtnsub {
position: absolute;
top: 94px;
left: 0;
}


/* Submenu am linken Rand */

#mspalte {
margin-left: -1px;
margin-top: 63px;
width: 170px;
float:left;
}

#msqu {
margin-top: 140px;
background: #fff url(bl_squ.gif) top left no-repeat;
height:150px;
}


#nav {
margin-left: -1px;
width: 170px;
color: #000;
}

#nav ul {
position:relative;
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nav li {
display: block;
margin: 0;
background-color: #9FA9E3;
font-size: 13px;
margin-bottom: 4px;
}

#nav li a {
display: block;
background: #9FA9E3;
color: #fff;
padding: 6px 6px 8px 6px;
text-decoration: none;
text-align: left;
width: 158px;
}

#nav a:link {
background: transparent;
	text-decoration: none;
	color: #000;
	display: block;
}

#nav a:visited {
background: transparent;
	text-decoration: none;
	color: #000;
	}

#nav a:hover, #nav a:active, #nav a:focus {
background: #0000A2;
color: #fff;
display: block;
width: 158px;
}

/* ausgewaehlter Button, dieser Button wird ohne Link */
/* verwendet und die Klasse dem li zugewiesen */
/* !!!!!!! Schreibweise: selected !!!!!!! */

#nav .selected {
display: block;
padding: 6px 6px 8px 6px;
background: #0000A2;
color: #fff;
text-decoration: none;
width: auto;
}	

#newsbox {
	position: absolute;
	top: 6px;
	left: 190px;
}
	
#content {
	padding: 20px;
	margin-left: 170px;
	}

#header {
	background: #0000A2;
	height: 150px; /* blaue Flaeche nur 57px hoch */
	color: #fff;
	margin-left: 180px;
	}

#logo {
	position: absolute;
	left: 31px;
	top: 8px;
	z-index:50;
	background: none;
}

#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
	text-decoration: none;
}

#titel {
	position: absolute;
	left: 180px;
	top: 0;
}
	
/* Hauptmenu oben quer */

#mainnav {
position: absolute; /* braucht margin-bottom im spacer-div, Klasse s.u. */
top: 150px;
left: 180px;
width: 645px;
  background:#fff url(bgmenustyx.jpg) no-repeat;
  font-size:12px;
  line-height:normal;
  }
  
#mainnav ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#mainnav li {
  float:left;
  background:transparent;
  margin:0;
  }
#mainnav a {
  float:left;
  display:block;
  text-decoration:none;
  font-weight:bold;
  color:#003;
  padding:8px 8px 6px 16px;
  background:url(m_n.gif) no-repeat left top;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#mainnav a {float:none;}
/* End IE5-Mac hack */
#mainnav a:hover, #mainnav a:focus {
  color:#003;
  background: #6C9CF4 url(m_hi.gif) no-repeat left top;
  }

/* Da anzunehmen ist, dass dieser Button auch im ausgewaehlten */
/* Zustand aktiv ist, wird die selectd-Klasse auf a gesetzt */
/* !!!!!!! Schreibweise: selectd !!!!!!! */

#mainnav .selectd {
  background: #6C9CF4 url(m_hi.gif) no-repeat left top;
  }
#mainnav .selectd a {
  background: #6C9CF4 url(m_hi.gif) no-repeat left top;
  color:#003;
  }
	
.spacer {
	clear: both;
	margin-bottom: 20px;
	}

/* Fliesstext-Formatierungen */

h1 {
font-weight: bold;
font-size: 110%;
color: #0000A2;
margin: 10px 17% 10px 0;
}

#newsbox h1 {
	color: #fff;
	font-size: 90%;
	margin: 0;
}

h2 {
font-weight: bold;
font-size: 100%;
color: #5E5E85;
margin: 20px 17% 10px 0;
}

h3 {
font-weight: bold;
font-size: 90%;
color: #333;
margin: 20px 17% 10px 0;
}
	
p {
	margin: 0px 17% 8px 0;
	line-height: 125%;
	font-size: 90%;
	}

#content ul {
	margin: 0px 17% 16px 35px;
	font-size: 90%;
	}

#content li {
	margin-bottom: 3px;
	list-style: url(listsqu.gif) square outside;
	line-height: 125%;
	}

ul#imglinks{
	margin: 0px 0 16px 0;
}	

#imglinks li{
	list-style-image: none;
	list-style-type: none;
	margin-bottom: 20px;
}

#imglinks li a {
	text-decoration: none;
	color: #333;
}

#imglinks li a:hover, #imglinks li a:focus {
	background-color: #fff;
	color: #0000a2;
}


#imglinks img {
	border: 0;
	margin-right: 10px;
	vertical-align: middle;
}


#newsbox p{
	color: #9FA9E3;
	margin: 0;
	font-size: 75%;
}

#newsbox a {
	color: #9FA9E3;
	text-decoration: underline;
}

#newsbox a:hover, #newsbox a:focus {
	color: #fff;
	text-decoration: underline;
	background: transparent;
	}

.kontadr {
	border: 1px solid #ccc;
	padding: 10px 0px 23px 15px;
	margin: 20px 0;
	width: 16em;
}

dl {
	margin-right: 17%;
	font-size: 90%;
	line-height: 125%;
}

dt {
	margin: 8px 0 4px 0;
	color: #0000A2;
	font-weight: bold;
	}

dt a {
	color: #0000A2;
	text-decoration: none;
}

dt a:hover, dt a:focus {
	text-decoration: underline;
}

dd {
	margin-left: 20px;
	margin-bottom: 8px;
	}

/* Formular */

.infoform {
	width: 430px; 
	font-size: 90%;
	line-height: 160%;
	background: transparent;
	color: #333;
	margin-left: 0;
	}

div.row {
	padding-top: 10px;
	}

div.row span.bezeich {
	float: left;
	width: 150px;
	text-align: left;
	color: #333;
	font-size: 100%;
	}

div.row span.formfeld {
	float: right;
	width: 250px;
	text-align: left;
	}

div.row span.radiobuttons {
	float: right;
	width: 250px;
	text-align: left;
	color: #333;
	}

div.row span.mehrzeil {
	float: right;
	width: 250px;
	text-align: left;
	padding-bottom: 6px;
	}

.absendbut {
	clear:both;
	padding-left: 180px; 
	padding-top: 10px;
	}

/* Telefon-Alignment */

div.adrrow {
	padding-top: 0px;
	}

div.adrrow span.adrbezeich {
	float: left;
	width: 4em;
	text-align: left;
	color: #333;
	font-size: 90%;
	}

div.adrrow span.adrinh {
	float: left;
	text-align: left;
	color: #333;
	font-size: 90%;
	}


/* Footer-Bereich */

.footer {
	border-top: 1px solid #ccc;
	background-color: #fff;
	margin: 70px 17% 10px 0;
	padding-top: 10px;
	clear: both;
	}