body {
font-size:12px;
font-family:Arial;
color:#666;
text-shadow:1px 1px #fff;
letter-spacing:.6px;
line-height:22px;
background: url('../img/bg_white.jpg'), url('../img/bg_white_right.jpg') ;
background-position: left top, right 500px ;
background-repeat:no-repeat;

}

h2,h4,h5,h6,h2 a,h2 a:hover {
font-size:15px;
font-family:Arial;
color:#666;
padding-top:20px;
display:inline-block;
}

h3,h3 a,h3 a:hover {
font-size:12px;
font-family:Arial;
color:#666;
padding-top:20px;
display:inline-block;
}

a {
text-decoration:none;
color:#333;
}

li {
font-size:12px;
font-family:Arial;
color:#666;
}

.navi-header {
top:-15px;
left:-5px;
position:absolute;
width:259px;
height:17px;
color:#fff;
float:right;
margin-right:0;
background:url(../img/header_navi.png) no-repeat;
}

aside.four.columns.alt-spacing {
position:relative;
width:250px;
color:#fff;
float:right;
margin-right:20px;
-moz-box-shadow:0 2px 5px #444;
-webkit-box-shadow:0 2px 5px #444;
box-shadow:0 2px 5px #444;
margin-top:4%;
background:url(../img/bg_navigation.jpg) #f9f9f9;
}

aside.dynamically-controlled {
margin-left:0!important;
position:fixed!important;
top:10px;
left:-75%;
z-index:9999;
}

.navi-footer-1 {
bottom:-43px;
left:0;
position:absolute;
width:234px;
height:42px;
color:#999!important;
padding-left:100px;
padding-top:4px;
font-weight:700;
font-size:13px;
float:right;
margin-left:-8px;
z-index:2;
background:url(../img/footer_navi_01.png) no-repeat 0 -63px;
}

.navi-footer-2 {
z-index:1;
bottom:-54px;
left:0;
position:absolute;
width:211px;
height:29px;
color:#999;
font-size:13px;
font-weight:700;
padding-top:3px;
padding-left:95px;
float:right;
margin-left:-4px;
background:url(../img/footer_navi_02.png) no-repeat 0 -60px;
}

navi-footer-2 a,navi-footer-1 a {
color:#999;
}

.navi-lang {
position:relative;
width:250px;
float:right;
margin-right:20px;
margin-top:15%;
margin-bottom:0;
border:1px solid #A3A3A3;
-moz-border-radius:5px;
border-radius:5px;
text-align:center;
-moz-box-shadow:inset 0 2px 9px #BFC1C1;
-webkit-box-shadow:inset 0 2px 9px #BFC1C1;
box-shadow:inset 0 2px 9px #BFC1C1;
color:#342302!important;
display:block;
}

.navi-lang li {
height:38px;
line-height:38px;
border-bottom:1px dotted #666;
margin:0;
}

.navi-lang li a {
padding:14px 48px;
}

.navi-lang li a.active {
font-weight:700;
}

.navi-lang li a:hover {
opacity:0.7;
font-weight:700;
}

.navi-lang li:last-child {
height:38px;
line-height:38px;
border-bottom:none;
}

aside.four.columns.alt-spacing li {
text-align:left;
height:35px;
font-weight:700;
font-size:14px;
text-shadow:0 1px 2px white,0 1px 1px #FFF;
color:#342302!important;
border-bottom:1px dotted #878785;
margin-bottom:0!important;
}

aside.four.columns.alt-spacing li:hover {
background:url(../img/li.png) no-repeat 10px 7px #E4C358;
}

aside.four.columns.alt-spacing li:last-child {
border-bottom:none;
}

aside .side-nav {
box-shadow:0 0 5px rgb(231, 231, 231);
margin:0;
background:url(../img/bg_navigation.jpg);
}

.aside-menu-ribbon {
box-shadow:0 0 5px #999;
-webkit-transform:rotate(15deg);
-webkit-backface-visibility:hidden;
position:absolute;
top:0;
left:0;
-webkit-transition: -webkit-transform .3s ease-in-out;
-moz-transition: -moz-transform .3s ease-in-out;
-o-transition: -o-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
background:url(../img/bg_navigation.jpg);
}

.aside-menu-ribbon-1 {
-webkit-transform: rotate(3deg);
transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
}

.aside-menu-ribbon-2 {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
}

.aside-menu-ribbon-3 {
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
-moz-transform: rotate(8deg);
-o-transform: rotate(8deg);
}

.aside-menu-ribbon-grip {
position:absolute;
width:24px;
height:24px;
top:0;
right:0;
-webkit-backface-visibility:hidden;

-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);

background:url(../img/nav-icon.png) no-repeat center;
}

.not-dynamically-controlled .aside-menu-ribbon {
-webkit-transform: rotate(0);
transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
box-shadow:none;
}

.aside-smartphone-background {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:9998;
background:rgba(96,96,96,.67);
}

aside.four.columns.alt-spacing li a {
color:#333!important;
display:block;
padding:10px 30px 10px 40px;
width:250px;
}

.active-menu-item {
    background: url("../img/li.png") 10px 7px no-repeat, #E4C358;
}

.container {
max-width:100%;
width:80%;
margin:0 auto;
padding:2% 0 0;
}

.content {
position:relative;
width:100%;
margin-top:0;
}

header[role=banner] {
width:100%;
height:0;
position:relative;
overflow:hidden;
}

hr {
    background:url(../img/line.png) center no-repeat;
    border:0;
    height: 8px;
    width: 100%;
}

.logo {
float:left;
position:relative;
width:auto;
margin:0 auto;
}

.article-container,.article-header-sheet-effect > div {
margin-top:0;
margin-left:7px;
-moz-box-shadow:0 1px 6px #111;
-webkit-box-shadow:0 1px 6px #111;
box-shadow:0 1px 6px #111;
max-width:720px;
background:url(../img/bg-sheet.jpg);
}

article {
padding:20px;
}

.article-header {
margin-top:30px;
margin-left:-7px!important;
}

.article-header-sheet-effect {
height:25px;
overflow:hidden;
position:relative;
border:1px transparent solid;
padding-left:7px;
max-width:720px;
}

.article-header-sheet-effect > div {
height:15px;
position:absolute;
top:0;
-webkit-backface-visibility:hidden;
width:90%;
}

.article-header-sheet-effect > .ahse-4 {
-webkit-transform:rotate(1deg);
transform:rotate(1deg);
-moz-transform:rotate(1deg);
-o-transform:rotate(1deg);
margin-left:6%;
width:90%;
top:15px;
}

.article-header-sheet-effect > .ahse-1 {
-webkit-transform:rotate(2deg);
transform:rotate(2deg);
-moz-transform:rotate(2deg);
-o-transform:rotate(2deg);
margin-left:6%;
width:89%;
top:15px;
}

.article-header-sheet-effect > .ahse-2 {
-webkit-transform:rotate(3deg);
transform:rotate(3deg);
-moz-transform:rotate(3deg);
-o-transform:rotate(3deg);
margin-left:1%;
width:90%;
top:25px;
}

.article-header-sheet-effect > .ahse-3 {
-webkit-transform:rotate(1deg);
transform:rotate(1deg);
-moz-transform:rotate(1deg);
-o-transform:rotate(1deg);
width:91%;
top:22px;
margin-left:3%;
}

.article-footer {
width:100%;
margin-top:-2px;
padding-bottom:20px;
margin-left:3px;
}

.title {
position:relative;
z-index:1;
margin-top:-4.4em;
margin-left:4.5em;
font-size:20px;
height:100%;
display:inline-block;
float:left;
}

.article-ribbon {
background: no-repeat url(../img/ribbon.png);
width: 81px;
height: 78px;
margin:0;
padding-top: 15px;
top: -5px;
position: relative;
}


.article-ribbon > .date,
.article-ribbon > .month {
text-align:center!important;
color:#fff;
text-shadow:#666 0 -1px!important;
font-weight:700;
}

.article-ribbon > .date {
font-size:25px;
}

.article-ribbon > .month {
font-size:17px;
}

.tv-background {
position:absolute;
z-index:1;
margin-top:-1em;
margin-left:-1.5em;
width:40.5em;
padding:15px;
}

.tv-background-img {
margin-right:1em;
float:right;
}

.button-shadow-standalone {
float:right;
display:inline-block;
margin-top:2em;
margin-right:2em;
padding:5px;
background:url(../img/button_bg.jpg) no-repeat;
}

.button-shadow-standalone-container {
display:inline;
}

.button-shadow {
width:auto;
height:auto;
position:relative;
display:inline-block;
margin:2em 2em 2em 2.3em;
padding:.5em;
background:url(../img/button_bg.jpg) no-repeat;
}

.breadcrumbs {
z-index:1;
margin-top:30px;
font-size:12px;
color:#999!important;
}

.winningnumbers {
padding-top:10px;
display:inline-block;
}

.numbers6aus49 {
display:block;
float:left;
height:75px;
width:82px;
font-weight:700;
text-align:center;
margin-right:2px;
line-height:67px;
color:#555;
font-size:23px;
text-shadow:0 1px 2px white,0 1px 1px #FFF;
padding:0 0 0 9px;
background:url(../img/sprite.png) no-repeat;
}

.ejnumbers {
display:block;
float:left;
height:75px;
width:82px;
font-weight:700;
text-align:center;
margin-right:2px;
line-height:67px;
color:#555;
font-size:23px;
text-shadow:0 1px 2px white,0 1px 1px #FFF;
padding:0 0 0 9px;
background:url(../img/sprite.png) no-repeat -160px 0;
}

.emnumbers {
display:block;
float:left;
height:75px;
width:82px;
font-weight:700;
text-align:center;
margin-right:2px;
line-height:67px;
color:#555;
font-size:23px;
text-shadow:0 1px 2px white,0 1px 1px #FFF;
padding:0 0 0 9px;
background:url(../img/sprite.png) no-repeat -314px 0;
}

.euromnumber {
display:block;
float:left;
height:75px;
width:82px;
font-weight:700;
text-align:center;
margin-right:2px;
line-height:67px;
color:#555;
font-size:23px;
text-shadow:0 1px 2px white,0 1px 1px #FFF;
padding:0 0 0 9px;
background:url(../img/sprite.png) no-repeat -413px 0;
}

.euronumber {
display:block;
float:left;
height:75px;
width:82px;
font-weight:700;
text-align:center;
margin-right:2px;
line-height:67px;
color:#555;
font-size:23px;
text-shadow:0 1px 2px white,0 1px 1px #FFF;
padding:0 0 0 9px;
background:url(../img/sprite.png) no-repeat -235px 0;
}

.numbers-container,.numbers-container-container {
overflow:auto;
}

.numbers-container + .numbers-container {
margin-top:.5em;
}

.numbers-container-container {
/*float:left;*/
margin-top:2em;
width:25em;
}

.tv-container {
height:448px;
width:611px;
overflow:hidden;
background:url(../img/bg_tv.jpg) no-repeat;
background-size: contain;
}

.tv-inner {
height:100%;
}

.tv-inner iframe {
width:95%;
height:74%;
margin:2.5%;
}

.clearfix-after-numbers-and-button {
clear:both;
margin-bottom:2em;
}

.nums-label {
width:100px;
text-align:right;
padding-right:2em;
font-weight:700;
font-size:12px;
font-family:Arial;
color:#666;
float:left;
}

.numbers77 {
float:left;
width:19px;
height:20px;
line-height:20px;
text-align:center;
font-weight:700;
display:inline-block;
}

.numbers77 + .numbers77 {
border-left:1px solid #BAB6AC;
}

.zahlenhead {
margin-top:-12px;
margin-left:-10px;
width:70px;
line-height:10px;
text-align:center;
font-weight:700;
position:absolute;
}

.numbers6aus49sz,.numbers6aus49zz {
display:block;
float:left;
height:75px;
width:82px;
font-weight:700;
text-align:center;
margin-right:2px;
line-height:67px;
color:#555;
font-size:23px;
text-shadow:0 1px 2px white,0 1px 1px #FFF;
padding:0 0 0 9px;
background:url(../img/sprite.png) no-repeat -80px 0;
}

.blocks77,.blocks6 {
float:left;
border:1px solid #BAB6AC;
color:#666;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
background:#FFF;
}

.s6,.s77 {
float:left;
position:relative;
font-weight:700;
font-size:12px;
font-family:Arial;
color:#666;
}

.article-content {
    margin-top: 2em;
}

@media only screen and max-width 1115px {
.button-shadow-standalone {
float:none;
margin:2em 0;
}

.button-shadow-standalone-container {
display:block;
text-align:center;
}
}

@media only screen and min-width 200px {
.tv-container {
width:144px;
height:106px;
}
}

@media only screen and min-width 250px {
.tv-container {
width:180px;
height:132px;
}
}

@media only screen and min-width 300px {
.tv-container {
width:216px;
height:158px;
}
}

@media only screen and min-width 350px {
.tv-container {
width:252px;
height:185px;
}
}

@media only screen and min-width 400px {
.tv-container {
width:288px;
height:211px;
}
}

@media only screen and min-width 450px {
.tv-container {
width:324px;
height:237px;
}
}

@media only screen and min-width 500px {
.tv-container {
width:360px;
height:264px;
}
}

@media only screen and min-width 550px {
.tv-container {
width:396px;
height:290px;
}
}

@media only screen and min-width 600px {
.tv-container {
width:432px;
height:317px;
}
}

@media only screen and min-width 650px {
.tv-container {
width:321px;
height:235px;
}
}

@media only screen and min-width 700px {
.tv-container {
width:346px;
height:254px;
}
}

@media only screen and min-width 750px {
.tv-container {
width:371px;
height:272px;
}
}

@media only screen and min-width 800px {
.tv-container {
width:396px;
height:290px;
}
}

@media only screen and min-width 850px {
.tv-container {
width:420px;
height:308px;
}
}

@media only screen and min-width 900px {
.tv-container {
width:445px;
height:326px;
}
}

@media only screen and min-width 950px {
.tv-container {
width:470px;
height:345px;
}
}

@media only screen and min-width 1000px {
.tv-container {
width:494px;
height:362px;
}
}

@media only screen and min-width 1050px {
.tv-container {
width:519px;
height:380px;
}
}

@media only screen and min-width 1100px {
.tv-container {
width:544px;
height:399px;
}
}

@media only screen and min-width 1150px {
.tv-container {
width:569px;
height:417px;
}
}

@media only screen and min-width 1200px {
.tv-container {
width:593px;
height:435px;
}
}

@media only screen and min-width 1250px {
.tv-container {
width:618px;
height:453px;
}
}

@media only screen and min-width 1300px {
.tv-container {
width:643px;
height:471px;
}
}

@media only screen and min-width 1350px {
.tv-container {
width:668px;
height:490px;
}
}

@media only screen and min-width 20em {
.article-header {
margin-top:30px;
margin-left:3px!important;
}

.button-shadow {
width:auto;
height:auto;
position:relative;
display:inline-block;
margin:2em 2em 2em .3em;
padding:.5em;
background:url(../img/button_bg.jpg) no-repeat;
}

.tv-background {
position:absolute;
z-index:1;
margin-top:.5em;
margin-left:0;
width:14.5em;
padding:20px;
}

.tv-background-img {
margin-right:1em;
float:right;
}
}

@media only screen and min-width 30em {
.article-header {
margin-top:30px;
margin-left:3px!important;
}

.button-shadow {
width:auto;
height:auto;
position:relative;
display:inline-block;
margin:2em 2em 2em .3em;
padding:.5em;
background:url(../img/button_bg.jpg) no-repeat;
}

.tv-background {
position:absolute;
z-index:1;
margin-top:.5em;
margin-left:0;
width:20.5em;
padding:20px;
}

.tv-background-img {
margin-right:1em;
float:right;
}
}

@media only screen and min-width40em {
.logo {
float:left;
width:auto;
}

.logo h1 {
text-align:left;
}

.article-header {
margin-top:30px;
margin-left:3px!important;
}

.article-footer {
width:100%;
margin-top:-2px;
padding-bottom:20px;
}
}

@media only screen and min-width 45em {
.article-header {
width:100%;
margin-top:30px;
}

.button-shadow {
width:auto;
height:auto;
position:relative;
display:inline-block;
margin:2em 2em 2em .3em;
padding:.5em;
background:url(../img/button_bg.jpg) no-repeat;
}

.tv-background {
position:absolute;
z-index:1;
margin-top:.5em;
margin-left:0;
width:42.5em;
padding:20px;
}

.tv-background-img {
margin-right:1em;
float:right;
}
}

@media screen and min-width 555em {
.button-shadow {
width:auto;
height:auto;
position:relative;
display:inline-block;
margin:2em 2em 2em 1.3em;
padding:.5em;
background:url(../img/button_bg.jpg) no-repeat;
}

.tv-background {
position:absolute;
z-index:1;
margin-top:.5em;
margin-left:0;
width:44.5em;
}

.tv-background-img {
margin-right:.5em;
float:right;
}
}

@media only screen and min-width 615em {
.button-shadow {
width:auto;
height:auto;
position:relative;
display:inline-block;
margin:2em 2em 2em .3em;
padding:.5em;
background:url(../img/button_bg.jpg) no-repeat;
}

.tv-background {
position:absolute;
z-index:1;
margin-top:.5em;
margin-left:0;
width:47.5em;
}

.tv-background-img {
margin-right:.5em;
float:right;
}
}

@media only screen and min-width 75em {
.button-shadow {
width:auto;
height:auto;
position:relative;
display:inline-block;
margin:2em 2em 2em 6.3em;
padding:.5em;
background:url(../img/button_bg.jpg) no-repeat;
}

.tv-background {
position:absolute;
z-index:1;
margin-top:.5em;
margin-left:3.2em;
width:50.5em;
padding:20px;
}

.tv-background-img {
margin-right:2.8em;
float:right;
}
}

@media only screen and min-width 87em {
.button-shadow {
width:auto;
height:auto;
position:relative;
display:inline-block;
margin:2em 2em 2em 6.3em;
padding:.5em;
background:url(../img/button_bg.jpg) no-repeat;
}

article {
max-width:723px;
}

.tv-background {
position:absolute;
z-index:1;
margin-top:.5em;
margin-left:3.2em;
width:50.5em;
height:40em;
padding:20px;
}

.tv-background-img {
margin-right:2.8em;
float:right;
}
}

@media only screen and -webkit-min-device-pixel-ratio 15,only screen and min--moz-device-pixel-ratio 15,only screen and min-device-pixel-ratio 15 {
.button-shadow {
width:auto;
height:auto;
position:relative;
display:inline-block;
margin:2em 2em 2em 1.5em;
padding:.5em;
background:url(../img/button_bg.jpg) no-repeat;
}

.title {
position:relative;
z-index:1;
margin-top:-3.8em;
margin-left:5.2em;
font-size:1.6em;
height:100%;
display:inline-block;
float:left;
}

.s6 {
float:left;
position:relative;
left:.5em;
margin-top:1.8em;
font-weight:700;
font-size:12px;
font-family:Arial;
color:#666;
display:inline-block;
}

.s77 {
float:left;
position:relative;
left:-13.3em;
margin-top:4.7em;
font-weight:700;
font-size:12px;
font-family:Arial;
color:#666;
display:inline-block;
}

.article-header {
width:100%;
margin-left:0;
margin-bottom:0;
}

body {
font-size:1em;
font-family:Arial;
color:#666;
text-shadow:1px 1px #fff;
letter-spacing:.6px;
line-height:22px;
background:no-repeat #fff;
}

.container {
max-width:100%;
width:94%;
margin:0 auto;
padding:1% 0 0;
}

.content {
position:relative;
width:100%;
margin-top:0;
}

.article-footer {
width:100%;
margin-top:-10px;
padding-bottom:20px;
margin-left:3px;
}

.numbers6aus49sz {
margin-left:.2em;
}

.numbers6aus49zz {
margin-left:1.75em;
}

.tv-background {
position:absolute;
z-index:1;
margin-top:-1em;
margin-left:-1.5em;
width:26.5em;
padding:15px;
}

.tv-background-img {
margin-right:1em;
float:right;
}
}