/*
 * Allgemein
 */
* {
	margin: 0;
	padding: 0;
	outline: none !important;
}
.bottom {
	position: absolute;
	bottom: 0;
}

/*
 * Grundlayout
 */
body {
	overflow: auto;
	text-align: center;
	font-size: 0.9em;
	font-family: Arial, Verdana,sans-serif;
	background-color:#5E7657;

}

div#main {
	width: 800px;
	height: 564px;
	margin: auto;
	margin-top: 24px;
	
	position: relative;
	text-align: left;
	
	border: 1px solid #435f36;
	
	background-color: #ffffff;
}
a img{
	border: none;	
}
.center {
	text-align: center;	
}
.b {
	font-weight: bold;
}
.clear {
	clear: both;	
}
.floattext {
	float: left;
	line-height: 1.2em;	
}

/*
 * Kopfteil und Navigationsleisten
 */
h1#title {
	text-indent: -32767px;
	width: inherit;
	height: 100px;
	
	background-color: #effebc;
	background-repeat: no-repeat;
	background-image: url('/images/layout/logo.gif');
	background-position: center;
}
div.nav-bar {
	width: 800px;
	height: 22px;
	
	background-color: #effebc;
}

div#gradient-bar-top, div#gradient-bar-bottom {
	height: 16px;
	width: 777px;
	
	position: absolute;
	left: 0;
	
	font-size: 1px;
}

div#padding-top, div#padding-bottom {
	height: 20px;
	width: 777px;
	
	background-color: #ffffff;
	
	position:absolute;
	left: 0;
	background-repeat: repeat-x;
	
	font-size: 1px;
}

div#gradient-bar-top {
	top: 143px;
	background-image: url('/images/layout/transparent-gradient-t.png');
}
/* IE-Fix	*/
* html div#gradient-bar-top {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/transparent-gradient-t.png', sizingMethod='scale'); 
}

div#padding-top {
	top: 123px;
}

div#gradient-bar-bottom {
	bottom: 35px;
	background-image: url('/images/layout/transparent-gradient-b.png');
}
/* IE-Fix */
* html div#gradient-bar-bottom {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/layout/transparent-gradient-b.png', sizingMethod='scale'); 
}

div#padding-bottom {
	bottom: 23px;
	height: 12px;
}

div.angle {
	width: 20px;
	height: 20px;
	position: absolute;
	
	background-repeat: no-repeat;
}
div.lt {
	background-image: url('/images/layout/angle-lt.gif');
	left: -1px;
	top: -1px;
}
div.rt {
	background-image: url('/images/layout/angle-rt.gif');
	right: -1px;
	top: -1px;
}
div.lb {
	background-image: url('/images/layout/angle-lb.gif');
	left: -1px;
	bottom: -1px;
}
div.rb {
	background-image: url('/images/layout/angle-rb.gif');
	right: -1px;
	bottom: -1px;
}

/*
 * Content-Container
 */
div#content-container {
	width: inherit;
	height: 418px;
	overflow: auto;
	
	border: 1px solid #435f36;
	border-left: none;
	border-right: none;
}
div#content {
	padding-top: 2.2em;
	padding-bottom: 4em;
	margin-left: 4.5em;
	margin-right: 4em;
	font-size: 0.9em;
}

#content p.center {
   text-align: center;
}
#content ul.features {
   margin: 0.5em 0;
   margin-left: 180px;
   width: 400px;
}

#content p.news {
   font-weight: bold;
   font-size: 1.2em;
   text-align: center;
}

/* IE Fixes */
* html div#content {
	padding-top: 2.8em;
}
* + html div#content {
	padding-top: 2.8em;
}


/*
 * Navigations-Link-Listen
 */
ul.navi {
	list-style-type: none;
	margin-left: 55px;
}
ul.navi li {
	float: left;
	
	margin-top: 3px;
	margin-left: 10px;
	
	display: inline;
	
	position: relative;
}

ul.navi span.button {
	display: block;
	
	width: 18px;
	height: 18px;
	
	position: absolute;
	top: 11px;
	left: -26px;


	background-image: url('/images/navigation/button-a.gif');
	background-repeat: no-repeat;
}
ul.navi li.navi_active span.button {
	background-image: url('/images/navigation/button-b.gif');
}
ul.navi a {
	display: block;
	width: 130px;
	
	text-decoration: none;
	color: #6c8460;
}



/*
 * Leiste unten
 */
p.address {
	letter-spacing: 4px;
	font-size: 0.9em;
	
	margin-top: 3px;
	
	text-align: center;
	
}

/*
 * Content
 */

h2 {
	height: 20px;
	font-size: 1.2em;
	text-indent: 46px;
	margin-top: 1em;
	margin-bottom: 0.3em;
	color: #334833;
	background-image: url('/images/layout/dot.png');
	background-repeat: no-repeat;
	background-position: left;
}
h3 {
	font-weight: bold;
	margin-top: 0.8em;
	letter-spacing: 0.2em;
	color: #334833;
}
h3.full {
	border-bottom: 1px solid silver;
	margin-bottom: 3px;	
}
img {

}
#content table {
	width: 97%;
}
#content p {
	text-align: justify;
}

.bigtext {
	font-size: 1.5em;
	font-weight: bold;
	color: #334833;
}
abbr, acronym {
	text-decoration: none;
	border-bottom: none;
}


/*
 * Führerschein-Tabelle
 */

#content table {
	background-color: #f4Ffdd;
	border-collapse: collapse;
	margin-top: 0.5em;
}
table tr td.fs {
	font-size: 2.5em;
	font-weight: bold;
}
table tr.odd-row {
	background-color: #EFFEBC;
}
table tr td{
	border: 1px solid #435f36;
	padding: 0.3em;
}
table tr td li {
	margin-left: 3em;
}
table h3 {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	letter-spacing: normal;
	font-size: 1.1em;
	
}

/* Bilder Theorie */
.image-left {
	float: left;
	margin-top: 0.4em;	
}


/* Historie */
.historie-container {
   overflow: hidden;
   clear: both;
}

.portrait {
   float: left;
   display: block;
   margin-left: 40px;
}

.historie {
   float: left;
   display: block;
   margin: 0.5em 0;
}

/* Fahrschule Bilder */

div.standorte {
   overflow: hidden;
   clear: both;
}

div.standorte div.bild {
   width: 330px;
   float: left;
   display: block;
}



/*
 * Kontaktformular
 */

#form {
	width: 300px !important;
	float: right;
	margin: 2em;
}
#form #success {
	height: 17em;
	text-align: center;	
}
#form input, #form textarea {
	margin: 2px;
}
#name, #mail {
	width: 220px;	
}
#form .input {
	border: 1px solid #000000;	
}
#form .button {
	margin-left: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}
 
#content ul {

}
input, textarea {
	

}
textarea {
	width: 322px;
}