@charset "UTF-8";
@import url("menu.css");
@import url("artikel.css");
@import url("module.css");
@import url("mailform.css");
@import url("gastro.css");
/* CSS MAIN */

body{
margin: 0;
padding: 0;
border: 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
overflow: hidden;
}

#top{
position: relative;
margin: auto;
width: 896px; 
height: 140px;
overflow: hidden;
color: #333;
/* background-image: url(../../img/top-background.png); */
background-color: #fff;
text-align: left;
}

#top .logo{
position: absolute;
right: 16px;
top: 33px;
}

#top .search{
height: 60px;
overflow: hidden;
margin: 0px;
padding: 0px;
position: relative;
}

#main{
position: absolute; 
top: 140px;
left: 50%;
margin-left: -448px;
width: 896px;
bottom: 20px;
overflow-x: hidden;
overflow-y: auto;
background-image: url(../../img/page-background.png);
background-repeat: repeat-y;
text-align:left;
}

#topline{
position: absolute; 
top: 139px;
left: 50%;
margin-left: -448px;
border-top: 1px #999 solid;
height: 0;
width: 880px;
}

#bottom{
position: absolute; 
top: auto;
left: 0px;
bottom: 0; 
height: 20px;
width: 100%;
overflow: hidden;
background-color: #cc0000;
color: #fff;
text-align: center;
padding: 0;
}

#bottom .center{
width: 880px;
margin: auto;
padding-right: 16px;
}

#bottom ul, #bottom li{
padding: 0;
margin: 0;
}

#bottom ul{
padding-top: 3px;
}

#page{
width: 880px;
}

#page .left{
width: 138px;
float: left;
overflow: hidden;
}

#page .middle{
margin: 20px;
width: 418px;
float: left;
overflow: visible;
}

#page .right{
margin-left: 1px;
width: 282px;
float: left;
overflow: hidden;
}