/* CSS Document */

    body  {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #990000;
		/*background-image:url(graphics/mm_bg_red.gif);*/
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
    	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
    	color: #000000;
    }
    
    #container { 
    	width: 900px;  /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel breites Browserfenster passt, sofern für den Text die Standardschriftgröße des Browsers übernommen wird. */
		max-width:1024px;
    	background: #000000;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
		padding-top:5px;
    	border: 1px solid #000000;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    } 
    #header { 
    	background: #220004;
		background-image:url(../graphics/riju_top10.jpg);
		background-repeat:no-repeat;
		border-bottom: 5px solid #500204; /*#FFCC33;*/
    	border-top: 5px solid #500204; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
		margin:0;
		padding:0;
		height:108px;
    } 
    #header h1 {
    	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
    	padding: 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }
/*
	.whole_document #news_ticker{
		margin:0;
		padding:0; 
		border:0;
		top:0;
		font-size:14px;
		visibility:visible;
	}
*/
    #sidebar_left {
    	float: left; 
    	width: 145px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	background: #000000; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 15px 0 15px 3px; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
		text-align:center;
    }
    #sidebar_right {
    	float: right; 
    	width: 125px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	background: #000000; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
    	padding: 10px 3px 10px; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
		color:#FFFFFF;
    }
    #sidebar_left h3, .whole_document #sidebar_left p, .whole_document #sidebar_right p, .whole_document #sidebar_right h3 {
    	margin-left: 5px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
    	margin-right: 5px;
    }
    
    #mainContent {
     	margin: 0 140px 0 155px; /* Der rechte Rand kann in Gevierten (ems) oder Pixel angegeben werden. Durch ihn entsteht der Abstand am rechten Seitenrand. */
		/*
		background-image: url(graphics/torso2.jpg);
		background-position:center;
		background-repeat:no-repeat;*/
		color:#EEEEEE;
		padding-left:5px;
		padding-right:5px;
    } 
	#mainContent a {
			color:#FF9900;
			text-decoration:none; 
			font-size:100%; 
			font-weight:bold;
    }
	#mainContent a {
			text-decoration:underline; 
    }
    #footer { 
    	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
    	background:#500204;
		text-align:center;
    } 
    #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		color:#000000;
		font-weight:bold;
    }
    
    /* Verschiedene wieder verwertbare Klassen */
    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 0px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 0px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

#map {color:#000000;text-align:center}

/* Menü */
.btn_menu_aktiv {margin-bottom:4px; padding-top:0; width:140px;height:23px;}
.btn_menu {margin-bottom:4px; padding-top:0; width:140px;}
.btn_menu a {
    display:block; width:140px; 
}
.btn_menu img {
    display:block; width:140px; border:0;
	visibility: hidden;
}
.btn_menu a:hover img {
    visibility: visible;
}
.btn_menu a:hover { /* Workaround for IE 5.5 und 6 */
    border:0;
}
* html btn_menu a {
    margin-right:1px;
}
* html btn_menu a:hover {
    width:140px; margin-right:0; /* Workaround for IE 5.01 */
}

/* Online Counter*/
.box {background-color: #330000;border:solid #990000 2px; color:#FF9900; margin-bottom:10px; text-align:center; font-weight:bold;}
* html box {
    padding-top:10px;
}
.boxtop {background-color: #330000; color:#FF9900; font-size:12px; margin-bottom:5px; margin-top:2px;}
.boxcontent {background-color: #FF9900; color: #330000; font-size:10px;margin-bottom:2px;}
.boxcontent a:hover{color: #330000;}
.counter {background-color: #330000; color: #FFFFFF; font-size:12px;margin-bottom:2px;;}

/*Bild unter dem Counter*/
.torso {margin-top:90px;}

/* Global Text */
.bolder {font-weight:bolder}
.center {text-align: center}
.centerbold {text-align: center;font-weight:bolder}
.small {font-size:80%}
.small_center {font-size:80%; text-align: center}
.small_bold {font-size:80%;font-weight:bold}
.orange {color:#FF9900;text-align: left; font-weight:bolder;}

h1 {color:#FF9900;text-align: center; font-size:140%}
h2 {color:#FF9900;text-align: center; font-size:100%}
h3 {color:#000000;text-align: center; font-weight:bold; font-size:120%; text-decoration:underline}
h4 {color:#000000;text-align: center; font-size:120%; font-weight:bold; background-color:#FF9900}
h5 {color:#FF3300;text-align: left; text-decoration:none; font-size:100%; font-weight:bold; margin-bottom:1em;}
h6 {color:#FF9900;text-align: left; text-decoration:underline; font-size:100%; font-weight:bold; margin-bottom:1em;}
a { text-decoration:none;}

#sidebar_right a { color:#FFFFFF; text-decoration:none; font-size:10px;}
#sidebar_right a:hover {color:#FF9900; text-decoration:underline;}
/*
.whole_document #mainContent a { color:#FF9900; text-decoration:none; font-size:100%;}
.whole_document #mainContent a:hover {color:#FF9900; text-decoration:underline;}
*/
/* Infobox im Kalender */
#info {width:140px;height:auto;border:1px solid #550000;display:none;position:absolute;left:100px;top:100px; font-size:70%;}
#infobox {background-color:#550000;color:white;padding:5px;}
#infobox_dat{background-color:black;color:#FF9000;padding-top:2px; padding-bottom:2px;}
#infobox_ft{background-color:white;color:#FF0000;padding-top:2px; padding-bottom:2px; display:none; font-weight:bold}

/* Newseingabe */
.newsentry { text-align:left; border:1px solid #AAAAAA; background-color:#CCCCCC; font-size:90%; color: #000000; padding:10px; width:auto;}
.newsentry img{ cursor:pointer;}
.newsentry a { color:#FFFFFF; text-decoration:none; font-size:80%;}
.newsentry a:hover {color:#FF9900; text-decoration:underline;}

/*News Bild*/
.newspic {float:left; margin-right:25px;}

/*Impressum Bild*/
.imppic {float:right; margin-right:25px;}

/* Kalender */
.kalender {background-color:#000000;color:#FFFFFF; font-size:9px;cursor:pointer;border:1px solid #550000;margin-bottom:2px;}
.kalender a {font-size:9px;}
.kalender a:hover {color:#FF9900; text-decoration:none;}

/* Formular Anmeldung */
.anm_label {float:left; width:120px; color: #FFFFFF; text-align:right}
.anm_feld { float:left; margin-left:10px; text-align:left}
.anm_button { margin-top:65px;width:160px}

.anm_label p{ margin-top:15px; padding:0; height:25px}
.anm_feld p{ margin-top:15px; padding:0; height:25px}

/* Partybilder*/
#partybilder {color:#000000;}
#partybilder a {color:#000000;}
#partybilder a:hover {color:#000000;}
#partybilder img {border:0; padding:10px;}

/* News (Anzeige der News) */
.newstopline {color:#FFFFFF;text-align: left; text-decoration:none; font-size:100%; font-weight:bold; margin-bottom:1em;}
.newstopline a{color:#FF9900;text-align: left; text-decoration:underline; font-size:100%; font-weight:bold; margin-bottom:1em;}

/* LED Ticker */
/*
#infoline {
	position:relative;
	width:100%;
	height:auto;
	cursor:pointer;
	border-bottom: 5px solid #500204;
}

.whole_document #mainContent #header #infoline a:hover{text-decoration:none;}
*/

.blinkticker {
		color:#FFFFFF;
		padding:0;
		margin-top:2px;
		margin-bottom:2px;
		height:auto;
		/*font-size:22px;*/
		text-decoration:none;
		background-color:#000000;
		text-align:center;
		cursor:pointer;
		border-bottom: 5px solid #500204;
}
#news_ticker {
	background-color:#FFFFFF;
	background-image:url(../graphics/ticker_.gif);
	background-position:0px;
}
/*
.blinkticker a {
		margin:0;
		padding:0; 
		top:0;
		height:auto;
		height:22px;
		background-color: #FFFFFF;
}
.blinkticker a img{
		margin:0;
		padding:0; 
		border:0;
		top:5px;
		height:22px;
}
.blinkticker a:hover{
	background-color:#CCCCCC;
	border:0;
}
*/
/* Übersichtsregister Preise und Zeiten */
.tage_menu_aktiv {
	margin-right:-4px; 
	padding:0; 
	width:80px;
	height:23px;
	float:left;
	z-index:2;
	position:relative;
}

.tage_menu {
	margin-right:-4px; 
	padding:0; 
	width:80px;
	height:23px;
	float:left;
	position:relative;
	z-index:0;
}

.tage_menu a {
    display:block; 
	width:80px; 
	position:relative;
}

.tage_menu a img {
    display:block; 
	width:80px; 
	border:0;
	visibility: hidden;
	z-index:0;
}

.tage_menu a:hover img {
    visibility: visible;
	position:relative;
	z-index:1;
	border:0;
}

.tage_menu a:link { 
    border:0;
}

.tage_menu a:visited { 
    border:0;
}

* html tage_menu {
	overflow:hidden;
}

* html tage_menu a {
    margin-right:1px;
}

* html tage_menu a:hover {
    width:80px; 
    margin-right:0; 
}

.tage_menu a:visited { 
    border:0;
}

.tage_inhalt {
	width: 580px;
	height: auto;
	background-color:#330000;
	float:none;
	clear:left;
}

.tage_zeit {
	margin:8px 8px 0px 8px;
	padding:5px;
	background-color:#330000;
	border: 1px solid #000000;
	color:#FF9000;
	font-weight:bold;
	text-align: center;
	background-image: url(../graphics/inhalt_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.tage_preise {
	margin:8px 8px 0px 8px;
	padding:5px;
	background-color:#330000;
	border: 1px solid #000000;	
	color:#FF9000;
	font-weight:bold;
	text-align: center;
	background-image: url(../graphics/inhalt_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.tage_text {
	margin:8px 8px 0px 8px;
	padding:5px;
	background-color:#330000;
	border: 1px solid #000000;	
	color:#FF9000;
	font-weight:bold;
	text-align: center;
	background-image: url(../graphics/inhalt_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.tage_p {
	margin:0px 8px 0px 8px;
	padding:5px;
	border: 1px solid #000000;
	background-color:#000000;	
	font-size:80%; 
	text-align: center;
	color: white;
}

.tage_ol {
	width:8px;
	height:8px;
	background-image: url(../graphics/tage_ol.gif)
}

.tage_or {
	width:8px;
	height:8px;
	background-image: url(../graphics/tage_or.gif)
}

.tage_ul {
	width:8px;
	height:8px;
	background-image: url(../graphics/tage_ul.gif)
}

.tage_ur {
	width:8px;
	height:8px;
	background-image: url(../graphics/tage_ur.gif)
}

.tage_re {
	width:8px;
	background-image: url(../graphics/tage_re.gif)
}

.tage_un {
	height:8px;
	background-image: url(../graphics/tage_un.gif)
}

.tage_li {
	width:8px;
	background-image: url(../graphics/tage_li.gif)
}

/* WITZ DES TAGES */

.witz_des_tages {
	margin-top:10px;
	/*background-image:url(../graphics/witz.gif);*/
}

.witz_des_tages a{
	border:0;
}

#vorschlag {
	display:none;
}

.machmit {
	margin-top:10px;
	/*background-color:#FFFFFF;*/
	border:0;
	height:96px;
	/*background-image:url(../graphics/witz.gif);*/
	position:relative;
	top:0;
	left:0;
}

.machmit a{
	border:0;
}

.witz_des_tages img{
	border:0;
}

.machmit img{
	border:0;
	z-index:101;
}

#augen{
	border:0;
	position:absolute;
	top:5px;
	left:5px;
	
}
#auge_l {
	height:28px;
	width:36px;
	position:absolute;
	top:30px;
	left:15px;
	background-color:#FFFFFF;
}

#auge_r {
	height:28px;
	width:36px;
	position:absolute;
	top:43px;
	left:87px;
	background-color:#FFFFFF;
}

.witz {
	margin: 10px 20px 5px 20px;
	border:#FF9000 1px solid;
	background-color:#FFFF99;
	color:#330000;
	font-size:80%;
	padding: 10px;
}

legend {color:#FF9900; text-decoration:underline; cursor:pointer}

.programmvorschlag {
	font-size:12px;
	vertical-align:top;
}
.programmvorschlag td{
	vertical-align:top;
	padding:3px;
}
.programmvorschlag table{
	border-bottom: #666666 solid 1px;
	border-top: #666666 solid 1px;
	background:#330000;
}