@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/

body {
	background:url(../images/bg-body.jpg) center 0 repeat;
	font:13px/20px "Trebuchet MS", Verdana, "Times New Roman";
	color:#651313;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/

textarea {
	overflow:auto;
}

a {
	text-decoration:underline;
	color:#651313;
}

a:hover {
	text-decoration:none;
}

.highlight {
	font-weight:bold;
}

ul {
	list-style:none;
}

/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.indent {
	text-indent:-9999px;
}

/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft {
	float:left;
	margin:0 10px 0 0;
}

img {
	border:none;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	width:956px;
	margin: 0 auto;
	background:url(../images/bg-container.jpg) 0 0 repeat-y;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header {
	width:956px;
	height:418px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

/*--------------------------------------------------------------
	header => branding
--------------------------------------------------------------*/
#header h1.branding a {
	position:absolute;
	display:block;
	width:320px;
	height:21px;
	top:10px;
	left:38px;
	overflow:hidden;
}

#header h1.branding img {
	border:none;
}

#header h1 span {
	display:block;
	text-indent:-9999px;
}

#header h1.branding a:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------
	header => navigation 1
--------------------------------------------------------------*/

#header ul#navi-1 {
	list-style-type:none;
	width:115px;
	height:75px;
	position:absolute;
	top:329px;
	left:60px;
}

#header ul#navi-1 li {
	width:115px;
	height:25px;
	overflow:hidden;
}

#header ul#navi-1 li a {
	display:block;
	height:19px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-navigation.jpg) -9999px 0 no-repeat;
}

#header ul#navi-1 li a.Startseite {
	width:69px;
}

#header ul#navi-1 li a.Startseite:hover {
	background-position:0 0;
}

#header ul#navi-1 li.active a.Startseite {
	background-position:0 0;
}

#header ul#navi-1 li a.Ausflugsfahrten {
	width:104px;
}

#header ul#navi-1 li a.Ausflugsfahrten:hover {
	background-position:0 -25px;
}

#header ul#navi-1 li.active a.Ausflugsfahrten {
	background-position:0 -25px;
}

#header ul#navi-1 li a.Aktuelle {
	width:113px;
}

#header ul#navi-1 li a.Aktuelle:hover {
	background-position:0 -50px;
}

#header ul#navi-1 li.active a.Aktuelle {
	background-position:0 -50px;
}

/*--------------------------------------------------------------
	header => navigation 2
--------------------------------------------------------------*/

#header ul#navi-2 {
	list-style-type:none;
	width:278px;
	height:75px;
	position:absolute;
	top:329px;
	left:480px;
}

#header ul#navi-2 li {
	width:139px;
	height:25px;
	float:left;
	overflow:hidden;
}

#header ul#navi-2 li a {
	display:block;
	height:19px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-navigation.jpg) -9999px 0 no-repeat;
}

#header ul#navi-2 li a.Stadtrundfahrten {
	width:113px;
}

#header ul#navi-2 li a.Stadtrundfahrten:hover {
	background-position:-420px 0;
}

#header ul#navi-2 li.active a.Stadtrundfahrten {
	background-position:-420px 0;
}

#header ul#navi-2 li a.Anfrage {
	width:57px;
}

#header ul#navi-2 li a.Anfrage:hover {
	background-position:-559px 0;
}

#header ul#navi-2 li.active a.Anfrage {
	background-position:-559px 0;
}

#header ul#navi-2 li a.Besonderes {
	width:80px;
}

#header ul#navi-2 li a.Besonderes:hover {
	background-position:-420px -25px;
}

#header ul#navi-2 li.active a.Besonderes {
	background-position:-420px -25px;
}

#header ul#navi-2 li a.Gaestebuch {
	width:74px;
}

#header ul#navi-2 li a.Gaestebuch:hover {
	background-position:-559px -25px;
}

#header ul#navi-2 li.active a.Gaestebuch {
	background-position:-559px -25px;
}

#header ul#navi-2 li a.der-truck {
	width:70px;
}

#header ul#navi-2 li a.der-truck:hover {
	background-position:-420px -50px;
}

#header ul#navi-2 li.active a.der-truck {
	background-position:-420px -50px;
}

#header ul#navi-2 li a.Kontakt {
	width:58px;
}

#header ul#navi-2 li a.Kontakt:hover {
	background-position:-559px -50px;
}

#header ul#navi-2 li.active a.Kontakt {
	background-position:-559px -50px;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =content ]------------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:956px;
	display:table;
	background:url(../images/bg-content-container.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	contentContainer => contentSidebar
--------------------------------------------------------------*/
#contentSidebar {
	width:318px;
	float:left;
	padding:24px 0 0 49px;
}

#contentSidebar h3 {
	display:block;
	width:108px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
}

#contentSidebar h3#h3HabenFragen {
	background:url(../images/h3/bg-sie-haben-fragen.jpg) 0 0 no-repeat;
}

#contentSidebar h3#h3Gaestebuch {
	background:url(../images/h3/bg-gaestebuch.jpg) 0 0 no-repeat;
}

#contentSidebar h3#h3Auflugsfahrten {
	position:relative;
	top:6px;
	margin:0 0 20px 0;
	background:url(../images/h3/bg-auflugsfahrten.jpg) 0 0 no-repeat;
}

#contentSidebar p {
	margin:0 30px 20px 0;
}

#contentSidebar a img {
	margin:0 12px 12px 0;
}

/*--------------------------------------------------------------
	contentContainer => contentMain
--------------------------------------------------------------*/
#contentMain {
	width:538px;
	float:left;
	padding:24px 0 0 0;
}

#contentMain ul {
	margin: 10px 0 20px 15px;}
	
	#contentMain ul li {list-style-type: square;}
	
	#contentMain div.contentColumn {
		float: left;
		width: 245px;
		padding: 0 10px 0 0;}
		
	#contentMain a img {
		margin: 0 4px 20px 0;
		padding: 2px;
		border: 1px dashed #9F280B;}	

#contentMain h3, h4 {
	font-size:16px;
	color:#651313;
}

#contentMain p {
	margin:0 0 20px 0;
}

#column {
	padding:0 20px 0 6px;
}

/*--------------------------------------------------------------
	contentMain => headline
--------------------------------------------------------------*/
#headline {
	width:538px;
}

#headline h2 {
	display:block;
	width:538px;
	height:61px;
	text-indent:-9999px;
}

#headline h2#h2willkommen {
	height:81px;
	background:url(../images/h2/bg-willkommen.jpg) 0 0 no-repeat;
}

#headline h2#h2Ausflugsfahrten {
	background:url(../images/h2/bg-ausflugsfahrten.jpg) 0 0 no-repeat;
}

#headline h2#h2Aktuelle {
	background:url(../images/h2/bg-aktuelle.jpg) 0 0 no-repeat;
}

#headline h2#h2Stadtrundfahrten {
	background:url(../images/h2/bg-stadtrundfahrten.jpg) 0 0 no-repeat;
}

#headline h2#h2Besonderes {
	background:url(../images/h2/bg-besonderes.jpg) 0 0 no-repeat;
}

#headline h2#h2DerTruck {
	background:url(../images/h2/bg-der-truck.jpg) 0 0 no-repeat;
}

#headline h2#h2error {
	background:url(../images/h2/bg-error.jpg) 0 0 no-repeat;
}

#headline h2#h2Anfrage {
	background:url(../images/h2/bg-anfrage.jpg) 0 0 no-repeat;
}

#headline h2#h2danke {
	background:url(../images/h2/bg-danke.jpg) 0 0 no-repeat;
}

#headline h2#h2Kontakt {
	background:url(../images/h2/bg-kontakt.jpg) 0 0 no-repeat;
}

#headline h2#h2Impressum {
	background:url(../images/h2/bg-impressum.jpg) 0 0 no-repeat;
}

#headline h2#h2Gaestebuch {
	background:url(../images/h2/bg-gaestebuch.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/


#footer {
	width:956px;
	height:124px;
	margin:0 auto;
	position:relative;
	background:url(../images/bg-footer.jpg) 0 0 repeat-x;
}

#footer ul {
	position:absolute;
	width:405px;
	height:19px;
	left:473px;
	top:61px;
	overflow:hidden;
}

#footer ul li {
	float:left;
	height:19px;
	padding:0 7px 0 0;
}

#footer ul li a {
	display:block;
	height:19px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-navi-footer.jpg) -9999px 0 no-repeat;
}

#footer ul li a#mail {
	width:159px;
}

#footer ul li a#mail:hover {
	background-position:0 0;
}

#footer ul li a.Kontakt {
	width:42px;
}

#footer ul li a.Kontakt:hover {
	background-position:-166px 0;
}

#footer ul li.active a.Kontakt {
	background-position:-166px 0;
}

#footer ul li a.Impressum {
	width:60px;
}

#footer ul li a.Impressum:hover {
	background-position:-215px 0;
}

#footer ul li.active a.Impressum {
	background-position:-215px 0;
}

#footer ul li a.Euroweb {
	width:112px;
}

#footer ul li a.Euroweb:hover {
	background-position:-282px 0;
}