@import "reset.css";
@import "typo.css";    
@import "navigation.css";

/* layout.css: Layout/Größen/Positionierung */

#head, #nav, #contentwrap, #content, #foot, #foot ul { position: relative; }
#head, #nav, #contentwrap, #foot ul { 
    position: relative;
    margin: 0 auto; 
    width: 930px;
}

div.top {
    position: absolute;
    left: 0px;
    width: 100%;
    height: 227px;
    background: transparent url(../images/top2.jpg) 0px 0px repeat-x;
}
#head {
    top: 50px;
    padding: 0px;
}
#nav { 
    top: 30px; 
    margin-left: 19px;
}
#contentwrap {
    top: 100px;
    margin-bottom: 90px;
    width: 860px;
    height: auto;
    background-color: #fff;
    background: transparent url(../images/bgContent.png) 100% 0% no-repeat;
    min-height: 610px;  
}
#content { 
    width: 470px; 
    padding: 0px 0px 10px;
    border: 1px solid #d4cfca;
    border-width: 0px 0px 1px;
}
#foot { 
/*
    background: transparent url(../images/top.jpg) 0px -187px repeat-x;
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 40px;
*/
    width: 100%;
    top: 0px;
}
#foot ul { 
    width: 880px;
    padding-bottom: 300px;
} 

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ Floats & Clearer +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.floatLeft  { float: left !important; }
.floatRight { float: right !important; }

.line { 
    background-color: #d4cfca; 
    margin: 20px 0px;
}

.clear  {  
    display: block;
    clear: both;
    float: none;
}
.clearer { 
    display: block;
    clear: both;
    float: none;
    height: 1px;
} 
.clear hr, .clearer hr { display: none; }