BODY, HTML {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background: url(../bilder/hg-body.jpg) center repeat-y;
	font-family: Tahoma, Verdana, Arial;
	}
	
	
	/*PNG-Hack fuer IE6 - PNGs im Inhalt*/
	img, div {
		behavior: url(iepngfix.htc);
	}
/*
######################################### CONTAINER
*/
	#top_hg {
		position: absolute;
		width: 100%;
		background: url(../bilder/hg-top.jpg) center top no-repeat;
		height: 700px;
		}
	#container {
		min-height: 100%;
		_height: 100%;
		position: absolute;
		width: 100%;
		background:url(../bilder/hg-bottom.jpg) no-repeat bottom;
		margin: 0;
		padding: 0;
		}
		#container #inner_wrap {
			margin: auto;
			width: 910px;
			min-height: 500px;
			padding-bottom: 10px;
			}
			
			
/*
######################################### KOPF
*/			
			#container #inner_wrap #kopf {
				width: 910px;
				margin: auto;
				text-align: right;
				}
				#container #inner_wrap #kopf UL {
					margin: 2px 0 0 0;
					padding: 2px 0 0 0;
					}
					#container #inner_wrap #kopf UL LI {
						list-style: none;
						display: inline;
						}
						#container #inner_wrap #kopf UL LI A {
							text-decoration: none;
							color: #FFFFFF;
							font-size: 0.8em;
							font-weight: bold;
							/*border-left: 2px solid #33FFFF;*/
							padding: 0 12px;
							}
							#container #inner_wrap #kopf UL LI:first-child A {
								border: 0;
								}
							#container #inner_wrap #kopf UL LI A:hover, #container #inner_wrap #kopf UL LI A.aktiv{
								text-decoration: underline;
							}
				#container #inner_wrap .flash {
					margin-top: 37px; 
					}	
					
					
/*
######################################### THEMEN LINKS
*/				
			#container #inner_wrap #contentbox{float: left;width: 630px;}

				#container #inner_wrap #themen-start {
					margin-top: 10px;
					position: relative;
					clear:both;
				}
				#container #inner_wrap #themen-folge {
					margin-top: 10px;
					margin-bottom: 0;
					position: relative;
					border-bottom: 6px solid #03FCFF;
					height: 44px;
					/*width: 616px;*/
					clear:both;
					}					
					#container #inner_wrap #themen-start UL,
					#container #inner_wrap #themen-folge UL {
						margin: 0;
						padding: 0;
						}
						#container #inner_wrap #themen-start UL LI,
						#container #inner_wrap #themen-folge UL LI {
							float: left;
							list-style: none;
							text-align: right;
							}					
							#container #inner_wrap #themen-start UL LI A{
								display: block;
								width: 195px;
								background: url(../bilder/teiler-start.jpg) no-repeat right;
								padding: 0 9px 0 9px;
								border: 0;
								}
							#container #inner_wrap #themen-folge UL LI A {
								display: block;
								width: 195px;
								padding: 0 0px 0 11px;
								border: 0;
								}								
							#container #inner_wrap #themen-start UL LI:first-child A,
							#container #inner_wrap #themen-folge UL LI:first-child A {
								padding: 0 9px 0 0px;
								}	
								#container #inner_wrap #themen-start .trennstrich,
								#container #inner_wrap #themen-folge .trennstrich {
									position: absolute;
									top: 225px;
									left: 0;
									}	
									
																	
/*
#########################################  NAVIGATION
*/								
				#container #inner_wrap #navigation {
					clear: left;
					padding-top: 10px;
					*padding-top: 0px;
					font-size: 0.9em;
					}
				#container #inner_wrap #navigation-folge {
					clear: left;
					font-size: 0.9em;
					padding-top: 2px;
					}
					#container #inner_wrap #navigation UL,
					#container #inner_wrap #navigation-folge UL {
						margin: 0;
						padding: 0;
						}
						#container #inner_wrap #navigation UL LI,
						#container #inner_wrap #navigation-folge UL LI {
							list-style: none;
							float: left;
							background: url(../bilder/hg-nav-teiler.jpg) no-repeat;
							*height: 32px;
							}	
							#container #inner_wrap #navigation UL LI A,
							#container #inner_wrap #navigation-folge UL LI A {
								width: 91px;
								display: block;
								background: url(../bilder/hg-nav-inaktiv.jpg) repeat-x;
								height: 24px;
								padding: 8px 10px 0 10px;
								color: #7B5409;
								text-transform: uppercase;
								font-size: 0.9em;
								text-decoration: none;
								margin-left: 1px;
								text-align: center;
								}	
								#container #inner_wrap #navigation UL LI A:HOVER,
								#container #inner_wrap #navigation-folge UL LI A:HOVER,
								#container #inner_wrap #navigation UL LI A.aktiv,
								#container #inner_wrap #navigation-folge UL LI A.aktiv {
									background:  url(../bilder/hg-nav-aktiv.jpg) repeat-x;
									color: #ffffff;
									}
							#container #inner_wrap #navigation UL LI:first-child,
							#container #inner_wrap #navigation-folge UL LI:first-child {
								background: none;
								}		
								#container #inner_wrap #navigation UL LI:first-child A,
								#container #inner_wrap #navigation-folge UL LI:first-child A {
									background: url(../bilder/hg-nav-inaktiv-vorn.jpg) no-repeat;
									width: 150px;
									margin-left: 0;
									}	
									#container #inner_wrap #navigation UL LI.first A:HOVER,
									#container #inner_wrap #navigation-folge UL LI.first A:HOVER,
									#container #inner_wrap #navigation UL LI.first A.aktiv,
									#container #inner_wrap #navigation-folge UL LI.first A.aktiv {
										background: url(../bilder/hg-nav-aktiv-vorn.jpg) no-repeat left;
										padding-top: 0px;
										line-height: 28px;
										height: 32px;
										}
									
								#container #inner_wrap #navigation UL LI.last A,
								#container #inner_wrap #navigation-folge UL LI.last A {
									background: url(../bilder/hg-nav-inaktiv-hinten.jpg) no-repeat right;
									padding-top: 0px;
									line-height: 29px;
									height: 32px;
									}		
									#container #inner_wrap #navigation UL LI.last A:HOVER,
									#container #inner_wrap #navigation-folge UL LI.last A:HOVER,
									#container #inner_wrap #navigation UL LI.last A.aktiv,
									#container #inner_wrap #navigation-folge UL LI.last A.aktiv {
										background: url(../bilder/hg-nav-aktiv-hinten.jpg) no-repeat right;
										padding-top: 0px;
									line-height: 29px;
										}	
										
													
/*
######################################### INHALTSBEREICH
*/				
				#container #inner_wrap .strich {
					margin-top: 2px;
					*margin-bottom: -2px;
					*margin-top: -14px;
					*height: 1px;
					}																																								
				#container #inner_wrap #content {
					width: 558px;
					min-height: 475px;
					/*min-height: 348px;*/
					_height: 460px;
					background: #FEFEFE url(../bilder/hg_content.jpg) top left repeat-x;
					margin: 0;
					*margin-top: -16px;
					padding: 25px 25px 16px 35px;
					font-family: georgia, verdana;
					line-height: 19px;
					clear:both;
 					}
					#container #inner_wrap .linie {
						background: url(../bilder/content-linie-unten.png) repeat-x;
						height: 6px;
						width: 619px;
						margin: 0 0 70px 0;
						}
					#container #inner_wrap #content .innertube{
           padding: 18px;  /*Margins for inner DIV inside each DIV (to provide padding)*/
          }
          
          
/*
######################################### RECHTE SPALTE
*/
				#container #inner_wrap #rechts {
					float: right;
					padding: 0;
					width: 270px;
					}								
					#container #inner_wrap #rechts #onlinejournal {
						padding: 9px 0 0 0;
						margin: 0;
						width: 270px;
						}						
						#container #inner_wrap #rechts #onlinejournal A {
							padding: 0;
							display: block;
							padding-left: 0px;
							background: url(../bilder/thema-onlinejournal.jpg) no-repeat;
							color: #27b8d5;
							width: 270px;
							height: 226px;
						}
						#container #inner_wrap #rechts #onlinejournal A:hover {
							background: url(../bilder/thema-onlinejournal-ho.jpg) no-repeat;
						}
								
								
					#container #inner_wrap #rechts #accordionwrap {
						background: url(../bilder/hg-accordion-trans.png) no-repeat;
						_background: url(../bilder/hg-accordion-trans.jpg) no-repeat;
						width: 261px;
						min-height: 100px;
						_height: 100px;
						margin: 6px 0 0 5px;
						_margin-top: 7px;
					}
					
					#container #inner_wrap #rechts #banner-rechts{
						width: 100%; 
						text-align: center; 
						margin-top: 30px;
					}
						
/*
######################################### FOOTER
*/														
				#container #inner_wrap #footer {
					clear: both;
					height: 190px;
					/*margin-top: 70px;*/
					position: relative;
					}
					#container #inner_wrap #footer DIV {
						width: 180px;
						height: 175px;
						float: left;
						background: url(../bilder/hg-footer.png) no-repeat right 47px;
						color: #663200;
						font-size: 0.8em;
						padding-left: 25px;
						behavior: none;
						}
					#container #inner_wrap #footer DIV.eins {
						padding: 0;
						}
						
						#container #inner_wrap #footer DIV H4 {
							color: #FFFFFF;
							text-transform:uppercase;
							font-size: 1em;
							margin-left: 0;
						}		
						#container #inner_wrap #footer DIV.eins UL {
							margin: 0;
							padding: 0;
							list-style: none;
							}	
							#container #inner_wrap #footer DIV.eins UL LI {
								float: left;
								}	
								#container #inner_wrap #footer DIV.eins UL LI A {
									padding: 0 0 0 25px;
									color: #663200;
									text-decoration: underline;
								}
								#container #inner_wrap #footer DIV.eins UL LI A:hover {
									text-decoration: none;
								}
									
 								#container #inner_wrap #footer DIV.eins UL LI.first A {
									display: block;
									padding: 0 25px 0 0;
									border-right: 1px solid #663200;
									}
									
						#container #inner_wrap #footer DIV.webcam img{
							margin-left: 5px;
						}
						#container #inner_wrap #footer DIV.webcam a{
							color: #663200;
							text-decoration: underline;
						}
						#container #inner_wrap #footer DIV.webcam a:hover{
							text-decoration: none;
						}

						
						#container #inner_wrap #footer DIV.vier {
							background: none;
							}	
							#container #inner_wrap #footer DIV.vier .rot {
								color: #cc0033;
								}
							#container #inner_wrap #footer DIV.vier .blau {
								color: #025aa9;
								}	
							#container #inner_wrap #footer DIV.vier .gross {
								font-size: 1.1em;
								}				
							#container #inner_wrap #footer DIV.vier .groesser {
								font-size: 1.2em;
								}	
								
						#container #inner_wrap #footer DIV.hnm {
							position: absolute;
							left: 825px;
							top: 155px;
							background: none;
							height: 10px;
						}		
							#container #inner_wrap #footer DIV.hnm A {
								color: white;
								font-size: 0.85em;
								text-decoration: underline;
							}
							#container #inner_wrap #footer DIV.hnm A:hover {
								text-decoration: none;
							}
							
							

							

							
								
/*** subcolumns start ***/

div.subcol-50-50,div.subcol-33-33-33,div.subcol-33-66,div.subcol-66-33,div.subcol-25-25-25-25 {
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow:hidden;
	}

	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}

	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */

	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
	
hr.clearer {
   width: 100%;
   height:0.1em;
   border:0;
   border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #fff;
   border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0066FF;
   clear:both;
}
/*** subcolumns end ***/



/*** accordion start ***/

.basic  {
	width: 260px;
	/*font-family: verdana;*/
	border: 0;
	padding-top: 17px;
	*padding-top: 14px;
        color: #fff;
	font-size: 13px;
}
.basic div {
	background-color: transparent;	
}

.basic div div{
	padding: 11px 18px;
    	*padding: 12px 18px;
    	max-height: 200px;
	_height: 200px;
}

.basic p, .basic p.bodytext {
	margin-bottom : 10px;
	border: none;
	text-decoration: none;
	margin: 0;
	padding: 2px 0 8px 0px;
	color: white;
}
.basic table p.bodytext{padding: 2px 0;}

	.basic p a{
    		padding: 0; 
    		font-size: 13px; 
    		background: none; 
    		color: #fff; 
    		font-weight: normal; 
    		text-decoration: underline;
    		display: inline;
	}
	.basic p a:hover, .basic p a.selected{background:none;}

.basic a {
	cursor:pointer;
	display:block;
	padding:3px 10px 4px 18px;
	margin-top: 0;
	text-decoration: none;
	font-weight: bold;
    	font-size: 14px;
	color: #0a6182;
	background-color: #68d8e9;
	background: url("../bilder/AccordionTab2.png") no-repeat center;
}
.basic a:hover {
	background-color: white;
	background: url("../bilder/AccordionTab0.png") no-repeat center;
}
.basic a.selected {
	color: #0a6182;
	background-color: #68d8e9;
	background: url("../bilder/AccordionTab0.png") no-repeat center;
}

.basic ul{padding: 0 0 0 18px; margin: 0;}

.basic table{width:200px;}

/*** accordion ende ***/



div.csc-textpic-clear {
   width: 100%;
   height:0.1em;
   border:0;
   clear:both;
}

h1,h2,h3,h4,h5,h6 {
  color: #926f2f;
  font-size: 14px;
  padding:0;
}

h1{
  margin: 30px 10px 10px 10px;
}

h2,h3,h4,h5,h6 {
  margin: 25px 10px 10px 28px;
}


h1.csc-firstHeader {
  font-size: 18px;
  margin: 10px;
}

div.csc-header h1, 
div.csc-header h2,
div.csc-header h3,
div.csc-header h4,
div.csc-header h5,
div.csc-header h6{
  color: #0A98BC;
  font-size: 20px;
}


div#content p.bodytext {
  color: #7a5308;
  font-size: 12px;
  margin: 10px 28px;
}

div#content p.bodytext a{color: #7a5308;}


#content .csc-textpic-caption{color: #7a5308;font-size: 10px;}

#content .csc-textpic-above h3{
	margin-top: 0px;
	*margin-top: -12px;
	_margin-top: -25px;
}



#content ul, #content ol, #content table{
	color: #7a5308;
	font-size: 12px;
}
#content ul, #content ol{
	margin-left: 30px;
	*padding-left: 30px;
}

#content ul ul, #content ol ol, #content ul ul ul, #content ol ol ol{
	margin-left: -20px;
	*margin-left: 10px;
	*padding-left: 10px;
}

.csc-frame-rulerAfter {border-bottom: 1px solid #dcbe80;}



.csc-mailform{
	border: none;
	padding: 0;
	margin-bottom:10px;
	margin-left: 28px;
	color: #7a5308;
  	font-size: 12px;
}
.csc-mailform .csc-mailform-field{clear: both;}
.csc-mailform .csc-mailform-field input{
	margin-bottom: 3px;
	width:262px;
	*width:269px;
	font-family: Tahoma, Verdana, Arial;
}
.csc-mailform .csc-mailform-field select{margin-bottom:3px}
.csc-mailform .csc-mailform-field label{
	width: 180px;
	float: left;
	padding-top: 4px;
}
.csc-mailform .csc-mailform-field .csc-mailform-check{
	margin-left: 0px;
	*margin-left: -4px;
}
.csc-mailform .csc-mailform-field textarea{
	margin-bottom: 3px;
	width: 262px; 
	*width: 269px;
	font-family: Tahoma, Verdana, Arial;
}
.csc-mailform .csc-mailform-field .csc-mailform-submit{
	/*color: #7a5308;*/
	background-color: #0A98BC;
	color: #ffffff;
	border: 1px solid #fff;
	margin-left: 180px;
	_margin-left: 183px;
	width:150px;
}







TABLE.contenttable {
	padding: 0;
	font-size: 12px;
	width: 570px;
	margin: 0 3px;
	width: 97%;
	border:1px solid #cfa85d;
	background-color: #ffffff;
}
TABLE.contenttable TR.tr-odd {padding: 2px; background: #cfa85d; color: #ffffff;}
TABLE.contenttable TR TD {padding: 2px;}
TABLE.contenttable TR TD P {margin: 0px;}
TABLE.contenttable TR TH{text-align: left;font-size: 12px;}