body {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0; padding: 0;
	background-color:#003300;
	}

/* ------------------------------------------------------- textformatierung -----------------------------------------------------*/
h1 {
	height:159px;
	text-indent:-5000px;
	margin:0px; padding:0px;
	background:url(../bilder/grafiken/header.jpg) no-repeat;
	}	

h2 {
	font-size:16px;
	}
a {outline:none}
a:link, a:visited {
	color:#666;
	text-decoration:none;
	} 

a:hover, a:active {
	color:#ccc;
	text-decoration: underline;
	}

img a { border:0; }

marquee {font-family:Arial, Helvetica, sans-serif; margin-right:30px; width:800px;}

/* ------------------------------------------------------- container -----------------------------------------------------*/
/************************
	aussen
*************************/
#wrap{
	margin: -296px 0 0 -499px; padding:0px;
	position:absolute;
	top: 50%; left: 50%;
	width: 998px; height: 592px;
	border:1px solid #999;
	}

/************************
	zettel (überall)
*************************/
#zettel{
	z-index:100;
	position:absolute;
	top:80px; left:0;
	margin:0; padding:0;
	width:271px; height:417px;
	font-size:12px;
	color:#002900;
	background:url(../bilder/grafiken/hg-notiz.png) no-repeat;
	}

#zettel h2 {
	margin:135px 0 0 26px; padding:0;
	}

#zettel p {
	width:210px;
	margin:20px 0 0 29px; padding:0;
	}
	
#zettel a {
	color:#002900;
	}
	
#pfeil_weiter {
	position:absolute;
	top:331px; left: 194px;
	}

#pfeil_zurueck {
	position:absolute;
	top:331px; left: 46px;
	}

/************************
	zettel Neujahr
*************************/
#zettel_neujahr{
	z-index:100;
	position:absolute;
	top:80px; left:0;
	margin:0; padding:120px 40px 0 30px;
	width:201px; height:417px;
	font-size:14px;
	color:#002900;
	background:url(../bilder/grafiken/hg-notiz.png) no-repeat;
	}



/************************
	inhalt
*************************/
#content{
	clear:left;
	height:380px;
	font-size:12px;
	text-align:left;
	margin:0px; padding:0px;
	background:#fff url(../bilder/grafiken/hg-content.jpg) no-repeat;
}

#content a{
	color:#003300;
}

/************************
	index
*************************/
#img_index {
	margin:38px 0 0 233px; padding:0;
	}
	
#welcome {
	position:absolute;
	top:411px; left:325px;
	margin:0; padding:0;
	 z-index:11;
}

.slideshow { 
	overflow:hidden;
	margin:0; 
	padding:0;  
	height:256px; 
}
.slideshow img {
    position:absolute;
    z-index:8;
}
.slideshow img.active {
    z-index:10;
}
.slideshow img.last-active {
    z-index:9;
}

/************************
	hotel - zimmer
*************************/
img#img_zimmer {
	margin:15px 0 0 380px; padding:0;
	}

#bildzusatz {
	position:absolute;
	top:496px;
	right: 629px;
	text-align:right;
	}
	
#bildzusatz2 {
	position:absolute;
	top:220px;
	left: 400px;
	text-align:left;
	}
	
#bildzusatz3 {
	position:absolute;
	top:220px;
	left: 660px;
	text-align:left;
	}
	
#img_rotation {
	position:absolute;
	z-index:10;
	margin:0; padding:15px 0 0 380px;
	}
	
/************************
	geschichte
*************************/
img#gesch_neu{
	margin:10px 0 0 380px; padding:0;
	}
	
img#gesch_alt{
	z-index:1;
	position:absolute;
	top:290px; left: 290px;
	margin:0; padding:0;
	border:2px solid #fff;
	}
	
img#gesch_alt_h{
	z-index:1;
	position:absolute;
	top:230px; left: 290px;
	margin:0; padding:0;
	border:2px solid #fff;
	}

/************************
	angebote
*************************/
#angebot_left {
	position:absolute;
	top:230px;left: 429px;
	width:130px;
	text-align:center;
	}
	
#angebot_left img{
	border:3px solid #fff;
	}
	
#angebot_left p{
	margin:10px; padding:0;
	}

#angebot_right {
	position:absolute;
	top:230px;left: 630px;
	width:130px;
	text-align:center;
	}
	
#angebot_right img{
	border:3px solid #fff;
	}
	
#angebot_right p{
	margin:10px 0; padding:0;
	}

/* Arragement */
#bildzusatz4 {
	position:absolute;
	top:210px;left: 320px;
	color:#003300;
	text-align:right;
	}
	
img#img_angebote {
	margin:15px 0 0 510px; padding:0;
	}

/************************
	Preise
*************************/
#preise{
	clear:left;
	height:320px;
	font-size:12px;
	text-align:left;
	margin:0px; padding:60px 0 0 390px;
	background:#fff url(../bilder/grafiken/hg-content.jpg) no-repeat;
}

#preise table{
	text-align:left;
	margin:0; padding:0 0 30px 0;
}

#preise table td{
	margin:0; padding:0 20px 20px 0;
}

#preise table td.bigger{
	margin:0; padding:10px 20px 20px 0;
}

#preise p.zahlungshinweis {
	margin:0; padding:0;
	}

/************************
	Anfahrt
*************************/
img#img_anfahrt {
	margin:15px 0 0 380px; padding:0;
	}
	
img#img_anfahrt a{
	border:0;
	}

/************************
	kontakt
*************************/
#contact {
	clear:left;
	height:350px;
	font-size:12px;
	text-align:left;
	margin:0px; padding:30px 0 0 400px;
	background:#fff url(../bilder/grafiken/hg-content.jpg) no-repeat;
}

#contact p{
	margin:0px; padding:0 0 10px 0px;
}

#contact_form {
	clear:left;
	height:360px;
	font-size:12px;
	text-align:left;
	margin:0px; padding:10px 0 10px 300px;
	background:#fff url(../bilder/grafiken/hg-content.jpg) no-repeat;
}

#contact_form table td {
	margin:0px; padding:0px 5px 5px 0px;
}

#contact_form p{
	margin:0px; padding:0 0 10px 0px;
}


/************************
	impressum
*************************/
#impressum {
	clear:left;
	height:350px;
	font-size:12px;
	text-align:left;
	margin:0px; padding:30px 0 0 400px;
	background:#fff url(../bilder/grafiken/hg-content.jpg) no-repeat;
}

#impressum p{
	margin:0px; padding:0 0 10px 0px;
}

/************************
	footer
*************************/
#footer{
font:12px "Times New Roman", Times, serif;
margin:0px; padding:5px 40px 0 0;
height: 19px;
color:#ccc;
background:#002900;
text-align:right;
}


#footer_subnavi{
font-size:12px;
position:absolute;
top: 510px; 
left:140px;
}

