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



* { margin:0; padding: 0; }

html {
	background-image:url(../bilder/lay/top_bg_hint.gif);
	background-position: top center;
	background-repeat:repeat-x;
	background-color:#fff;
	overflow-y:scroll;
	overflow-x:hidden;
	}
	
body {
	padding: 0px 0;
	text-align: center;
	height:100%;
	background-position: top center!important;
	background-repeat:no-repeat;
	background-image:url(../bilder/lay/top_bg.jpg);
	font-family: Arial, Tahoma, Verdana, 'Trebuchet MS', sans-serif;
	font-size: 0.7em;
	color:#333;
	
	}
/********** Seitenlayout *******************************************/
#seite_oben {
	height:403px;
	width:980px;
	margin: 0px auto 0px auto;
	overflow:hidden;
	}
#seite_oben_inhalt {
	position:relative;
	top:0px;
	left:-250px;
	background-position: top center!important;
	background-repeat:no-repeat;
	background-image:url(../bilder/lay/top_bg.jpg);
	width:1480px;
	height:403px;
	}
#seite_mitte {
	position:relative;
	top:0px;
	left:0px;
	background-color:#fff;
	z-index:1;
	}
#seite_mitte_inhalt {
	position:relative;
	top:-103px;
	left:0px;	
	/*z-index:10;*/
	text-align:left;
	margin: 0px auto 0px auto;
	width:760px;
	padding:0px 110px 40px 110px;
	}
#seite_unten {
	background-image:url(../bilder/lay/bottom_bg.png);
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:10;
	background-repeat:repeat-x;
	background-position:top;
	height:112px;
	width:100%;
	}
#seite_unten_inhalt {
	position:relative;
	top:-38px;
	left:0px;
	z-index:3;
	background-image:url(../bilder/lay/bottom_bg_middle.png);
	background-position: top center;
	background-repeat:no-repeat;
	margin:0 auto;
	height:150px;
	width:980px;
	}
#fusszeile {
	position:absolute;
	top:50px;
	left:110px;
	width:760px;
/*	xtop:102px;*/
	color:#999;
	font-size:10px;
	float:left;
	}
#kopf_navigation {
	width:858px;
	position:relative;
	top:208px;
	left:313px;
	float:left;
}
#kopf_navigation div {
	width:95px;
	text-align:center;
	float:left;
	color:#fff;
	font-weight:bold;
}


.spalte1 {
	float:left; width:360px; 
	padding-right:15px; 
	border-right:1px solid #666666;
}
.spalte2 {
	float:left; 
	width:360px;
	padding-left:15px;
}
.spalte1breit {
	float:left; width:500px; 
	padding-right:15px; 
	border-right:1px solid #666666;
}
.spalte2kurz {
	float:right; 
	width:220px;
	padding-left:15px;
}
.br {
	clear:both;
	}

/**********Texte und Inhalt *******************************************/
h1 {
	font-size: 17px;
	margin: 0em 0 0.2em 0;
	line-height:1.4em;
	font-weight:bold;
	color:#B50404;
	}
h2 {
	font-size: 11px;
	margin: 0em 0 0.2em 0;
	line-height:1.3em;
	font-weight:bold;
	color:#555;
	/*xcolor:#B50404;*/
	}
p {
	line-height: 1.3em;
	margin: 0 0 6px 0;
	font-size:1.0em;
	}
a {
	text-decoration:none;
	color:#333;
	}	
a.link, #news_inhalt_div a {
	background-image: url(../bilder/link.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:12px;
	font-weight:bold;
	}
a.link:hover,  #news_inhalt_div a:hover {
	font-weight:bold;
	background-image: url(../bilder/link.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	color:#b50404;
	text-decoration:underline;
	}
.small {
	font-size:10px;
	color:#666;
	margin-bottom:0px;
	padding-bottom:0px;
	}
b, strong {
	color:#444;
	}
img {
	border:none;
	}
ul {
	list-style-type:circle;
	margin-bottom:5px;
	}
li {
	margin-left:30px;
	}
dt	{
	font-weight:bold;
	margin:8px 0px 6px 0px;
}
#news_inhalt_div h1, #gaestebuch_inhalt h1 {
	background:url(../bilder/lay/caption1-left.gif) no-repeat left top;
	height:20px;
	padding:5px 10px 4px 6px;
	margin:2px 0px 4px -6px;
	color:#B50404;
	font-weight:bold;
	font-size:13px;
}
.text_gaestebuch {
	margin: 5px 0 15px 0;
}
.Caption Div {
	float:right;
	}
.Captionsmall {
	float: right;
	margin: -2.4em 10px 0 0;
	color:#777;
	font-weight:normal;
	font-size:1em;
	}
#fusszeile a:link, #fusszeile a:visited {
	color:#999;
	text-decoration:none;
	}
#fusszeile a:hover {
	color:#C60005;
	}
#kopf_navigation a:link, #kopf_navigation a:visited {
	color:#fff;
	text-decoration:none;
	display:block;
	padding-top:45px;
	height:30px;
	}
#kopf_navigation a:hover {
	color:#C60005;
	}
.klasse_ul_paare_uebersicht li {
	height:140px;
	width:190px;
	float:left;
	overflow:hidden;
}
.klasse_ul_paare_uebersicht li img {
	margin-right:5px;
	float:left;
	height:120px;
	
}
.links {
	height:110px;
	width:240px;
	float:left;
	overflow:hidden;
	padding-right:10px;
}
.links img {
	margin-right:5px;
	float:left;
	width:80px;
	
}
/**********André*************************************************/
#kopf_navigation div#aktiv a {
	color: #FF2020;
}
table.kalender td.ter_1 {
	background-color:#9C6;
	cursor: pointer;
}
table.kalender td.ter_2.ter_1 {
	background: url(../bilder/hintergrund_termine12.png) right top no-repeat;
	cursor: pointer;
}
table.kalender td.ter_2 {
	background-color: #0F9;
	cursor: pointer;
}
table.kalender td.ter_3 {
	background-color:#C0C;
	cursor: pointer;
}
table.kalender td.ter_4 {
	background-color:#6F0;
	cursor: pointer;
}
.unsichtbar {
	visibility: hidden!important;
	height: 0!important;
	width: 0!important;
}
#div_liste {
	min-height: 30em;
}
#div_liste h2 {
	cursor: pointer;
}
table.kalender {
	border-collapse: collapse;
	width: 20em;
}
table.kalender tr {
	font-weight: bold;
	border-bottom: 1px solid #B50404;
	height:1.7em;
	text-align: center;
}
table.kalender tr th {
	font-size: 1.2em;
	height: 2.1em;
}
#news_inhalt_div img {
	float: right;
	display: block;
	margin: 1em 1em 1em 0.5em;
	padding: 0.8em;
	background-color: #fff;
	border: 1px solid #ccc;
}
#a_k_bearb_link,#a_k_hinz_link,#a_n_bearb_link,#a_n_hinz_link  {
	border: 1px dashed #ccc;
	width: 150px;
	display: block;
	float: right;
}
#a_k_hinz_link,#a_n_hinz_link {
	border-top: none;
	clear: both;
}
#a_k_bearb_link:hover,#a_k_hinz_link:hover,#a_n_bearb_link:hover,#a_n_hinz_link:hover  {
	color: #B50404;
	background: #efefef;
}
#news_inhalt_div div {
	clear: both;
	display: block;
}
#news_div iframe#iframe_news {
	width: 40em; 
	height: 42em;
	border: 1px solid #666;
	float: left;
}
#news_div iframe#iframe_news  body {
	width: 30em;
	border: 1px solid #30F;
}
iframe#iframe_kalender {
	width: 40em; 
	height: 42em;
	border: 1px solid #666;
	float: left;
	background: transparent;
}
div#steuerung {
	display: inline-block;
	width: 4em;
	border: 1px solid #666;
}
div#steuerung a {
	display: block;
	width: 100%;
	height: 4em;
	border: 1px solid #ccc;
	text-indent: -200px;
	overflow: hidden;
	background: center no-repeat;
}
div#steuerung a#fett {
	background-image: url(../bilder/fett.png)
}
div#steuerung a#kursiv {
	background-image: url(../bilder/kursiv.png);
}
div#steuerung a#ueber1 {
	background-image: url(../bilder/ueberschrift1.png);
}
div#steuerung a#ueber2 {
	background-image: url(../bilder/ueberschrift2.png);
}
div#steuerung a#abs {
	background-image: url(../bilder/absatz.png);
}
div#steuerung a#oliste {
	background-image: url(../bilder/geliste.png);
}
div#steuerung a#uliste {
	background-image: url(../bilder/unliste.png);
}
div#steuerung a#link {
	background-image: url(../bilder/link.png);
}
div#steuerung a#ausgabe {
	background-image: url(../bilder/ausgabe.png);
}
div#steuerung a#abbr {
	background-image: url(../bilder/abbrechen.png);
}
div#steuerung a#loeschen {
	background-image: url(../bilder/loeschen.png);
}
div#steuerung a#ausgabe {
	background-image: url(../bilder/abschicken.png);
}
div#steuerung a#bild {
	background-image: url(../bilder/bild.png);
}
div#link_div {
	position: absolute;
	width: 20em;
	border: 2px solid #609;
	top: 30em;
	left: 25em;
}
div#bild_div {
	position: absolute;
	width: 30em;
	height: 30em;
	border: 2px solid #609;
	top: 20em;
	left: 15em;
}
div#bild_div  button {
	display: block;
}
div#bild_div iframe#iframe_bild {
	border: none;
	height: 15em;
}
.pointer {
	cursor: pointer;
}
.pointer_bearb {
	cursor: pointer;
	background: transparent url(../bilder/hintergund_gestreift.gif) top left repeat;
}
.ausgewaehlt {
	font-weight: bold;
}
#kalender_einst span {
	display: inline-block;
	width: 3.5em;
}
#id_iframe_bild {
	height: 20em;
	border: none;
	margin-left: 0;
	padding-left: 0;
}

/*paare->*/
/*<-paare*/

/*Bildergalerie*/
#bildergalerie_body ul {
	width: 750px;
	list-style: none;
	padding: 0.3em;
	margin-left: 4em;
}
#bildergalerie_body ul img {
	background: #fff;
	border: 1px solid #b50404;
	padding: 0.7em;
	margin: 0.3em;
	cursor: pointer;
}
#bildergalerie_body ul li {
	float:left;
}
dl#bilergalerie_dl img {
	border: 1px solid #b50404;
	padding: 0.6em;
}
/* -------Kalender ------*/
.kalender_button {
}

.kalender_div {
	position: absolute;
	width: 200px;
	height: 220px;
	padding: 0 20px 10px 55px;
	margin-top: -73px;
	background: transparent url(../bilder/hintergrund_kalender.png) left 5px  no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
.kalender_div:hover {
	z-index: 100;
}
.kalender_div_cont {
	margin: 0;
	padding: 0;
}
.kalender_schliessen_a {
	float: right;
	width: 15px;
	height: 15px;
	overflow: hidden;
	margin: 0 -20px 0 0;
	background: transparent url(../bilder/schliessenKalender.png) center center no-repeat;
	text-indent: -10000px;
	display: block;
	outline: none;
}
.kalender_schliessen_a:hover {
	float: right;
	width: 15px;
	height: 15px;
	overflow: hidden;
	margin: 0 -20px 0 0;
	background: transparent url(../bilder/schliessenKalender.png) center center no-repeat!important;
	text-indent: -10000px;
	display: block;
}
.kalender_nav_div {
	clear: both;
	text-align: center;
}
.kalender_zurueck_div {
	float: left;
	display: inline;
}
.kalender_nav_div a {
	color: #b4192d;
	text-decoration: none;
	font-weight: bold;
}

.kalender_zurueck_jahr_a {
	width: 25px;
	padding: 2px;
}
.kalender_zurueck_monat_a {
	width: 25px;
	padding: 2px;
}
.kalender_datum_div {
	display: block;
	width: 140px;
	text-align: center;
	float: left;
}
.kalender_monat_span {
	padding: 0 2px;
}
.kalender_jahr_span {
	padding: 0 2px;
}
.kalender_weiter_div {
	display: inline;
	float: right;
}
.kalender_weiter_monat_a {
	width: 25px;
	padding: 2px;
}
.kalender_weiter_jahr_a {
	width: 25px;
	padding: 2px;
}
.kalender_table {
	border: none;
	margin: 0;
	color: #333;
	background: transparent;
	width: 100%;
	border-collapse: collapse;
}
.kalender_table th {
	border: none;
	padding: 0;
	text-align: center;
	width:20px;
}
.kalender_table td {
	border: 1px solid #efefef;
	width:20px;
	height: 20px;
}
.kalender_table td a {
	display: block;
	text-decoration: none!important;
	text-align: center;
	color: #b4192d;
}
#id_div_nachfrage, #id_div_nachfrage_bild , #id_div_nachfrage_link {
	padding: 10px;
	color: #fff;
	background: transparent url(../bilder/hintergrund_grau.png) top left repeat;
	height: 100%;
	width: 515px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 91px;
}
/* Anmeldeformular*//*Gaestebuch formular*/
#anmeldung_form input.textfeld, #anmeldung_form input.passwortfeld ,#gaestebuch_form input.textfeld,#gaestebuch_form textarea.textArea, #passern_form input#benutzername {
	font-family: Arial, Tahoma, Verdana, 'Trebuchet MS', sans-serif;
	display: block;
	background: transparent;
	border: 1px solid #666;
	padding: 0.2em;
	color: #333;
	width: 200px;
}
#anmeldung_form input.passwortfeld {
	background: url(../bilder/schloss.png) 3px 50% no-repeat;
	padding-left: 20px;
}
#gaestebuch_form input.textfeld, #anmeldung_form input.textfeld {
	background: url(../bilder/person.png) 3px 50% no-repeat;
	padding-left: 20px;
}
#gaestebuch_form textarea.textArea {
	text-indent: 20px;
	background: url(../bilder/text.png) 3px 3px no-repeat;
	width: 220px;
}
ul.bearbeiten {
	list-style:none;
}
ul.bearbeiten li {
	margin-left: 1em;
}
.klasse_tabelle_mitglieder {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
.klasse_tabelle_mitglieder td {
	padding: 0.2em;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
/*paare*/
.p_klasse {
	width: 160px;
}
/*Beitragsordnung*/
ol.beitragsordnung_ol {
	list-style-type: decimal;
}
ol.beitragsordnung_ol li {
		font-size: 1.2em;
		font-weight:bold;
		color:#B50404;
}
ol.beitragsordnung_ol li p {
	color: #333;
	font-size: 0.833em;
	font-weight: normal;
}
ol.beitragsordnung_ol li ol {
	list-style-type: lower-latin;
	font-size: 0.833em;
		font-weight:bold;
		color:#B50404;
}
ol.beitragsordnung_ol li ol li{
	font-size: 1em;
		font-weight: normal;
		color: #333;
}
ol.beitragsordnung_ol li ol li ul {
	list-style-type: circle;
	font-size: 1em;
		font-weight: normal;
		color: #333;
}
ol.beitragsordnung_ol li ol li ul li {
	display: block;
	width: 17em;
}
ol.beitragsordnung_ol li ol li ul li span {
	float: right;
}
ol.beitragsordnung_ol li ol li p {
	font-size: 1em;
}
ol.satzung {
	list-style: none;
}
ol.satzung li {
	font-weight: bold;
	color: #B50404;
	font-size: 1.2em;
	list-style: none;
}
ol.satzung li ol {
	font-weight: normal;
	color: #333;
	font-size: 0.833em;
	list-style-type: decimal;
}
ol.satzung li p {
	font-weight: normal;
	color: #333;
	font-size: 0.833em;
}
ol.satzung li ol li, ol.satzung li ol li {
	color: #333;
	font-weight: normal;
	font-size: 1em;
	list-style-type: decimal;
}
ol.satzung li ol.abc {
	list-style-type: lower-latin;
}
ol.satzung li ol li ol {
	font-size: 1em;
	list-style-type: lower-latin;
}
ol.satzung li ol li ol li ol{
	font-size: 1em;
	list-style-type: decimal;
}
.button, #div_steuerung button {
	background: transparent url(../bilder/hintergrund_button.png) top left repeat;
	border: 1px solid #555;
	padding: 2px 1px;
}
.div_gbloeschen {
	margin-top: 0.2em;
	border: 1px dotted #aaa;
}
table#sommerfest {
	border: 1px solid #999;
}
table#sommerfest {
	width: 400px;
	margin: 1em;
}
table#sommerfest th, table#sommerfest td {
	text-align: center;
}

div#bringemit {
	margin-left: 1em;
}
div#bringemit textarea {
	font-family: Arial, Tahoma, Verdana, 'Trebuchet MS', sans-serif;
	font-size: 1em;
}
/**********Drucklayout*******************************************/
@media print {
	body {background-image:none; background-color:#FFFFFF;}
	html {background-image:none; background-color:#FFFFFF;}
	#seite_oben, #seite_oben_inhalt, #seite_unten {display:none}
	#seite_mitte_inhalt {top:0px; margin:auto; width:auto; padding:0px;}
}