* {
	border: none;
	margin: 0;
	padding: 0;
}

body {
	background: #488061 url(img/back1.gif) repeat-x;
	color: #666;
	font: 80% verdana, arial, sans-serif;
	text-align: center;
}

#container {
	margin: 50px auto;
	text-align: left;
	width: 950px;
}

#head {
	background: url(img/logo.gif) no-repeat bottom right;
	height: 110px;
	position: relative;
	width: 950px;
}

#head #nav {
	bottom: 4px;
	left: 0;
	position: absolute;
}

#head #nav ul {
	background: url(img/gradient.png);
	border-bottom: 1px solid #007a4a;
	color: #001707;
	float: left;
	font-weight: bold;
	font-size: 85%;
	list-style: none;
	width: 650px;
}

* html #head #nav ul {
	background: #fff;
}

#head #nav ul li {
	display: inline;
	line-height: 20px;
}

#head #nav ul li a {
	color: #001707;
	padding: 0 5px;
	text-decoration: none;
}

#main {
	padding-top: 20px;
}

#box1,#box2,#box3,#box4 {
	float: left;
	width: 227px;
}

#box2 {
	margin: 0 7px 0 14px;
}

#box3 {
	margin: 0 14px 0 7px;
}

#box1 .pic,#box2 .pic,#box3 .pic,#box4 .pic {
	height: 150px;
	width: 225px;
}

#box1 .pic {
	background: url(img/start/kultur.jpg) no-repeat;
	border-top: 15px solid #666633;
}

#box2 .pic {
	background: url(img/start/erholung.jpg) no-repeat;
	border-top: 15px solid #663300;
}

#box3 .pic {
	background: url(img/start/region.jpg) no-repeat;
	border-top: 15px solid #993300;
}

#box4 .pic {
	background: url(img/start/umwelt.jpg) no-repeat;
	border-top: 15px solid #cc9933;
}

.headline {
	height: 55px;
	width: 225px;
}

.menu {
	width: 225px;
}

.menu ul {
	list-style: none;
}

.menu ul li {
	line-height: 0;
}

*+html .menu ul li a img {
	float:left;
}

* html .menu ul li a img {
	float:left;
}

.clear {
	clear: both;
	width: 100%;
}


div#scroller { position:absolute; top:80px; width:640px; margin-right:160px; z-index:5;}
div#scroller a, div#scroller p {text-decoration:none; font-weight: normal; color: #01794b; cursor:hand;}
div#scroller a:hover { text-decoration:underline; cursor:hand;}