@charset "utf-8";

/*
//////////////////////////////////////////////////////////////////////////
/////		Author: Christian Riedel												/////
/////		Company: Euroweb Internet GmbH										/////
/////		Copyright: 2010 - Christian Riedel & Euroweb Internet GmbH	/////
//////////////////////////////////////////////////////////////////////////
*/


/****************************************************** Basic Elements */

* {
	padding:0;
	margin:0;
}

html, body {
	height:100%;
}

body {
	color: #404040;
	text-align:left;
	font: 12px/20px Georgia, "Times New Roman", Times, serif;
	background: #d8cdb0 url(../images/bg-body.jpg) 0 0 repeat-x;
}

ol, ul, dl {
	list-style:none;
}

dl {
	width: 263px;
	clear: both;
}

dt, dd {
	float: left;
}

dt {
	width: 73px;
	font-weight: bold;
	clear: both;
}

dd {
	width: 190px;
}


p, ul {
	padding-bottom: 20px;
}

p strong {

}

img, a img {

	border: none;
}

img:hover {

}

hr {
	margin: 16px 0;
	color: #d6dce1;
	border-color:#d6dce1;
	border-right:0 none;
	border-style:solid none none;
	border-width:1px 0 0;
	display:block;
	height:1px;
	width: 100%;
}

iframe{

}

#gaestebuchIframe {
	width: 100%;
	height: 500px;
}

.cufon-loading h2,
.cufon-loading h3,
.cufon-loading h4,
.cufon-loading #navigation a {
	visibility:hidden;
}

/*************************************************************** Links */

a, a:link, a:visited {
	color: #a32930;
	text-decoration: underline;
	outline: none;
}	
a:hover, a:active {
	text-decoration: none;
}



/************************************************************ Noscript */

noscript p {
	position:absolute;
	width:100%;
	height:25px;
	line-height:25px;
	top:0;
	left:0;
	font-size:11px;
	color:#666;
	text-indent:25px;
	border-bottom:solid 1px #999;
	z-index:99;
	text-align:center;
	background:#fff;
	margin: 0;
	padding: 0;
}

noscript strong {
	padding-left:20px;
	background:url(../images/cms/icon-cancel.png) no-repeat 0 center;
	font-weight:bold;
	font-size: 12px
}


/************************************************************ Branding */

h1#branding a {
	display:block;
	position: absolute;
	top: 23px;
	left: 230px;
	overflow: hidden;
	width: 500px;
	height: 100px;
}
	h1#branding a {
	}
	
	h1#branding a img {
		border: none;
	}

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


/****************************************************** Global Classes */

.highlight {
	/*	padding-left:15px;
	background:url(../images/arrows.jpg) 0 center no-repeat;
	*/
}

.externLink {
	/*
	background:url(../images/icons/icon-external-link.gif) no-repeat right center;
	padding-right:20px;
	*/
}

.displayNone {
	display:none;
}

.floatLeft {
	float:left;
}

.floatRight {
	float:right;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

#euroweb {
	padding-top: 10px;
}

.noBorder {
	border: none;
}


/*********************************************************** Clearfix */

.clearfix:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


/********************************************************* Navigation */

ul#navigation {
	margin: 0 auto;
	width: 931px;
	height: 45px;
	padding: 0px;
	position:relative;
	left: 29px;
	z-index: 2;
}

ul#navigation li {
	float: left;
} 

ul#navigation li a {
	display: block;
	text-indent:-9999px;
	font-size:1px;
	height: 45px;
} 
 
	li#startseite a {
		background: url(../images/bg-navigation.jpg) 0 0 no-repeat;
		width: 81px
	}
	
	li#ueber-uns a {
		background: url(../images/bg-navigation.jpg) -81px 0 no-repeat;
		width: 101px;
	}
	
	li#speisekarte a {
		background: url(../images/bg-navigation.jpg) -182px 0 no-repeat;
		width: 117px
	}
	
	li#aktuelles-und-angebote a {
		background: url(../images/bg-navigation.jpg) -299px 0 no-repeat;
		width: 183px;
	}
	
	li#angebote-fuer-gruppen a {
		background: url(../images/bg-navigation.jpg) -482px 0 no-repeat;
		width: 190px;
	}
	
	li#links a {
		background: url(../images/bg-navigation.jpg) -672px 0 no-repeat;
		width: 77px;
	}
	
	li#mostlandexpress a {
		background: url(../images/bg-navigation.jpg) -749px 0 no-repeat;
		width: 153px;
	}
	
	li#startseite a:hover, li#startseite a.active { background-position: 0 -45px; }
	li#ueber-uns a:hover, li#ueber-uns a.active { background-position: -81px -45px; }
	li#speisekarte a:hover, li#speisekarte a.active { background-position: -182px -45px; }
	li#aktuelles-und-angebote a:hover, li#aktuelles-und-angebote a.active { background-position: -299px -45px; }
	li#angebote-fuer-gruppen a:hover, li#angebote-fuer-gruppen a.active { background-position: -482px -45px; }
	li#links a:hover, li#links a.active { background-position: -672px -45px; }
	li#mostlandexpress a:hover, li#mostlandexpress a.active { background-position: -749px -45px; }
	
	
li#mostlandexpress {
	position: relative;
}

ul.subnavigation {
	position: absolute;
	z-index: 2;
	top: 45px;
	left: 0;
	display: none;
	width: 153px;
}

ulsubnavigation li a {
	display: block;
	width: 153px;
	height: 45px;
} 

li#mostlandexpress:hover ul.subnavigation {
	display: block;
} 

	li#mostlandexpress-fahrrouten a {
		background: url(../images/bg-subnavigation.jpg) 0 0 no-repeat;
		width: 153px
	}
	
	li#mostlandexpress-gaststaetten a {
		background: url(../images/bg-subnavigation.jpg) 0 -45px no-repeat;
		width: 153px
	}
	
	li#mostlandexpress-preise a {
		background: url(../images/bg-subnavigation.jpg) 0 -90px no-repeat;
		width: 153px
	}
	
	li#mostlandexpress-kontakt a {
		background: url(../images/bg-subnavigation.jpg) 0 -135px no-repeat;
		width: 153px
	}
	
	li#mostlandexpress-fahrrouten a:hover, li#mostlandexpress-fahrrouten a.active { background: url(../images/bg-subnavigation.jpg) -153px 0 no-repeat; }
	li#mostlandexpress-gaststaetten a:hover, li#mostlandexpress-gaststaetten a.active { background: url(../images/bg-subnavigation.jpg) -153px -45px no-repeat; }
	li#mostlandexpress-preise a:hover, li#mostlandexpress-preise a.active { background: url(../images/bg-subnavigation.jpg) -153px -90px no-repeat; }
	li#mostlandexpress-kontakt a:hover, li#mostlandexpress-kontakt a.active { background: url(../images/bg-subnavigation.jpg) -153px -135px no-repeat; }
	
#mostlandexpressNavigation {
	border-bottom: 1px solid #d6caab;
	padding-bottom: 25px;
}

#mostlandexpressNavigation li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #beae84;
}

#mostlandexpressNavigation li:first-child {
	padding-left: 0px;
}

#mostlandexpressNavigation li.last {
	border: none;
}

#mostlandexpressNavigation li a {
	color: #da4949;
	text-decoration: none;
}

#mostlandexpressNavigation li a.active,
#mostlandexpressNavigation li a:hover {
	color: #a32930;
	text-decoration: underline;
}

/********************************************************** Structure */

#container {
	width: 100%;
	min-height: 100%;
	height: auto;
	background: url(../images/bg-container.jpg) center top no-repeat;
}

#wrapperBackground {
	width: 960px;
	margin: 0 auto;
	background:url(../images/bg-wrapperBackground.jpg) 0 0 repeat-y;
	margin-top: 25px;
}

#wrapper {
	width: 860px;
	padding: 0 50px;
	background: url(../images/bg-wrapper.jpg) 0 0 no-repeat;
}


/****************************** Header */

#header {
	position: relative;
	height: 135px;
	width: 960px;
	margin: 0 auto;
}

#imageSlider {
	width: 854px;
	height: 224px;
	position: relative;
	border: 3px solid #d6caab;
	z-index: 1;
}

ul#images {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

ul#images li {
	display: none;
	position: absolute;
	z-index: 1;
}

ul#images li.last {
	display: list-item;
}

ul#imageSliderText {
	background: url(../images/bg-imagesslider-text.png) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

ul#imageSliderText li {
	position: absolute;
	top: 26px;
	left: 39px;
	display: none;
	z-index: 1;
}

ul#imageSliderText li.last {
	display: list-item;
}

ul#imageSliderText h3 {
}

ul#imageSliderText p {
	padding-top: 20px;
	width: 200px;
}

#imageSliderTextOverlay {
	position: absolute;
	display: none;
	background: url(../images/bg-imagesslider-text-overlay.jpg) 0 0 no-repeat;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.contentColumn.mostlandexpress {
	position: relative;
	width: 414px;
	height: 325px;
	background: url(../images/bg-mostlandexpress.jpg) 0 0 no-repeat;
	border: 3px solid #d6caab;
	color: #404040;
	text-decoration: none;
}

.mostlandexpress a,
.mostlandexpress a:hover {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 414px;
	height: 325px;
	text-indent:-9999px;
	font-size:1px;
}

.mostlandexpress h3 {
	text-indent:-9999px;
	font-size:1px;
}

.mostlandexpress p {
	padding: 200px 0 0 24px;
	width: 360px;
}

.speisekarte {
	display: block;
	width: 270px;
	height: 51px;
	background: url(../images/speisekarte/button.jpg) 0 0 no-repeat;
	margin-left: 15px;
	text-indent: -9999px;
	font-size: 1px;
}

ul.imageGallery {
	margin-top: 10px;
	width: 100%;
}


ul#imageGallery {
	width: 100%;
	height: 190px;
	background: url(../images/imagegallery-line.jpg) center top no-repeat;
	margin-top: 65px;
	padding-top: 25px;
}

ul#imageGallery li,
ul.imageGallery li {
	float: left;
	border: 3px solid #d6caab;
	margin-right: 19px;
}

ul#imageGallery li.last,
ul.imageGallery li.last {
	margin-right: 0px;
}

ul#imageGallery li a,
ul.imageGallery li a {
	position: relative;
	display: block;
	height: 144px;
	width: 194px;
}

ul#imageGallery li a span,
ul.imageGallery li a span {
	position: absolute;
	width: 29px;
	height: 28px;
	bottom: 0px;
	right: 0px;
	background: url(../images/magnifier.png) 0 0 no-repeat;
}

ul#navigationAdditional {
	width: 480px;
	height: 40px;
	padding-top: 35px;
	padding-bottom: 38px;
	margin: 0 auto;
}

ul#navigationAdditional li {
	float: left;
}

ul#navigationAdditional li a {
	display: block;
	text-indent:-9999px;
	font-size:1px;	
	height: 40px;
	width: 120px;
} 
 
 	li#gaestebuch a {
		background: url(../images/bg-navigation-additional.jpg) 0 0 no-repeat;
	}
	
	li#kontakt a {
		background: url(../images/bg-navigation-additional.jpg) -120px 0 no-repeat;
	}
	
	li#anfahrt a {
		background: url(../images/bg-navigation-additional.jpg) -240px 0 no-repeat;
	}
	
	li#impressum a {
		background: url(../images/bg-navigation-additional.jpg) -360px 0 no-repeat;
	}
	
	li#gaestebuch a:hover, li#gaestebuch a.active { background: url(../images/bg-navigation-additional.jpg) 0 -40px no-repeat; }
	li#kontakt a:hover, li#kontakt a.active { background: url(../images/bg-navigation-additional.jpg) -120px -40px no-repeat; }
	li#anfahrt a:hover, li#anfahrt a.active { background: url(../images/bg-navigation-additional.jpg) -240px -40px no-repeat; }
	li#impressum a:hover, li#impressum a.active { background: url(../images/bg-navigation-additional.jpg) -360px -40px no-repeat; }

/****************************** content */

#content {
}

#contentContainer {
	width: 100%;
	padding-top: 100px;
}

#contentContainer img,
#contentContainer iframe,
#contentContainer object {
	border: 3px solid #d6caab;
}

#contentContainer img[alt="erforderlich"] {
	border: none;
}

h2 {
	font-size: 27px;
	font-weight: normal;
	padding-bottom: 20px;
	padding-top: 17px;
}
	.cufon-active h2 {
		font-size: 27px !important;
	}	

h3 {
	font-size: 17px;
	padding-bottom: 13px;
	font-weight: normal;
}
	.cufon-active h3 {
		font-size: 17px !important;	
	}	

#contentContainer ~ h3 {
	margin-top: 25px;
}

.contentColumn {
	width: 420px;
}

.contentColumn h3 {
	padding-bottom: 13px;
}
	
.contentColumn ul {
	margin-left: 20px;
}

.contentColumn ul li {
	list-style: disc;
}
	
.contentColumn a[rel="lightbox"] {
	float: left;
	width: 160px;
	height: 110px;
	margin-right: 5px;
	background: url(../images/imageborder.jpg) 0 0 no-repeat;
	position: relative;
}

.contentColumn a[rel="lightbox"] img {
	position: absolute;
	top: 5px;
	left: 5px;
}

.cmsContainer  {
	padding-bottom: 50px;
}

.cmsContainer .contentColumn  a {
	background: none;
	display: block;
	float: left;
	width: 200px;
	height: 150px;
}

/****************************** Footer */

#footer {
	position: relative;
	/*margin-top: -210px;*/
	clear: both;
	width: 100%;
	height: 310px;
	background: url(../images/bg-footer.jpg) center top repeat-x;
	color: #f1f1f1;
}

#footerContainer {
	position: relative;
	width: 100%;
	min-height: 100%;
	height: auto;
	background: url(../images/bg-footerContainer.jpg) center bottom no-repeat;
}

#footerWrapper {
	width: 860px;
	margin: 0 auto;
}

#footerWrapper div {
	float: left;
}

#footerWrapper a {
	color: #f1f1f1;
}

#contact {
	padding-left: 40px;
}