/* - - - - - - - - - - - - - - - - */
/* orange-hotel.de                 */ 
/* 2009-08-04                      */
/* stefan.goersch@bytebetrieb.com  */
/*                                 */
/* Allgemeine Stylesheets          */
/* - - - - - - - - - - - - - - - - */






/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* A L L G E M E I N															*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

* {
	margin:				0;
	padding:			0;
} 

html {
	width:				100%;
	height:				100%;
}

body {
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	background:			#6a6a6d url(/_p/bg.png) top center repeat-y;
	color:				#222;
	font-family:		helvetica, tahoma, arial, sans-serif;
	font-size:			12px;
	line-height:		17px;
}


a img, img,
a.bildlink 	{ border: none; }

.c { clear:both; float:none; }

form { }
fieldset { border:none; }

h1, h2, h3, h4, h5, h6 { }
h4		{ 
	margin: 			30px 0 0 0; 
	font-size:			16px; color:#fff; 
	background-color:	#b31621; 
	padding:			6px 0 6px 10px;	
	width:				560px;
}

p 		{ margin:0 0 12px; }
strong 	{ font-weight:bold; }
em 		{ font-style:italic; }

table 	{ }
td 		{ }
tr 		{ }


ul {
	list-style-type: 	disc;
	padding:			0;
	margin:				0 0 12px 1em;
}
li { margin:0 0 6px 0; }


a,
a:link		{ color:#faa620; text-decoration:none; font-weight:bold; }
a:visited 	{ color:#faa620; text-decoration:none; font-weight:bold; }
a:hover		{ color:#555; text-decoration:none; font-weight:bold; }
a:active 	{ color:#555; text-decoration:none; font-weight:bold; }
a:focus 	{ color:#555; text-decoration:none; font-weight:bold; }







/* - - - - - - - - - - - */
/* G R U N D G E R Ü S T */
/* - - - - - - - - - - - */



#seitenblock {
	background:			#fff;
	width:				980px;
	height:				auto;
	margin:				0 auto;
}

#kopf {
	height:				435px;
	position:			relative;
}

#featurekasten {
	width:				980px;
	height:				230px;
	position:			absolute;
	top:				176px;
	left:				0;
}





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* L O G O	     													       		*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

a#logo {
	display:			block;
	width:				325px;
	height:				121px;
	position:			absolute;
	top:				25px;
	left:				613px;
	border:				none;
	font-weight:		normal; 
}
.naviclass-56 a#logo img { visibility:hidden; }
.naviclass-56 a#logo { background:transparent url(/_p/logo-restaurant.png) 0 0 no-repeat; }



h1 {
	position:			absolute;
	top:				121px;
	left:				33px;
	color:				#faa620;
	font-weight:		bold;
	font-size:			30px;
	line-height:		30px;
	text-transform:		uppercase;
}
.naviclass-36 h1 { color:#aabe4b; }
.naviclass-56 h1 { color:#611115; }





/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* N A V I G A T I O N       													*/
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/







/* Erste Ebene */
ul#navigation {
	margin:				35px 35px 0 0;
	width:				194px;
	list-style-type:	none;
	float:				left;
	display:			inline;
}
#navigation ul {
	margin:				0 0 0 0;
	width:				194px;
	list-style-type:	none;
}

#navigation li {
	width:				194px;
	padding:			0;
	margin:				0;
	float:				left;
}

#navigation li a {
	display:			block;
	float:				left;
	width:				159px;
	padding:			10px 0 10px 35px;
	margin:				0;
	background:			#faa620 url(/_p/bg-navi-a.png) 0 0 repeat-y;
	border:				1px solid #fff;
	border-width: 		0 0 1px;
	color:				#fff;
	font-size:			14px;
	line-height:		16px;
	font-weight:		bold;
	cursor:				pointer;
}


/* #navigation li a:hover, */
#navigation li a.aktiv { background:#f29400; }

#navigation #navi-36 a { background:#aabe4b url(/_p/bg-navi-a-green.png) 0 0 repeat-y; }
#navigation #navi-56 a { background:#aabe4b url(/_p/bg-navi-a-red.png) 0 0 repeat-y; }

/* #navigation #navi-36 a:hover, */
#navigation #navi-36 a.aktiv { background:#91af0c; }
#navigation #navi-56 a.aktiv { background:#611115; }

#adresse {
	width:				160px;
	float:				left;	
	padding:			35px 0 0 35px;
	overflow:			hidden;
}

#newsletter-box {
	width:				160px;
	float:				left;	
	padding:			35px 0 0 35px;
	overflow:			hidden;
}

#newsletter-box label {font-weight:bold;}
#newsletter_absenden { margin:	7px 0 0 87px; }

#navigation-wrapper {
	width:				194px;
	float:				left;	
}


#newsletter-box input.submitbutton {
	background:			#e5e5e5;
	border:				1px solid #cdcdcd;
	padding:			2px 3px;
	font-size:			12px;

	width:				auto;
	color:				#000;
	cursor:				pointer;
	margin:				10px 0 10px 0;
}

#newsletter-box input.submitbutton:hover {
	color:				#555;
	border-color:		#555;
	background:			#e5e5e5;
}


.emailfeld { display:none; }
.naviclass-35 #emailfeld-35,
.naviclass-36 #emailfeld-36,
.naviclass-56 #emailfeld-56 { display:inline; }




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* M E T A    N A V I G A T I O N												*/	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

ul#metanavigation {
	list-style-type:	none;
	height:				23px;
	width:				980px;
	position:			absolute;
	bottom:				0;
	left:				0;
	overflow:			hidden;
	background:			#faa620 url(/_p/bg-meta.png) 0 0 repeat-y;
	padding:			6px 0 0;
	margin:				0;
	text-align:			right;
}
.naviclass-56 ul#metanavigation { background:#611115; }

#metanavigation li {
	display:			inline;
	padding:			0 1em 0;
	
	border:				1px solid #fff;
	border-width:		0 0 0 2px;
}
#metanavigation li.erste { border:none; }
#metanavigation a {
	color:				#fff;
	border:				none;
	font-weight:		bold;
	font-size:			14px;
	line-height:		16px;
}
#metanavigation a:hover { color:#555; }




.skip-anzahl 		{ float:left; height:25px; }
.skip-anzahl dt		{ float:left; display:inline; margin:3px 10px 0 15px; }
.skip-anzahl dd		{ float:left; display:inline; margin:6px 5px 0 0; padding-left:5px; border-left:1px solid #000; }
.skip-anzahl .erste { border-left:none; padding-left:0; }
.skip-anzahl a,
.skip-anzahl a:link,
.skip-anzahl a:visited { float:left; padding:0 3px; color:#000; border-bottom:1px dotted #000; margin-top:-3px; }
.skip-anzahl a:hover,
.skip-anzahl a:active,
.skip-anzahl a:focus  { border-style:solid; }
.skip-anzahl .aktiv a { border:none; font-weight:bold; }

.skip-anzahl dt.pdfbutton { margin:3px -5px 0 15px; border-right:1px solid #000; padding:0 10px 0 16px; background:transparent url(/_p/icn-document.gif) 0 2px no-repeat; }
.skip-anzahl dt.pdfbutton a { padding:0; margin:0; }


.skip-seiten 		{ float:right; display:inline; margin:0 15px 0 0; height:25px; }
.skip-seiten li 	{ float:left; display:inline; margin:6px 0 0 6px; padding-left:5px; border-left:1px solid #000; text-align:center; }
.skip-seiten .erste,
.skip-seiten .letzte,
.skip-seiten .vor,
.skip-seiten .zurueck { border-left:none; padding:0; }
.skip-seiten a,
.skip-seiten a:link,
.skip-seiten a:visited { float:left; padding:0 3px; color:#000; border-bottom:1px dotted #000; margin-top:-3px; }
.skip-seiten a:hover,
.skip-seiten a:active,
.skip-seiten a:focus  { border-style:solid; }
.skip-seiten .aktiv a { border:none; font-weight:bold; }
.skip-seiten span { float:left; padding:0 3px; color:#000; border:none; margin-top:-3px; }

dl.blaetterliste {
	list-style-type:	none;
	margin:				10px 0;
}
.blaetterliste dt {
	margin:				0 0 3px;
	padding:			0 0 3px;
}
.blaetterliste dd a {
	font-weight:		bold;
	display:			inline;
	float:				left;
	width:				20px;
	text-align:			center;
	float:				left;
	border:				1px dotted #b31621;
	background:			#e5e5e5;
	margin:				0 0.5em 0 0;
	padding-bottom:		3px;
}
.blaetterliste dd.aktiv a,
.blaetterliste dd a:hover {
	background:			#b31621;
	color:				#fff;
}









	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* I N H A L T																	*/	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#inhalt {
	width:				430px;
	margin:				31px 0 0 50px;
	float:				left;
	
	font-size:			13px;
	line-height:		19px;
}

h2 {
	margin:				0 0 19px;
	font-size:			26px;
	line-height:		30px;
	font-weight:		normal;
}

.news h2 {
	margin:				0 0 19px 0;
	font-size:			26px;
	line-height:		30px;
	font-weight:		normal;
}

.datum {
	font-weight:bold;
	margin:0;			
}

.news {
	margin:				0 0 38px 0;
	padding:			0 0 38px 0;
	border-bottom:		1px solid #555;
}

.news.erste {
	border-top:		1px solid #555;
	padding-top:	38px;
}

.text-absatz { margin:0 0 38px 0; }

a.mehr {
	display:			inline-block;
	text-align:			right;
	padding:			0 0 0 1em;
}

p.pdf a { padding-left:12px; background:transparent url(/_p/icn-pdf.gif) 0 3px no-repeat; }
p.internerlink a { padding-left:12px; background:transparent url(/_p/icn-link.gif) 0 3px no-repeat; }





ul.downloadliste {
	list-style-type:		none;
	margin:					0;
	padding:				0;
}
ul.downloadliste li {
	margin:					0 0 16px;
}
ul.downloadliste a {
	display:				block;
	font-size:				16px;
	line-height:			18px;
	font-weight:			normal;
	padding:				0 0 0 20px;
	background:				transparent url(/_p/icn-download.png) 0 0 no-repeat;
}







/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* K O N T A K T	    														*/	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


#kontaktfeld {
	padding:			15px 210px 0 10px;
	clear:				both;
}	

#kontakt-form { margin:30px 0 20px;}
#kontakt-form fieldset {}
#kontakt-form legend { font-weight:bold; margin:0 6px 12px 0; color:#321503; }
#kontakt-form input.textfeld,
#kontakt-form input.submitbutton {
	background:			#e5e5e5;
	border:				1px solid #cdcdcd;
	padding:			2px 3px;
	width:				280px;
	font-size:			12px;
	color:				#555;
	margin:				0 0 10px 0;
}

#kontakt-form input.textfeld-kurz {
	background:			#e5e5e5;
	border:				1px solid #cdcdcd;
	padding:			2px 3px;
	font-size:			12px;
	color:				#555;
	width:				100px;	
	margin:				0 180px 10px 0;
}

#kontakt-form input:focus { border:1px solid #fff; }
#kontakt-form input.submitbutton {
	width:				auto;
	color:				#000;
	cursor:				pointer;
	margin:				0 0 10px 112px;
}
#kontakt-form input.submitbutton:hover {
	color:				#555;
	border-color:		#555;
	background:			#e5e5e5;
}

#kontakt-form label {
	font-size:			12px;
	line-height:		24px;
	display:			block;
	float:				left;
	width:				112px;
	margin:				0 0 10px 0;
}
* html #kontakt-form label { width:80px; }
#kontakt-form label.cblab {
	width:				auto;
	display:			inline;
	float:				none;
	
	font-size:			12px;
	line-height:		24px;
	margin:				0 0 10px 0;
}

#kontakt-form textarea {
	border:				1px solid #cdcdcd;
	background:			#e5e5e5;
	padding:			2px 3px;
	width:				280px;
	height:				150px;
	margin:				0 0 10px 0;
	
	color:				#555;
	font-size:			13px;
	font-family:		tahoma, arial, helvetica, sans-serif;
}
#kontakt-form textarea:hover {}
#kontakt-form textarea:focus { border:1px solid #fff; background:#eee; }
.form-zeile { margin-bottom:6px; width:400px; }
.form-zeile-kurz { margin-bottom:6px; width:200px; float:left;}
.wrapper { border-top: 1px solid #e5e5e5; padding: 20px 0 0 0; float:left;}

.feedback {
	margin:				0 0 20px 0;
	padding:			10px;
	border:				1px solid #faa620;
	background:			#eee;
	color:				#faa620;
	font-weight:		bold;
}
.feedback.error {
	border-color:		#b31621;
	background:			#ECC5C7;
	color:				#b31621;
}
#kontakt-form .feedback {
	margin-left:		112px;
	margin-right:		0;
}







/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Dashboard CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

#kontakt-form input.dashboard,
#kontakt-form select.dashboard {
	width: 100px;
	margin-right:150px;
	float:right;
}

button.dashboard {
	background: url(/_p/dashboard-icon.png);
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 10px;
	width: 20px;
}
button.dashboard:hover,
button.dashboard.active {
	background-position: 0 20px;
}

div.dashboard {
	background: url(/_p/dashboard.png);
	height: 175px;
	padding: 0 12px;
	text-align: center;
	width: 147px;
}	
	div.dashboard * {
		margin: 0;
		padding: 0;
	}	
	div.dashboard div {
		background: none !important;
		cursor: move;
		height: 165px;
		overflow: hidden;
		padding-top: 10px;
		position: relative;
		width: 147px;
	}	
	
	div.dashboard caption {
		color: #faa620;
		font: normal 12px/17px helvetica, tahoma, arial, sans-serif;
		padding-top: 4px;
		text-align: center;
		width: 100%;
	}
	div.dashboard caption a:hover {
		background-position: 0 11px;
	}
	div.dashboard caption span {
		height: 25px;
		position: relative;
		text-align: center;
		padding:0 6px;
		
		border:1px solid #000;
	}
	div.dashboard caption span.month {
		padding: 0 8px 0 0;
	}
	div.dashboard caption span.year {
		padding: 0;
	}
	div.dashboard caption span.month:after {
		content: ',';
	}
	
	div.dashboard caption span.next {
		text-indent: -100px;
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		right: 1px;
		top: 16px;
		width: 11px;
		line-height: 11px;
		
		background: transparent url(/_p/dashboard-next.png) 0 0 no-repeat;
	}
	div.dashboard caption span.prev {
		text-indent: -100px;
		cursor: pointer;
		display: block;
		height: 11px;
		overflow: hidden;
		position: absolute;
		top: 16px;
		width: 11px;
		line-height: 11px;

		background: transparent url(/_p/dashboard-prev.png) 0 0 no-repeat;
		left: 1px;
	}

	div.dashboard table {
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 147px;
	}
	div.dashboard td,
	div.dashboard th {
		border: 0;
		color: #999;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 19px;
		text-align: center;
		width: 21px;
	}
	div.dashboard td {
		color: #333;
		font-size: 11px;
		padding-right: 5px;
		text-align: right;
		width: 16px;
	}
	div.dashboard td.invalid {
		color: #666;
	}
	div.dashboard td.valid {
		color: #FFF;
		cursor: pointer;
	}
	div.dashboard td.active,
	div.dashboard td.hover {
		color: #faa620;
		cursor: pointer;
	}
	











/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* R A N D  																	*/	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#randnotizen {
	width:				242px;
	margin:				35px 0 0 0;
	float:				right;
	overflow:			hidden;
}

.randblock {
	margin				0 0 10px;
}

.button a {
	float:				right;
	display:			inline;
	cursor:				pointer;
	width:				170px;
	height:				106px;
	background:			transparent url(/_p/bg-boppel.png) 0 0 no-repeat;
	border:				none;
	font-weight:		normal; 
	margin:				0;
	padding:			23px 0 0 0;
	color:				#fff;
}
.button a:hover {
	color:				#555;
}

.button .text {
	float:				left;
	display:			inline;
	width:				50px;
	margin:				0 0 10px 45px;
	font-size:			12px;
	line-height:		12px;
	clear:				both;
}

.button .preis {
	float:				left;
	display:			inline;
	margin:				0 0 10px 0;
	width:				75px;
	font-weight:		bold;
	font-size:			35px;
	line-height:		35px;
	overflow:			hidden;
}