html { height: 101%; }

body{
	font-family: Verdana, Geneva, Trebuchet, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color: #edf1f4;
	background-image: url(../img/layout/hgbg.gif);
	background-repeat: repeat-x;
}

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

a:link, a:visited{
color: #C60;
	text-decoration: none;
}
a:hover{
color: #BE5A29;
	text-decoration: underline;
}
.card {
padding-left: 20px;
line-height: 1.6em;
background-image: url(../img/layout/card.gif);
background-repeat: no-repeat;
}
.back {
padding-left: 15px;
background-image: url(../img/layout/back.gif);
background-repeat: no-repeat;
}
.forw {
padding-left: 15px;
background-image: url(../img/layout/arro.gif);
background-repeat: no-repeat;
}

/*** grundaufbau ***/
#header{
	position: absolute;
	top: 0;
	left: 4%;
	right: 4%;
	width: 91.6%;
	height: 175px;
	min-width: 775px;
	max-width: 1100px;
	background-color:#fff;
}
.logo{
margin-top: 3px;
float: right;
width: 210px;
height: 90px;
}
#blue{
margin: 95px 15px 0 15px;
height: 55px;
background-color: #085583;
background-image: url(../img/layout/hg.jpg);
background-repeat:repeat-y;
}
.logo2{
float: right;
margin-right: 10px;
}
#main{
	position: absolute;
	top:175px;
	left: 4%;
	right: 4%;
	width: 91.6%;
	padding-bottom: 1px;
	min-width: 775px;
	max-width: 1100px;
	background-color: #Fff;
}
#content{
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
	border-right: 1px solid #d0d3d6;
	border-top: 1px solid #d0d3d6; 
}
.left{
	float: left;
	margin: 0;
	padding: 0px;
	width: 221px;
}
.left img{
	padding-top: 40px;
}
.left2{
	float: left;
	margin: 0;
	padding: 0px;
	width: 221px;
}
#contstart{
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
	min-height: 500px;
	border-right: 1px solid #d0d3d6;
	border-top: 1px solid #d0d3d6;
	background-image: url(../img/layout/hgstart.jpg);
	background-repeat: no-repeat;
}
.aktuell {
margin-top: 10px;  
}
.aktuell p {
padding-left: 0.7em;
}
h5 {
margin: 0;
line-height: 2em;
padding-left: 0.7em;
padding-bottom: 2px;
font-size: 0.9em;
color: #fff;
background-color: #FF9900; /**#eaf4d4 ***/
text-transform: uppercase;
}
.akt1 {
float: left;
width: 49%;
margin-right: 6px;
padding-bottom: 18px;
border-top: 1px solid #dce4ea; 
border-left: 1px solid #dce4ea;
border-right: 1px solid #dce4ea; 
}
.akt2 {
float: left;
width: 49%;
padding-bottom: 18px;
}
.small {
font-size: 0.75em;
}

#barLeft {
	color:#1E3D6B;
	float:left;
	font-size:0.75em;
	margin:16px 0 0 89px;  
	width:328px;
}

.box {
	background:#fff;
	border:1px solid #dce4ea;
	border-top-width:0;
	float:left;
	margin-bottom:8px;
	padding-bottom:2px;
	width:100%;
}

.box h5  {
	background:#798fbe;
	margin-bottom:16px;
}

.box div {
	float:left;
	width:100%;	
	padding-bottom:12px;
}

.box div div {
	border-bottom:1px dashed #e5e5e7;
	float:left;
	margin:0 0 0 17px;
	padding-bottom:9px;
	width:302px;
}

.box div.last div {
	border-bottom:0;
	padding-bottom:0;
}

.box p {
	margin:0;
	padding:0;	
}

.box p.portrait {
	float:left;
	margin-right:21px;
	width:70px;
}

.box p.content {
	float:left;
	width:211px;
}

/********* navigation ************/

#navi{
position: absolute;
top: 70px;
left: 15px;
width: auto;
font-size: 0.75em;
line-height: 1.8em; 
white-space: nowrap;
}
a.nav, a.nav:visited{
	padding: 2px 8px 2px 8px;
	color: #0a5483;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #d0d3d6;
}
a.nav:hover{
	padding: 2px 8px 2px 8px;
    color: #fff;
	font-weight: bold;
    text-decoration: none;
	background-color: #9fc868;
	border-right: 1px solid #d0d3d6;
}
a.navo, a.navo:visited{
	padding: 2px 8px 2px 8px;
    color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #fe8220;
	border-right: 1px solid #d0d3d6;
}
a.navo:hover{
	padding: 2px 8px 2px 8px;
    color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #ae749d;
	border-right: 1px solid #d0d3d6;
}

/***** mininavi ***/

#mininav{
margin: 0px 15px 0 15px;
line-height: 2em;
font-size: 0.75em;
}
a.mini, a.mini:visited{
	padding: 2px 5px 2px 5px;
	color: #0a5483;
	font-weight: normal;
	text-decoration: none;
	border-right: 1px solid #d0d3d6;
}
a.mini:hover{
	padding: 2px 5px 2px 5px;
    color: #fff;
	font-weight: normal;
    text-decoration: none;
	background-color: #9fc868;
	border-right: 1px solid #d0d3d6;
}
a.mino, a.mino:visited{
	padding: 2px 5px 2px 5px;
    color: #fff;
	font-weight: normal;
	text-decoration: none;
	background-color: #fe8220;
	border-right: 1px solid #d0d3d6;
}
a.mino:hover{
	padding: 2px 5px 2px 5px;
    color: #fff;
	font-weight: normal;
	text-decoration: none;
	background-color: #ae749d;
	border-right: 1px solid #d0d3d6;
}

/*** submenue (dynamisch) ****/

#subnav{
width: 221px;
padding: 0;
margin:0;
font-size: 0.75em;
font-weight: normal;
line-height: 1.6em;
background-color:#798fbe;
border-top: 30px solid #e9eef3;
}
#subnav ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
height: auto;
}
#subnav li{
margin: 0;
}
#subnav li a{
display: block;
text-align:left;
padding: 3px 4px 3px 20px;
font-weight: normal;
width: 187px;
color: #fff;
text-decoration: none;
border-top: 1px solid #cbcbcb;
border-left: 10px solid #e9eef3;
}
html>body #subnav li a { width: auto; }

#subnav li a:hover{
color: #fff;
padding: 3px 4px 3px 20px;
font-weight: normal;
background-color: #085583;
border-top: 1px solid #cbcbcb;
border-left: 10px solid #fff7a6;
}
#subnav a.aktiv, a.aktiv:visited{
font-weight: bold;
padding: 3px 4px 3px 20px;
color: #FFF;
background-color: #6b85bc;
border-top: 1px solid #cbcbcb;
border-left: 10px solid #fe8220;
}
#subnav a.aktiv:hover{
font-weight: bold;
padding: 3px 4px 3px 20px;
color: #FFF;
background-color: #085583;
border-top: 1px solid #cbcbcb;
border-left: 10px solid #ae749d;
}

/************** Inhalte ****************/

.feature{
margin: 0 0 0 221px;
padding: 10px 20px 8px 35px;
min-height: 430px;
font-size: 0.75em;
color: #1e3d6b;
background-color: #fff;
border-left: 1px solid #d0d3d6;  
}
.feature p {
line-height: 1.4em;
}
.featstart{
margin-left: 40%;
margin-left: 428px;
padding: 10px 20px 0 10px;
font-size: 0.75em;
color: #1e3d6b; 
}
.featstart p {
line-height: 1.4em;
}
h1 {
margin: 0;
padding: 0;
color: #930;
font-weight: normal;
font-size: 1.6em;
line-height: 1.4em;
}
h2 {
margin: 30px 0 -4px 0;
color: #798fbe;
font-weight: bold;
font-size: 1em;
text-transform: uppercase;
}
h3 {
margin: 0;
padding-left: 80px;
color: #993300;
font-weight: normal;
font-size: 1.6em;
border-bottom: 1px dashed #d6dee6;
}
.bildimtext {
float:left;
padding: 5px 16px 10px 0;
}

/************** termine ****************/

.termin {
margin:0;
padding: 8px 0 8px 0;
line-height: 1.4em;
font-size: 0.95em;
border-bottom: 1px dashed #d6dee6; 
}
.thema {
margin: 0 0 0 80px;
font-weight: bold;
font-size: 1.1em;
}
.art {
float: left;
margin:0;
width: 80px;
color: #006699;
font-style: italic;
}
.ort {
padding-left: 80px;
}
.date {
padding-left: 80px;
}
.teaser {
padding-left: 80px;
}
.seepdf {
padding-left: 80px;
}

/*********** branchen **********/
.namelist {
margin-top: 5px;
margin-right: 18px;
padding: 10px 20px 10px 35px;
background-color: #fff;
border-top: 4px solid #798fbe;
border-right: 1px solid #798fbe;
border-left: 1px solid #798fbe; 
}
.namelist p {
padding-bottom: 10px;
}
.clear {
clear: both;
}
.minibild {
float:left;
padding: 5px 20px 0 0;
}
.rahmen {
margin-top: 6px;
padding: 0;
background-color: #798fbe;
background-image: url(../img/layout/hg3.gif);
background-repeat: repeat-x;
background-position: bottom;
}
.eck {
margin-left: -2px;
}
.karte {
margin-right: 18px;
padding: 10px 20px 10px 25px;
background-color: #fff;
border: 1px solid #798fbe;
}
.karte h1 {
margin: 15px 0 10px 0;
color: #c06814;
font-weight: bold;
font-size: 1.3em;
}
.karte h2 {
margin: 20px 0 4px 0;
font-weight: bold;
font-size: 1.2em;
color: #798fbe;
text-transform: none;
}
.foto {
float:left;
margin: 45px 0px 0 0;
padding: 0;
height: 220px;
width: 200px;
}
.linie {
margin-top: 20px;
background-image: url(../img/layout/line.gif);
height: 6px;
}
.einzug {
padding-left: 200px;
min-height: 260px;
}

/********* footer **** c0b7a2 **** d6dee6 ********/
.footer{
	clear: both;
	margin: 0 1px 0 1px;
	padding-left: 270px;
	padding-top: 10px;
	background-color: #d6dee6;
	height: 20px;
	font-size: 0.7em;
	color: #4B5B76;
	background-image: url(../img/layout/linie.gif);
	background-repeat: repeat-x;
}
.footer img{
float: right;
height: 18px;
}
