body {
background-image: url(penguin.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

h1 {
font-size: 14px;
font-weight: bold;
}

p {
font-size: 12px;
} 

#rand {
width: 742px;
height: 894px;
margin: 0 auto;
border: 4px solid #0077bb;
background-color: #ffffff;
margin-top: 20px;
margin-bottom: 20px;
}

#header {
width: 740px;
height: 342px;
border: 1px solid #000000;
}

#logo {
position: absolute;
margin-left: 152px;
margin-right: 152px;
width: 436px;
height: 342px;
}

#links_header {
position: absolute;
margin-right: 588px;
width: 152px;
height: 342px;
float: left;
}

#rechts_header {
position: absolute;
margin-left: 588px;
width: 152px;
heigt: 342px;
float: right;
}

.photo1 {
position: absolute;
width: 152px;
height: 114px;
}

.photo2 {
position: absolute;
margin-top: 114px;
width: 152px;
height: 114px;
}

.photo3 {
position: absolute;
margin-top: 228px;
width: 152px;
height: 114px;
}

#nichtheader {
width: 742px;
heigth: 550px;
}

#hauptfenster {
position: absolute;
width: 588px;
height: 550px;
margin-left: 153px;
}

#menu {
width: 149px;
height: 550px;
float: left;
border-right: 4px solid #0077bb;
}

a:link {
color: #000000;
font-weight: bold;
text-decoration: none;
}

a:visited {
color: #000000;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #0077bb;
font-weight: bold;
text-decoration: none;
}

a:active {
color: #000000;
font-weight: bold;
text-decoration: none;
}

.link {
margin-left: 17px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 19px;
}

.trennlinie {
width: 90%;
color: #0077bb;
background-color: #0077bb;
}

#abstand_menu {
height: 30px;
}

#myclimate {
margin-top: 100px;
margin-left: 20px;
width: 110px;
}