/* layout */

body{
background-color: #f2f2f2;
}

.page-container{
border: 0px solid black;
width: 800px;
margin: auto;
}

.header-container{
border: 0px solid black;
width: 800px;
height: 189px;
color: #ffffff;
background-image: url(top.png);
background-repeat: no-repeat;
vertical-align: bottom;
display: table-cell;
}

.content-container{
border: 0px solid black;
width: 800px;
height: 350px;
background-image: url(tux.png);
background-repeat: no-repeat;
}

.footer-container{
border: 0px solid black;
width: 800px;
height: 25px;
background-image: url(foot.png);
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: center;
line-height: 25px;
}

/* text */

.navigation{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #f2f2f2;
font-weight: bold;
}

.text{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
letter-spacing: 2px;
text-align: center;
}

.titel{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 22px;
color: #000000;
font-weight: none;
letter-spacing: 2px;
text-align: center;
}

.menu:active{
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

.menu:visited{
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

.menu:link{
color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}

.menu:hover{
color: #ff0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}