@CHARSET "UTF-8";
html {
	background: #0054a6 url(../img/bg-main.png) 0 0 repeat-x;
}
body {
	color: #fff;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4;
}
a {
	text-decoration: none;
}
p + p {
	margin: 15px 0 0 0;
}
h2 + p {
	margin: 15px 0 0 0;
}
img.left {
	float: left;
	border: 1px solid #fff;
	margin: 0 30px 20px 0;
}
.default-table {
	margin: 15px 0 0 0;
}
.default-table td {
	padding: 5px 10px;
}
.default-ol {
	padding: 0 0 0 15px;
}
.default-ol li {
	list-style-type: decimal;
}
.default-ul {
	padding: 0 0 0 15px;
}
.default-ul li {
	list-style-type: disc;
}
.main-wrapper {
	width: 990px;
	margin: 0 auto;
	position: relative;
}
.head {
	height: 408px;
	background: url(../img/bg-head.jpg) right top no-repeat;
}
.logo {
	line-height: 0;
	font-size: 0;
	display: block;
	background: url(../img/logo.png) 0 0 no-repeat;
	width: 354px;
	height: 97px;
	margin: 85px 0 0 0;	
}
.klassen_teaser {
	width: 354px;
	height: 83px;
	margin: 67px 0 0 0; 
}
.footer {
	font-size: 11px;
	color: #53aaff;
	margin: 30px 0 50px;
	clear: both;
}
.footer a {
	font-size: 11px;
	color: #53aaff;
}
.footer a:hover {
	color: #ffe700; 
}
.btn-anmelden {
	display: block;
	line-height: 0;
	font-size: 0;
	width: 216px;
	height: 219px;
	background: url(../img/btn-anmelden.png) 0 0 no-repeat;
	position: absolute;
	top: 246px;
	left: 403px;
}
.btn-anmelden:hover {
	background-position: 0 -219px;
}
.btn-kontakt {
	display: block;
	line-height: 0;
	font-size: 0;
	width: 194px;
	height: 152px;
	background: url(../img/btn-kontakt.png) 0 0 no-repeat;
	position: absolute;
	top: 0;
	margin: -17px 0 25px 77px; 
}
.btn-kontakt:hover {
	background-position: 0 -152px;
}
.btn-unterricht {
	display: block;
	line-height: 0;
	font-size: 0;
	width: 155px;
	height: 125px;
	background: url(../img/btn-unterricht.png) 0 0 no-repeat;
	margin: 0 0 25px 10px; 
}
.btn-unterricht:hover {
	background-position: 0 -125px;
}
.btn-anmelden:focus, .btn-unterricht:focus, .btn-kontakt:focus  {
	outline: none;
}
.gfx {
	display: block;
	line-height: 0;
	font-size: 0;
	width: 283px;
	height: 31px;
}
.gfx.ueberuns {
	background: url(../img/txt-headers/ueberuns.png) 0 0 no-repeat;
}
.gfx.fahrzeuge {
	background: url(../img/txt-headers/fahrzeuge.png) 0 0 no-repeat;
}
.gfx.klassen {
	background: url(../img/txt-headers/klassen.png) 0 0 no-repeat;
}
.gfx.ausbildung {
	background: url(../img/txt-headers/ausbildung.png) 0 0 no-repeat;
}

.gfx.berufskraftfahrer {
	background: url(../img/txt-headers/berufskraftfahrer.png) 0 0 no-repeat;
}
.gfx.kontakt {
	background: url(../img/txt-headers/kontakt.png) 0 0 no-repeat;
}
.gfx.impressum {
	background: url(../img/txt-headers/impressum.png) 0 0 no-repeat;
}


/**** navi ****/
.navi {
	padding: 16px 0 0 0;
}
.navi li {
	float: left;
}
.navi a {
	display: block;
	height: 32px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 0;
	font-size: 0;
}
.navi a.mn_ub {
	background-image: url(../img/menu/ueberuns.png);
	width: 83px;
}
.navi a.mn_fa {
	background-image: url(../img/menu/fahrzeuge.png);
	width: 166px;
}
.navi a.mn_fu {
	background-image: url(../img/menu/klassen.png);
	width: 191px;
}
.navi a.mn_au {
	background-image: url(../img/menu/ausbildung.png);
	width: 107px;
}
.navi a.mn_ko {
	background-image: url(../img/menu/kontakt.png);
	width: 75px;
}
.navi a:hover, .navi a.selected {
	background-position: 0 -32px;
}
.navi a:focus {
	outline: none;
}
/**** content ****/
.col-left {
	width: 630px;
	margin: 30px 0 0 0;
	float: left;
}
.col-right {
	width: 312px;
	margin: 0 0 0 48px;
	float: left;	 
}
/**** gallery ****/
.gallery {
	margin: 40px 0 0 0;
}
.gallery li {
	float: left;
	margin: 0 26px 40px 0;
	width: 300px;
}
.gallery li.last {
	margin-right: 0;
}

.gallery img {
	display: block;
	border: 1px solid #fff;
	margin: 0 0 10px 0;
}
/**** teaser ****/
.teaser-kontakt {
	background: url(../img/bg-teaser-kontakt.png) 0 0 no-repeat;
	width: 287px;
	padding: 150px 0 10px 25px;
	position: relative;
}
.teaser-unterricht {
	background: url(../img/bg-teaser-unterricht.png) 0 0 no-repeat;
	width: 287px;
	padding: 0 0 10px 25px;
	margin: 30px 0 0 0;
}

/**** clears ****/
ul.navi:after,
ul.layout-2col:after,
ul.gallery:after  
{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }