* {
	margin:0;
	padding:0;
}
html {
	font-size:14px;	
	background: url(/images/rasen.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
body {
	font-size: 62.5%;
	font-family: 'Titillium Web', sans-serif;
}

a {
	text-decoration:none;
	color:#000;	
}
button {
	border:1px solid black;
	border-radius: 15px; 
	font-size:1.2em;
	padding:1px;
	text-align:center;
	margin-top:5px;
}
#div_site {
	width:85%;
	margin: 10px auto;
	border: 2px black solid;
	background-color: #fff;
	-webkit-box-shadow: 5px 5px 20px 0 #000000;
	box-shadow: 5px 5px 20px 0 #000000;
	height:100%;
}

#div_header {

}

#div_header_top {
	height: 120px;
	background: #439400; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzOTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2N2UzMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #439400 0%, #67e300 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#439400), color-stop(100%,#67e300)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #439400 0%,#67e300 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #439400 0%,#67e300 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #439400 0%,#67e300 100%); /* IE10+ */
background: linear-gradient(to bottom,  #439400 0%,#67e300 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#439400', endColorstr='#67e300',GradientType=0 ); /* IE6-8 */


}7
.applogo {
	margin:5px 0 0 5px;	
}
h1 {
	font-family:'Syncopate',sans-serif;
	font-size:4em;
	text-shadow: 5px 5px 5px #5C5C5C;
}
h2 {
	font-family:'Syncopate',sans-serif;
	font-size:2.5em;
	text-shadow: 3px 3px 5px #5C5C5C;
}
h3 {
	font-family:'Syncopate',sans-serif;
	font-size:1.0em;
	text-shadow: 3px 3px 5px #5C5C5C;
}

#div_header_bar {
	width:100%;
}

#div_mainNav {
	background-image:url("../images/bg-firstLevel.png");
	background-repeat:reapeat-x;
	height:48px;
	width:100%;
	vertical-align:middle;
}

#div_wrapper {
	min-height:500px;
	font-size:1.6em;

}
#div_container {
	padding: 5px 10px;
	min-height:100%;
}
#div_list_head{
	min-height:100%;
}
footer {
	padding: 5px 10px;
	font-size: 0.8em;
	color:#cdcdcd;
	clear:both;
}

#div_footer_left {
	width:50%;
	float:left;
}

#div_footer_right {
	text-align:right;
}
/*-------------------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------------------*/
#div_logo {
	width:130px;
}
#div_header_top_right {
	width:300px;
	text-align:right;
	margin: 0 auto;
	height:60px;
	float:right;
	position:relative;
	top:-100px;
	right:0px;
}
#div_login {
	text-align:right;
	font-size:1.5em;
}
#div_login input {
	width:120px;
	border:1px solid #072600;
	border-radius:15px;	
	padding:0 5px;
	text-align:center;
	opacity:0.5;
	-webkit-box-shadow: 5px 5px 10px 0 #000000;
	box-shadow: 5px 5px 10px 0 #000000;
	background:none;
	/*-webkit-animation:blinkopacity 500ms linear 500ms infinite alternate;*/ /* Chrome, Safari, Opera */
/* animation:blinkopacity 500ms linear 500ms infinite alternate; */
}
/* Chrome, Safari, Opera */
@-webkit-keyframes blinkopacity
{
0%   {opacity:0.5;}
100%  {opacity:1;}
}

/* Standard syntax */
@keyframes blinkopacity
{
0%   {opacity:0.5;}
100%  {opacity:1;}
}
#div_login input:hover {
	opacity:1;
}
#div_login input:focus {
	opacity:1;
	background-color:#67e300;
}
#div_login button {
	height:1.5em;
	border:1px solid #072600;
	padding:0 5px;
	text-align:center;
	opacity:1;
	-webkit-box-shadow: 5px 5px 10px 0 #000000;
	box-shadow: 5px 5px 10px 0 #000000;
	background:none;
	/*-webkit-animation:blinkopacity 500ms linear 500ms infinite alternate;*/ /* Chrome, Safari, Opera */
/* animation:blinkopacity 500ms linear 500ms infinite alternate; */
}
#div_logedin {
	font-size:1.5em;
	padding-right:5px;	
}
/*-------------------------------------------------------------------------------------
REGISTER FORM
-------------------------------------------------------------------------------------*/
#div_register_form {
	width:auto;
	margin:0 auto;
}
#tbl_register {
	width:80%;
	margin:0 auto;
}
.td_left {
	text-align:left;
}
.td_right {
	text-align:right;	
}
#tbl_register input {
	border:1px solid black;
	border-radius: 15px; 
	font-size:1.2em;
	padding:1px;
	text-align:center;
	width:200px;
	margin-top:5px;
}
#tbl_register label {
	font-size:1.2em;	
}
/*-------------------------------------------------------------------------------------
NAVIGATION
-------------------------------------------------------------------------------------*/
nav ul {
	list-style:none outside none;	
}
nav li {
	float:left;	
	display: inline;
}
nav li a {
	text-decoration:none;
	display: block;
	width:120px;
	text-align:center;
	min-height:48px;
	font-size:1.8em;
	font-weight:bold;
	color:#fff;
	text-shadow: 1px 1px 8px #000000;
	line-height:45px;
}
nav .menubutton:hover {
	background-image:url("../images/bg-firstLevel.png");
	background-position: 0 -48px;
}
nav .menubuttonadmin:hover {
	background-image:url("../images/bg-firstLevel.png");
	background-position: 0 -48px;
}

/*-------------------------------------------------------------------------------------
SPIELPLAN
-------------------------------------------------------------------------------------*/
.spviewaktive {
        font-weight: bold;
}
.spviewlink {
        text-decoration: underline;
}
.tblSpielplan {
	width:100%;
}
.tblSpielplan tr {
	height:25px;
}
.tblSpielplan tr:nth-child(2n){
	background-color:#cdcdcd;
}
.gameover {
	color:#999;
}
.inpBet{
	width:25px;
	border:1px solid black;
	text-align:center;
	padding:3px;
	font-size:1.2em;
	background-color:none;
	transition: background-color 1s;
	/*visibility:hidden;*/
}

.btnBet {
	
	border:0;
	background-color:#67E300;
	margin-left:5px;
	padding:3px;
	font-size:1.2em;
	/*visibility:hidden;*/
}
@keyframes animatedBackground {
	from { 
		background-position: 0 0;
	}
	to { 
		background-position: 100% 0; 
	}
}
.running {
	font-weight:bold;
	background-image: url("../images/ball.png");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size:25px 25px;
	animation: animatedBackground 10s linear infinite;
}
.td_teama {
	text-align:right;
	padding-right:3px;
	width:20%;
}
.td_teamb {
	text-align:left;
	padding-left:3px;
	width:20%;
}
.td_sender, .td_anstoss, .td_ergebnis, .td_tip, .td_gruppe, .td_punkte {
	text-align:center;
	width:10%;
}

.inpsaved {
	background-color:#67E300 ;
	transition: background-color 1s;
}
.tblGruppentabelle {
        width:50%;
	margin: 0 auto;
}
.tblGruppentabelle tr {
        height:25px;
}
.tblGruppentabelle tr:nth-child(2n){
        background-color:#cdcdcd;
}
.td_gt_mansch {
	padding-left:3px;
	width:25%;
}
.td_gt_platz {
	text-align:center;
        width:5%;
}
.td_gt_spiele, .td_gt_S, .td_gt_U, .td_gt_N, .td_gt_Tore, .td_gt_Diff, .td_gt_Pkt {
	text-align:center;
        width:10%;
}
.td_gt_Pkt {
	font-weight:bold;
}
.gt_diff_neg {
	color: red;
}
/*-------------------------------------------------------------------------------------
FAQ
-------------------------------------------------------------------------------------*/

#div_faq{
}

.faqentry {
	padding-bottom:20px;	
}

/*-------------------------------------------------------------------------------------
PROFIL
-------------------------------------------------------------------------------------*/
#div_profile_pic {
	float:left;
	margin:0 10px 0 0;
	text-align:center;
	width:300px;
	
}

#img_profile {
	width:100%;
	border-radius:15px;
}

#div_tbl_user_bets{}

#user_rang {
	font-family:'Syncopate',sans-serif;
	font-size:2.0em;
	text-shadow: 3px 3px 5px #5C5C5C;	
}

#tbl_user_bets {
	width:65%;
	text-align:center;
}
#tbl_user_bets tr:nth-child(2n) {
	background-color:#cdcdcd;
}
#tbl_user_bets tfoot {
	font-weight:bold;	
}
.td_trenner {
	height:1.5em;
}
#div_profiledit {
	/*border:1px solid black;*/	 /*Debug*/
	width:48%;
	text-align:center;
	float:left;
}
#div_profiledit div {
	padding-bottom:15px;	
}
#div_profiledit table {
	width:80%;
	margin:0 auto;
}
.td_left {
	text-align:left;
	width:50%;
}
.td_right {
	text-align:right;	
}
#div_profiledit input {
	border:1px solid black;
	border-radius: 15px; 
	font-size:1.2em;
	padding:1px;
	text-align:center;
	width:200px;
	margin-top:5px;
}
#div_profiledit button {
	width:100px;
}
#div_profiledit label {
	font-size:1.2em;	
}
#div_teamedit {
	/*border:1px solid black;*/	
	width:48%;
	float:right;
}
#div_teamedit input {
	border:1px solid black;
	border-radius: 15px; 
	font-size:1.2em;
	padding:1px;
	text-align:center;
	width:200px;
	margin-top:5px;
}
#div_teamedit select {
	border:1px solid black;
	border-radius: 15px; 
	font-size:1.2em;
	padding:1px;
	text-align:center;
	width:200px;
	margin-top:5px;
}
#div_teamedit button {
	width:100px;
}

/*-------------------------------------------------------------------------------------
RANGLISTE
-------------------------------------------------------------------------------------*/
#div_rang_liste {
	width:100%;
}
#div_rang_liste table {
	width:100%;	
	text-align:center;
}
#div_rang_liste_player {
	width:47%;
	float:left;
	text-align:center;
	padding: 5px;
}

#div_rang_liste_team {
	width:47%;
	float:right;
	text-align:center;
	padding: 5px;
}
.tbl_rang {
	width:100%;
	border:1px solid black;
}
/*-------------------------------------------------------------------------------------
TEAMSEITE
-------------------------------------------------------------------------------------*/
#div_team_logo{
	width:200px;
	float:left;	
}
#div_team_logo img{
	width:100%;	
}
#team_table_contailer{
	float:left;	
	width:80%;
	text-align:center;
	padding-left:10px;
}
#div_team_liste_player {
	width:100%;
}

#div_teamrang_liste_team {
	width:100%;
}

@media screen and (max-width: 960px) {
h1 {
	font-family:'Syncopate',sans-serif;
	font-size:3.8em;
	text-shadow: 5px 5px 5px #5C5C5C;
}
h2 {
	font-family:'Syncopate',sans-serif;
	font-size:2.2em;
	text-shadow: 3px 3px 5px #5C5C5C;
}
h3 {
	font-family:'Syncopate',sans-serif;
	font-size:1em;
	text-shadow: 3px 3px 5px #5C5C5C;
}
#div_rang_liste_team {
	width:100%;
	float:none;
	margin-top:10px;	
}
#div_rang_liste_player {
	width:100%;
	float:none;	
}
}

@media screen and (max-width: 480px) {
	h1 {
	font-family:'Syncopate',sans-serif;
	font-size:3.5em;
	text-shadow: 5px 5px 5px #5C5C5C;
}
h2 {
	font-family:'Syncopate',sans-serif;
	font-size:2.5em;
	text-shadow: 3px 3px 5px #5C5C5C;
}
h3 {
	font-family:'Syncopate',sans-serif;
	font-size:1em;
	text-shadow: 3px 3px 5px #5C5C5C;
}

}

.inp_error {
	border:1px solid red !important;
	box-shadow: 0 0 5px 0 #FF0000;
	color:red;
	background-image:url(../images/inp_false.png);
	background-repeat:no-repeat;
	background-position:left 5px center;
}
/*-------------------------------------------------------------------------------------
ADMINSEITE
-------------------------------------------------------------------------------------*/
.inp_addgame_sender {
	width:35px;
	border:1px solid black;
	text-align:center;
	padding:3px;
/*	font-size:1.2em;*/
}
.inp_addgame_erg {
	width:25px;
	border:1px solid black;
	text-align:center;
	padding:3px;
	font-size:1.2em;
}
.btn_addgame_save {
	border:0;
	background-color:#67E300;
	margin-left:5px;
	padding:3px;
	font-size:1.2em;
	visibility:hidden;
}
.btn_addgame_saveerg {
	border:0;
	background-color:#67E300;
	margin-left:5px;
	padding:3px;
	font-size:1.2em;
}
.btn_addgame_edit {
	border:0;
	background-color:#0067E3;
	color:#FEFEFE;
	margin-left:5px;
	padding:3px;
	font-size:1.2em;
}
.btn_addgame_del {
	border:0;
	background-color:#E36700;
	color:#FEFEFE;
	margin-left:5px;
	padding:3px;
	font-size:1.2em;
}

.test1{
	background-color:none;
	transition: background-color 1s;
}

.test1:hover{
	background-color:red;
	transition: background-color 1s;
}
/*-------------------------------------------------------------------------------------
COOKIEDINGSBUMS
-------------------------------------------------------------------------------------*/
#cookiedingsbums a {color:#000; text-decoration:none;}

#cookiedingsbums a:hover {text-decoration:underline;}

#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}