/* CSS Document für Stattauto München von Genevieve Cory 20090228 www.cory.de */
/* green #009E93  or gif version #017A73 ochre #FE902F or gif version #FE9131*/
html {height:101%} 

html, body, table, tr, td {font: 11px Verdana, Arial, Univers, Helvetica, sans-serif;}

#googlemap_popup div, #googlemap_popup p
{
margin:0;padding:0;
border:1px solid orange;
line-height:50%;
}

#googlemap_popup br
{
height:1px;
line-height:1px;
font-size:1px;
margin:0;padding:0;
display:inline;
}


#picture {clear:left;}

#languagelink {
	float:right;
	width:105px;
	height:auto;
	padding:15px;
	margin:-22px 0 10px 0;
	vertical-align:top;
	background-color:#FFF0D9;
	position: relative; 
	text-align:center;
	overflow:hidden;
	z-index:300;
	font-size:11px;
	line-height:15px;
}



.klaerchen {clear:both;
width:70%;
height:1px;overflow:hidden;
}

body {background-color:#FFFFff;
	margin:0;
	padding:0 45px 0 45px;
	color:#000;
    position: relative;
 	text-align:center; 
	 }
#wrapper {	clear:both; width: 950px;  border:0px solid red;margin:auto;height:auto;
overflow:visible;}
body #uebersicht-h1 {text-align:left;clear:both;}
/* z-index: 10; */
		 
#col1_content, #col2_content, #col3_content { border:0px dashed black;}
#col2_content{ border:0px dotted black;padding-left:50px;width:700px;}
		 
		 /* z-index: 50; */
		 
#content {
text-align:left;
	margin:0 0px 0px 0px; 
	padding:30px 0px 0 15px;
	border:0px dashed green;
	width:770px;
	position: relative; 
	overflow:hidden;
	min-height:800px;
}

iframe {position:absolute;}

/* yaml */


/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Diese Angabe benoetigt der Safari-Browser zwingend !! */
.clearfix {display: block;}

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
.clear_columns{	
	content: "."; 
	display: block;  
	height: 0; 
	font-size: 0; 
	clear: both; 
	float: left; 
	visibility: hidden; 
	border: 0; 
	margin-top: -2em; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

/* / yaml */

#oben {
width: 950px;
height:150px;
padding:0;
margin:0 auto 0 auto;
border-bottom:4px solid #FDBE56;}

#logo {margin-top:60px;padding:0;
float:left; border:0;
}



/* #content table {width:40%;}  changed from 100% for yaml */
#content td h4 {border:0px solid red;padding-right:10px;padding-left:10px;}

hr {
	width:620px;
	background-color: #00486A;
}

a {color:#009E93;
font-weight:bold;
}

a:link {
    }
a:visited {
}
a:hover {
        COLOR: #FE902F; TEXT-DECORATION: underline}
a:active {
}

/* strong, * b {color:#009E93;} in case they want it back */

h1 {
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	color:#009E93;
	border:0px solid red;
	margin-top:0px;
		padding-top:0;
	}
	
h2 {
	font-size:11px;
	line-height:18px;
	font-weight:bold;
	margin:15px 0 15px 0;
	}

h3 {
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	color:#009E93;
	margin-top:20px;
	}
	
	
h4 {
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#009E93;
	}	

h5 {
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#009E93;
	}
	
h6 {
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	color:#009E93;
	}	
	

UL {
        MARGIN-BOTTOM: 3px; MARGIN-TOP: 3px
}
P {
        MARGIN-BOTTOM: 4px; MARGIN-TOP: 4px
}

/* für Stripe-Funktion */
.even {background-color:#FFF;}
.odd {background-color:#fff;}
 .nobg {height:5px;}

/* ---------------*/

#name h4 {line-height:26px;}

#linkback {margin-top:20px;}

#lineme {width:1px;height:533px;border-right:2px solid #FE902F;position:absolute;top:220px;left:379px;}

ul li {
	list-style-image:   url("bilder/li.gif");
	list-style-position: outside;
}

div.logtext {background-color:#FED49B; 
	padding:0;
	margin:0;
	font-size:11px; 
	line-height:16px;
	width:155px;
}

div.logtext p {margin:10px;background-color:#FED49B; 
color:#000;padding-top:10px;}
div.logtext p b {background-color:#FED49B; 
color:#000;}


#skizze {float:left; margin-right:15px;width:500px;}
#stat-beschreibung {float:left;margin:15px 15px 0 0;width:500px;}
#ausweich {margin-right:15px;}
#fahrzeuge {margin-right:15px;width:450px;}
.tabhead {color:#000;font-weight:normal;font-size:11px;}
.tabhead_kl {color:#000;font-weight:bold;font-size:13px;}
.bold {font-weight:bold;}

.tariftpl .tabhead {color:#000;}
.tariftpl img {margin-top:3px;}
.tariftpl td {height:20px;}
img {margin-top:3px;}

.autolink {display:block;padding-top:3px;}

table .buchanfrage {border-right:1px solid #c0c0c0;}
.buchanfrage td, .buchanfrage th {border-left:1px solid #c0c0c0;padding:5px;}
.buchanfrage th {text-align:left;border-bottom:1px solid #c0c0c0;}
html body table .buchanfrage td {vertical-align:middle;}
.buchanfrage td h4 {vertical-align:middle;}

.loginbereich input {
	color:#333;
	background-color:#fff;
	}
.loginbereich .inputs {
border:0px solid red;
width:auto;
margin-top:4px;
	}
#vorhandensein {width:350px;border:0;padding:0;margin:0;}
#formtable {border:0;padding:0;margin:0;}
#datumwahl td {padding:2px;}	
.highlight {font-weight:bold;color:#FE902F;}
.fehler {color:#BD1E02;font-weight:bold;}


/* persönliche daten-seite */

td.body input {font-size:11px;}

.loginbereich #first {width:145px;
padding:8px 10px 0 0;}

td.quali {border-bottom:1px solid #c0c0c0;border-top:1px solid #c0c0c0;}
td.quali h4 {color:#000;}
.floatleft {float:left; padding-right:20px;}
#quernutzung .floatleft {width:600px;padding-top:20px;}

.noline img {margin-top:3px;}

body {padding-bottom:20px;}
.padme td {padding:0 10px 0 10px;vertical-align:top;}
.padme img {margin-top:3px;}

/* Style-Def für Ausrufezeichen in der Fahrzeugliste */
#dhtmltooltip {
        position: absolute;
        width: auto;
        height: auto;
        color: #333;
        padding: 2px;
        background-color: #E7E7E7;
        visibility: hidden;
        z-index: 150;
        white-space: nowrap;
        padding: 1px 6px 0 6px;
        border: 1px solid #05054A;
}
/* Style-Def für Ausrufezeichen */
.autoinfo { color: #ff0000; font-weight: bold; cursor: pointer;}

/* für die lange Stationsliste */

.stationhere {clear:both;height:25px;width:800px;border-top:1px solid orange;}
.stationhere div {margin:2px;padding:3px 7px 4px 0;border-top:0px solid orange;}

.one, .two, .three, .four, .five {float:left;height:10px;border:0px solid black;vertical-align:middle;}
.one {width:120px;border-color:blue;}
.two {width:280px;border-color:green;}
.three {width:25px;border-color:red;padding-top:4px;}
.four {width:35px;border-color:yellow;}
.five {width:25px;}
.three img {vertical-align:middle;}

#quernutzung .one {padding-top:20px;}

select, input {font-size:11px;}

.printme {visibility:hidden;}

#staedte_9 {clear:both;height:80px;}
#staedte_9 div {float:left;width:120px;}
