/* RESET */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

a img, :link img, :visited img { border: 0; }

a { outline: none; }


/* HTML ELEMENTS */

html, body { height: 100%; width: 100%; }

html { background: #ffe200 url(../bilder/bg-html.gif) repeat top left; height: 100%; width: 100%; }

body { font:62.5%/2.4em georgia,times, serif; line-height:2.4em; color: #403200; }

.hellgelb { color: #ffe200; }

.gelb { color: #ffc900; }

.braun { color: #403200; }

.rot { color: #CC0000; }


/* PAGE STRUCTURE */

#content { width: 96em; margin: 0 auto; }

#header, #footer, .section { display: block; position: relative; }

#header { height: 12em; background: url(../bilder/bg-header.gif) no-repeat top center; z-index: 1; }

#footer { padding-bottom: 2.4em; }

body#home .teaser, body#home1 .teaser { height: 32em; }

.teaser { background: url(../bilder/bg-teaser.gif) no-repeat left top; height: 25em; }

body#home .subteaser, body#home1 .subteaser { background: url(../bilder/bg-subteaser.gif) no-repeat center top; }

body#kunden .subteaser, body#taxifahrer .subteaser, body#kontakt .subteaser, body#kunden1 .subteaser, body#taxifahrer1 .subteaser, body#kontakt1 .subteaser { background: url(../bilder/bg-subteaser-klein.gif) no-repeat center top; }

.main { background: url(../bilder/bg-main.gif) no-repeat center top; }

.col1, .col3x2, .col2, .col3, .ratioBig, .ratioSmall { display: inline; float: left; padding: 2.4em 2em; position: relative; }

.col1 { width: 92em; }

.col2 { width: 44em; }

.col3 { width: 28em; }

.col3x2 { width: 60em; }

.ratioBig { width: 56em; z-index: 9; }

.ratioSmall { width: 32em; }


/* NAVIGATION */

#nav { font-size: 2.4em; line-height: 49px; font-family: helvetica, arial, sans-serif; list-style: none; margin:0; padding: 0; text-align: center; top: 67px; right: 5px; position: absolute; }  

#nav li { background: url(../bilder/bg-nav-off.gif) no-repeat center center; float: left; width: 130px; height: 49px; position: relative; }

#nav li a { color: #ffc900; text-decoration: none; z-index: 20; display: block; position: relative; height: 49px; border: none; font-style: normal; }

#nav li .hover { background: url(../bilder/bg-nav-on.gif) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 0; display: none; height: 49px; width: 130px; }

#nav li a:hover { color: #ffe200; }

body#home .home, body#taximap .taximap, body#kunden .kunden, body#taxifahrer .taxifahrer, body#kontakt .kontakt { color: #fafafa; }



/* TYPROGRAPHY */

b, strong { font-weight: bold; }

em { font-style: italic; }

h1 { font-size:7.2em; letter-spacing: -7px; left: -7px; margin-bottom: 0.5em; }

h2 { font-size:2em; left: -0.1em; letter-spacing: -1px; font-family: georgia, times, serif; }

h3 { font-size:4.8em; line-height: 1em; letter-spacing: -4px; left: -0.1em; }

h4 { font-size:3em; line-height: 0.8em; margin-bottom: 0.8em; letter-spacing: -2px; }

.subteaser h4 { margin-bottom: 1.92em; }

h5 { font-size:2.4em; line-height: 1em; letter-spacing: -2px; font-weight: bold; }

h6 { font-size:1.6em; line-height: 1.5em; }

h1, h2, h3, h4, h5, h6 { position: relative; }

h1, h3, h4, h5, h6 { color: #000; font-family: helvetica, arial, sans-serif; }

h1, h2, h3, h4, h6 { font-weight: normal; }

h2 a { color: #403200; text-decoration: none; border-bottom: 1px dotted; }

i { font-style: italic; }

p { font-size:1.6em; line-height:1.5em; top: 0.1em; position: relative; margin-bottom: 1.5em; }

p a, li a { border-bottom: 1px dotted; color: #403200; font-style: italic; font-size: inherit; text-decoration: none; }

p a:hover, li a:hover, #footer a:hover { color: #CC0000; }

#footer a { color: #403200; border: none; }

#footer h4 a { text-decoration: none; border-top: 1px dotted; border-bottom: 1px dotted; padding: 10px 0; margin-bottom: 10em; }



/* OTHER CLASSES  */

blockquote { background-color: #ccc; font: normal 1.6em/1.5em georgia, serif; margin-bottom: 1.5em; padding: 1.5em 2.1em; }

.clear { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.float-left { float: left; }

.float-right { float: right; }

.helvetica { font-family: helvetica, arial, sans-serif; }

.highlight { color: #990000; font-family: helvetica, arial, sans-serif; font-weight: bold; padding: 0 2px; }

.ico-taxi { background: url(../bilder/ico-taxi.png) no-repeat 10px 10px; }

.ico-smartphone { background: url(../bilder/ico-smartphone.png) no-repeat 20px 10px; }

.ico-imac { background: url(../bilder/ico-imac.png) no-repeat 15px 15px; }

.ico-kuchengrafik { background: url(../bilder/ico-kuchengrafik.png) no-repeat 15px 10px; }

.ico-dart { background: url(../bilder/ico-dart.png) no-repeat 20px 10px; }

.ico-calculator { background: url(../bilder/ico-calculator.png) no-repeat 20px 10px; }

.ico-vcard { background: url(../bilder/ico-vcard.png) no-repeat 10px 10px; }

.ico-sparschwein { background: url(../bilder/ico-sparschwein.png) no-repeat 0 10px; }

.ico-wifi { background: url(../bilder/ico-wifi.png) no-repeat 10px 10px; }

.ico-taxi h4, .ico-smartphone h4, .ico-imac h4, .ico-kuchengrafik h4, .ico-dart h4, .ico-calculator h4, .ico-vcard h4, .ico-wifi h4 { text-indent: 1.8em; }

.ico-sparschwein h4 { text-indent: 1.2em; }

.letterspacing { letter-spacing: 1px; }

.margin { margin: 2.1em 0; }

.margin24 { margin-top: 2.4em; }

.margin48 { margin-top: 4.8em; }

.margin72 { margin-top: 7.2em; }

.margin-left { margin-left: 2em; }

.margin-right { margin-right: 2em; }

.mobiletaxi { font-family: helvetica, arial, sans-serif; font-weight: bold; font-size: inherit; font-style: normal; }

.nodisplay { display: none; }

.nomargin { margin-bottom: none; }

.nowrap { white-space: nowrap; }

.logo { height: 10em; width: 30em; position:absolute; cursor: pointer; }

.logo h1 { text-indent: -999em; }

.padding24 { padding-top: 2.4em; }

.padding48 { padding-top: 4.8em; }

.padding72 { padding-top: 7.2em; }

.padding96 { padding-top: 9.6em; }

.padding240 { padding-top: 24em; }

.small { font-size: 1.2em; line-height: 2em; margin-bottom: 2em; }

.star { position: absolute; top: -40px; right: -45px; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-justify { text-align: justify; }

.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.underline { border-bottom: 1px solid; }

.weiss { color: #fafafa; }


/* IMAGES  */

img.img-left, img.img-right { margin-bottom: 2.4em; position: relative; top: 0.5em; }

img.img-left { float: left; margin-right: 0.5em; }

img.img-right { float: right; margin-left: 2.4em; }

.img-teaser { position: absolute; top: 0; right: -5em; }

.foto-iphone { position: absolute; top: -6.9em; left: 0; }

.image { margin-bottom: 2.4em; }
 

/* LISTS */

ul.typo, ol.typo { font-size: 1.6em; line-height: 1.5em; margin: 1.5em 0 1.5em 1em; list-style-position: outside; position: relative; top: 0.1em; }

.taxiorder li { float: left; list-style: none; width: 33%; position: relative; }

.taxiorder .bullet { position: absolute; top: -5px; left: -10px; }


/* FORM ELEMENTS */

form legend { font-size:48px; font-family: helvetica, arial, sans-serif; padding-bottom: 21px; letter-spacing: -0.05em; color: #000; }

form p { position: relative; margin: 15px 0;}

form p label { position: absolute; top: 0; left: 0;}

form p br {display: none;}

form fieldset p input, form fieldset p textarea { display: block; padding: 8px 5px 3px 5px; width: 400px; margin: 0; } 

form fieldset p label { width: 380px; display: block; margin: 8px 5px 3px 6px; padding: 0; font-size: 16px; font-family: helvetica, arial, sans-serif; }

form fieldset p textarea { padding: 2px; width: 404px; }

form fieldset p textarea, form fieldset p input { border: solid 1px #bec2c2; font-size: 16px; font-family: helvetica, arial, sans-serif; }

form fieldset p textarea:focus, form fieldset p input:focus { background-color: #ffe200; }

form fieldset p label { color: #777; }

form .error { color: #cc0033; font-size: 14px; }

.button { 
	background: #403200 url(../bilder/btn-overlay.png) repeat-x;
	border: 1px solid #222;
	border: 1px solid rgba(0,0,0,0.25) rgba(0,0,0,0.25) rgba(0,0,0,0.5);
	color: #fafafa;
	cursor: pointer; 
	display: inline-block;
	font-size: 12px; 
	padding: 15px 15px 5px;
	position: relative;  
	text-decoration: none;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px #222;
	text-align: center;   
	line-height: 2em;
	margin-bottom: 2.1em;  
	-moz-border-radius: 16px; 
	-webkit-border-radius: 16px; 
	-moz-box-shadow: 0 1px 5px #999; 
	-webkit-box-shadow: 0 1px 5px #999; 
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5); 
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.5); 
	 
	}

.button:hover { background-color: #111; color: #f2d801; }

.button .bigfont { color: #fafafa; font-family: helvetica, arial, sans-serif; font-weight: normal; font-size:3em; line-height: 0.8em; letter-spacing: -2px; display: block; }

button { border: none; color: inherit; }


/* OVERLAY */

.simple_overlay { display:none; z-index:10000; background: #ffe200 url(../bilder/bg-html.gif) repeat top left; padding: 30px; border: #999 1px solid; -moz-box-shadow:0 0 15px 5px #999; -webkit-box-shadow: 0 0 15px #999; width: 42.5em; }

.simple_overlay .close { background-image:url(../bilder/overlay-close.png); position:absolute; right:-10px; top:-10px; cursor:pointer; height:30px; width:30px; }

.next, .prev { height:30px; width:30px; position:absolute; top:50%; cursor:pointer; }

.prev { background-image:url(../bilder/overlay-left.png); left:-0; }

.next { background-image:url(../bilder/overlay-right.png); right:0; }

.progress { position:absolute; top:45%; left:47%; display:none; } 

.disabled { visibility:hidden; }