body{
font-family: Arial;
text-align: center;
}

#container{
width: 960px;
height: 1490px;
background-image: url(../img/hintergrund.png);
/*! background-repeat: no-repeat; */
margin-left: auto;
margin-right: auto;
margin-top: 100px;
text-align: left;
}

#header{
width: 920px; 
height: 130px;
margin-top: 60px;
margin-left: 40px;
float: left;
}

#logo{
width: 212px; 
height: 130px;
background-image: url(../img/logo.png); 
background-repeat: no-repeat;
float:left;
}

#pic1{
width: 130px; 
height: 130px;
background-image: url(../img/metall.png); 
background-repeat: no-repeat;
float:left;
background-color:#b1ced2;
}

#spacer{
width: 83px; 
height: 130px;
background-color:#b1ced2;
float:left;
}

#pic2{
width: 195px; 
height: 130px;
background-image: url(../img/metall1.png); 
background-repeat: no-repeat;
float:left;
}

#pic3{
width: 217px; 
height: 130px;
background-image: url(../img/metall2.png); 
background-repeat: no-repeat;
float:left;
}

#spacer2{
width: 960px; 
height: 40px;
float: left;
}

#container2{
width: 960px; 
height: 1531px;
}

#menu{
width: 200px; 
height: 1300px;
float: left;
}

#content{
width: 760px;  
background-color: #9db7bb;
float: left;
}

#incontent{
padding: 20px;
color: white;
padding-left: 70px;
}

#footer{
height: 30px; 
width: 1000px;
float:left;
color:#909697;
padding: 5px;
font-size:15;
}
#inbutton{
height: 40px;
width: 198px;
margin-left: 2px;
margin-top: 3px;
color: white;
}
#inbutton1{
height: 40px;
width: 198px;
margin-left: 2px;
margin-top: 3px;
color: white;
background-color: #9db7bb;
}


/********** text ***********/
h1{
font-size: 22;
}
a{height: 40px; line-height: 250%;width: 198px;padding-left: 50px;color:white;text-decoration: none;display:block;}
a:hover{background-color: #9db7bb;}
a.current{background-color: #9db7bb;}
.button{height: 40px;line-height: 250%;}
.button:hover{background-color: #9db7bb;}
.button:current{background-color: #9db7bb;}