/* CSS Document */

/* Grundelemente */

html {
	margin: 0;
	padding: 0;
}
	
body {
	font-family:georgia;	
	line-height:16px;
	font-size:12px;
	color: #663300; 
	background: #baad9f url(hg.jpg) repeat-y top center; 
	margin: 0; 
	padding: 0;
}

body a:link, a:active, a:visited{
	text-decoration:none;
	color:#AA7846;
}

body a:hover{
	text-decoration:underline;
}

p, table {
	margin-top: 0;
	margin-bottom: 12px;
	text-align: justify;
	font-style: italic; 
}

h1 {
	font-size: 12px;
	margin-bottom: 12px;
	margin-top: 0;
	font-style:italic;
	}
h2 {
	font-size:14px;
	margin-bottom: 12px;
	margin-top:0;
	text-transform:uppercase;
	font-style:italic;
	}

input, textarea {
	   background: #eee5c6;
	   color:#663300;
	   border: dotted 1px #663300;
	   width: 150px;
	   }
	   
select {
	   background: #eee5c6;
	   color:#663300;
	   border: dotted 1px #663300;
	   }
	   
hr { 
	border: dotted 1px #663300;
	margin-top: 20px;
	margin-bottom:20px;
	}
	
marquee {
		 border-bottom: solid 1px #663300;
		 border-top: solid 1px #663300;
		 margin: 2px 0 20px 0;
		 padding: 3px;
		 }

/* Die Divs */

#box { 
	margin: auto;
	padding: 0;
	width:980px; /* 979 klappt bei IE7 und Safari, aber bei Opera nicht... */
	height:595px;
	overflow: visible;
    background:url(hg_ros.jpg) no-repeat top left;
	position:relative;
}
#roland {
		 position: absolute;
		 left:20px;
		 top: 50px;
		 border: solid 1px #663300;
		 }

#intro {
		 width: 980px;
		 height: 170px;
		 }

#texte {
		padding:20px 220px 40px 230px;
}

#liste	{
		 width: 122px;
		 float: right;
		 padding: 20px 55px 50px 15px;
		 }
#liste img {
			border: solid 1px #663300;
			margin-bottom: 10px;
			}
#liste p {
		  text-align: center;
		  font-style: normal;
		  }
		

/* Menus */

/* Menu 1 oben quer */

#menu { list-style-type:none; padding:100px 20px 0 230px;}
#menu ul { list-style-type:none; float:left; padding:0; margin:0 1px 0 0; position:relative; } /*kommt evt. dazu, damit es korrekt ist */
#menu li {float:left; padding:0; margin:0 1px 0 0; position:relative; width:100px; height:3em; z-index:100;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {padding-bottom:20px;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 100px; margin: 0; padding: 0;  text-align:left; cursor:pointer;}
#menu dt {margin:0; padding: 5px; font-size: 1.1em; color: #663300; }
#menu dd {margin:0; padding:3px; color: #ffffff; font-size: 0.9em; background:#663300; text-align:left;}
.gallery dt a, .gallery dt a:visited {display:block; color:#663300;}
.gallery dd a, .gallery dd a:visited {color:#fff; text-decoration:none; display:block; padding:3px; background: #663300; }
.gallery dd a:hover {background: #baad9f; color:#663300;}

/* Menu 2 links unten */

#menu2 {
	position:absolute;
	top:560px;
	left: 30px;
	padding-bottom: 40px;
}

#menu2 ul {
	list-style-type: none;
	}

#menu2 ul li {
	font-size: 13px;
	margin-top: 5px;
	line-height: 15px;
	}

#menu2 ul li a {
	border: 0px;
	line-height: 15px;
	}

#menu2 ul li a:hover {
	text-decoration: underline;
	}
	
/* klassen */
.preis {
		font-size:18px;
		font-weight:bold;
		color: #bf0000;
		}
.tip	{
		text-indent: 60px;
		font-size:16px;
		}
.lilu {
	   margin-bottom: 8px;
	   font-style: italic;
	   }
	   
.wetter {
		float:left;
		margin-right: 20px;
		margin-bottom: 20px;
		margin-top: 5px;
		}
.bild_l {
		float: left;
		border:none;
		margin: 0 20px 0 0;
		}
.bild_r {
		float: right;
		border:none;
		margin: 0 0 0 20px;
		}