body{
margin:0;
padding:0;
line-height: 1.5em;
background-image: url(../media/higr1.gif);
}

b{font-size: 110%;}
em{color: #e6ebed;;}

#maincontainer{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#header{
padding-top: 0px;
background-image: url(../media/headergr.gif) no-repeat; width: 840px; height: 130px;
background: transparent;
height: 130px; /*hohe des headers*/
}

#header h1{
margin-left: 320px;
padding-top: 30px;
font-family: Georgia;
	font-size: 26px;
	line-height: 24px;
	color: #e6ebed;
	letter-spacing: 0.4em;


}
#header h2{
margin-right: 30px;
padding-top: 10px;
font-family: Georgia;
	font-size: 16px;
	line-height: 16px;
	color: #e6ebed;
	letter-spacing: 0.2em;


}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 500 190px 0 180px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
clear: both;
float: left;
width: 180px; /*Width of left column in pixel*/
margin-left: -840px 0 0px -200px !important; /*Set margin to that of -(MainContainerWidth)*/
background: #d8dee3;

}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/
background: #d8dee3;
}

#footer{
margin: 0 auto; /*Center container on page*/
clear: left;
width: 840px; height: 25px;
background-image: url(../media/menugr.gif);
color: #FFFFFF;
text-align: center;
padding: 2px 0;
font-family:verdana; font-size: 10px;
}

#footer a{
color: #368ad7;
}
#footer2{
float: left;
margin: 0 auto; /*Center container on page*/
clear: left;
width: 840px; height: 380px;
background-image: url(../images/hgrfo4.gif);
background-repeat:repeat-x;
color: #368ad7;
text-align: center;
padding: 0px 0;
font-family:verdana; font-size: 10px;
}

#footer a{
color: #e6ebed;
a:hover  text-decoration:none; font-weight:bold; color:#368ad7;

}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
h2 {
	text-align: center; padding-top: 10px;
	font-size: 16px;
	font-family: Georgia;
	font-weight: bold;
	color: #e6ebed;
	margin-bottom: 5px;
}
h3 {
	text-align: center;
	font-size: 14px;
	font-family: Georgia;
	font-weight: bold;
	color: #e6ebed;
        margin-top: 20px;
	margin-bottom: 5px;
}
h4 {
	text-align: center;
	font-size: 12px;
	font-family: Georgia;
	font-weight: bold;
	color: #e6ebed;
        margin-top: 20px;
	margin-bottom: 5px;
}
h5 {
	text-align: center;
	font-size: 12px;
	font-family: Georgia;
	font-weight: bold;
	color: #e6ebed;
        margin-top: 20px;
	margin-bottom: 5px;
}
.text1 {font-family:verdana; text-align: center; font-size: 10px; color:#306392; padding: 15px;line-height:1.4em;letter-spacing: 0.10em;}
.text2 {font-family:verdana; text-align: left;font-size: 10px; color:#306392; padding: 8px; line-height:1.4em;letter-spacing: 0.10em; font:b .5em Times;}
.text3 {font-family:verdana; text-align: left;font-size: 10px; color:#306392; padding: 8px; line-height:1.4em;letter-spacing: 0.10em; font:b .5em Times;}
.text4 {font-family:verdana; font-size: 6px; color:#4bf0e7; padding: 6px; line-height:1.4em;letter-spacing: 0.10em;}
.text3 a{ 
font-size:10px;:text-decoration:none;font-weight : bold;}
a:link { text-decoration:none; font-weight:bold; color:#e6ebed; }
a:visited { text-decoration:none; font-weight:bold; color:#e6ebed; }
a:hover { text-decoration:none; font-weight:bold; color:#004080;}
a:active { text-decoration:none; font-weight:bold; color:#e6ebed;}
<div style="width: 840px; height: 130px; background: url(media/headergr.gif) no-repeat;">
#extraDiv1 {
	background: transparent url(../media/fi2.gif) top right no-repeat; 
	position: absolute; 
	top: 0px; 
	right: 0; 
	width: 104px; 
	height: 130px;
	}</div>
