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

body{
margin: 0;
padding: 0;
border: 0;
text-align: center;
font-family: "Trebuchet MS";
font-size: 16px;
overflow: hidden;
background: #a6bdf8;
background-image: url(../../img/body-background-winter.jpg);
/*background-image: url(../../img/body-background-sommer.jpg);*/
background-repeat: repeat-y;
background-position: center top;
}

#top{
position: absolute;
top: 0px;
left: 0px;
width: 100%; 
height: 158px;
overflow: hidden;
color: #fff;
background-color: #01529e;
text-align: center;
background-image: url(../../img/top-background.png);
}

#top .content{
width: 960px;
height: 125px;
background-image: url(../../img/top-background.jpg);
background-repeat: no-repeat;
text-align: center;
margin: auto;
}

#top .menu{
width: 940px;
text-align: center;
margin: 0 auto;
}

#main{
position: fixed; 
top: 158px;
left: 0;
right: 0;
bottom: 34px;
overflow-y: scroll;
text-align: center;
}

#bottom{
position: absolute; 
top: auto;
left: 0px;
bottom: -136px; 
height: 170px;
width: 100%;
overflow: hidden;
background-color: #01529e;
color: #fff;
text-align: center;
background-image: url(../../img/bottom-background.png);
z-index:170;
}

#bottom h1{
color: #fff;
font-weight: 100;
}

#bottom #hideslider{
float: left;
}

#bottom #showslider{
float: right;
}

#bottom .content{
width: 960px;
text-align: left;
margin: auto;
}

#page{
position: absolute;
text-align: left;
left: 50%;
top: 30px;
margin: 0px;
padding: 0px;
margin-left: -470px;
width: 940px;
}

#page .left{
width: 180px;
float: left;
}

#page .main{
width: 720px;
padding: 20px;
padding-top: 10px;
margin-bottom: 30px;
float: left;
position:relative;
}