/* CSS by synie */

html,body {
    font-family:Tahoma;
    font-size:11px;
	line-height:18px;
    background:#232323 url(../images/bg.jpg) repeat-x;
    color:#606060;
    height:100%;
    }

a:link, a:active, a:visited {
    color:#748446;
    text-decoration:none;
    font-weight:normal;
    }

a:hover {
    color:#748446;
    text-decoration:underline;
    font-weight:normal;
    }

#page {
    margin:0 auto;
    background:#f6f6f6 url(../images/puffer.jpg) repeat-y ;
    width:705px;
    position:relative;
    min-height:100%;
    }

#header {
    background:url(../images/header.jpg) no-repeat;
	margin-left: 25px;
    width:658px;
    height:114px;
    padding:32px 47px 0 0;
    text-align:center;
    }

#header h1 {
    margin: -22px 0;
    display:block;
    }

#navi {
    background:url(../images/navi.jpg) no-repeat;
    width:705px;
    height:22px;
    }

#navi p {
    position:absolute;
    top:149px;
    margin:0 !important;
    }

.start {
    left:64px;
    }
    
.referenzen {
    left:155px;
    }
    
.media {
    left:355px;
    }

#subnavi {
    background:url(../images/subnavi.jpg) no-repeat;
    width:655px;
    height:27px;
    padding:0px 0px 0px 50px;
    text-align:left;
    margin:0;
    }
    
#subnavi ul {
    margin:0;
    }

#subnavi li {
    background:url(../images/button.jpg) no-repeat;
    width:82px;
    height:26px;
    display:block;
    float:left;
    margin-left:6px;
    text-align:center;
    padding-top:1px;
    }

#subnavi li:hover {
    background:url(../images/buttonhover.jpg) no-repeat;
    }

#subnavi a:link, #subnavi a:active, #subnavi a:visited {
    color:#4a4a4a;
    text-decoration:none;
    font-weight:normal;
    }

#subnavi a:hover {
    font-weight:normal;
    }

#content {
    float:left;
    width:680px;
    text-align:justify;
    padding-top:5px;
    margin-bottom:5em;
    }
    
.posi {
    background:url(../images/posi.jpg) repeat;
    width:626px;
    height:30px;
    color:#fff;
    padding:11px 5px 0 10px;
    margin:0 0 5px 30px;
    text-align:left;
    }

.posi a {
    color:#fff;
    }

.seiteninhalt {
    text-align:left;
    padding:0 15px 0 37px
    }

.titel {
    background:url(../images/bar.jpg) no-repeat;
    width:410px;
    height:14px;
    padding:9px 0 0 10px !important;
    color:#fff;
    font-size:11px;
    text-align:left;
    margin:0 0 5px 0 !important; 
    }

.titel a {
    color:#fff !important;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    }

.textinhalt {
    margin:0 5px 0 5px;
    }

#footer {
    background:url(../images/footer.jpg) no-repeat;
    width:645px;
    height:36px;
    color:#c0c0c0;
    position:absolute;
    left:0;
    bottom:0;
    text-align:left;
    padding:5px 30px 0 30px;
    }

#footer a:link, #footer a:active, #footer a:visited {
    color:#eee;
    text-decoration:none;
    font-weight:normal;
    }

#footer a:hover {
    text-decoration:underline;
    }

#footer  img {
    margin:10px 0 0 3px;
    float:right;
    }

#content h1 {
    color:#748446;
    font-size:12px;
    font-weight:bold;
    }

h2 {
    background:#3e3e3e;
    height:23px;
    font-size:11px;
    font-weight:bold;
    margin:5px 0px 5px 5px;
    padding:4px 0 0 5px;
    color:#fff;
    text-transform:none;
    }

h3 {
    background:url(../images/headbutton.jpg) no-repeat;
    width:193px;
    height:28px;
    padding:5px 0px 0px 10px;
    margin: 0px 0px 0px 1px;
    text-align:left;
    font-size:11px;
    color:#748446;
    font-weight:bold;
    }

h4 {
    background: url(../images/headbutton.jpg) no-repeat;
    width:193px;
    height:28px;
    padding:5px 0px 0px 10px;
    margin:0px 0px 0px 1px;
    text-align:left;
    font-size:11px;
    color:#646464;
    font-weight:bold;
    }

.titel h2 {
    background:none;
    margin:0;
    font-size:13px;
    float:left;
    }

#content hr {
    height:2px;
    border-top:1px solid #D7D7D7;
    border-right:1px solid #fff;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    margin:3px 0px 10px 0px;
    }