/*
  Stylesheet fźr germania-weilbach.de
*/


/* 
  Generelle Formatierungen 
*/

body {
  background: #D72424 url(/img/hgr.gif);  
  background-repeat: repeat-x;
  padding: 0;
  margin: 0;
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 11px;
}

.blank {
  background: none;
  background-color: #fff;
}

.popup {
  border: 2px solid #D72424;
}

.redborder {
  border-top: 1px solid #D72424;
}

.borderbottom {
  border-bottom: 1px solid #D72424;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

img {
  border: none;
}

h1 {
  background: url(/img/header.png);
  height: 28px;
  background-repeat: no-repeat;
  font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
  text-transform: uppercase;
  color: #6D766E;
  font-size: 14px;
  padding: 6px 0 0 10px;
  margin: 0;
}

h1.largeheader {
  background: url(/img/header.large.png);
  background-repeat: no-repeat;
  width: 720px;
}

h1.calendarheader {
  background: url(/img/header.calendar.png);
  background-repeat: no-repeat;
  width: 907px;
}

td {
  vertical-align: top;
  color: #000;
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
}

th {
  text-align: left;
  vertical-align: top;
  font-weight: bold;
  color: #000;
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-size: 11px;
}

a:link {
  color: #D72424;
  background: inherit;
  text-decoration: underline;
}

a:visited {
  color: #D72424;
  background: inherit;
  text-decoration: underline;
}

a:hover {
  color: #D72424;
  background: inherit;
  text-decoration: none;
}

a:active {
  color: #D72424;
  background: inherit;
  text-decoration: underline;
}

.content p, .content form, .content table.p, .content dl {
  margin: 0;
  padding: 5px 10px;
}

.content dt {
	float: left;
	clear: both;
	margin-right: 10px;
}

.content dl {
	clear: both;
}

.content dl input, .content dl textarea {
	width: 300px;
	border: 1px solid #D72424;
	background: #EB8D8D;
}

.content div {
  padding: 0 10px;
  margin: 0;
}

.content div h2, .content div p {
  padding-left: 0;
  padding-right: 0;
}

.content h2 {
  margin: 0;
  padding: 5px 10px;
  font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #D72424;
  background: inherit;
}

h3 {
  margin: 0;
  padding: 0;
}

.content h3, .shortarticle h3 {
  margin: 0;
  padding: 5px 0;
  font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #D72424;
  background: inherit;
}

.content h4 {
  font-size: 11px;
  font-weight: bold;
  color: #D72424;
  padding: 0;
  margin-top: 2px;
  margin-bottom: 0;
}

.content td h2, .shortarticle td h2 {
  margin: 0;
  padding: 5px 0px;
  font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #D72424;
  background: inherit;
}

.content td h2.left {
  margin: 0;
  padding: 5px 0px;
  font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #D72424;
  background: inherit;
  float: left;
}

.showstanding {
  float: right;
  margin: 0;
}

select, input, optgroup, option {
  font-size: 10px;
  font-style: normal;
}

select, input[type="text"], input[type="password"], input[type="submit"], input[type="reset"] {
  font-size: 10px;
  background: #EB8D8D;
  border: 1px solid #D72424;
  margin-bottom: 2px;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
  background: #EEADAD;
}

input[type="text"]:focus, input[type="text"]:active, input[type="password"]:focus, input[type="password"]:active, input[type="submit"]:focus, input[type="submit"]:active, input[type="reset"]:focus, input[type="reset"]:active, .content dl textarea:focus, .content dl textarea:active {
  background: #fff;
}

/*
  ID's 
*/

#WhatTheF {
  display: none;
}

#logos {
  /*margin-left: 7px;
  height: 26px;
  white-space: nowrap;*/
  display: none;
}

#footer {
  margin-left: 213px;
  padding: 0px;
  width: 447px;
  text-align: center;
  font-size: 10px;
}

#footer a {
  color: #000;
}

#debug {
  margin-left: 213px;
  padding: 10px;
  width: 427px;
  text-align: center;
  font-size: 10px;
  border: 1px solid #ccc;
  background: #e5e5e5;
  color: #ccc;
}

#debug a {
  color: #BEBEBE;
  background: inherit;
}

/*
  Klassen
*/ 

span.none {
  display: none;
}

.content {
  border-left: 1px solid #868A8F;
  border-right: 1px solid #868A8F;
  border-bottom: 1px solid #868A8F;
  background: #fff;
  color: #000;
  padding: 0;
  margin: 0;
  padding-bottom: 20px;
}

div .error, div .success {
  padding-bottom: 0;
}

ul.error, ul.success {
  list-style: disc;
  margin: 0px;
  z-index: 10;
  padding-left: 20px;
  padding-bottom: 5px;
}

.content_top {
  border-left: 1px solid #868A8F;
  border-right: 1px solid #868A8F;
  border-bottom: 1px solid #868A8F;
  background: #fff;
  color: #000;
  padding: 0;
  margin: 0;
  padding-bottom: 5px;
  text-align: center;
}

table.content {
  width: 445px;
}
/* wird von IE/Mac ignoriert, commented backslash hack v2 \*/
table.content {
  width: 447px;
}
/* recover from hack */

table.result {
  width: 445px;
}
/* wird von IE/Mac ignoriert, commented backslash hack v2 \*/
table.result {
  width: 447px;
}
/* recover from hack */

.content .legend, .result .legend {
  color: #D72424;
  font-weight: bold;
}

.home, .right {
  text-align: right;
}

.away, .left {
  text-align: left;
}

.center {
  text-align: center;
}

.justify {
  text-align: justify;
}

.normal {
  font-weight: normal;
}

.bold {
  font-weight: bold;
}

.error {
  font-weight: bold;
  color: #E02626;
}

.success {
  font-weight: bold;
  color: #D72424;
}

.hint {
	font-weight: bold;
	color: #F90;
}

.cell {
  float: left;
  width: 150px;
}

.smallcell {
  float: left;
  width: 75px;
}

.noborder {
  border: 0;
}

a.tipp, .tipp {
  color: #6C6CF0;
  font-weight: bold;
}

.green {
  color: #D72424;
}

.black {
  color: #000;
}

.shortstanding, .shortarticle, .shortprofile {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 0;
  margin: 0 0 5px 0;
  width: 255px;
  border-collapse: collapse;
  margin-bottom: 5px;
}

.shortprofile .shortstanding {
	border-right: 0px solid #000;	
	border-left: 0px solid #000;	
}

.shortstanding th.team {
  background: url(/img/hgr.standing.png);
  width: 150px;
  height: 26px;
  background-repeat: repeat-x;
  border-bottom: 1px solid #000;
  text-align: left;
  padding-left: 5px;
  vertical-align: middle;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
}

.shortstanding th {
  background: url(/img/hgr.standing.png);
  width: 29px;
  height: 26px;
  background-repeat: repeat-x;
  border-bottom: 1px solid #000;
  text-align: right;
  color: #D72424;
  vertical-align: middle;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
}

.shortarticle th, .shortprofile th {
  background: url(/img/hgr.standing.png);
  height: 26px;
  background-repeat: repeat-x;
  border-bottom: 1px solid #000;
  text-align: left;
  padding-left: 2px;
  color: #D72424;
  vertical-align: middle;
  font-size: 12px;
  font-family: "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
}

.shortstanding .group, .standing .group {
  background: #eee;
  font-weight: bold;
  text-align: left;
  padding-left: 3px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.shortstanding .group {
  padding-left: 10px;
}

.shortstanding th.end, .shortarticle th.end, .shortprofile th.end {
  border-bottom: 1px solid #000;
  width: 18px;
  text-align: right;
}

.shortarticle td {
  padding-left: 5px;
}

.top {
  border-top: 1px solid #000;
}

.shortarticle .bottom {
  padding-bottom: 5px;
  vertical-align: bottom;
}

.shortprofile td {
  padding: 2px 2px 2px 2px;
}

.shortarticle td h3, .shortarticle td p {
  padding: 0;
  margin-top: 2px;
  margin-bottom: 0;
}

h3 {
  font-size: 10pt;
}

.shortstanding td.no {
  padding-left: 5px;
  height: 16px;
  vertical-align: middle;
  text-align: right;
}

.shortstanding td.team {
  padding-left: 5px;
  height: 16px;
  vertical-align: middle;
  text-align: left;
}

.shortstanding td {
  height: 16px;
  vertical-align: middle;
  text-align: right;
}

.shortstanding td.bottom, .shortarticle td.bottom, .shortprofile td.bottom {
  border-bottom: 1px solid #868A8F;
}

.standing {
  padding-bottom: 10px;
  margin: 0;
}

.standing th {
  color: #D72424;
  font-weight: bold;
  padding: 2px 1px;
}

.standing th.games, .standing th.wins, .standing th.losses, .standing th.nd, .standing th.points, .standing th.goals {
  text-align: right;
}

.standing td {
  padding: 2px 1px;
}

.standing td.games, .standing td.wins, .standing td.losses, .standing td.nd, .standing td.points, .standing td.goals {
  text-align: right;
}

.standing td.no {
  text-align: right;
  padding-right: 2px;
}

.standing td.bottom {
  border-bottom: 1px solid #868A8F;
}

.stats, .teammate {
  margin: 0;
  padding: 0 10px;
  width: 90%;
}

/* wird von IE/Mac ignoriert, commented backslash hack v2 \*/
.stats, .teammate {
  margin: 0;
  padding: 0 10px;
}
/* recover from hack */

.teammate td {
  padding: 2px;
}

.stats td {
  padding: 2px;
  vertical-align: middle;
}

.stats .username {
  width: 100px;
}

.stats .bar {
  padding-left: 10px;
  width: 150px;
}

.crossschedule {
	border-collapse: collapse; 
}

.crossschedule td, .crossschedule th {
  vertical-align: middle;
  text-align: center;  
  padding: 2px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  width: 28px;
  height: 28px;
}


.odd {
  background: #E2E4E6;
  color: #000;
}

.lightodd {
  background: #F3F3F3;
  color: #000;
}

.lightred {
  background: #EEADAD;
  color: #000;
}

.even {
  background: #fff;
  color: #000;
}

.highlight {
  background: inherit;
  color: #D72424;
  font-weight: bold;
}

.highlightnormal {
  background: inherit;
  color: #D72424;
  font-weight: normal;
}

.crosshighlight {
  background: #D72424;
  color: #fff;
  font-weight: bold;
}

.flag {
  border: 1px solid black;
}

.clubs {
  padding: 5px;
}

.clubs td {
  vertical-align: middle;
}

.image {
  padding-right: 10px;
}

.community {
  padding: 2px 3px;
  margin: 0 0 5px 0;
  border-top: 0;
  border-left: solid 1px #868A8F;
  border-right: solid 1px #868A8F;
  border-bottom: solid 1px #868A8F;
  background: #fff;
  text-align: center;
}

.community p {
  text-align: left;
  padding: 0;
  margin: 0;
}

.community select {
  margin: 5px 0;
}

/* 
  Dreispaltiges Layout mit Headergrafik
  Nach einem Beispiel von Owen Briggs
  http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
*/

#top {
  margin: 26px 16px 0px 16px;
  padding: 0px;
  height: 100px; /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
  height: 150px;
  width: 917px;
}
html>body #top {
  height: 150px; /* ie5win fudge ends */
}

#left {
  position: absolute;
  top: 184px;
  left: 2px;
  margin-left: 20px;
  padding: 0px;
  width: 173px; /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 173px;
}
html>body #left {
  width: 173px; /* ie5win fudge ends */
}

#middle {
  margin: 8px 206px 20px 213px;
  padding: 0px;
  width: 447px;
}
/* wird von IE/Mac ignoriert, commented backslash hack v2 \*/
#middle {
  margin: 8px 206px 20px 213px;
  padding: 0px;
  width: 447px;
}
/* recover from hack */

.large {
  width: 720px !important;
}

.calendar {
  margin-top: 8px;
  margin-left: 26px;
  width: 907px !important;
}

#right {
  position: absolute;
  top: 184px;
  left: 660px; /* Opera5.02 will show a space 
  at right when there is no scroll bar */
  padding: 0px;
  margin-left: 17px;
  width: 256px; /* ie5win fudge begins */
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 256px;
}
html>body #right {
  width: 256px; /* ie5win fudge ends */
}

/* Quicklogin */
#quicklogin {
  padding: 2px 3px;
  margin: 0 0 5px 0;
  border-top: 0;
  border-right: solid 1px #868A8F;
  border-bottom: solid 1px #868A8F;
  border-left: solid 1px #868A8F;
  background: #fff;
  z-index: 11;
}

/*
  Navigation
*/

ul {
  list-style: none outside;
  padding: 0;
  margin: 15px 50px;
  z-index: 10;
}

.article ul {
	margin-left: 0;
}
.article ul li {
	background: url(/img/bullet.gif) no-repeat;
	padding-left: 1.5em;
}

#menu {
  float: left;
  width: 173px;
  padding: 0;
  margin: 0 5px 0 0;
  font-size: 10px;
  line-height: 13px;
}

#menu li {
  padding: 0;
  margin: 0;
  border-top: 0;
  border-right: solid 1px #868A8F;
  border-bottom: solid 1px #868A8F;
  border-left: solid 1px #868A8F;
  z-index: 11;
}

/* Header-Grafik! Daher unnštig!
#menu li:first-child {
  border-top: solid 1px #549437;
}*/

#menu li h6 {
  font-size: 11px;
  padding: 5px 10px;
  margin: 0;
}

#menu li form {
  padding: 5px 16px;
  margin: 0;
}

#menu li a, .spacer {
  display: block;
  padding: 2px 3px;
  margin: 0;
  border: 0;
  z-index: 12;
  background: #fff;
  color: #000;
  font-family: Arial, Geneva, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

#menu .noborder {
  border: none;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

#menu .noborder a {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.spacer {
  height: 17px;
}

#menu li a.sub {
  display: block;
  padding: 2px 3px;
  margin: 0;
  border: 0;
  z-index: 12;
}

#menu li span.hidden {
  visibility: hidden;
}

#menu li a:visited {
  background: #fff;
  color: #000;
  border: 0;
  z-index: 12;
}

#menu li a:hover {
  background: #ececec;
  color: #666;
  border: 0;
  z-index: 12;
}

#menu li a:active {
  background: #e2e4e6;
  color: #000;
  border: 0;
  z-index: 12;
}

#menu li a.active, #menu li a.active:link, #menu li a.active:visited, #menu li a.active:hover, #menu li a.active:active {
  background: #e2e4e6;
  color: #000;
  border: 0;
  z-index: 12;
}

#menu img.sub {
  padding-top: 5px;  
}

#menu li a.none {
  background: transparent;
}

#menu li p {
  padding: 3px 18px;
  margin: 0;
  font-size: 10px;
}

.floatLeft {
  width: 48%;
  float: left;
}

.floatRight {
  width: 48%;
  float: right;
}

.inline {
  display: inline;
}

.black {
  color: #000;
}

.event {
  margin: 0;
  border-collapse: collapse;
  width: 100%;
}

.event td, .event th {
  margin: 2px;
}

.event th {
  color: #D72424;
}

.event .date {
  padding-left: 5px;
  white-space: nowrap;
}

.event .loc {
  padding-right: 5px;
}

.grey {
  color: #ccc;
  text-align: right;
}

.left5 {
  padding-left: 5px;
}

.width33 {
  width: 148px;
}

.width17 {
  width: 74px;
}

.entries {
  text-align: center;
  width: 296px;
  white-space: nowrap;
}

.redbottomtop {
  border-top: 1px solid #D72424;
  border-bottom: 1px solid #D72424;
}

.red {
  font-weight: bold;
  color: #D72424;
}

.success {
  color: #008000 !important;
}

.vmiddle {
  vertical-align: middle;
}

#sponsors {
  color: #000;
  background: #fff;
  border-left: 1px solid #868A8F;
  border-right: 1px solid #868A8F;
  border-bottom: 1px solid #868A8F;
  padding: 0;
  margin: 0;
}

.displayNone {
	display: none;	
}

.shortprofile td.centerstanding {
	background: #FFF;	
	height: 0;
	margin: 0;
	padding: 0;
	text-align: center;
	border-right: 0px solid black;
}

.shortprofile td.centerstanding div.displayNone {
	padding: 0;
	margin: 0;
}

.contact_name {
	display: none;
}

/* Flickr */
#photosets {
	margin: 0;
}

	#photosets li {
		width: 50%;
		float: left;
		margin-bottom: 10px;
	}
	
		#photosets li a.img {
			display: block;
			padding: 5px;
			border: 1px solid #D72424;
			width: 75px;
			height: 75px;
			float: left;
			margin-right: 10px;
		}
		
		#photos a {
			padding: 5px;
			border: 1px solid #D72424;
			width: 75px;
			height: 75px;
			display: block;
			float: left;
			margin: 5px;
		}

		#photosets li a.img:hover, #photos a:hover {
			background: #D72424;
		}
		
		#photosets h3 {
			padding: 0;
		}
	
.clear {
	clear: both;
}

fieldset {
	border: none;
}