/*******************************************************************************************
* Projekt: Franken-Automobile (Yavuz Ötztürk)
* Web: http://www.franken-automobile.de
* Datei: screen.css
* Media: screen, projection 
* 
* Datum: 
* Autor: Gerald Hirsch 
* Mail:  kontakt@geraldhirsch
* Web:   http://www.cervus-it.de
* ------------------------------------------------------------------------------------------ 
*                                 
* =0 AUFBAU:
* 1. Allgemeine Formatierungen (--> spezielle Formatierungen bei 3+4)
* 	11. *, body, html
*	12. Ueberschriften
*	13. Text (p, strong, em, cite, address,...)
*	14. Listen (ul, ol, dl)
*	15. Links
*	16. Formularelemente
*	17. Tabellen
*	18. Sonstiges (hr,...)
* 2. Hilfsklassen (floats, clearer, unsichtbar,...)
* 3. Layoutbereiche und deren Inhalte
*	31. Grundaufbau (Layout der Seite)
*	32. Header
*	33. Navi
*	34. Content
*	35. Footer
*	36. Sonstige
* 4. Spezielle Seiten
*
*-------------------------------------------------------------------------------------------
*
* Verwendete Farben:
*
* Verknuepfte Bilder:
*
*******************************************************************************************/
/****************************************************************************************
	=1. Allgemeine Formatierungen (--> spezielle Formatierungen bei 3+4)
*****************************************************************************************/
/*	=11 *,HTML, BODY */
* {/* Rueckstellung von Abstaenden */
	margin: 0;
	padding: 0; 
}

html {
	text-align: center;
	height: 100%; /* In Firefox Scrollbalken erzwingen */
	margin-bottom: 1px;
}

body {
	/*background-color: #fff9f3;*/
	background-color:#fff;

	color: #000;
	font: 100.01% Trebuchet MS, Helvetica, sans-serif;
	text-align: center;
}

img {
	border: none;
}

/*	=12 UEBERSCHRIFTEN */
h1 {
}

h2 {
}

h3 {
}

h4 {
}

/*	=13 TEXTE (p, strong, em, cite, address,...) */
p, address {
	margin-bottom: 0.7em;
	font-style: normal;
}

/*	=14 LISTEN (ul, ol, dl) */
ul ul {
	margin: 0;
}

#content ul {
	margin-left:6px;
	margin-bottom:6px;
	list-style-type: none;
}

#content ul li {
	padding-left: 16px;
	/*background: #fff9f3 url(../images/bullet.gif) no-repeat left center;*/
	background: #fff url(../images/bullet.gif) no-repeat left center;
}

ol {
	margin-bottom: 0.7em;
	list-style-position: inside;
}

ol li {
	margin-left: 1em;
}

dt {
	font-weight: bold;
	color: #0b539e;
	font-size: 1.1em;
}

dd {
	margin-bottom: 1em;
}

/*	=15 LINKS */

a:focus {
	outline: none;
}

a.extern {
	padding-right: 12px !important;
	background: url(../images/ext.gif) #fff9f3 no-repeat right center;
	background: url(../images/ext.gif) #fff no-repeat right center;
}

.extern:hover, .extern:focus, .extern:active {
	background-image: url(../images/ext_hover.gif);
}

/*	=16 FORMULARELEMENTE */
form {
	margin-top: 1em;
	width: auto;
}

label {
	float: left;
	margin-bottom: 0.8em;
	padding-right: 0.8em;
	width: 15em;
	display: block;
	background-color: #fff;
	color: #0b539e;
	font-size: 0.9em;
	font-weight: bold;
	text-align: right;
}

label#lb_uhr {
	width: 3em;
}

label#lb_chb_kopie {
	width: auto;
	font-weight: normal;
	text-align: left;
}

input {
	float: left;
	margin-bottom: 0.4em;
	padding: 0.2em;
	width: 30em;
}

input#kontakt_plz, input#kontakt_datum, input#kontakt_uhr {
	width: 5em;
}

input#kontakt_kopie {
	margin: 0.3em 0.5em 0 4em;
	width: auto;
}

textarea {
	margin-bottom: 0.4em;
	padding: 0.1em;
	width: 30em;
	height: 7em;
}

input:focus, textarea:focus {
	border: 2px solid #0b539e;
}

button {
	margin: 0.5em 0 0 1em;
	padding: 0 0.3em;
}

form br {
	clear: left;
}

.error{
	color:red !important;
}

/* =18 SONSTIGES */

acronym {
	border-bottom: 1px dotted #505050;
	cursor: help;
}

#footer acronym, a acronym {
	border-bottom: none;
}

hr {
	border: none;
	background-color: #0b539e;
	color: #0b539e;
	height: 1px;
}

/****************************************************************************************
	=2. Hilfsklassen
*****************************************************************************************/
.fett {
	font-weight: bold;
}

.left{
	width:75px;
	text-align:left;
	display:inline-block;
}

.termine{
	margin-left:22px;
	text-align:left;
}

.right{
	width:120px;
	text-align:left;
	display:inline-block;
}

.abstand_unten {
	margin-bottom: 1em;
}

.unsichtbar, #skipnavi {
	width: 0;
	display: inline;
	height: 0;
	left: -3000px;
	overflow: hidden;
	position: absolute;
	top: -2000px;
}

a#skipnavi:focus {
	width: 5em !important;
	background-color: #0b539e !important;
	background-image: none !important;
	color: #fff9f3 !important;
	font-weight: bold !important;
	line-height: 1.4em !important;
	text-decoration: underline !important;
	height: 1.4em !important;
	left: 0 !important;
	top: 0 !important;
	z-index: 10 !important;
}

.clearer {
	clear: both;
	float: none;
	margin: 0 !important;
	padding: 0 !important;
	width: 0 !important;
	font-size: 0px !important;
	height: 0 !important;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

/****************************************************************************************
	=3 LAYOUTBEREICHE UND DEREN INHALTE (keien allg. Formatierungen -->1)
*****************************************************************************************/
 
/*	=31 GRUNDAUFBAU */
#wrapper {
	margin: 0 auto;
	text-align: left;
	max-width: 1000px;
	min-width: 756px;
	position: relative;
}

* html #wrapper {/*Angaben für den IE*/
	width: 820px;
}

#header {
	/*background: url(../images/start1.jpg) #fff no-repeat top right;*/
	color: #000;
	height: 130px;
	position: relative;
}

img.start, iframe.mobile-de{
	padding-top:20px;
}

#navi {
	background-color: #0b539e;
	background-color: #0b539e;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	width: 100%;
}

#main {
	position: relative;
}

#content {
	margin-right: 240px;
	padding: 0.3em;
	padding-left: 30px;
	line-height: 1.4em;
	min-height: 80%;
	font-size: 0.9em;
}

#col {
	margin-top: 1em;
	padding: 10px;
	padding-right: 0;
	width: 220px;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.9em;
}

#footer {
	border-top: 1px solid #0b539e;
	margin-top: 1em;
	padding-left: 15px;
	color: #505050;
	font-size: 0.8em;
	line-height: 2em;
	text-align: center;
}

/*	=32 HEADER */
img#logo {
	bottom: 10px;
	left: 0;
	position: absolute;
}

#header a {
	font-family: "Times New Roman", Times, serif;
	font-size: 3em;
	color: #000;
	text-decoration: none;
}

/*
#kontakt #header, #impressum #header, #hilfe #header, #inhalt #header {
	background-image: url(../images/service.jpg);
}

#vita #header {
	background-image: url(../images/vita.jpg);
}

#philosophie #header {
	background-image: url(../images/philosophie.jpg);
}

#leistungen #header, #knowhow #header, #werkzeuge #header {
	background-image: url(../images/leistungen.jpg);
}

#referenzen #header {
	background-image: url(../images/referenzen.jpg);
}*/

/*	=33 NAVI */
#navi a {
	padding: 0 30px;
	display: block;
	background-color: #0b539e;
	color: #fff;
	text-decoration: none;
}

#navi a:hover, #navi a:focus, #navi a:active {
	border-left: 5px solid #0b539e;
	border-right: 5px solid #0b539e;
	padding: 0 25px;
	background: #0b539e url(../images/navi_hover.gif) no-repeat 13px center; /*falsche Positionierung f&uuml;r den IE<=6*/
}

#navi  li > a:hover, #navi li > a:focus, #navi  li > a:active {
	background-position: 8px center;
} /* richtige Positionierung f&uuml;r Standardbrowser */

* + html #navi a:hover, * + html #navi a:focus, * + html #navi a:active {
	background-position: 13px center;
}/* Hack f&uuml;r den IE7 */

#navi ul {
	list-style: none;
}

#navi li {
	float: left;
	width: auto;
	line-height: 2em;
}

#navi ul#hauptnavi {
	font-family: Trebuchet MS, Helvetica, sans-serif;
	font-weight: normal;
}

#navi ul#service {
	line-height: 1.2em;
	position: absolute;
	right: 180px;
	top: 5px;
	width: 10em;
	font-size: 0.9em;
}

#navi ul#service li {
	float: none;
	padding-right: 14px;
	background: url(../images/bullet.gif) #fff9f3 no-repeat right center;
	background: url(../images/bullet.gif) #fff no-repeat right center;
	line-height: 1.1em;
}

#navi ul#service a {
	padding: 0;
	background-color: #fff9f3;
	background-color: #fff;
	color: #000;
	font-weight: normal;
	text-align: right;
}

ul#service a:hover, #navi ul#service li a:focus, #navi ul#service li a:active {
	border: none;
	background-image: none;
	text-decoration: underline;
}

ul#service .aktiv {
	background-color: #fff9f3;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	text-align: right;
}

ul#service #last {
	background-image: none !important;
}

#navi ul#hauptnavi .aktiv {
	border-left: 5px solid #0b539e;
	border-right: 5px solid #0b539e;
	padding: 0 25px;
	background: url(../images/navi_aktiv.gif) #0b539e no-repeat 8px center;
	color: #fff9f3;
	color: #fff;
	text-decoration: none;
}

/*Markierung in der Hauptnavi bei Unterseiten*/
#knowhow #a_leistungen, #werkzeuge #a_leistungen {
	border: none;
	padding: 0 25px;
	background: url(../images/navi_hover.gif) #0b539e no-repeat 13px center;
}

/*Hoverstatus bei markierten Hauptseiten*/
#knowhow #a_leistungen:hover, #knowhow #a_leistungen:focus {
	text-decoration: underline;
}

/*	=34 CONTENT */
#content h1 {
	border-bottom: 1px solid #0b539e;
	margin: 0.5em 0;
	padding-bottom: 0.2em;
	/*background: url(../images/bg_h1start.jpg) #fff9f3 no-repeat right center;
	background: url(../images/bg_h1start.jpg) #fff no-repeat right center;*/
	color: #0b539e;
	font: 1.8em Georgia, "Times New Roman", Times, serif;
}

/*
#kontakt h1, #impressum h1, #hilfe h1, #inhalt h1 {
	background-image: url(../images/bg_h1service.jpg);
}

#vita h1 {
	background-image: url(../images/bg_h1vita.jpg);
}

#philosophie h1 {
	background-image: url(../images/bg_h1philosophie.jpg);
}

#leistungen h1, #knowhow h1, #werkzeuge h1 {
	background-image: url(../images/bg_h1leistungen.jpg);
}

#referenzen h1 {
	background-image: url(../images/bg_h1referenzen.jpg);
}*/

#content h2 {
	margin: 1em 0 0.5em 0;
	/*padding-left: 25px;*/
	/*background: url(../images/bg_h2start.jpg) #fff no-repeat left center;*/
	color: #0b539e;
	font: 1.4em Georgia, "Times New Roman", Times, serif;
}

/*
#kontakt h2, #impressum h2, #hilfe h2, #inhalt h2 {
	background-image: url(../images/bg_h2service.jpg);
}

#vita h2 {
	background-image: url(../images/bg_h2vita.jpg);
}

#philosophie h2 {
	background-image: url(../images/bg_h2philosophie.jpg);
}

#leistungen h2, #knowhow h2, #werkzeuge h2 {
	background-image: url(../images/bg_h2leistungen.jpg);
}

#referenzen h2 {
	background-image: url(../images/bg_h2referenzen.jpg);
}*/

#content h3 {
	margin-top: 0.5em;
	/*padding-left: 14px;*/
	background: url(../images/bullet.gif) #fff9f3 no-repeat left center;
	background: url(../images/bullet.gif) #fff no-repeat left center;
	color: #0b539e;
	font-weight: bold;
}

#content a {
	border-bottom: 1px solid #0b539e;
	color: #0b539e;
	text-decoration: none;
	padding:0 2px;
}

#content a:hover, #content a:focus {
	background-color: #0b539e;
	color: #fff9f3;
	color: #fff;
}

#content a:visited {
	border-bottom-style: dotted;
}

#content a.top {
	border: none;
	background-color: #fff9f3;
	background-color: #fff;
	color: #4c5348;
}

#content p.back {
	margin-top: 1em;
}

/*	=35 FOOTER */
#footer a {
	border-bottom: 1px dotted #505050;
	color: #505050;
	text-decoration: none;
}

/*	=36 SONSTIGE */ 

#home #col div {
	text-align: right;
	margin-top: -3px;
	width: 100%;
}
#col ul {
	list-style: none;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 2em;
}

#col li {
	border-bottom: 1px solid #0b539e;
	font-size:16px;
}

#col li.aktiv {
	padding-right: 15px;
	background: url(../images/col_aktiv.gif) #fff9f3 no-repeat right center;
	background: url(../images/col_aktiv.gif) #fff no-repeat right center;
	color: #0b539e;
	text-decoration: none;
}

#col li a {
	padding-right: 15px;
	background-color: #fff9f3;
	background-color: #fff;
	color: #0b539e;
	text-decoration: none;
}

#col li a:hover, #col li a:focus, #col li a:active {
	background: url(../images/col_hover.gif) no-repeat right center;
}

li#first_link {
	border-top: 1px solid #0b539e;
}

/* Bewertungs-Banner von mobile.de */

#mobile-drw a{
	margin-bottom:8px !important;
}

/****************************************************************************************
	=4 SPEZIELLE SEITEN
*****************************************************************************************/


/* Service */

div.service{
	margin-bottom:660px;
}

/* Ankauf-Formular */

div.ankauf-formular{
	margin-bottom:280px;
}

/* Ankauf */

div.ankauf {
	margin-bottom:550px;
}

/* Finanzierung */

div.finanzierung {
	margin-bottom:240px;
}

/* Startseite */

div.start {
	margin-bottom: 560px;
}


/* =41 Inhaltsverzeichnis */
#inhalt h2.link, #inhalt h3.link {
	padding-left: 15px;
	background: url(../images/pfeil.gif) #fff9f3 no-repeat left center;
	background: url(../images/pfeil.gif) #fff no-repeat left center;
	color: #0b539e;
	font: 0.9em/1.4em Helvetica, Arial, sans-serif;
}


#inhalt h2.link {
	margin: 1em 0 0 2em;
}

#inhalt h3.link {
	margin-left: 3.5em;
	background-image: url(../images/bullet.gif);
}

#footer p{
	text-align:center;
}


/* EoF */