/* ##### Reset-Skript ##### */
center, isindex, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 101%;
	font-family: inherit;
	font-variant: inherit;
	vertical-align: baseline;
}

html {
 height:100%;
 margin-bottom:0px;
}

/*****************************  Grundgeruest   **********************************/


body {
	margin: 0px;
	background: #e7e7e7;
	width: 100%;
	height: 100%;
	text-align: left;
}

img, div, a { 
	behavior: url(iepngfix.htc); 
	}
	
	
#zentrieren {
	width: 930px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	position: relative;
}


#container {
	width: 930px;
	height: auto;
	background: #e7e7e7;
	float: left;
	background: #f5f5f5 url(../images/bg_schatten.jpg) repeat-y 0 0;

}



/* ################# METAMENU #################### */

#header {
	width: 912px;
	height: 45px;
	list-style-type: none;
	padding-top: 10px;
	padding-left: 9px;
	padding-right: 9px;
	border-bottom: none;
	background: url(../images/head_bg.jpg) no-repeat 0 0;
}

#topnews {
position: absolute;
width: 400px;
height: 20px;
left: 400px;
top: 20px;
}

ul#servicenavi {
	width: 912px;
	height: 30px;
	list-style-type: none;
	height: 27px;
text-align: right;
	position: absolute;
	top: 20px;
}

ul#servicenavi li {
	display: inline;
}

ul#servicenavi li a {
	color: #101D61;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

/* ################# MAINMENU #################### */

ul#mainnavi {
	width: 911px;
	height: 39px;
	list-style-type: none;
	text-align: right;
	margin-right: 0px;
	padding-top: 0px;
	background: #f5f5f5 url(../images/main_navi_bg.jpg) repeat-x 0 0;
	margin-left: 9px;
  border-top: 1px solid #0d1a5c;
  border-right: 1px solid #0d1a5c;
  border-bottom: 1px solid #4358cf;
  position: relative;
}

ul#mainnavi li {
	list-style-type: none;
	float: left;
	height: 39px;
	width: auto;
}

ul#mainnavi li a{
  font-family: Arial, Helvetica;
  font-size:11px;
  font-weight:bold;
  color: #fff;
	text-decoration: none;
	line-height: 39px;
	width: auto;
	text-align: center;
	height: auto;
	background: #f5f5f5 url(../images/main_navi_bg.jpg) repeat-x 0 0;
	border-right: 1px solid #4358cf;
	border-top: 1px solid #4358cf;
	border-left: 1px solid #0d1a5c;

	padding-left: 20px;
  padding-right: 20px;	
  display: block;
	float: left;
	text-transform: uppercase;
}

ul#mainnavi li.current a, ul#mainnavi li.current a:hover{
background: #0d1a5c;
color: #fff;
border-top: none;
border-right: 1px solid #0d1a5c;
border-bottom: 1px solid #0d1a5c;
line-height: 39px;
position: relative;
height: 40px;
margin-bottom: -1px;
}

ul#mainnavi li a:hover{
background: #4358cf;
}
/*

#container_innen {
	width: 910px;
	height: auto;
	background-color:#8A91B3;
	float: left;
	z-index: 10;
	}
*/

/* ################## SUBNAVI ################# */

ul#subnavi {
  list-style-type: none;
  width: 240px;
  height: auto;
  float: left;
  margin-bottom: 10px;
}

ul#subnavi li {
  list-style-type: none;
  margin-bottom: 1px;
overflow: hidden;
margin-top: 0px;
float: left;
width: 240px;
}

ul#subnavi li a {
font-family: arial, verdana;
font-weight: bold;
font-size: 11px;
color: #1D32A0;
text-decoration: none;
  background: #e0e0e0;
    padding: 10px 20px 10px 20px;
    display: block;
}

ul#subnavi li.active a, ul#subnavi li.active a:hover {
background: #1D32A0;
color: #fff;
}

ul#subnavi li a:hover {
  background: #B0BCFC;
  
}

ul#subnavi li.current a, ul#subnavi li.current a:hover {
  background: #1D32A0;
  border: 1px solid #1D32A0;
  color: #fff;
}


ul#subnavi ul {
margin-top: 1px;
margin-bottom: 2px;
float: left;
}

ul#subnavi ul li {
  list-style-type: none;
  margin-bottom: 1px;
overflow: hidden;
margin-top: 0px;
float: left;
width: 240px;
background: none;
}

ul#subnavi ul li a, ul#subnavi li.active ul li a {
font-family: arial, verdana;
font-weight: bold;
font-size: 11px;
color: #5670F4;
text-decoration: none;
border: 1px solid #e0e0e0;
  background: #f5f5f5;
    padding: 2px 20px 2px 40px;
    display: block;
}

ul#subnavi ul li a:hover {
  background: #9DACFD;
}

/* ################## BREADCRUMBS ################# */

#breadcrumb {
	width: 892px;
	height: 27px;
background: #dde3fe url(../images/bg_breadcrumb.jpg) repeat-x 0 0;
	margin-left: 9px;
	margin-right: 9px;
	padding-top: 5px;
	padding-left: 20px;
}

#visual {
	width: 912px;
	height: 400px;
	float: left;
	display: inline;
	margin-left: 0px;
	overflow: hidden;
}

#visual2 {
	width: 615px;
	height: 240px;
background: #fff;
float: left;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	display: inline;
}


/* ################## CONTENT ################# */

.logo {
  position: absolute;
  display: block;
  width: 185px;
  height: 44px;
  top: 11px;
  left: 20px;
  background: url(../images/logo.jpg) no-repeat 0 0;
}

#content {
	width: 912px;
	height: auto;
	background-repeat: repeat-x;
	float: left;
	margin-left: 9px;
	margin-right: 9px;
	display: inline;
}

#content_left {
  float: left;
  width: 240px;
  height: auto;
  margin-left: 20px;
  margin-top: 20px;
  display: inline;

}

#content_right {
  float: left;
  width: 615px;
  height: auto;
  padding: 0px;
  margin: 0px;
  margin-left: 20px;
  margin-top: 20px;

  display: inline;
}


#news {
  width: 322px;
  height: auto;
  float: left;
}

#text {
  width: 438px;
  height: auto;
  padding: 20px;
  
  /*border: 1px solid #e0e0e0;*/
  background: #fff url(../images/bg_box.jpg) repeat-x 0 0;
  
  float: left;
}

#text2 {
  width: 408px;
  height: auto;
  float: left;
  padding-left: 0px;
  background: #fff url(../images/bg_box.jpg) repeat-x 0 0;
  padding-right: 30px;
}

#text3 {
  width: 575px;
  height: auto;
  float: left;
  padding: 20px;
  background: #fff url(../images/bg_box.jpg) repeat-x 0 0;
}

#stoerer {
position: absolute;
width: 150px;
height: 60px;
left: 220px;
top: -5px;
}

#stoerer2 {
position: absolute;
width: 100px;
height: 60px;
left: 815px;
top: 35px;
}

#teaser_right {
  float: left;
  height: auto;
  width: 200px;
  overflow: hidden;
}


#teaser {
	width: 908px;
	height: 104px;
	background-color:#dde3fe;
	padding-top: 15px;

	}

#footer {
	width: 930px;
	height: 30px;
	background: #e7e7e7 url(../images/footer_bg.jpg) no-repeat 0 0;
	float: left;
	padding: 0px;
	padding-bottom: 20px;
}

#schatten {
	width: 910px;
	height: 72px;
	margin-top: 2px;
	float: left;
}

/*****************************  Grundgerst Ende  **********************************/


/* ############## Verschiedene Teaser ####################*/

.box_teaser_klein {
  padding:5px;
	width:120px;
	height: auto;
	border: 1px solid #d5d5d5;
  float: left;
  background: #fff;
  background: url(../images/bg_box.jpg) repeat-x 0 0;
  margin-bottom: 5px;
  margin-right: 5px;
}

.box_bild_gross {
  padding:5px;
	width:270px;
	height: auto;
	border: 1px solid #d5d5d5;
  float: left;
  background: #fff;
  background: url(../images/bg_box.jpg) repeat-x 0 0;
  margin-bottom: 5px;
  margin-right: 5px;
}

.box_teaser, .box_teaser_blau {
  padding:20px;
padding-right: 0px;
	width:218px;
	height: auto;
	border: 1px solid #d5d5d5;
  float: left;
  background: #fff;
  background: url(../images/bg_box.jpg) repeat-x 0 0;
  margin-bottom: 5px;

}

.box_teaser_blau {
  background: #0B1F82;
  position: relative;
  min-height: 50px;
}

.box_teaser3 {
  padding:20px;
	width:575px;
	height: auto;
  float: left;
  background: #fff;
  background: url(../images/bg_box.jpg) repeat-x 0 0;
  margin-bottom: 5px;
  margin-right: 5px;
}
.box_teaser3 .image {
float: left;
padding: 5px;
background: #fff;
border: 1px solid #d5d5d5;
margin-right: 20px;
}

.box_teaser2 {
  padding:20px;
	width:393px;
	height: auto;
	border-left: 1px solid #d5d5d5;
  float: left;
  background: url(../images/bg_box.jpg) repeat-x 0 0;
}

.box_teaser_blau a.button {
background: url(../images/teaser_bg.gif) no-repeat;
width: 87px;
height: 88px;
display: block;
border: none;
position: absolute;
top: -5px;
left: 152px;
}

.box_teaser_blau a.button:hover {
background: url(../images/teaser_bg_active.gif) no-repeat;

}

.box_teaser2 .image {
padding: 5px;
background: #fff;
border: 1px solid #d5d5d5;
width: 120px;
float: left;
margin-right: 20px;
}

.box_teaser .image {
padding: 5px;
background: #fff;
border: 1px solid #d5d5d5;
width: 190px;
float: left;
}

/* ############## News Teaser ####################*/



.teaser {
	width:300px;
	height: auto;
  margin-bottom: 5px;
  float: left;
  border: 1px solid #B0BCFC;
  background: #C0CAFF;
  padding: 10px;
}

.teaser_image {
  float: left;
  border: 1px solid #B0BCFC;
  background: #fff;
  padding: 1px;
  width: 290px
  height: auto;
}

.box_white {
	width:auto;
	height: auto;
	margin-bottom: 20px;
}

.box_white_right {
	width:205px;
	height: auto;
	margin-bottom: 20px;
	padding-top: 20px;
}

.box_grey {
	padding:20px;
	height: auto;
	width: auto;
	background: #e7e7e7;
  margin-bottom: 20px;
  margin-right: 20px;
}

/* ############## GALERIE ############### */

.bild {
  float: left;
  margin-right: 5px;
  border: 1px solid #B0BCFC;
  background: #fff;
  padding: 1px;
  margin-bottom: 5px;
  cursor: pointer;
}

.image_float_left {
  float: left;
  display: block;
  margin-right: 30px;
  margin-bottom: 20px;
}

.galerie_container {
  height: auto;
  width: 556px;
  float: left;
  display: inline;
}

/* ##### Kontakt-Formular ##### */

.fieldset {
  float: left;
  margin-right: 0px;
  padding-right: 20px;
  margin-bottom: 20px;
  width: 390px;
}

.formtext {
  position: relative;
  left: 30px;
  border: 1px solid #e5e5e5;
  margin-bottom: 5px;
  width: 200px;
}

.text {
  margin-left: 30px;
  border: 1px solid #e5e5e5;
  margin-bottom: 0px;
  width: 123px;
}

.text2 {
border: 1px solid #e5e5e5;
margin-bottom: 0px;
width: 60px;

}

.formtextfield {
position: relative;
left: 30px;
border: 1px solid #e5e5e5;
margin-bottom: 7px;
width: 200px;
height: 150px;
}

.formhinweis {
width: auto;
}

.formsubmit, #buttonSubmit, #buttonLogoff, .submit {
border: 1px solid #8b9690;
background: #e5e5e5;
margin-top: 7px;
}

a.button, .button {
border: 1px solid #8b9690;
background: #e5e5e5;
margin-top: 7px;
padding: 3px;
padding-left: 5px;
padding-right: 5px;
}

a.button:hover, .button:hover {
background: #b8b8b8;
text-decoration: none;
}

label {
width: 105px;
display: block;
float: left;
}

.formcaptcha {
   margin-right: 500px;
}

legend {
margin-left: -7px;
margin-bottom: 5px;
}

text[id]legend {
margin-left: 0px;
}

.forminfo, .formerror {
color: #db0133;
}





/* ------##### Verschiedenes #####-------- */


.history_back {
   clear: both;
}


.trennlinie {
   border: 0; 
   border-bottom: 2px dotted #d5d5d5;
   margin-top: 20px;
   margin-bottom: 20px;
   background-color: #ffffff; /* Farbe für Opera und Firefox */
   color: #ffffff; /* Farbe für Internet Explorer (IE) */
   height: 1px; 
}


.news_bild {
   float: left;
   height: 400px;
}

#imageflow_container {
	width: 912px;
	height: 300px;
	float: left;
	margin-bottom: 20px;
	background: url(../images/imageflow_bg.gif) no-repeat 0 0;
}
#imageflow_caption {
color: #fff;
}

#imageflow {
	width: 612px;
	height: 300px;
	float: left;
	display: inline;
	margin-left: 150px;
}

.imageflow_images {
padding-top: 0px;
}



#galerie_arrow_left {
height: 132px;
width: 20px;
background: url(../images/arrow_left.png);
float: left;
}
#galerie_arrow_left:hover {
background: url(../images/arrow_left_hover.png);
}

#galerie_arrow_right {
height: 132px;
width: 20px;
background: url(../images/arrow_right.png);
background-repeat:no-repeat;
float: left;
}
#galerie_arrow_right:hover {
background: url(../images/arrow_right_hover.png);
}

/*
#box_grey {
	padding:10px;
	width:100%;
	overflow:hidden;
	background-color:#ededed;
}

*/
/* ------##### Main-Navi #####-------- */



/* ------##### Teaser #####-------- */
/*
.teaser {
  padding:10px;
	width:458px;
	height: auto;
	border: 1px solid #e7e7e7;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  float: left;
  margin-right: 20px;
}

.teaser_image {
float: left;
margin-right: 20px;
}

*/