@charset "UTF-8";
* {
margin:0 auto;	
}

html,body{
width: 100%;	
}

body{
font-family: arial,verdana,sans-serif;
background: #fff;
color: #000;	
overflow: auto;
}

#wrapper,#main,header{
width: 1230px;    
height: auto;
}

#main{
margin-left: 4px;
background: #FDFDFD;
}

header{
background: red;
height: 210px;
background: url(../images/header.jpg);
background-size: 100%;
}

#spacer{
width: 330px;	
height: 210px;
float: left;
}

#login{
font-family: verdana;
font-size: 14px;
font-weight: bold;
color: white;
float: left;
text-align: right;
line-height: 33px;
width: 430px;
height: 80px;
padding: 45px 0 0 20px;	
}

#loginlinks,#loginrechts,#loginmitte{
float: left;   
}

#loginlinks{
text-align: center;
width: 40px;
padding: 5px 5px 0 0;   
}

#loginmitte{
margin-top: 1px;    
}

#wartung{
font-family: verdana;    
text-align: center;
width: auto;
height: auto;
padding: 5px 15px;
font-size: 14px;
line-height: 20px;
position: fixed;
top: 70px;
left: 500px;
box-shadow: 0px 0px 3px 2px #000;
text-shadow: 1px 1px 1px #fff !important;  
}


#login h4{
font-size: 12px;	
text-align: left;
color: yellow;	
padding-left: 7px;
}

#login h4 a{
color: white;
font-weight: bold;
cursor: help;
}

.anmelden{

text-shadow: 1px 1px 1px black;  
}

.kwort{
text-shadow: 1px 1px 1px black;      
}

.clearboth{
clear: both;    
}

.eingabe{
font-size: 14px;
height: 20px;
font-weight: bolder;
width: 150px;
padding-left: 2px;
border-radius: 3px;
float: left;
}

#einloggen{
font-family: 'Material Icons';
font-size: 16px;
width: 40px;
height: 25px;
border-radius: 5px;
background: #900201;
color: #fff;
text-shadow: 2px 2px 1px #000;
box-shadow: inset -2px -2px 1px #000;
text-align: center;
font-weight: bolder;
margin-left: 5px;
margin-top: -3px;
}

#einloggen:hover{
box-shadow: inset -2px -2px 1px #000, 0px 0px 3px 2px white;	
}

#welcome,#dummy{
width: 	350px;
height: 130px;
color: yellow;
padding-top: 25px;
padding-right: 80px;
float: right;
text-align: right;
}

#welcome{
padding-right: 30px;
}

#back{
margin-left: 30px;
width: 273px;
height: 40px;
background: url(../images/userback2.jpg);   
float: right;
}

#back p{
color: white;
letter-spacing: 1px;
text-shadow: 1px 1px 1px black;
font-weight: bolder;
text-align: center;
padding-top: 3px;
}

footer{
width: 100%;
margin-top: 2px;
position: relative;
bottom: 40px;
}

footer a{
color: white;	
text-decoration: none;
margin-left: 15px;
}

footer a:hover{
color: white;	
text-decoration: underline;
}

article{
margin-top: 0px;
clear: both;
background: white;
padding: 10px 5px 5px 20px;
min-height: 440px;
height: auto;
overflow: auto;
width: 1180px;
-webkit-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.38);
box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.38);
}

.spedit{
width: 1250px !important;
}

/*   Navi Start         */
#navadmin,#navuser,#navmain{
text-shadow: 1px 1px 1px #000;    
float: left;
font-family: arial;
font-weight: bolder;	
}

#navadmin ul,#navuser ul,#navmain ul{
padding-left: 50px;
display: block;	
}

#navuser ul li,#navmain ul li,#navadmin ul li{
float: left;
display: block;
list-style-type: none;
text-align: center;
width: auto;
padding: 5px;
}

#navuser ul li a,#navmain ul li a,#navadmin ul li a{
text-decoration: none;
color: white;
font-size: 18px;
line-height: 18px;
letter-spacing: 1px;
padding: 3px 15px;
}

#navadmin ul li a:link,#navuser ul li a:link,#navmain ul li a:link,a:visited{
-webkit-transition: background 0.4s ease-out 0.1s;
-moz-transition: background 0.4s ease-out 0.1s;
-o-transition: background 0.4s ease-out 0.1s;
transition: background 0.4s ease-out 0.1s;
}

#navadmin ul li a:hover,#navuser ul li a:hover,#navmain ul li a:hover{
border-radius: 5px;
background: #730000;
box-shadow: 0px 0px 3px 2px white,inset -1px -1px 2px black;	
}

#navadmin,#navuser{
margin-left: 25px;	
}

#navadmin ul li{
width: 130px;	
}

#home,#logout  {
width: 20px !important;    
font-family: 'Material Icons';
font-weight: lighter;
color: red !important;
display: inline-block;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
padding: 5px 0 5px 0 !important;
}

#home a,#logout a{
margin: 0 auto;
vertical-align: center;
text-align: center;
font-size: 22px !important;  
text-shadow: 1px 1px 1px #000;  
}

#home{
margin-right: 40px;  
}

#logout{
margin-left: 3px;  
}

.homeicon{
position: relative;
left: 6px;
}

.logouticon{
position: relative;
left: 11px;
}

.minitext{
text-align: center;
font-family: verdana;
font-size: 10px !important;
text-shadow: 1px 1px 1px #000;  
}

.homemini{
margin-left: -23px;
}

.logoutmini
{
margin-left: -21px;
}

.navicons{
text-align: center;
position: relative;
top: -4px;
}


#navadmin  ul li a,#navuser  ul li a{
padding: 5px 10px;
}

#navadmin ul li ul,#navuser ul li ul{
position: absolute;
top: 178px;
z-index: 1000;
display: block;
width: 135px;
visibility:hidden;
}

#navadmin ul li ul li ul{
position: relative;
top: -40px;
left: 210px;
z-index: 1000;
display: block;
width: 135px;
visibility:hidden;
}


#navadmin ul li ul li{
background: url(../images/menback.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
width: 180px;	
position: relative;	
left: -95px;
top: 10px;
height: 21px;
padding: 10px 5px 7px 10px;
border-bottom: 1px solid black;
border-top: 1px solid black;
}

#navadmin ul li ul li{
position: relative;	
left: -75px;
padding-top: 5px;
}

#navuser ul li ul li{
background: url(../images/menback.png);
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
width: 180px;	
position: relative;	
height: 21px;
left: -95px;
top: 10px;
padding: 10px 5px 7px 10px;
border-bottom: 1px solid black;
border-top: 1px solid black;
}


#navadmin ul li ul li{
position: relative;	
left: -75px !important;
top: 15px !important;
padding-top: 5px;
}



#navadmin ul li ul li a{
font-size: 12px;
font-weight: bolder;
line-height: 20px;
}

#navuser ul li:hover >ul{
visibility:visible;
}

#navadmin ul li:hover >ul{
visibility:visible;
}

#navadmin ul li ul li a:hover,#navuser ul li ul li a:hover{
padding: 1px 10px;
}

#nav_ergebnisse{
left: 240px !important;
top: -8px !important;
}


/*   Navi Ende    */

#footerbox{
padding: 2px 15px;	
height: 35px;
line-height: 35px;
font-family: verdana;
font-size: 11px;
font-weight: bolder;
letter-spacing: 1px;
color: white;	
width: 90%;
background: #b10101;
border-radius: 5px 5px 0 0;	
}

.boxleft{
text-align: left;	
float: left;
text-shadow: 1px 1px 1px #000; 
}

.boxright{
text-align: right;	
float: right;
}

#scrolltotop{
font-size: 45px !important;
padding: 0;
vertical-align: -19px;
text-shadow: 1px 1px 1px #000;
}

#scrolltotop:hover,#imprint:hover,#daschutz:hover{
text-decoration: none;
color: #fff;    
text-shadow: 1px 1px 1px #ccc; 
}

#imprint,#daschutz{
text-shadow: 1px 1px 1px #000; 
}


#news1,#news2,#news3 {
color: black;
font-weight: bold;
font-size: 14px;
line-height: 14px;
width: 90%;
text-align: center;
padding-left: 50px;
margin-left:  50px;
margin-top: 10px;	
padding: 15px 5px;
clear: both;
float: left;
}

#news1dat,#news2dat,#news3dat{
color: black;
font-family: verdana;
font-size: 14px;
font-weight: bolder;
height: 35px;
line-height: 35px;
text-align: center;
width: 115px;
margin-left: 50px;
margin-top: 3px;
float: left;
clear: both;
}

#h1user,#uhr{
  color: black;
  font-family: verdana;
  font-size: 14px;
  font-weight: bolder;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 115px;
  margin-left: 50px;
  margin-top: 3px;
   }


#uhr{
display: block;
text-align: center;
font-size: 12px;
color: black;
border: 1px solid #aaa;
width: 285px;	
position: relative;
left: 814px;
top: 0px;
z-index: 100;
}

#news2dat,#news3dat {
margin-top: 25px;
}

#news3{
margin-bottom: 50px;    
}

.verlauf{
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
border: 1px solid #aaa;
-moz-border-radius: 5px;
border-radius: 5px;
background: rgb(226,226,226);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );	
}

.red{
color: red;	
}

.yellow{
color: yellow !important;
}	

.boldred{
font-weight: bold;
color: red;	
}

.centerred{
color: red;	
text-align: center;
}

.center{
text-align: center;	
}

.left{
text-align: left;    
}

.leftimp{
text-align: left !important;    
}

.right{
text-align: right;    
}

.logout{
padding-left: 160px;
}

.textshadow{
text-shadow: 1px 1px 1px #000;
}

.width10{
width: 10px;    
}

.width20{
width: 20px;    
}

.width40{
width: 40px;    
}

.width50{
width: 50px;    
}

.width60{
width: 60px;    
}

.width90{
width: 90px;    
}

.width100{
width: 100px;    
}

.width110{
width: 110px;    
}

.width250{
width: 250px;   
}

.width150{
width: 150px;   
}

.width190{
width: 190px;   
}

.right100{
text-align: right;
padding-right: 14px;
width: 100px;
}

.right50{
text-align: right;
padding-right: 13px;
width: 50px;
}

.tabzeileNick{
width: 20px;
text-align:right;
}

.pad5{
padding: 5px;    
}

.padright5{
padding-right: 5px;    
}

.padright10{
padding-right: 10px;    
}

.padleft5{
padding-left: 5px;    
}

.padleft10{
padding-left: 10px;    
}

.padleft32{
padding-left: 32px !important;    
}

.margin5{
margin: 5px !important;    
}

.marginleft0{
margin-left: 0 !important;    
}

.marginbottom20{
 margin-bottom: 20px !important;     
}

.marginbottom30{
 margin-bottom: 30px !important;     
}

.marginbottom40{
 margin-bottom: 40px !important;     
}

.pointer{
cursor: help !important;   
}

.pointer2{
cursor: pointer !important;   
}

.ja{
color: green;   
text-align: center;
}

.nein{
color: red; 
text-align: center;
}

.ronly{
background: #bbb !important;
}

.rot{
color: red !important;    
}

.blau {
color: blue !important;    
}

.gruen{
color: green !important;    
}

.cyan{
color: #FF00BF !important;
} 

.gelb{
color: #FFE51E !important;    
}

.mini{
font-size: 10px !important;    
}

.tabplatz{
font-size: 9px !important;    
vertical-align: 2px;    
}

#spielregeln,#datenschutz{
padding: 10px 30px 45px 15px;	
text-align: justify;
}

#datenschutz h2, #spielregeln h2{
font-size: 18px;	
padding-bottom: 5px;
}

#spielregeln hr{
margin: 10px 0;	
}

#datenschutz h4, #datenschutz p{
margin: 10px 0;  
}

#hinweismeldung,#welcomeuser{
text-align: center;	
line-height: 30px;
margin: 10px 29px 10px 15px;	
padding: 10px 15px;
color: black;
font-family: verdana;
}

#hinweismeldung{
margin-bottom: 50px; 
font-weight: bolder;   
}

#countdown{
display: block;	
color: black;
padding: 3px;
font-family: 'Nova Square',cursive,verdana, arial;	
font-weight: bolder;
text-shadow: 1px 1px 5px #eee;
letter-spacing: 1px;	
}

#parambox{
width: 450px;
line-height: 40px;	
padding: 15px;
margin-bottom: 40px;
}

#parambox  input[type="submit"]{
margin-left: 25% !important;
}

#paramlist{
list-style-type: none;
}

#paramlist li{
float: left;
font-size: 12px;
}

#paramlist li:nth-child(odd){
width: 55%; 
}

#register fieldset{
width: 500px;	
margin: 0 auto;
text-align: right;
padding: 5px 10px 10px 0;
font-size: 12px;
font-weight: bolder;
}

#register legend{
font-weight: bolder;	
font-size: 14px;
}

#register fieldset p{
margin: 0;
padding: 0;
line-height: 24px;
}

#register fieldset input{
margin-left: 3px;	
width: 210px;
}

#register fieldset select{
margin-left: 3px;	
}

#register label.error{
	display: block;
	width: 400px;
	height: 22px;
	color: #efefef;
	background-color: #b9485d;
	padding: 1px;
	text-align: center;
	margin-left: 100px;
	font-size: 10px;
}

#register input.error {
	background: #c1848c;
}

#register input.valid {
	background-color: #69e35d;
}

#register textarea{
font-family: verdana;
font-size: 12px;	
}

#userneu {
    font-size: 12pt;
    height: 400px;
    left: 13px;
    margin-bottom: 50px;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 670px;
    z-index: 1000;
}

#userneu{
min-height: 300px;
height: auto;
}

#userneu,#userneu input{
z-index: 500;
}

#meldung {
    background: none repeat scroll 0 0 red;
    color: white;
    font-size: 14px;
    font-weight: bolder;
    height: 280px;
    left: 342px;
    opacity: 0.75;
    padding: 20px;
    position: fixed;
    text-align: justify;
    width: 756px;
    z-index: 2000;
}

#verstanden,#ausgang{
margin-top: 15px;	
text-align: center;
margin-left: 150px;
}

#ausgang{
margin-left: 20px;	
}

.infobox{
width: 80%;
text-align: center;
padding: 15px;
margin-top: 10px;
}

.infobox input[type=email]{
width: 220px;    
}

.sp-modal-ui, .sp-modal-message, .ui-draggable{
    left: 380px !important;
    top: 240px !important;
}

.sp-modal-body{
font-family: arial;  
text-shadow: 2px 2px 2px #fff;  
font-weight: bolder;   
}

#abgstatusTop{
font-size: 14px;    
padding: 5px;
height: auto;
margin-top: 0px;
}

/*---------------------------*/
/*   Tabellen Start          */
/*---------------------------*/

#tagstat,#abgstatus,#userlog,#loginreport{
font-family: calibri,arial;
font-size: 13px;
border-width:1px;
border-style:solid;
border-color:#ccc;
padding: 5px;
text-align:center;
}

#userlog p,#loginreport p{
margin-bottom: 35px;    
}

#users,#loginreport,#userlog{
border: none;    
}

#abgstatus{
border:none;    
}


#logbox,#statdet,#tstat,#tagstat,#users,#abgstatus table,#userlog table, #loginreport table {
border-collapse: collapse;
border: none;
margin: 0px auto;
margin-bottom: 20px;
box-shadow: 0px 0px 2px 3px black;  
width: 100%;
}



#statdet{
width: 85%;    
}

#fst{
padding-bottom: 50px;   
}

#users{
margin-top: 10px;
width: 80%;
}

#abgstatus table{
width: 50%;  
margin-top: 20px;  
margin-bottom: 50px;
}

#statdet th,#tstat th,#tagstat th,#teamstamm th,.getippt th,#paarungen th,#spielertipps th,#users th,#abgstatus th,#userlog th, #loginreport th,#abgstatus th {
background-color: #9B0101;
color: #fff;
font-size: 12px;
cursor: pointer;
}

.getippt th,#paarungen th,#spielertipps th{
cursor: none;    
color: #fff;
text-shadow: 1px 1px 1px #000;
}

.bulitab,#spielplan,#tippen,#tstat,.getippt,#paarungen,#spielertipps,#tipplog{
width: 100%;
font-family: tahoma,verdana,arial;
padding: 0;    
margin: 0;
border: 0;
cellpadding: 0;
cellspacing: 0;
border-collapse: collapse;
color: black;
text-shadow: 1px 1px 1px #fff;
}

.bulitab{
font-weight: 500;
width: auto !important;
margin: 0 auto !important;    
margin-bottom: 40px !important;

}

.bulitab td{
font-size: 14px;
padding: 1px 10px;
text-align: right;
border: 1px solid #ccc;
}

.bulitab tr{
margin-bottom: 1px !important;
}

.bulitab td img{
padding-right: 5px;
}

#spielplan,#tippen,#tipplog{
width: 660px;  
margin: 0 auto;  
margin-top: 5px;
}

/*
#tippen,#tippenoben,#tippenunten{
width: 720px !important;  
}
*/

#spielplan,#tippen tr,#tipplog tr{
height: 25px !important;    
}

.bulitab,#spielplan,#tippen td,#tipplog td{
font-size: 16px;
height: 25px !important;  
line-height: 22px;  
}

#tippen img{
padding: 0 2px -1px 0 !important;    
margin: 0 6px -5px 4px; 
}

#spaar{
margin-right: 10px;
}

#spielertipps th{
font-size: 11px !important; 
padding: 0 3px  !important; 
}

#userlog td {
margin-left: 10px;
}

#stand_ewig tr:nth-child(even),.bulitab tbody tr:nth-child(even),#spielplan tr:nth-child(even),form.tr:nth-child(even), div.tr:nth-child(even),#teamstatistik tr:nth-child(even),#tippen tr:nth-child(even),#tipplog tr:nth-child(even),#tstat tr:nth-child(even),#tagstat tr:nth-child(even),#teamstamm tr:nth-child(even),.getippt tr:nth-child(even),#spielertipps tr:nth-child(even),#paarungen tr:nth-child(even),#users tr:nth-child(even),#abgstatus tr:nth-child(even),#loginreport tr:nth-child(even),#userlog tr:nth-child(even),#stand_tag tr:nth-child(even),#stand_gesamt_fix tr:nth-child(even),#gewinn_fix tr:nth-child(odd),#statdet tr:nth-child(odd){
background: rgb(245,246,246);
background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1)));
background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
background: -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
background: -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
background: linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );
}

#stand_ewig tr:nth-child(odd),.bulitab tbody tr:nth-child(odd),#spielplan tr:nth-child(odd),#dlcontainer:hover,form.tr:nth-child(odd), div.tr:nth-child(odd),#teamstatistik tr:nth-child(odd),#tipplog tr:nth-child(odd),#tippen tr:nth-child(odd),#tstat tr:nth-child(odd),#tagstat tr:nth-child(odd),#teamstamm tr:nth-child(odd),.getippt tr:nth-child(odd),#spielertipps tr:nth-child(odd),#paarungen tr:nth-child(odd),#users tr:nth-child(odd),#abgstatus tr:nth-child(odd),#loginreport tr:nth-child(odd),#userlog tr:nth-child(odd),#stand_tag tr:nth-child(odd),#stand_gesamt_fix tr:nth-child(odd),#gewinn_fix tr:nth-child(even),#statdet tr:nth-child(even){
background: rgb(246,248,249);
background: -moz-linear-gradient(top,  rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1)));
background: -webkit-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
background: -o-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
background: -ms-linear-gradient(top,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
background: linear-gradient(to bottom,  rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
}

#paarfooter,#paarfooter:hover{
background: #9B0101 !important;
color: #fff !important;
text-shadow: 1px 1px 1px #000 !important;
font-size: 12px;    
}

#stand_ewig,.bulitab,#spielplan,#monitor,#tippen,#paarungen,#spielertipps,#stand_tag,#stand_gesamt_fix,#gewinn_fix{
border: 1px solid #aaa;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
font-family: tahoma,arial;
}

.spielstandvoll,.gesamtstand,#gewinn{
height: auto;
border: 0;
cellpadding: 0;
cellspacing: 0;
border-collapse: collapse;
}

.spielstandleer{
height: 100%;
width: 100%; 
cellpadding: 0;
cellspacing: 0;
border-collapse: collapse;
}

.gesamtstand{
width: 300px;
}

.spielstandkopf,.saisonkopf,.gewinnOben{
background: #9B0101;
color: white;
text-shadow: 1px 1px 1px #000;
font-size: 12px;
line-height: 20px;
font-weight: bolder;
text-align:  center;
}

.bulikopf{
background: #9B0101 !important;
color: white;
text-shadow: 1px 1px 1px #000;
font-size: 12px;
line-height: 20px;
font-weight: bolder;
text-align:  center;
}

.gewinnOben{
width: 100px;   
margin: 0px 0px 22px 0;
}

.spielstandkopf{
margin-bottom: 5px;
}

.saisonkopf{
width: 300px;
margin: 0px 0px 5px 0px;
}

#box{
min-height: 490px;
height: auto;
padding: 0 5px 0 235px;
margin-bottom: 5px;
}

#stand_tag,#stand_gesamt_fix,#gewinn_fix{
padding: 0;  
float: left;
height: auto;
}

#stand_tag{
width: 240px;
}

#stand_gesamt_fix{
width: 300px;
margin: 0px 15px;
}

#gewinn_fix table{
width: 100px;
}

#gewinn_fix{
width: 100px;
text-align:center;
}

#stand_ewig table th,tr,td,#stand_tag table th,tr,td, #stand_gesamt_fix table th,tr,td,#gewinn_fix table th,tr,td{
height: 18px;
font-size: 12px;
border: none;
border-collapse: collapse;
}

.MPA, .bulitab thead th:hover,#ewigtab thead th:hover{
cursor: help;    
}

#tipplog tr:hover,#stand_ewig tr:hover,.bulitab tbody tr:hover,#spielplan tr:hover,#hinweismeldung,#statdet tr:hover,#teamstatistik tr:hover,#tstat tr:hover,#tagstat tr:hover,#teamstamm tr:hover,#paarungen tr:hover,input:focus,#users tr:hover,#abgstatus tr:hover,#loginreport tr:hover,#userlog tr:hover,#stand_tag table tr:hover,#stand_gesamt_fix table tr:hover{
text-shadow: 1px 1px 1px #fff;
background: rgb(254,252,234);
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)));
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );
}

.match{
text-shadow: 1px 1px 1px #fff !important;
background: rgb(254,252,234) !important;
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))) !important;
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%) !important;
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%) !important;
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%) !important;
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ) !important;
}

.th,.th:hover{
background: rgb(255,255,255) !important;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))) !important;;
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%) !important;;
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%) !important;;
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%) !important;;
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%) !important;;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ) !important;;
}

.highlight{
text-shadow: 1px 1px 1px #fff !important;
background: rgb(254,252,234)!important;
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)))!important;
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 )!important;
}

.highlight2{
background: rgb(255,254,247);
background: -moz-linear-gradient(top,  rgba(255,254,247,1) 0%, rgba(250,243,190,1) 100%)!important;
background: -webkit-linear-gradient(top,  rgba(255,254,247,1) 0%,rgba(250,243,190,1) 100%)!important;
background: -o-linear-gradient(top,  rgba(255,254,247,1) 0%,rgba(250,243,190,1) 100%)!important;
background: -ms-linear-gradient(top,  rgba(255,254,247,1) 0%,rgba(250,243,190,1) 100%)!important;
background: linear-gradient(to bottom,  rgba(255,254,247,1) 0%,rgba(250,243,190,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffef7', endColorstr='#faf3be',GradientType=0 )!important;


}


#teamstamm{
border: 1px solid #ccc;    
border-collapse: collapse;
width: 300px;   
float: left;
}

#teamstamm td a{
text-decoration: none;
color: black;
padding-right: 3px; 
cursor: help;
}

#teamtab{
float: left;    
}

#teamedit{
width: 450px;
float: left;
margin-left: 30px;
}

#teamedit form{
font-size: 12px;    
padding: 3px;
}

#teamedit form #b1{
margin: 10px 0px 5px 50px;
padding-bottom: 4px;
}

#teamedit input{
width: 290px;   
padding: 1px 0px 1px 2px;
}

#teamedit ul{
width: 420px;
}

#teamedit ul li{
list-style-type: none;
width: 80px;
float: left;
line-height: 30px;
}

#teamedit ul li:nth-child(even){
width: 320px;   
}

#tagstat{
width: 400px;
margin-top: 10px;    
}

#Torstatistik{
height: auto;
overflow-y: auto;    
overflow-x: hidden;
margin-bottom: 50px;
}

#tstat{
width: 400px;
margin: 0 auto;
margin-top: 10px;
}

#statdet th:hover,#tstat th:hover,#tagstat th:hover,#tagstat tfoot:hover{
text-shadow: 1px 1px 1px #000;
}

#statdet td{
font-size: 11px;
height: 13px;
}

/*---------------------------*/
/*   Tabellen Ende           */
/*---------------------------*/

/* start Profil */

#userprofil{
height: 380px !important;    
}

#members2{
font-size: 14px;
height: 170px;
width: 790px;
border-width:1px;
border-style:solid;
border-color: #aaa;
padding: 5px 10px;
text-align:justify;
}

.profildaten{
width: 700px;
}

.profildaten li{
width: 250px;
padding-bottom: 2px;
float: left;
display: block;
list-style-type: none;
text-align:left;
}

.profildaten li:nth-child(odd){
font-weight: bold;  
}

#change{
width: 790px;
margin-top: 20px;
font-size: 14px;
padding: 5px 10px;
height: 75px;
text-align: left;
}

#change ul{
clear: both;
float: left;
padding-left: 63px;
}

#change ul li {
line-height: 35px;
float: left;
width: 230px;
list-style-type: none;  
}

.ausgabe{
width: 800px;
text-align: center;
margin-top: 20px;
padding: 5px;
font-size: 14px;
}
/* ende Profil */

#admin{
padding-bottom: 30px;
}

#admin input{
margin-left: 43%;    
}

#admin a{
text-decoration: none;    
font-weight: bold;
}

/* Button */
.knopf,.mini2,.sp-modal-footer input[type="button"],.submit,.submit:focus{
margin: 3px;
font-family: verdana;
line-height: 15px;   
text-shadow: 1px 1px 1px #000; 
height: 33px;
border: 2px outset buttonface;
text-transform: uppercase; 
color: white;
text-align: center;
font-weight: bolder;
border-radius: 5px;
background: rgb(108,0,0);
background: -moz-linear-gradient(top,  rgba(108,0,0,1) 0%, rgba(160,5,0,1) 50%, rgba(155,10,0,1) 51%, rgba(108,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(108,0,0,1)), color-stop(50%,rgba(160,5,0,1)), color-stop(51%,rgba(155,10,0,1)), color-stop(100%,rgba(108,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c0000', endColorstr='#6c0000',GradientType=0 );
}

.mini2{
height: 20px;
line-height: 16px;
font-size: 12px;
width: 90px;
}

.auswahl{    
margin: 3px;
padding-left: 2px;
font-family: verdana;
line-height: 15px;   
text-shadow: 1px 1px 1px #000; 
height: 33px;
border: 2px outset buttonface;
text-transform: uppercase; 
color: #fff;
text-align: center;
font-weight: bolder;
border-radius: 5px;
background: rgb(108,0,0);
}

.knopf:hover,.sp-modal-footer input[type="button"]:hover,.submit:hover,.auswahl:hover{
box-shadow: 0px 0px 3px 4px #000;  
}

#tipp{
width: 70%;
margin: 10px 0 10px 15%;
text-align: center;
line-height: 30px;
padding: 5px;
}

#spaar{
float: left;    
background: #aaa;   
width: 340px; 
}

#stipps{
display: block;
position: relative;
left: 5px;
width: 830px; 
height: 260px;   
float: left;
color: #000;
}

.tabtrenner{
background: #fff !important;    
width: 8px !important;    
}

.spieler{
border: 1px solid #aaa;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
font-family: tahoma,arial;    
border: none; 
width: 100px;   
margin: 0 3px;
margin-bottom: 5px;
float:left;
}

.userid{
color: red !important;
background: rgb(108,0,0);
background: -moz-linear-gradient(top,  rgba(108,0,0,1) 0%, rgba(160,5,0,1) 50%, rgba(155,10,0,1) 51%, rgba(108,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(108,0,0,1)), color-stop(50%,rgba(160,5,0,1)), color-stop(51%,rgba(155,10,0,1)), color-stop(100%,rgba(108,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c0000', endColorstr='#6c0000',GradientType=0 );
color: #F9DF70 !important;
}

.getippt{
width: 100%;    
}

.points{
color: #000;
text-shadow: 1px 1px 1px #aaa;
font-size: 12px;
background: rgb(255,255,255) !important;
padding-right: 2px;    
text-align: center;
width: 20px;
}

.gesamt{
background: #9B0101 !important; 
color: #fff;   
text-shadow: 1px 1px 1px #000;
padding-right: 2px;
text-align: center;
}

.ende{
text-align: center;  
font-weight: bold;
border: none;
background: #fff !important;
}

#blaettern{
clear: both;    
margin-left: 45%;
}

#blaettern ul li{
float: left;
margin-left: 5px;
list-style-type: none;
padding: 5px 10px;
width: 20px;
text-align: center;
}

#blaettern ul li a{
text-decoration: none;
color: black;
font-family: courier,arial,verdana;
font-size: 16px;
font-weight: bold;
}

#ja{
width: 30px;  
text-align: center;  
}

#ja:hover,#abgabe input[type=submit]:hover,#blaettern ul li:hover,#blaettern ul li a:hover,.notice{
text-shadow: 1px 1px 1px #fff;
background: rgb(254,252,234);
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)));
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );
}

#rundmail{
width: 800px;
margin-top: 10px;
padding: 10px;   
font-family: verdana; 
}

#rundmail input[type=text]{
width: 740px;
padding-left: 5px;
}

#rundmail textarea{
margin-top: 5px;
padding: 5px;
font-family: verdana; 
width: 740px;
}

#newseditor{
min-height: 430px;  
text-align: center;  
}

#newseditor h3{
font-size: 14px;
padding: 5px;    
}

#stats1{
min-height: 470px;
}

#statleft{
width: 120px;    
float: left;
margin-right: 5px;
}

#tabnavliste li, #statleft li{
text-align: center; 
padding: 4px 0;   
margin-bottom: 3px;
}

#tabnavliste li,#statleft li a{
font-family: arial;
font-size: 14px;
text-decoration: none;
color: black;
}

#tabnavliste li:hover,#statleft li:hover{
text-shadow: 1px 1px 1px #fff;
background: rgb(254,252,234);
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)));
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 );
}

#tabnavliste li:hover{
cursor: pointer;    
}

#tabnavliste li{
list-style-type: none;
text-align: left !important;  
padding: 8px;  
margin-bottom: 5px !important;
letter-spacing: 1px !important;
}


.jqplot-point-label{
color: #fff !important;
font-size: 18px !important;
text-shadow: 1px 1px 1px #000 !important;
}

.fragezeichen{
cursor: help;    
}

#teamstat{
padding: 5px 5px 10px 5px;  
font-size: 10px;
width: 450px;
position: absolute;
top: 64px;  
left: 39%;
z-index: 2000;
box-shadow: 0px 0px 2px 3px black;
}

#teamstat h3{
margin-left: 25px;
}

#teamstatistik{
font-family: tahoma,verdana,arial;
width: 400px;
margin: 0 auto; 
border: 1px solid black;
border-collapse: collapse;
text-shadow: 1px 1px 1px #fff; 
margin: 10px auto;
box-shadow: 0px 0px 2px 3px #000;
cursor: pointer;
}

.spielerstat{
position: fixed !important;
top: 50% !important;  
left: 40% !important;
}

.open{
}

.bulitab caption, #plan_kopf,#tippenoben,#tippenunten, .tipplog-info{
width: 660px;
padding: 3px 0;
height: 18px;
margin: 0 auto;
font-family: verdana;
font-size: 14px;
font-weight: bolder;    
line-height: 15px;   
text-shadow: 1px 1px 1px #000; 
border: 2px outset buttonface;
text-transform: uppercase; 
color: white;
text-align: center;
border-radius: 5px;
background: rgb(108,0,0);
background: -moz-linear-gradient(top,  rgba(108,0,0,1) 0%, rgba(160,5,0,1) 50%, rgba(155,10,0,1) 51%, rgba(108,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(108,0,0,1)), color-stop(50%,rgba(160,5,0,1)), color-stop(51%,rgba(155,10,0,1)), color-stop(100%,rgba(108,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c0000', endColorstr='#6c0000',GradientType=0 );
}

.bulitab caption{
width: auto !important;   
margin-bottom: 5px !important; 
}

#tippenunten{
margin-top: 5px;    
height: 50px;
line-height: 25px;
text-transform: inherit;    
}

#abgabe{
text-align: center;
}

#abgabe input[type=submit]{
clear: both;
width: 250px;
padding: 3px 0;
text-align: center;
font-weight: bolder;
margin-top: 10px;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
border: 1px solid #aaa;
-moz-border-radius: 5px;
border-radius: 5px;
background: rgb(226,226,226);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
}

.ulinks{
display: block;
float: left;   
width: 525px;
text-align: right; 
}

.urechts{
display: block;
float: left;  
width: 10px; 
padding-left: 25px;
text-align: left;
}

.tippfocus{
font-weight: bolder !important;
text-shadow: 2px 2px 2px #fff !important;
background: rgb(254,252,234)!important;
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)))!important;
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 )!important;
}

.tor{
font-size: 16px;    
border: 2px inset threedface;
width: 25px;
text-align: center;
padding: 0;
}

.tor:focus{
background: #ddd;
padding: 0 !important;
}

.readonly{
background: lime;
color: blue;
}
 
#tab{
margin: 5px auto;
display: table; 
width: 650px;
font-family: tahoma,verdana,arial;
color: black;
text-shadow: 1px 1px 1px #fff;
border: 1px solid #aaa;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
} 

form.tr, div.tr{
display: table-row; 
line-height: 28px;
}

span.td{
display: table-cell;    
padding: 1px 2px 2px 3px;
}

#tippauswahl{
text-align: center; 
width: 850px;
padding: 15px;   
}

#buttons3{
padding: 5px !important;
width: 870px !important;    
margin-bottom: 50px !important;
}

#checker,#checkerreg{
position: fixed;
top: 1px;
left: 1px;
display: none;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: lighter;
  font-size: 18px !important;
  color: red !important;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding: 4px 1px 0px 0px;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons2 {
  font-family: 'Material Icons';
  font-weight: normal;
  font-size: 17px !important;
  line-height: 17px;
  color: #00008B !important;
  background: rgb(254,252,234)!important;
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)))!important;
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 )!important;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding: 0;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons3 {
  font-family: 'Material Icons';
  font-weight: normal;
  font-size: 12px !important;
  line-height: 12px;
  color: #00008B !important;
  background: rgb(254,252,234)!important;
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)))!important;
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 )!important;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  padding: 0;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.material-icons4{
  font-family: 'Material Icons';
  font-weight: lighter;
  font-size: 28px;
 line-height: 17px;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
 }

.material-icons4ext{
 font-size: 20px !important;   
 margin-top: 0px;
 letter-spacing: -8px;
 margin-left: -7px;
}

.material-icons5ext{
color: #000 !important;
 font-size: 20px !important;     
}

.material-icons6ext{
 line-height: 15px !important;
 text-shadow: 2px 2px 1px #000;
 }

.material-icons7ext{
 font-size: 28px !important;
 line-height: 28px !important;
 text-shadow: 2px 2px 1px #000;
 }

 .material-icons8ext{
color: #000 !important;
 font-size: 14px !important;     
}

.fontnormal{
font-style: normal;
}


.material-icons2:hover{
 background: #00008B !important;
 color: #fff !important;
}

.hrmobw{
width: 30px;
margin: 0 auto;
}

.hrmobw2{
width: 80px !important;
margin: 0 auto;
}

#hinspielbox1,#hinspielbox2,#hinspielbox3,#hinspielbox4,#hinspielbox5,#hinspielbox6,
#hinspielbox7,#hinspielbox8,#hinspielbox9{
font-size: 10px;
font-weight: bolder;
padding: 0 10px;
font-family: verdana;
display: inherit;
float: right;
}

#btn1{
margin-top: 2px; 
height: 25px;   
}

.notice{
font-weight: bolder;
font-size: 12px;
padding:1.5% 24%;
}

.notice2{
display: block;
margin: 0 auto;
width: 80%;
padding: 10px 0;
font-weight: bolder;
font-size: 12px;
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
box-shadow: 2px 1px 1px #ccc,-2px -2px 1px #ccc !important;
}

#tabkopf{
width: 100%;
margin-left: 15px;

}

.tabhead{
width: 150px !important;
display: block;
float: left;
text-align: center;
}

#stage{
clear: both; 
width: 90% !important; 
margin-bottom: 40px;  
margin-left: 20px;
}

#stage input[type=text] {
text-align: center !important; 

}

.overflowoff{
overflow: hidden !important;    
}

.teamh img{
margin-left: 5px;    
}

.teamh,.teamg{
font-size: 16px;    
line-height: 18px;
}

.backred{
background: red !important;
color: white !important;    
}

#planselect{
margin-left: 50px; 
}

#planselect input[type=submit]{
margin-left: 40px;
}

.editor{
 margin-left: 50px !important;
 width: 600px !important;
}

.wahl{
width: 267px;    
}

#dlcontainer{
position: fixed;    
top: 40%;
left: 40%;
width: 400px;
height: 50px;
}

#dlcontainer a {
text-decoration: none;
font-size: 16px;
color: #000;
text-shadow: 1px 1px 1px #fff;  
}

#dlcontainer a:hover {
color: red;
text-shadow: 1px 1px 1px #000;  
}

#auswchkbox,#auswchkbox2{
float: left;
margin: 0 0 5px 30px;
font-size: 14px;
font-weight: bolder;    
}

#auswchkbox3{
font-size: 12px;
font-weight: bold;
margin-left: 40px;    

}

#auswchkbox3 .alles{
margin-left: 12px;    
margin-top: 2px;
}

.alles{
margin-right: 15px;    
}

#auswchkbox2{
 margin: 0 0 5px 8px;   
}

.entwinfo{
font-size: 10px;
background: yellow;
font-weight: bolder;   
clear: both;
float: left;

}

.speicherbutton{
display: none;    
}

.fett{
font-weight: bold;    
}

.fetter{
font-weight: bolder;    
}

.linkbutton{
color: #000;    
margin-left: 20px;    
display: block;
float: right;    
text-decoration: none;
}

.linkbutton:visited{
color: #000;    
}

.linkbutton:hover{
text-decoration: underline;    
}

.hidden{
display: none !important;    
}

.show{
display: inherit !important;    
}

#infobox,#monitor,#usermahnung{
font-size: 14px;
font-family: 'Nova Square',cursive,verdana, arial;  
font-weight: bolder;
display: block;
position: fixed;
top: 50px;
padding: 7px 12px;
z-index: 2000;      
background: #fff;
color: #000;  
}

#usermahnung{
text-align: center;
font-size: 20px  !important;
padding: 15px !important;
line-height: 30px !important;
z-index: 2000;
opacity: 0.9 !important;
background: #fff;
position: fixed;
top: 155px;
left: 30%;
width: 550px;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
}

#infobox{
left: 30%;
}

#infobox,#counter{
display: none;    
}

#monitor{
margin-left: 40%;

}

.dumm{
background: lime !important;
color: #000 !important;
}

#loader{
width: 43px;
height: 11px;
background: url(../images/loader.gif);
background-size: 100%;  
position: fixed;
top: 0px;
left: 0%;
z-index: 3000;      
}

#update{
margin: 0 5px;
}

#plan_spieltag{
font-family: verdana;      
width: 500px;
margin-bottom: 10px;
padding-bottom: 15px;
}

#plan_kopf{
width: 450px !important;
}

#spielplan{
width: 450px;
text-align: center;
}

#spielplan tr{
margin: 0;
padding: 0;    
}

#tabnavbox,.bulitabbox{
float: left;
}

#tabnavbox{
padding-top: 35px;
}

.bulitabbox{
margin-left: 5%;    
}

.bulitab tr img,#spielplan tr img{
margin-bottom: -5px;    
}

#steuerung{
color: #fff;
font-family: verdana;
font-size: 16px;
font-weight: bolder;    
text-shadow: 1px 1px 1px #000; 
border: 2px outset buttonface;
text-transform: uppercase; 
margin: 5px auto;
padding: 2px 0;
text-align: center;
width: 450px;
background: rgb(108,0,0);
background: -moz-linear-gradient(top,  rgba(108,0,0,1) 0%, rgba(160,5,0,1) 50%, rgba(155,10,0,1) 51%, rgba(108,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(108,0,0,1)), color-stop(50%,rgba(160,5,0,1)), color-stop(51%,rgba(155,10,0,1)), color-stop(100%,rgba(108,0,0,1)));
background: -webkit-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: -o-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: -ms-linear-gradient(top,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
background: linear-gradient(to bottom,  rgba(108,0,0,1) 0%,rgba(160,5,0,1) 50%,rgba(155,10,0,1) 51%,rgba(108,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c0000', endColorstr='#6c0000',GradientType=0 );
}

.vortextstand,#vortext{
vertical-align: 2px;
}

#vortext{
padding: 0 5px 0 10px;  }

.schatten td{
 text-shadow: 1px 2px  1px #ccc  !important;
 font-weight: 500;
}

#logbox{
line-height: 16px !important;
padding: 5px;
z-index: 2000;
opacity: 0.9 !important;
background: #fff;
position: fixed;
top: 190px; 
margin: 0 auto !important;
width: 1100px !important;
}

#logbox h4{
margin-bottom: 5px;
font-size: 14px;    
}

#notifier,#notifier2,#reloadme,#closeme{
text-shadow: 2px 1px  1px #fff  !important;
float: right;    
position: absolute;
right: 3px;
top: 5px;
}

#notifier2{
text-shadow: 2px 1px  1px #ccc  !important;
position: relative; 
left: 29%;
top: 11px;
float: left;
color: #840200;
}

#hotnews1,#hotnews2,#hotnews3{
  text-shadow: 2px 1px  1px #ccc  !important;
  float: left;
  color: #840200;  
  position: relative;
  left: 5px;
}

#hotnews1{
top: 10px;
}

#hotnews2,#hotnews3{
top: 33px;
}


#reloadme{
right: 30px;    
}

#notifier
{
right: 60px; 
color: #A51B1B;  
text-shadow: 2px 1px  1px #a8a1a1   !important; 
}

#reloadme:hover,#closeme:hover{
color: #A51B1B;
text-shadow: 2px 1px  1px #a8a1a1   !important;
}

.ueberschrift{
width: auto;
font-size: 16px;
display: block;
padding: 5px;
text-align: center;
margin: 10px 300px;    
box-shadow: 2px 2px 5px #000;
}

.ueberschrift2{
width: 734px;
font-size: 16px;
font-weight: bolder;
display: block;
padding: 10px 0px 10px 76px;
text-align: left;
margin: 0 auto;
margin-bottom: 15px;

}


.tippschatten{
box-shadow: 0px 0px 1px black, 1px 1px 1px yellow, -1px -1px 1px yellow !important;    
}

#buttonbar{
padding: 5px 0 0 0;
width: 80% !important;
height: 45px;    
text-align: center;
margin: 0 auto;
}

.userbtn{
float: right;
margin-right: 10px;
background: #D00000;
color: #fff !important;
text-shadow: 1px 1px 1px #000 !important;
height: 40px;
width: 70px;
box-shadow: inset -3px -3px 1px 1px #960C0A;
}

.userbtn:hover{
background: #fff;
color: #D00000 !important;
text-shadow: 1px 1px 1px #000 !important;
box-shadow: inset -3px -3px 1px 1px #D00000;
}

#regbox{
display: none;    
}

#regbox,#usermahnung,#javapflicht{
z-index: 2000;
width: 100%;
height: 100%;
position: fixed;
top: 1px;
left: 1px;
background: rgba(0,0,0,0.5);    
}

#javapflicht{
z-index: 4000;    
}

#regboxtext,#usermahnungtext,#javapflichttext{
font-size: 16px;
font-family: verdana,arial,sans-serif; 
z-index: 3000;
opacity: 1;
color: #000;
width: 50%;
height: auto;
box-shadow: 1px 1px  7px #fff;
text-align: center;
padding: 15px;
margin-top: 10%; 
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 20px;   
border: 2px outset buttonface;
}

#regboxtext p{
margin-bottom: 5px;    
}

#regboxtext .knopf{
margin-top: 10px; 
}

#regform{
font-size: 12pt;
height: 400px;
left: 13px;
margin-bottom: 50px;
padding: 5px;
position: relative;
text-align: center;
width: 670px;
z-index: 1000;
}

#sendreminder,#sendtipps{
text-align: left;    
}

#sendreminder:hover,#sendtipps:hover{
font-weight: bold;
}


#ewigtab{
width: 400px;

}

#stand_ewig{
width: 410px;    
padding: 5px;
margin-bottom: 40px;
}

#countdown_start{
z-index: 2000;
position: relative;
top: 45px;
left: 250px;
width: 465px;
height: 46px;
color: #000;
padding: 5px;
}

#countdown2{
position: absolute;
display: block;
color: #000;
padding: 3px;
font-family: 'Nova Square',cursive,verdana, arial;  
font-size: 16px !important;
font-weight: bolder;
text-shadow: 1px 1px 5px #fff;
letter-spacing: 0.02em;
}

.lh40{
line-height: 40px !important;  
}

#tipplog-box{
margin-bottom: 10px !important;
opacity: 0.7;
}	

#tipplog-box:hover, #tipplog-box:focus{
margin-bottom: 10px !important;
opacity: 1;
}	

#tipplog {
width: 50% !important;	
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.38);
border: 1px solid #aaa;
-moz-border-radius: 5px;
border-radius: 5px;

}
	
#tipplog tr td {
text-align: center !important;	
}

.tipplog-info{
display: block;
width: 50%;
text-align: center;
}

.overflow {
overflow-x: none;
overflow-y: scroll;
}	

#wuerfeln{
color: #000;
background: #fff;
display: inline;
font-size: 22pt;
line-height: 22pt;
text-align: justify;
vertical-align: middle;
padding: 0 0 5pt 15pt;
text-shadow: 2pt 2pt #ccc;
cursor: pointer;

}

#stat_navi{
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;	
line-height: 16px;
display: block;
width: 90%;
padding-left:35px;


}

#stat_navi li{
float: left;
margin-right: 15px !important;	
display: inline-block;
text-align: center;
}	


#stat_navi li a {
display: block;
color: #000;
text-align: center;
padding: 5px 10px;
text-decoration: none;
}

#stat_navi li a:hover {
color: #fff;
}

#stat_navi{
margin-bottom: 15px;
}

#stat_navi button{
margin-right: 15px;
height: 28px;
text-align: center !important;
font-weight: bold;
padding: 5px 5px 10px 5px;
vertical-align: center;
}	

#stat_navi button:active, button:hover{
text-shadow: 1px 1px 1px #fff !important;
background: rgb(254,252,234)!important;
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)))!important;
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 )!important;
}

.machgelb{
text-shadow: 1px 1px 1px #fff !important;
background: rgb(254,252,234)!important;
background: -moz-linear-gradient(top,  rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%)!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1)))!important;
background: -webkit-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -o-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: -ms-linear-gradient(top,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
background: linear-gradient(to bottom,  rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 )!important;
}

#Spieltagstatistik,#Torstatistik,#DeineStatistik,#standdetail, #maennerfrauen{
float: left;
width: 1050px;    
height: 500px;
margin: 5px 0 40px 40px !important;
overflow-y: scroll;
overflow-x: hidden;
text-align: center;
}

#Spieltagstatistik h3, #Torstatistik h3, #standdetail h4{
margin-top:2px;
text-shadow: 1px 1px 1px #fff;
}

#DeineStatistik{
padding: 10px 0;
text-align: center;    
line-height: 26px;
height: 300px !important;
}


#standdetail h4{
padding: 5px;    
}

#maennerfrauen{

}


#punkteausbeute{
display: inline-block;
width: 1050px;
height: 400px;
margin: 5px 0 40px 40px !important;
}	

#platzierung{
display: inline-block;
width: 1050px;	
height: 500px;
margin: 5px 0 40px 40px !important;
}

.overflow_hidden{
overflow: hidden;
scroll-behavior: unset;
}

.text-links{
text-align: left !important;
}	


/* SweetAlert2 individuelle Klassen für dein Tippspiel-Design */

.tipp-popup {
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(80,0,0,0.20);
  padding: 1.1em;
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  border: 2px solid #990000;
}

.tipp-title {
  color: #990000 !important;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #990000;
  padding-bottom: 6px;
  margin-bottom: 8px;
}

.tipp-actions {
  margin-top: 16px;
}

.tipp-confirm {
  background: #990000 !important;
  color: #fff !important;
  border-radius: 7px !important;
  border: none !important;
  font-weight: bold;
  font-size: 14px !important;
  min-width: 130px;
  padding: 10px 0 !important;
  box-shadow: 0 2px 6px rgba(80,0,0,0.13);
  margin-right: 8px;
}

.tipp-cancel {
  background: #e9e9e9 !important;
  color: #222 !important;
  border-radius: 7px !important;
  border: none !important;
  font-size: 14px !important;
  min-width: 130px;
  padding: 10px 0 !important;
}

.swal2-icon {
  width: 38px !important;
  height: 38px !important;
  margin-bottom: 6px;
  margin-top: 0;
  font-size: 0.75em;
}

.swal2-title {
  margin-bottom: 0 !important;
}

.swal2-html-container {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

/* Optional: Buttons nebeneinander zentrieren */
.swal2-actions {
  justify-content: center !important;
}