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

/***** reset *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; text-decoration:none; vertical-align:baseline; background:transparent; }
ol, ul { list-style-type:none; }
:hover, :focus { outline:0; }
table { border-collapse:collapse; border-spacing:0; }

/***** classes *****/
.clear { clear:both; }

/***** grid *****/
.grid1-1 { width:100%; float:left; }
.grid3-4 { width:75%; float:left; }
.grid2-3 { width:66.66%; float:left; }
.grid1-2 { width:50%; float:left; }
.grid1-3 { width:33.33%; float:left; }
.grid1-4 { width:25%; float:left; }
.grid1-5 { width:20%; float:left; }
.grid1-6 { width:16.66%; float:left; }
.grid1-8 { width:12.5%; float:left; }

/***** body *****/
body { height:100%; width:100%; background:#000 url(../img/bgs/bg.png); color:#fff; font-weight:normal; font-size:100%; font-family:'Arial', sans-serif; line-height:1; }

/***** page *****/
#page { position:relative; width:960px; left:50%; margin:0 0 0 -480px; }

/***** logo *****/
#logo { position:absolute; width:320px; height:120px; top:75px; left:20px; z-index:10; }
#logo a.logo { display:block; width:320px; height:120px; background:url(../img/buttons/logo.png); text-indent:-99999px; }

/***** contact *****/
#contact { position:relative; width:960px; height:100px; font-family:"BebasNeueRegular"; font-size:16px; font-weight:normal; text-shadow:0 1px 1px #000; float:left; }
#contact .box { position:absolute; right:20px; width:280px; height:50px; background:#000 url(../img/bgs/content.png); box-shadow:inset 0 -2px 5px #000; border-right:1px solid #2f2f2f; border-bottom:1px solid #2f2f2f; border-left:1px solid #2f2f2f; border-bottom-left-radius:8px; -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px; border-bottom-right-radius:8px; -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px; }
#contact .box li { display:block; height:20px; width:94px; margin:15px 10px; padding:2px 0 0 25px; float:left; }
#contact .box li.phone { background:url(../img/icons/phone.png) no-repeat left center; }
#contact .box li.letter { background:url(../img/icons/letter.png) no-repeat left center; }
#contact .box a { color:#fff; }
#contact .box a:hover, #contact .box a:focus, #contact .box a:active { color:#444; }

/***** navigation *****/
#nav { position:relative; width:960px; height:60px; font-family:"BebasNeueRegular"; font-size:24px; font-weight:normal; background:#000 url(../img/bgs/nav.png); float:left; }
#nav ul { position:absolute; top:18px; right:10px; }
#nav li { display:block; float:left; }
#nav a { color:#e30613; padding:0 8px; text-shadow:0 1px 1px #000; }
#nav a.first { border-right:1px solid #000; }
#nav a.center { border-right:1px solid #000; border-left:1px solid #2f2f2f; }
#nav a.last { border-left:1px solid #2f2f2f; }
#nav a.active { color:#fff; }
#nav a:hover, #nav a:focus, #nav a:active { color:#444; }

/***** header *****/
#header { position:relative; width:960px; height:140px; background:#222 url(../img/header/brokenwindshield.jpg) left top; float:left; }

/***** keyfacts *****/
#keyfacts { position:relative; width:960px; height:200px; background:#222 url(../img/bgs/keyfacts.png); float:left; }
#keyfacts h2 { font-family:"BebasNeueRegular"; font-size:40px; width:660px; color:#e30613; font-weight:normal; margin-top:40px; margin-left:40px; padding-bottom:7px; text-shadow:0 1px 1px #000; background:url(../img/bgs/hr.png) bottom left repeat-x; }
#keyfacts h2 span { color:#fff; font-size:60px; }
#keyfacts h3 { font-family:"BebasNeueRegular"; font-size:40px; width:720px; font-weight:normal; text-shadow:0 1px 1px #000; margin-top:10px; margin-left:40px; }
#pager { position:absolute; width:120px; height:20px; top:470px; left:420px; z-index:1000; }
#pager a { width:15px; height:20px; margin:0; text-indent:-99999px; display:block; background:url(../img/buttons/pagermini.png) 0 -20px; float:left; }
#pager a.activeSlide { color:#fff; background:url(../img/buttons/pagermini.png) 0 0; }
#pager a:hover { color:#313131; background:url(../img/buttons/pagermini.png) 0 20px; }

/***** glass *****/
#glass { position:relative; width:960px; height:40px; background:#222 url(../img/header/brokenwindshield.jpg) left bottom; border-bottom:1px solid #222; float:left; }

/***** content *****/
#content { position:relative; width:960px; font-size:12px; line-height:1.8; background:#222 url(../img/bgs/content.png); padding:0 0 60px 0; float:left; }
#content h1 { font-family:"BebasNeueRegular"; font-size:32px; font-weight:normal; margin-top:20px; background:url(../img/bgs/hr.png) bottom left repeat-x; }
#content h2 { font-family:"BebasNeueRegular"; font-size:32px; font-weight:normal; margin-top:20px; background:url(../img/bgs/hr.png) bottom left repeat-x; }
#content h3 { font-size:12px; margin-top:20px; margin-bottom:-15px; }
#content p { margin-top:20px; margin-bottom:20px; }
#content ul { margin:20px 40px 20px 10px; padding:0 0 0 15px; }
#content ul li { list-style-type:disc; color:#fff; }
#content ol { margin:20px 40px 20px 10px; padding:0 0 0 15px; }
#content ol li { list-style-type:decimal; color:#fff; }
#content strong { font-weight:normal; }
#content small { font-size:10px; color:#777; }
#content hr.left { display:block; height:2px; border:none; outline:none; margin-left:40px; margin-right:10px; background:url(../img/bgs/hr.png) bottom left repeat-x; }
#content hr.right { display:block; height:2px; border:none; outline:none; margin-left:10px; margin-right:40px; background:url(../img/bgs/hr.png) bottom left repeat-x; }
#content hr.both { display:block; height:2px; border:none; outline:none; margin-left:20px; margin-right:20px; background:url(../img/bgs/hrboth.png) bottom left repeat-x; }
#content a { color:#e30613; }
#content a:hover, #content a:focus, #content a:active { color:#444; }
#content a.big { display:block; width:280px; height:50px; padding:5px 0; font-family:"BebasNeueRegular"; color:#fff; font-size:32px; text-align:center; text-shadow:0 1px 1px #000; background:url(../img/buttons/big.png); }
#content a.big:hover { background-position:0 60px; text-shadow:0 -2px 1px #000; }
#content .both { margin-left:40px; margin-right:40px; }
#content .center { margin-left:20px; margin-right:20px; }
#content .expand { display:block; width:100px; float:left; }
#content .float { float:left; }
#content img.float { margin:7px 15px 10px 0; float:left; }
#content .left { margin-left:40px; margin-right:10px; }
#content .box-right { display:block; margin:20px 40px 0 10px; padding:1px 10px; background:#333; background:-moz-linear-gradient(top, #333, #222); background:-ms-linear-gradient(top, #333, #222); background:-o-linear-gradient(top, #333, #222); background:-webkit-gradient(linear, left top, left bottom, from(#333), to(#222)); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#content .right { margin-left:10px; margin-right:40px; }

/***** form *****/
textarea { width:370px; height:140px; font-family:'Arial';  font-size:11px; color:#000; margin:0 20px 10px 20px; padding:10px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; resize:none; }
.alert { margin:0 20px; }
.button-absenden { width:185px; height:36px; font-family:'Arial'; font-size:11px; color:#fff; background:#95c11f; background:-moz-linear-gradient(top, #95c11f, #4d680f); background:-ms-linear-gradient(top, #95c11f, #4d680f); background:-o-linear-gradient(top, #95c11f, #4d680f); background:-webkit-gradient(linear, left top, left bottom, from(#95c11f), to(#4d680f)); margin:10px 0 20px 225px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 10px #222; text-shadow:0 -1px 0 #000; }
.button-absenden:hover { background:#666; background:-moz-linear-gradient(top, #666, #444); background:-ms-linear-gradient(top, #666, #444); background:-o-linear-gradient(top, #666, #444); background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#444)); cursor:pointer; }
.captcha { width:165px; height:26px; font-size:22px; color:#000; text-align:center; letter-spacing:7px; margin-left:20px; padding:6px 10px 4px 10px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.contact { margin:0 0 0 20px; padding-top:10px; }
.error { background:#e30613; margin:0 20px; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.form { width:430px; padding-bottom:62px; margin:20px 10px 0 40px; background:#333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.input { width:165px; height:26px; margin-left:20px; margin-bottom:10px; padding:6px 10px 4px 10px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.legend { font-size:11px; color:#777; text-shadow:0 -1px 0 #000; margin-left:20px; }
.float img { margin-left:20px;}

/***** map *****/
#googlemap { display:block; width:430px; margin:20px 40px 20px 10px; padding-bottom:100px; background:#333; background:-moz-linear-gradient(top, #333, #222); background:-ms-linear-gradient(top, #333, #222); background:-o-linear-gradient(top, #333, #222); background:-webkit-gradient(linear, left top, left bottom, from(#333), to(#222)); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#map { width:390px; height:321px; margin:20px; box-shadow:0 0 10px #000; }
#googlemap h3 { margin:0 20px; padding-top:10px; }
#googlemap .links { width:160px; margin-left:20px; float:left; }
#googlemap .rechts { width:230px; float:left; }
#googlemap .expand { display:block; width:60px; float:left; }

/***** footer *****/
#footer { position:relative; width:960px; height:300px; color:#777; font-size:12px; line-height:1.6; background:#222 url(../img/bgs/footer.png); float:left; }
#footer h3 { font-family:"BebasNeueRegular"; color:#fff; font-size:20px; margin-top:40px; font-weight:normal; }
#footer a { color:#fff; }
#footer a:hover, #footer a:focus, #footer a:active { color:#444; }
#footer a.active { color:#e30613; }
#footer ul { margin:0 10px 20px 10px; }
#footer .left { margin-left:40px; }
#footer .center { margin-left:10px; margin-right:10px; }
#footer .right { margin-left:10px; margin-right:40px; }
#footer .expand { display:block; width:70px; float:left; }
#footer .fb-like { margin:10px 0 0 40px; }

/***** bo *****/
#bo { position:relative; width:960px; height:100px; color:#777; font-size:12px; line-height:1.6; background:#222 url(../img/bgs/bo.png); float:left; }
#bo p { text-align:right; margin:25px 40px 0 0; }
#bo a { color:#fff; }
#bo a:hover, #bo a:focus, #bo a:active { color:#444; }