body
{
margin: 0;
padding: 0;
font: 80% arial, hevetica, sans-serif;
text-align: center;
color: #333;
background-color: #D6D6D6;
}

a:link { color: #000099; text-decoration: none;}
a:visited { color: #000099; text-decoration: none;}

a:hover, a:active
{
color: #fff;
background-color: #000099;
text-decoration: none;
}

h1
{
color: #000099;
font: 180% arial, hevetica, sans-serif;
font-weight: bold;
margin: 0 0 2px 0;
}

h2
{
color: #000099;
font: 150% arial, hevetica, sans-serif;
font-weight: bold;
margin: 0 0 2px 0;
}

h2 a { text-decoration: none; }

h3
{
color: #000099;
font: 120% arial, hevetica, sans-serif;
font-weight: bold;
margin-top: 0;
}

#container
{
margin: 1em auto;
width: 963px;
text-align: left;
background-color: #fff;
border: 1px solid #203F7D;
}


#header
{
	height: 250px;
	width: 100%;
	background-image: url(picts/header.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: right;
	z-index: 1;

}

#header h1
{

text-align: right;
color: #000099;
margin: 0;
padding: 0;
}

#mainnav ul { list-style-type: none; }
#mainnav li { display: inline; }

#menu
{
float: left;
width: 165px;
border-right: 1px solid #000099;
padding-left: 15px;
}

#spektrum
{
float: right;
width: 230px;
background-image: url(picts/bg-spektrum.gif);
background-repeat: no-repeat;
padding-left: 10px;
}


#contents { margin: 0 20px 40px 200px; }
#contents p { line-height: 150%; }
#mandalin { margin: 0 20px 40px 200px; }
#mandalin p { line-height: 150%; }
.imagefloat { float: right; }
.imagefloat2 { float: left; }


#footer
{
clear: both;
color: #FFFFFF;
text-align: right;
font-size: 90%;
height: 20px;
width: 100%;
background-image: url(picts/bg_foot.jpg);

}