body{
background-color: #3366cc;
background-image: url(../images_gruppe/background.jpg);
background-repeat: repeat-x;
}

#header{
position: relative;
width: 500px;
height: 230px;
margin: 25px auto 0 auto;
background-image: url(../images_gruppe/lauer_head.png);
background-repeat: no-repeat;
background-position: top center;
}

#container_boxes{
position: relative;
width: 810px;
height: 250px;
margin: 10px auto 0 auto;
}

#box_1{
position: relative;
float: left;
width: 250px;
height: 250px;
background: #fff;
background-image: url(../images_gruppe/box_lauer.png);
background-repeat: no-repeat;
margin-right: 30px;
transition-property: background-color;
transition-duration: 0.5s;
-moz-border-radius: 10px;
}

#box_1:hover{
margin-top: -10px;
background-color: #ccc;
background-image: url(../images_gruppe/box_lauer_hover.png);
background-repeat: no-repeat;
transition-property: background-color;
transition-duration: 0.5s;
}

#box_2{
position: relative;
float: left;
width: 250px;
height: 250px;
background: #fff;
background-image: url(../images_gruppe/box_ecotec.png);
background-repeat: no-repeat;
margin-right: 30px;
transition-property: background-color;
transition-duration: 0.5s;
}

#box_2:hover{
margin-top: -10px;
background-color: #ccc;
background-image: url(../images_gruppe/box_ecotec_hover.png);
background-repeat: no-repeat;
transition-property: background-color;
transition-duration: 0.5s;
}

#box_3{
position: relative;
float: left;
width: 250px;
height: 250px;
background: #fff;
background-image: url(../images_gruppe/box_allimpex.png);
background-repeat: no-repeat;
transition-property: background-color;
transition-duration: 0.5s;
}

#box_3:hover{
margin-top: -10px;
background-color: #ccc;
background-image: url(../images_gruppe/box_allimpex_hover.png);
background-repeat: no-repeat;
transition-property: background-color;
transition-duration: 0.5s;
}

#footer{
position: relative;
width: 790px;
height: 50px;
margin: 0px auto 0 auto;
color: #fff;
font-size: 13px;
font-family: arial, verdana, helvetica, sans-serif;
padding-top: 15px;
text-align: center;
}



/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){

#footer{
position: relative;
width: 790px;
height: 50px;
margin: 0px auto 0 auto;
color: #fff;
font-size: 26px;
font-family: arial, verdana, helvetica, sans-serif;
padding-top: 15px;
text-align: center;
}


}