/*@import url("normal.css");*/

HTML, BODY {
	background-color:black;
	}
/*
### CONTAINER ##################################
*/	
	#container {
		background: black url(../images/hg_container-sw.png) repeat-y 12.5em 0;
		border-left: 1px solid white;
		border-right: 1px solid white;		
		}	
/*
### kopfbild ##################################
*/				
			#container #kopf {
				background: black;
				color: white;
				}	
						#container #kopf .direktlinks LI.start A,
						#container #footer .direktlinks LI.start A {
							background: url(../images/sw/hg_kopf_icon-start.png) no-repeat;
							color: white;
							}
						#container #footer .direktlinks UL LI A:hover,
						#container #kopf .direktlinks UL LI A:hover,
						#container #footer .direktlinks UL LI A:FOCUS,
						#container #kopf .direktlinks UL LI A:FOCUS,
						#container #footer .direktlinks UL LI A:ACTIVE,
						#container #kopf .direktlinks UL LI A:ACTIVE {
							color: white;
						}
							
						#container #kopf .direktlinks LI.kontakt A,
						#container #footer .direktlinks LI.kontakt A {
							background: url(../images/sw/hg_kopf_icon-kontakt.png) no-repeat;
							color: white;
							}							
						#container #kopf .direktlinks LI.impressum A,
						#container #footer .direktlinks LI.impressum A {
							background: url(../images/sw/hg_kopf_icon-impressum.png) no-repeat;
							color: white;
							}							
						#container #kopf .direktlinks LI.inhalt A,
						#container #footer .direktlinks LI.inhalt A {
							background: url(../images/sw/hg_kopf_icon-sitemap.png) no-repeat;
							color: white;
							}	
/*
### NAVIGATION VERTIKAL ###################
*/						
			#container #nav_ver {
				background: black;
				color: white;
				border-bottom: 1px solid white;				
				}
				#container #nav_ver DIV {
					color: white;	
					}
/*
### wegweiser ###################
*/					#container #nav_ver UL.wegweiser{
						}
						#container #nav_ver UL.wegweiser LI A {
							color: white;
							background: url(../images/sw/hg_nav-ver-inaktiv.png) no-repeat 0 0.5em;
							}
							#container #nav_ver UL.wegweiser LI A:HOVER,
							#container #nav_ver UL.wegweiser LI A:FOCUS,
							#container #nav_ver UL.wegweiser LI A:ACTIVE,
							#container #nav_ver UL.wegweiser LI A.aktiv {
								color: white;
								text-decoration: underline;
								background: url(../images/sw/hg_nav-ver-inaktiv.png) no-repeat 0 0.5em;
								}							
/*
### suche ###################
*/	
				#container #nav_ver .suche FORM legend {
					color: #fff;
					background: none;
					}
					
					
/*
### schriftgrad ###################
*/							
				#container #nav_ver .schriftgrad P {
					color: white;
					background: none;
					}
/*
### kontrastfarbwahl ###################
*/										
				#container #nav_ver .kontrastfarbwahl P {
					background: none;
					color: white;								
					}					
/*
### CONTENT ###################
*/			
		#container #content {
			border-top: 26px solid black;
			}
			#container #content #mitte A {
				color: white;
				}
/*
### LINKS ###################
*/			#container #content #links {
				float: left;
				border-top: 25px solid black;;
					}
					#container #content #links UL LI A,
					#container #content #links UL LI UL LI A,
					#container #content #links UL LI UL LI UL LI A,
					#container #content #links UL LI A:HOVER,
					#container #content #links UL LI UL LI A:HOVER,
					#container #content #links UL LI UL LI UL LI A:HOVER,
					#container #content #links UL LI A:FOCUS,
					#container #content #links UL LI UL LI A:FOCUS,
					#container #content #links UL LI UL LI UL LI A:FOCUS,
					#container #content #links UL LI A:ACTIVE,
					#container #content #links UL LI UL LI A:ACTIVE,
					#container #content #links UL LI UL LI UL LI A:ACTIVE,
					#container #content #links UL LI A.aktiv,
					#container #content #links UL LI UL LI A.aktiv,
					#container #content #links UL LI UL LI UL LI A.aktiv {
						color: white;
						background: none;						
						}
					#container #content #links UL LI UL LI A {
								background: url(../images/sw/hg_nav-ver-inaktiv.png) no-repeat .4em 0.9em;
								}
					#container #content #links UL LI UL LI UL LI A {
								background: url(../images/sw/hg_nav-ver-inaktiv.png) no-repeat 1.3em 0.9em;
								}
								
					#container #content #links UL LI A:HOVER,
					#container #content #links UL LI UL LI A:HOVER,
					#container #content #links UL LI UL LI UL LI A:HOVER,
					#container #content #links UL LI A:FOCUS,
					#container #content #links UL LI UL LI A:FOCUS,
					#container #content #links UL LI UL LI UL LI A:FOCUS,
					#container #content #links UL LI A:ACTIVE,
					#container #content #links UL LI UL LI A:ACTIVE,
					#container #content #links UL LI UL LI UL LI A:ACTIVE,
					#container #content #links UL LI A.aktiv,
					#container #content #links UL LI UL LI A.aktiv,
					#container #content #links UL LI UL LI UL LI A.aktiv{
						border-bottom: 1px solid white;
					}
								
								
								
/*
### verlauf ###################
*/							
			#container #content #mitte .verlauf {
				visibility: hidden;
				}						
/*
### clickstream ###################
*/				
				#container #content #mitte UL.clickstream LI,
				#container #content #mitte UL.clickstream LI.first {
					color: white;
					}
					#container #content #mitte UL.clickstream LI A {
						color: white;
						}				
						
				#container #content #mitte UL.clickstream {
				  background: url(../images/sw/hg_clickstream.png) no-repeat 0 0.55em;
				}
				#container #content #mitte UL.clickstream LI {
					background: url(../images/sw/hg_clickstream2.png) no-repeat 0.4em 0.5em;
				}		
						
						
/*
### inhalt ###################
*/			
				#container #content #mitte .contentwrap H3,
				#container #content #mitte .contentwrap TABLE.contenttable,
				#container #content #mitte .contentwrap TABLE.contenttable TR,
				#container #content #mitte .contentwrap TABLE.contenttable TR TD {
						color: white;
						background-color: black;
						}
						#container #content #mitte .contentwrap {
							color: white;
							}
						#container #content #mitte .contentwrap TABLE.contenttable TD {
							border: 1px dotted white;
							}
						#container #content #mitte .contentwrap TABLE.contenttable {
							border: 0;}	
				#container #content #mitte .contentwrap TABLE.contenttable HR {
					background: white;
					}
					#container #content #mitte .contentwrap .hgw-pageteaser-style0 .hgw-pageteaser UL LI A {color: black;}
/*
### RECHTS ###################
*/									
		#container #content #rechts {
			float: left;
			margin-left: 0.3em;
			margin-bottom: 3.5em;
			}
			#container #content #rechts .block a img {
				border: none;
				}
			
			#container #content #rechts .contactbox h3,
				#container #content #rechts .contactbox a h3{
					color: white
				} 
				
				#container #content #rechts .contactbox span{
					border-top: 1px solid white
				}
			
/*
### bloecke ###################
*/			
		#container #content #rechts {
				}
				#container #content #rechts .block H4,
				#container #content #rechts .block H3,
				#container #content #rechts .block UL LI A,
				#container #content #rechts .block P.mb A,
				#container #content #rechts .contactbox H2,
				#container #content #rechts,
				#container #content #rechts A {
					background-color: black;
					color: white;
					}			
				#container #content #rechts .block H4{
					padding: 0.3em 0.2em 0.3em 0.3em;
					border-right: 1px solid white;
				}
				
			       #container #content #rechts .block H4 {
					background: #868982;
					color: #ffffff;
					font-size: 0.75em;
					margin: 0 0 0.3em 0;
					padding: 0.3em 0 0.3em 1.5em;
					}
					#container #content #rechts .contactbox a,
					#container #content #rechts .contactbox a:HOVER,
					#container #content #rechts .contactbox a:FOCUS,
					#container #content #rechts .contactbox a:ACTIVE {
						color: white;
						}	
							#container #content #rechts .block UL LI.visitenkarte A {
								background: url(../images/sw/block_icon-visitenkarte.png) no-repeat 0 0.3em;
								}
							#container #content #rechts .block UL LI.webcam A {
								background: url(../images/sw/block_icon-webcam.png) no-repeat 0 0.3em;
								}								
							#container #content #rechts .block UL LI.stadtplan A {
								background: url(../images/sw/block_icon-stadtplan.png) no-repeat 0 0.3em;
								}								
							#container #content #rechts .block UL LI.fahrplan A {
								background: url(../images/sw/block_icon-fahrplan.png) no-repeat 0 0.3em;
								}
							#container #content #rechts .block UL LI.unterkunft A {
								background: url(../images/sw/block_icon-unterkunft.png) no-repeat 0 0.3em;
								}								
							#container #content #rechts .block UL LI.wetter A {
								background: url(../images/sw/block_icon-wetter.png) no-repeat 0 0.3em;
								}			
								
					#container #content #rechts .block .balken{ 
						background: #ffffff;
					}				
/******************/
/* Headers, plain */
/******************/
H3 { color: white; }
H3.csc-firstHeader A, .csc-header H3 A {color: white;}
.csc-header H3.csc-firstHeader, .csc-header H3 {color: white;}
.csc-textpicHeader H3.csc-firstHeader {color: white;}
.csc-header H3{color: white;}
.csc-textpicHeader H3 {color: white;}

#container #content #rechts .csc-header H3,
#container #content #rechts .csc-header H3.csc-firstHeader {	
					color: white;
					background-color: black;
					}		
#container #content #mitte .contentwrap DIV.csc-frame-rulerAfter {border-bottom: 1px solid white;}


/*
### werkzeugkasten #############
*/						
					#container #content #mitte UL.werkzeug LI A,
					#container #content #mitte UL.werkzeug2 LI A {
						color: white;
						}			
						#container #content #mitte UL.werkzeug LI A.pdf {
							background: url(../images/sw/werkzeug-pdf-generieren.png) no-repeat;
							padding-left: .0em;
							}		
						#container #content #mitte UL.werkzeug LI A.drucken {
							background: url(../images/sw/werkzeug-drucken.png) no-repeat 0.9em 0;
							padding-left: .0em;
							}
						#container #content #mitte UL.werkzeug LI A.acrobat {
							background: url(../images/sw/werkzeug-get-acrobat.png) no-repeat 0.0em 0;
							padding-left: .0em;
							}				
					#container #content #mitte UL.werkzeug2 LI A.seitenanfang {
						background: url(../images/sw/werkzeug-seitenanfang.png) no-repeat;
					}
					#container #content #mitte UL.werkzeug2 LI A.zurueck {
						background: url(../images/sw/werkzeug-seite-zurueck.png) no-repeat;
					}		
					
										
/*
### FOOTER ###################
*/
		#container #footer {
			background: black;
			border-top: 30px solid black;
			}
			#container #footer .verlauf {
				background: #5A5A5A;
				}
			#container #footer .copyright {
				background: black;
				color: #FFFFFF;
				}				
			#container #footer .direktlinks {
				font-size: 0.9em;
				margin: 0.5em 0 0 4em;
				float: left;
				}
				#container #footer .direktlinks UL {
					margin: 0;
					padding-bottom: 0.1em;
					}
					
			#container #footer .hnm {
				float: left;
				margin: 1em 0 0 14.5em;
				font-size: 0.6em;
				}
				#container #footer .hnm A {
					color: #878A83;
					text-decoration: none;
					}					
					
						
/*
############################################### KONTAKT-FORMULAR
*/	

FIELDSET.csc-mailform  {
	background: black;
	border: 1px dotted white;
	}
	FIELDSET.csc-mailform	.csc-mailform-field label, .csc-mailform-field-req label{
		border-bottom: 3px solid white;
	}
	
	
/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads {border: 1px dotted white;}
#container #content #mitte .contentwrap TABLE.csc-uploads TR.tr-even { background-color: black; }
#container #content #mitte .contentwrap TABLE.csc-uploads TR.tr-odd { background-color: black; }
