@charset "utf-8";
/************************************************
	CSS - fragmicha.de

	Media: Screen
	Autor: Timo Klaiber
	Datum: 27.10.2008
	
	Copyright (C) 2008, henoch birzer klaiber GbR
	www.hbk-concept.de
************************************************/

/************************************
*                    Allgemein                    *
*************************************/
* { 
	margin: 0;
	padding: 0; 
	font-size: 11px; 
	font-family: Arial, Helvetica, Verdana, Sans-Serif; 
}
html {
	background-color:#fff;
	height:101%;
}
body {
	width:940px;
	margin:auto;
	background-color:#BD0926;
}
p, table, tr, td, th, div, a, ul, li, input, select, option, textarea, h1, h2, h3,button {
	color:#000;
}
img { 	border: 0; }
table { 	border-collapse:collapse;	}
ul {	 list-style:none; }
div.clr {	 clear:both; }

.no-top-margin {
	margin-top:0;
	padding-top:0;
}

/*** Links ********************************************/
a { 
	text-decoration: none; 
	color:#fff;
}
a:hover { 
	text-decoration: underline;  	
}

/*** Überschriften ***************************************/
h1 {
	color:#BD0926;
	padding:25px 0 0 203px;
	font-size:20px;
}
h2 {
	padding:25px 0 5px 0;
	font-size:12px;
}
h3 {
	padding:10px 0 0 0;
	font-size:11px;
	font-weight:bold;
}
h4 { /* Loginfenster */
	color:#fff;
	font-size:13px;
	font-weight:bold;
	margin:0 0 5px 0;
}
p.text {
	line-height:1.5;
}
div.contentData {
	float:left;
	width:485px;
}
div.contentImage {
	float:left;
	width:180px;
}

/*** x-Form ****************************************/
.form-register,
#form-module {
	width:210px;
}
ul.form_warning *{
	color:#bd0926;
}
p.formselect, 
p.formpassword, 
p.formtextarea, 
p.formsubmit, 
p.formtext {
	padding:5px 0 5px 0;
}
input.text, input.password, select.select {
	padding:1px;
	width:200px;
}
.form-register textarea.textarea,
#form-module textarea.textarea {
	width:400px;
	height:80px;
	padding:1px;
}
p.answertext {
	padding-bottom:200px;
}
/*.form-register label,
#form-module label {
	padding-right:10px;
}*/

/************************************
*                   Layout                        *
*************************************/
#header {
	width:915px;
	height:125px;
	margin:0 0 0 25px;
}
.headerHome {
	/*background:#000 url('../img/headerBg.jpg') 548px 116px no-repeat ;*/
	background:#000;
}
.headerContent {
	background:#000;
}
	#header .logo {
		float:left;
	}
	#header #slogan {
		float:right;
		margin:25px 17px 0 0;
	}
	#header #navigation {
		float:right;
		width:710px;
		height:37px;
		background:#5D5D5F url('../img/menuBg.gif') no-repeat;
		margin:10px 17px 0 0;
	}
		#header #navigation li {
			float:left;
			height:100%;
		}
		#header #navigation li a{
			display:block;
			width:100%;
			height:100%;
			font-weight:bold;
		}
		#header #navigation li img.icq{
			margin:10px;
		}
		#header #navigation li a:hover{
			text-decoration:none;
		}
		#header #navigation li a div {
			padding:12px 0 0 0;
			width:100%;
			text-align:center;
			color:#fff;
			cursor:pointer;
		}

#main {
	width:915px;
	background:#BD0926 url('../img/contentBg.jpg') no-repeat;
}
	#main #contentHeader {
		padding:25px 0 0 25px;
		width:100%;
		height:45px;
		background:url('../img/contentHeaderBgNeu.gif') no-repeat 220px 46px;
	}
	#main #contentBody {
		width:100%;
		margin:0 0 0 25px;
		background:url('../img/contentBodyBg.gif') repeat-y -25px 0;
	}
	#submenu {
		float:left;
		width:195px;
		height:250px;
	}
		#submenu ul {
			background-color:#bd0926;
			width:100%;
		}
		#submenu ul li {
			padding:5px 10px 5px 0;
			text-align:right;
		}
		#submenu ul li a{
			font-weight:bold;
			font-size:13px;
		}
	#content {
		width:700px;
		float:left;
	}
	.contentEmpty 	{ background:#fff;	}
	.contentBgP1 	{ background:#fff url('../img/contentBgPerson1.jpg') no-repeat bottom right; }
	.contentBgP2 	{ background:#fff url('../img/contentBgPerson2.jpg') no-repeat bottom right; }
	.contentBgP3 	{ background:#fff url('../img/contentBgPerson3.jpg') no-repeat bottom right; }
	.contentBgP4 	{ background:#fff url('../img/contentBgPerson4.jpg') no-repeat bottom right; }
		#content .pad {
			padding:30px 10px 5px 10px;
		}
		#content a {
			color:#bd0926;
		}
#fuhrpark {
	width:100%;
	height:236px;
}
.fuhrparkContentEmpty 	{ background:#f19300 url('../img/fuhrparkBgEmpty.png') no-repeat; }
.fuhrparkContentP1 		{ background:#f19300 url('../img/fuhrparkBgP1.png') no-repeat; }
.fuhrparkContentP2 		{ background:#f19300 url('../img/fuhrparkBgP2.png') no-repeat; }
.fuhrparkContentP3 		{ background:#f19300 url('../img/fuhrparkBgP3.png') no-repeat; }
.fuhrparkContentP4 		{ background:#f19300 url('../img/fuhrparkBgP4.png') no-repeat; }
.fuhrparkHome 			{ background:#f19300 url('../img/fuhrparkBgHome.jpg') no-repeat;}
#fuhrpark h1{
	font-size:16px;
	font-weight:normal;
	color:#fff;
	padding:15px 0 0 25px;
}
#fuhrpark p.konzept {
	padding:3px 0 0 25px;
}
#fuhrpark p.konzept a{
	color:#000;
}

/************************************
*                  Startseite                   *
*************************************/
#home {
	width:100%;
	height:327px;
	background:#f6bd64;
	position:relative;
	z-index:0;
}

	/* Boxen */
	#boxFragMicha {
		position:absolute;
		width:300px;
		left:48px;
		z-index:100;
	}
	#boxNews {
		position:absolute;
		width:280px;
		left:382px;
		z-index:100;
	}
	#boxInfos {
		position:absolute;
		width:260px;
		left:672px;
		z-index:100;
	}
	
	/* Boxinhalt */
	#infosBox,
	#fragMichaBox,
	#newsBox {
		position:relative;
		z-index:100;
		display:none;
		/*background:#d9d9d9 url('../img/boxBg.gif') repeat-y;*/
		background-color:#d9d9d9;
		border-left:2px solid #bd0926;
		border-right:2px solid #bd0926;
		width:100%;
		top:0;
		left:0;
	}
	#fragMichaBox p,
	#newsBox p,
	#infosBox p {
		padding:7px;
	}
	#fragMichaBox * a,
	#infosBox * a,
	#newsBox * a {
		color:#bd0926;
	}
	span.date {
		color:#bd0926;
	}
	#infosBox div.bottom,
	#fragMichaBox div.bottom,
	#newsBox div.bottom{
		width:100%;
		height:25px;
		background:#bd0926;
	}
	#infosBox div.bottom p,
	#fragMichaBox div.bottom p,
	#newsBox div.bottom p {
		padding:5px 0 0 4px;
	}
	#infosBox div.bottom *,
	#fragMichaBox div.bottom *,
	#newsBox div.bottom *{
		color:#fff;
		font-weight:bold;
	}
	#messagePreview {
		padding-left:7px;
	}
	/*div.com-board {
		padding-left:7px;
		margin:0;
	}*/

	/* Teaser */
	#home #teaserInfos,
	#home #teaserNews,
	#home #teaserFragMicha {
		position:relative;
		cursor:pointer;
		z-index:100;
	}
	#home #teaserFragMicha {
		margin:0 0 0 157px;
	}
	#home #teaserNews {
		margin:0 0 0 96px;
	}
	#home #teaserInfos {
		margin:0 0 0 0px;
	}
	
	/* Sprechblasen */
	#home #person1Talk,
	#home #person2Talk,
	#home #person3Talk,
	#home #person4Talk {
		display:none;
		position:absolute;
		z-index:99;
	}
	
	#home #person1Talk {
		top:51px;
		left:173px;
	}
	#home #person2Talk {
		top:75px;
		left:480px;
	}
	#home #person3Talk {
		top:47px;
		left:638px;
	}
	#home #person4Talk {
		top:151px;
		left:460px;
	}
	
	/* Personen */
	#home #personBox {
		position:relative;
		z-index:-99;
	}
	#home .personen {
		position:relative;
		left:-6px;
		z-index:-99;
	}

	
/************************************
*                 Führerschein                  *
*************************************/

div.images {
	background-color:#bd0926;
	width:100%;
}
div.images div.image {
	padding:9px 0 0 9px;
	float:left;
}
div.images div.image2 {
	padding:9px 0 9px 9px;
}

/*** Führerscheinklassen **************************************************/
table.klassen {
	margin:0 0 10px 0;
	width:420px;
}
table.klassen td{
	vertical-align:top;
	padding:5px 0 5px 0;
	line-height:1.3;
}
table.klassen td.klasse {
	font-weight:bold;
	width:85px;
}
table.klassen td ul {
	list-style-type:disc;	
}
table.klassen td ul li {
	padding:2px 0 2px 0;
}

/***  Theo – Lernen mit System *****************************/
p.theo {
	margin:0 0 10px 0;
	width:450px;
	text-align:justify;
}
p.theoTest {
	padding-bottom:150px;
}
/***  Seminare *****************************/
p.seminar {
	width:485px;
}
table.seminarInfo {
	margin:10px 0 10px 0;
}
table.seminarInfo td {
	padding:2px 5px 2px 0;
}
table.seminarInfo td.data {
	text-align:right;
}
p.seminarAnmeldung {
	margin-bottom:100px;
}

/*** Preisrechner *****************************/
img.info {
	float:left;
	padding-right:5px;
}
p.info {
	width:360px;
}
select.preisrechner {
	margin:5px 0 0 0;
}
#compare {
	width:485px;
}
#compare table td {
	padding:2px 8px 2px 0;
}
#compare table input {
	padding:1px;
}
p.prt {
	padding:15px 0 15px 0;
}
p.ergebnis {
	width:485px;
}
/*** Finanzierung *********************************/
p.finanzierung {
	width:450px;
}
ul.finanzierung {
	list-style:disc inside;
	margin:10px 0 20px 20px;
}
ul.finanzierung li { 
	padding:3px 0 3px 0;
}

/************************************
*                  Fahrschule                   *
*************************************/

/*** Team *********************************/
dl.team {
	width:280px;
	margin:0 0 20px 0;
}
dl.team dd {
	text-align:center;
}
dl.team dt img{
	width:280px;
	height:209px;
}

/*** Standorte *********************************/
img.standort {
	float:left;
	padding:0 10px 5px 0;
}
div.googleMap {
	float:left;
	width:385px;
	height:213px;
}

/*** Unterrichts- und Bürozeiten *********************************/
img.unterrichtsraum {
	float:left;
	padding:0 20px 0 0;
}
p.unterrichtsraum {
	float:left;
}
p.buerozeit {
	margin-bottom:10px;
	font-weight:bold;
}

/*** Downloads *********************************/
table.downloads td{
	padding:4px 0 4px 0;
}
table.downloads td.icon { width:20px; }
table.downloads td.title { width:220px; }
table.downloads td.download { width:80px; }
table.downloads td.size { text-align:right; }

/************************************
*                  Impressum                   *
*************************************/
p.impressum {
	padding-top:10px;
	width:500px;
}


/************************************
*                     Forum                       *
*************************************/

/*** Login **************************************************/
#loginBox {
	width:100%;
	background-color:#bd0926;
}
#loginBox .pad {
	padding:5px;
}
form#loginForm {
	margin:0 0 20px 0;
}
form#loginForm input.inputText {
	padding:2px;
	margin:0 0 5px 0;
}

/*** Themenübersicht ****************************************/
table.messages {
	/*width:485px;*/
	width:100%;
	
}
table.messages .thema,
table.messages .antworten,
table.messages .autor {
	padding-right:30px;
}
table.messages .antworten {
	text-align:center;
}
table.messages thead tr ,
table.message thead tr {
	background:#989898 url('../img/messagesHeader.gif') repeat-y;
}
table.messages tr.bgColor ,
table.message tr.bgColor {
	background-color:#f1f1f1;
}

table.messages th,
table.message th {
	text-align:left;
	font-weight:bold;
	padding:3px 2px 3px 2px;
	color:#fff;
}
table.messages td {
	padding:5px 2px 5px 2px;
}
p.backLink {
	padding:0 0 10px 0;
}

/*** Neues Thema ****************************************/
table.addTopic td{
	vertical-align:top;
	padding:2px 0 2px 0;
}
table.addTopic td label{
	padding:0 10px 0 0;
}

/*** Einzelne Nachricht ****************************************/
table.message {
	width:100%;
}
table.message td {
	vertical-align:top;
	line-height:1.3;
	padding:5px 2px 5px 2px;
}
table.message td.autor{
	width:170px;
}
table.message span.date{
	color:#989898;
}


/*** Preisrechner ****************************************/


#pr_calculation {
	margin: 1em 0;
	border-collapse: collapse;
	}

#pr_calculation tr th {
	background: #eee;
	font-weight: bold;
	}

#pr_calculation td, #pr_calculation th {
	padding: .5em;
	border: 1px solid #ddd;
	text-align: left;
	}

#pr_calculation .sum td {
	border-top-width: 2px;
	font-weight: bold;
	}

#pr_calculation .comparsion {
	border-left-width: 3px;
	}

#pr_calculation .num {
	text-align: right;
	}