/*
blau: #0000fe  0 0 254
grau mittel: #b2b2b2  178 178 178
grau hell: #dddddd  221 221 221
*/

html, body{
margin:0;
padding:0;
font-family: Arial, Verdana, Sans-Serif;
background-color: #ffffff;
background-image:url(../grafiken/seitehgweiche.jpg);
background-repeat: repeat;
font-size: 101.01%;
height: 100.1%;
}

#pagewidth
{
width: 960px;
margin: 0 auto 0 auto;
margin-top: 20px;
height: 355px;
border-bottom: 1px solid #000066;
padding: 10px;
border: 0px solid #000066;
background-image:url(../grafiken/schatten.png);
background-repeat: no-repeat;
background-position: left -2px;
}

* html #pagewidth
{
background: 0;
background: #ffffff;
padding: 0;
width: 960px;
}

#header
{
width: 100%;
margin-top: -4px;
background-color: #efefef;
border: 0px solid #000000;
}

* html #header
{
margin-top: 0;
}

.wrapper
{
padding: 0;
margin: 0 auto 0 auto;
padding: 0px;
padding-left: 20px;
margin-bottom: -5px;
background: #ffffff;
background-image:url(../grafiken/contenthg.jpg);
background-repeat: repeat-y;
background-position: 20px top;
}

h2
{
font-size: 16px;
color: #000066;
}

.leftcol
{
float: left;
padding:0;
width: 450px;
margin-left: 10px;
border: 0px solid #000000;
}


.rightcol
{
float: right;
width: 450px;
position: relative;
margin-right: 10px;
border: 0px solid #000000;
}

* html .rightcol, * html .leftcol
{
width: 450px;
height: 160px;
}

* html .rightcol
{
margin-right: 10px;
}

* html .leftcol
{
margin-left: 10px;
}


.boxleft, .boxright
{
padding: 5px;
padding-left: 25px;
padding-right: 18px;
}

.wrapper a
{
text-decoration: none;
font-weight: normal;
color: #000066;
}

.content
{
position: absolute;
left: -1800px;
top: -2200px;
z-index: 100;
}

.content h2, .content p, .content li, .content a
{
font-size: 12px;
margin: 0;
margin-bottom: 6px;
}

.content h2
{
margin-top: 15px;
font-size: 14px;
}

.content li
{
padding-left: 10px;
}

.bild
{
float:left;
margin-right: 20px;
}