* {
margin: 0;
padding: 0;
}
body {
font: 95% Verdana, Arial, Helvetica, sans-serif;
color: #f00;
background: #fff;
}
h1 {
font: normal 1.8em Georgia, 'Times New Roman', serif;
color: #bbccdc;
margin: 0 0 20px 0;
padding: 20
px 0 0 0;
}
h2 {
font-size: 1.2em;
font-weight: normal;
}
h3 {
font-size: 1em;
font-weight: normal;
}
p {
font-size: 0.80em;
}

/* IDs */
#container {
color: #000;
background: #bbccdc;
width: 100%;
}
#header {
width: 100%;
background: #bbccdc url(../images/banner3.jpg) 30% 0 no-repeat;
}
#logo {
width: 200px;
height: 122px;
color: #fff;
background: #bbccdc url(../images/blogo.jpg)  no-repeat;
}
#main {
margin-left: 210px;
color: #000;
background: #ffffff;
line-height: 1.2em; /* to avoid the peekaboo bug */
}
p.mainbot {
clear: both;
height: 40px;
background: #b4a895;
}
#column {
float: right;
width: 200px;
color: #000;

}
#content {
margin-right: 200px;
color: #000;
background: #ffffff;
}

/* Navigation */

#navigation {
position: absolute;
top: 123px;
left: 0;
width: 200px;
color: #000;
background: #bbccdc;
list-style-type: none;
z-index: 5;
}


#navigation li {
display: inline;
}
#navigation a {
display: block;
float: right;
color: #0521f8;
padding: 2px 10px 10px 2px;
text-decoration: none;
}

#navigation a:hover {
color: #f9f4e5;
text-decoration: none;
}

#navigation a.akt {
color: #f9f4e5;
20font-weight: bold;
}