/*--built 08------------------------------------------------------------------------*/
/*--by    martin hein  www.digitale-mehrwerte.eu  (hein@digitale-mehrwerte.eu)------*/

*{
margin: 0;
padding: 0;
}

html{ 
height: 100%; 
overflow-y: scroll; 
}

body{
height: 100%;
background: #CCBB96 url(../images/backgrounds/bg_5.gif) repeat-y center 400px;
text-align: center; /*Center container on page IE 5*/
}

#topsectionbg_div{
height: 336px; /* Höhe des Hintergrundbildes */
background: url(../images//backgrounds/bg_11.gif);
}

#maincontainer_div{
position:relative;
top: -60px; /* Abstand #maincontainer_div unten */
width: 972px; /* Breite des Hintergrundbildes */
margin: 0 auto;
margin-top: -336px; /* - #topsectionbg_div:height */
margin-bottom: 20px; /* - #maincontainer_div:top */
min-height: 100%;
background: url(../images/backgrounds/bg_4.gif) repeat-y center;
}

#topsection_div{
position:relative;
top: 60px; /* - #maincontainer_div:top*/
padding-top: 173px;
background: url(../images/backgrounds/bg_2.png) no-repeat center top;
}

#headersection_div{
background: url(../images/backgrounds/bg_6.gif) repeat-x top;
text-align: center;
}

#midsection_div{
padding: 78px 6px 40px; /*oben links/rechts unten*/
text-align: left;
}

#endsection_div{
position: relative;
bottom: 0;
width: 972px; /* Breite des Hintergrundbildes*/
height: 60px; /* Höhe des Hintergrundbildes*/
margin: -80px auto; /* - (#maincontainer_div:top + #boxend_div:height)*/
background: url(../images/backgrounds/bg_8.gif) no-repeat top;
}