/* CSS Document */
/* free-it.org */

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

body {
font-size: 100.1%;
font-family : "Lucida Grande", "Lucida Sans Uniode", Lucida, "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif;
}

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

a {
	color: #030333;
	text-decoration: none;
}

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

img {
border: 0 none
}



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



/* Titel */

#title {
width: 100%;
background: #0000a2 url(img/style/verl_titl.gif) top left repeat-x;
}

#titlgraf {
width: 100%;
height: 119px;
background-image: url(img/style/penguins.gif);
background-position: top right;
background-repeat: no-repeat;
}

#title .titline {
background: #00006b url(img/style/raster_titl_b.gif) bottom left no-repeat;
color: #fff;
width: auto;
text-align: right;
font-size: 11px;
line-height: 18px;
padding-right: 10px;
}

#title img {
margin: 6px 0 0 11px;
border: 0 none;
background: #0000a2;
}

#title a:hover {
background: #0000a2;
}


/* Menu */

#mspalte {
position: absolute;
top: 140px;
left: 0;
width: 209px;
}

#navi {
margin-top: 35px;
border-top: 1px solid #ccc;
background-color: #fff;
color: #000067;
font-size: 1em;
z-index: 6;
width: 209px;
}

#navi a{
display: block;
}

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

#navi li {
display: block;
margin: 0;
}

#navi li a {
width: 100%;
background: transparent;
color: #fff;
padding: 6px 6px 8px 23px;
border-bottom: 1px solid #ccc;
text-decoration: none;
text-align: left;
}

/* be nice to Mozilla 
html>body #navi li a {
width: auto;
}*/


#navi a:link {
background: transparent;
	text-decoration: none;
	color: #000033;
}

#navi a:visited {
background: transparent;
	text-decoration: none;
	color: #000033;
	}

#navi a:hover, #navi a:active, #navi a:focus {
background: #fff url(img/style/list_item.gif) 8px 9px no-repeat;
color: #e32b3b;
}

/* ausgewaehlter Button, der Link bleibt bestehen
die Klasse wird dem <a> zugewiesen */
#mspalte #navi .selected, #mspalte #navi a.selected {
padding: 6px 6px 8px 23px;
background: #B41837;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #ccc;
}

/* Untermenue */

#navi .snavi {
color: #6B7993;
background: #D4D8DE;
text-decoration: none;
text-align: left;
}

#navi .snavi ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navi .snavi li {
margin: 0;
}


#navi .snavi li a {
display: block;
width: 100%;
background: #D4D8DE;
color: #6B7993;
text-decoration: none;
text-align: left;
padding: 3px 6px 4px 30px;
border-bottom: 1px solid #ccc;
}

/* be nice to Mozilla 
html>body #navi .snavi li a {
width: auto;
}*/


#navi .snavi li a:link {
background: #D4D8DE;
	text-decoration: none;
	color: #6B7993;
}

#navi .snavi li a:visited {
background: #D4D8DE;
	text-decoration: none;
	color: #6B7993;
	}

#navi .snavi li a:hover, #navi .snavi li a:active, #navi .snavi li a:focus {
background: #D4D8DE url(img/style/list_item.gif) 14px 6px no-repeat;
color: #6B7993;
}

#mspalte #navi .snavi .subselected, #submenu #navi .snavi a.subselected{
padding: 3px 6px 4px 30px;
background: #6B7993;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
padding-left: 30px;
font-weight: bold;
}


/* Unter-Untermenue */

#navi .unavi {
color: #6B7993;
background: #D4D8DE;
text-decoration: none;
text-align: left;
font-size: 0.85em;
}

#navi .unavi ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navi .unavi li {
margin: 0;
}


#navi .unavi li a {
display: block;
width: 100%;
background: #e3e5e8;
color: #6B7993;
text-decoration: none;
text-align: left;
padding: 3px 6px 4px 40px;
border-bottom: 1px solid #ccc;
}

/* be nice to Mozilla 
html>body #navi .snavi li a {
width: auto;
}*/


#navi .unavi li a:link {
background: #e3e5e8;
	text-decoration: none;
	color: #6B7993;
}

#navi .unavi li a:visited {
background: #e3e5e8;
	text-decoration: none;
	color: #6B7993;
	}

#navi .unavi li a:hover, #navi .unavi li a:active, #navi .unavi li a:focus {
background: #e3e5e8 url(img/style/list_item.gif) 24px 6px no-repeat;
color: #6B7993;
}

#mspalte #navi .unavi .uselected, #submenu #navi .unavi a.uselected{
padding: 3px 6px 4px 40px;
background: #6B7993;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
padding-left: 40px;
font-weight: bold;
}


.memberlogo {
margin-top: 20px;
margin-left: 22px;
display: block;
}

.memberlogo a:link, .memberlogo a:visited, .memberlogo a:hover, .memberlogo a:active, .memberlogo a:focus {
color: #fff;
background: #fff;
text-decoration: none;
}



/* Inhalt */

#content {
	position: relative;
	margin:0 0 0 210px;
	padding:37px 13% 12px 20px;
	background: #e3e5e8 url(img/style/verl_cont.gif) top left repeat-x;
	z-index: 5;
	}

.home #content {
padding:37px 3% 12px 20px;
}

.ref #content {
padding:37px 3% 12px 20px;
}

#content h1 {
font-size: 1.2em;
color:#0f0f8e;
}

#content h2 {
font-size: 1em;
color: #B41837;
}

#content h3 {
font-size: 0.9em;
margin-top: 10px;
color: #6B7993;
}

#content p {
font-size: 0.9em;
margin-top: 10px;
margin-bottom: 15px;
line-height: 1.4em;
}

#content .trenn {
background: #e3e5e8 url(img/style/trenn.gif) top right no-repeat;
}

.home #content .trenn{
width: 70%;
}

.leftal {
float: left;
position: relative;
margin: 0 20px 20px 0;
}

.listleft {
float:left; 
margin-right: 5%; 
width: 40%; 
position: relative;
}

.listrigt {
float:left; 
width: 40%; 
position: relative;
}

.listleftbr {
float:left; 
width: 390px; 
position: relative;
}

.listrigtsc {
float:left; 
position: relative;
}

#content ul {
font-size: 0.9em;
margin: 10px 0 15px 24px;
line-height: 1.4em;
}

#content ul li {
list-style: url(img/style/c_listitem.gif) square outside;
}

#content ul.noitem {
font-size: 0.9em;
margin: 10px 0 15px 0px;
line-height: 1.4em;
}

#content ul.noitem li {
list-style-image: none;
list-style-type: none;
margin-bottom: 4px;
}

.button {
background: #8b9dbf;
line-height: 2em;
text-decoration: none;
padding: 6px 0;
}

.button a{
padding: 6px 10px;
color: #fff;
}

.button a:hover {
background: #c7666e;
color: #fff;
}


#content .footer {
color:#787D8C;
font-size: 0.8em;
line-height: 1em;
margin-top: 40px;
}

.footer img {
vertical-align: middle;
}

.footer a {
color:#787D8C;
text-decoration: underline;
}

.footer a:link, .footer a:visited {
color:#787D8C;
text-decoration: underline;
}

.footer a:hover, .footer a:active, footer a:focus {
color: #030333;
text-decoration: underline;
background: transparent;
}
	
	
/* News */

#newsbox {
float: right;
position:relative;
width: 180px;
background: #f6f6f3;
margin-top: 33px;
margin-left: 15px;
text-align: left;
}

#newsbox h1 {
font-size: 1em;
color: #fff;
background: #9aa0a9 url(img/style/dot_newsbox.gif) top right no-repeat;
text-align: right;
padding: 4px 10px 5px 0;
}

#newsbox h2 {
color: #000;
font-size: 0.7em;
margin: 0 10px 3px 6px;
}

#newsbox p {
color: #000;
font-size: 0.7em;
margin: 6px 10px 10px 6px;
}

#newsbox form {
margin: 6px 10px 10px 6px;
}

#newsbox img {
margin: 10px 10px 2px 6px;
}

#newsbox div.hrule {
border-top: 1px solid #9aa0a9;
}

#newsbox div.hrule hr {
   display: none;
 border: 0;
 height: 0px;
 }


/* Formular */

.infoform {
	width: 430px; 
	font-size: 0.9em;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 160%;
	background: transparent;
	color: #030333; 
	margin-left: 0;
	}

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

div.row span.bezeich {
	float: left;
	width: 150px;
	text-align: left;
	color: #030333;
	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: #030333;
	}

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

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


/* Referenzen-Tabelle */


.referenzen {
	font-size: 0.8em;
	line-height: 1.4em;
	color: #030333;
	border-spacing: 0px; 
	border-collapse: collapse;
	}

.referenzen caption {
	padding:37px 3% 12px 10px;
	font-weight: bold;
	background-color: #8B8F9D;
	color: white;
	padding-bottom: 3px;
	padding-top: 3px;
	border-bottom: 1px solid #030333;
	text-align: left;
	}

.referenzen th {
	text-align: left;
	padding-bottom: 7px;
	padding-top: 7px;
	padding-left: 8px;
	border-bottom: 1px solid #8B8F9D;
	vertical-align: top;
	}

.referenzen td {
   padding-bottom: 7px;
   padding-top: 7px;
   padding-left: 8px;
   border-bottom: 1px solid #B1B4BD;
   vertical-align: top;
}

#content .referenzen td ul {
margin-top: 0;
padding-top: 0;
font-size: 1em;
}