body  {
	/*background-color: #F0F0F0;*/
	background-color: #094301;
	margin: 0;
 	padding: 0px;}
	
	
#apDiv1{ position: absolute;
            width: 814px;
            height: 311px;
            left: 50%;
            margin-left: -407px;  /* Um die Hälfte der Breite nach links schieben */
            top: 154px;
            margin-top: -155px;   /* Um die Hälfte der Höhe nach oben schieben */}
				
 
td,  div, input, select, textarea  {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F7EFE6;
	font-size: 9pt;
	line-height: 15px;
}

p {
    /*height:30px;*/
	line-height: 15px;
}
	
li { 
list-style-type: square;
}	

.grau {
color: #F0E2D0;}


.abstand {
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:15px;
	padding-right:15px;
}

.content {
	vertical-align: top;
	/*background-color: #c1b092;*/
	background-color: #9b855e;
	text-align: left;
	padding:15px 15px 15px 15px;
	/*height:auto;*/
}
	
.content2 {
	vertical-align: top;
	/*background-color: #c1b092;*/
	background-color: #9b855e;
	text-align: left;
	padding:5px 5px 5px 5px;
}
	
.content3 {
	vertical-align: center;
	text-align: left;
	}	
	
.content4 {
	vertical-align: center;
	text-align: right;
	}
	
.content5 {
	vertical-align: top;
	background-color: transparent;
	text-align: right;
	padding: 0 0 5px 0;
	}

.kopfzeile {
	vertical-align:bottom;
 	padding-left:50px;
 	padding-bottom:5px;}

.titel {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;}
	
.zahl {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	padding-right: 4px;}

.fusszeile, .fusszeile:link, .fusszeile:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8pt;
	color: #3cb152;
	line-height: 18px;}

.fusszeile:hover, .fusszeile:active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 8pt;
	color: #FFFFFF;}
	
.rand01 {
	background-image: url(../pics/trenner_02.gif);}

.rand02 {
	Border-color: #FFFFFF;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-style: solid;}

.nav0, .nav0:link, .nav0:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #FFFFFF;
	/*background-color: Black;*/
	background-image:url(../pics/hg_button_braun.png);
	background-repeat:repeat-x;
	text-decoration: none;
	display: block;	
	height: 23px;
	vertical-align: middle;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;}

.nav0:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;	
	/*background-color: transparent;*/
	background-image:url(../pics/hg_button_gruen.png);
	background-repeat:repeat-x;
	text-decoration: none;}

	
.nav0_active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
	color: #FFF;
	/*background-color: transparent;*/
	background-image:url(../pics/hg_button_gruen.png);
	background-repeat:repeat-x;
	text-decoration: none;
	display: block;	
	height: 23px;
	vertical-align: middle;
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;}

.nav1, .nav1:link, .nav1:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	font-size-adjust: none;
	text-decoration: none;
}

.nav1:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #E7DDDA;
	font-size-adjust: none;
	text-decoration: none;
}
	
.nav1_active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #E7DDDA;
	font-size-adjust: none;	
	text-decoration: none;}
	
.nav1a, .nav1a:link, .nav1a:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*color: #FFF;*/
	color: #E7DDDA;
	text-decoration: none;}

.nav1a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*color: #E7DDDA;*/
	color: #FFFFFF;
	text-decoration: none;}
	
.nav1_activea {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	/*color: #E7DDDA;*/
	color: #FFFFFF;
	text-decoration: none;}	

.nav2, .nav2:link, .nav2:visited {
	padding-left: 8pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	text-decoration: none;}

.nav2:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #E7DDDA;
	text-decoration: none;}

.nav3, .nav3:link, .nav3:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	text-decoration: none;
	padding-left:30px;}

.nav3:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	text-decoration: none;
	padding-left:30px;}

.nav4, .nav4:link, .nav4:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	text-decoration: none;
	padding-left:40px;}

.nav4:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	text-decoration: none;
	padding-left:40px;}

.nav5, .nav5:link, .nav5:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	text-decoration: none;
	padding-left:50px;}

.nav5:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	text-decoration: none;
	padding-left:50px;}
	
.nav_agb, .nav_agb:link, .nav_agb:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	font-size-adjust: none;
	text-decoration: underline;
}

.nav_agb:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000;
	font-size-adjust: none;
	text-decoration: none;
}
	
.nav_spez, .nav_spez:link, .nav_spez:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #1a2760;
	text-decoration: none;}

.nav_spez:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;}
	
.nav_spez_active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #1a2760;
	text-decoration: none;}
	
.nav_spez1, .nav_spez1:link, .nav_spez1:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;}

.nav_spez1:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #D7D7D7;
	text-decoration: none;}
	
.nav_spez1_active {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;}
	



a.mailto, a.mailto:link, a.mailto:visited {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	font-size-adjust: none;
	text-decoration: none;
	}
	
a.mailto:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #654934;
	font-size-adjust: none;
	text-decoration: none;
	}

/*a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFF;
	font-size-adjust: none;
	text-decoration: none;
	}*/

.hg {
	background-image: url(../pics/hg_main.jpg);
	background-repeat: repeat-x;
	background-color: #094301;}

.hg_blur {
	background-repeat: no-repeat;}

.hg_content {
	/*background-position: 0px 0px;*/
	background-repeat: repeat-x;
	background-image: url(../pics/hg_content.jpg);
	background-color: #083a00;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left:15px;
	padding-right:15px;
	/*height:100%;
	min-height:800px;*/
	}
	
.box {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: black;
	border: #E1E1E1;
	background-color: #E1E1E1;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-style: none;
	text-align: left;
	width: 155px;
	padding-left: 5px;
	cursor: text;
	vertical-align: middle;
	}
	.boxl {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #FEFEFE;
	border: #CFCFCF;
	background-color: #1D1D1D;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-style: dotted;
	text-align: left;
	height: 18px;
	padding-left: 5px;
	cursor: text;
	vertical-align: middle;
	}
	
.boxb {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	border:#E1E1E1;
	background-color: #E1E1E1;
	Border-color: #E1E1E1;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-style: solid;
	cursor: pointer;
	text-align: center;}
	
#bg {
	z-index:1;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../pics/popup_bg.png);
	/*background-color: #A40000;*/
	/*filter: Alpha(Opacity=70); /* ie */
        /*-moz-opacity:0.7;  /* mozi */
      /* -khtml-opacity:0.7;  /* safari/konqueror */
	/*opacity:0.7;*/
	visibility: visible;
}

#bg2 {
	z-index:1;
	background-repeat: no-repeat;
	background-position: center;
	/*background-color: #A40000;*/
	/*filter: Alpha(Opacity=70); /* ie */
        /*-moz-opacity:0.7;  /* mozi */
      /* -khtml-opacity:0.7;  /* safari/konqueror */
	/*opacity:0.7;*/
	visibility: visible;
}
h6 {
	font-weight:bold;
}

.popupframe1 {
background-image: url(../pics/popup-ecke-ol.png);
background-repeat: no-repeat;
}
.popupframe2 {
background-image: url(../pics/popup-frame-o.png);
background-repeat: repeat-x;
}
.popupframe3 {
background-image: url(../pics/popup-ecke-or.png);
background-repeat: no-repeat;
}
.popupframe4 {
background-image: url(../pics/popup-frame-r.png);
background-repeat: repeat-y;
}
.popupframe5 {
background-image: url(../pics/popup-ecke-ur.png);
background-repeat: no-repeat;
}
.popupframe6 {
background-image: url(../pics/popup-frame-u.png);
background-repeat: repeat-x;
}
.popupframe7 {
background-image: url(../pics/popup-ecke-ul.png);
background-repeat: no-repeat;
}
.popupframe8 {
background-image: url(../pics/popup-frame-l.png);
background-repeat: repeat-y;
}


#pix	{
	display:block;
	/*height:215px;*/
	color:#9c9d9f;
	padding:0 0 0 0;
	border-left-width: 0px;
	border-style: solid;
	border-color: #d1d1d1;
}

/* gallery start */

#pix #imageplaceholder{
    float: right;
	/*background-position: left top;*/
	width: 200px;
	height: 267px;
	background-repeat: no-repeat;*/
}

#pix_shop #imageplaceholder{
    float: right;
	/*background-position: left top;*/
	width: 80px;
	height: 60px;
	background-repeat: no-repeat;*/
} 

#imageplaceholder img{
	display:block;
}
#contenttitle h2{
	margin-top:39px;
}

ul#imageslist{
	list-style: none;
	margin: 0;
	padding: 0;
}
#caption{
    clear: both;
    text-align:left;
	font-size: 0.9em;
	padding: 0 0 0 5px;
	display:block;
	line-height:22px;
	color:#FFFFFF;
	font-style: italic;
}

/* gallery end */
.hidden{
    display:none
}

ul#kategorien{
	list-style: none;
	margin: 2px 0;
	padding:0;
}
ul#kategorien h3{
	line-height:1.5em;
	margin:0;
}
ul#bilder, ul#team{
	margin:0;
	padding:0;
	list-style: none;
	width:420px;
	clear:both;
	display:block;
}

ul#bilder_shop li{
	list-style: none;
}

ul#bilder.small{ width:555;}
ul#bilder.medium{ width:540;}
ul#bilder li.clear{
	clear:both;
}
ul#bilder li, ul#team li{
	float:left;
	margin: 0 1px 1px 0;
	list-style: none;
	padding:0;
}
ul#bilder li a, ul#team li a{
	display:block;
	padding:2px;
}
ul#bilder li a:hover, ul#team li a:hover{
	background-color:#fff;
}


.titel_home{
    color:#5d4614;
	font-weight:bold;
}
table.space {
    border-spacing:1px;
	border-collapse: separate;
}


/**   Bilder Seite start    **/
.bilder #content {
	background-color: #000;
}
.bilder #content .main_content_bg {
	position: absolute;
	top: 239px;
	left: 239px;
	color: #FFF;
	background-color: #C2A619;
	width: 241px;
	height: 241px;
}
.bilder #content .main_content {
	position: absolute;
	top: 259px;
	left: 259px;
	color: #FFF;
	width: 201px;
	height: 219px;
	padding: 0;
	margin: 0;
	z-index: 20;
}
.bilder #content .main_content h1 {
	padding: 0;
	text-align: center;
	height: auto;
	margin-bottom: .5em;
}
.bilder #content .main_content a {
	color: #FFF;
}
.bilder #content .main_content a:hover {
	text-decoration: underline;
}
.bilder #content ul.bilder {
	display: block;
	position: absolute;
	margin: 0;
	width: 360px;
	height: 360px;
	background-repeat: no-repeat;
	background-position: 120px 120px;
}

.bilder #content ul.bilder li {
	display: block;
	position: relative;
	width: 119px;
	height: 119px;
	float: left;
	border-right: 1px #C2A619 solid;
	border-bottom: 1px #C2A619 solid;
	z-index: 10;
}
.bilder #content ul.bilder li:hover {
	z-index: 500;
}
.bilder #content ul.bilder li.spacer {
	border: none;
	width: 120px;
	height: 120px;
	z-index: 1;
}
.bilder #content ul.bilder li a {
	position: relative;
	display: block;
	width: 119px;
	height: 119px;
}
.bilder #content ul.bilder li a span {
	display: none;
}
.bilder #content ul.bilder li a:hover span {
	display: block;
	position: absolute;
	width: 119px;
	height: 119px;
	top: -2px;
	left: -2px;
	border: 2px #FFF solid;
	z-index: 30;
}
.bilder #content .spacer_bg_pos1,
.bilder #content .spacer_bg_pos2,
.bilder #content .spacer_bg_pos3,
.bilder #content .spacer_bg_pos4 {
	display: block;
	position: absolute;
	width: 120px;
	height: 120px;
	background-color: #C2A619;
	top: 120px;
	left: 120px;
}
.bilder #content .spacer_bg_pos2 {
	left: 480px;
}
.bilder #content .spacer_bg_pos3 {
	top: 480px;
}
.bilder #content .spacer_bg_pos4 {
	left: 480px;
	top: 480px;
}


.bilder #content #img_container {
	margin: 118px auto 0 auto;
	width: 480px;
	height: 480px;
	overflow: hidden;
	border: 1px #FFF solid;
}
.bilder #content #img_description {
	margin: 20px auto 0 auto;
	width: 480px;
}
.bilder #content #img_description {
	color: #FFF;
}
.bilder #content #img_description h1 {
	font-size: 1em;
	height: auto;
	color: #FFF;
	margin: 0 0 1.5em 0;
	padding: 0;
}
.bilder #content #previous_img,
.bilder #content #next_img {
	position: absolute;
	top: 650px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
}
.bilder #content #previous_img {
	left: 50px;
}
.bilder #content #next_img {
	right: 50px;
}
.bilder #content a:hover#previous_img,
.bilder #content a:hover#next_img {
	color: #C2A619;
}
/**   Bilder Seite ende    **/

#content .bilder {
	width: auto;
	height: auto;
	padding: 0;
}
#content .bilder li {
	float: none;
}
ul.bilder li a {
	padding: 0;
}
#content .bilder li img {
	/*border-bottom: 1px #FFF solid;*/
}
#content .caption {
	padding: 2px 0 0 0;
	font-style:italic;
	font-size: 0.8em;
	color:#CCC;
	height: 20px;
	width: 111px;
	line-height:11px;
}
