/* Stylesheet f�r die Bildschirmausgabe SC-Haidm�hle */

/* Farbe f�r Logo: #43A542 */


/* Alle paddings und margins dieses CSS auf 0 stellen */
* { padding: 0; margin: 0; }


body {
    background-color: #d8fcc2; /* Hintergrundfarbe */
}


/* Schriftart f�r alle Texte festlegen */
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
}


/* Schriftklassen */
.titel {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 150%;
	font-weight: normal;
}
.dateformat {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 80%;
	font-weight: bold;
	text-decoration: underline;
    margin: 0px;
    letter-spacing: 2px;
    padding-top: 10px;
}
.terminformat {
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 100%;
	font-weight: normal;
	text-align: justify;
	padding-left: 20px;
	padding-top: 5px;
}

/* Der Umschlag, bzw. alle 3 Spalten */
div#wrapper {
  /* background-color: white; /* Hintergrundfarbe */
  width: 80%; /* Breite fixieren */
  margin-top: 0px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 10px;
  margin-left: auto; /* Abstand links */
 /* padding-top: 8%;*/
  /* color: black; /* Schriftfarbe */
}


/* Der Kopfbereich */
div#kopfbereich {
  background-color: #43A542; /* Hintergrundfarbe */
  /*padding-top: 10px;*/
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
  position: relative;
  /*padding: 10px 20px 10px 20px;*/
  text-align: center; /* Zentriert darstellen */
  /*position: fixed;*/
}
div#kopfbereich img {
	width: 55%;
}

/* Bild links */
div#bildlinks {
	float: left;
	width: 10%;
	height: 1350px;
	padding: 0px;
	background: transparent url("images/links.gif") no-repeat top left;
	background-position-x: left;
  	background-position-y: top;
  	/*position: fixed;*/
}

/* Bild rechts */
div#bildrechts {
	float: right;
	width: 10%;
	height: 1350px;
	padding: 0px;
	background: transparent url("images/rechts.gif") no-repeat top right;
	background-position-x: right;
  	background-position-y: top;
  	/*position: fixed;*/
}

/* Der Navigationsbereich links */
div#navibereich {
  background-color: #d7ffaa; /* Hintergrundfarbe */
  padding-top: 5px ;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
  /* Auf die linke Seite stellen */
  float: left;
  width: 15%;
  padding-left: 20px;
  padding-top: 20px;
}

div#aktuellertextbereich {
	padding: 10px 10px 20px 20px;
    margin-left: 15%;
    margin-right: 15%;
}

div#sidebar {
	/*background-color: #d7ffaa; /* Hintergrundfarbe 
	/*text-align: right;
	text-align: left;
	/*font-size: 65%;
	width: 15%;*/
	background-color: #d7ffaa; /* Hintergrundfarbe */
  padding-top: 5px ;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-left: 20px;
  /* Auf die linke Seite stellen */
  float: right;
  width: 15%;
  padding-left: 20px;
  padding-top: 20px;
}

sidebar#p01 {
	height: 0px;
}

.downbutton {
	height: 40px;
	width: 33%;
	text-decoration: none;
	background: #388c06;
	/* old browsers */
	background: linear-gradient(to bottom, white, #388c06;);
	box-shadow: inset 0px 0px 6px #fff, inset 0px -1px 6px #fff;
	border: 1px solid #4145fe;
	border-radius: 1em;
	margin: 0.2em;
}
.downbutton:hover,
.downbutton:focus {
	box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
}

.bonbon {
	width: 100%;
	height: 40px;
	background: #d8fcc2;
	/* old browsers */
	background: linear-gradient(to bottom, white, #d8fcc2;);
	box-shadow: inset 0px 0px 6px #fff, inset 0px -1px 6px #fff;
	border: 1px solid #388a06;
	border-radius: 1em;
	margin: 0.2em;
}
.bonbon.gruen {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d8fcc2;), color-stop(100%, lime));
	/* webkit */
	
	background: linear-gradient(to bottom, #b1f986;, #327b06;);
}
.bonbon:hover,
.bonbon:focus {
	box-shadow: rgba(0, 0, 0, 0.7) 0px 5px 15px, inset rgba(0, 0, 0, 0.15) 0px -10px 20px;
}

	#navibereich li, 
	#sidebar li {
		list-style-type: none; /* Aufzaehlungszeichen in Liste entfernen */
	}
	/* Navibereich Links - Design */
	#navibereich a {
		display: block;
		padding: 5px 0px 5px 20px;
		font-size: 125%;		
	}
	#navibereich a:hover,
	#navibereich a:focus {
  		color: white;
  		background-color: #43A542;
	}
	#navibereich a:active {
  		color: black;
  		background-color: white;
  		border-bottom-color: white;
	}
	
	/* Untermenues */
	#navi02a,
	#navi02b,
	#navi02c,
	#navi03a,
	#navi03b,
	#navi03c,
	#navi03d {
		font-size: 80%;
		padding: 1px 0px 1px 20px;
		}
		/* Die aktuelle Seite hervorheben */
		#seite #navi01 a,
		#seite #navi02 a,
		#seite #navi02a a,
		#seite #navi02b a,
		#seite #navi02c a,
		#seite #navi03 a,
		#seite #navi03a a,
		#seite #navi03b a,
		#seite #navi03c a,
		#seite #navi03d a,
		#seite #navi04 a,
		#seite #navi05 a,
		#seite #navi06 a,
		#seite #navi07 a {
			color: #0e01fe;
  			background-color: #43A542;
  		}
		/* Da die Kombination nur einmal gefunden werden kann,
		und zwar auf der Seite, die gerade aktiv ist. */
	/* Trennlinie zwischen Navi und Termine */
	#navibereich #trenner {
	background: transparent url("images/trenner1.gif") repeat-x scroll left bottom;		
	padding-bottom: 10px;
	margin-bottom: 0.8em;
	font-size: 1em;
	font-weight: normal;
	}

/* Der Textbereich in der Mitte */
div#textbereich {
  padding: 10px 10px 20px 20px;
  margin-left: 5%;    /* Da die Breite Navibereich = 220px und */
  margin-right: 5%;   /* die Breite der rechten Sidebar = 220 PX */
}
/* Trennlinie zwischen Navi und Termine */
#textbereich #trenner {
	background: transparent url("images/trenner1.gif") repeat-x scroll left bottom;		
	padding-bottom: 10px;
	margin-bottom: 0.8em;
	font-size: 1em;
	font-weight: normal;
	}

/* Der rechte Sidebar-Bereich */
#sidebar {
  float: right; 
  width: 15%;
  padding: 10px;
  padding-top: 20px;
}
/*
#sidebar #trenner {
	background: transparent url("images/trenner1.gif") repeat-x scroll left bottom;		
	padding-bottom: 10px;
	margin-bottom: 0.8em;
	font-size: 1em;
	font-weight: normal;
	}*/
/* Navibereich Rechts - Design */
	#sidebar a {
		display: block;
		padding: 5px 0px 5px 20px;
		font-size: 125%;		
	}
	#sidebar a:hover,
	#sidebar a:focus {
  		color: white;
  		background-color: #4704e3;
	}
	#sidebar a:active {
  		color: black;
  		background-color: white;
  		border-bottom-color: white;
	}
	/* Untermen�s */
	#navir1a,
	#navir1b,
	#navir1c,
	#navir2a,
	#navir2b, 
	#navir2c, 
	#navir2d, 
	#navir2e,
	#navir4a,
	#navir4b {
		font-size: 80%;
		padding: 1px 0px 1px 20px;
		}
		/* Die aktuelle Seite hervorheben */
		#seite #navir1 a,
		#seite #navir1a a,
		#seite #navir1b a,
		#seite #navir1c a,
		#seite #navir2 a,
		#seite #navir2a a,
		#seite #navir2b a,
		#seite #navir2c a,
		#seite #navir2d a,
		#seite #navir2e a,
		#seite #navir4 a {
			color: #0e01fe;
  			background-color: #43A542;
  		}
		/* Da die Kombination nur einmal gefunden werden kann,
		und zwar auf der Seite, die gerade aktiv ist. */
	/* Trennlinie zwischen Navi und Termine */
	#sidebar #trenner {
	background: transparent url("images/trenner1.gif") repeat-x scroll left bottom;		
	padding-bottom: 10px;
	margin-bottom: 0.8em;
	font-size: 1em;
	font-weight: normal;
	}	
	

/* Der Fussbereich */
div#fussbereich {
  clear: both;
  background-color: #43A542;
  color: #c2c2c0;
  padding: 10px 20px 20px 20px;
  border-top: 1px solid #8c8c8c; /* Linie oben */
  margin-top: 20px; /* oberhalb Linie */
  text-align: center; /* Zentriert darstellen */
  font-size: 75%;
}
h4 a { text-decoration: none; }
h4 a:link { color: #c2c2c0; }
h4 a:visited { color: #c2c2c0; }
h4 a:hover { color: #c2c2c0; }
h4 a:focus { color: #c2c2c0; }
h4 a:active { color: #c2c2c0; }

h5 a { text-decoration: none; }
h5 a:link { color: #3c2fdb; }
h5 a:visited { color: #3c2fdb; }
h5 a:hover { color: #3c2fdb; }
h5 a:focus { color: #3c2fdb; }
h5 a:active { color: #3c2fdb; }


/* Schriftgroesse prozentual angleichen */
h1 { font-size: 150%; }
h2 {
	 font-size: 100%; 
	 font-weight: normal;
	}
h3 { font-size: 100%; } /* Basis */
h4 { font-size: 90%; }
h5 { font-size: 80%; }

/* Links gestalten. Reihenfolge wichtig: link / visited / hover / focus / active */
/* Unterstreichung der Links entfernen */
a { text-decoration: none; } 
/* Besuchte und noch nicht besuchte Seiten einfaerben */
a:link { color: #021d97; } 
a:visited { color: #021d97; }
/* Mauszeigerverhalten */
/* hover und focus (Darueber zeigen - mit Tab erreicht) */
a:hover,
a:focus {
  border-bottom: 1px solid #1aa21a; /* Unterstreichung */
}
/* active = Ausgewaehlter Link zum Zeitpunkt des Klicks */
a:active {
  color: white; /* Schriftfarbe */
  background-color: #02d747; /*Hintergrundfarbe */
}


/* Das Textformular */ 
form {
  background-color: #eee;
  padding: 20px;
  border: 1px solid #8c8c8c;
}
label { 
    cursor: pointer; /* Mauszeiger wird zur Hand */
}
textarea {
  border: 1px solid #8c8c8c;
  margin-bottom: 1em;
}
table {
	text-align: left;
}


/* Diashow */
#diashow {
    width:100%;
	height:35em;
	position: relative;
    margin: 2em auto 0;
    border: 5px solid #eee;
    box-shadow: 1px 1px 5px 2px #777;
}

#diashow img {
    display: none;
    width:100%;
	height:35em;
    position: absolute;
}

#diashow #eins {
    display: block;
}

.anpassen{
width:100%;
/*height:35em;*/
height:auto;
}

.anpassencam{
	width:100%;
/*height:35em;*/
height:auto;
}

/* Diashow F Jugend*/
#diashowf {
    width:100%;
	height:35em;
	position: relative;
    margin: 2em auto 0;
    border: 5px solid #eee;
    box-shadow: 1px 1px 5px 2px #777;
}

#diashowf img {
    display: none;
    width:100%;
	height:35em;
    position: absolute;
}

#diashowf #eins {
    display: block;
}

/* Diashow E Jugend*/
#diashowe {
    width:100%;
	height:35em;
	position: relative;
    margin: 2em auto 0;
    border: 5px solid #eee;
    box-shadow: 1px 1px 5px 2px #777;
}

#diashowe img {
    display: none;
    width:100%;
	height:35em;
    position: absolute;
}

#diashowe #eins {
    display: block;
}

/* Diashow F Jugend*/
#diashowhe {
    width:100%;
	height:35em;
	position: relative;
    margin: 2em auto 0;
    border: 5px solid #eee;
    box-shadow: 1px 1px 5px 2px #777;
}

#diashowhe img {
    display: none;
    width:100%;
	height:35em;
    position: absolute;
}

#diashowhe #eins {
    display: block;
}

/* Diashow AH*/
#diashowah {
    width:100%;
	height:35em;
	position: relative;
    margin: 2em auto 0;
    border: 5px solid #eee;
    box-shadow: 1px 1px 5px 2px #777;
}

#diashowah img {
    display: none;
    width:100%;
	height:35em;
    position: absolute;
}

#diashowah #eins {
    display: block;
}


#tabelleverlosung {
	empty-cells: show;
	border-collapse: separate;
    border-spacing: 15px;
	/*border-collapse: collapse;*/
	border: 1px solid;
}


.box_partner {
margin: 20px;
padding: 20px;
float:left;
border: 3px solid #C4C6C7;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 45px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 45px;
border-top-left-radius: 15px;
border-top-right-radius: 45px;
background-color: #befa9a; /*Hintergrundfarbe */
}
.box_partner_right {
margin: 20px;
padding: 20px;
float:right;
border: 3px solid #C4C6C7;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 45px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 45px;
border-top-left-radius: 15px;
border-top-right-radius: 45px;
background-color: #befa9a; /*Hintergrundfarbe */
}