@charset "UTF-8";
/* Allgemeines CSS Dokument VOLLTRAUF */

/* ----------------------------------------------------------------------------------
    Allgemeine Elemente 
 ------------------------------------------------------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #000000;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.1em;
	margin: 20px auto;
}

h1 {
	font-size: 27px;
	font-weight: normal;
	color: #FFFFFF;
	line-height: normal;
}

h2 {
	font-size: 22px;
	font-weight: normal;
	color: #FF0000;
	padding-bottom: 10px;
}

h3 {
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 10px;
}

h4 {
	font-size: 15px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 10px;
}

a {
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #FF0000;
}

img {
	border: none;
}


li {
	list-style-type: none;
}

strong {
	letter-spacing:0.7px;
}

.abstand {
	margin-bottom:10px;
}

.clear {
	clear:both;
}

/* ----------------------------------------------------------------------------------
    Hauptelemente Layout 
 ------------------------------------------------------------------------------------ */
div#container {
	text-align: left;
	margin: 0 auto;
	width: 980px;
	height: 600px;
	overflow: hidden;
	border: 5px solid #FFFFFF;
	background-image: url(../bilder/hintergundwahnsinn.jpg);
	background-repeat: no-repeat;
}

div#menue {
	float: left;
	width: 365px;
	height: 610px;
	margin: -5px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	overflow: hidden;
	/*background-color: #FF6699;*/
}

/* ---------- Logos oben ---------- */
div#menue div#logobox1 {
	float: left;
	width: 335px;
	height: 95px;
	margin: 5px 0px 10px -8px;
	overflow: hidden;
	/*background-color:#FFFF00;*/
}

div#menue div#logobox1 img {
	margin: 5px 0px 5px 3px;
}

/* ---------- Logos unten ---------- */
div#menue div#logobox2 {
	float: left;
	width: 335px;
	height: 144px;
	margin: -30px 0px 0px -9px;
	overflow: hidden;
	/*background-color:#6F0;*/
}

div#menue div#logobox2 a {
	float:left;
	width:inherit;
	margin: -5px 2px 0px 2px;
}

/*Black-Diamond-Logo etwas nach oben ziehen:*/
div#menue div#logobox2 #bd {
	padding-top:3px;
	margin:0px 0px 10px 2px;
}

/* ---------- Kopfbereich mit Logo ---------- */
div#head {
	float: left;
	height: 150px;
	width: 595px;
	overflow: hidden;
	/*background-color: #9966FF;*/
}

div#head img {
	margin: 10px 0px 0px 0px;
}

/* ---------- Inhaltsbereich allgemein ---------- */
div#content {
	float: left;
	width: 595px;
	height: 390px;
	overflow: hidden;
	margin: 40px 0px 0px 0px;
	/*background-color: #99FF99;*/
}

/* ---------- Inhaltsbereich speziell fuer Bilder-Galerie ------------ */
div#content_galerie {
	float: left;
	width: 595px;
	height: 450px;
	overflow: visible;
	margin: 0px 0px 0px 0px;
	/*background-color: #99FF99;*/
}

/* --------- Navigationsmenue ---------- */
ul#navi {
	float: left;
	width: 170px;
	height: 385px;
	margin: -30px 0px 50px 10px;
	overflow: hidden;
	/*background-color:#FFFF99;*/
}

ul#navi li {
	margin: 3px 0px 3px 0px;
	list-style-type: none;
	font-weight: bold;
}

ul#navi li a {
	display:block;
	padding: 8px 8px 8px 5px;
	color: #000000;
	font-size: 16px;
}

ul#navi li a:hover {
	color: #FF0000;
}

.active {
	color: #FF0000;
	font-weight: bold;
	display:block;
	padding: 8px 8px 8px 5px;
	font-size: 16px;
}

.active2 {
	color: #FF0000;
	font-weight: bold;
	display:block;
	font-size: 16px;
}

/* --------- subnavi ------------- */
.subnavi {
	width: 125px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	/*background-color: #006633;*/
}

.subnavi li {
	list-style-type: none;
	font-weight: bold;
}

.subnavi li a {
	display:block;
	color: #000099;
	line-height: 0.3em;
	/*padding: 8px 8px 8px 5px;*/
}

.subnavi li a:hover {
	display:block;
	color: #FF0000;
	/*padding: 8px 8px 8px 5px;*/
}

li.active_sub {
	font-weight: bold;
	font-size: 16px;
	color: #FF0000;
	padding: 3px 8px 4px 5px;
}

/* ------------ content -------------- */

/* ---- Vortraege: Thema wird zusaetzlich eingeblendet ---- */
ul.vortraege  {
	display: block;
	height: 100px;
	margin: 60px 0px 55px 0px;
}

ul.vortraege li a {
	color: #FFFFFF;
	font-size: 18px;
	display: block;
	height: 25px;
	padding: 0px 0px 20px 0px;
}

ul.vortraege li a:hover {
	color: #FF0000;
	display: block;
}

ul.vortraege li a span { 
	display: none; 
}


/*Achtung: 
Das margin-left:200px muss angepaßt werden an den laengsten Namen der Vortragenden, damit der span erst dahinter beginnt und noch etwas Abstand hat. Dazu am besten die Hintergrundfarbe des span aktivieren, um seine Groesse besser zu sehen:*/
ul.vortraege li a:hover span { 
	display: block;
	margin: -25px 0px 0px 200px;
	text-align:left;
	/*background-color: #FF0;*/
}


/* ---- Variante Vortraege: Thema wechselt Autor aus ---- */
/*ul.vortraege  {
	display:block;
	height: 100px;
	padding: 0px 0px 55px 0px;
}

ul.vortraege li a {
	color: #FFFFFF;
	font-size: 18px;
	display:block;
	height: 25px;
	padding: 0px 0px 20px 0px;
}

ul.vortraege li a:hover {
	color: #000000;
	display:block;
}

ul.vortraege li a span { 
	display: none; 
}

ul.vortraege li a:hover span { 
	display: block;
	margin: -18px 0px 0px 0px;
	color: #FF0000;
}
*/


/* ------- index.html ----------- */
div#content .textbox_vortrag {
	margin: 0px 0px 0px 75px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.55em;
	width: 490px;
	height: 385px;
	overflow:auto; /*fuer Opera*/
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0px 10px 0px 10px;
	/*background-color: #00FF33;*/
}

div#content .textbox_vortrag img {
	margin: 10px 0px 10px 0px;
}

/* ----------- allgemeine Textbox ---------- */
div#content .textbox {
	margin: 0px 0px 0px 75px;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.55em;
	width: 490px;
	height: 385px;
	overflow:auto; /*fuer Opera*/
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0px 10px 20px 10px;
	/*background-color: #000000;*/
	
}

div#content .textbox p {
	margin-bottom:15px;
}

div#content .textbox img {
	display:block;
	width:480px;
	margin: 10px 0px 10px 0px;
	/*background-color:#C3F;*/
}

/* ----------- Schrift: rot fett ---------- */
.red {
	color: #FF0000;
	font-weight: bold;
	letter-spacing:1px;
}

/* ----------- Schrift: rot normal ---------- */
.redn {
	color: #FF0000;
	font-weight: normal;
}

/* ----------- Schrift: weiss normal ---------- */
.weiss {
	color: #FFF;
}

/* ----------- Schrift: weiss fett ---------- */
.weissf {
	color: #FFF;
	font-weight: bold;
	letter-spacing:1px;
}

/* -------- anfahrt.html ---------- */
#karte {
	float: left;
	width: 530px;
	height: auto;
	margin: 30px 0px 0px -35px;
	/*border: #FFFF00 1px solid;*/
}

#anfahrttext {
	float: right;
	width: 100px;
	height: 400px;
	margin: -340px 6px 0px 0px;
	background-color: #000000;
	padding: 30px 0px 0px 7px;
	color: #FFFFFF;
	line-height: 1.5em;
}

/* ---------- parken.html ------------ */
#parken {
	width: 500px;
	height: auto;
	margin: 0px 0px 0px 5px;
}

div#content .textbox2 {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 1.55em;
	width: 490px;
	height: 385px;
	overflow: hidden;
	background-color: #000000;
	padding: 0px 10px 0px 10px;
}

.textbox2 p {
	color: #FFFFFF;
	font-size: 14px;
	margin: 0px 0px 5px 0px;
}

/* --------- partner.html ---------------
Klasse partner: Evl. zum Hervorheben der beteiligten Partner benutzen:  */
.partner {
/*font-size: 20px;*/
color: #FF0000;
}

/* --------- impressum.html --------------- */
#andifichtner a {
	float: right;
	margin: 0px 10px 0px 0px;
	width: 180px;
	height: 80px;
	display: block;
	border: 1px solid #FF0000;
	color: #FFFFFF;
	text-align: left;
	font-size: 16px;
	padding: 5px 0px 0px 10px;
}

#andifichtner a:hover {
	color: #FF0000;
	border-color: #FFFFFF;
}

/* --------- mucke.html --------------- */
div.audio {
	background-color:#000000;
	margin:0px 0px 20px 0px;
}
div.video {
	background-color:#000000;
	margin:0px;
}

div.video2 {
	background-color:#000000;
	margin:0px 0px 0px -70px;
}