/* - - - - - - - - - - - - - - - - - */
/* Schwabengarten.de                 */ 
/* 2009-10-03                        */
/* benjamin.dumke@bytebetrieb.com    */
/*                                   */
/* Allgemeine Stylesheets            */
/* - - - - - - - - - - - - - - - - - */



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

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

body { 
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	background: 		#ffedc7	url(/_p/bg.jpg) 0 0 repeat-x;
	color:				#000;
	font-family:		tahoma, arial, helvetica, sans-serif;
	font-size:			12px;
	line-height:		17px;
	}

#seitenblock { 
	
	width:				960px;
	margin-left:		auto;
	margin-right:		auto;
	}

#kopf {
	background: 		url(/_p/logo.gif) 0 200px no-repeat;
	height:				310px;	
	float:left;
	position: 			relative;
	}
	
#logo {
	text-indent: -10000px;
	display:			block;
	position: 		absolute;
	bottom:				20px;
	left:					300px;
	right:				300px;
	width:				400px;
	height:				70px;
	display:			block;
}
	
#headerImage {
	background:		url('/_p/kopfgrafik01.jpg');
	width:				960px;
	height:				200px;
}

#seiten-wrapper {
	background:			#fff;
	float:				left;
	}	
#inhalt {
	background:			#fff;
	float:				left;
	width: 				570px;
	padding:			20px 0 0 15px;
	}	
	
	
#inhalt .headimage {
	margin-bottom:	20px;
}


#navigation-wrapper {
	background-color:	#fff;
	float:				left; 
	height:				auto;
	padding:			20px 0 0 17px;
	width: 				143px;
	}	


#randnotiz {
	background:			#fff;
	float:				left;
	width:				195px;
	padding:			20px 0 0 20px;
	}
	
#randnotiz img {
	margin-bottom: 20px;
}

#footer {
	background:			#fff;
	float:				left;
	padding:			40px 0 20px 0 ;	
	width: 				960px;
	text-align:			center;
	}


a,
a:link		 { color:#086c30; text-decoration:none; }
a:visited 	 { color:#074520; text-decoration:none; }
a:hover		 { color:#ffae00; text-decoration:none; }
a:active 	 { color:#ffae00; text-decoration:none; }
a:focus 	 { color:#ffae00; text-decoration:none; }

#inhalt ol { list-style-type:decimal; margin: 20px 0 0 0;}
#inhalt li { margin:10px 0 10px 20px; }
#contentbild { margin: 20px 0; }


.paginierung {
	padding:				0;
	list-style:			none;
}

.paginierung li {
	float:					left;
}

.paginierung li.aktiv {
	font-weight:		bold;
}

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

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

#metanavigation { margin: 0 20px 0 0; }

#metanavigation li {
	float: 				right;
	margin:				89px 0 0 0;	
	height:				14px;
	text-indent:		-9999px;
	}

#metanavigation li a {
	display:			block;
	height:				14px;
	font-size:			1px;
	line-height:		1px;
	text-indent:		-9999px;
	}

#metanavi-1 {
	background: 		url(/_p/kopf-navi.gif) 0 0 no-repeat;
	background-position:-125px 0;
	width:				55px;
	}	

#metanavi-2 {
	background: 		url(/_p/kopf-navi.gif) 0 0 no-repeat;
	background-position:-40px 0;
	width:				85px;
	}	

#metanavi-3 {
	background: 		url(/_p/kopf-navi.gif) 0 0 no-repeat;
	background-position:0 0;
	width:				40px;
	}	

a#metanavi-1:hover { background-position:-125px -14px; }
a#metanavi-2:hover { background-position:-40px -14px; }
a#metanavi-3:hover { background-position:0 -14px; }

#oeffnungszeit {
	background: 		url(/_p/zeiten.gif) 0 0 no-repeat;
	display:			block;
	height:				18px;
	width:				191px;
	position: 			absolute;
	text-indent:		-9999px;
	top:				286px;
	left:				18px;
	}



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

#navigation li {
	padding:			0 0 0 15px;
	background: 		url(/_p/navi-bullet.gif)  0 0 no-repeat;
	margin:				0 0 5px 0;
	font-size:			17px;
	width:				140px;
	}

#navigation .aktiv {background-position: 0 -20px;}

#navigation .aktiv > a {
	 color: #086c30;
}

#navigation .sifrwrapper,
#navigation a {
	display:			block;
	width:				125px;
	color:				#000;
	}
#navigation a {
	padding:			3px 0;
	}

#navigation a,
#navigation a:link			 { color:#000; }
#navigation a:visited		 { color:#000; }
#navigation a:hover			 { color:#086c30; }
#navigation a:active		 { color:#086c30; }
#navigation a:focus			 { color:#086c30; }

ul.subnavi 					 { margin:0 0 20px 0; }

#navigation .subnavi li a {
	padding: 0 !important;
}

#navigation .subnavi a,
#navigation .subnavi a:link { font-size:12px; }
#navigation .subnavi li {
	background:			#fff;
	font-size:			12px;
	padding:			0 0 0 0.25em;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* S O C I A L  L I N K S             								           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.social-links {
	margin:				20px 0 0 0;
	width: 				140px;
	}
	
.social-links p {
	font-size:			12px;
	}

.social-links a {
	color:				#fff;
	display:			block;
	height:				28px;
	font-weight:		bold;
	font-size:			11px;
	text-indent:		-9999px;
	}	
	
.social-links a:visited	 { color: #fff; }
.social-links a:hover	 { color: #086c30; }
.social-links a:active	 { color: #086c30; }
.social-links a:focus	 { color: #086c30; }
	
#banner-rss 	 		a { background: url(/_p/social.gif) no-repeat 0 0; }	
#banner-wochenkarte 	a { background: url(/_p/social.gif) no-repeat -140px 0; }	
#banner-newsletter  	a { background: url(/_p/social.gif) no-repeat -280px 0; cursor:default; }
#banner-facebook 	 	a { background: url(/_p/social.gif) no-repeat 0 -56px; }	
#banner-twitter 	 	a { background: url(/_p/social.gif) no-repeat -140px -56px; }	
#banner-werkenntwen 	a { background: url(/_p/social.gif) no-repeat -280px -56px; }	

#banner-rss 	 		a:hover { background-position: 0 -28px; }
#banner-wochenkarte 	a:hover { background-position: -140px -28px; }
#banner-newsletter  	a:hover { cursor:default; }
#banner-facebook 	 	a:hover { background-position: 0 -84px; }
#banner-twitter 	 	a:hover { background-position: -140px -84px; }
#banner-werkenntwen 	a:hover { background-position: -280px -84px; }

#banner-newsletter a#letterit-form-absenden {
	background: 		url(/_p/eintragen.gif) 0 0 no-repeat;
	height:				17px;
	width:				140px;
	cursor:				pointer;
	margin:				0 0 10px;
}
#banner-newsletter a#letterit-form-absenden:hover { background-position:0 -17px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* T E A S E R               								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#promokasten {
	height:				190px;	
	width:				570px;
	overflow:			hidden;
	position: relative;
	}

.teaser {
	left: 0px;
	top: 0px;
	position:			absolute;
	background:			url(/_p/teaser-bier.jpg) 0 0 no-repeat;
	height:				155px;	
	width:				400px;
	padding:			35px 150px 0 20px;
	}

.teaser.ball {
	background:			url(/_p/teaser-ball.jpg) 0 0 no-repeat;
}

.teaser.bier {
	background:			url(/_p/teaser-bier.jpg) 0 0 no-repeat;
}		

.teaser.braten {
	background:			url(/_p/teaser-braten.jpg) 0 0 no-repeat;
}	

.teaser.gitarre {
	background:			url(/_p/teaser-gitarre.jpg) 0 0 no-repeat;
}	

.teaser.kuchen {
	background:			url(/_p/teaser-kuchen.jpg) 0 0 no-repeat;
}	

.teaser.megafon {
	background:			url(/_p/teaser-megafon.jpg) 0 0 no-repeat;
}

.teaser.pizza {
	background:			url(/_p/teaser-pizza.jpg) 0 0 no-repeat;
}	

.teaser.popcorn {
	background:			url(/_p/teaser-popcorn.jpg) 0 0 no-repeat;
}	

.teaser.tasse {
	background:			url(/_p/teaser-tasse.jpg) 0 0 no-repeat;
}

.teaser.wurst {
	background:			url(/_p/teaser-wurst.jpg) 0 0 no-repeat;
}
	
.teaser h2,
.teaser h2 a {
	color:				#fff;
	display:			block;
	font-size:			20px;
	font-weight:		bold;
	}
.teaser h2 {
	margin:				0 0 20px 0;
	}
	
.teaser h3,
.teaser h3 a {
	color:				#fff;
	display:			block;
	font-size:			32px;
	font-weight:		bold;
	}
.teaser h3 {
	margin:				0 0 35px 0;
	}
.teaser h3 a {
	margin:				20px 0 0 0;
	}
	
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* N E W S               								                       */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.status {
	background: #EBEBEB;
	float:				left;
	margin:				25px 0 0 0;
	padding: 			0 0 0 105px;
	width:				465px;
	position:relative;
}

.status h3 {
	margin-top:	10px;
}	

.news {
	float:				left;
	margin:				35px 0 0 0;
	padding: 			0 0 0 105px;
	width:				465px;
	position:relative;
	}

.lesenswertes {
	margin:				35px 0 0 0;
}
		
.news img,
.status img {
	float:				left;
	margin:				0 0 0 -105px;
	}

#blog #inhalt p {
	margin-bottom:	10px;
}

.news h3,
.status h3,
.lesenswertes h3 {
	color:				#086c30;
	font-size:			15px;
	}
	
.meta {
	border:				1px dotted #7f7f7f;
	border-width: 		1px 0;
	float:				left;
	margin:				10px 0 0 0;
	padding:			7px 0;
	width: 				465px;
	}	

.lesenswertes .meta {
		width: 				100%;
		float:				none;
	}
	
.meta a {
	background: 		url(/_p/weiterlesen.gif) 0 0 no-repeat;
	display:			block;
	float:				right;
	height:				17px;
	width:				140px;
	text-indent:		-9999px;
	}

.meta a:hover { background-position:0 -17px; }

.meta p { 
	font-weight:		bold;
	color:				#686868;
	float:				left;
	font-size:			10px;	
	}

.comment a {
	background: 		url(/_p/comment.gif) 0 0 no-repeat;
	color:				#086c30;
	font-size:			10px;
	height:				13px;
	padding:			0 0 0 20px;
	position:			absolute;
	top: 				5px;
	right: 				5px;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* F O O T E R               								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
#footer p {
	color:				#086c30;
	font-size: 			8px;
	font-weight: 		bold;
	line-height:		10px;	
	}	
		
	
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* H E U T E               								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#webcamblock {
	background-color:	#ebebeb;
	margin:				0 0 0 0;
	padding:			20px;
	width:				530px;
	position:			relative;
	}
#webcam {
	position:			relative;
	float:				left;
	width:				530px;
	height:				397px;
	margin:				10px 0 20px;
	overflow:			hidden;
}
#webcam img {
	position:			absolute;
	top:				0;
	left:				0;
	width:				530px;
	height:				397px;
	}

.webcampic {
	display:			block;
	padding:			0;
	margin:				0 16px 0 0;
	float:				left;
	width:				312px;
	height:				234px;
	}

#wetter {
	float:				left;
	width:			  149px;
	height:				176px;
	background:		#87a1cd;
	}

#webcamblock h1 {
	margin:				0 0 0;
	height:				17px;
	}
.player {
	background-color:	#ebebeb;
	margin:				20px 0 0 0;
	padding:			20px;	
	width:				530px;	
	}	
.player h1 {
	width:				300px;
	}

.flashplayer {
	float:				right;
	margin:				-27px 0 0 0;
	}


	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* G A S T R O N O M I E               								           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	
#inhalt .karte {
	width:				570px;
	margin:				0 0 0 -18px;
	list-style-type: 	none;
	}

.karte li {
	border-bottom: 		dotted 1px #999;
	height: 			12px;
	clear:				both;
	position:			relative;
	}
	
.karte .name {
	background: 		#fff;
	float:				left;
	padding:			0 5px 0 0;
	height: 			16px;
	overflow:			hidden;
	}
	
.karte .preis {
	background: 		#fff;
	font-weight:		bold;
	color:				#005a22;
	padding:			0 0 0 5px;
	height: 			16px;
	
	position:			absolute;
	top:				0;
	right:				0;
	}

.kategorie {  margin: 0 0 40px; 0; float:left; }

.sprungmarken {
	width:				570px;
	float:				left;
	margin: 			0 0 20px 0;
	}

#inhalt .sprungmarken li {
	float:				left;
	text-align:			center;
	margin:0;
	}

.sprungmarken li a,
.sprungmarken li a:link {
	font-weight:		bold;
	font-size:			10px;
	color:				#fff;
	background:			#086c03;
	height: 			18px;
	display:			block;
	padding:			0 10px;
	margin-right:		1px;
	width:				70px;
	}

.sprungmarken li a:visited 	{ color:#fff; }
.sprungmarken li a:hover 	{ background:#ffae00; }
.sprungmarken li a:active 	{ color:#fff; }
.sprungmarken li a:focus 	{ color:#fff; }

#inhalt .pfeilup {
	display:			block;
	width: 				12px;
	background: 		#086c03 url(/_p/pfeil.gif) center center no-repeat;
	text-indent:		-9999px;
	}
#inhalt a.pfeilup:hover { background:#ffae00 url(/_p/pfeil.gif) center center no-repeat; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* U P L O A D               								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#upload {
	width:						510px;
	background:			 		#ebebeb url(/_p/uploadbanner.gif) 30px 190px no-repeat;	
	padding:					15px 30px;
	height:						200px;
	}

	
.form-zeile-links {float:left; margin: 15px 25px 0 0;}
.form-zeile-rechts {float:right; margin: 15px 0 0 0;}

.form-zeile-links input {width:230px; padding: 0 0 0 5px;}
.form-zeile-rechts input {width:230px;  padding: 0 0 0 5px;}

#upload label {
	display:block;
	font-weight: bold;
	}
	
#upload .abschicken {
	margin-top: 10px;
	clear: both;
}

#inhalt .userlinks li {	
	width:450px;
	padding:0 90px 20px 30px;
	border-bottom: 1px dotted #7f7f7f;
	margin:20px 0 0 0 ;
	}
	
.userlinks .flickr	 { background:	url(/_p/flickr.gif) 475px 0  no-repeat; }	
.userlinks .myvideo	 { background:	url(/_p/myvideo.gif) 475px 0 no-repeat; }	
.userlinks .facebook { background:	url(/_p/facebook.gif) 475px 0 no-repeat; }	
.userlinks .youtube	 { background:	url(/_p/youtube.gif) 475px 0 no-repeat; }	




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* L I N K S             								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#inhalt .links li {	
	width:					570px;
	padding: 				0 0 20px 0;
	border-bottom: 			1px dotted #7f7f7f;
	margin: 				20px 0 0 0 ;
	float:					right;
	}

.links img { float:right; }	
.links div {
	float:					left;
	width: 					400px;
	}	


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* D O W N L O A D S            								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	

#inhalt .downloads li {	
	width:					570px;
	padding: 				0 0 20px 0;
	border-bottom: 			1px dotted #7f7f7f;
	margin: 				20px 0 0 0 ;
	float:					right;
	}

.downloads div {
	float:					left;
	width: 					400px;
	}	
	
.download {
	float:				right;
	margin:				10px 0 0 0;
	background: 		url(/_p/download.gif) 0 0 no-repeat;
	display:			block;
	float:				right;
	height:				17px;
	width:				140px;
	text-indent:		-9999px;
	}

a.download:hover { background-position:0 -17px; }


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* J O B S          								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
	

#inhalt .jobs li {	
	width:					570px;
	padding: 				0 0 20px 0;
	border-bottom: 			1px dotted #7f7f7f;
	margin: 				20px 0 0 0 ;
	float:					right;
	position:				relative;
	}

.jobs div {
	float:					left;
	width: 					400px;
	}	
	
.bewerben {
	margin:				10px 0 0 0;
	background: 		url(/_p/bewerben.gif) 0 0 no-repeat;
	display:			block;
	height:				17px;
	width:				140px;
	text-indent:	-9999px;
	}
	
form .bewerben {
	float:				right;
	margin-right:	30%;
}

#inhalt .jobs li .bewerben {
	float:				right;
	
	position:			absolute;
	right:				0px;
	bottom:				20px;
}

a.bewerben:hover { background-position:0 -17px; }

#jobs label {
	font-weight: bold;
	display:		 block;
}

#jobs input,
#jobs textarea {
	width: 			70%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* N E W S S E I T E             								               */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#news h1 {margin: 15px 0 0 0; }

#kommentarschreiben {
	border:					1px dotted #7f7f7f;
	border-width: 			1px 0;
	float:					left;
	margin:					25px 0 25px 0 ;
	width: 					570px;
	padding:				10px 0;
	}
#kommentarschreiben  p {	
	font-weight:bold;
	color:#686868;
	float:left;
	font-size: 10px;
	}
#kommentarschreiben  a {	
	background: url(/_p/schreibenbutton.gif) 0 0 no-repeat;
	display:block;
	height:17px;
	width:140px;
	float:right;
	text-indent:-9999px;
	}

#kommentarschreiben  a:hover { background-position:0 -17px; }
.subheadline { font-size:20px; }

.kommentar { margin:0 0 0 -20px; }
.kommentar div { padding:	0 0 0 70px; }
.antwort {
	font-size:					10px;
	color:						#086c30;
	font-weight:				bold;
	}

.kommentar	li {
	border-top:					1px dotted #7f7f7f;
	padding-top:				10px;
	}

.letzter-kommentar {	border-bottom:1px dotted #7f7f7f; padding: 10px 0 10px 0;}

.kommentar-nr {
	background:					#086c30;
	display:					block;
	color:						#fff;
	float:						left;
	font-weight:				bold;
	height:						20px;
	padding: 					3px 0 0 0;
	text-align:					center;
	width: 						50px;
	}	
	
.form-zeile 			 { margin: 7px 0; }	
.form-zeile input 		 { width: 200px; }
#form_kommentar			 { width:560px; height: 100px; margin: 0 0 10px 0; }	
#kommentar-form p 		 { float:left; }
#kommentar-form 		 { float:left; }
#kommentarkeks-ja 		 { float:left; }
#kommentar-absenden 	 { float:right; }


#kommentar-form .abschicken { float: right; margin-right: 10px;}




/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* L E S E N S W E R T E S             								           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.weiterlesen {
	margin:				10px 0 0 0;
	background: 		url(/_p/weiterlesen.gif) 0 0 no-repeat;
	display:			block;
	float:				right;
	height:				17px;
	width:				106px;
	text-indent:		-9999px;
	}
	
a.weiterlesen:hover { background-position:0 -17px; }


.lesenswertesmeta {
	border:				1px dotted #7f7f7f;
	border-width: 		1px 0;
	float:				left;
	margin:				10px 0 0 0;
	padding:			7px 0;
	width:				100%;
}

a.zurueck {
	float:				right;
	background: 		url(/_p/zurueck.gif) 0 0 no-repeat;
	display:			block;
	float:				right;
	height:				17px;
	width:				140px;
	text-indent:		-9999px;
	}
a.zurueck:hover { background-position:0 -17px; }


/* .lesenswertes {	margin: 0 0 0 -20px;} 
.lesenswertes li {
	float:left;
	border-bottom:			1px dotted #7f7f7f;	
	padding:				0 0 20px 0;				
	} */
	

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* K A R T E            								           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	

#map_canvas {
	margin-top: 30px;
	height: 300px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* R E S E R V I E R U N G             								           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#reservierung .form-zeile {
	width:						570px
	float:						left;
	}
	
#reservierung label {
	color:						#000;
	width:						70px;
	display:					block;
	float:						left;
	}	
	
#reservierung input { width:200px; }	

#reservierung textarea {
	width:						270px;	
	}
	
#reservierung-absenden	 {
	margin-top:					10px;
	float:						left;
	}
	
#reservierung-form	 {
	margin:						15px 15px 0 0;
	padding:					20px;
	width:						280px;
	float:						left;
	background:					#ebebeb;	
	}
	
#eintrag-anmeldung {
	margin:						15px 0 0 0;
	padding:					20px;	
	width: 						195px;
	background:					#ebebeb;		
	float:						left;
	}
	
#reservierung h3 {
	color:						#086c30;
	font-weight:				bold;
	font-size:					16px;
	}	
#eintrag-anmeldung span {	
	color:						#086c30;
	font-weight:				bold;
	}	
.res-plan { margin:0 0 0 40px;}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* E X T R A :  K O N T A K T F O R M U L A R       								           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#kontakt-form label {
	font-weight: bold;
	display:		 block;
}

#kontakt-form input,
#kontakt-form textarea {
	width: 			70%;
}

a.abschicken {
	background: 		url(/_p/absenden.gif) 0 0 no-repeat;
	display:			block;
	height:				17px;
	width:				140px;
	text-indent:		-9999px;
	}
a.abschicken:hover { background-position:0 -17px; }

#kontakt-form .abschicken {
	float: right;
	margin-right: 30%;
}



.randform input {
	width: 			140px;
	padding:		0;
}
.randform .feedback {
	color:			#e49100;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* F L I C K R             								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


ul.impressionen {
	list-style: none;
	padding: 0;
}

ul.impressionen li {
	display: block;
	height: 120px;
	margin:	0px 0px 20px 0px !important;
}

ul.impressionen li a {
	width: 160px;
	height: 120px;
	margin: 0 10px 10px 0;
	float: left;
}

ul.impressionen li img {
	width:	160px;
	height: 120px;
}

ul.impressionen li div {
	float: left;
	width: 400px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* R E S E R V I E R U N G E N            								                   */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#reservierungsplan {
	background: #ebebeb;
	padding: 0px;
	text-align: center;
	line-height: 0px;
}


#reservierungen .form-zeile label {
	clear: both;
	float: left;
	font-weight: bold;
	display: block;
	width: 130px;
}

#formbemerkungen {
	height: 100px;
	width: 300px;
}

a.reservieren {
	background: 		url(/_p/reservieren.gif) 0 0 no-repeat;
	display:			block;
	height:				17px;
	width:				140px;
	text-indent:		-9999px;
	float:				right;
	margin-right:	138px;
	}
a.reservieren:hover { background-position:0 -17px; }


#inhalt .feedback {
	padding: 10px;
	font-weight: bold;
	border: solid 2px #086c30;
	color:  #086c30;
	margin: 10px 0px;
}

#reservierungen ul {
	padding: 0px;
}

#reservierungen ul li {
	border-bottom:				1px dotted #7f7f7f;
	margin:	10px 0px 10px 0px;
}

input.button {
	background: #086c30;
	padding: 2px 10px;
	border: none;
	color: #fff;
	font-weight: bold;
}