/************* Hintergrund der Präsentation *************/
body {
	width: 969px;
	padding-left: 15px;
	padding-top: 15px;
	background-color: #fff;
}

/************* Gerüst / Gesamtlayout *************/
/*------ Titelbild ------*/
#titelBlock {
	display: block;
	width: 954px;
	margin-bottom: 6px;
}

/*------ Hauptnavigationsleiste ------*/
#navigationsBlock1 {
	display: block;
	width: 954px;
	height: 40px;
}

/*------ Kleine Navigationsleiste unterhalb der Hauptnavigationsleite ------*/
#navigationsBlock2 {
	display: block;
	width: 954px;
	height: 25px;
	margin-bottom: 10px;
}

/*------ Linker Block mit Detailnavigation und Firmeninfo ------*/
#linkerBlock {
	display: block;
	width: 140px;
	margin-right: 16px;
}

/*------ Rechter Block zur Darstellung der ausgewählten Kategorie ------*/
#rechterBlock {
	display: block;
	width: 798px;
}

/*------ Bezeichnunge der Kategorie ------*/
#rechterBlockInnenOben {
	display: block;
	width: 798px;
}

/*------ Enthält das Reservierungsformular der Kategorie ------*/
#rechterBlockInnenUntenLinks {
	display: block;
	width: 482px;
	margin-right: 18px;
	font-family: sans-serif;
	font-size: 12px;
}

/*------ Enthält Details der ausgewählten Kategorie ------*/
#rechterBlockInnenUntenRechts {
	display: block;
	width: 298px;
}

/************* Navigation *************/
/*------ Schatten unter den Navibuttons ------*/
div.naviButtonSchattenAktiv,
div.naviButtonSchatten {
	display: block;
	float: left;
	border: 1px solid #fff;
	background-color: #d1d1d1;
}

/*------ Navigationsbutton ------*/
div.naviButtonSchattenAktiv a,
div.naviButtonSchatten a {
	display: block;
	width: 128px;
	height: 28px;
	font-family: sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	color: #222;
	background-color: #dee3ef;
	background-repeat: no-repeat;
	position: relative;
	top: -1px;
	left: -1px;
}

div.naviButtonSchattenAktiv a,
div.naviButtonSchatten:hover a{
	color:#000;
	font-weight: bold;
	background-color: #fff;
}

/*------ Derzeit aktive Links ------*/
#naviButtonAktiv0,
#naviButtonAktiv1 {
	color: #b00;
	background-color: #fff;
}

/*------ Darstellung des LinkIcons ------*/
img.naviIcon {
	width: 32px;
	height: 24px;
	border: 0px;
	position: relative;
	left: 4px;
	top: 3px;
}

/*------ Darstellung des Linktextes ------*/
span.naviTextLinks {
	position: absolute;
	top: 10px;
	left: 4px;
}

span.naviTextRechts {
	position: relative;
	top: 10px;
	right: 4px;
}

/*------ Darstellung der kleinen Navigationsleiste ------*/
div.navigation2 a {
	position: relative;
	top: 6px;
	padding-right: 5px;
	padding-left: 10px;
	text-decoration: none;
	color: #8C8A8C;
}

div.navigation2:hover a {
	text-decoration: underline;
	color: #000;
}

/************* Formatinformationen der linken Spalte *************/
/*------ Schatten unter den Boxen der linken Spalte ------*/
div.boxLinksSchatten {
	display: block;
	float: left;
	width: 136px;
	margin-bottom: 10px;
	background-color: #a1a1a1;
	position: relative;
	top: 1px;
	left: 1px;
}

/*------ Infoboxen links ------*/
div.boxLinkeSpalte {
	display: block;
	float: left;
	width: 122px;
	padding: 6px;
	background-color: #dee3ef;	/*#c6ebad;*/
	border: 1px solid black;
	position: relative;
	top: -2px;
	left: -2px;
}

/*------ Textformat der ständig präsenten Firmenangaben ------*/
div.corporate {
	font-family: sans-serif;
	font-size: 10px;
	text-align: left;
	color: #000;
}

/*------ Informationen übers Taxiunternehmen ------*/
#taxi {
	display: block;
	width: 109px;
	background-color: #e7e752;
	border: 1px solid #aaa;
	padding: 6px;
	margin: 0px;
	margin-top: 10px;
}

/************* Ausgewählte Seiten *************/
/*------ Der Block über dem linken Teil der Seite ------*/
div.auswahlTitel {
	display: block;
	width: 130px;
	height: 28px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-left: 4px;
	margin-bottom: 18px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background-color: #8ca6bd;	/*grün: #9dda78;*/
}

/*------ Der Balken als Überschrift über der gewählten Kategorie ------*/
div.auswahlFzg {
	display: block;
	width: 798px;
	height: 30px;
	margin-bottom: 16px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #000;
	background-image: url(bilder/objektTitel.gif);
}

img.auswahlImgMini {
	float: right;
	border: 1px solid transparent;
	width: 79px;
	height: 57px;
	margin-top: 5px;
	margin-left: 15px;
	padding: 1px;
	cursor: pointer;
}

img.auswahlImgMini:hover {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
}

#auswahlImgMaxi {
	border: 0;
	width: 300px;
	height: 225px;
}

/*------ Genauere Informationen zum ausgewählten Fahrzeug ------*/
#beschreibung {
	display: block;
	width: 266px;
	border-right: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	margin-top: 20px;
	padding: 15px;
	background-color: #dee3ef;
}

/************* Die Container *************/
div.auswahlBoxContainer,
div.aktionsBoxContainer {
	float: left;
	display: block;
	background-color: #fff;
	margin-left: 9px;
	margin-bottom: 15px;
	padding: 5px;
	color: #000;
	border: 1px solid #999;
	overflow: hidden;
}

div.auswahlBoxContainer	{
	width: 178px;
	height: 342px;
}

div.aktionsBoxContainer {
	width: 775px;
	height: 155px;
}

/*------  Die Titel ------*/
div.auswahlBoxTitel,
div.aktionsBoxTitel {
	display: block;
	height: 19px;
	border: 1px solid #ccc;
	margin-top: -6px;
	margin-left: -6px;
	margin-right: -4px;
	margin-bottom: 4px;
	padding-top: 3px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #555;
	overflow: hidden;
}

div.auswahlBoxTitel	{
	background-image: url(bilder/auswahlTitel.gif);
	width: 188px;
}

div.aktionsBoxTitel {
	background-image: url(bilder/aktionsTitel.gif);
	width: 785px;
}

/*------  Das Bild ------*/
div.auswahlBoxBild,
div.aktionsBoxBild {
	display: block;
	width: 176px;
	height: 132px;
	border: 1px solid #888;
	overflow: hidden;
}

/*------  Der Text ------*/
div.auswahlBoxText,
div.aktionsBoxText {
	display: block;
	width: 170px;
	height: 158px;
	border: 0px solid black;
	font-family: 'Palatino Linotype', sans-serif;
	font-size: 12px;
	padding-left: 4px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	overflow: hidden;
}

/*------  Die Preisangabe  ------*/
div.auswahlBoxPreis,
div.aktionsBoxPreis {
	position: absolute;
	bottom: 1.0em;
	color: #a00;
}

/*------  Der Link ------*/
div.auswahlBoxLink,
div.aktionsBoxLink {
	display: block;
	width: 174px;
	height: 26px;
	border: 0px solid black;
	padding-left: 4px;
	font-family: sans-serif;
	font-size: 12px;
}

div.auswahlBoxLink a,
div.aktionsBoxLink a {
	text-decoration: none;
	color: #8c8a8c;
}

div.auswahlBoxLink:hover a,
div.aktionsBoxLink:hover a {
	color: #000;
}

/*------  ...beim Überfahren mit der Maus ------*/
div.auswahlBoxContainer:hover,
div.aktionsBoxContainer:hover {
	border: 1px solid #000;
}

div.auswahlBoxContainer:hover div.auswahlBoxTitel,
div.auswahlBoxContainer:hover div.auswahlBoxBild,
div.aktionsBoxContainer:hover div.aktionsBoxTitel,
div.aktionsBoxContainer:hover div.aktionsBoxBild {
	border: 1px solid #000;
}

/************* Die mittlere Spalte während der Auswahl eines Objekts *************/
/*------ Die Container ------*/
div.formularBoxContainer {
	display: block;
	width: 460px;
	border: 1px solid #000;
	padding: 10px;
	background-color: #fff;
	margin-bottom: 15px;
	overflow: hidden;
}

/*------  Die Titel ------*/
div.formularBoxTitel {
	display: block;
	width: 480px;
	height: 22px;
	border: 1px solid #888;
	margin-top: -11px;
	margin-left: -11px;
	margin-right: -11px;
	margin-bottom: 4px;
	background-color: #fff;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	overflow: hidden;
	background-image: url(bilder/formularTitel.gif);
	color: #333;
}

div.tarifBoxTitel,
div.mietpreisBoxTitel {
	background-color: #8ca6bd;	/*grün: #9dda78;*/
	color: #fff;
}

div.mietparameterBoxTitel,
div.kundendatenBoxTitel {
	background-image: url(bilder/formularTitel.gif);
	color: #555;
}

/*------  Der Text ------*/
div.formularBoxText {
	display: block;
	width: 460px;
	color: #000;
	font-family: 'Palatino Linotype', sans-serif;
	font-size: 13px;
	overflow: hidden;
}

div.tarifBoxText {
	padding-top: 4px;
	font-family: serif;
	font-size: 16px;
	color: #000;
}

div.tarifBoxSpalte1Titel,
div.tarifBoxSpalte2Titel,
div.tarifBoxSpalte3Titel {
	font-size: 16px;
	color: #b00;
}

div.tarifBoxSpalte1,
div.tarifBoxSpalte2,
div.tarifBoxSpalte3 {
	position: relative;
	top: 2px;
}

div.tarifBoxSpalte1Titel,
div.tarifBoxSpalte1 {
	display: block;
	float: left;
	width: 50%;
	text-align: left;
	overflow: hidden;
}

div.tarifBoxSpalte2Titel,
div.tarifBoxSpalte2 {
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	overflow: hidden;
}

div.tarifBoxSpalte3Titel,
div.tarifBoxSpalte3 {
	display: block;
	float: left;
	width: 25%;
	text-align: right;
	overflow: hidden;
}

div.tarifBoxVersicherung {
	position: relative;
	display: block;
	float: left;
	top: 6px;
	padding-top: 2px;
	font-family: serif;
	font-size: 16px;
	color: #000;
	border-top: 1px solid #000;
	border-right: 0px solid #000;
	border-left: 0px solid #000;
	border-bottom: 0px solid #000;
}

div.mietparameterBoxTextLinks {
	float: left;
	width: 312px;
	padding-top: 2px;
	font-family: 'Palatino Linotype', sans-serif;
}

div.mietparameterBoxTextRechts {
	float: right;
	width: 143px;
	border-top: 0px solid #000;
	border-right: 0px solid #000;
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 4px;
	font-family: sans-serif;
	font-size: 11px;
}

div.preisBoxText {
	text-align: center;
	font-size: 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid black;
}

#sondertarife {
	margin-top: 5px;
	font-family: serif;
	font-weight: bold;
	text-align: center;
	color: #4a6a99;
}

/************* Das Impressum *************/
div.impressum {
	display: block;
	width: 758px;
 	padding-left: 40px;
	font-size: 18px;
	color: #2e2e2e;
}

div.impressum a{
	color:black;
	text-decoration:none;
}

div.impressum a:hover {
	text-decoration:underline;
}

/************* Das Jubiläumicon *************/
#jubilaeum {
	position: absolute;
	top: 125px;
	left: 125px;
}

/************* Das 'Geht noch nicht' Icon *************/
img.gehtNochNicht {
	position: absolute;
	top: 870px;
	left: 190px;
}