@charset "utf-8";

body, html{
	height: 100%;	
}

body {
	background-image:url(../images/bg_header.gif);
	background-repeat:repeat-x;
	background-color:#FFF;
	margin:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	letter-spacing:0px;
	line-height:20px;
	color:#333;
	overflow-x:hidden;	
}

p,h1,h2,h3,h4,h5,h6,img,form, ul{
	margin:0;	
	padding:0;
}
h1, h2, h3, h4, h5{
	color:#333;	
	font-size:20px;
}
td{
	vertical-align:top;
}
a{
	color:#658c91;
	text-decoration:none;
	font-weight:normal;
}
a:hover{
	color:#333;
}

/**********************************************/
/*  MainDIV's */
/**********************************************/

#centerBox {
	margin:0px;
	width: 960px;
	margin:auto;	
	overflow-x:hidden;	
}
#mainBox{
	position: absolute;
	width: 960px;
}
#header{
	position:relative;
	width:960px;
	height:161px;
}
#logo{
	position:absolute;
	right:63px;
	top:0;
}
#mainnaviBox{
	position:relative;
	width:960px;
	margin-left:40px;
	height:49px;
}
#mainnaviBox img{
	border:0;
	float:left;
	display:inline-block;
}
.line1{
	position:relative;
}


#subnaviBox{
	position:relative;
	margin:23px 0px 10px 0px;
	width:305px;
	float:left;
	text-align:right;
}

ul#subnavi {
	margtin-top:25px;
	padding:0px;
	line-height:20px;
	list-style:none;
	padding-top:10px;
}


ul#subnavi li {
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:13px;
	font-weight:normal;
	padding:0px;
	display:block;
}
ul#subnavi li a{
	text-decoration:none;
	display:block;
	color:#658c91;
	font-style:normal;
	font-weight:bold;	
	padding-right: 18px;
	
}
ul#subnavi li a:hover, ul#subnavi li .active{
	color:#333;
	background-image:url(../images/pfeil.gif);
	background-repeat:no-repeat;
	background-position: right 8px ;
}
ul#subnavi li a:hover, ul#subnavi li .active{
	color:#333;
}

#contentBox, #contentBoxText, #contentBoxKonaktR, #contentBoxPortraitR{
	position:relative;
	margin:10px 0px 10px 0px;
	padding-left:18px;
	padding-top:23px;
	width:595px;
	float:left;
	min-height:382px;
	border-left:1px solid #ccc;
}

#contentBoxText{
	position:relative;
	margin:10px 0px 10px 0px;
	padding-left:60px;
	padding-top:23px;
	width:650px;
	float:left;
	min-height:382px;
	border:0;
}
#contentBoxKonaktR{
	width:320px;
}
#contentBoxPortraitR{
	width:450px;
}

#contentBoxKonaktL, #contentBoxPortraitL{
	float:left;
	margin-top:100px;
	margin-left:40px;
}
#contentBoxPortraitL{
	float:left;
	margin-top:40px;
	margin-left:286px;
	width:161px;
	margin-right:20px;
}

#footer{
	margin-top:4px;
	font-size:10px;
	position:relative;
	width:960px;
	text-align:center;
}


/**********************************************/
/*  Diverse */
/**********************************************/


.listitem{	
	width:157px;
	display:inline;
	float:right;
}
.datum{
	color:#999999;	
	line-height:18px;
}
h1, h2 {
	font-family:Verdana, Geneva, sans-serif;	
}
h1{
	font-size:18px;
	margin-top:0px;
	line-height:22px;	
	margin-bottom:20px;
}
h2{
	font-size:13px;
	line-height:20px;	
}
a:focus { outline: none; }
hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #ccc;
 border-bottom: transparent;
 margin: 36px 0px 3px 0px;
}
.grey {
	color:#CCC;	
}
.clearfloat{ 
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
	margin:0px;
	padding:0px;
}
.startbilder{
	margin-top:24px;	
}

ul{
	padding-left: 11px;
	margin-left: 6px;
	margin-top: 0px;
}