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


body {
margin: 0; 
padding: 0;
font-family: Arial, Helvetica, sans-serif;
background-image:url(images/bg_verlauf.jpg);
color: #666666;
font-size: 11px;
font-weight:normal;
line-height:16px;
}

a {
color: #333333;
text-decoration:none;
}

a:hover{
color: #999999;
}

.logo{
position:absolute;
z-index:999;
display:block;
margin-top:65px;
width:189px;
height: 50px;
}

.bodyMain #container {
width: 880px;
margin: 0 auto; 
padding: 0;
border: 10px solid #fff;
margin-top: 35px;
margin-bottom: 35px;
}

.bodyMain .home{
background:url(random.php) no-repeat;

}

.bodyMain .kontakt{
background:url(images/kontakt.jpg) no-repeat;
}

.bodyMain .profil{
background:url(images/profil.jpg) no-repeat;
}

.bodyMain .download{
background:url(images/download.jpg) no-repeat;
}

.bodyMain .impressum{
background:url(images/impressum.jpg) no-repeat;
}

.bodyMain #mainContent {
margin-top:180px;
background-color: #e7eef4;
padding:0px; 
padding-top:0px;
}

.content
{

background-color:#f5f5f5;
width:681px;
margin:0;
margin-left:189px;
padding:0;
border-left: 10px solid white;
z-index:1000;
position:relative;


}

.left{
display:inline;
margin:0;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
float:left;
width:310px;
}

.right{
margin:0;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
margin-left:320px;

}

.bodyMain #footer {
clear:both;
background-color: #d1dee6;
padding: 10px 0 5px 199px;
color: #789cbd;
font-size:10px;
border-top: 10px solid white;
} 

.bodyMain #footer.home { 

background-color: transparent;
padding: 670px 0 0 200px; 
color: #789cbd;
font-size:12px;
border-top:none;
height: 55px;
padding-right:200px;
}

.bodyMain #footer p {
margin: 0; 
padding: 10px 0;
}

/* ------------------ menu ------------------ */

.bodyMain #menu {
position:absolute;
z-index:100;
width: 890px;
margin-top: 180px;
margin-left:-10px;

}

.menu1, .menu2, .menu3, .menu4 {
width:890px;
}

.aktiv1 {
border-right: 10px solid #002859;
}

.aktiv2 {
border-right: 10px solid #125687;
}

.aktiv3 {
border-right: 10px solid #5381ac;
}

.aktiv4 {
border-right: 10px solid #729abd;
}

.menu1 a, .menu2 a, .menu3 a, .menu4 a {
display:block;
width:189px;
height: 47px;
border-left: 10px solid #ffffff;
}

.menu1 a:hover, .menu1 a.aktiv {
border-left: 10px solid #002859;
}

.menu2 a:hover, .menu2 a.aktiv {
border-left: 10px solid #125687;
}

.menu3 a:hover, .menu3 a.aktiv {
border-left: 10px solid #5381ac;
}

.menu4 a:hover, .menu4 a.aktiv {
border-left: 10px solid #729abd;
}

.menu1 a {background:url(images/menu1.jpg) no-repeat;}
.menu2 a {background:url(images/menu2.jpg) no-repeat;}
.menu3 a {background:url(images/menu3.jpg) no-repeat;}
.menu4 a {background:url(images/menu4.jpg) no-repeat;}