html, body {
  background: #323232;
  width: 100%; height: 100%;
  margin: 0; padding: 0px;
  font-family: Tahoma; font-size: 11px; color: #fff;
  line-height: 1.5em;
}
html { overflow-y: scroll; }
body { margin-top: 10px; }


/** Layoutboxen **/

#container { width: 849px; margin: auto; }


/** Allgemeines **/

p, h1, h2 { margin-bottom: 1.5em; }
h1, h2, h3 { font-weight: bold; }
h3 { margin-bottom: 0.5em; }
a, a.latest { color: #fff; background: url(../img/content/link_arrow.gif) 0 3px no-repeat; padding-left: 11px; }
a:hover { color: #d8dcc8; }
a.no_arrow { background: none; padding: 0; }
.clear { clear: left; }


/** Header **/

#header { height: 85px; }
#logo { float: left; }
#top_navi { float: right; position: relative; top: 60px; z-index: 0; }
#top_navi a { background: none; padding-left: 16px; text-decoration: none; }
* html #top_navi a { margin-left: 8px; }
.top_lang { padding-left: 16px; font-weight: bold; }
.top_aktiv { font-weight: bold; }


/** Haupt-Navigation **/

#navi { height: 104px; background: #595959; }
#main_navi { padding: 30px 0 0 25px; }
#main_navi a {
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	margin-right: 25px;
	background: url(../img/content/main_navi_arrow.gif) 0 10px no-repeat;
	padding-left: 18px;
}
#main_navi a.level1_aktiv, #main_navi a:hover { color: #d8dcc8; background: url(../img/content/main_aktiv_arrow.gif) 0 10px no-repeat; }
#sub_navi { padding: 20px 0 0 25px; }
#sub_navi a {
	font-size: 13px;
	text-decoration: none;
	margin-right: 25px;
	background: url(../img/content/link_arrow.gif) 0 5px no-repeat;
	padding-left: 14px;
}

#sub_navi a.sub_navi_hover, #sub_navi a.sub_navi_aktiv { color: #d8dcc8 }
/**#sub_navi a.sub_navi_aktiv, #sub_navi .sub_navi_hover_aktiv { font-size: 16px; color: #d8dcc8; background: url(../img/content/main_aktiv_arrow.gif) 0 5px no-repeat; padding-left: 18px; }**/


/** Content **/

#content { background: #6c6c6c; min-height: 400px; }
* html #content { height: 400px; }
#content_left { float: left; margin-right: 0px; }
#text { padding: 25px; }
#text a { margin-right: 16px; }
#content_right { padding: 25px; padding-left: 500px;  }
#suche { padding: 25px; }
#content_col { padding: 25px; }
#content ol { padding: 0; margin: 0; list-style-type: decimal; padding-left: 1.7em; margin-bottom: 1.5em; }
#content ul { padding-left: 1.2em; }
#content ul li { list-style-type: disc; }
#content ul.sitemap { margin: 0; padding: 0; }
#content ul.sitemap li { list-style-type: none; }


/** Footer **/

#footer { background: #595959; height: 45px; line-height: 45px; padding-left: 25px; }
* html #footer { height: 32px; padding-top: 13px; }
#footertext { padding: 25px; padding-top: 10px; font-size: 10px; color: #6c6c6c; }
#footertext a { background: none; padding: 0; color: #6c6c6c; }


/** Galerie **/

#galerie_uebersicht, #galerie { padding: 23px 0 8px 23px; }
.galerie_hauptkategorie, .galerie_hauptkategorie_last { float: left; width: 250px; margin-right: 25px; margin-bottom: 15px; }
* html .galerie_hauptkategorie { margin-right: 24px; }
.galerie_hauptkategorie_last { margin-right: 0; }

#galerie_left { float: left; width: 150px; margin-right: 25px; }
#galerie_left .uk_aktiv { color: #d8dcc8; font-weight: bold; text-decoration: none; }
#galerie_left:hover { color: #d8dcc8; }

#galerie_right { padding-left: 186px; }
#galerie_right .thumb { float: left; width: 130px; min-height: 100px; margin-right: 25px; margin-bottom: 13px; }
* html .thumb { height: 100px; }
#galerie_right .thumb .thumbnail { width: 130px; height: 90px; overflow: hidden; text-align: center; }
#galerie_right .thumb img.portrait { height: 100px; }


/** Suche **/

label { font-weight: bold; margin-right: 16px; }
input, select, textarea {
	border: 1px solid #6c6c6c;
	background: #595959;
	font-size: 11px;
	color: #9fa290;
	padding: 2px;
	margin-right: 10px;
	width: 120px;
}
.select_suche { padding: 1px; }
.btn_suche { background: #6c6c6c; color: #dadada; border: 0; width: 80px; }
#suchergebnisse .thumb { float: left; width: 130px; margin-right: 25px; margin-bottom: 13px; min-height: 130px; }
* html #suchergebnisse .thumb { height: 130px; }
#suchergebnisse .thumb .thumbnail { text-align: center; }


/** Kontaktformular **/

#kontaktdaten { float: right; padding: 25px; padding-right: 200px; }
#kontakt { padding: 25px; }
#kontaktformular { width: 320px; line-height: 12px; }
#kontaktformular input, #kontaktformular textarea { width: 300px; border: 1px solid #888686; padding: 3px; margin: 0; margin-top: 5px; margin-bottom: 10px; }
#kontaktformular textarea { font-family: Tahoma; font-size: 11px; }
#kontaktformular #vorname, #kontaktformular #name { width: 145px; }
#kontaktformular #strasse { width: 247px; }
#kontaktformular #hnr { width: 43px; }
#kontaktformular #plz { width: 100px; }
#kontaktformular #ort { width: 190px; }
#kontaktformular #code { width: 188px; font-weight: bold; letter-spacing: 0.5em; }
#kontaktformular #captcha { border: 1px solid #888686; margin-top: 5px; height: 19px; }
#kontaktformular #kopie { width: 20px; }
#kontaktformular input.radio { float:left; width: 10px; margin-right: 5px; margin-top: 0; border: 0; background: none; }
* html #kontaktformular input.radio { margin-top: -5px; }
#kontaktformular .formfield { float: left; margin-right: 3px; }
#kontaktformular .button { width: 308px; border: 1px solid #666; color: #dadada; }
#kontaktformular .red { color: #cc0000; font-size: 0.8em; }
#kontaktformular .fehler { border-color: #cc0000; }


/** Bildanzeige **/

div#front {
	/**margin: 185px 0 0 -225px;**/
	margin: 80px 0 0 -320px;
	left: 50%;
	display: none;
	position: absolute;
	width: 620px;
	height: 460px;
	border: 0px solid #f00;
	z-index: 100;
}
div#frontbg {
	width: 640px;
	height: 440px;
	background: #000;
}

div#bildanzeige img { position: relative; top: 20px; left: 20px; }

div#bgfade {
	filter:alpha(opacity=80);
	moz-opacity: 0.8;
	opacity: 0.8;
	background: #000;
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 90;
}

div#frontnavi {
	margin: 0;
	text-align: right;
	font-size: 1em;
	padding: 5px 0 5px 0;
}
div#frontnavi a {
	display: block;
	height: 17px;
	color: #fff;
	text-decoration: none;
	padding: 0;
	font-weight: bold;
	line-height: 17px;
	background: url(../img/content/close_cross.gif) top right no-repeat;
	padding-right: 25px;
	margin-right: -20px;
}

.capture { float: left; font-weight: bold; }

div#frontfooter { padding: 5px 0 5px 0; }

div.img_num_container { width: 550px; margin: auto; }
* +html .img_num_container { display: inline; }

span.img_number { margin-right: 10px; display: inline; float: left; cursor: pointer; }

.tooltip {
  	position: absolute;
  	z-index: 500;
  	display: none;
  	border: 5px solid black;
}