/*CSS für C-Jugend DM 2009-2010*/
/*erstellt von Tobias Stinner*/

/*Div für Titelbild*/
#top {
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 0;
  background-color: rgb(255,255,100);
  text-align: center;
}

/*Div für linke Grafik*/
#links {
  left: 0px;
  padding: 0;
  margin: 0;
  border: 0;
  width: 125px;
  background-color: rgb(255,255,100);
  float: left; /*damit folgende divs rechts angeordnet werden!*/
}

/*Div für Navigation (horizontal unter Kopfgrafik)*/
#navigation {
  margin-left: 125px;
  padding: 2px;
  background-color: rgb(255,255,100);
  font-familiy: Arial, sans-serif;
  color: rgb(0,0,0);
  padding-bottom: 5px;
}

/*Div für die Seiteninhalte*/
#main {
  margin-left: 125px;
  padding:0.5%;
  background-color: rgb(255,255,255);
  display: block;

  border-top: 2px solid rgb(77,73,72);
  border-bottom: 2px solid rgb(77,73,72);
  border-left: 2px solid rgb(77,73,72);
}

/*Div für die Seiteninhalte, Druckansicht*/
#main_druck {
  margin: 0;
  padding:0.5%;
  background-color: rgb(255,255,255);
  display: block;
}


body {
  font-size: 0.8em;
  font-family: Arial, sans-serif;
  margin: 0px;
  height: 100%;
  background-color: rgb(255,255,100);
}

a:link, a:visited {
  text-decoration: underline;
  color: rgb(0,0,0);
}

a:hover, a:active {
  text-decoration: underline;
  color: rgb(200,0,0);
}

/*Div für einzelne Fotoanzeige*/
div.fotodetails {
  margin: 10px 10px 10px 0px;
  width: 20%;
  border: 1px solid rgb(150,0,0);
  background-color: rgb(240,240,240);
  float: right;
  padding: 2px;
}

div.foto {
  margin: 10px 22% 10px 10px;
  padding: 0;
  height: 80%;
  text-align: center;

}


h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
  font-weight: normal;
  color: rgb(255,255,255);
}

h2 a:hover, h2 a:active, h3 a:link, h3 a:visited {
  font-weight: normal;
  text-decoration: underline;
  color: rgb(255,255,255);
}


/*Formatierung für aktiven Menüpunkt*/
.aktiv {
  color: rgb(255,0,0);
  font-size: 1.3em;
}

.aktiv a:link, .aktiv a:visited {
  color: rgb(255,0,0);
  text-decoration: none;
}

.aktiv a:hover, .aktiv a:active {
  color: rgb(100,100,100);
  text-decoration: none;
}

/*Berichte*/
div.bericht{
  background-color: rgb(255,255,255);
  text-align: justify;
  margin: 0px;
  padding: 5px;
  border: none;
}

span.bericht {
  background-color: rgb(193,193,193);
  font-size: 0.85em;
  font-weight: normal;
  float: right;
  margin: 0 1%;
  padding: 0 1%;
  width: 46%;
  text-align: center;
}

span.bildunterschrift {
  background-color: rgb(193,193,193);
  font-size: 1em;
  display: block;
  border: none;
  float: right;
  margin: 0;
  width: 99%;
  text-align: left;
}


/*Seitenanfang*/
h2 {
  font-size: 1em;
  font-weight: bold;
  color: rgb(255,255,255);
  background: rgb(77,73,72);
  margin: 0;
  padding: 5px 5px 5px 5px;
}

/*Gästebuch*/
h3 {
  font-size: 1em;
  font-weight: bold;
  color: rgb(193,193,193);
  background: rgb(72,73,72);
  margin: 0;
  padding: 5px 5px 5px 5px;
}

img {
  border: solid 1px rgb(0,0,0);
}

/*Aufzählung der Unterpunkte*/
li.unterpunkte {
  font-size: 1.5em;
  margin-bottom: 5px;
}


/*Gästebuch*/
p.gb {
  background: rgb(193,193,193);
  padding: 5px;
  margin: 10px;
  border: solid 1px rgb(72,73,72);
  width: 96%;
}

/*Liste der Verantwortlichen*/
p.verantwortliche {


}

/*Formatierung für Hauptmenüpunkte, die nicht aktiv sind*/
span.main {
  color: rgb(0,0,0);
  font-size: 1.3em;
}

.main a:link, .main a:visited {
  color: rgb(0,0,0);
  text-decoration: none;
}

.main a:hover, .main a:active {
  color: rgb(100,100,100);
  text-decoration: none;
}

/*Tabelle ohne Rahmen (z.B. Sponsoren)*/
table {
  width: 95%;
  margin: 0;
  border: 0;
  padding: 0;
  border-collapse: collapse;
}

 

/*Formatierung für Untermenüpunkte*/
span.sub {
  color: rgb(0,0,0);
  font-size: 1.1em;
}

.sub a:link, .sub a:visited {
  color: rgb(0,0,0);
  text-decoration: none;
  font-size: 1.1em;
}

.sub a:hover, .sub a:active {
  color: rgb(255,0,0);
  text-decoration: none;
  font-size: 1.1em;
}

/*Gästebuch
table.gb {
  border-bottom: solid 1px rgb(150,0,0);
  margin-bottom: 5px;
}

td.gb, tr.gb {
  font-size: 0.5em;
}

/*Tabelle für Gruppenanzeige im Spielplan*/
table.gruppenrahmen {
  width: 95%;
  border: 1px solid rgb(0,0,0);
  float: none;
  margin: auto;
  background-color: rgb(255,255,255);
}

table.gruppen {
  width: 200px;
  margin: 5px;
  float: left;
  background-color: rgb(255,255,255);
}

td.gruppen {
  border: none;
  font-size: 0.9em;
  padding: 2px;
}


/*Tabelle für Spielpaarungen*/
table.erg {
  background-color: rgb(255,255,255);
  margin: auto;
  border: 1px solid rgb(0,0,0);
}

td.erg, th.erg {
  border: 1px solid rgb(0,0,0);
}