@charset "ISO-8859-1";
/* CSS Document */

@font-face {
    font-family: 'open_sansregular';
    src: url('Fonts/OpenSans-Regular-webfont.eot');
    src: url('Fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('Fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('Fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular_bold';
    src: url('Fonts/OpenSans-Bold-webfont.eot');
    src: url('Fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('Fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('Fonts/OpenSans-Bold-webfont.svg#open_sansregular_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

BODY { font-family: open_sansregular,Verdana,Arial,Helvetica,sans-serif; font-size: 13px;  font-weight:normal; color:#000000; background-color:#66ae09; text-decoration:none; margin: 0px; padding: 0px;}
A:LINK { text-decoration: none; color:#000000 } 
A:ACTIVE { text-decoration: none; color:#000000 } 
A:VISITED { text-decoration: none; color:#000000 } 
A:HOVER { text-decoration: underline; color:#000000;}

p {margin:0; padding: 0;}
	
/* ALTE METHODE CSS für dehnbaren Hintergrund 
#background {
	width: 100%; 
	height: 100%; 
	position: fixed; 
	left: 0px; 
	top: 0px; 
	z-index: -1; /* Ensure div tag stays behind content; -999 might work, too.
}
.stretch {
	width:100%;
	height:100%;
}
*/

/* Hintergrundbild */
.bg {
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
}
@media screen and (max-width: 1024px) { /* Specific to this particular image */
    img.bg {
        left: 50%;
        margin-left: -512px;   /* 50% */
    }
}



.bold {
    font-family: open_sansregular_bold,Verdana,Arial,Helvetica,sans-serif;   
}

.window {
	padding:5px; 
	background-color: #E1FCE3; 		
	border-radius: 5px; 	
	-moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
	-khtml-border-radius: 0px 0px 14px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
}

.regeln {
	border-radius: 5px;
	padding:20px; 	
	background-color:white; 
	margin-bottom:10px;
	-moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
	-khtml-border-radius: 0px 0px 14px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
}

.rang {
	position: absolute; 
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	margin:5px; 
	height:35px; 
	line-height: 35px;
	width:35px; 
	color: white; 
	border: 2px solid white; 
	text-align: center; 
	font-size: 18px; 
	font-weight:bold;
	box-shadow: 2px 2px 4px black;
}


/* NAVIGATION */

.nav {
/*	background-color: green;	*/
	float: left;
	}

.nav a {
	color: #E1FCE3;
	text-decoration: none;
	display: block;
	padding:5px;
	padding-left:15px;
	padding-right:15px;     
	color:#fff;
/*	border-right:1px solid green;	*/
	}

.nav a:hover{   
    color:#ffc000;
    text-decoration: none;
/*	border-right:1px solid green; */
    }

.nav #active{
	background-color: #E1FCE3;
	color:green;
	text-decoration: none;
    }	
	
.nav_div {
	border:1px solid #E1FCE3; background-color:green;
	-moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
	-khtml-border-radius: 0px 0px 14px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
	font-size:20px;
	border-radius:5px;
	background-image:url('img/NaviBG.png'); 
	background-repeat:repeat; 
	}	
	
		
.flashme{
	padding:5px; 
	background-color: #E1FCE3; 		
	border-radius: 5px; 	
	-moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
	-khtml-border-radius: 0px 0px 14px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.7);
      }
      @keyframes glowing {
        0% {
          background-color: #E1FCE3;
          box-shadow: 0 0 5px #E1FCE3;
        }
        50% {
          background-color: #49e819;
          box-shadow: 0 0 20px #49e819;
        }
        100% {
          background-color: #E1FCE3;
          box-shadow: 0 0 5px #E1FCE3;
        }
      }
      .flashme{
        animation: glowing 1300ms infinite;
      }