@charset "utf-8";

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, 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; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1; color: black; background: #000 url('../images/body.png') no-repeat center top; font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
html { height: 100%; }
strong { font-weight: bold; }
em { font-style: italic; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
label, input[type=button],input[type=submit], button { cursor: pointer; }
abbr[title] { border-bottom: 1px dotted #888 !important; cursor: help; }
a abbr { cursor: pointer !important; }
img { -ms-interpolation-mode: bicubic; }
div { position: relative; }


p { font-size: 15px; line-height: 22px; padding: 5px 0; color: #fff;}

small { font-size: 11px;}

div#page { width: 960px; margin: 0 auto; }

div#header { width: 940px; height: 100px; margin: 0 auto; }
img#header-logo { position: absolute; top: 20px; left: 15px; }
img#header-claim { position: absolute; top: 20px; left: 380px; }

div#navigation { width: 940px; height: 60px; margin: 0 auto 0 auto; }
div#navigation ul li a { display: block; position: absolute; }
div#navigation ul li a#navigation-start { top: 30px; left: 0; width: 101px; height: 34px; background: url('../images/navigation-start.png') no-repeat left top;}
div#navigation ul li a#navigation-design { top: 25px; left: 104px; width: 114px; height: 35px; background: url('../images/navigation-design.png') no-repeat left top;}
div#navigation ul li a#navigation-fahrerlebnis { top: 19px; left: 223px; width: 162px; height: 36px; background: url('../images/navigation-fahrerlebnis.png') no-repeat left top;}
div#navigation ul li a#navigation-connectivity { top: 13px; left: 388px; width: 163px; height: 36px; background: url('../images/navigation-connectivity.png') no-repeat left top;}
div#navigation ul li a#navigation-individualisierung { top: 5px; left: 553px; width: 209px; height: 38px; background: url('../images/navigation-individualisierung.png') no-repeat left top;}
div#navigation ul li a#navigation-kontakt { top: 0px; left: 765px; width: 124px; height: 35px; background: url('../images/navigation-kontakt.png') no-repeat left top;}

div#navigation ul li a:hover,
div#navigation ul li a:focus,
div#navigation ul li.active a { background-position: left bottom !important; }

div#content { width: 940px; height: 700px; margin: 0 auto; }

div#footer { width: 940px; height: 70px; margin: 0 auto; }
img#footer-logo { position: absolute; top: 20px; right: 15px; }

div#footer-socialmedia { position: absolute; top: 5px; left: 10px; }
div#footer-socialmedia ul li { display: inline; margin-right: 3px; }

div#footer-navigation { position: absolute; top: 45px; left: 12px; }
div#footer-navigation ul li { display: inline; margin-right: 8px; }
div#footer-navigation ul li a { text-decoration: none; color: #fff; font-size: 11px; }
div#footer-navigation ul li a:hover,
div#footer-navigation ul li a:focus { border-bottom: 1px solid #888; }

div.rounded { width: 940px; }
div.rounded-top { width: 940px; height: 7px; background: url('../images/rounded-top.png') no-repeat left top;}
div.rounded-content { width: 940px; background: #fff;}
div.rounded-content p { color: #000;}
div.rounded-bottom { width: 940px; height: 7px; background: url('../images/rounded-bottom.png') no-repeat left top;}

div.rounded-corner-tl { position: absolute; top: 10px; left: 10px; z-index: 10; width: 30px; height: 30px; background: url('../images/rounded-corners-red.png') no-repeat left top;}
div.rounded-corner-tr { position: absolute; top: 10px; right: 10px; z-index: 10; width: 30px; height: 30px; background: url('../images/rounded-corners-red.png') no-repeat right top;}
div.rounded-corner-bl { position: absolute; bottom: 10px; left: 10px; z-index: 10; width: 30px; height: 30px; background: url('../images/rounded-corners-red.png') no-repeat left bottom;}
div.rounded-corner-br { position: absolute; bottom: 10px; right: 10px; z-index: 10; width: 30px; height: 30px; background: url('../images/rounded-corners-red.png') no-repeat right bottom;}

a.button { display: block; height: 31px !important; background-position: left top;}
a.button:hover,
a.button:focus { background-position: left bottom;}

div#a1-typen h3 { font-weight: bold; font-size: 18px; line-height: 22px; padding: 15px 0 5px 0;}
div#a1-typen small { line-height: 14px;}

div#a1-typen-nav { position: absolute; top: 590px; left: 0; width: 940px; text-align: center;}
div#a1-typen-nav a { display: inline; margin: 0 6px; color: #fff; text-decoration: none; font-size: 15px;}
div#a1-typen-nav a:hover,
div#a1-typen-nav a:focus {}
div#a1-typen-nav a.activeSlide { font-size: 30px; vertical-align: -5px;}

div#a1-typen-prev { position: absolute; z-index: 20; top: 587px; left: 300px;}
div#a1-typen-next { position: absolute; z-index: 20; top: 587px; right: 300px;}

div#a1-typen-prev a,
div#a1-typen-next a { font-family: Arial, Helvetica, sans-serif; display: block; vertical-align: 0; margin: 0 6px; color: #fff; text-decoration: none; font-size: 35px;}

div#a1-typen-prev a { position: absolute; left: 10px; padding: 0 10px;}
div#a1-typen-next a { position: absolute; right: 10px; padding: 0 10px;}

div#a1-typen-prev a:hover,
div#a1-typen-prev a:focus { position: absolute; left: 0;}

div#a1-typen-next a:hover,
div#a1-typen-next a:focus { position: absolute; right: 0;}

div#a1-typen-gruende { position: absolute; top: 640px; color: #fff; font-weight: normal; font-size: 18px; width: 940px; text-align: center;}

div#text { width: 620px; position: absolute; top: 455px; left: 122px;}
div#text h3 { color: #fff; font-size: 15px; line-height: 22px; font-weight: bold; padding: 5px 0;}
div#text div.buttons { margin-top: 20px; margin-left: -17px;}

div#text-top { width: 620px; position: absolute; top: 75px; left: 122px;}
div#text-top h2 { color: #fff; font-size: 18px; line-height: 22px; font-weight: bold; padding: 10px 0 2px 0;}
div#text-top h3 { color: #fff; font-size: 13px; line-height: 22px; font-weight: bold; padding: 3px 0 2px 0;}
div#text-top a { color: #fff; text-decoration: none;}
div#text-top a:hover,
div#text-top a:focus { text-decoration: underline;}

div#text-full { position: absolute; top: 65px; left: 17px;}
div#text-full p { font-size: 11px; line-height: 15px;}
div#text-full h2 { color: #fff; font-size: 18px; line-height: 22px; font-weight: bold; padding: 10px 0 2px 0;}
div#text-full h3 { color: #fff; font-size: 13px; line-height: 22px; font-weight: bold; padding: 3px 0 2px 0;}
div#text-full a { color: #fff; text-decoration: none;}
div#text-full a:hover,
div#text-full a:focus { text-decoration: underline;}

div#images { position: absolute; top: 100px; width: 940px; height: 340px; overflow: hidden;}
div#images img { width: 940px; height: 340px;}

div#zoom { z-index: 100;}

div.box { display: block; width: 600px; height: 320px;}
div.box h4 { margin-left: 320px; padding-top: 10px; font-size: 18px; line-height: 20px; color: #ba001e;}
div.box h5 { margin-left: 320px; padding-top: 10px; padding-bottom: 5px; font-size: 13px; line-height: 20px; color: #ba001e;}
div.box p { margin-left: 320px; padding-top: 10px; font-size: 13px; line-height: 18px; color: #000;}
div.box p.left { position: absolute; top: 220px; width: 280px; left: 10px; margin-left: 0;}

div.clear { clear: both;}