BODY, HTML {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #F3F1E6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	}
.clear {
	clear: both;
	}	

/*
############################## CONTAINER
*/	
	#container {	
		margin: auto;
		width: 1000px;
		min-height: 100%;
		position: relative;
		border-left: 1px solid #C4B78A;
		border-right: 1px solid #C4B78A;
		}
		
/*
############################## KOPF
*/			
		#container #kopf {
			background: #FFFDF4;
			position: relative;
			}
			#container #kopf .slogan {
				position: absolute;
				left: 270px;
				top: 33px;
				color: #6B5900;
				text-transform: uppercase;
				font-size: 1.9em;
			}
			#container #kopf .toprechts{
			  position: absolute;
				right: 5px;
				top: 5px;
				width: 586px;
			}
				#container #kopf UL {				
					padding: 0;
					margin: 0;
				}	
					#container #kopf UL LI {
						float: left;
						list-style: none;
					}	
						#container #kopf UL LI A {
							color: #AFA376;
							font-size: 0.7em;
							text-decoration: none;
							padding: 0 10px;
							display: block;
						}
						#container #kopf UL LI A.aktiv,
						#container #kopf UL LI A:HOVER {
							text-decoration: underline;
						}
						
						#container #kopf UL LI A.Herpotherm{
							font-weight: bold;
							text-transform: uppercase;
						}
						
						#container #kopf UL#sprachen{
							width: 60px;
							float: right;
						}
						
						#container #kopf UL#sprachen LI A {
							padding: 0 5px 0 0px;
							display: block;
							width: 22px;
							height: 20px;							
						}
						#container #kopf UL#sprachen LI#deutsch a{
							background: url(/fileadmin/templates/bilder/flagge_de.jpg) no-repeat;
							display: block;
							width: 22px;
							height: 20px;
						}
						#container #kopf UL#sprachen LI#deutsch a.aktiv{
							background: url(/fileadmin/templates/bilder/flagge_de_aktiv.jpg) no-repeat;
							}
						
						#container #kopf UL#sprachen LI#englisch{
							background: url(/fileadmin/templates/bilder/flagge_en.jpg) no-repeat;
							display: block;
							width: 22px;
							height: 20px;
						}
						#container #kopf UL#sprachen LI#englisch a.aktiv{
							background: url(/fileadmin/templates/bilder/flagge_en_aktiv.jpg) no-repeat;
						}
						
						#container #kopf UL#sprachen LI.last A {
							padding: 0 0 0 5px;
							border: none;
						}	
							
				#container #kopf #logo a img{border: none;}	

				#container #kopf #aktion{
					position: absolute;
					top: 170px;
					right: 235px;
				}
				
				#container #kopf IMG {
					border: none;
					}

/*************FLASH**************/
#container #kopf object {
width: 200px;
height: 149px;
position: absolute;
top: 179px;
right: 244px;
}
				
/*
############################## MENUE
*/																			
		#container #hauptmenue {
			background: url(/fileadmin/templates/bilder/hg_hauptmenue.jpg) no-repeat;
			height: 57px;
			border-top: 1px solid #F9F7EB;
			}
			#container #hauptmenue UL {
				margin: 0 0 0 14px;
				padding: 0 0 0 14px;
			}
				#container #hauptmenue UL LI {
					float: left;
					list-style: none;
					_margin-bottom: -7px;
				}				
					#container #hauptmenue UL LI A {
						display: block;
						width: 158px;
						height: 50px;
						background: url(/fileadmin/templates/bilder/hg-button-inaktiv.png) no-repeat;
						color: #51461A;
						text-transform: uppercase;
						text-decoration: none;
						font-size: 0.75em;
						text-align: center;
						padding-top: 14px;
						letter-spacing: 1px;
					}	
						#container #hauptmenue UL LI A:HOVER,
						#container #hauptmenue UL LI A.aktiv {
							background:url(/fileadmin/templates/bilder/hg-button-aktiv.png) no-repeat;
						}
						#container #hauptmenue UL LI A.Online-Shop {
							background: url(/fileadmin/templates/bilder/hg-button-onlineshop.png) no-repeat;
							color: #FFFFFF;
							padding-left: 12px;
							text-align:left
						}
						
						
/*
############################## CONTENT
*/								
		#container #content {
			background: #F3F1E6 url(/fileadmin/templates/bilder/hg_content.jpg) repeat-x;
			padding-top: 27px;
			min-height: 400px;
			_height: 400px;	
			padding-bottom: 70px;
		}
		
			
/*
############################## CONTENT - LINKE SPALTE
*/				
			#container #content .links {
				float: left;
				margin-left: 65px;
				_margin-left: 32px;
				padding: 34px 26px 34px 0;
				width: 426px;
				min-height: 400px;
				_height: 400px;
				color: #3C3903;
				font-size: 0.75em;
				background: url(/fileadmin/templates/bilder/hg_content-links.jpg) right top no-repeat;
				text-align: justify;
				}
			#container #content .links P.bodytext {
				text-align: justify;
				}
				
/*
############################## CONTENT - RECHTE SPALTE
*/					
			#container #content .rechts {
				float: left;
				padding-left: 40px;
				width: 434px;
			}
				#container #content .rechts UL {
					margin: 0;
					padding: 0;
				}
					#container #content .rechts UL LI {
						float: left;
						list-style: none;
						display: block;
						width: 193px;
						height: 141px;						
						margin-right: 8px;
						margin-bottom: 8px;
					}			
					#container #content .rechts UL LI.tour{
						background: url(/fileadmin/templates/bilder/hg_tour.jpg);
						background-repeat: no-repeat;
					}
					
					#container #content .rechts UL LI.video{
						/*background: url(/fileadmin/templates/bilder/hg_video.jpg);*/
						background: url(/fileadmin/templates/bilder/aktuelles-teaser.png);
						background-repeat: no-repeat;
					}
					#container #content .rechts UL LI.faq{
						background: url(/fileadmin/templates/bilder/hg_faq.jpg);
						background-repeat: no-repeat;
					}
					#container #content .rechts UL LI.bezug{
						background: url(/fileadmin/templates/bilder/hg_bezug.jpg);
						background-repeat: no-repeat;
					}
					#container #content .rechts UL LI.fragen{
						background: url(/fileadmin/templates/bilder/hg_fragen.jpg);
						background-repeat: no-repeat;
					}
							
						#container #content .rechts UL LI A {
							color: #3C3903;
							text-decoration: none;
							font-size: 0.7em;
							padding: 0 15px;
							line-height: 13px;
							display: block;
						}					
							#container #content .rechts UL LI P {
								margin: 0;
								padding: 69px 0 10px 0;
								*padding-bottom: 11px;
								font-size: 1.5em;
								text-align: center;
								font-weight: bold;
							}
						#container #content .rechts ul li.tour a{
							color: #333300; 
							font-weight: bold;
							text-align: center;
                                                        font-size: 13px;
                                                        line-height: 20px;
						}
						#container #content .rechts ul li.tour p a{
							color: #cc0000;
							width: 100px;
							padding-left: 50px;
							*padding-left: 10px;
                                                        font-size: 18px;
                                                        line-height: 18px;
						}
							
							
/*############################## FOOTER ##############################*/									
		#container #footer {
			width: 1000px;
			height: 84px;
			background: url(/fileadmin/templates/bilder/hg_footer.jpg) 0 29px repeat-x;
			position: absolute;
			bottom: 0;
		}	
			#container #footer .shortcuts {
				background: #FFFDF4;
				border-top: 1px solid #D9D5BA;
				border-bottom: 1px solid #E0E6E4;
				width: 100%;
				height: 27px;
			}
				#container #footer UL {
					padding: 0 15px 0 0;
					margin: 0 0 0 0;
					position: absolute;
					width: auto;
					right: 0;
				}
					#container #footer UL LI {
						float: left;
						list-style: none;
					}	
						#container #footer UL LI A {
							color: #C4B98C;
							font-size: 0.75em;
							padding: 0 10px;
							margin: 6px 0;
							display: block;
							text-decoration: none;
						}
							#container #footer UL LI A:HOVER, #container #footer UL LI A.aktiv {
								text-decoration: underline;
							}
							#container #footer UL LI.hnm A {
								border-left: 1px solid #C4B98C;
								padding-left: 5px;
								margin-left: 10px;
								font-size: 0.7em;
							}
							
			#container #footer .adressleiste {
				background: #C4B78A;
				width: 980px;
				height: 29px;
				margin-left: 20px;
				color: #FCF6D6;
				font-size: 9px;
				position: relative; 
			}			
				#container #footer .adressleiste P {
					margin: 0;
					position: absolute;
					right: 25px;
					top: 10px;
				}
				#container #footer .adressleiste a{
					color: #FCF6D6;
					text-decoration: none;
				}
				#container #footer .adressleiste IMG {
					margin: 6px 19px 0 23px;
				}
			#container #footer .copyright {
				position: absolute;
				right: 25px;
				top: 64px;
				color: #BFB68D;
				font-size: 9px;
			}



/****** globale Styles *****/
/*#container #content .csc-header-n1 h1{
	font-size: 2em;
	padding: 0;
  margin: 20px 0 5px 0;
  *margin: 54px 0 6px 0;
}*/
#container #content .csc-header h1{
	padding: 10px 0 5px 0;
	margin: 0;
	clear: both;
	font-size: 1.3em;
}
/*#container #content h2, #container #content h3, #container #content h4*/
#container #content .csc-header H1.csc-firstHeader {
	font-size: 1.6em;
	padding: 0;
	margin: 15px 0 10px 0;
}
#container #content h2 {
	font-size: 1.2em;
}
#container #content h3 {
	font-size: 1.1em;
}

#container #content p{
	padding: 0;
	margin: 0 0 8px 0;
}

.align-right {text-align: right;}
.align-center {text-align: center;}

#container #content A {
	color: #3C3903;
}

.csc-frame-rulerBefore {border-top: 1px solid #827B06}



/****** Typo-Style *****/
.csc-textpic{
	float: left;
	*width: 100%;
}


.csc-textpic-text ul{
	padding-left:20px;
	*padding-left:23px;
	margin: 0;
}
.csc-textpic-text ul ul, .csc-textpic-text ul ol{
	padding-top: 5px;
	padding-bottom: 5px;
	*padding: 5px 20px;
}
.csc-textpic-text ol{
	padding-left:25px;
	*padding-left: 29px;
	margin: 0;
}
.csc-textpic-text ol ol, .csc-textpic-text ol ul{
	padding: 5px 0 5px 20px;
	*padding-left: 29px;
	margin: 0;
}


#mailform .csc-mailform{
    border: none;
    font-family:Arial, Helvetica, sans-serif;
    padding: 2px;
    margin: 0;
}
#mailform .csc-mailform .csc-mailform-field{
    margin-bottom: 4px;
    clear: both;
}
#mailform .csc-mailform .csc-mailform-field label{
    width: 100px;
    float: left;
}
#mailform .csc-mailform .csc-mailform-field input,
#mailform .csc-mailform .csc-mailform-field textarea{
    width: 230px;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 1em;
    border: 1px solid #d9d5ba;
    padding: 0 2px;
    margin-top: -1px;
    color: #3c3903;
}
#mailform .csc-mailform .csc-mailform-field input{
    height: 14px;
}

#mailform .csc-mailform .csc-mailform-field .csc-mailform-submit{
    width: 100px;
    height: 20px;
    background-color: #c4b78a;
    cursor: pointer;
    font-weight: bold;
}

#mailform .csc-mailform .csc-mailform-field .csc-mailform-check{
    width: 14px;
    height: 14px;
    margin-left: 0;
    padding: 0;
    border: 1px solid #d9d5ba;
}


table.contenttable{
		max-width: 420px;
		_width: 420px;
		padding: 0;
		margin: 0;
}
table.contenttable td, #content table.contenttable th{
		vertical-align: top;
		padding: 2px;
}
table.contenttable td p, #content table.contenttable th p{
		margin: 0;
}

table.contenttable TR.tr-odd {
	background: #c4b78a; 
	color: #fcf6d6;
}