html {
        font-size: 62.5%; /* reset 1em to 10px */
        height: 100%;
}

body {
        background-image: url(img/bg-page.gif);
        color: #444;
        font: normal 1.2em Verdana;
        height: 100%;
        padding-bottom: 1px; /* force scrollbars */
        padding-top: 64px;
        text-decoration: none;
        background-color: #FFFFFF
}

small,.small {font-size: 0.9em;}

a {
        color: #EEC;
        text-decoration: none;
}
a:hover {
        color: #FFA;
        text-decoration: underline;
}

p {padding: 0.2em 0 1.2em;}

code {
        font: normal 0.9em Verdana;
        line-height: 1.5em;
        padding: 8px 14px;
}



h1 {font: normal 2em Verdana;}
h2 {font: normal 1.6em Verdana;}
h3 {font: normal 1.4em Verdana;}
h4 {font: bold 1em Verdana;}
h5 {font: bold 1.3em Verdana; color: #fff}

h1, h2, h3, h4, h5 {margin-bottom: 5px;}


#layout_wrapper {
        background: #50504A url('img/grain_dark.gif');
        margin: 0 auto;
        width: 736px;
}
#layout_container {padding: 8px;}
#layout_content {border: 1px solid #333;}

#header_index {
        height: 160px;
        background: #222 url('img/header_index.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_kontakt {
        height: 160px;
        background: #222 url('img/header_kontakt.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_topsecret {
        height: 160px;
        background: #222 url('img/header_topsecret.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_partner {
        height: 160px;
        background: #222 url('img/header_partner.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}


#header_leistungen {
        height: 160px;
        background: #222 url('img/header_leistungen.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_weitereleistungen {
        height: 160px;
        background: #222 url('img/header_weitereleistungen.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_summer {
        height: 160px;
        background: #222 url('img/header_summernight.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_drift {
        height: 160px;
        background: #222 url('img/header_drift.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_ficken {
        height: 160px;
        background: #222 url('img/header_ficken.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_agentur {
        height: 160px;
        background: #222 url('img/header_agentur.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_buero {
        height: 160px;
        background: #222 url('img/header_buero.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_jobs {
        height: 160px;
        background: #222 url('img/header_jobs.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_takeover {
        height: 160px;
        background: #222 url('img/header_takeover.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_impressum {
        height: 160px;
        background: #222 url('img/header_impressum.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}


#header_image_pictures {
        height: 160px;
        background: #222 url('img/header_pictures.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#header_image_events {
        height: 160px;
        background: #222 url('img/header_events.jpg') no-repeat;
        border-bottom: 1px solid #222;
        border-top: 1px solid #111;
}

#index_logo {
        height: 20px;
        background: #222 url('img/men_logo.png') no-repeat;
        position:fixed;
        top:100px;
        left:0;
        bottom:50px;
        right:0;
        padding:10px;
        text-align:center;
        width: 800px;
        clear: both;

}


#site_title {
        background: #222;
        padding: 12px 20px;
}
#site_title h1         {
        color: #FFFFFF;
        font: normal 4em Arial Black;
        margin: 0 0 5px;
}
#site_title h2 {
        color: #BFBFB6;
        font: normal 1.1em Verdana;
        margin: 0;
}











.navigation {
        background: #353535 url('img/navigation.jpg') repeat-x;
        border-bottom: 1px solid #222;
        border-top: 1px solid #555;
}
.navigation ul {display: inline; margin: 0;}
.navigation ul li {
        border-right: 1px solid #303030;
        float: left;
        list-style: none;
}
.navigation a {
        color: #AAA;
        display: block;
        font: bold 1em Verdana,sans-serif;
        padding: 12px 14px;
        text-decoration: none;
}
.navigation a:hover {
        background: #444;
        color: #E5E5D5;
        text-decoration: none;
}
.navigation li.current_page_item a {
        background: none;
        color: #EEE;
}

#subnav a {
        padding: 4px;
        font-size: 0.9em;
}


#main {
        background: #4A4A4A;
        color: #CCC;
}




#bottom {
        background: #222;
        border-bottom: 1px solid #1A1A1A;
        border-top: 1px solid #2A2A2A;
        color: #AAA;
        padding: 16px;
}
#bottom ul li {
        border-bottom: 1px solid #303030;
}
#bottom ul li a {
        color: #777;
        display: block;
        padding: 4px 6px;
}
#bottom ul li a:hover {
        background: #2A2A2A;
        color: #FFC;
        text-decoration: none;
}


#footer {
        background: #2A2A2A;
        border-bottom: 1px solid #1A1A1A;
        border-top: 1px solid #333;
        color: #888;
        font-size: 0.9em;
        padding: 10px 12px;
}
#footer a {color: #AAA;}
#footer .right,#footer .right a {color: #555;}
#footer a:hover {color: #BBB;}


.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;}
.clearer,.block {
        display: block;
        line-height: 0;
        font-size: 0;
}
.clearer {height: 0;}


/* Columns */
.col3, .col3last {width: 31%; margin-right: 3%;}
.col3last {margin-right: 0;}

/* Images */
img.bordered {padding: 3px; background: #666;}

/* Text */
.tleft {text-align: left;}
.tcenter {text-align: center;}
.tright {text-align: right;}
.vtop {vertical-align: top;}


/* Label */
.label {
        background: #222 url('img/post_top.gif') repeat-x left top;
        border-bottom: 2px solid #555;
        color: #BBB;
        margin: 0;
        padding: 0.5em 0.8em 0.6em;
}




.post {
        background: #363636;
        border-bottom: 1px solid #111;
}
.post_top {
        background: #222 url('img/post_top.gif') repeat-x left top;
        border-bottom: 4px solid #777;
        border-top: 1px solid #3A3A3A;
        padding: 10px 16px 13px;
}
.post_title h2 {
        font-size: 2em;
        margin: 0;
        padding: 0;
}
.post_body {
        background: url('img/post_body.jpg') no-repeat left top;
        border-top: 1px solid #333;
        padding: 16px 16px 0;
}
.post_metadata {padding: 10px;}
.post_metadata .content {
        background: #424242;
        color: #999;
        font-size: 0.9em;
        padding: 10px 12px;
}
.post_metadata a {color: #BBB;}
.post_metadata a:hover {color: #DDD;}

.post_body ul, .post_body ol {margin: 0 0 1em 1.5em;}
.post_body ul {list-style: disc;}
.post_body ol {list-style: decimal;}




.pagenavigation {
        background: #555;
        border-top: 1px solid #444;
        font-size: 0.9em;
        padding: 7px 8px 9px;
}
.pagenavigation a {
        color: #CCC;
        text-decoration: none;
}
.pagenavigation a:hover {
        color: #FFF;
        text-decoration: underline;
}

.textbild_links {
         float:left;
         margin-right:16px;
         margin-left:16px;
         margin-bottom:16px;
}

.textbild_rechts {
         float:right;
         margin-right:16px;
         margin-left:16px;
         margin-bottom:16px;
}

.bild_text {
          height: 200px;
          width: 200px;
          border: 2px white;

}