html,body{margin:0;padding:0}
body{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #000028;
    margin: 10px auto;
}

a {
	text-decoration: none;
}



a img {
	border: none;
}

/*----HEADER----------------------------------------------------*/



#header{
	width: 908px;
	height: 112px;
	background-color:#f5f7fa;
}


#header_bottom{
	width: 907px;
	height: 70px;
}



#logo{
	float: left;
	margin: 20px 0px 0px 60px;
}

#headertext{
	float: left;
	margin: 23px 0px 0px 60px;
}




.headline{ /* Content-SubHeadline */
	height: 1.5em;
	margin: 0;
	padding: 3px 5px 0px 5px;
	font-size: 76%;
	color: #000028; /*--grafit---*/
	background-color: #DFE5EF; /*--sehr helles grau---*/
}
* html .headline{ /* nur IE */
	padding: 3px 5px 1px 5px;
}
.headline p{
	float: left;
	padding-left: 200px;
	font-weight:bold;
	min-width:410px;
	min-width: 30em;
}
/*----CONTAINER----------------------------------------------------*/


div#container{
	width: 907px;
	text-align: left;
	margin: 25px auto;
	border:5px solid #DFE5EF;
	background-image: url(../img/bgcontent.gif);
	background-repeat: repeat-y;

}

/*----CONTENT----------------------------------------------------*/

div#content{float:right;width:655px; padding: 20px 10px 0 42px; min-height:200px;
    color:#000028;
	background: #f5f7fa;
	border-left: 0px solid #000;
}

div#content p{margin:0 20px 0 0;
  line-height:1.4em;
  color: #000028;
  letter-spacing: 0.007em;
  text-align:justify;
  }

div#content p a {
  text-decoration: none;
  border-bottom:1px dotted #c0c0c0;
  color: #000028
}

div#content p a:hover {
  border-bottom:1px dotted #8fb5c6;
  text-decoration:none;
  color:#8fb5c6;
}

div#content p a.extern{ 
  padding: 0 0 0 15px; 
  background: url(../img/extern.gif) 0 3px no-repeat;
  border: none;
  text-decoration: none;
}

div#content p.large {
  margin-bottom: 15px;
}

div#content p a.download{ 
  padding: 0 0 0 15px; 
  background: url(../img/down.gif) 0 3px no-repeat;
  border: none;
  text-decoration: none;
  color:#8fb5c6;
}

div#content p a:hover.download{ 
  color:#0000fe;
  background: url(../img/down_hover.gif) 0 3px no-repeat;
}

div#content p.project{ 
  padding: 0 30px 5px 30px ; 
  margin:0;
  text-align:justify;
}

div#content ul.small  {
  padding: 0 10px 0 30px;
}

div#content ul.small li {
  background: url(../img/li_kl.gif) left 0.4em no-repeat;
  list-style: none;
  padding: 0 25px 10px 15px;
  text-align:justify;
}

div#content p.hang { 
  margin-left: 45px;
  padding-bottom: 10px;
  text-indent: -45px;
  width: 600px;
  text-align:justify;
}


/*
*html #content{    IE Hack for height 
	height: 200px;
}
*/

/*----NAVIGATION----------------------------------------------------*/


#navigation{
	float: left;
	width: 200px;
	overflow: hidden;
	font-size:110%;
	padding: 0;
}
	






a.navileft1_passive {
	text-decoration: none;
	display:block;
	width: 200px;
	padding: 4px 0px 4px 20px;
	vertical-align: middle;
	color:#545D62;
	border-bottom: 1px dotted #dcdcdc;
	
} 

a.navileft1_active, a.navileft1_passive:hover {
	text-decoration: none;
	display:block;
	width: 200px;
	padding: 4px 0px 4px 20px;
	vertical-align: middle;
	color: #0000fe;
	border-bottom: 1px dotted #dcdcdc;
}

a.navileft1_open {
	text-decoration: none;
	display:block;
	width: 200px;
	padding: 4px 0px 4px 20px;
	vertical-align: middle;
	color: #FFFFFF;
	border-bottom: 1px dotted #dcdcdc;
} 
/* Hauptnavigation Ebene 2*/


a.navileft2_passive {
	text-decoration: none;
	display:block;
	width: 200px;
	padding: 4px 0px 4px 40px;
	vertical-align: middle;
	color:#FFFFFF;
	border-bottom: 1px dotted #dcdcdc;
} 

a.navileft2_active, a.navileft2_passive:hover {
	text-decoration: none;
	display:block;
	width: 200px;
	padding: 4px 0px 4px 40px;
	vertical-align: middle;
	color: #0000fe;
	border-bottom: 1px dotted #dcdcdc;
}



a.navileft2_open {
	text-decoration: none;
	display:block;
	width: 200px;
	padding: 4px 0px 4px 40px;
	vertical-align: middle;
	color: #FFFFFF;
	border-bottom: 1px dotted #dcdcdc;
} 

/* Hauptnavigation Ebene 3 inaktive


.navi3a {
	text-decoration: none;
	display:block;
	min-height: 24px;
	width: 160px;
	}

.navi3o {
	text-decoration: none;
	display:block;
	min-height: 24px;
	width: 180px;
}

a.navileft3_passive {
	text-decoration: none;
	display:block;
	width: 140px;
	padding: 4px 0px 4px 30px;
	vertical-align: middle;
	color:#FFFFFF;
	
} 

a.navileft3_active, a.navileft3_passive:hover {
	text-decoration: none;
	display:block;
	width: 140px;
	padding: 4px 0px 4px 30px;
	vertical-align: middle;
	color: #0000fe;
}

a.navileft3_open {
	text-decoration: none;
	display:block;
	width: 140px;
	padding: 4px 0px 4px 30px;
	vertical-align: middle;
	color: #FFFFFF;
} 
*/


#adress{
margin: 250px 0 0 20px;
width: 170px;
color: #DFE5EF;
font-size: 88%;
line-height:1.3em;
}
#adress a{
color: #DFE5EF;
}

/*---Überschriften---------------------------------------------------*/

h1 {
font-family:Tahoma, Arial;
 font-size : 150%;
 color : #0000fe;
 letter-spacing:0.07em;
 font-weight: normal;

 }
 
 h2 {
 font-family:Tahoma, Arial;
 font-size : 130%;
 color : #969696;
 letter-spacing:0.1em;
 font-weight: normal;
}


 h3 {
 font-size : 110%;
 color : #333;
 letter-spacing:0.06em;
 padding: 0 5px 0 10px;
 border-left-width:0.5em;
 border-left-style:solid;
 border-color:#8fb5c6;
 }
 
  h4 {
 font-size : 100%;
 color : #333;
 letter-spacing:0.05em;
 margin: 15px 0 5px 0;
 padding: 0 0 0 10px;
 border-left-width:0.3em;
 border-left-style:solid;
 border-color:#8fb5c6;
 }
 
 h5 {
 font-size : 110%;
 color : #333;
 letter-spacing:0.06em;
 padding: 0 15px 3px 10px;
 border-bottom:2px solid #8fb5c6;
 border-left: 2px solid #8fb5c6;
 margin: 30px 15px 15px 0 ;
 }

 /*---SONSTIGES---------------------------------------------------*/

   .quote {
    font-size : 110%;
	border-top: 1px solid #E5E5E5;
	background-color: #f2f2f2;
	border-bottom: 1px solid #E5E5E5;
	padding: 15px 5px 15px 15px;
	color: #0000fe;
	font-style: italic;
	margin: 0 30px 0 30px; 
	}
	
	
div#content div.divider {
	height: 1px;
	width: 630px;
	background: url(../img/dot.gif) repeat-x;
	padding: 5px 0 5px 0;
	margin-top: 20px;

}


#up a{
  float: right;
  background: url(../img/up.gif) no-repeat 0% 50%;
  padding: 5px 0 0 15px;
  font-weight: bold;
  color:#999999
}



  /*---geordnete Liste---------------------------------------------------*/
div#content ul {
  padding: 5px 20px 0 0;
  font-family: Verdana, Helvetica, sans-serif;
  text-align:justify;
  color: 000028;
}

div#content ul li {
  background: url(../img/li.gif) left 0.4em no-repeat;
  list-style: none;
  padding: 0 0 17px 15px;
}
div#content ul ul {
  margin: .5em 0 1em .5em;
}

div#content ul li a.extern{ 
  padding: 0 0 0 15px; 
  color: #000028;
  background: url(../img/extern.gif) 0 3px no-repeat;
  border: none;
  text-decoration: none;
}

div#content ul li a:hover.extern{ 
  color:#8fb5c6;
}


ol {
  margin: 1em 0 1em 1.8em;
}
ol li {
  padding-bottom: 5px;
}

 /*---IMAGES---------------------------------------------------*/

/*--- not used-----------
.img
{ margin:10px 5px; padding:5px 0 8px 0; font-size:8pt; text-align:center; background:url(img/line.gif) no-repeat;}

#mid img {
	background-color: #E7F1FF;
	padding: 4px;
}
-----------------*/


img.alignleft {
	float: left;
	margin: 0 15px 5px 0px;
}

img.alignright {
	float: right;
	margin: 0 0 5px 20px;
}

img.alignabove {
	margin: 0 0 10px 0;
}

 
 /*---FOOTER---------------------------------------------------*/

 
 div#footer{
 clear:both;
 width:100%;
  }
  
div#footer p{
 margin:0 0 0 605px; 
 padding:5px 10px;
 font-size: 70%;
 letter-spacing:0.1em;
 color:#CCCCCC;
}

div#footer p a{
 color:#CCCCCC;
}

div#footer p a:hover{
 color:#333;
}