body{
	background-image: url(rasen.jpg);
	background-color: green;
	/*background-size: auto;*/
	color:darkred;
	font-family:'Arial';
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
} /* Einfügen Hintergrundbild im body*/


.button {
	background-color:green;
	padding:5px 12px 5px 12px;
	font-weight:bold;
	border:3px solid black;
	color: white;
	font-size:11pt;
	text-align: center;
} /* Aussehen Button*/

.auswahlbox{
	display: inline;
	background-color:white;
	border:0px solid black;
	color: green;
	font-family: 'Arial';
} /* Aussehen Button*/

.textfeld {
	display: inline;
	background-color:white;
	border:0px solid black;
	color: green;
	padding:2px ;
	font-family: 'Arial';
} /* Aussehen Button*/

.textfeld_eingabe {
	display: inline;
	background-color:white;
	border:0px solid black;
	color: green;
	font-family: 'Arial';
} /* Aussehen Button*/

.button-text {
	display: inline;
	background-color:transparent;
	padding:0px 0px 0px 0px;
	border:0px solid black;
	color: green;
	font-weight:bold;
	font-size:15pt;
	font-family: arial;
} /* Aussehen Button*/
.button-text:hover{
	color: black;
} /* Aussehen Button bei Maus drüber*/

.button-text-user {
	display: inline;
	background-color:transparent;
	padding:0px 0px 0px 0px;
	border:0px solid black;
	color: darkred;
	font-weight:bold;
	font-size:15pt;
	font-family: arial;
} /* Aussehen Button*/
.button-text-user:hover{
	color: black;
} /* Aussehen Button bei Maus drüber*/

.button-tippen {
	display: inline;
	background-color:green;
	padding:2px 8px 2px 8px;
	font-weight:bold;
	border:2px solid black;
	color: white;
	font-size:12pt;
	font-family: arial;
} /* Aussehen Button*/

.button-spielplanv ,.button-spielplanz {
	visibility: hidden;
	display: inline;
	background-color:green;
	padding:2px 8px 2px 8px;
	font-weight:bold;
	border:2px solid black;
	color: white;
	font-size:10pt;
	font-family: arial;
} /* Aussehen Button*/

.button-spielplanv:hover,.button-spielplanz:hover,.button-tippen:hover{
	border:2px solid red;
} /* Aussehen Button bei Maus drüber*/

.button:hover{
	border:3px solid red;
} /* Aussehen Button bei Maus drüber*/

.button-anmeldung {
	padding:2px 15px;
	font-size:11pt;
} /* Aussehen Button*/

table {
	display: inline-table;
	border-width:0px; 
	border-style:solid; 
	border-spacing:1px; 
	border-color:transparent;
	background-color:transparent;
	text-align:center;
	vertical-align: text-top;
	} /* table wird zentriert und ein Rahmen um die Tabelle gelegt*/

table.spieltag{
	text-align:left;
	border-width:0px;
	border-color:transparent;
	}
table.profil {
	border-color:transparent;
	} /* table wird zentriert und ein Rahmen um die Tabelle gelegt*/	

td.fanpost_eingang {
	text-align:left;
	padding:0px 8px 0px 8px;
	vertical-align:top;
	color:green;
	}
td.fanpost_eingang_ungelesen {
	text-align:left;
	padding:0px 8px 0px 8px;
	vertical-align:top;
	color:darkred;
	}
	
td.profil-links {
	text-align:right;
	color:green;
	} /* table wird zentriert und ein Rahmen um die Tabelle gelegt*/

td.profil-rechts {
	text-align:left;
	color:green;
	} /* table wird zentriert und ein Rahmen um die Tabelle gelegt*/
	
td{
	color:green; border-width:1px; border-style:solid; border-spacing:0px; border-color:black; background-color:rgb(145,174,108);
	} /* erzeugt Rahmen für Zellen*/
	
td.spieltag{
	border-width:0px; border-style:none; border-spacing:0px; border-color:red; padding: 3px; color: green;
	} /* erzeugt Rahmen für Zellen*/
td.spieltag img {
	height: 20px;
}
td.spieltag.is--active{
	background-color: lightgreen;
} /* eigene Tipps hervorheben */
td.User{
	color:darkred;
} /* Kopfzellen werden fett ausgegeben */
	
td.Kopfzelle{
	background-color:green;
	color:white;
	} /* Kopfzellen werden fett ausgegeben */
tbody tr:hover td,
tbody tr.hover td {
    background-color: lightgreen;
}
	
a {
	display: inline-block;
	padding:10px 20px 10px 20px;
	font-weight:bold;
	border:3px solid black;
	color: white;
	text-decoration:none
	}
	
.button-fanpost {
	background-color:transparent;
	padding:0px;
	font-weight:Inherit;
	border:0px solid black;
	color: Inherit;
	font-size: Inherit;
	text-decoration:none;
	cursor:pointer;
	}
.button-fanpost:hover {
	color: black;
	}
a.footer {
	display: inline-block;
	padding:0px 0px 0px 15px;
	font-weight:bold;
	border:0px solid black;
	color: white;
	text-decoration:none;
	size:10 pt;
	}
a.footer:hover {
	color: darkred;
	}
 		
.a-anmeldung{
	font-size:8pt;
	color: white;
	background-color:green;
	padding:5px 10px 5px 10px;}

.a-anmeldung:hover{
	border:3px solid red;
} /* Aussehen Button bei Maus drüber*/

.maxEingabe{
	text-decoration:none;
	background-color:transparent;
	color: green;
	width: 40px;
	font-weight:bold;
	font-size:15pt;
	border: 0;
}

table.stammtisch{
	background-color:transparent;
	color: darkred;
	border: 0;
	text-align: left;
	font-size: 10pt;
	vertical-align:top;
}
td.stammtisch {
	color:darkred;
	vertical-align:top;
	}

.impressum #hauptfenster{
	font-size: 10pt;
	padding-left: 10px;
	text-align: left;
	font-weight:normal;
}

.impressum a.linkimpressum {
	font-weight:bold;
	color: Inherit;
	padding: 0px;
	border:0px solid black;
	text-decoration:none;
	}
.impressum a.linkimpressum:hover { color: green}


/* normal screen layout */
@media screen and (min-width: 1155px) {
h1{ 
	font-size:35pt; 
	font-weight:bold;
	text-align:center;
}	/* Überschrift 1 wird formatiert*/

h2{
	font-size:15pt; 
	font-weight:bold;
	text-align:center;
}	/* Überschrift 2 wird formatiert*/

#anmeldung{
	position: absolute;
	display: inline;	
	right:35px; 
	top:30px;
	size: 12pt;
	font-family:'Arial';
} /* Position Anmelde-Div*/
#anmeldung input{
	width: 120px;
	margin: 2px;
}
#anmeldung input[type="submit"]{
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 124px;
}

#fehlermeldung{
	position: absolute;	
	right:110px; 
	top:93pt;
	size: 10pt;
} /* Position Anmelde-Div*/

#abmeldung{
	position: absolute;
	text-align:left;
	display: inline;	
	right:35px; 
	top:30px;
	width: 270px;
	height: 50px;
	font-family:'Arial';
	font-size: 15pt;
	font-weight:bold;
} /* Position Anmelde-Div*/

#hauptfenster{
	text-align: center;
	font-weight:bold;
	font-size:15pt;
	position: absolute; 
	top:131px;
	width: 95%;
}
/*
#spielplan{
	text-align: center;
	font-weight:bold;
	font-size:15pt;
	position: absolute; 
	top:112px;
	width: 95%;
}*/
	
#navigation{
	padding-top: 43px;
	padding-left: 35px;
} /* Position Navigation-Div*/

#footer {
	position:fixed;
	z-index: 01;
	bottom:0;
	left: 0;
	width:100%;
	margin: 0;
    padding: 0;
    border: 0;
	font-size: 10px;
	height:20px;			/* Height of the footer */
	background:green;
}

}
@media screen and (max-width: 1154px) {
	#footer {
	position:fixed;
	z-index: 01;
	bottom:0;
	left: 0;
	width:100%;
	margin: 0;
    padding: 0;
    border: 0;
	font-size: 8px;
	height:13px;			/* Height of the footer */
	background:green;				
	}
} 
.wettquoten{
	font-size: 13px;
} 
@media screen and (max-width: 655px) {
	.wettquoten{
		display:none;
	}
} 
@media screen and (max-width: 700px) {
	.teambilder{
		display:none;
	}
}
@media screen and (max-width: 545px) {
	.teambilder{
		display: initial;
	}
	.teamname{
		display:none;
	}
}