/*  =========================================================
Stylesheet TuS Barskamp
Datum:  Dezember 2007
Autor:  Beate Bodendorf
Aufbau  1. Kalibrierung und allgemeine Styles
        2. Styles für Layoutbereiche
        3. Sonstige Styles
========================================================== */

/* ======================================
   1. Kalibrierung und allgemeine Styles
   ====================================== */

/* Kalibrierung der wichtigsten Abstände */
*  { padding: 0; margin: 0; }
h1, h2, ul { margin-bottom: 1em; }
p { margin-bottom: 0.5em; }
ul ul { margin-bottom: 0; }
li { margin-left: 1em; }

/* Allgemeine Selektoren */

html { height: 101%; } /* erzwingt Scrollbar */
body {
   color: #eeeeee; /* wie weisser Text auf weissem Grund */
   background-color: #eeeeee;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: small;
}
h1 {
	font-size: 115%;
	font-weight: bold;

}

h2 {
	font-size: 100%;
	margin-top: 1em;
}
	 
h3 {	
    font-size: 115%;
    font-weight: bold;
    margin-bottom: 0.3em;
}
	 
address {
   color: black;
   text-align: center;
   font-size: 80%;
   font-style: normal;
   line-height: 1.5em;
}

address a:link,
address a:visited {
   color: black;
   font-size: 80%;
   text-decoration: underline;
   font-style: normal;
   line-height: 1.5em;
}

/* Hyperlinks */
a { text-decoration: none; outline: none;}
a:link { color: #d90000; }
a:visited { color: #cc6666; }
a:hover,
a:focus {
  border-bottom: 0;
}
a:active img {
   color: white;
   background-color: #d90000;
   border: 0;
}
/* Allgemeine Klassen und IDs */
.skiplink {
   position: absolute;
   left: -3000px;
   top: -2000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}


/* ====================================
   2. Styles für die  Layoutbereiche
   ==================================== */

#wrapper {
   color: black;
   background-color: white;
   width: 970px; /* Breite des Inhaltsbereiches */
   border: 1px solid #8c8c8c;
   margin: 10px auto;
}

#kopfbereich {
   color: black;
   background: #000033;
}

#logo {
	color: black;
	background: #2121b7;
	width: 380px;
	height: 100px;
	border-bottom: 1px solid #8c8c8c;
}

#logo img {
	border: 0;
}

#banner {
	color: black;
	background: #2121b7;
	background-image: url(../../images/banner.jpg);
    background-repeat: repeat-y;
    background-position: top left;
	width: 590px;
	height: 50px;
	border-bottom: 1px solid #8c8c8c;
}

#kopfbereich div { float: left; }

#navibereich {
   color: black;
   background: #cccccc;
   background-image: url(../../images/verl_navi_g.jpg);
   background-repeat: repeat-x;
   background-position: top left;
   width: 589px;
   height: 24px;
   border-left: 1px solid #8c8c8c;
   border-bottom: 1px solid #8c8c8c;
}

#navibereich li {
    float: left;
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
	position: relative;
}

#navibereich a {
	display: block;
    color: #000033;
    background-color: #cccccc;
    background-image: url(../../images/verl_navi_g.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    padding: 4px 10px;
	border: 0;
    border-right:  1px solid #8c8c8c;
}

#aktiv_navibereich a,
#aktiv_navibereich span {
    color: white;
    background-color: #3333cc;
    background-image: url(../../images/verl_navi_b_oh.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    border-bottom: 1px solid #2321b2;
}

#navibereich a:hover,
#navibereich a:focus {
    text-decoration: underline;
}

#unternavibereich {
    color: black;
    background: #3333cc;
    background-image: url(../../images/verl_navi_b_uh.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    width: 589px;
    height: 24px;
    border-left: 1px solid #8c8c8c;
    border-bottom: 1px solid #8c8c8c;
}

#unternavibereich li {
    float: left;
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    position: relative;
}

#unternavibereich li ul {  /* Pulldown-Menue ausgeblendet */
	margin: 0;
	padding: 0;
	position: absolute;
	top: 24px;
	left: 0;
	display: none;
}

#unternavibereich li:hover ul { /* Pulldown-Menue eingeblendet */
	display: block;
}

#unternavibereich li:hover ul li a {  /* Breite Pulldownmenue */
	width: 140px;
}

#unternavibereich a {
	display: block;
    color: white;
    background-color: #3333cc;
    background-image: url(../../images/verl_navi_b_uh.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    padding: 4px 10px;
    border-right:  1px solid #8c8c8c;
}

#unternavibereich a:hover,
#unternavibereich a:focus {
	text-decoration: underline;
}

#aktiv_unternavibereich a {
    color: white;
    background-color: #3333cc;
    background-image: url(../../images/verl_navi_b_oh.jpg);
    background-repeat: repeat-x;
    background-position: top left;
}

#unternavibereich ul ul a {
    background-image: url(../../images/verl_navi_b_oh.jpg);
    background-repeat: repeat-x;
    background-position: top left;
}

#textbereich {
	color: #0c0b62;
	width: 930px;
	padding: 0 20px 20px 20px;
	background: white;

}

#textbereich a {
    color: #2422bc;
    border-bottom: 1px dotted #2422bc;
}

#textbereich a:hover,
#textbereich a:focus {
	border-bottom: 1px solid #2422bc;
}

#textbereich div {
	margin-bottom: 1em; /*Abstand der Kisten nach unten*/
	background: #f5f4f4;
	padding: 10px;
	border: 1px solid #8c8c8c;
}

#textbereich #wo {
	background: white;
	text-align: left;
   font-size: 80%;
   font-style: normal;
   font-weight: bold;
   line-height: 1.5em;
   border-left: 0;
   border-right: 0;
   border-top: 0;
   padding: 0px 0 2px 0;
   margin-bottom: 10px;
   margin-top: 0;
}


#textbereich #left {
	width: 522px;
	float: left;
	border: 0;
	padding: 0px;
	margin: 0;
	background: white;
}

#textbereich #right {
	width: 400px;
	float: right;
	border: 0;
	padding: 0px;
	margin: 0;
	background: white;
}

#textbereich #erwachsene {  /* Postition der Links zu Fussball.de auf Hauptseite Fußball*/
    position: absolute;
    top: 285px;
    right: 83px;
	border: 0;
	padding: 0px;
	margin: 0;
	font-style: normal;
    font-weight: bold;
}

#textbereich #jugend {
    position: absolute;
    top: 235px;
    right: 114px;
	border: 0;
	padding: 0px;
	margin: 0;
	font-style: normal;
    font-weight: bold;
}

#textbereich #jugend a, #textbereich #erwachsene a {   /*Farbe der Links zu Fussball.de auf Hauptseite Fußball*/
    color: #cccccc;
    border-bottom: 1px dotted #cccccc;
}

#textbereich #jugend a:hover, a:active {
    color: #2422bc;
    border-bottom: 1px solid #2422bc;
}

#textbereich #erwachsene a:hover, a:active {

    color: #2422bc;
    border-bottom: 1px solid #2422bc;
}

#textbereich #jugend, #textbereich #erwachsene {
    color: #cccccc;
}


#textbereich #scorer {
    width: 438px;
    float: left;
}

#textbereich #suender {
    width: 438px;
    float: right;
}

#textbereich #scorer table {
    border-spacing: 0;
    width: 438px;
}

#textbereich #suender table {
    border-spacing: 0;
    width: 438px;
}

#textbereich #scorer td {
  border-bottom: 1px solid #8c8c8c;
  padding-top: 5px;
  padding-bottom: 5px;
}

#textbereich #suender td {
  border-bottom: 1px solid #8c8c8c;
  padding-top: 5px;
  padding-bottom: 5px;
}


#textbereich .name {    /*Scorer und Sünder Tabelle*/
    width: 198px;
}

#textbereich .tore {
    width: 80px;
    text-align: center;
}

#textbereich .karte {
    width: 60px;
    text-align: center;
}


#textbereich #leftvorstand {
	width: 690px;
	float: left;
	border: 0;
	padding: 0px;
	margin: 0;
	background: white;
}

#textbereich #leftvorstand table {
  width: 670px;
  border-spacing: 0;
}

#textbereich #leftvorstand td {
  border-bottom: 1px solid #8c8c8c;
}

#textbereich #leftvorstand .funktion {
  width: 135px;
}

#textbereich #leftvorstand .mail {
  width: 120px;
}

#textbereich #leftvorstand .adresse {
  width: 165px;
}

#textbereich #leftvorstand .telefon {
  width: 150px;
}

#textbereich #leftvorstand .thumb {
  width: 100px;
  border: 0;
}

#textbereich #leftvorstand .thumb img {
  margin-left: 10px;
}

#textbereich #leftvorstand .thumb a {
  border-bottom: 0;
}


#textbereich #rightvorstand {
	width: 220px;
	float: right;
	border: 0;
	padding: 0px;
	margin: 0;
	background: white;
}

#textbereich .leftkiga {
	width: 460px;
	float: left;
	border: 0;
	padding: 0px;
	margin: 0;
	background: white;
}

#textbereich .rightkiga {
	width: 460px;
	float: right;
	border: 0;
	padding: 0px;
	margin: 0;
	background: white;
}

#textbereich span {
  font-style: italic;
}

#textbereich #einspaltig {
  width: 930px;
  border: 0;
  padding: 0;
  margin: 0;
  background: white;
}

#textbereich #belegung {
  width: 930px;
  border: 0;
  padding: 0;
  margin: 0;
  background: white;
}


#textbereich #belegung table {
    width: 660px;
    border-spacing: 0;
}

#textbereich #belegung td {
  border-bottom: 1px solid #8c8c8c;
  padding-top: 5px;
  padding-bottom: 5px;
}

#textbereich #belegung .wochentag {
  width: 120px;
}

#textbereich #belegung .zeit {
  width: 170px;
}

#textbereich #belegung .angebot {
  width: 220px;
}

#textbereich #belegung .nutzung {
  width: 150px;
}

#textbereich #geschichte {
  width: 930px;
  border: 0;
  padding: 0;
  margin: 0;
  background: white;
}

#textbereich #geschichte table {
    width: 900px;
    border-spacing: 0;
}

#textbereich #geschichte td {
  border-bottom: 1px solid #8c8c8c;
  padding-top: 5px;
  padding-bottom: 5px;
}

#textbereich #geschichte .datum {
  width: 200px;
}

#textbereich #geschichte .ereignis {
  width: 350px;
}

#textbereich #geschichte .linkpdf {
  width: 350px;
}


#textbereich #beitrag1 {
  width: 930px;
  border: 0;
  padding: 0;
  margin: 0;
  background: white;
}


#textbereich #beitrag1 table {
    width: 330px;
    border-spacing: 0;
}

#textbereich #beitrag1 td {
  border-bottom: 1px solid #8c8c8c;
  padding-top: 5px;
  padding-bottom: 5px;
}

#textbereich #beitrag1 .spalte1 {
  width: 210px;
}

#textbereich #beitrag1 .spalte2 {
  width: 120px;
}

#textbereich #beitrag2 {
  width: 930px;
  border: 0;
  padding: 0;
  margin: 0;
  background: white;
}


#textbereich #beitrag2 table {
    width: 840px;
    border-spacing: 0;
}

#textbereich #beitrag2 td {
  border-bottom: 1px solid #8c8c8c;
  padding-top: 5px;
  padding-bottom: 5px;
}

#textbereich #beitrag2 .spalte1 {
  width: 440px;
}

#textbereich #beitrag2 .spalte2 {
  width: 200px;
}

#textbereich #beitrag2 .spalte3 {
  width: 200px;
}

/*#textbereich #beitrag2 .spalte4 {
  width: 230px;
}*/ 

#wrapper #textbereich #bankverbindung {
    width: 600px;
}

#wrapper #textbereich .bank {
    width: 200px;
    border: 0;
}

#textbereich #linksammlung {
  width: 910px;
  border: 0;
  padding: 0;
  margin: 0;
  background: white;
}


#textbereich #linksammlung a {
  border-bottom: 0;
}

#textbereich #linksammlung .link1 {
  border: 1px solid #8c8c8c;
}

#textbereich #linksammlung .link2 {
  margin-left: 20px;
}

#textbereich #linksammlung .link3 {
  margin-left: 20px;
}

#textbereich #linksammlung .link4 {
  margin-left: 20px;
}

#textbereich #linksammlung .link11 {
  border: 1px solid #8c8c8c;
}

#textbereich #linksammlung .link12 {
  margin-left: 28px;
}

#textbereich #linksammlung .link13 {
  margin-left: 28px;
}

#textbereich #linksammlung .link14 {
  margin-left: 28px;
}

#textbereich #linksammlung .link15 {
  margin-left: 28px;
}

#textbereich #linksammlung .link16 {
  margin-left: 28px;
}

#textbereich #linksammlung .linkleer {
  border: 0;
}

#textbereich #linksammlung .linktext {
  float: left;
  width: 180px;
  padding-left: 11px;
  padding-right: 11px;
  margin-right: 26px;
  border: 0;
}

#textbereich #linksammlung .linktext4 {
  float: left;
  width: 180px;
  padding-left: 11px;
  padding-right: 11px;
  margin-left: 0;
  border: 0;
}

#textbereich #linksammlung .linktext11 {
  float: left;
  width: 102px;
  padding-left: 11px;
  padding-right: 5px;
  margin-right: 35px;
  border: 0;
}

#textbereich #linksammlung .linktext16 {
  float: left;
  width: 102px;
  padding-left: 11px;
  padding-right: 5px;
  margin-left: 0;
  border: 0;
}

#textbereich #hintergrund {    /*Hintergrundgrafik auf der Fußballseite*/
    background-image: url(../../fotos/hintergrund.jpg);
    width: 480px;
    height: 320px;
    position: relative;
}

#textbereich #schummeln {
  padding: 0;
  margin: 0;
  border: 0;
}

#textbereich #beschreibung {
	padding-top: 5px;
}

#textbereich img {
  margin-bottom: 5px;
 }

#textbereich table th {
  font-weight: normal;
}

.clearing {
	clear: both;
}

#textbereich .clearing2 {
	clear: both;
	padding: 0;
    margin: 0;
    border: 0;
}

#textbereich .stand {
  width: 110px;
  height: 13px;
  font-size: 80%;
  padding: 2px 2px 2px 5px;
  margin: 0;
}

#textbereich .hinweis {
  font-size: 80%;
    width: 500px;

}

#textbereich .author {
  height: 12px;
  font-size: 60%;
  margin: 0;
}

#textbereich .pluspunkt {
  margin-left: 29px;
}

#textbereich .webwelten a { /*Entfernung der dotted border aus dem Link des Logo Webwelten*/
	border-bottom: 0;
}

#textbereich .webwelten a:hover,
#textbereich .webwelten a:focus {
	border-bottom: 0;
}

#textbereich img {
  border: 1px solid #8c8c8c;
}

#textbereich .kigalogo {
    margin-bottom: 1em;
}

#textbereich .satzung li {
  margin-left: 2.5em;
  list-style-type: lower-alpha;
}


#textbereich .satzung li ul li {
  list-style-type: square;
  margin-left: 1.5em;
}

#textbereich .satzung ul li {
  list-style-type: square;
  margin-left: 1.5em;
}

#textbereich #arag {
    text-decoration: none;
    border: 0;
}

#textbereich ul li {
  list-style-type: square;
  margin-left: 1.5em;
}

#fussbereich {
    padding: 10px 20px 20px 20px;
    border-top: 1px solid #8c8c8c;
    margin-top: 0;
}

#wrapper #nodruck {
	display: none;
}
/* =======================================
   E N D E   D E S   S T Y L E S H E E T S
   ======================================= */