@charset "utf-8";
body, html{
	height:101%; /*Scrollbar immer anzeigen*/
}

*, html, body {
    margin: 0;
	padding: 0;
}
body {
    font-family: "Myriad Pro", sans-serif;
}
#wrapper-gesamt {
    width: 999px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#container-header {
    width: 999px;
	height: 246px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
	position: relative;
	border-bottom: 30px solid #fff;
}
#container-bild {
    width: 798px;
	height: 210px;
	float: left;
	position: relative;
}
#container-verlauf {
	width: 798px;
	height: 210px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(verlauf-fahrschule-bingen.png);
	z-index: 5;
}
#container-logo {
	width: 250px;
	height: 210px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#container-sidenavi {
    width: 201px;
	height: 210px;
	float: left;
	background-image: url(ampel-grafik.png);
}
#container-sidenavi ul {
    margin: 0;
	padding: 0;
	margin-top: 56px;
	list-style: none;
}
#container-sidenavi ul a li {
    line-height: 30px;
	height: 30px;
	display: block;
	width: 135px;
	padding-left: 64px;
	margin-bottom: 6px;
	text-transform: uppercase;
	font-size: 12px;
}
#container-sidenavi ul a:link,
#container-sidenavi ul a:visited{
    text-decoration: none;
	font-weight: normal;
}
#container-sidenavi ul a:focus,
#container-sidenavi ul a:hover,
#container-sidenavi ul a:active {
    text-decoration: none;
	font-weight: bold;
}
#container-sidenavi ul a.active {
    font-weight: bold;
}

.rot {
    color: #e0001a;
}
.gelb {
    color: #ffdb4d;
}
.gruen {
    color: #00aa36;
}
.clearer {
    clear: both;
}
#container-topnavi {
    width: 999px;
	height: 30px;
	margin-top: 6px;
}
#container-topnavi ul {
    list-style: none;
	margin: 0;
	padding: 0;
}
#container-topnavi ul a {
    text-decoration: none;
}
#container-topnavi ul a li {
    width: 195px;
	height: 30px;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 30px;
	text-align: center;
	margin-left: 6px;
	float: left;
}
#container-topnavi ul a.first li {
	margin-left: 0;
}
#container-topnavi ul a:link li,
#container-topnavi ul a:visited li {
	color: #fff;
	text-decoration: none;
	background-color: #00aa36;
}
#container-topnavi ul a:focus li,
#container-topnavi ul a:hover li,
#container-topnavi ul a:active li {
	color: #00aa36;
	text-decoration: none;
	background-color: #cce9d7;
}
#container-topnavi ul a.active li {
    color: #00aa36;
	background-color: #cce9d7;
}
#container-body {
/*	overflow: hidden;
*/	min-height: 400px;
	height: 100%;
	
    width: 999px;
/*	padding-top: 276px;
*/	padding-bottom: 10px;
	position: relative;
}
#wrapper-hauptnavi {
	width: 195px;
	min-height: 360px;
	float: left;
	position: relative;
}
#container-hauptnavi {
	position: relative;
	top: 0;
	left: 0;
	width: 195px;
	min-height: 360px;
/*	z-index: 100;
*/	padding-bottom: 86px;
}
#container-hauptnavi ul {
    list-style: none;
	margin: 0;
	padding: 0;
}
#container-hauptnavi ul a {
    text-decoration: none;
}
#container-hauptnavi ul a li {
    width: 177px;
	height: 30px;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 30px;
	text-decoration: none;
	line-height: 30px;
	padding-left: 18px;
	text-decoration: none;
}
#container-hauptnavi ul a li.ohne-margin {
    margin-top: 0px;
}
#container-hauptnavi ul a:link li,
#container-hauptnavi ul a:visited li {
	color: #000;
	text-decoration: none;
	background-color: #ffdb4d;
}
#container-hauptnavi ul a:focus li,
#container-hauptnavi ul a:hover li,
#container-hauptnavi ul a:active li {
	color: #fff;
	text-decoration: none;
	background-color: #e0001a;
}
#container-hauptnavi ul a.active li {
    color: #fff;
	background-color: #e0001a;
}
#container-hauptnavi ul ul {
    margin-top: 10px;
}
#container-hauptnavi ul ul li  {
    padding-left: 40px;
	width: 155px;
	height: 20px;
	font-size: 14px;
}

#container-hauptnavi ul ul li a:link,
#container-hauptnavi ul ul li a:visited {
	color: #000;
	text-transform: uppercase;
	text-decoration: none;  
}
#container-hauptnavi ul ul li a:focus,
#container-hauptnavi ul ul li a:hover,
#container-hauptnavi ul ul li a:active,
#container-hauptnavi ul ul li a.active {
	color: #e0001a;
	text-transform: uppercase;
	text-decoration: none;  
}
#container-content {
	float: left;
	width: 537px;
	padding-left: 46px;
	padding-right: 20px;
	margin-bottom: 10px;
	font-size: 14px;
	min-height: 500px;
}
.breiter {
    width: 716px;
}
#container-content a:link,
#container-content a:visited {
    color: #00aa36;
	text-decoration: none;
}
#container-content a:focus,
#container-content a:hover,
#container-content a:active {
    color: #00aa36;
	text-decoration: underline;
}
#container-content ul, 
#container-content ol {
    margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
}
#container-content ul li {
    line-height: 22px;
}
#container-content p {
    margin-top: 10px;
	margin-bottom: 10px;
	line-height: 20px;
}
#container-content h1 {
    font-size: 20px;
	color: #e0001a;
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#container-content h2 {
    font-size: 16px;
	color: #e0001a;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#container-content h3 {
    font-size: 16px;
	color: #000;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: uppercase;
}
#container-content h4 {
    font-size: 16px;
	color: #e0001a;
	font-weight: normal;
	margin-bottom: 7px;
	text-transform: none;
}

#container-content h6 {
    font-weight: normal;
	font-size: 11px;
}
table {
	border-spacing: 0px 0px;
	padding: 0;
	margin: 0;
	border: 1px solid #cce9d7;
	font-size: 12px;
}
tr.tabellenueberschrift td {
    padding-right: 10px;
	background-color: #cce9d7;
	border: 1px solid #fff;
}
table td {
	padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #cce9d7;
	vertical-align: top;
}
#container-content table tr td h2,
#container-content table tr td h3,
#container-content table tr td h4 {
    font-size: 14px;
}

.profil {
	width: 537px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.foto {
	height: 140px;
	width: 110px;
	float: left;
	margin-right: 30px;
	overflow: hidden;
}
.beschreibung-profil {
	width: 397px;
	float: left;
}

#wrapper-teaser {
	float: left;
	width: 179px;
	height: auto;
	position: relative;
}
#container-teaser {
	position: relative;
	width: 179px;
	height: auto;
	padding-left: 22px;
	font-size: 14px;
}
#container-teaser p {
    margin-bottom: 10px;
	line-height: 20px;
}
#container-teaser a:link,
#container-teaser a:visited {
    color: #00aa36;
	text-decoration: none;
}
#container-teaser a:focus,
#container-teaser a:hover,
#container-teaser a:active {
    color: #00aa36;
	text-decoration: underline;
}
.telefon {
    font-size: 18px;
	color: #e0001a;
	font-weight: bold;
}
#wrapper-footer {
    position: relative;
	width: 100%;
	height: 42px;
	clear: both;
}
#container-footer {
    width: 981px;
	margin-left: auto;
	margin-right: auto;
	height: 30px;
	border-top: 6px solid #00aa36;
	margin-bottom: 6px;
	background-color: #cce9d7;
	padding-right: 18px;
	font-size: 14px;
	line-height: 30px;
/*	background-image: url(footer-fahrschule-bingen.png);
*/}
.footer-links {
    width: 377px;
	height: 30px;
	margin-left: 18px;
	float: left;
}
.footer-right {
    width: 604px;
	height: 30px;
	float: left;
}
#container-footer ul {
    list-style: none;
}
#container-footer ul li {
    float: right;
	margin-left: 10px;
}
#container-footer ul li a {
    font-size: 14px;
	line-height: 30px;
}
#container-footer ul li a:link,
#container-footer ul li a:visited {
    color: #00aa36;
	text-decoration: none;
}
#container-footer ul li a:focus,
#container-footer ul li a:hover,
#container-footer ul li a:active,
#container-footer ul li a.active {
    color: #000;
	text-decoration: none;
}
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 0px;
}
/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}
.formgen form
{
}
.formgen h2 {
    margin-top: 20px;
}
/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 0px;	
}
 .forminfo 
{
	margin-bottom: 10px;
	font-weight: bold;
	color: #00aa36;
}
/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 100px;
	border: none;
	background-color: #fff;
	font-family: "Myriad Pro", sans-serif;
	color: #00aa36;
	font-size: 12px;
	border: 1px solid #cce9d7;
	margin-bottom: 10px;
}

/* Textfeld */
.formgen .formtext
{
	width: 200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #fff;
	border: none;
	color: #00aa36;
	margin-bottom: 5px;
	font-family: "Myriad Pro", sans-serif;
	font-size: 12px;
	border: 1px solid #cce9d7;
}
.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	background-color: #cce9d7;	
	color: #00aa36;
}

/* Label */
.formgen label {
	width: 200px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: normal;
}

input[type=checkbox] {
    padding-top: 4px;
	padding-bottom: 4px;
}
.formgen .radiofield {
	clear: left;
}



/* Sende-Button */
.formgen .formsubmit
{
	width: 220px;
	margin-left: 200px;
	text-align: left;
	background-color: #e0001a;
	border: none;
	color: #ffffff;
	font-weight: normal;
	text-align: center;
}
.formgen .formsubmit:focus,
.formgen .formsubmit:hover {
    background-color: #e0001a;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

/* Fieldsetbeschriftung */
.formgen legend {
	color: #000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border: none;
	color: #e0001a;
}
/* Sternchen */
.formgen .formreq {
	color: #e0001a;
}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */



/*Image Fader*/

.image_fade_wrapper {
	float: left;
	border: none;
	background-color: #C9D5D5;
}
.image_fade {
	position: relative;
	float: left;
	width: 350px;
	height: 350px;
	border: none;
}
.image_fade img {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	margin: 0;
	padding: 0;
}
.clear{
	clear: both;
}

/* Tooltip */

.tooltip {
	display:none;
	font-size:12px;
	background-color: #e0001a;
	width:auto;
	padding:10px;
	height: auto;
	color:#fff;	
	margin-top: 100px;
}
/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 0;
}