@charset "utf-8";
/* CSS Document */

body{
padding-top: 5em;
}

#page {
 width: 825px;
 height: 545px;
 position: relative;
 background-color: #CCCCCC;
 margin-left: auto;
 margin-right: auto;
}

#menu {
 width: 166px;
 height: 545px;
 background-image: url(img/navibar.gif);
 vertical-align: top;
}
 
#header {
 width: 659px;
 height: 132px;
 background-image: url(img/header.gif);
}
 
#inhalt {
 width: 659px;
 height: 413px;
 background-image: url(img/content.gif);
 vertical-align: top;
}

ul#navigation{
width: 126px;
margin: 0;
padding: 0;
list-style:	none;
}

ul#navigation li{
margin: 2px;
padding: 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

ul#navigation li a{
display: block;
height: 18px;
width: 120px;
text-decoration: none;
color: #003399;
background-image: url(img/navbg.gif);
line-height: 17px;
}

ul#navigation li a:hover{
background-image:url(img/navbg2.gif);
}

#navi {
	width: 130px;
	height: 88px;
	padding-left: 24px;
	padding-bottom: 20px;
	padding-top: 160px;
}

ul#mailme{
width: 60px;
margin: 0;
padding: 0;
list-style:	none;
}

ul#mailme li{
margin: 2px;
padding: 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

ul#mailme li a{
display: block;
height: 60px;
width: 60px;
text-decoration: none;
color: #003399;
background-image: url(img/mail.gif);
line-height: 17px;
}

ul#mailme li a:hover{
background-image:url(img/mail2.gif);
}

#mail {
	width: 60px;
	height: 60px;
	padding-left: 52px;
}

#title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: oblique;
color: #003366;
font-size: 20px;
text-align: right;
padding-right: 15px;
}