@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------IMPORT CSS-----------------------------------------
---------------------------------------------------------------------------------------*/

	@import url("lightbox.css");
	@import url("cms.css");
	@import url("map24.css");
	@import url("kontaktstyle.css");

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:15px/22px "Trebuchet MS", Arial, Verdana;
	color:#623010;
	text-decoration: none;
	list-style-type: none;
	border:none;
}

body, html {
	height:100%;
}
body { background: #210700 url(../images/bg_down.jpg);  }

h1 a { 
	display:block; 
	width:200px; 
	height:200px; 
	text-indent:-5000px; 
	float:left;
	margin-left:230px;
	_margin-left:120px;
}
h2 {
	font: normal 38px Georgia, "Times New Roman", Times, serif;
	color: #e94700;
}
h3 {
	font: normal 25px Georgia, "Times New Roman", Times, serif;
	color: #623010;
	padding: 0 0 30px 0;
}
h4 {
	font: normal 20px Georgia, "Times New Roman", Times, serif;
	background:#DEC597 url(../images/bg_headline.jpg);
	color: #e94700;
	padding:7px;
	margin-bottom:10px;
	margin-top:15px;
}

#content p { 
	margin: 0 0 15px 0px; 
}
#content ul, #content ol {
	margin-bottom:15px;
}
#content li { 
	background:url(../images/required.gif) 0 6px no-repeat; 
	padding:0 0 0 23px; 
	margin-left:20px;
	line-height:25px; 
}
.clear { clear:both; float:none; }

/*---------------------------------------------------------------------------------------
--------------------------------------LAYOUT---------------------------------------------
---------------------------------------------------------------------------------------*/
#background { 
	background:url(../images/bg.jpg) repeat-x top center; 
	width:100%; 
	z-index:0;
	position:relative;
}
#wrapper {
	background:url(../images/bg_content.gif) repeat-y 279px top;
	width:980px;
	margin:0 auto;
	position:relative;
	min-height:100%;
}
#header {
	background:url(../images/bg_header.jpg) 0 0 no-repeat;
	width: 980px;
	height:208px;
}
.speisekarte a {	
	display:block;
	text-indent:-6000px;
	width:127px;
	height:77px;
	float:right;
	margin-right:35px;
	_margin-right:17px;
}
.speisekarte a:hover {
	background:url(../images/speisekarte.jpg);
}
#left {
	background:url(../images/bg_left.jpg) no-repeat;
	z-index:1;
	width:279px;
	min-height:884px;
	_height:884px;
	float:left;
}
#content {
	background:url(../images/bg_contenttop.jpg) 0 0 no-repeat;
	min-height:570px;
	_height:570px;
	padding:55px 100px 0 65px;
	float:left;
	width:536px;
	padding-bottom:350px;
}
#datum { 
	text-align:right; 
	width:300px; 
	float:right; 
	position:absolute; 
	top:215px; 
	right:80px; 
	color:#b0873c; 
	font:17px Georgia, "Times New Roman", Times, serif; 
}
#containerSwf{
	width:530px;
	height:250px;
	padding:10px 0 0 0px;
	margin:0;
	border:none;
	background: url(../images/bg_slideshow.png) top left no-repeat;
}

/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	height:350px;
	margin:-350px auto 0;
	position:relative;
	width:980px;
	left:10px;
	_left:0px;
	z-index:2;
}
#footertop {
	position:relative;
	height:213px;
	background:url(../images/tasse.png) top no-repeat;
}
* html #footertop {
	background:none;
	margin-left:20px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/tasse.png', sizingMethod='scale');
}
#footerbottom {
	height:87px;
	background:url(../images/footer.jpg) bottom no-repeat;
	margin-left:-20px;
	_margin-left:0px;
	padding:50px 0 0 393px;
}
#footerbottom p, #footerbottom a {
	font-size:11px;
	color:#b4a58a;
	line-height:15px;
	text-decoration:none;
}
#footerbottom p {
	position:absolute;
}
#footerbottom a:hover {
	text-decoration:underline;
}
/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/
#navi {
	width:333px;
	height:43px;
	position:absolute;
	top:146px;
	left:477px;
}
#navi li {
	float:left;
	text-indent:-6000px;
}
#navi li.n1, #navi li.n1 a  { width:180px; height:43px; display:block; }
#navi li.n1 a:hover { width:180px;background:url(../images/navi_hover.jpg); }

#navi li.n2, #navi li.n2 a  { width:153px; height:43px; display:block; }
#navi li.n2 a:hover { width:153px;background:url(../images/navi_hover.jpg) -180px 0; }

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/

#subnavi {
	position:relative;
	left:245px;
	width:34px;
	height:278px;
	top:49px;
}
#subnavi li{
	text-indent:-6000px;
}

#subnavi li.s1, #subnavi li.s1 a  { height:90px; display:block; }
#subnavi li.s1 a:hover { background:url(../images/subnavi_hover.jpg);  }

#subnavi li.s2, #subnavi li.s2 a  { height:81px; display:block; }
#subnavi li.s2 a:hover {  background:url(../images/subnavi_hover.jpg) 0 -90px; _background-position: 92px 0 0 0; }

#subnavi li.s3, #subnavi li.s3 a  {  height:107px; display:block; }
#subnavi li.s3 a:hover { background:url(../images/subnavi_hover.jpg) 0 -171px; _background-position: 171px 0 0 0; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

.bildborder {
	width:114px;
	height:78px;
	float:left;
	padding:11px 12px 12px 12px;
	background:url(../images/bg_images.jpg) no-repeat center center;
	margin:0 30px 20px 0;
	border:1px solid #F2EAD5;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
}

.bildborder:hover{
	background:url(../images/bg_imageshover.jpg) no-repeat center center;
}
.bildborderbig {
	width:199px;
	height:109px;
	float:left;
	padding:17px;
	background:url(../images/bg_imagesbig.jpg) no-repeat center center;
	margin:0 20px 20px 0;
	border:1px solid #F2EAD5;
	cursor: url(../images/zoomin.cur), pointer;
    outline: none;
}
.marginnone { margin:0px; }

.bildborderbig:hover{
	background:url(../images/bg_imagesbighover.jpg) no-repeat center center;
}

.bildbordernohover {
	border: 1px solid #666;
	padding: 2px;
	background:#FFF url(../images/progress.gif) no-repeat center center;
	margin: 4px 4px 0 0;
}

/*ANFAHRT*/

#anfahrtsskizze { float: left; width: 350px; }
#routenplaner { float: left; width: 330px; padding: 0 0 0 20px;}


/*IMPRESSUM*/
 #datenschutzhinweis p { font-size: 11px; margin-bottom:7px;}

/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #e94700;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#e94700;
}

/*---------------------------------------------------------------------------------------
--------------------------------------Gästebuch----------------------------------------------
---------------------------------------------------------------------------------------*/

div#guestbook_template label, div#guestbook_template input, div#guestbook_template textarea, div#guestbook_template select {		/* Allgemeine Stile für Labels und Formularfelder */
	font:1em "Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#623010;
	width:350px;
	margin:10px 5px 0 0;
	padding:1px;

/* Diese beiden Angaben bitte nicht verändern: */
	display:block;
	float:left;
}
div#guestbook_template input, div#guestbook_template textarea, div#guestbook_template select {				/* Stile, die nur auf Formularfelder angewandt werden sollen */
	border:1px solid #ccc;
	background:#fcfcfc url(../images/form-hg.png) repeat-x;
}
div#guestbook_template textarea {						/* Seperate Angaben für die Textarea, falls benötigt */
	height:143px;
}
div#guestbook_template input:focus, div#guestbook_template textarea:focus {		/* Stile für aktivierte Formularfelder */
	border:1px solid #999;	
}
div#guestbook_template label {							/* Feldbeschriftungen */
	width:150px;						
	padding:0 15px 0 0;			
}
div#guestbook_template br {
	clear:left;
}
div#guestbook_template input[type=hidden] {
	display:none;
	border:0;
	padding:0;
}
label.required {				/* Klasse zur Kennzeichnung von Pflichtfeldern */
	background:url(../images/required.gif) top right no-repeat;	
}
.entry_icons_label, .entry_icons, .clicksmilies_label, .clicksmilies {
	display:none;
}
div#guestbook_template input#submit, div#guestbook_template input.los {				/* Gestaltung des Submit-Buttons */
	background:#623010;
	border:none;
	clear:both;
	color:#fff;
	cursor:pointer;
	float:none;
	font-size:15px;
	font-weight:bold;
	padding:5px;
	width:8em;
}
div#guestbook_template input#submit:hover, div#guestbook_template input.los:hover {
	background:#9D4E19;
}
.tca { 
	background:#DDC597; 
}
.hinweis a, .hinweis { 
	font-size:12px; 
}
/* ###### Einträge ###### */
div.guestbook_entry {
	background:#F9F8F0;
	border:1px dashed #BD913D;
	padding:15px;
	margin:15px 0;
}
.guestbook_entry_top {
	font-weight:bold;
	font-style:italic;
}
