/*** Allgemein ***/
img { border: none; }

a { color: #004186; font-weight: bold; }

html,body {
/*  background: #fff url('../images/grass_small.jpg') top center repeat; */
  background: #d9e3ed;
  text-align: center; 
  padding: 0;
  margin: 0;
  font-family: "Lucida Grande", Arial, Verdana, sans-serif;
  font-size: 12px;
  color: black;
}

div#container {
  background: #fff;
  width: 960px;
  margin: 0 auto;
  text-align: left;
  height: 100%;
}

div#header {
  width: 960px;
  height: 80px;
  background: #fff;
  padding: 0;
  margin: 0;
}

div#header a img { border: none; }

div#wrapper { background: #fff; border-top: 3px solid #ffbf00; width: 960px; }

div#heim { float:left; margin-left: 5px; width: 194px; }

div#heim div.heim_logo,
div#gast div.gast_logo {
  background-color: #004186;
  height: 172px;
  margin-top: 8px;
  text-align: center;
  width: 190px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

div#heim div.heim_logo img { padding: 10px; }
div#heim div.heim_tore { width: 191px; }
div#heim div.heim_tore ul { background: #4071a4; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; }

div#gast div.gast_auswechselung,
div#heim div.heim_auswechselung { margin-bottom: 10px; }

div#gast div.gast_auswechselung ul { background: #c0ffca; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #000; }

div#heim div.heim_auswechselung ul { background: #c0ffca; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #000; }

div#heim h3.heim_ueberschrift {
	background: #d9e3ed;
  clear: left;
	color: #004085;
	display: block;
	font-size: 13px;
	margin: 10px 0;
	padding: 5px 0;
	text-align: center;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
}

div#heim ul { color: #004186; list-style-type: none; margin: 0; padding: 10px 0; }

div#heim div.heim_tore ul li { margin: 0; }
div#heim div.heim_aufstellung { width: 191px; }

div#heim div.heim_aufstellung ul { color: #004186; margin: 0; padding: 5px 0; }
div#heim div.heim_aufstellung ul li { line-height: 18px; padding: 0; }

div#heim div.heim_aufstellung ul li p img,
div#gast div.gast_aufstellung ul li p img { float: left; height: 41px; padding: 0 10px 0 0; width: 29px; }

div#heim div.heim_auswechselung ul li { clear: left; margin-bottom: 5px; }
div#heim div.heim_auswechselung ul li span { float: left; }
div#heim div.heim_auswechselung ul li img { margin: 5px 0 0 10px; }

div#content { float: left; width: 552px; }

div#content div#anzeigetafel {
  height: 78px;
  width: 540px;
  padding: 0 5px;
  background: #004186;
  margin-left: 5px;
  margin: 7px 0 0 5px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

div#content div#anzeigetafel img.buden_heim {
  float: left;
  margin: 0;
  padding: 0;
  width: 78px;
  border: 0;
}

div#content div#anzeigetafel div#begegnung {
  float: left;
  text-align: center;
  color: #fff;
  background-color: #004186;
  width: 384px;
  height: 78px;
  margin: 0;
}

div#content div#anzeigetafel div#begegnung h1 {
  font-size: 18px;
  margin: 0;
  padding: 6px;
}

div#content div#anzeigetafel div#begegnung h2 {
  font-size: 15px;
  margin: 0;
  padding: 0 0 3px 0;
}

div#content div#anzeigetafel img.buden_gast {
  float: left;
  margin: 0;
  padding: 0;
  width: 78px;
  border: 0;
}

div#content div#zeitangabe {
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #004186;
  width: 538px;
  background-color: #f2f4f8;
  border: 1px solid #b5c7db;
  margin: 10px 0 0 5px;
  -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px;
}

div#content div#zeitangabe span#nachspielminute { color: #f00; }

div#content div#zuschauer_schiedsrichter {
  padding: 5px;
  font-size: 14px;
  text-align: right;
  color: #004186;
  width: 538px;
  background-color: #f2f4f8;
  border-left: 1px solid #b5c7db;
  border-right: 1px solid #b5c7db;
  margin: 0 0 0 5px;
	clear: both;
}
	
div#content div#zuschauer_schiedsrichter span.zuschauer { float: left; }

div#content div#aktualisierung {
  padding: 5px;
  font-size: 14px;
  text-align: center;
  color: #004186;
  width: 538px;
  background-color: #f2f4f8;
  border: 1px solid #b5c7db;
  -moz-border-radius-bottomleft:  2px; -webkit-border-bottom-left-radius:  2px;
  -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px;
  margin: 0 0 10px 5px;
}

div#content div#aktualisierung button {
  float: left;
  padding: 0;
  margin: 0;
  background-color: none;
  border: none !important;
  cursor: pointer;
}

div#content div#aktualisierung button img { border: none; }

div#content div#aktualisierung p.textaktuell { margin: 0; padding: 5px 0; }

div#content div.kommentar {
  background: url('../images/background/kommentar.png') top center repeat;
  width: 530px;
  margin: 0 6px 5px 6px;
  padding: 10px;
  background: #d9e3ed;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
  clear: right;
}

div#content div.gelbekarte p.text, div#content div.rotekarte p.text,
div#content div.gelbrotekarte p.text, 
div#content div.tor p.text {
  margin-right: 100px;
}

div#content div.auswechselung p.text { margin-right: 100px; }

div#content p.text { line-height: 1.4; margin: 0; padding: 0; }

div#content span.minute {
  font-weight: bold;
  border-right: 1px solid #7a8db3;
  padding-right: 6px;
  margin-right: 8px;
}


div#content div.tor {
  background: #4071a4 url(../images/tickerAssets2009/tor.jpg) 504px 5px no-repeat;
  border-left: 3px solid #004186;
  color: #fff;
  margin: 0 6px 5px 6px;
  padding: 10px 10px 10px 10px;
  width: 527px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

div#content p.texteinbild { float: left; width: 450px; margin: 0 10px 0 0; padding: 0; }

div#content p.textzweibild {
  float: left;
  width: 423px;
  margin: 0 10px 0 0;
  padding: 0;
}

div#content img.werbung { margin: 0 0 0 3px; }

div#content div.gelbekarte {
  background: #d9e3ed url(../images/tickerAssets2009/gelbeKarte.jpg) 504px 5px no-repeat;
  border-left: 3px solid #fcff31;
  clear: right;
  color: #000;
  margin: 0 6px 5px 6px;
  padding: 10px 10px 10px 10px;
  width: 527px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

div#content div.auswechselung {
  background: #d9e3ed url(../images/tickerAssets2009/auswechselung.jpg) 504px 5px no-repeat;
  border-left: 3px solid #00ff29;
  clear: right;
  color: #000;
  margin: 0 6px 5px 6px;
  padding: 10px 10px 10px 10px;
  width: 527px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

div#content div.rotekarte {
  background: #d9e3ed url(../images/tickerAssets2009/roteKarte.jpg) 504px 5px no-repeat;
  border-left: 3px solid #e50a1c;
  clear: right;
  color: #000;
  margin: 0 6px 5px 6px;
  padding: 10px;
  width: 527px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

div#content div.gelbrotekarte {
  background: #d9e3ed url(../images/tickerAssets2009/gelbRoteKarte.jpg) 504px 5px no-repeat;
  border-left: 3px solid #e50a1c;
  clear: right;
  color: #000;
  margin: 0 6px 5px 6px;
  padding: 10px 10px 10px 10px;
  width: 527px;
  -moz-border-radius: 2px; -webkit-border-radius: 2px;
}

div#content div.sponsoreinblendung {
  margin: 0;
  padding: 0;
  height: 105px;
  background: url('../images/background/sponsoreneinblendung.png') top center repeat;
}

div#content div.sponsoreinblendung p.sponsortext { float: left; }

div#content div.sponsoreinblendung h4 {
  padding: 20px 0 15px 30px;
  margin: 0;
  font-weight: bold;
  font-size: 20px;
  color: #004186;
}

div#content div.sponsoreinblendung span { padding: 10px 0 0 30px; }

div#content div.sponsoreinblendung img { float: right; padding: 15px 20px 0 0; }

div#gast { float: right; margin-right: 5px; width: 191px; }

div#gast div.gast_logo img { padding: 10px; }

div#gast div.gast_tore { width: 191px; }

div#gast div.gast_tore ul { background: #4071a4; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #fff; }

div#gast h3.gast_ueberschrift {
	font-size: 13px;
	display: block;
	text-align: center;
	padding: 5px 0;
	margin: 10px 0;
	background: #d9e3ed;
	color: #004085;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
  clear: left;
}

div#gast ul {
  list-style-type: none;
  color: #004186;
  margin: 0;
  padding: 10px 0;
}

div#gast div.gast_tore ul, div#heim div.heim_tore ul,
div#gast div.gast_auswechselung ul, div#heim div.heim_auswechselung ul { margin: 0; }


div#gast div.gast_tore ul li, div#heim div.heim_tore ul li,
div#gast div.gast_auswechselung ul li, div#heim div.heim_auswechselung ul li { clear: left; margin: 0; line-height: 1.5; }

div#gast div.gast_aufstellung { width: 191px; }
div#gast div.gast_aufstellung ul { color: #004186; margin: 0; padding: 5px 0; }
div#gast div.gast_aufstellung ul li { line-height: 18px; padding: 0; }
div#gast div.gast_aufstellung ul li p img { float: left; padding: 0 10px 0 0; }

div#gast div.gast_auswechselung ul li { margin-bottom: 5px; }
div#gast div.gast_auswechselung ul li span { float: left; }
div#gast div.gast_auswechselung ul li img { margin: 5px 0 0 10px; }

ul.spieler { margin: 0; padding: 0; background: #F2F4F8; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
ul.spieler li { clear: left; display: block; width: 100%; height: 60px; margin: 0 0 0 0; padding: 0; }
.spielerfoto { width: 48px; height: 48px; float: left; margin: 3px 10px 0 8px; padding: 0; }
.spielername { height: 40px; float: left; font-size: 13px; line-height: 1.3; width: 77px; margin: 0 10px 0 0; padding: 5px 0; }
.spielernummer { height: 20px; text-align: right; float: left; width: 24px; font-size: 16px; padding: 4px 2px; font-weight: bold; }
.spielernummer { background: #d9e3ed; margin-top: 4px; line-height: 20px; text-align: center; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

ul.reserve li { height: 18px; margin: 3px 0; padding: 0; }
ul.reserve .spielername { margin: 0 0 0 8px; height: 20px; padding: 0; width: 150px; font-size: 13px; float: left; }
ul.reserve .spielernummer { font-size: 14px; margin: 0; float: left; padding: 0; height: 13px; background: none; }

div#footer, div#iphone { background-color: #004186; width: 960px; clear: both; height: 32px; margin: 0; }

div#iphone { background: #fff; width: 950px; margin-left: -10px; padding-bottom: 25px; height: 60px;   position: relative; top: -2px; }

div#footer a#poweredby { float: right; margin: 0 7px 0 0; padding: 3px; }

div#header { height: 80px; }

div#footer div       { padding-top: 10px; padding-left: 10px; }
div#footer div p     { line-height: 25px; padding-bottom: 15px;  }
div#footer div p img { margin-bottom: -25px; margin-right: 10px; }
