/* 1.0 | hannes | 2006-10-03 | template */
body {
	margin: 0;
	background: #A6CDA1 url(/grafik/body_bg.gif) repeat-y center top;
	text-align: center;
	color: #000;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
}

/* BASICS */
#divmaincontainer {
	width: 100%;
	background: transparent url(/grafik/maincontainer_bg_trans.gif) repeat-y center top;
	margin: 0;
	text-align: left;
	z-index: -1;
}
#maincontainer, #languageselect, #extramenu, #contentcontainer {
	width: 960px;
	margin: 0 auto;
}

/* HEADER */
#header {
	width: 100%;
	background: transparent url(/grafik/header_bg_trans.png) repeat-y center top;
	height: 147px;
	overflow: hidden;
	clear: both;
	text-align: right;
	color: #90AD85;
	z-index: 3;
}
#languageselect {
	height: 50px;
	font: normal 10px/70px Arial, Helvetica, sans-serif;
	padding-right: 30px;
	z-index: 3;
}
#languageselect a {
	margin: auto 2px;
	text-decoration: none;
}
#languageselect a:hover { text-decoration: underline; }

/* EXTRAMENU */
#extramenu {
	padding-right: 20px;
	height: 24px;
	line-height: 24px;
	margin-top: 62px;
	z-index: 3;
}
#extramenu a {
	font-size: 12px;
	padding-left: 10px;
	padding-right: 10px;
	color: white;
	text-decoration: none;
	background: url(/grafik/extramenu_a_bg.gif) no-repeat left top;
}
#extramenu a:hover { color: #B7CAAA; }

/* LOGO */
#panoramabildlogo {
	position: absolute;
	margin-top: -148px;
	z-index: 4;
}

/* MAINCONTAINER */
#maincontainer { z-index: 0; }

/* CONTENTCONTAINER */
.closed { display: none; }
#menu { width: 199px!important; } /* BUGFIX x IE und FFox */
#menu a {
	color: #215020;
	display: block;
	text-decoration: none;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: 'Trebuchet MS', sans-serif, Arial;
}
#menu ul li {
	background: url(/grafik/menu_ul_bg_trans.png) no-repeat right center;
	line-height: 30px;
	text-indent: 10px;
	border-bottom: 1px solid #8DAF88;
	font-weight: bold;
	font-size: 16px;
}
#menu ul li:hover { background-color: #688A63; }
#menu ul li.activ { background: url(/grafik/menu_ul_active_bg.png); } /*, #menu ul li:hover*/

/* LEVEL 1 */
#menu ul ul li, #menu ul ul li:hover {
	background: #91C08C url(/grafik/menu_ul_ul_bg.gif) no-repeat left top;
	text-indent: 28px;
	font-weight: normal;
	font-size: 13px;
	background-color: #C9E1C6;
}
#menu ul ul li a:hover, #menu ul li ul li.activ { background: #DBF0D8 url(/grafik/menu_ul_ul_active_bg.gif); }

/* CONTENT */
#content {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 10px 30px;
}
#content h1 { font: 25px/20px 'Trebuchet MS', sans-serif, Arial; }
#content h2 {
	font: 17px 'Trebuchet MS', sans-serif, Arial;
	font-weight: bold;
	text-align: left;
}
#content h3 {
	font: 14px 'Trebuchet MS', sans-serif, Arial;
	font-weight: bold;
	text-align: left;
}
.anfragebutton a {
	background-color: #709B6A;
	color: white;
	margin: 1em auto;
	padding: 4px 8px;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
.anfragebutton a:hover {
	text-decoration: underline;
	background-color: #688A63;
}

#sitemap, #copyright { font: 10px Arial, Helvetica, sans-serif; }
#sitemap strong { font-weight: normal; }
#sitemap a { text-decoration: none; }
#sitemap a:hover { text-decoration: underline; }

/* THUMBNAIL */
div.thumbnail240x170 {
	vertical-align: middle;
	background: white url(/grafik/thumbnail_240x170_bg.gif) no-repeat top center;
	text-align: center;
	width: 240px;
	height: 170px;
	float: right; /* kann auch mit " right" geschrieben werden */
}
div.thumbnail481x349 {
	vertical-align: bottom;
	background: white url(/grafik/thumbnail_481x349_bg.gif) no-repeat bottom center;
	width: 481px;
	height: 351px;
}
div.thumbnail240x170 img { margin: 5px 10px 10px 10px; }
div.thumbnail481x349 img { margin: 7px 12px 13px 8px; }

/* SHOWCASE */
#showcase, #footerlogo { width: 220px; }
#showcase { padding-top: 0.5em; }
#showcase dl {
	overflow: hidden;
	width: 219px; /* x FFox */
}
#showcase dl, #showcase dl dt, #showcase dl dd {
	margin: 0;
	padding: 0;
}
#showcase dl {
	background: url(/grafik/showcase_bg.jpg) no-repeat left bottom;
	margin-bottom: 5px;
}
#showcase dl dt {
	font: 16px 'Trebuchet MS',sans-serif,Arial;
	font-weight: bold;
	padding: 10px;
}
#showcase dl dd {
	padding: 0 10px 20px 10px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}
#wettershowcase th {
	text-align: center;
	width: 33%;
}
#wettershowcase td {
	font-size: 11px;
	text-align: center;
}

#divmaincontainerbg {
	position: absolute;
	z-index: -2;
	left: 0;
	top: 0;
}

/* FOOTER */
#footerlogo { text-align: center; }
#copyright {
	vertical-align: bottom;
	padding-left: 4px;
	padding-bottom: 4px;
}
#copyright a { text-decoration: none; }
#copyright a:hover { text-decoration: underline; }

/* BILDBOXEN */
.imagebox {
	width: 210px; /* x IE */
	float: right;
	text-align: right;
}
.imagebox img { margin: 1px 1px 0 0; }