html { height: 101%; }

body{
	font-family: Arial, Verdana, Geneva, Trebuchet, sans-serif;
	margin:0;
	padding:0;
	background-color: #5266ca;
	background-image: url(images/hg.jpg);
	background-repeat: repeat-x;
}

img {
border: 0;
}

/*** all Links im Inhalt ***/

a:link, a:visited{
	color: #930;
	text-decoration: none;
}
a:hover{
	color: #930;
	text-decoration: underline;
}

/*** grundaufbau ***/
#wrapper {
position:relative;
margin:0;
height: 100%;
width: 100%;
}
.header{
	position: relative;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 945px;
	height: 105px;
	background-color: #3547a2;	
	background-image: url(images/hghead.jpg);
	background-repeat: repeat-x;
}
.logo{
position: absolute;
margin: 0;
left: 220px;
width: auto;
height: 105px;
background-color: #fff;
}
.logo img{
padding-top:5px;
width: 710px;
height: 100px;
}
.main{
	position: relative;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	width: 945px;
	background-color: #4455ad;
	background-image: url(images/hgliner.gif);
	border-bottom: 1px solid #036;
	background-repeat: repeat-y;
	background-position: right; 
}
.left{
	float: left;
	margin: 0;
	padding-top: 0;
	width: 220px;
	height: auto;
}
.bildleft {
margin:0;
width: 220px;
height: 220px;
}
.content{
	position: relative;
	margin: 0 15px 0 220px;
	width: auto;
	background-color: #fff;
}

/***  NAVIGATION  ****/

#nav{
margin: 0 30px 0 0;
width: auto;
font-size: 0.75em;
}
#nav ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}
#nav li{
margin: 0;
}
#nav li a{
display: block;
margin-left: 20px;
text-align:left;
padding: 3px 0 0 18px;
font-weight: normal;
text-transform: uppercase;
color: #a7b2ec;
height: 1.5em;
text-decoration: none;
border-bottom: 1px solid #6978c2;
}
html>body #nav li a { width: auto; }

#nav li a:hover{
color: #fff;
font-weight: normal;
text-decoration: none;
background-color: #039; 
}
#nav a.aktiv, a.aktiv:visited{
margin-left: 0px;
padding: 3px 0 0 38px;
font-weight: normal;
color: #fff;
height: 1.5em;
background-color: #039;
background-image: url(images/bgover.jpg);
background-repeat: no-repeat;
}
#nav a.aktiv:hover{
font-weight: normal;
color: #fff;
text-decoration: none;
background-color: #162674;
}

/***** IMPRESSUM NAVI ***/

.mininav{
float: left;
margin: 30px 0 0 0;
padding-left: 30px;
line-height: 1.8em;
width: 180px;
font-size: 0.65em;
letter-spacing: 0.05em;
text-transform: uppercase;
}
a.mini, a.mini:visited{
	padding: 6px 10px 6px 10px;
	color: #a7b2ec;
	font-weight: normal;
	text-decoration: none;
}
a.mini:hover{
    color: #fff;
	text-decoration: none;
}
a.mino, a.mino:visited{
	padding: 6px 10px 6px 10px;
    color: #fff;
	text-decoration: none;
	background-color: #039; 
}
a.mino:hover{
    color: #fff;
	text-decoration: none;
	background-color: #0066CC;  
}
/************** Inhalte ****************/
*html .feature { position: relative; margin-top: -4px; overflow: visible;} 
*html h1, *html h2, *html h3, *html h4, *html .einzug, *html .bildimtext, *html .imgleft, *html .einzug2, *html .pictorow, *html .pictocell, *html .picto     
{ position: relative; overflow: visible;}

.feature{
margin: 0;
padding: 0;
min-height: 600px;
color: #003366;
background-color: #edf2fc;
border-left: 20px solid #fff;
border-right: 20px solid #fff;
}
.feature p {
padding: 0 20px 0 15px;
line-height: 1.5em;
font-size: 0.75em; 
color: #003366;
}
h1 {
margin: 0 0 20px 0;
padding-right: 10px;
color: #7ca6fc;  /**c8d3e9**/
font-weight: bold;
font-size: 1em;
line-height: 1.6em; 
text-align: right;
background-color: #2c3e96;
border-top: 30px solid #2c3e96;
border-bottom: 4px solid #fff;
}
h2 {
margin: 20px 0 -2px 65px;
padding-left: 65px;
color: #036;
font-weight: bold;
font-size: 1.05em;
}
h6 {
margin: 20px 0 -2px 0;
padding-left: 65px;
color: #036;
font-weight: bold;
font-size: 1.05em;
}
.einzug {
margin-left: 50px; 
}
.bildimtext {
float: left;
padding: 0 12px 8px 50px;
}
.einzug2 {
margin-left: 115px;
min-height: 90px;
}
.imgleft{
float: left;
padding: 15px 0 2px 25px;
width: auto;
height: auto;
}
.extern {
background-image: url(images/ext.gif);
background-repeat: no-repeat;
padding-left: 14px;
}
.dotline {
margin: 0;
border-top: 1px dotted #ccc;
}
.linie {
height: 6px;
background-color: #fff;
border-top: 1px solid #b6c2cc;
border-bottom: 1px solid #b6c2cc;
}

/***********  startseite  *******/
h5 {
margin: 0;
padding-right: 10px;
color: #7ca6fc;  /**c8d3e9**/
font-weight: normal;
font-size: 1em;
line-height: 1.6em;
text-align: right; 
background-color: #2c3e96;
border-top: 30px solid #2c3e96;
border-bottom: 4px solid #fff;
}
.redline {
margin-bottom: 20px;
font-size: 1.6em;
text-transform: uppercase;
color:#003399;
font-weight: normal;
}
.start {
padding: 30px 0 0 50px;
float:left;
width: 374px;
font-size: 0.75em;
line-height: 1.5em;
color: #003366;
}
*html h5, *html .redline { position: relative; overflow: visible;}
*html .start, *html .startblau { position: relative; overflow: visible; height: 520px;}

.startblau {
margin-left: 428px;
background-color: #5188cc;
min-height: 520px;
background-image: url(images/starteck.gif);
background-position: bottom left;
background-repeat: no-repeat;
}
.startblau p {
margin:0;
padding: 10px 0 0 20px;
color: #fff;
font-size: 0.9em; 
line-height: 1.7em;
}
.gelb {
margin: 22px 0 0 193px;
background-color:#fdbe00;
}
.paddi {
padding: 5px 3px 0 20px;
}

/***********  textstile *******/
h3 {
margin: 0;
padding: 20px 0 10px 0;
text-align:center;
font-weight: bold;
color: #036;
font-size: 0.95em;
}
h4 {
margin-left: 65px;
text-align:left;
font-weight: normal;
color: #036;
font-size: 0.9em;
}
.paragraph {
font-weight: bold;
color: #003366;
}
.portlist {
margin: 0 20px 10px 65px;
padding: 0 20px 10px 0px;
line-height: 1.5em;
font-size: 0.75em; 
color: #003366;
border-bottom: 1px dotted #b6c2cc;
}
.port {
padding: 4px 0 14px 40px;
background-image: url(images/pdf_icon.gif);
background-repeat: no-repeat;
font-weight: bold;
}
.porttext {
margin: 4px 0 0 40px;
}
.schildlist {
margin: 0 20px 20px 65px;
padding: 0 20px 10px 0px;
line-height: 1.5em;
font-size: 0.75em; 
color: #003366;
}
a.schild, a.schild:visited {
padding: 0 1px 0 1px;
font-weight: bold;
letter-spacing: 0.05em;
text-decoration: none;
border-top: 1px solid #993333; 
border-bottom: 1px solid #993333; 
}
a.schild:hover {
padding: 0 1px 0 1px;
background-color: #CC3300; 
font-weight: bold;
color: #fff;
text-decoration: none;
}
/******** schilder ****/
.pictorow {
position: relative;
margin: 0 0 0 60px;
min-height: 400px;
width: 560px;
line-height: 1.5em;
font-size: 0.75em; 
}
.pictocell {
float: left;
margin: 1px;
padding: 5px;
width: 125px;
height: 125px;
text-align: center;
line-height: 1.1em;
color: #003366;
background-color: #fff;
}
.picto {
width: 90px;
height: 90px;
margin-bottom: 6px;
}
.clear {
clear: both;
}

/******** referenzen  ****/
.tabelle {
margin: 0 0 5px 20px;
width: 630px;
}
.spalt1 {
width: 15%;
text-align:right;
padding: 3px 20px 12px 0;
line-height: 1.5em;
font-size: 0.75em; 
color: #036;
background-color: #c9e2f3;
font-style: italic;
}
.spalt1top {
width: 20%;
text-align:right;
padding: 0;
background-color: #fff;
border-top: 1px dotted #69a1e6;
border-bottom: 1px dotted #69a1e6;
}
.spalt2 {
width: auto;
padding: 3px 0 12px 12px;
text-align:left;
line-height: 1.5em;
font-size: 0.75em; 
color: #003366;
background-color: #d8e9f5;
border-left: 1px solid #fff; 
}
.spalt2top {
width: 480;
padding: 2px 0 2px 14px;
text-align:left;
font-size: 0.8em;
font-weight: bold; 
color: #036;
background-color: #fff;
overflow: hidden;
border-top: 1px dotted #69a1e6;
border-bottom: 1px dotted #69a1e6;
}

/**** Referenzen Mininavi weiterblättern ***/

.pagenavi {
text-align: right;
margin: 16px 20px 0 0;
font-size: 0.9em;
font-weight: normal;
}
a.page, a.page:visited{
	text-decoration: none;
	color: #666;
	border: 1px solid #ccc; 
	padding: 2px 7px 2px 7px;
}
a.page:hover{
	color: #fff;
	background-color: #89b3dc;
	text-decoration: none;
	}
a.pageaktiv, a.pageaktiv:visited{
	text-decoration: none;
	color: #fff;
	background-color: #039;
	border: 1px solid #fff; 
	padding: 2px 7px 2px 7px;
}
a.pageaktiv:hover{
	text-decoration: none;
	color: #fff; 
	}

/********* footer ******/
.footer{
	clear: both;
	margin: 0 15px 0 220px;
	padding: 6px 0 0 20px;
	height: 32px;
	font-size: 0.7em;
	color:#ccc;
	background-color: #162674;
}
.footer img{
float: right;
margin-right: 20px;
height: 18px;
}