/* CSS Document */


/*
body  				{ height:100%; width:100%; background-color:#FFFFF0; margin:0; padding:0; background-image:url(/bilder/rheno-background.jpg); background-repeat:no-repeat; background-position:center; }
*/
body  				{ height:100%; width:100%; background-color:#FFFFF0; margin:0; padding:0;  }

img					{ border:0}
div					{ margin:0; padding:0; border:0 }
a					{ color:#000000; text-decoration:underline }

div.schrift_normal	{ font-weight:normal }

/* Bildunterschriften */
dl.imgleft{ float: left; margin-right:5px; margin-bottom:5px; margin-top:0; }
dl.imgbottom{ margin-right:0; margin-bottom:5px; margin-top:5px }
dl.imgleft dt, dl.imgbottom dt { margin-bottom: 0; }
dl.imgleft dd, dl.imgbottom dd { margin: 0; font-size:10px; font-weight:bold }


/* HTML  4.01 strict Symbol */
div.valid			{ background-image:url(/bilder/grau.gif); font-size:10px; vertical-align: middle; margin:auto; width:350px; text-align:justify; line-height:10px; }

/* Hintergrund */
div.hintergrund		{ position:fixed; z-index:0; left:0; top:0; overflow:hidden; height:100%; width:100%; background-image:url(/bilder/rheno-background.jpg); background-repeat:no-repeat; background-position:top; }
div.hintergrund_obere	{ position:fixed; z-index:3; left:0; top:0; overflow:hidden; height:90px; width:100%; background-image:url(/bilder/rheno-background.jpg); background-repeat:no-repeat; background-position:top; }


/* KV Logo */
img.kv_logo			{ height:64px; width:71px; }
div.kv_logo			{ position:fixed; left:40px; top:7px; z-index:4; }

/* Kategorie Ueberschrift */
div.ueberschrift_kategorie { font-weight:bold; font-size: 72px; color: #CCCCCC; }
div.ueberschrift_kategorie_versetzt { font-size: 30px; color: #000000; position:relative; }

/* Roter Balken */
div.balken_rot		{ position:fixed; left:160px; height:100%; width:20px; background-image:url(/bilder/balken_rot_neu.gif); z-index:4}

/* Schriftzug */
div.schriftzug_umrandung { position:fixed; top:20px; width:100%; z-index:3 }
div.schriftzug		{ margin-left:200px; margin-right:100px; text-align:center; }

/* Grüner Balken */
div.balken_gruen	{ position:fixed; top:77px; width:100%; height:20px; background-image:url(/bilder/balken_gruen.gif); z-index:3}

/* Gruener Balken Spacer - Noetig für die Luecke */
div.balken_gruen_spacer { position:fixed; top:77px; left:140px; width:60px; height:20px; background-color:#FFFFF0; z-index:3 }

/* Inhalt */
div.inhalt_umrandung		{ position:absolute; top:100px; width:100%; z-index:2; }
div.inhalt			{ margin-left:200px; margin-right:100px; text-align:center; font-family:arial,helvetica,serif; font-size:20px; font-weight:normal; z-index:2; }
div.inhalt_blocksatz { text-align:justify; font-size:14px; font-weight:bold; width:600px; line-height:17px; margin-left:auto; margin-right:auto; }

/*div.inhalt_zentrierung { text-align:center; margin-left:auto; margin-right:auto; }*/

/* Wappen */
img.wappen			{ height:107px; width:100px; }
div.wappen			{ position:fixed; top:30px; right:0px; z-index:3 }

/* Logo */
img.logo			{ height:88px; width:100px; }
div.logo			{ position:fixed; right:5px; bottom:5px; z-index:3 }

/* Geschichte */
div.zeitleiste { width:40px; background-color:#999999; height:2157px; margin-top:5px; position:absolute; left:330px; top:0; font-size:14px; } 
div.zeitleiste_jahreszahl { position:absolute; left:4px; margin:0; padding:0; height:14px }
div.zeitleiste_strich_links { position:absolute; border-bottom:2px solid black; right:4px; width:40px; height:14px}
div.zeitleiste_strich_rechts { position:absolute; border-bottom:2px solid black; left:4px; width:40px; height:14px }
div.geschichte_linker_kasten, div.geschichte_rechter_kasten { width:300px; background-image:url(/bilder/grau.gif); padding:10px; margin:5px; font-weight:normal; text-align:justify; font-size:14px; border:1px solid black; position:absolute }
div.geschichte_linker_kasten { left:0 }
div.geschichte_rechter_kasten { right:0 }

/*
table.zeitleiste	{ border-collapse:collapse; width:70px; height:500px; text-align:center; margin:auto }
td.zeitleiste_grau	{ background-image:url(../bilder/grau.gif); vertical-align:top; }
td.zeitleiste_weiss	{ background-image:url(../bilder/weiss.gif); }
*/


table.programm		{ border-collapse:collapse; text-align:center; margin-left:auto; margin-right:auto; font-size:16px;} 
table.chargia		{ text-align:center; margin-left:auto; margin-right:auto;}

td.programm_header_grau, td.chargia_header_grau {  background-image:url(../bilder/grau.gif); height:80px; }
td.programm_header_weiss, td.chargia_header_weiss { background-image:url(../bilder/weiss.gif); height:80px; text-align:left}

td.programm_trennlinie, td.chargia_trennlinie { height:1px; background-color:#000000 }
td.programm_trennlinie2, td.chargia_trennlinie2 { height:1px; background-color:#666666 }

td.programmspalte_datum { background-image:url(../bilder/grau.gif); text-align:center; vertical-align:top}
td.programmspalte_uhrzeit { background-image:url(../bilder/weiss.gif); text-align:center; vertical-align:top}
td.programmspalte_typ { background-image:url(../bilder/weiss.gif); text-align:center; vertical-align:top;}
td.programmspalte_name { background-image:url(../bilder/weiss.gif); text-align:left; vertical-align:top}

td.programm_spacer_grau, td.chargia_spacer_grau {  background-image:url(../bilder/grau.gif); height:20px}
td.programm_spacer_weiss, td.chargia_spacer_weiss { background-image:url(../bilder/weiss.gif); height:20px}

td.chargiaspalte_bild { background-image:url(../bilder/grau.gif); text-align:center; vertical-align:middle}
td.chargiaspalte_name, td.ah-chargiaspalte_amt { background-image:url(../bilder/weiss.gif); text-align:left; vertical-align:middle}
td.ah-chargiaspalte_amt { vertical-align:top }
td.chargiaspalte_beschreibung { background-image:url(../bilder/weiss.gif); text-align:left; vertical-align:middle}


img.programm_icon { height:20px; width:15px; }

img.programm_monat, img.chargia_top { position:relative; left:30px;  }

body { font-family: Arial, Helvetica, sans-serif; }

/* Das Gaestebuch */
table.guestbook { font-size: smaller; text-align:center; margin-left:auto; margin-right:auto; }
table.guestbook td { font-size: smaller}
form.guestbook_signin { border:2px solid grey; width:450px; margin-left:auto; margin-right:auto;}
div.guestbook_signin { text-align:left; margin:auto; width:426px;}
p.page_nav { font-size: 14px; text-align:center; position:relative; top:-35px;}
p.guestbook_date { font-size:16px; text-align:left; background-image:url(../bilder/grau.gif); border:0; margin:0; padding:0}
p.guestbook_message { font-size:16px; text-align:left; background-image:url(../bilder/weiss.gif); border:0; margin:0; padding:0}
div.guestbook_entry { width:600px; margin:auto; position:relative; top:-35px }
div.guestbook_spacer { height:20px; }


/* Versteckte Suchmaschinenbegriffe */
h1.versteckt, title.versteckt { display:none }


/* Steckbriefe */

table.steckbrief {
	text-align:center;
	margin:auto;
	background-image:url(/bilder/grau.gif);
	padding:0;
	border-collapse:collapse;
	margin-top:-20px;
	padding-top:20px;	
}

td.steckbrief {
	margin:0;
	padding:0;
	vertical-align:top;
}

td.steckbrief_uebersicht {
	margin:10px;
	padding:10px;
}

img.steckbrief_foto {
	width:233px;
	height:300px;
}

div.steckbrief_daten {
	text-align:left;
	width:450px;
	min-height:300px;
	font-size:14px;
	position:relative;
	left:10px;
}

div.steckbrief_text	{
	width:110px;
	float:left;
	font-weight:bold;
}

div.steckbrief_text2 {
	font-weight:bold;
}

div.steckbrief_text3 {
	text-align:justify;
	width:430px;
}


/* Das Menue */

/* Abstand des Menüs zum oberen Rahmen */
div.menue_top_abstand { position:fixed; top:105px; left:0px; z-index:4}

/********************************************************/
/* Der IE CSS Teil */

/* Unterer Rahmen eines Menüpunkts. Nötig, damit das Untermenü komplett unsichtbar ist */
div.ie_menuepunkt_erster { margin-bottom:6px; }

/* Menüpunkt Rahmen - Höhe und Breite wichtig für korrekte Positionierung */
div.ie_menuepunkt {
width:137px;
height:35px;
}

/* Der eigentliche Menüpunkt */
a.ie_menuepunkt {
float: left;
width: 137px;
height: 35px;
overflow: hidden;
display: block;
text-indent: 5px;
font: bold 12px/26px Verdana, Arial;
text-decoration: none;
color: #FFFFFF; 
background: url(/bilder/button.gif);
}


/* Sobald die Maus den Link (inkl. Hintergrund) überfährt, wird das Hintergrundbild um 35px nach oben
verschoben und zeigt nun den Hintergrund "aktiv" an */
a.ie_menuepunkt:hover {
overflow: visible;
color: #FFFFFF;
background: url(/bilder/button.gif) 0px -35px no-repeat;
}

/* Das Untermenü wird angezeigt, sobald der Menüpunkt überfahren wird */
a.ie_menuepunkt:hover table {
margin: 0px;
border-collapse: collapse;
color: #FFFFFF;
position:absolute;
left:135px;
}


/* Leider ist ie_untermenue_1 und 2 notwendig, da der IE Unsinn beim vertikalen Positionieren macht */
a.ie_menuepunkt:hover table.ie_untermenue_0 {
top:0px;
}

a.ie_menuepunkt:hover table.ie_untermenue_1 {
top:35px;
}

a.ie_menuepunkt:hover table.ie_untermenue_3 {
top:105px;
}

a.ie_menuepunkt:hover table.ie_untermenue_8 {
top:280px;
}

/* Das Untermenü */
a.ie_unterpunkt {
display: block;
width: 92px;
height: 20px;
color: #FFFFFF; 
text-indent: 5px;
font: bold 10px/19px Verdana, Arial;
text-decoration: none;
background: url(/bilder/button_klein.gif);
}

/* Der "aktive" Teil des Hintergrundbilds wird beim Überfahren angezeigt */
a.ie_unterpunkt:hover {
position: relative;
color: #FFFFFF;
background: url(/bilder/button_klein.gif) 0px -20px no-repeat;
}
/********************************************************/


/* Der allgemeine CSS Teil */


/* Wichtig! Wird aufgrund des dummen IEs auch nochmal in template_H.css der Fotogalerie definiert */

a.all_menuepunkt {
float: left;
width: 137px;
height: 35px;
overflow: hidden;
display: block;
text-indent: 5px;
font: bold 12px/26px Verdana, Arial;
text-decoration: none;
color: #FFFFFF; 
background: url(/bilder/button.gif);
}

a.all_menuepunkt:hover {
overflow: visible;
color: #FFFFFF;
background: url(/bilder/button.gif) 0px -35px no-repeat;
}

/* Das Untermenue */
a.all_unterpunkt {
display: block;
width: 92px;
height: 20px;
color: #FFFFFF; 
text-indent: 5px;
font: bold 10px/19px Verdana, Arial;
text-decoration: none;
background: url(/bilder/button_klein.gif);
}

/* Der "aktive" Teil des Hintergrundbilds wird beim Überfahren angezeigt */
a.all_unterpunkt:hover {
position: relative;
color: #FFFFFF;
background: url(/bilder/button_klein.gif) 0px -20px no-repeat;
}

div.all_menuepunkt div.all_untermenue {
display:none;
}

div.all_menuepunkt:hover div.all_untermenue {
display:block;
}

div.all_menuepunkt {
width:137px;
height:35px;
}

div.all_untermenue {
position:absolute;
left:135px;
/*height:160px;
width:120px;*/
}

div.lexikon[id] {
	margin-top:-100px;
	padding-top:100px;
}

div.blogbody {
	background-image:url(../bilder/grau.gif);
	font-size:14px;
	text-align:left;
	border:2px solid;
}

div.bloginhalt {
	position:relative;
	left:5px;
}

div.blogtitle {
	position:relative;
	left:5px;
	font-size:16px;
	font-weight:bold;
}

div.blogdate {
	font-size:14px;
	text-align:right;
}