<style type="text/css">


body{

}


#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background: #FFFFFF;
height: 126px; /*Height of top section*/

}

#topsection h1{
margin: 0;
padding-top: 0px;

}

#contentwrapper{
float: left;
width: 100%;
background-image: url("bilder/mitte.gif");
background-repeat:no-repeat;
}
#site{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FFF;
margin-left:220px;
padding-top:8px;




}
/*------------------------Bereich Mitte ------------------------------*/
#contentcolumn{
margin: 0 210px 0 208px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/

}

#leftcolumn{
float: left;
width: 209px; /*Width of left column in pixel*/
margin-left: -840px; /*Set margin to that of -(MainContainerWidth)*/
}

#rightcolumn{
float: right;
width: 209px; /*Width of right column*/
margin-left: -209px; /*Set left margin to -(RightColumnWidth)*/



}
/*Artikel-1 ------------------------------*/
.innertube{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.72em;
line-height: 1.32em;
color: #333333;
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
padding-top: 6px;
border-bottom: 1px dotted #777777;

}

.innertube img{
	background: #cfe6f5;
	border: 3px solid #cfe6f5;
	float: left;
	margin-right: 8px;
	text-align: center;

}
/*Artikel-2 ------------------------------*/
.artikel{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.72em;
line-height: 1.32em;
color: #333333;
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/

border-bottom: 1px dotted #777777;

}

.artikel img{
padding-top: 0px;
background: #cfe6f5;
border: 3px solid #cfe6f5;
float: left;
margin-right: 8px;
margin-bottom:0px;

}

/*------------------NEWSBOX-------------------------------*/
#newsbox {
height:440px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.70em;
line-height: 1.10em;
text-decoration:none;
color: #333333;
margin: 2px; 
margin-top: 5px;
padding-top: 15px;
padding-left:16px;
padding-right:14px;
background-image: url("bilder/news_lang.jpg");
background-repeat:no-repeat;
}


#newsbox img{
padding-top: 0px;
border: 2px solid #dddbdc;

float:inherit;

margin-right: 2px;
margin-bottom:2px;

}

#newsbox a:link,
#newsbox a:visited {
 color: #336600;

}
#newsbox a:hover {
 color: #FF6600;

}
/*Navigation Oben ------------------------------*/
#header-bottom {
	width:840px;
	height:32px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image: url("bilder/navi_hg.gif");
	text-decoration: none;
}
#header-bottom ul {
	margin: 0;
	padding: 0;
	text-align: left;
}
#header-bottom li {
	padding-left: 1px;
	display: inline;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	
}
#header-bottom li .txt {
	 position: relative;
	 margin-left: 10px;
     top: -12px;
	 color: #FFFFFF;
} 
 
#header-bottom .hinten {
	position: relative;
	left: 0px;
	margin-left: 120px;
	top: -10px;	
}
#header-bottom a:link,
#header-bottom a:visited {
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: none;
  
}
#header-bottom a:hover {
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;
	color: #fde20b;
}
#header-bottom li .active {
	position: relative;
	margin-left: 10px;
    top: -12px;
	color: #fde20b;
}

/*-----------------------------News&Events--------------------------------------------- */

#navinews{
width: 209px;
height:19px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
font-weight: bold;
padding-left: 0px;
padding-top: 8px;
text-align: center; 
background-image:url(bilder/news.gif);
background-repeat:no-repeat;
}
/*------------------------------Navi Grün-------------------------------------------- */

#navibgreen{
width: 209px;
height:19px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
font-weight: bold;
padding-left: 34px;
padding-top: 8px;
background-image:url(bilder/navigreen.gif);
background-repeat:no-repeat;
}

#navigreen{
	width: 209px;
	/*border-right: 1px solid #000;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #add2eb;
	color: #333;
	font-weight: bold;
}

* html #navigreen{ /*IE 6 only */
w\idth: 159px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#navigreen ul{
list-style: none;
margin: 0;
padding: 0;
border: none;


}

#navigreen li {
border-bottom: 1px dotted #023558;
margin: 0;
}

#navigreen li a{
display: block;
padding: 5px 5px 5px 25px;
background-image:url(bilder/navi.gif);
background-repeat:no-repeat;

border-left: 10px solid #cfe6f5;
border-right: 10px solid #cfe6f5;
background-color: #cfe6f5;
color: #023558;
width: 100%;
}

html>body #navigreen li a{ /*Non IE6 width*/
width: auto;
}

#navigreen li a:hover{
background-image:url(bilder/navi_o.gif);
background-repeat:no-repeat;
border-left: 10px solid #cfe6f5;
border-right: 10px solid #cfe6f5;
background-color: #cfe6f5;
color: #023558;
text-decoration: none;
}
/*Navi Rot ------------------------------------------------------------*/
#navibred{
width: 209px;
height:19px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
font-weight: bold;
padding-left: 34px;
padding-top: 8px;
background-image:url(bilder/navired.gif);
background-repeat:no-repeat;
}

#navired{
	width: 209px;
	/*border-right: 1px solid #000;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #cfe6f5;
	color: #333;
	font-weight: bold;
}

* html #navired{ /*IE 6 only */
w\idth: 159px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#navired ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navired li {
border-bottom: 1px dotted #023558;
}

#navired li a{
display: block;
padding: 5px 5px 5px 25px;
background-image:url(bilder/navi.gif);
background-repeat:no-repeat;
border-left: 10px solid #cfe6f5;
border-right: 10px solid #cfe6f5;
background-color: #cfe6f5;
color: #023558;

width: 100%;
}

html>body #navired li a{ /*Non IE6 width*/
width: auto;
}

#navired li a:hover{
background-image:url(bilder/navi_o.gif);
background-repeat:no-repeat;
border-left: 10px solid #cfe6f5;
border-right: 10px solid #cfe6f5;
background-color: #cfe6f5;
color: #023558;
text-decoration: none;
}

#navitext{
	width: 150px;
	padding-left: 34px;
	/*border-right: 1px solid #000;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #cfe6f5;
	color: #333;
	font-weight: normal;
}
</style>
