/* standardeinstellungen
----------------------------------------------- */
body {
background: #474747;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, 	helvetica, sans-serif;
margin: 0px;
padding: 0px;
color: #feffff;
}


/* layout
----------------------------------------------- */

#container {
position: relative;
background: #9cf;
margin: 20px auto;
padding: 0px;
width: 800px;
border: 5px solid #fff;
}

#text {
margin: 0px 0 0 192px;
width: 480px;
background: transparent;
color: #1284b8;
}

#fuss {
margin: 25px 0 0 0;
height: 5em;
text-align: right;
border-top: 1px solid #fff;
}

#menue {
position: absolute;
width: 166px;
top: 204px;
left: 0px;
border-top: 1px solid #fff;
}

#impressum {
position: absolute;
top: 370px;
width: 166px;
left: 0px;
border-top: 1px solid #fff;
padding-top: 5px;
}

/* startbild
----------------------------------------------- */

#startbild {
	background: url(feriendorf-sommer.jpg) top left no-repeat;
	height: 200px;
	margin: 0;
	border-bottom: 5px solid #fff;
	color: #1284b8;
	}

/* text
----------------------------------------------- */

p {
font-size: 12px;
padding: 5px 5px 10px 0px;
margin: 0;
line-height: 16px;
}

ul {
font-size: 12px;
padding: 5px 5px 10px 0px;
margin: 0;
line-height: 16px;
list-style-type:square;
list-style-position:inside;
}

ul li {
font-size: 12px;
padding: 5px 5px 10px 0px;
margin: 0;
line-height: 16px;
}


/* überschriften
----------------------------------------------- */

#menue h3, #impressum h3 {
height: 25px;
margin: 0px 0 0 0;
padding: 0px;
}
	
#text h3 {
background: #1284b8;
color: white;
}

/* menü
----------------------------------------------- */

#menue ul {
font-size: 12px;
list-style: none;
margin: 2px 0 0 0px;
padding: 0 0 0 0;
}

#menue ul li {
background: transparent;
margin: 0;
padding: 0 0 0 20px;
line-height: 16px;
color: #369;
}

#impressum ul {
height: 25px;
list-style: none;
margin: 0px 0 0 0px;
padding: 0 0 0 0;
}

#impressum ul li {
background: transparent;
margin: 0;
padding: 0 0 0 0px;
line-height: 30px;
color: #369;
}

/* links
----------------------------------------------- */

a, a:link, a:visited {
text-decoration: none;
font-weight: normal;
}

a:hover {
color: #fff;
text-decoration: none;
font-weight: normal;
}

#menue a, #menue a:link, #menue a:visited, {
text-decoration: none;
}

#menue a:hover {
text-decoration: none;
color: #fff;
}

#impressum a, #impressum a:link, #impressum a:visited {
color: #fff;
text-decoration: none;
}

#fuss a, #fuss a:link, #fuss a:visited {
text-decoration: none;
color: #fff;
font-size: 12px;
padding: 0 20px 0 0;
}

#fuss a:hover {
text-decoration: none;
color: #9cf;
}