/* CSS Document
FASCHING */

* { margin:0;
	padding:0;
	}
	
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:white;
	background-color:#FFFFFF;
	background-image:url(hg-verlauf.gif);
	background-repeat:repeat-x;
	background-attachment:fixed; /*HG-Bild soll beim scrollen fest stehen bleiben und nicht mit scrollen*/
	line-height:1.5;
}

ul {
	margin-left:20px;
	}

#wrapper { /*Wrapper soll mittig im Browser zu sehen sein; Hauptfenster 800px breit*/
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-top:15px;
	margin-bottom:0px;
	color:#333333;
	
	}
#kopfzeile {
	width:800px;
	height:130px;
	background-image:url(hg-grun.gif);
	background-repeat: repeat-x;
	background-color:#FFFFFF;
	padding-top:10px;
	padding-bottom:5px;
	position:relative;
	}
#kopfzeile p {
	position:absolute;
	right:90px;
	}
#kopfzeile h2 {
	font-size:15px;
	font-weight:bold;
	margin-left:20px;
	}

#kopfzeile img {
	position:absolute;
	right:30px;
	}
	
#navileiste {
	
	background-color:#33CC33;
	color:#FFFFFF
	padding-top:10px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:20px;
	}

#textbereich {
	padding:10px;
	min-height:300px;
	}
#textbereich h1 {
	font-size:145%;
	color:#33CC33;
	
	}
#textbereich h2 {
	font-size:125%;
	}
#indexseitentext {
	float:right;
	position:relative;
	margin-bottom:30px;
	width:550px;
	}
#clownbild {
	float:left;
	margin-top:50px;
	position:relative;
	text-decoration:none;
	}
#clownbild a {
	text-decoration:none;
	}
#clownbild img {
	text-decoration:none;
	border:0px;
	}
	
#fusszeile {
	clear:both;
	width:800px;
	color:#FFFFFF;
	background-color:#33CC33;
	padding-top:10px;
	padding-bottom:1px;
	text-align:center;
	}
#last {
	margin-right:auto;
	margin-left:auto;
	width:800px;
	text-align:center;
	margin-bottom:1px;
	margin-top:1px;
	padding:0px;
	}
#last h2 {
	color:#CCCCCC;
	font-size:9px;
	margin-top:0px;
	}
#last a {
	color:#CCCCCC;
	}
	
	
/*==================================
  Naviagationselemente in Navileiste
  ==================================*/
#navileiste ul {
	margin-bottom:0;
	padding-top:5px;
	}
#navileiste li {
	display:inline;
	list-style-type:none;
	margin:0;	
	}
#navileiste a{
	color:#FFFFFF;
	text-decoration:none;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
	padding-left:10px;
	font-weight:bold;
	}
#navileiste a:hover {
	color:#33CC33;
	background-color:#FFFFFF;	
	text-decoration:none;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
	padding-left:10px;
	font-weight:bold;	
	}
	
#navileiste a:active {
	color:#33CC33;
	background-color:#FFFFFF;
	text-decoration:none;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
	padding-left:10px;
	font-weight:bold;		
	}

#termine #navi02 a, /*aktueller Navigationspunkt bleibt hervorgehoben*/
#verein #navi03 a,
#archiv #navi04 a,
#impressum #navi05 a{
color:#33CC33;
	background-color:#FFFFFF;
	text-decoration:none;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
	padding-left:10px;
	font-weight:bold;		
	}

  /*==========================
    K a l e n d e r b l a t t 
	==========================*/
ul.kalenderblatt {
	float:left;
	list-style-type:none;
	text-align:center;
	border:1px solid #ccc;
	border-top:4px dotted #ccc;
	border-left:1px solid #eee;
	padding:1em;
	margin-right:5px;
	}
	
ul.kalenderblatt li.datum span {
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:190%;
	font-weight:bold;
	color:#660000;
	}
	
ul.kalenderblatt li.uhrzeit {
	background-color:transparent;
	color:#8c8c8c;
	padding:4px 0;
	border-top:1px dotted #ccc;
	margin:8px 0 0 0;
	}
/*======================= 
  E N D E - Kalenderblatt
  =======================*/

/*=============
  T a b e l l e  
  =============*/
table {
	margin-left:90px;
	background-color:#F3FFB1;
	color:#333333;
	
	border-width:2px;
	border-style:solid;
	border-color:#006600;
	}
th {
	padding: 5px;
	font-variant:small-caps;
	background-color:#006600;
	color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-top-color:#FFFFFF;
	border-right-color:#006600;
	border-bottom-color:#006600;
	border-left-color:#FFFFFF;
	}
td {
	padding:10px;
	border-width:1px;
	border-style:dashed;
	border-color:#ffffff;
	}
/*======================= 
  Elemente zur Gestaltung
  =======================*/
  
span.bildrahmen { /*Rahmen für Bilder*/
	text-align:center;
	padding:3px;
	border:2px solid #ccc;
	margin:10px;
	}
.bildtext { /*Text unterm Bild im Textrahmen*/
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-top:4px;
	border:0;
	text-align:center;
	}
/*================
  Bilder-Gallerie
  ================*/
#bildergallerie {
	clear:both;
	float:left;

	margin-top:20px;
	margin-bottom:10px;
	background-color:#33CC33;
	color:#FFFFFF
	padding-top:10px;
	padding-right:20px;
	padding-bottom:5px;
	padding-left:20px;
	}
#bildergallerie span {
	font-size:10px;
	color:#FFFFFF;
	}

#bildergallerie ul {
	margin-bottom:0;
	padding-top:5px;
	}
#bildergallerie li {
	display:inline;
	list-style-type:none;
	margin:0;
	width:100px;
	}
#bildergallerie a{
	color:#FFFFFF;
	text-decoration:none;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
	padding-left:10px;
	font-weight:bold;
	width:100px;
	}
#bildergallerie a:hover,
 bildergallerie span a:hover {
	color:#33CC33;
	background-color:#FFFFFF;	
	text-decoration:none;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
	padding-left:10px;
	font-weight:bold;	
	}
	
#bildergallerie a:active {
	color:#33CC33;
	background-color:#FFFFFF;
	text-decoration:none;
	padding-top:4px;
	padding-right:10px;
	padding-bottom:4px;
	padding-left:10px;
	font-weight:bold;		
	}
/*========================================
  Bilderbox Gruppen - Anordnung auf der Startseite
  ========================================*/
#bilderbox_gruppen {
	float:left;
	margin-bottom:10px;
	
	
		}
#bilderbox_gruppen h3 {
	font-size:12px;
	color:#006600;
	margin-bottom:5px;
	}
#bilderbox_gruppen img {
	height:120px;
	
	border:0px;
	}

#bilderbox_gruppen a {
	text-decoration:none;
	}
	
ul.bilderbox_gruppen{
	list-style-type:none;
	
	margin:0;
	padding:0;
	overflow:hidden;
	width:102%;
	margin-left:60px;
	
	}
ul.bilderbox_gruppen li.bilderbox_gruppen {
	float:left;
	border:1px solid #A2A2A2;
	text-align:center;
	margin: 3px 5px 0 0;
	padding:2px;
	width:200px;
	height:170px;
	
	}
/*###############################
  Button zu den aktuellen Bildern
  ###############################*/
#button {
	margin-left:180px;
	border:0px;
	width:200px;
	height:auto;
	}  
#button img {
	text-decoration:none;
	border:0px;
	}
#button a {
	background-image:url(image/button.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	border:0px;
	}
#button a:hover {
	background-image:url(image/button-h.jpg);
	background-repeat:no-repeat;
	}

