@charset "UTF-8";
/* CSS Document */

body {
	margin:0;
	padding: 0px;
	background-image:url(../layoutpics/background.jpg);
	background-repeat: repeat-x;
	font-family: TrebuchetMS, Verdana, sans-serif;
	font-size:75%;
	background-attachment: scroll;
	background-position: center top;
	background-color:#FFFFFF;
} 
	
	

table {
	padding:0;
	margin:0;
	}	


/* TYPOGRAFIE ETC ------------------------------------------------------------------------- */

p {margin:0;}

h2 {margin:0;}

h3 {margin:0;}


#header h1 {
 height: 1px;
 left: 0; 
 overflow: hidden;
  position: absolute;
 top: -999em; 
 width: 1px;
  margin:0; 
  padding:0
   } 

	
.clear {
	clear:both;
	}
	

/* AUFBAU ---------------------------------------------------------- */
#outerwrapper {
	margin: 0 auto;
	width:990px;
	}

#wrapperrand-links {
	margin-top: 70px;
	width:15px;
	height:700px;
	background-image: url(../layoutpics/outerschatten-links.jpg);
	float: left;
	}
	
#wrapperrand-rechts {
	margin-top: 70px;
	width:15px;
	height:700px;
	background-image: url(../layoutpics/outerschatten-rechts.jpg);
	float: right;
	}
	
#innerwrapper {
	background-color:#FFFFFF;
	width: 960px;
	float: left;	
	}

#header {
	position:relative;
	background-image:url(../layoutpics/header.jpg);
	background-color:#00214c;
	height: 300px;
	width: 960px;
	margin-bottom: 10px;
	}

	
#logobox {
	position:absolute;
	top:126px;
	left:50px;
	height:125px;
	width:140px;
	background-color:transparent;
}

#logobox a {
	text-indent:-9999px;
	display:block;
	height:125px;
	width:140px;
	background-color:transparent;
	background-image:url(../layoutpics/homelogo.jpg);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	}

#logobox a:focus {	
	outline-width:0px;
	}
	
#logobox a:hover {	
	background-position: 0px -125px;
	}
		
#slogan {
	position:absolute;
	top:35px;
	left:570px;
	width:330px;
	height:136px;	
	background-color:transparent;
	boder:0;
	margin:0;
	padding:0;
}


#slogan h3 {
	text-indent:-9999px;
	}
		
#mainbox {
	float: left;
	width: 694px;
	}
	
#content {
	float: right;
	width: 448px;	
	padding-bottom: 0px;
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: #dbedf7;
	padding-right: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #dbedf7;
	}
	
#linkespalte {
	margin-top:0.3em;
	float: left;
	width: 190px;
	text-align: right;
	padding-right: 0px;
	padding-bottom: 40px;
	border-right-width: 0px;
	border-right-color: #dbedf7;
	border-right-style: solid;
	}
	
#rechtespalte {
	float: right;
	width: 240px;	
	/*
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dbedf7;
	*/
	padding-left: 10px;
	padding-right: 15px;
	text-align: left;
	margin:0;
	}
	
.teaserbox {
	 border: 1px solid #2b557d;
	 margin: 0 10px 5px 4px;
	 background-color: #dbedf7;
	 width:240px;
     clear:both;
	 }
	 

.teaserbox:hover {
	 border: 1px solid #00214c;
	 }
	   
	 
#angebotebox {
	 border: 1px solid #2b557d;
	 margin: 0px 10px 5px 4px;
	 background-color: #fff;
	 padding:0px;
	 width:240px;
	 color:#00214c;
	 border-top:1px solid #335073;
	 clear:both;
	 }

#angebotebox:hover {
	 border: 1px solid #00214c;
	 }
	  
	 
 #angebotebox h3 {
	font-size:90% !important;
	margin-bottom:0.8em !important;
	} 
	
 #angebotebox p {
 	 color:#00214c !important;
	font-size:80% !important;
	padding: 5px !important;
	
	}	
	
#angebotebox ul {
	list-style-type:none !important;
    list-style-position:outside !important;
	padding-left: 0px !important;
	padding-right: 5px !important;
	padding-top: 0 !important;
	margin-left:5px;
	margin-top:0;
	margin-bottom:0.5em;
	font-size:75%;
	}
		
#angebotebox li {
	margin: 0 !important;
	padding: 0 !important!;	
	padding-top:0.5em !important;
	padding-bottom:0.8em !important;
	border-bottom:1px solid #dbedf7 !important;
	}

	
#footeroben {
	clear: both;
	background-image:url(../layoutpics/footeroben.jpg);
	background-repeat: no-repeat;
	height: 50px;
	padding-top:20px;
	background-position: bottom;
	}
	
#footer {
	background-image:url(../layoutpics/footermitte.jpg);
	background-repeat: repeat-y;
	padding-right: 30px;
	padding-left: 25px;
	padding-bottom:20px;
	}
	
.footerright {
	display:block;
	float:right;
}	

	
#footerunten {
	background-color:#FFFFFF;
	background-image:url(../layoutpics/footerunten.jpg);
	background-repeat:  no-repeat;
	height: 20px;
	
	}
	
	
	
/* HAUPTNAVIGATION STYLEN ----------------------------------------------------*/
#hauptnavidiv {
	position:absolute;
	top:171px;
	left:230px;
	width:720px;
	}

#navi, #navi ul {
	list-style-type:none;
 	margin:0; 
 	padding:0;
	/*float:left;*/
 	}
	
#navi li {
	width:150px;
	height:40px;
	float:left;
	margin:0 20px 0px 0;
	position:relative;
	background-color: transparent;	
	}
	
#navi li a {
	display:block;
	width:150px;
	height:40px;	
	background-image:url(../layoutpics/navi.png);
	background-repeat: no-repeat;
	text-indent:-9999px;
	}
	
	
/* **********zustände der hauptpunkte */

#navi  li a#navipunkt8	{background-position: 0px 0px;}
#navi  li a#navipunkt8:focus	{outline-width:0px;}
#navi  li a#navipunkt8:hover	{background-position: 0px -40px;}
#navi  li a#navipunkt8.hauptnaviaktiv	{background-position: 0px -40px !important;}
#navi  li a#navipunkt8.hauptnaviaktiv:focus	{outline-width:0px !important;}
#navi  li a#navipunkt8.hauptnaviaktiv:hover	{background-position: 0px -40px !important;}

#navi  li a#navipunkt13	{background-position: -150px 0px;}
#navi  li a#navipunkt13:focus	{outline-width:0px;}
#navi  li a#navipunkt13:hover	{background-position: -150px -40px;}
#navi  li a#navipunkt13.hauptnaviaktiv	{background-position: -150px -40px !important;}
#navi  li a#navipunkt13.hauptnaviaktiv:focus	{outline-width:0px !important;}
#navi  li a#navipunkt13.hauptnaviaktiv:hover	{background-position: -150px -40px !important;}

#navi  li a#navipunkt19	{background-position: -300px 0px;}
#navi  li a#navipunkt19:focus	{outline-width:0px;}
#navi  li a#navipunkt19:hover	{background-position: -300px -40px;}
#navi  li a#navipunkt19.hauptnaviaktiv	{background-position: -300px -40px !important;}
#navi  li a#navipunkt19.hauptnaviaktiv:focus	{outline-width:0px !important;}
#navi  li a#navipunkt19.hauptnaviaktiv:hover	{background-position: -300px -40px !important;}

#navi  li a#navipunkt24	{background-position: -450px 0px;}
#navi  li a#navipunkt24:focus	{outline-width:0px;}
#navi  li a#navipunkt24:hover	{background-position: -450px -40px;}
#navi  li a#navipunkt24.hauptnaviaktiv	{background-position: -450px -40px !important;}
#navi  li a#navipunkt24.hauptnaviaktiv:focus	{outline-width:0px !important;}
#navi  li a#navipunkt24.hauptnaviaktiv:hover	{background-position: -450px -40px !important;}
		
/* ******ENDE zustände der hauptpunkte */
	
	
	
#navi li ul  {
	display:none; /* erst bei hover kommt die verschachtelte ul zum vorschein*/
	width:146px;
	margin-top: 0px;
	margin-left: 0px;
	}	
	
	
/* dropdown menu: erst bei hover kommt die verschachtelte ul zum vorschein*/

/*
#navi li:hover ul { display:block; }
*/

/* dropdown deaktiviert wg. usability*/

		
#navi li ul li {
	width:148px;
	height:30px;
	background-color:#FFFFFF;
	}	
	
	
#navi li ul li a {
	background-image:none;
	text-indent:0px;
	
	display:block;
	width:146px;
	height:23px;
	padding-top:6px;

	background-color: #dbedf7;
	color:#00214c;
	text-align:center;
	text-decoration:none;
	
	border-left:solid #020e38 2px;
	border-right:solid #020e38 2px;
	border-bottom:solid #020e38 2px;
}	

/* falls durch WF hereTpl kein link ist */
#navi li ul li span {
	background-image:none;
	text-indent:0px;
	text-align:center;	
	display:block;
	width:146px;
	height:23px;
	padding-top:6px;

	background-color: #dbedf7;
	color:#00214c;
	text-align:center;
	text-decoration:none;
	
	border-left:solid #020e38 2px;
	border-right:solid #020e38 2px;
	border-bottom:solid #020e38 2px;
}	


#navi li ul li a:hover {
	color:#dbedf7;
	background-color: #00214c;
	text-decoration:none;
}	
	
			
.hauptself {
 	color:#dbedf7 !important;
	background-color: #00214c !important;
	font-weight:bold;
	}

	
/*  sidenavi STYLEN ----------------------------------------------------*/

#sidenavikopf {
	font-size: 1.3em;
	margin:0;
	padding:0 0 0 25px;
	}

#sidenavikopf a {
	display:block;
	height:2em;
	color:#5993bb;
	text-decoration:none;
	border-bottom: 1px solid #dbedf7;
	}
	
#sidenavikopf a:focus {
	outline-width:0px;
	}
		
#sidenavikopf a:hover {
	color:#00214c;
	}


#sidenavi, #sidenavi ul {
	font-size: 1.3em;
	list-style-type:none;
	margin:0;
	padding:0 0 0 25px;
 	}
	
#sidenavikopf a {
	display:block;
	height:2em;
	color:#5993bb;
	text-decoration:none;
	border-bottom: 1px solid #dbedf7;
	}
	
#sidenavi a:hover {
	color:#00214c;
	}


#sidenavi li {
	font-size: 0.7em;
	margin:0 0 0px 0;
	}
	
#sidenavi li:hover  {
	color:#00214c;
	}
	
#sidenavi li a {
	color:#5993bb;
	display:block;
	height:2em;
	padding-top:0.70em;
	text-decoration:none;
	border-bottom: 1px solid #dbedf7;
	}
	
#sidenavi a:focus {
	outline-width:0px;
	}	
	
#sidenavi li a:hover {
	color:#00214c;
	}

#sidenavi li.self a {
	color:#00214c;
	font-weight:bold;
}

#sidenavikopf a.self {
	color:#00214c;
	/*	font-weight:bold;*/

}

/* ******************************Formulare stylen */
fieldset {
width: 433px;
background-color: #dbedf7;
color: #00214c;
border:0;
font-size:80%;
padding:10px;
}


Korrekturanweisungen für IEs, um "Bleeding BG-Color" zu verhindern

* html fieldset {
position: relative;
margin-top: -0.5em;
padding: 0 0.5em 0.5em 0.5em;
}
* html legend {
position: relative; 
top: -0.9em; 
z-index: 11;
}