/*------ General ---------------------- */
body {
background-image:url(bilder/pinguine08.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
font-size:14px;
font-family: Arial, sans-serif;
line-height:20px;
color:#787362;
padding:0;
margin:0;
}

* {
padding:0;
margin:0;
outline:none;
}

a { color:#2881C3;}
a:hover { color: #25A7FF;
text-decoration:none;}

img {
border:none;
}

/*------ Überschriften ---------------------- */
h1{
font-size:20px;
margin:10px 0;
padding:0 0 5px 0;
border-bottom:1px dashed #938f7c;
}

h2{
font-size:16px;
margin:10px 0;
}

h3{
font-size:13px;
margin:10px 0;
}

/*------ Struktur ---------------------- */
#wrapper {
width:1080px;
margin:30px auto;
padding:10px 0;
}

#logo  {
float:left;
font-size:26px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
color:#2881C3;
}

#logo:hover {
color:#25A7FF;
}

/*------ Topnavigation ---------------------- */
#topnav {
float:right;
height:60px;
padding:0;
margin:0;
}

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

#topnav ul li {
float:left;
}

#topnav ul li a {
background-color:#2881C3;
border-radius:5px;
border-bottom:1px solid #8b2e1c;
display:block;
height:20px;
padding:10px 10px;
margin:0 5px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

#topnav ul li a:hover {
background-color:#25A7FF;
}

/*------ Content ---------------------- */
#content {
clear:both;
width:1080px;
text-align:justify;
}

/*------ Footer ---------------------- */
#footer {
float:right;
height:60px;
padding:0;
margin:0;
}

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

#topnav ul li {
float:left;
}

#topnav ul li a {
background-color:#2881C3;
border-radius:5px;
border-bottom:1px solid #8b2e1c;
display:block;
height:20px;
padding:10px 10px;
margin:0 5px;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
}

#topnav ul li a:hover {
background-color:#25A7FF;
}