/*body {
	background-color: #808080;
}
*/
a.accurate:link, a.accurate:visited, a.accurate:active { 
	color: #900;
	text-decoration: none;
}

a.accurate:hover {
	color: #fff;
	background-color: #00f;
	border-radius: 10px;
	padding: 1px 10px 1px 10px;
	text-decoration: none;
}
a:button_up_link, a:button_down_link {
	background-color: #f00;
}
/*
a.button_up_link:link, a.button_up_link:visited, a.button_up_link:active, a.button_down_link:link, a.button_down_link:visited, a.button_down_link:active { 
	color: #900;
	background-color: transparent !important;
}

a.button_up_link:hover, a.button_down_link:hover {
	color: #fff;
	background-color: #00f;
	border-radius: 10px;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
	background-color: transparent !important;
}
*/
hr, .hr_line {
	border: 0;
	height: 3px;
	background-image: -webkit-linear-gradient(left, rgba(153,0,10,0), rgba(153,0,10,0.75), rgba(153,0,10,0));
	background-image:    -moz-linear-gradient(left, rgba(153,0,10,0), rgba(153,0,10,0.75), rgba(153,0,10,0));
	background-image:     -ms-linear-gradient(left, rgba(153,0,10,0), rgba(153,0,10,0.75), rgba(153,0,10,0));
	background-image:      -o-linear-gradient(left, rgba(153,0,10,0), rgba(153,0,10,0.75), rgba(153,0,10,0));
}
hr {
	margin: 5px 0px 0px 0px;
}
.hr_line {
	margin: 3% 0;
}
.main_color { 
	color: #900;
}

.blink {
    animation-name: animation_blink;
    animation-timing-function: ease-in;
    animation-duration: 4s; 
    animation-iteration-count: infinite;            
}
@keyframes animation_blink {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }    
}


#day {
	width: 400;
	margin: 5% auto 0 auto;
	padding: 2px 5px 2px 5px;
	font-size: 18px;
	font-weight: bold;
	color: #900;
	background-color: #fff;
	border: 2px solid #900;
	border-radius: 10px;
	box-shadow: 10px 10px 15px silver;
}

.background_year {
	width: fit-content;
	height: fit-content;
	background-color: #990000;
	border-radius: 12px;
	padding-right: 15px;	
	padding-left: 15px;	
	color: #ffffff;
	font-weight: bold;
	font-size: 1.4vw;
	box-shadow: 3px 3px 15px #900;
}
.background_timezone {
	width: fit-content;
	height: fit-content;
	background-color: #990000;
	border-radius: 12px;
	padding: 2px 8px;	
	color: #ffffff;
	font-weight: normal;
	font-size: 0.8vw;
	box-shadow: 3px 3px 15px #900;
}
.rechtschreibung_background_year {
	background-color: #990000;
	border-radius: 12px;
	padding-right: 15px;	
	padding-left: 15px;	
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
	box-shadow: 3px 3px 15px #900;
}
.counter_footer {
	background-color: #990000;
	border-radius: 12px;
	padding-right: 12px;	
	padding-left: 12px;	
	color: #ffffff;
	font-weight: bold;
	font-style: oblique;
	font-size: 12px;
	box-shadow: 1px 1px 10px #900;
}

#background_lotto {
	width: 210px;
	background-color: #990000;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding: 2px 15px 0px 15px;	
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}
.lottozahlen {
	width: 230px;
	background-color: none;
	height: 90px;
	padding: 0px 3px 20px 3px;
	margin: 0px;
	border: 2px solid #900;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	text-align: left;
	box-shadow: 3px 3px 15px #900;
}

.background_lotto .lottozahlen {
	width: 30%;
}

.background_question {
	background-color: #990000;
	border-radius: 12px;
	padding-right: 5px;	
	padding-left: 5px;	
	color: #fff;
	font-weight: bold;
	font-size: 1.4vw;
}

.rechtschreibung_question {
	background-color: #900;
	border-radius: 12px;
	padding-right: 5px;	
	padding-left: 5px;	
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}

.question {
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}

#outer {
	overflow-y: hidden;
	width: 800;
	margin:  1% auto 1% auto;
	/* margin:  10% 24% 0% 24%; */
	border: 5px solid #990000;
	background: #fff;
	background: -moz-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(40%,#e1e1e1), color-stop(50%,#f1f1f1), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: -o-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: -ms-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: linear-gradient(to bottom, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	border-radius: 10px;
		-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
		-moz-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
		-ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	box-shadow: rgba(153, 0, 0, 0.15) 10px 10px 15px;
}

#outer_startseite {
	overflow-y: hidden;
	width: 60%;
	margin:  0 auto;
	border: 5px solid #990000;
	background: #fff;
	/* opacity: 0.6; */
	background: -moz-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(40%,#e1e1e1), color-stop(50%,#f1f1f1), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: -o-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: -ms-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: linear-gradient(to bottom, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	border-radius: 10px;
		-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
		-moz-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
		-ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	box-shadow: rgba(153, 0, 0, 0.5) 10px 10px 15px;
}
#outer_stat {
	overflow-y: hidden;
	width: 50%;
	margin:  10% 24% 0% 24%;
	border: 5px solid #990000;
	background: #fff;
	background: -moz-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(40%,#e1e1e1), color-stop(50%,#f1f1f1), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: -o-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: -ms-linear-gradient(top, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	background: linear-gradient(to bottom, #f6f6f6 0%,#e1e1e1 40%,#f1f1f1 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 );
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	border-radius: 10px;
		-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
		-moz-box-shadow: 0 0 8px rgba(0,0,0,0.6);
	box-shadow: 0 0 8px rgba(0,0,0,0.6);
		-ms-filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
	zoom: 1;
}

.divers_links, a.divers_links:link, a.divers_links:visited, a.divers_links:active, a.divers_links:hover {
	color: #900;
	font-weight: bold;
	/* font-size: calc(12px + (34 - 12) * ((100vw - 320px) / (1900 - 320))); */
}
.box_links {
	color: #00f;
}

.ribbon {
	width:40%;
	margin: 4% 0 0 -8%;
	padding: 3px 0;
	float:left;
	background: #990000;
	background: -moz-linear-gradient(top, #700000 0%,#990000 25%,#990000 75%,#700000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#700000), color-stop(25%,#990000), color-stop(75%,#990000), color-stop(100%,#700000));
	background: -webkit-linear-gradient(top, #700000 0%,#990000 25%,#990000 75%,#700000 100%);
	background: -o-linear-gradient(top, #700000 0%,#990000 25%,#990000 75%,#700000 100%);
	background: -ms-linear-gradient(top, #700000 0%,#990000 25%,#990000 75%,#700000 100%);
	background: linear-gradient(to bottom, #700000 0%,#990000 25%,#990000 75%,#700000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#700000',GradientType=0 );
	-webkit-transform: rotate(-45deg) translate(-25px, 20px);
	-moz-transform: rotate(-45deg) translate(-25px, 20px);
	-ms-transform: rotate(-45deg) translate(-25px, 20px);
	-o-transform: rotate(-45deg) translate(-25px, 20px);
	transform: rotate(-45deg) translate(-22px, 20px); /* translate: 1. Wert = hoch/runter, 2. Wert = links/rechts */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	  box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.ribbon a {
	border: 2px dashed #FFF;
	color: #fff;
	display: block;
	font-size: 22px;
	font-weight: bold;
	padding: 2px 64px 5px 64px;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;
}

.ticker {
	margin: 22% 6.8% 0 26%;
	padding: 2px 5px 2px 5px;
	font-size: 14px;
	font-family: Helvetica;
	/* color: #A91655; */
	border: 2px dotted #990000;
	border-radius: 10px;
}

.intro {
	font-size: 18px;
	color: #990000;
}

.bull {
	font-size: 18px;
	color: #990000;
	text-align: bottom;
}
	
#error_stop {
	margin-top: 1%;
	margin-left: -5%;
	float: left;
}
#error_stop img {
	width: 72%;
}

#error_fly {
	margin-top: 2%;
	margin-left: -5%;
	float: left;
}
#error_fly img {
	width: 65%;
}

#error_baustelle {
	position: absolute;
	right: 23%;
	margin: 1% auto;
	width: 40%;
}
#error_baustelle img {
width: 15%;	
}

#error_ampel {
	position: absolute;
	right: 45%;
	margin: 2% auto;
	width: 10%;
}
#error_ampel img {
width: 32%;	
}

#ooops {
	margin-right: 5%;
	margin-top: 4%;
	float: right;
	font: bold 60px Helvetica, Arial, Verdana, Sans-Serif;
	color: #900;
	text-shadow: 2px 2px 3px #505050;
	filter: shadow (color:#000000, direction=135 strength=4);
}
#ooops_message {
	margin-right: 18%;
	margin-top: 2%;
	float: right;
	font: bold 22px Helvetica, Arial, Verdana, Sans-Serif;
	color: #900;
	text-shadow: 2px 2px 3px #505050;
	filter: shadow (color:#000000, direction=135 strength=4);
}

#ipadresse {
	margin: 0 auto;
	margin-top: 3%;
	font: normal 18px Helvetica, Arial, Verdana, Sans-Serif;
	color: #00F;
	text-shadow: 1px 1px 2px #505050;
	filter: shadow (color:#000000, direction=135 strength=4);
	
}
#text_message {
	width: 50%;
	margin-right: 1%;
	float: right;
	font: bold 16px Helvetica, Arial, Verdana, Sans-Serif;
	color: #000;
	clear: both;
}

#text1 {
	width: 85%;
	margin: 2% 0% 0% 9%;
	font: bold 16px Helvetica, Arial, Verdana, Sans-Serif;
	color: #000;
	clear: both;
}
#text2 {
	width: 100%;
	margin: 0% auto;
	text-align: center;
	font: normal 14px Helvetica, Arial, Verdana, Sans-Serif;
	color: #000;
}
#text3 {
	width: 65%;
	margin-left: 30%;
	text-align: left;
	font: normal 14px Helvetica, Arial, Verdana, Sans-Serif;
	color: #000;
}

.footer_1 {
	margin: 1% 5%;
	width: 90%;
	font: normal 10px Helvetica, Arial, Verdana, Sans-Serif;
	color: #000;
}
.footer_2 {
	margin: 1% 2%;
	font: normal 10px Helvetica, Arial, Verdana, Sans-Serif;
	color: #000;
}