@charset "utf-8";
/* CSS Document */

/* ------------------------------------------ */
/* ----- Dokument-Formatierung ---- */

html, body {
	margin:0;
	padding:0	;
	font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
	background: #000000;
	color: #000000;
	text-align: center;
	font-size: 12px;
	line-height:20px;
}


/*---- Zurücksetzen des Randes aller wichtigen Text-Elemente ----*/
a, p, h1, h2, h3, h4, h5, h6, td, tr {
	margin:0;
	padding:0;
}

/*---- Formatierung Spalte ----*/
div#spaltenbreite {
	margin:0;
	padding-right:20px; /*---rechter Innenabstand zum Elementinhalt ---*/
	text-align:left;
	width:220px; /*---- Spaltenbreite ----*/
}


/* ------------------------------------------ */
/* ----- Text-Formatierung ---- */

h1 {
	font-size:150%; /*---- die Prozentzahl bezieht sich auf die unter html, body angegene Grundgröße ----*/
	font-weight:bold;
	line-height:150%;
	color:#990000;
	padding-bottom:10px;
}

h2 {
	font-size:120%; /*---- die Prozentzahl bezieht sich auf die unter html, body angegene Grundgröße ----*/
	font-weight:bold;
	line-height:150%;
	color:#990000;
	font-style:italic;
	padding-bottom:10px;
}

h3 {
	font-size:120%; /*---- die Prozentzahl bezieht sich auf die unter html, body angegene Grundgröße ----*/
	font-weight:bold;
	line-height:120%;
	padding-bottom:10px;
}

p {
	font-size:100%; /*---- die Prozentzahl bezieht sich auf die unter html, body angegene Grundgröße ----*/
	line-height:150%;
	padding-bottom:10px;
}

/*--- wie h1 aber als span nutzbar ----*/
.anreisser_h1 {
	font-size:80%; /*---- die Prozentzahl bezieht sich auf die unter html, body angegene Grundgröße ----*/
	font-weight:bold;
	line-height:150%;
	color:#000000;
	padding-bottom:10px;
}

/*--- Anreißertext ----*/
.anreisser {
	font-size:100%; /*---- die Prozentzahl bezieht sich auf die unter html, body angegene Grundgröße ----*/
	font-weight:bold;
	line-height:120%;
	color:#000000;
	padding-bottom:7px;
}

.aufzaehlung {
	font-size:100%; /*---- die Prozentzahl bezieht sich auf die unter html, body angegene Grundgröße ----*/
	line-height:210%;
	padding-bottom:7px;
}

/*----- Link-Verhalten -----*/
/*Link*/
a {
	text-decoration:none;
	font-weight:bold;
	color:#990000;
	border-bottom: 1px dashed #990000; /*--- gestrichelte Linie unter dem Link ----*/
}

/*Link beim darüber fahren*/
a:hover {
	color:#666666;
	border-bottom: 1px dashed #666666; /*--- gestrichelte Linie unter dem Link ----*/
}

/*bereits besuchter Link*/
a:visited {
	color:#990000;
	border-bottom: 1px dashed #666666; /*--- gestrichelte Linie unter dem Link ----*/
}

/*angeklickter Link*/
a:active {
	color:#FF0000;
	border-bottom: 1px dashed #FF0000; /*--- gestrichelte Linie unter dem Link ----*/
}
/* ------------------------------------------ */
/* ------------------------------------------ */

#bilderleiste {
	margin:none;
	padding:none;	
}
#bilderleiste a {
	border:none;
}

.bilderabstand {
	margin:5px 15px 5px 0px;
	border:5px solid #666666;	
}

/* ------------------------------------------ */
/* ----- Layout ---- */

#gesamtseite {
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	width:954px;
	height:600px;
	background:#000000 url('kub-e_pix/hintergrund_leiste.gif') repeat-y;
	text-align:left;
}

#abstand {
	margin:0;
	padding:0;
	width:16px; /* --- insgesamt fehlen 4px (206 + 20 + 504 + 20 + 206 = 950px), sind anscheinend nötig für Ränder ---- */
	height:233px;
	float:left;
}

/* ----- Layout - Kopfzeile Anfang ---- */

	#kopfzeile {
		margin:0;
		padding:0;
		width:954px;
		height:233px;
		float:left;
	}

				#kopflinks {
					margin:0;
					padding:0;
					width:206px;
					height:233px;
					float:left;
				}
				
				#kopfmitte {
					margin:0px 20px 0px 20px;
					padding:0;
					width:502px;
					height:233px;
					float:left;
				}
				
				
				#kopfrechts {
					margin:0;
					padding:0;
					width:206px;
					height:233px;
					float:right;
				}
				
				/* ------------------------------------------ */
				/* ----- Navigation über Listenfunktion ---- */

				#nav-container {
					margin:203px 0px 0px 23px;
					width:460px;
					height:30px;
				}
				
						#nav {
							margin:0px 0px 0px 0px;
							padding:0;

							/*position:absolute;
							top:254px;*/
							font-size:14px;
							font-weight:900;
							line-height:12px;
							list-style:none;
							float:left;				
						}
						
								/* ----- Listenelement formatieren ---- */
								#nav li{
									margin:8px 20px 3px 0px;
									padding:0px 0px 0px 0px;
									list-style:none;
									float:left;				
								}
								
								/* ----- Link formatieren ---- */
								#nav a{
									margin:0px;
									padding:0px 0px 0px 17px;
									background:url('kub-e_pix/leucht_off.gif') no-repeat left;
									text-decoration:none;
									color:#FFFFFF;
									border-bottom:none;
									/*----border-left:#990000 10px solid;---*/
									float:left;	
								}
								
										/* ----- Link-Over formatieren ---- */
										#nav a:hover{
											color:#990033;
											background:url('kub-e_pix/leucht_onoff.gif') no-repeat left;
											/*---- border-left:#333333; ----*/	
										}
										
										/* ----- den aktuell gewählten Button formatieren ---- */
										#nav a.aktuell{
											color:#999999;	
											background:url('kub-e_pix/leucht_on.gif') no-repeat left;
											/*---- border-left:#663300 10px solid; ----*/	
										}
										
				/* ----- Ende Navigation über Listenfunktion ---- */
				/* ------------------------------------------ */
				

				/* ----- einfache Navigation in Kopfmitte ---- */
				/* -----
				#navigation {
					margin:0;
					padding:0;
					width:502px;
					height:30px;
					font-size:14px;
					font-weight:900;
					color:#FFFFFF;
					line-height:12px;
					position:absolute;
					top:254px;
					float:left;
				}
				
				#but_home {
					margin:8px 20px 3px 25px;
					width: 52px;
					height:12px;
					border-left:#990000 10px solid;
					float:left;
				}
				
				#but_home_2 {
					margin:8px 20px 3px 25px;
					width: 52px;
					height:12px;
					border-left:#660000 10px solid;
					color:#999999;
					float:left;
				}
				
				#but_about {
					margin:8px 20px 3px 5px;
					width: 55px;
					height:12px;
					border-left:#990000 10px solid;
					float:left;
				}
				
				#but_about_2 {
					margin:8px 20px 3px 5px;
					width: 55px;
					height:12px;
					border-left:#660000 10px solid;
					color:#999999;
					float:left;
				}
				
				#but_audio {
					margin:8px 20px 3px 5px;
					width: 55px;
					height:12px;
					border-left:#990000 10px solid;	
					float:left;
				}
				
				#but_audio_2 {
					margin:8px 20px 3px 5px;
					width: 55px;
					height:12px;
					border-left:#660000 10px solid;
					color:#999999;
					float:left;
				}
				
				#but_kontakt {
					margin:8px 20px 3px 5px;
					width: 80px;
					height:12px;
					border-left:#990000 10px solid;	
					float:left;
				}
				
				#but_kontakt_2 {
					margin:8px 20px 3px 5px;
					width: 80px;
					height:12px;
					border-left:#660000 10px solid;
					color:#999999;
					float:left;
				}
				---- */


/* ----- Layout - Kopfzeile Ende ---- */


/* ----- Layout - Inhalt Anfang ---- */

	#inhalt_gesamt {
		margin:0;
		padding:0;
		width:954px;
		height:330px;
		clear:both;
		float:left;
	}

				#inhaltlinks {
					margin:0;
					padding:0;
					width:206px;
					float:left;
				}
				
					#links-abstand {
						margin:15px 10px 20px 15px;
					}
				
				#inhaltmitte {
					margin:0px 20px 0px 20px;
					padding:0;
					width:502px;
					float:left;
				}
				
					#mitte-abstand {
						margin:15px 20px 20px 25px;
					}
				
				#inhaltrechts {
					margin:0;
					padding:0;
					width:206px;
					float:right;
				}
				
					#rechts-abstand {
						margin:15px 10px 20px 15px;
					}
				

/* ----- Layout - Inhalt Ende ---- */
#impressum{
	margin:0;
	padding:5px 20px 0px 0px; 
	color:#FFFFFF; 
	text-align:right; 
	height:10px;
	clear:both;
}