/* ********************************************************************* */
/*					     Layout-Grundeinstellungen     	                 */
/* ********************************************************************* */

html, body { margin: 0; padding: 0; font-family: Verdana; height: 100%; background-color: #000; }

a:link, a:visited, a:active, a:hover { text-decoration:none; color:#339966; font-weight: bold; font-size: 14px;  }

#topLine { position: relative; width: 100%; height: 20px; background-color: #630200; z-index: 30;  }
#topLine #username { position: absolute; font-size: 9px; top: 2px; width: 960px; text-align: right; left: 50%; margin: 0 0 0 -490px; color: #d08381; font-weight: bold; }
#topLine #menue { position: absolute; height: 32px; width: 960px; left: 50%; margin: 0 0 0 -485px;  }
#topLine #menue ul { position: relative; left: 50px; top: 2px; }
#topLine #menue li { float: left; list-style: none; margin-right: 20px; color: #d08381; font-weight: bold; font-size: 9px; }
#topLine #menue li a { color: #d08381; font-size: 9px;  }
#topLine #menue li a:hover { color: #d08381; }

#top { position: relative; width: 100%; height: 32px; background-image: url(images/menueBackground.jpg); z-index: 30; }
#top #menue { position: relative; height: 32px; width: 960px; left: 50%; margin: 0 0 0 -485px;  }
#top #menue ul { position: relative; left: 50px; top: 6px; }
#top #menue li { float: left; list-style: none; margin-right: 14px; color: #d08381; font-weight: bold; font-size: 11px; }
#top #menue li a { color: #d08381; font-size: 11px;  }
#top #menue li a:hover { color: #fff999; }

#tippStatus { position: relative; width: 970px; height: 32px; z-index: 30; left: 50%; margin: 0 0 0 -485px; color: #fff; text-align: center; font-size: 11px;  border: solid #feff8f; border-width: 0px 1px 0px 1px; background-color: #009A00; z-index: 10;  }
#tippStatus #info { position: relative; float: left; width: 40%; height: 100%; background-color: #009A00; font-size: 18px; line-height: 26px;  }
#tippStatus #tippRunde1 { position: relative; float: left;  width: 20%; height: 100%; font-size: 12px; line-height: 26px;  }
#tippStatus #tippRunde2 { position: relative; float: left; width: 20%; height: 100%; font-size: 12px; line-height: 26px;  }
#tippStatus #tippRunde3 { position: relative; float: left; width: 20%; height: 100%; font-size: 12px; line-height: 26px;  }

#headline { position: relative; width: 960px; height: 41px; background-image:url(images/headline.png); margin-bottom: 40px; line-height: 41px; text-align: center; color: #a11c19; font-size: 20px; font-weight: bold; font-family: Verdana, Geneva, sans-serif;  }

#distance { width:1px; height:50%; margin-bottom:-180px; float:left; }
#master_div { clear: left; position: relative; width: 970px; min-height: 100%; margin: 0 0 0 -485px; left: 50%; padding: 0; border: solid #feff8f; border-width: 0px 1px 0px 1px; background-image: url(images/mainArea.png); z-index: 30;  }
#master_div #contentArea { position: relative; left: 0px; top: 0px; font-size: 0.8em; color: #fff; }
#master_div #contentArea select { font-size: 10px; margin-bottom: 6px; color: #000; }

#content { position: relative; left: 30px; }
#image { position: absolute; display: none; width: 300px; height: 200px; top: 56px; left: 50%; margin: 0 0 0 380px; z-index: 31;  }

#h_spieltag1, #h_spieltag2, #h_spieltag3, #h_spieltag4, #h_spieltag5, #h_spieltag6, #h_spieltag7, #h_spieltag8, #h_spieltag9 { position: absolute; width: 300px; font-weight: bold; color: #fff999;  }
#h_spieltag1, #h_spieltag2, #h_spieltag3 { top: 125px; }
#h_spieltag4, #h_spieltag5, #h_spieltag6 { top: 385px; }
#h_spieltag7, #h_spieltag8, #h_spieltag9 { top: 645px; }
#h_spieltag1, #h_spieltag4, #h_spieltag7 { left: 110px; }
#h_spieltag2, #h_spieltag5, #h_spieltag8 { left: 430px; }
#h_spieltag3, #h_spieltag6, #h_spieltag9 { left: 740px; }

#h_spielplan1, #h_spielplan2, #h_spielplan3, #h_spielplan4, #h_spielplan5, #h_spielplan6, #h_spielplan7, #h_spielplan8, #h_spielplan9 { position: absolute; width: 300px; font-weight: bold; color: #fff999;  }
#h_spielplan1, #h_spielplan2, #h_spielplan3 { top: 125px; }
#h_spielplan4, #h_spielplan5, #h_spielplan6 { top: 385px; }
#h_spielplan7, #h_spielplan8, #h_spielplan9 { top: 645px; }
#h_spielplan1, #h_spielplan4, #h_spielplan7 { left: 80px; }
#h_spielplan2, #h_spielplan5, #h_spielplan8 { left: 400px; }
#h_spielplan3, #h_spielplan6, #h_spielplan9 { left: 720px; }

#spieltag1, #spieltag2, #spieltag3, #spieltag4, #spieltag5, #spieltag6, #spieltag7, #spieltag8, #spieltag9 { position: absolute; width: 300px; color: #fff;  }
#spieltag1, #spieltag2, #spieltag3 { top: 154px; }
#spieltag4, #spieltag5, #spieltag6 { top: 410px; }
#spieltag7, #spieltag8, #spieltag9 { top: 670px; }
#spieltag1, #spieltag4, #spieltag7 { left: 0px; }
#spieltag2, #spieltag5, #spieltag8 { left: 320px; }
#spieltag3, #spieltag6, #spieltag9 { left: 640px; }

#ergebnisse1, #ergebnisse2, #ergebnisse3, #ergebnisse4, #ergebnisse5, #ergebnisse6, #ergebnisse7, #ergebnisse8, #ergebnisse9 { position: absolute; width: 45px; }
#ergebnisse1, #ergebnisse2, #ergebnisse3 { top: 155px; }
#ergebnisse4, #ergebnisse5, #ergebnisse6 { top: 412px; }
#ergebnisse7, #ergebnisse8, #ergebnisse9 { top: 672px; }
#ergebnisse1, #ergebnisse4, #ergebnisse7 { left: 280px; }
#ergebnisse2, #ergebnisse5, #ergebnisse8 { left: 595px; }
#ergebnisse3, #ergebnisse6, #ergebnisse9 { left: 910px; }

#ergebnisseE { position: absolute; width: 100px; top: 155px; left: 280px; }

#selecter { position: absolute; left: 40px; width: 600px; height: 30px; top: 70px; /* border: solid 1px #C9CA69; color: #fff; */ }
.selectField {font-size: 16px; color: #fff; width: 120px;}

/**************** FÃÂ¼r die Seite Einstellungen ********************/
#master_div .settingDivs { position: relative; width: 100%; margin: 14px 0 14px 0; }
#master_div .settingForm { position: absolute; left: 170px; width: 120px; }
#master_div .settingDivider { position: relative; height: 1px; width: 880px; background-color: #fff999; }
#master_div .settingInfo { position: absolute; left: 320px; }
/****************************************************************/

/**************** Zusatz-TIPP ********************/
.zusatzDIVtipp { position: relative; width: 100%; margin: 8px 0 8px 0; }
.zusatzFORM { position: absolute; left: 250px; width: 120px; }
/****************************************************************/

#master_div #message { position: absolute; left: 300px; top: 0px; color: #fc6; }
#master_div #messageSpieltage { position: absolute; left: 500px; top: 0px; color: #fc6; }


#master_div #subm_sp_ein {position: absolute; left: 350px; top: 900px;  }
#master_div #subm_sp_einzel {position: absolute; left: 90px; top: 390px;  }

#bottom { position: relative; width: 100%; height: 40px; background-color: #630200; }

/********************** Seite Auswertungen ***********************/
.ausw1Headline { font-weight: bold; }
.ausw3Headline { font-weight: bold; }
.ausw1Headline, .auswSpielerHeadline { height: 30px;  background-color: #000; } 
.auswSpielerHeadline2 { height: 30px; }
.ausw1, .ausw0 { width: 80px; background-Color: #333; }
.ausw1, .auswSpieler1  { height: 22px; background-color: #000; }
.ausw0, .auswSpieler0 { height: 22px; background-color: #232323;  }
.ausw3, .auswSpieler2 { height: 22px; }
.ausw1, .ausw0, .auswSpieler0, .auswSpieler1 { height: 22px; }
.auswSpieler0, .auswSpieler1, .auswSpielerHeadline  { width: 60px; }
.ausw1Headline, .ausw1, .ausw0, .ausw3, .auswSpieler0, .auswSpieler1, .auswSpielerHeadline, .gesamt , .auswSpieler2, .auswSpielerHeadline2, .auswSpieler, .ausw3Headline { text-align: center; border: solid #060 1px; color: #fff; }
.gesamt { width: 30px; }
.regeln { width: 850px; }

.buli0 { background-Color: #232323; }
.buli1 { background-color: #333; }
.buli0, .buli1 { text-align: center; border: solid #060 1px; color: #fff; height: 26px;  }
/*****************************************************************/

/********************** Seite Statistik ***********************/
.statHeadline { font-weight: bold; }
.statHeadline { height: 30px;  background-color: #3b1010; } 
.statTipper1  { height: 22px; background-color: #000; }
.statTipper0 { height: 22px; background-color: #191919;  }
.statTipper0, .statTipper1 { height: 22px; }
.statTipper0, .statTipper1, .statHeadline  { width: 60px; }
.statHeadline, .statTipper0, .statTipper1 { text-align: center; border: solid #3d3d3d 1px; color: #fff; }
/*****************************************************************/


/****************************** Login-Site **************************************/

#masterLogin { clear: left; position: relative; width: 500px; height: 360px; margin: 0 0 0 -250px; left: 50%; padding: 0; border: solid #feff8f; border-width: 1px 1px 1px 1px; background-image: url(images/mainArea.png);  }
#masterLogin #loginArea { position: relative; font-size: 0.8em; color: #fff; }

#masterLogin #loginArea .fieldHeadline { position: relative; left: 90px; margin-bottom: 6px;  }
#masterLogin #loginArea .field { position: relative; left: 90px; margin-bottom: 28px; width: 300px; height: 14px;  }
#masterLogin #loginArea a:link, #masterLogin #loginArea a:visited { text-decoration:none; color:#fff;  }
#masterLogin #loginArea a:active, #masterLogin #loginArea a:hover { text-decoration:none; color: #fff999; }

#masterLogin #loginArea .headline { position: relative; left: 220px; font-size: 18px }
#masterLogin #loginArea .content { position: relative; width: 500px; text-align: center;}

/********************************************************************************/


/************************************* Klassen **********************************/
.percenti { font-weight: bold; font-size: 18px; }
.ergebnis { width: 20px; line-height: 22px; height: 22px;}
.spieltage { float: left; width: 140px; margin-bottom: 0.58em; font-size: 1em; }
.erg_edit{ width: 10px; height: 0.8em; margin-bottom: 0.5em; }
*+html .erg_edit { height: 0.8em; margin-bottom: 0.25em; } /* nur für den IE7 */
.ergebnisse{ float: left; }
.siteDivider { position: relative; width: 100%; height: 1px; background-color: #feff8f; line-height: 1px; font-size: 0px;  }
.pdfButtons { position: relative; width: 110px; float: left; }
.buttons { width: 80px; }
.ebene { clear: both; padding: 6px 0; }
.label { float: left; width: 160px; padding: 4px 10px 0 6px; text-align: right; }
.field { font-family: Arial, Helvetica, sans-serif; color: black; font-size: 12px; width: 300px; }
.double { color: black;	font-size: 12px; width: 144px; }
.doublespan { font-size: 14px;width: 4px; }
.adresse { position: relative; font-size: }
.button { position: relative; width: 100px; padding-bottom: 2px; text-align:center; font-size: 8px; background-color: #fff999; color: #a11c19; border:solid; border-color: #7e7b37; border-width: 2px; opacity: 0.8; }
.menueButton { position: relative; padding: 4px 4px 4px 4px; text-align:center; font-size: 12px; background-color: #fff999; color: #a11c19; border:solid; border-color: #7e7b37; border-width: 2px; opacity: 0.8; }
.menueButtonOver { position: relative; padding: 4px 4px 4px 4px; text-align:center; font-size: 12px; background-color: #a11c19; color: #fff; border:solid; border-color: #7e7b37; border-width: 2px; opacity: 0.8; }
.menueButtonAktiv { position: relative; padding: 4px 4px 4px 4px; text-align:center; font-size: 12px; background-color: #009a00; color: #fff; border:solid; border-color: #7e7b37; border-width: 2px; opacity: 0.8; }
.buttonMuc { position: relative; width: 80px; padding: 4px 15px 4px 14px; text-align:center; font-size: 12px; background-color: #840101; color: #fff; border:solid; border-color: #feff8f; border-width: 1px; opacity: 0.8; }
.buttonMucOver { position: relative; padding: 4px 15px 4px 14px; text-align:center; font-size: 12px; background-color: #c20000; color: #fff; border:solid; border-color: #feff8f; border-width: 1px; opacity: 0.8; }
.buttonBRh { position: relative; width: 80px; padding: 4px 6px 4px 6px; text-align:center; font-size: 12px; background-color: #840101; color: #fff; border:solid; border-color: #feff8f; border-width: 1px; opacity: 0.8; }
.buttonBRhOver { position: relative; padding: 4px 6px 4px 6px;; text-align:center; font-size: 12px; background-color: #c20000; color: #fff; border:solid; border-color: #feff8f; border-width: 1px; opacity: 0.8; }
.buttonMixed { position: relative; width: 80px; padding: 4px 24px 4px 25px; text-align:center; font-size: 12px; background-color: #840101; color: #fff; border:solid; border-color: #feff8f; border-width: 1px; opacity: 0.8; }
.buttonMixedOver { position: relative;  padding: 4px 24px 4px 25px; ; text-align:center; font-size: 12px; background-color: #c20000; color: #fff; border:solid; border-color: #feff8f; border-width: 1px; opacity: 0.8; }
.buttonAktiv { position: relative; width: 100px; padding-bottom: 2px; text-align:center; font-size: 10px; background-color: #009966; color: #a11c19; border:solid; border-color: #7e7b37; border-width: 2px; }
.buttonDeaktiv { position: relative; width: 100px; padding-bottom: 2px; text-align:center; font-size: 10px; background-color: #a11c19; color: #fff; border:solid; border-color: #7e7b37; border-width: 2px; }
.buttonOver { position: relative; width: 100px; padding-bottom: 4px; text-align:center; font-size: 10px; background-color: #a11c19;  color: #fff; border:solid; border-color: #7e7b37; border-width: 2px; }
.spInfoEbene { clear: both; padding: 0px 0; height: 30px; margin-bottom: 0px;  }
.spInfos1 { position: relative; left; left: 100px; height: 30px; line-height: 30px; vertical-align: middle; top: 4px;  }
.spInfos2 { position: relative; left: 166px;  height: 30px; line-height: 30px;vertical-align: middle;  top: 4px; }
.spInfos3 { position: relative; left: 294px; height: 30px; line-height: 30px; vertical-align: middle;   top: 4px;}
.spInfos4 { position: relative; left: 360px;  height: 30px; line-height: 30px; vertical-align: middle;  top: 4px;}
.vTSHeadTipper{ width: 200px; }
.vTSHeadStatus { width: 116px;  }
.vTSTipper0, .vTSTipper1 { width: 200px; font-size: 1em; height: 1.5em; }
.vTSStatus0, .vTSStatus1 { width: 116px; font-size: 1em; height: 1.5em; }
.vTSTipper0, .vTSStatus0 {  }
.vTSTipper1, .vTSStatus1 { background-color: #26261f; }
.vTSHeadTipper, .vTSHeadStatus { color: #fff999; font-weight: bold; font-size: 1em; height: 1.5em; background-color: #26261f; }
.vTSHeadTipper, .vTSHeadStatus, .vTSTipper0, .vTSTipper1, .vTSStatus0, .vTSStatus1 { border: solid #625c01 1px; text-align: center; }
.ok { color: #28fe28; }
.mid { color: #fff999; }
.false { color: #fe1212; }

h1, h2, h3, h4, h5, h6, ul, p { margin: 0; padding: 0; }