@import url("reset.css");

@font-face {
    font-family: 'BlueHighwayDTypeRegular';
    src: url('../fonts/blue_highway_dtype-webfont.eot');
    src: url('../fonts/blue_highway_dtype-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/blue_highway_dtype-webfont.woff') format('woff'),
         url('../fonts/blue_highway_dtype-webfont.ttf') format('truetype'),
         url('../fonts/blue_highway_dtype-webfont.svg#BlueHighwayDTypeRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ---------- Styles ---------- */

body {  font-family:'Arial';  background:url(../images/content-bg-back.jpg) no-repeat #d9d9d9; background-position:0px 390px;}
.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear floated columns */
a { text-decoration:none;}

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{    
    -webkit-text-size-adjust:none;  
    } 


#wrapper { width:100%; }

#header { width:100%; background:#545257; position:relative;}
#header .images { position:absolute; left:0px; top:0px;}
#header.start { background:url(../images/head_start_x.jpg) repeat-x #545257 }
#header.start .bg { width:100%; background:url(../images/head_start.jpg) no-repeat;}
#header.leistungen { background:url(../images/head_leistungen_x.jpg) repeat-x #545257 }
#header.leistungen .bg { width:100%; background:url(../images/head_leistungen.jpg) no-repeat;}
#header.referenzen { background:url(../images/head_referenzen_x.jpg) repeat-x #545257 }
#header.referenzen .bg { width:100%; background:url(../images/head_referenzen.jpg) no-repeat;}
#header.muster { background:url(../images/head_muster_x.jpg) repeat-x #545257 }
#header.muster .bg { width:100%; background:url(../images/head_muster.jpg) no-repeat;}
#header.news { background:url(../images/head_news_x.jpg) repeat-x #545257 }
#header.news .bg { width:100%; background:url(../images/head_news.jpg) no-repeat;}
#header.links { background:url(../images/head_links_x.jpg) repeat-x #545257 }
#header.links .bg { width:100%; background:url(../images/head_links.jpg) no-repeat;}
#header.jobs { background:url(../images/head_jobs_x.jpg) repeat-x #545257 }
#header.jobs .bg { width:100%; background:url(../images/head_jobs.jpg) no-repeat;}
#header.kontakt { background:url(../images/head_kontakt_x.jpg) repeat-x #545257 }
#header.kontakt .bg { width:100%; background:url(../images/head_kontakt.jpg) no-repeat;}
#header.impressum { background:url(../images/head_impressum_x.jpg) repeat-x #545257 }
#header.impressum .bg { width:100%; background:url(../images/head_impressum.jpg) no-repeat;}
#header .header-ct { width:755px; height:310px; background:url(../images/headerct-bg.png) repeat-x bottom right; margin-left:149px; position:relative;}
#header .header-ct .menu { background:url(../images/menubg.png) repeat; width:755px; height:38px; -moz-box-shadow: 0px 0px 10px #000;-webkit-box-shadow: 0px 10px 0px #000; box-shadow: 0px 0px 10px #000;}
#header .header-ct .menu ul { padding-left:17px;}
#header .header-ct .menu ul li { float:left; padding-right:6px; position:relative; display:block; height:38px; padding-bottom:5px;}
#header .header-ct .menu ul li a { color:#fff; padding:11px 11px 0 11px; line-height:16px; font-size:16px; font-family: 'BlueHighwayDTypeRegular'; display:block; height:27px;}
#header .header-ct .menu ul li a:hover { border-left:#c0c6da solid 1px; border-right:#c0c6da solid 1px; background:#30427f; padding:11px 10px 0 10px; }
#header .header-ct .menu ul li.hover .first { border-left:#c0c6da solid 1px; border-right:#c0c6da solid 1px; background:#30427f; padding:11px 10px 0 10px; }
#header .header-ct .menu ul li a.active { border-left:#c0c6da solid 1px; border-right:#c0c6da solid 1px; background:#7b2933; padding:11px 10px 0 10px; }
#header .header-ct .menu ul li ul { position:absolute; width:486px; height:38px; background:url(../images/menubg.png) repeat; bottom:-38px; left:-17px; display:none;  -moz-box-shadow: 0px 0px 10px #000;-webkit-box-shadow: 0px 10px 0px #000; box-shadow: 0px 0px 10px #000;}
#header .header-ct .menu ul li:hover ul { display:block;}
#header .header-ct .logo { background:url(../images/logo-bg.png) no-repeat; width:350px; height:131px; padding:9px 9px 0 9px; position:absolute; bottom:0px; left:-9px;}
#header .header-ct .logo a { margin:30px 0 0 63px; display:block;}
#header .header-ct .quote { font-family:'Georgia'; font-style:italic; font-size:14px; position:absolute; right:3px; bottom:9px; line-height:14px; color:#fff;}
#header .header-ct .menu ul.subpage li ul { display:block;}

#content { background:url(../images/content-bg.png) repeat-y; width:594px; padding:65px 107px 54px 72px; margin-left:140px;}
#content h1 { font-size:12px; color:#4f6cb6; font-weight:bold; padding-bottom:15px;}
#content h2 { font-size:12px; color:#545257; font-weight:bold; }
#content h3 { font-size:12px; color:#4f6cb6; font-weight:bold; padding-bottom:0px;}
#content p { font-size:12px; color:#545257; padding-bottom:15px;}
#content .pad-bt { padding-bottom:15px;}
#content .pad-tp { padding-top:15px;}
#content ol { list-style-type:decimal; list-style-position:inside; padding-bottom:15px;}
#content ol.nolst { list-style-type:none;}
#content ol li { font-size:12px; color:#545257;}
#content a { font-size:12px; color:#4f6cb6;}
#content p.list { font-size:11px; color:#4f6cb6; padding-bottom:55px;}
#content p.list span { padding:0 5px;}
#content p.list a { font-size:11px; color:#4f6cb6;}
#content a:hover { text-decoration:underline;}
#content a.active { text-decoration:underline;}
#content .sp-item { display:none;}
#content .sp-item.show { display:block;}
#content .pape { float:left; margin-right:40px; margin-bottom:45px;}
#content td { font-size:12px; color:#545257; padding-bottom:15px; padding-right:25px;}

#footer { background:url(../images/footer_bg.png) repeat-x; width:100%; height:39px; margin-top:-9px; position:fixed; bottom:0px;}
#footer p { font-family:'Georgia'; font-weight:bold; font-size:10px; color:#fff; padding-top:15px; padding-left:45px; line-height:14px;}
#footer p span { font-size:14px; color:#901a24; line-height:14px;}