/*
- jbpf.css
*/

body {
	color: #222;
	background-color: #B0E0E6;
}
body.winteredition {
	background-color: #87CEFA;
}

body.springfield {
	background-color: #FFE4B5;
}

body.summertime {
	background-color: #DA70D6;
	
}


#header {
	background-color: #036;
	box-shadow:         0px 1px 30px 0px rgba(121, 123, 52, 0.56);
	-webkit-box-shadow: 0px 1px 30px 0px rgba(121, 123, 52, 0.56);
	-moz-box-shadow:    0px 1px 30px 0px rgba(121, 123, 52, 0.56);

/* debug:  outline:1px solid cyan;   */
}

#header h1 {
	color: #eee;
	padding-left: 10px;
	display: inline-block;
/* debug:  outline:1px solid white;  */
}

#navcontainer ul li a
{
color: #ddd;
background-color: #036;
}
#navcontainer ul li a:hover
{
color: #eee;
background-color: #036;
}

#content {
	margin-top:77px;
	margin-left:10px;
	font-size: 17px;
}

#footer {
	
	background-image: linear-gradient(#B0E0E6 13%, #FCFEE0 90%);
	background-image: -webkit-linear-gradient(#B0E0E6 13%, #FCFEE0 90%); 
	background-image: -moz-linear-gradient(#B0E0E6 13%, #FCFEE0 90%); 
	background-image: -o-linear-gradient(#B0E0E6 13%, #FCFEE0 90%); 
/* debug:   border:1px solid black;  */

}

#footer.winteredition {
	
	background-image: linear-gradient(#87CEFA 13%, #FCFEE0 90%);
	background-image: -webkit-linear-gradient(#87CEFA 13%, #FCFEE0 90%); 
	background-image: -moz-linear-gradient(#87CEFA 13%, #FCFEE0 90%); 
	background-image: -o-linear-gradient(#87CEFA 13%, #FCFEE0 90%); 
/* debug:   border:1px solid black;  */

}

#footer.springfield {
	
	background-image: linear-gradient(#F0E68C 13%, #BDB76B 90%);
	background-image: -webkit-linear-gradient(#F0E68C 13%, #BDB76B 90%); 
	background-image: -moz-linear-gradient(#F0E68C 13%, #BDB76B 90%); 
	background-image: -o-linear-gradient(#F0E68C 13%, #BDB76B 90%); 
/* debug:   border:1px solid black;  */

}


#footer.summertime {
	
	background-image: linear-gradient(#FFA07A 13%, #F0E68C 90%);
	background-image: -webkit-linear-gradient(#FFA07A 13%, #F0E68C 90%); 
	background-image: -moz-linear-gradient(#FFA07A 13%, #F0E68C 90%); 
	background-image: -o-linear-gradient(#FFA07A 13%, #F0E68C 90%); 
/* debug:   border:1px solid black;  */

}

	

.container.winteredition {
	width:95%;
	margin-right: 10px;
	margin-left: 5px;
	margin-top:10px;
	margin-bottom:30px;
	padding: 10px;
	background:
          linear-gradient(

              rgba(255, 0, 0, 0.3),
              rgba(255, 0, 0, 0) 70.71%
            )
            fixed,
          linear-gradient(

              rgba(0, 255, 0, 0.4),
              rgba(0, 255, 0, 0) 20.71%
            )
            fixed,
          linear-gradient(
              116deg,
              rgba(0, 0, 255, 0.3),
              rgba(0, 0, 255, 0) 70.71%
            )
            fixed;
}

.container-rounded.winteredition {
	border-radius: 16px;
	
	border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px;
    -khtml-border-top-right-radius: 18px;
    -moz-border-radius-topright: 18px;
	
	border-top-left-radius: 18px;
	-webkit-border-top-left-radius: 18px;
    -khtml-border-top-left-radius: 18px;
    -moz-border-radius-topleft: 18px;
	
	border-bottom-right-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
    -khtml-border-bottom-right-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    
	border-bottom-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
    -khtml-border-bottom-left-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
	
	background:
          linear-gradient(
			 333deg,
              rgba(255, 0, 0, 0.2),
              rgba(255, 0, 0, 0) 30.71%
            )
            fixed,
          linear-gradient(
			  888deg,
              rgba(0, 255, 0, 0.5),
              rgba(0, 255, 0, 0) 50.71%
            )
            fixed,
          linear-gradient(
              333deg,
              rgba(0, 0, 255, 0.8),
              rgba(0, 0, 255, 0) 50.71%
            )
            fixed;

	}
	
}


.container.springfield {
	width:95%;
	margin-right: 10px;
	margin-left: 5px;
	margin-top:10px;
	margin-bottom:30px;
	padding: 10px;
	background:
          linear-gradient(

              rgba(255, 0, 0, 0.3),
              rgba(255, 0, 0, 0) 50.71%
            )
            fixed,
          linear-gradient(

              rgba(0, 255, 0, 0.4),
              rgba(0, 255, 0, 0) 50.71%
            )
            fixed,
          linear-gradient(
              116deg,
              rgba(0, 0, 255, 0.3),
              rgba(0, 0, 255, 0) 20.71%
            )
            fixed;
}

.container-rounded.springfield {
	border-radius: 16px;
	
	border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px;
    -khtml-border-top-right-radius: 18px;
    -moz-border-radius-topright: 18px;
	
	border-top-left-radius: 18px;
	-webkit-border-top-left-radius: 18px;
    -khtml-border-top-left-radius: 18px;
    -moz-border-radius-topleft: 18px;
	
	border-bottom-right-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
    -khtml-border-bottom-right-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    
	border-bottom-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
    -khtml-border-bottom-left-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
	
	background:
          linear-gradient(
			 226deg,
              rgba(255, 0, 0, 0.5),
              rgba(255, 0, 0, 0) 25.71%
            )
            fixed,
          linear-gradient(
			  226deg,
              rgba(0, 255, 0, 0.5),
              rgba(0, 255, 0, 0) 40.71%
            )
            fixed,
          linear-gradient(
              22deg,
              rgba(0, 0, 255, 0.5),
              rgba(0, 0, 255, 0) 65.71%
            )
            fixed;

	}
	
}



.container.summertime {
	width:95%;
	margin-right: 10px;
	margin-left: 5px;
	margin-top:10px;
	margin-bottom:30px;
	padding: 10px;
	
	
	
}

.container-rounded.summertime {
	border-radius: 16px;
	
	border-top-right-radius: 18px;
	-webkit-border-top-right-radius: 18px;
    -khtml-border-top-right-radius: 18px;
    -moz-border-radius-topright: 18px;
	
	border-top-left-radius: 18px;
	-webkit-border-top-left-radius: 18px;
    -khtml-border-top-left-radius: 18px;
    -moz-border-radius-topleft: 18px;
	
	border-bottom-right-radius: 18px;
	-webkit-border-bottom-right-radius: 18px;
    -khtml-border-bottom-right-radius: 18px;
    -moz-border-radius-bottomright: 18px;
    
	border-bottom-left-radius: 18px;
	-webkit-border-bottom-left-radius: 18px;
    -khtml-border-bottom-left-radius: 18px;
    -moz-border-radius-bottomleft: 18px;
	
	background: 
	linear-gradient( 
	511deg, 
	rgba(255, 250, 0, 0.2), 
	rgba(255, 250, 0, 0.1) 60.71% ) 
	fixed, 
	linear-gradient( 
	511deg, 
	rgba(0, 255, 0, 0.2), 
	rgba(0, 255, 0, 0.1) 40.71% ) 
	fixed, 
	linear-gradient( 
	533deg, 
	rgba(0, 200, 255, 0.2), 
	rgba(0, 200, 255, 0.1) 60.71% ) 
	fixed;

	}
	
}




.container-shadow {
	box-shadow:         0px 3px 22px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 3px 22px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 3px 22px 0px rgba(0, 0, 0, 0.5);
}

img.pos {
	position:relative;
	top: 15px;
}

a {
	background: transparent;
	color: #003366;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #003366;
	text-decoration: underline;
}

table.winteredition {

	margin-left: 40px;	
	width: auto;
	
}

table.winteredition th{
	background-color: #6CC;
	background:
          linear-gradient(
			 633deg,
              rgba(255, 0, 0, 0.2),
              rgba(255, 0, 0, 0.3) 30.71%
            )
            fixed,
          linear-gradient(
			  611deg,
              rgba(0, 255, 0, 0.3),
              rgba(0, 255, 0, 0.5) 30.71%
            )
            fixed,
          linear-gradient(
              633deg,
              rgba(0, 0, 255, 0.8),
              rgba(0, 0, 255, 0.3) 30.71%
            )
            fixed;
	
}

table.winteredition {
	background-color: #87CEFA;
	background:
          linear-gradient(

              rgba(255, 0, 0, 0.3),
              rgba(255, 0, 0, 0) 70.71%
            )
            fixed,
          linear-gradient(

              rgba(0, 255, 0, 0.4),
              rgba(0, 255, 0, 0) 20.71%
            )
            fixed,
          linear-gradient(
              116deg,
              rgba(0, 0, 255, 0.3),
              rgba(0, 0, 255, 0) 70.71%
            )
            fixed;
}
table.winteredition th{
	background-color: #4682B4;
	
}
table.winteredition td{
	background-color: #AFEEEE;
	
}




table.springfield {

	margin-left: 40px;	
	width: auto;
	
}

table.springfield th{
	background-color: #D2B48C;
	background:
          linear-gradient(
			 633deg,
              rgba(255, 0, 0, 0.2),
              rgba(255, 0, 0, 0.3) 30.71%
            )
            fixed,
          linear-gradient(
			  611deg,
              rgba(0, 255, 0, 0.3),
              rgba(0, 255, 0, 0.5) 30.71%
            )
            fixed,
          linear-gradient(
              633deg,
              rgba(0, 0, 255, 0.8),
              rgba(0, 0, 255, 0.3) 30.71%
            )
            fixed;
	
}

table.springfield {
	background-color: #D2B48C;
	background:
          linear-gradient(

              rgba(255, 0, 0, 0.3),
              rgba(255, 0, 0, 0) 70.71%
            )
            fixed,
          linear-gradient(

              rgba(0, 255, 0, 0.4),
              rgba(0, 255, 0, 0) 20.71%
            )
            fixed,
          linear-gradient(
              116deg,
              rgba(0, 0, 255, 0.3),
              rgba(0, 0, 255, 0) 70.71%
            )
            fixed;
}
table.springfield th{
	background-color: #D2B48C;
	
}
table.springfield td{
	background-color: #FFE4B5;
	
}




table.summertime {

	margin-left: 40px;	
	width: auto;
	
}

table.summertime th{
	background-color: #D2B48C;
	background:
          linear-gradient(
			 633deg,
              rgba(255, 0, 0, 0.2),
              rgba(255, 0, 0, 0.3) 30.71%
            )
            fixed,
          linear-gradient(
			  611deg,
              rgba(0, 255, 0, 0.3),
              rgba(0, 255, 0, 0.5) 30.71%
            )
            fixed,
          linear-gradient(
              633deg,
              rgba(0, 0, 255, 0.8),
              rgba(0, 0, 255, 0.3) 30.71%
            )
            fixed;
	
}

table.summertime {
	background-color: #D2B48C;
	background:
          linear-gradient(

              rgba(255, 0, 0, 0.3),
              rgba(255, 0, 0, 0) 70.71%
            )
            fixed,
          linear-gradient(

              rgba(0, 255, 0, 0.4),
              rgba(0, 255, 0, 0) 20.71%
            )
            fixed,
          linear-gradient(
              116deg,
              rgba(0, 0, 255, 0.3),
              rgba(0, 0, 255, 0) 70.71%
            )
            fixed;
}
table.summertime th{
	background-color: #D2B48C;
	
}
table.summertime td{
	background-color: #FFE4B5;
	
}





.platz.pause {
	background-color:#6CC;
	
}
.platz.ende {
	background-color:#778899;
	
}