/*| ------------------------------------------------------------------*/
/*| --------------------------------| =Standard| ---------------------*/
/*| ------------------------------------------------------------------*/

html,body,
div,span,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,
a,form,input,form,object,textarea,
table,td,img {
   margin: 0px;
   padding: 0px;
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 12px;
   color: #313131;
   text-decoration: none;
   list-style-type: none;
   outline: none;
}

html, body {
   height: 100%;
   min-height: 100%;
}

body {
   background: #c2e3fa url(../images/bg-body.jpg) repeat-x top;
}

hr {
   margin: 0 0 30px 0;
   color: #b5b5b5;
   height: 1px;
   border-top: solid 1px #b5b5b5;
   border-bottom: transparent;
   clear: both;
}

.clear {
   clear: both;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =branding |----------------------*/
/* -------------------------------------------------------------------*/

h1.branding {
   width: 330px;
   height: 89px;
   position: absolute;
   top: 43px;
	background: url(../images/bg-branding.jpg)
}

h1.branding a {
   width: 330px;
   height: 89px;
   display: block;
   text-indent: -5000px;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Headlines |---------------------*/
/* -------------------------------------------------------------------*/

h2 {
   margin-bottom: 10px;
	text-indent: -5000px;
   width: 562px;
   height: 48px;
}

h2.startseite {background: url(../images/index/bg-h2.jpg) no-repeat left top;}
h2.kontakt {background: url(../images/kontakt/bg-h2.gif) no-repeat left top;}
h2.kontaktDanke {background: url(../images/kontakt-danke/bg-h2.gif) no-repeat left top;}
h2.anfahrt {background: url(../images/anfahrt/bg-h2.gif) no-repeat left top;}
h2.impressum {background: url(../images/impressum/bg-h2.gif) no-repeat left top;}
h2.fehler {background: url(../images/fehler/bg-h2.gif) no-repeat left top;}
h2.gaestebuch {background: url(../images/gaestebuch/bg-h2.gif) no-repeat left top;}
h2.fahrschulen {background: url(../images/fahrschulen/bg-h2.gif) no-repeat left top;}
h2.fahrzeuge {background: url(../images/fahrzeuge/bg-h2.gif) no-repeat left top;}
h2.motorbootFuehrerschein {background: url(../images/motorboot-fuehrerschein/bg-h2.gif) no-repeat left top;}
h2.motorbootcharter {background: url(../images/motorbootcharter/bg-h2.gif) no-repeat left top;}
h2.fuehrerscheinurlaub {background: url(../images/fuehrerscheinurlaub/bg-h2.gif) no-repeat left top;}
h2.intensivkurs {background: url(../images/intensivkurs/bg-h2.gif) no-repeat left top;}
h2.partner {background: url(../images/partner/bg-h2.gif) no-repeat left top;}
h2.preise {background: url(../images/preise/bg-h2.gif) no-repeat left top;}

h3 {
   font-size: 14px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #09529f;
}

h4 {
   font-size: 12px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #09529f;
}

h5 {
   font-size: 12px;
   font-weight: bold;
   color: #313131;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Border |------------------------*/
/* -------------------------------------------------------------------*/

.imageBorderFloatRight,
.imageBorderFloatLeft,
.imageBorderClear,
.imageBorder {
   padding: 4px;
   background: #fff;
   border: 1px solid #b4b4b4;
}

.imageBorderFloatLeft {
   margin: 0 20px 20px 0;
   float: left;
}

.imageBorderFloatRight {
   margin: 0 0 20px 20px;
   float: right;
	clear: both;
}

.imageBorderClear {
   margin: 0 0 5px 0;
   clear: both;
}

.imageBorder {
   margin: 0 0 20px 0;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =Link |--------------------------*/
/* -------------------------------------------------------------------*/

/* a */
a,
a.escape,
a.escape span span {
   font-family: Verdana, Arial, Tahoma, sans-serif;
   font-size: 12px;
   color: #313131;
   text-decoration: underline;
}

a:hover,
a.escape:hover,
a.escape:hover span span {
   text-decoration: none;
}

/* pdfDownload */
a.pdfDownload,
a.linkDownload,
a.linkWeb   {
   background: url(../images/icon-pdf.gif) no-repeat left;
   padding: 20px 0 18px 60px;
   height: 30px;
   width: 100px;
   text-decoration: none !important;
}

a.pdfDownload:hover,
a.linkDownload:hover,
a.linkWeb:hover {
   text-decoration: underline !important;
}

/* linkDownload */
a.linkDownload {
   background: url(../images/icon-download.gif) no-repeat left;
}

/* linkWeb */
a.linkWeb {
   background: url(../images/icon-web.gif) no-repeat left;
}

/* linkTop */
a.linkTop {
   float: right;
   display: block;
   height: 20px;
   width: 100px;
   text-align: right;
   color: #fff;
   text-decoration: none;
   font-size: 10px;
}

a.linkTop:hover {
   color: #abb59b;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =container |---------------------*/
/* -------------------------------------------------------------------*/

#container {
   width: 955px;
   margin: 0 auto;
   position: relative;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =header |------------------------*/
/* -------------------------------------------------------------------*/

#header {
   width: 955px;
   height: 316px;
   background: url(../images/bg-header.jpg) no-repeat top left;
   position: relative;
}

#headerLeft {
   width: 73px;
   height: 395px;
	margin-left: -73px;
   background: url(../images/bg-header-water.jpg) no-repeat top left;
   position: absolute;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =contentContainer |--------------*/
/* -------------------------------------------------------------------*/

/* contentContainer */
#contentContainer {
   width: 955px;
   min-height: 480px;
   _height: 480px;
   background: url(../images/bg-content-container.jpg) no-repeat top left;
   position: relative;
}

/* contentSidebar */
#contentSidebar {
   width: 328px;
	height: 437px;
   position: relative;
	float: left;
	padding: 43px 50px 0 0;
	overflow: hidden;
}

/* contentMain */
#contentMain {
   width: 562px;
   position: relative;
	float: right;
	padding: 41px 15px 0 0;
}

/* contentColumn */
.contentColumn {
   width: 260px;
   padding-right: 21px;
   position: relative;
   float: left;
}

/* content */
p {
   margin: 0 0 18px 0;
   line-height: 18px;
}

#container #contentContainer ul {
   margin: 0 0 18px 0px;
}

#container #contentContainer ul li {
   margin: 0 0 0px 0;
   padding: 0 0 0 15px;
   line-height: 18px;
   background: url(../images/li-icon.gif) no-repeat top left;
   position: relative;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =navi |--------------------------*/
/* -------------------------------------------------------------------*/

ul#navi {
   left: 521px;
   top: 271px;
   width: 434px;
   height: 45px;
   position: absolute;
}

ul#navi li {
   position: relative;
   float: left;
}

ul#navi li a {
   display: block;
   height: 45px;
	text-indent: -5000px;
}

ul#navi li a.fahrschulen {width: 102px;}
ul#navi li a.preise {width: 65px;}
ul#navi li a.fahrzeuge {width: 89px;}
ul#navi li a.intensivkurs {width: 104px;}
ul#navi li a.partner {width: 74px;}

ul#navi li a.fahrschulen:hover {background: url(../images/fahrschulen/bg-aktiv-navi.jpg) no-repeat right bottom;}
ul#navi li a.preise:hover {background: url(../images/preise/bg-aktiv-navi.jpg) no-repeat right bottom;}
ul#navi li a.fahrzeuge:hover {background: url(../images/fahrzeuge/bg-aktiv-navi.jpg) no-repeat right bottom;}
ul#navi li a.intensivkurs:hover {background: url(../images/intensivkurs/bg-aktiv-navi.jpg) no-repeat right bottom;}
ul#navi li a.partner:hover {background: url(../images/partner/bg-aktiv-navi.jpg) no-repeat right bottom;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =naviSidebar |-------------------*/
/* -------------------------------------------------------------------*/

ul#naviSidebar {
   width: 328px;
   position: relative;
}

ul#naviSidebar li {
   position: relative;
	padding: 0px !important;
	background: none !important;
}

ul#naviSidebar li a {
   display: block;
   height: 95px;
	width: 328px;
	margin: 0 0 19px 0;
	text-indent: -5000px;
	background: url(../images/bg-transparent.gif);
}

ul#naviSidebar li a.motorbootFuehrerschein:hover {background: url(../images/motorboot-fuehrerschein/bg-aktiv-navi.jpg) no-repeat left top;}
ul#naviSidebar li a.motorbootcharter:hover {background: url(../images/motorbootcharter/bg-aktiv-navi.jpg) no-repeat left top;}
ul#naviSidebar li a.fuehrerscheinUrlaub:hover {background: url(../images/fuehrerscheinurlaub/bg-aktiv-navi.jpg) no-repeat left top;}

/* -------------------------------------------------------------------*/
/* --------------------------------| =naviAdd |----------------------*/
/* -------------------------------------------------------------------*/

ul#naviAdd {
   margin-left: 595px;
   top: 10px;
   position: absolute;
}

ul#naviAdd li {
   position: relative;
   float: left;
}

ul#naviAdd li a {
   display: block;
   font-family: Verdana, Tahoma, Arial;
   font-size: 11px;
   color: #cae5f7;
   text-align: center;
   text-decoration: none;
	padding: 0 10px;
}

ul#naviAdd li a.impressum {padding: 0 0 0 10px;}

ul#naviAdd li a:hover {color: #FFFFFF;}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =onlineanmeldung |-----------------*/
/* ---------------------------------------------------------------------*/

#onlineanmeldung {
   width: 328px;
   height: 95px;
   padding: 0 0 0 0;
   position: relative;
}

#onlineanmeldung p {
   position: absolute;
	text-indent: -5000px;
	height: 0px;
}

.banner {
	padding: 0 0 15px 0;
	border:none!important;
}

/* -------------------------------------------------------------------*/
/* --------------------------------| =footer |------------------------*/
/* -------------------------------------------------------------------*/

#footer {
   width: 955px;
   height: 111px;
   background: url(../images/bg-footer.jpg) no-repeat bottom left;
   position: relative;
	float: left;
	margin-top: 19px;
}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =weg |-----------------------------*/
/* ---------------------------------------------------------------------*/

#weg {
   width: 223px;
   height: 69px;
   padding: 42px 26px 0 105px;
   position: relative;
	float: left;
}

#weg h3 {
   margin: 0px;
	padding: 0px;
	text-indent: -5000px;
	height: 0px;
	position: absolute;
}

#weg p {
   margin: 0px;
   position: relative;
   font-size: 11px;
   color: #363636;
}

#weg p a {
	text-decoration: underline;
	font-size: 11px;
	color: #215fa0;
}

#weg p a:hover {text-decoration: none;}

/* ---------------------------------------------------------------------*/
/* --------------------------------| =adress |--------------------------*/
/* ---------------------------------------------------------------------*/

#adress {
   width: 578px;
   height: 69px;
   padding: 42px 0 0 23px;
   position: relative;
	float: left;
}

#adress h3 {
   margin: 0px;
	padding: 0px;
	height: 0px;
	position: relative;
	_position: absolute;
	background: transparent;
	text-indent: -5000px;
}

#adress p {
   margin: 0px;
   position: relative;
   font-size: 11px;
   color: #363636;
   float: left;
}

#adress p#uttenreuth {padding-right: 25px;}
#adress p#erlangen {padding-right: 25px;}

#adress p a,
#adress p a.escape,
#adress p a.escape span span {
	text-decoration: underline;
	font-size: 11px;
	color: #215fa0;
}

#adress p a:hover,
#adress p a.escape:hover,
#adress p a.escape:hover span span {
   text-decoration: none;
}