/*----- Elemente -------------------------------------------------------------*/
*{
  margin: 0;
  padding: 0;
}

body{
  background-color: black;
  font: small Verdana, Arial, Helvetica, sans-serif;
  padding: 5px;
}

h1{
  font-size: 1.15em;
}

h2{
  font-size: 1.0em;
}

p{
  margin: 0px 0px 15px;
  text-align: justify;
}

hr{
  margin: 10px 0px;
}

img{
  border: none;
}

a, a:visited, a:hover, a:active{
  color: blue;
}

address{
  font-size: 80%;
  line-height: 1.5em;
  letter-spacing: 2px;
  font-style: normal;
}

em{
  font-weight: bold;
  font-style: normal;
}

/*----- Klassen  -------------------------------------------------------------*/
/*     Klassen     */


.block{
  text-align: justify;
}

.bold{
  font-weight: bold;
}

.important{
  color: black;
  font-weight: bold;
}

.right{
  text-align: right;
}

.left{
  text-align: left;
}

.center{
  text-align: center;
}

.red{
  color: red;
}

.table, caption, .table2{
  margin: auto;
}

.table, .table2{
  margin-bottom: 30px;
  table-layout: fixed;
  width: 520px;
}


.spielplan1{
  width: 32px;
}

.spielplan2{
  width: 100px;
}

.tabelle1, .torschützen1{
  width: 30px;
}

.tabelle2{ 
  width: 120px;
}

.tabelle3{
  width: 40px;
}

.tabelle4{
  width: 55px;
}

.tabelle5{
  width: 45px;
}

.tabelle6{
  width: 45px;
}

.tabelle7{
  width: 50px;
}


.torschützen4{
  width: 32px;
}

.spieltag1{
  width: 32px;
}

.spieltag2{
}

.spieltag3{
  width: 60px;
}


/*----- DIVs -----------------------------------------------------------------*/
/*     wrapper     */
#outer_wrapper{
  position: relative;
  width: 950px;
  margin: 10px auto;
  padding: 10px;
  background-color: silver;
}

#inner_wrapper{
  background-color: silver;
  margin: 0 195px 0 0;
}
#content{
  margin: 0 0 0 170px;
  background-color: white;
}

/*----- Hauptelemente --------------------------------------------------------*/
/*----- header ---------------------------------------------------------------*/
#header{
  background-color: white;
  color: black;
  text-align: center;
  height: 111px;
}

#header p{
  padding: 10px 0px;
  text-align: center;
  font-size: 3em;
  color: green;
  font-weight: bold;
  text-decoration: underline;
}

#header img{
  margin: 0px;
}

#header li{
  font-size: smaller;
  list-style: none;
  display: inline;
  padding: 2px 5px;
  border-right: 1px solid black;
}

#header a{
  text-decoration: none;
  color: black;
}

#header ul{
  padding: 5px 10px 5px 0px;
  background-color: #ffa500;
  color: black;
  text-align: right;
  border-bottom: 1px solid black;
}

/*----- main -----------------------------------------------------------------*/
#main{
  padding: 10px;
}

/*----- footer ---------------------------------------------------------------*/
#footer{
  color: black;/*#006400; darkgreen*/
  background-color: white;
  text-align: center;
  padding: 10px;
}

#footer address{
  color: black;
  background-color: white;
  border-top: 1px solid #006400; /*darkgreen*/
}

/*-----  navibar: allgemein --------------------------------------------------*/
#navi{
  position: absolute;
  top: 9px;
  left: 10px;
  width: 160px;
  background-color: white;
}

#navi h2{
  margin: 0px 0px 0px;
  padding: 2px;
  text-align: center;
  background-color: #ffa500; /*orange*/
  color: black;
}

/*----- navibar: kabine ------------------------------------------------------*/
#navibar form p{
  margin: 0;
  padding: 5px 10px 0px 10px;
}

#navibar label{
  display: block;
  font-weight: bold;
  margin: 1px 0px;
}

#navibar input{
  margin: 0px 0px 5px;
  background-color: white;
  color: black;
  border: thin solid black;
  width: 8em;
}

#navibar input.button{
  color: #00008b; /*dunkleres blau */
  background-color: #e3f2f7; /*helleres blau*/
  width: 50px;
}

/*----- navibar: menu --------------------------------------------------------*/
#navi #navibar #menu{
  margin: 10px 0px;
  padding: 0.8em;
  font-size: 94%;
  width:  10em;
  border: 1px solid white;
  background-color: #eee;
  text-align: center;
}

#navi #navibar #menu ul{
  margin: 0;
  padding: 0;
}

#navi #navibar #menu li{
  list-style: none;
  position: relative;
  margin: 0.4em;
  padding: 0;
}

#navi #navibar #menu ul li ul{
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 9.3em;
}

#navi #navibar #menu ul li ul li{
  margin: 0;
  padding-left: 1.4em;
}

#navi #navibar #menu ul a{
  display: block;
  width: 8em;
  font-family: "Trebuchet MS", "Century Gothic", Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-weight: bold;
  padding: 0.2em 1em;
  border: 1px solid #c96; /*a dark winered*/
  color: white;
  background-color: #c00; /*red*/
}

#navi #navibar #menu ul li:hover>ul a{
  width: 12em;
}

#navi #navibar #menu ul a:hover{
  border-color: #c96; /*a yellow green*/
  border-left-color: #900; /*a dark winered*/
  border-top-color: #900;  /*a dark winered*/
  background-color: #e00; /*light-red*/
}

#navi #navibar ul li ul{
  display: none;
}

#navi #navibar #menu ul li:hover>ul{
  display: block;
}

#navi #navibar #menu ul>li:hover>a{
  width: 8.2em;
  background-color: #e00;
}

#navi #bewerbung, #navi #bewerbung2{
  background-color: silver;
  padding-top: 15px;
}

#navi #bewerbung img, #navi #bewerbung2{
  text-alignment: center;
}

/*----- sponsorbar -----------------------------------------------------------*/
#sponsorbar{
  padding: 5px;
  background-color: silver;
  position:  absolute;
  top: 117px;
  right: 10px;
  width: 180px;
  text-align: center;
}

#sponsorbar #anzeige2{
  background-color: white;
}

#sponsorbar #anzeige1{
  background-color: #124b30; //potts-grün
}

#sponsorbar #anzeige1 img{
  border: none;
}

#sponsorbar #anzeige2 h2{
  background-color: #fdc424;
}

#sponsorbar #anzeige1 h2{
  background-color: #fdc424;
}

#sponsorbar #anzeige1 p{
  text-align: center;
  margin-top: 5px;
  padding: 0;
}

#sponsorbar #anzeige2 p{
  text-align: left;
  margin-top: 5px;
  margin-left: 5px;
}

#sponsorbar #anzeige1 a:focus{
  text-decoration: none;
}

#sponsorbar #anzeige2 a{
  color: black;
  font-weight: bold;
  font-size: 1.1em;
}

#sponsorbar address{
  color: blue;
}

#sponsorbar #radioq{
  background-color: white;
  margin-top: 15px;
}

#sponsorbar #radioq h2{
  background-color: #fdc424;
}

#sponsorbar #radioq p{
  text-align: center;
  margin-top: 5px;
  margin-left: 5px;
}

#sponsorbar #radioq h3{
  font-size: 1.0em;
  text-decoration: underline;
}

#sponsorbar #radioq ul{
  margin: 8px;
  padding-bottom: 8px;
}

#sponsorbar #radioq ul li{
  margin: 5px;
}

#sponsorbar #radioq ul li a{
  text-decoration: none;
  color: black;
}
/*----- inhalte --------------------------------------------------------------*/

/*----- index ----------------------------------------------------------------*/

#index #main{
  padding: 0;
  padding-top: 5px;
  margin: 0;
}

#index #main h1{
  margin: 10px 0px;
  color: black;
}

#index #main h2{
  margin: 9px 5px 0px 5px;
  background-color: lightgreen;
  border-top: 2px solid red;
  border-bottom: 2px solid red;

}

#index #main p.news{
  margin: 0px 5px;
  padding: 10px;
  background-color: lightblue;
}

.intro{
  color: darkgreen;
  font-weight: 900;
  text-decoration: underline;
}


/*----- heads ----------------------------------------------------------------*/
#heads #main ul{
  margin-top: 10px;
}

#heads #main ul li{
  display: block;
  height: 150px;
  padding-top: 5px;
  padding-bottom: 20px;
  border-top: 1px solid red;
}

#heads #main .head{
  float: left;
  width: 103px;
}

#heads #main ul li p.description{
  margin-left: 130px;
  /*text-align: justify;*/
}

#heads #main ul li h2{
  margin-left: 130px;
}

#heads #main ul li{
  list-style: none;
}

/*----- statuten -------------------------------------------------------------*/
#statuten #main span.subtitle{
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

#statuten #main h2{
  margin: 0;
}

#statuten #main ol.level2{
  list-style-type: decimal;
  margin: 0em 2em;
}

#statuten #main ol{
  margin: 5px 5px 20px 20px;
  text-align: justify;
}

#statuten #main ol li{
  margin: 2px 0px;
}

#statuten #main a{
  color: black;
}

/*----- spielplan ------------------------------------------------------------*/
#spielplan #main h1{
  text-align: center;
  margin: 10px 0px;
}

#spielplan #main table{
  background-color: #E6E6E6;
  font-size: 12px;
}

#spielplan p.blue{
  background-color: lightblue;
  padding: 5px;
}

#spielplan #main table2{
  background-color: #E6E6E6;
  font-size: 12px;
  background-image: url(img/geaendert.gif);
}

#spielplan #main td, #spielplan #main th{
  background-image: url(img/hintergrund.jpg);
  text-align: center;
  padding: 5px;
}

#spielplan #main caption{
  background-color: #add8e6;
  padding: 5px;
  color: black;
  text-align: center;
}

/*----- platz ----------------------------------------------------------------*/
#platz #main h1{
  margin-bottom : 10px;
}

#platz #main h2{
  margin-bottom: 5px;
}

#platz #main address{
  font-size: 0.9em;
  font-weight: bold;
}

#platz #main .colored{
  color: red;
  font-weight: bold;
}

#platz #main img.picture{
  display: block;
  margin: 10px auto;
}

#platz #main img.skizze{
  display: block;
}

/*----- anmeldung ------------------------------------------------------------*/
#anmeldung #main h1{
  margin-bottom: 10px;
}

#anmeldung #main h2{
  margin-bottom: 5px;
}



#anmeldung #main p.stichtag{
  color: red;
  background-color: yellow;
  font-weight: bold;
  text-align: center;
  width: 22em;
  margin: 0 auto 20px;
}

#anmeldung #main p.framed{
  text-align: justify;
  border-left: 8px double  red;
  padding: 3px;
}


#anmeldung #main p.framed a, #anmeldung #main p.framed a:visited,
#anmeldung #main p.framed a:hover, #anmeldung #main p.framed a:active{
  color: black;
}

#anmeldung #main p.bluebox{
  padding: 2px;
  padding-left: 5px;
  margin: 0 auto;
  margin-bottom: 15px;
  width: 14em; /*13em;*/
  font-weight: bold;
  background-color: lightblue;
  color: black;
  /*border: 1px solid darkgreen;*/
}

/*----- faq ------------------------------------------------------------------*/
#faq #main a{
  color: black;
}

#faq #main a.uno{
  font-weight: bold;
  color: blue;
}

#faq #main ul{
  list-style: none;
  margin: 20px;
  margin-bottom: 25px;
  padding: 5px;
  background-color: lightblue;
}

#faq #main ul li{
  padding-top: 5px;
}

#faq #main ul li a{
  text-decoration: none;
  color: black;
}

#faq #main ul li a:hover{
  color: red;
  font-weight: bold;
}

/*----- impressum -------------------------------------------------------------*/
#impressum #main dl{
  margin-left: 30%;
}

#impressum #main dl dt{
  padding-top: 25px;
  color: blue;
}

#impressum #main dl dd{

  color: black;
}

#impressum #main dl dd span a{
  color: orange;
}

#impressum #main dl dd span, #impressum #main dl dd img{
  display: block;
  text-align: left;
  font-size: 1.3em;
  font-weight: bold;
}

#impressum #main h1{
  color: red;
  background-color: lightblue;
  text-align: center;
  margin: 40px 0px 10px 0px;
}

#impressum #main h3{
  text-align: center;
  font-size: 0.9em;
}


/*----- kontakt ---------------------------------------------------------------*/
#kontakt #main table{
  background-color: #E6E6E6;
  font-size: 12px;
}

#kontakt #main td, #kontakt #main th{
  background-image: url(img/hintergrund.jpg);
  text-align: center;
  padding: 5px;
}

#kontakt #main input, #kontakt #main textarea{
  background-color: #add8e6;
  font-size:12px;
  border : 1px solid black;
  width:186px;
}

#kontakt #main textarea{
  height: 100px;
}

#sitemap #main table{
  margin-top: 20px;
  border: 1px solid blue;
  background-color: grey;
}

/*----- sitemap ---------------------------------------------------------------*/
#sitemap #main td, #sitemap #main th{
  text-align: center;
  padding: 5px;
  padding-bottom: 0;
}

#sitemap #main th{
  color: red;
  background-color: lightblue;
}

#sitemap #main td{
  border: 1px solid black;
  border-right: 1px solid black;
}

#sitemap #main td a, #sitemap #main td a:visited,
#sitemap #main td a:active{
  text-decoration: none;
  color: white;
}

#sitemap #main td a:hover{
  text-decoration: none;
  color: lightgreen;
}

/*----- links ----------------------------------------------------------------*/
#links #main h1{
  text-align: center;
  text-decoration: underline;
  margin-bottom: 10px;
}

#links #main h2{
  color: blue;
  text-decoration: underline;
  margin-top: 10px;
  margin-bottom: 5px;
}

#links #main a{
  color: red;
}

#links #main p.last{
  margin-bottom: 60px;
}

/*----- transfermarkt ----------------------------------------------------------------*/
#transfermarkt #main h1{
  text-align: center;
  text-decoration: underline;
  margin-bottom: 10px;
}

#transfermarkt #main p.last{
  margin-bottom: 60px;
}

/*----- spieler1, spieler2, mannschaft -----------------------------------------------*/
#spieler #main h1, #mannschaft #main h1{
  text-align: center;
  margin-bottom: 5px;
  color: black;
}

#spieler #main ul h2, #mannschaft #main ul h2{
  background-color: lightgreen;
  border-bottom: 1px solid black;
  margin-bottom: 5px;
  padding: 0px 3px 0px 0px;
}

#spieler #main ul, #mannschaft #main ul{
  margin-bottom: 5px;
  padding: 3px;
  background-color: lightblue;
  border-bottom: 2px solid red;
  border-top: 2px solid red;
}

#spieler #main li, #mannschaft #main li{
  list-style: none;
  margin-bottom: 5px;
}

#spieler #main p, #mannschaft #main p{
  padding: 10px 0px;
}

#spieler #main p.pages{
  text-align: center;
}

#spieler #main p.pages>a{
  text-decoration: none;
  color: #124b30;
}

/*----- spielersuche, teamsuche-----------------------------------------------*/
#spielersuche #main legend, #teamsuche #main legend{
  font-weight: bolder;
  margin: 0px;
  padding: 10px;
  font-size: bigger;
}

#spielersuche #main h1, #teamsuche #main h1{
  text-align: center;
  margin-bottom: 5px;
  color: red;
}

#spielersuche #main label, #teamsuche #main label{
  font-weight: bold;
  margin: 2px 0px;
  color: black;
  display: block;
}

#spielersuche #main input, #teamsuche #main input{
  margin: 0px 0px 0px 10px;
}

#spielersuche #main input.submit, #teamsuche #main input.submit{
  margin: 5px auto;
}

#spielersuche #main textarea, #teamsuche #main textarea{
  margin: 0 0 0px 10px;
}

#spielersuche #main fieldset, #teamsuche #main fieldset{
  padding: 0px 0px 10px 5px;
  color: red;
  background-color: lightblue;
}

/*------transfermarkt --------------------------------------------------------*/
#transfermarkt #main h1{
  color: red;
  margin-bottom: 15px;
}

#transfermarkt #main p.box2{
  padding: 2px;
  padding-left: 5px;
  margin: 15px auto;
  font-weight: bold;
  background-color: lightblue;
  color: black;
}

#transfermarkt #main a{
  color: red;
  text-decoration: none;
}

/*-------spieltabelle, spieltage -----------------------------------------------*/
#tabelle #main h1{
  margin-top: 10px;
  margin-bottom : 2px;
  text-align: center;
}

#spielberichte #main h1{
  margin-bottom : 10px;
  text-align: center;
}

#tabelle #main h2{
  margin-bottom : 10px;
  text-align: center;
}

#tabelle #main table, #spielberichte #main table{
  background-color: #E6E6E6;
  font-size: 12px;
  margin-bottom: 5px;
}

#tabelle #main th, #spielberichte #main th{
  background-color: lightgrey;
  padding: 5px;
  text-align: center;
  margin-top: 15px;
}

#tabelle #main td, #spielberichte #main td{
  background-color: white;
  text-align: center;
  padding: 5px;
}

#tabelle #main caption, #spielberichte #main caption{
  background-color: #add8e6;
  padding: 5px;
  color: black;
  text-align: center;
}

.berichte{
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
}

/*------- teams ------------------------------------------------------------------*/
#teams #main{
  padding: 0;
  padding-top: 5px;
  margin: auto;
}

#teams #main p{
  margin: 10px;
  margin-left: 20px;
}

#teams #main h1{
  margin: 10px 0px;
  color: black;
  text-align: center;
}

#teams #main img{
  margin-left: 5px;
}

#teams #main p.teamdescription{
  margin: 15px 10px 15px 120px;
}

/*------- galerie -----------------------------------------------------------------*/
#galerie #main{
  margin: 0px 5px;
}

#galerie #main h1{
  font-size: small;
  text-decoration: underline;
  margin: 15px 0px 5px;
}

#galerieindex #main h1{
  text-align: center;
  font-size: medium;
  margin-bottom: 15px;
}

#galerieindex #main h2{
  text-align: center;
}

#galerieindex #main ul{
  margin-bottom: 20px;
}

#galerieindex #main li{
  width: 180px;
  list-style: none;
}

#galerie #main image{
  display: inline;
}

/*------ portraits --------------------------------------------------------*/
#portraits #main ul{
  margin-top: 10px;
}

#portraits #main ul li{
  display: block;
  height: 150px;
  padding-top: 5px;
  padding-bottom: 20px;
  border-top: 1px solid blue;
}

#portraits #main .head{
  float: left;
  width: 103px;
}

#portraits #main .head1{
  float: left;
  width: 81px;
}

#portraits #main ul li p.description{
  margin-left: 130px;
  /*text-align: justify;*/
}

#portraits #main ul li h2{
  margin-left: 130px;
  margin-bottom: 5px;
  text-decoration: underline;
}

#portraits #main ul li{
  list-style: none;
}