body,h1,h2,h3,h4,h5 {font-family:Helvetica, Arial, sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:10px 0}
h4 {margin-bottom:20px}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
body {background-color:#f1f1f1}

.logo {position:absolute;left:6px;top:6px;}
.tuv {position:absolute;right:164px;top:30px;}
.tuv-lt {position:absolute;right:192px;top:30px;}
.google-play {position:absolute;right:164px;top:30px;}
.facebook {position:absolute;right:137px;top:30px;}
.youtube {position:absolute;right:111px;top:30px;}
.h-menu {color:#3E3E3E;font-size:18px}

.side-menu a{text-decoration:none}
.side-menu a{-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s}
.side-menu{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.side-menu a{padding:4px 20px 4px 16px}.side-menu a:hover{background-color:#ccc}.side-menu a{display:block}
.side-menu{background-color:#ccc;color:#000}
.side-menu .w3-dropdown-hover,.side-menu .w3-dropdown-click {width:100%}.side-menu .w3-dropdown-hover .w3-dropdown-content,.side-menu .w3-dropdown-click .w3-dropdown-content{min-width:100%}
@media screen and (max-width:992px){.side-menu.w3-collapse{display:none}.r-main{margin-left:0!important;margin-right:0!important}}
@media screen and (min-width:993px){.side-menu.w3-collapse{display:block!important}}

@media (max-width:777px){.hide-small{display:none!important}}
@media (max-width:810px){.hide-small-de{display:none!important}}
@media (max-width:790px){.hide-small-nl{display:none!important}}
@media (max-width:820px){.hide-small-ee{display:none!important}}
@media (max-width:835px){.hide-small-fr{display:none!important}}
@media (max-width:880px){.hide-small-lt-it{display:none!important}}

.dropbtn {background-color:transparent;padding:4px 8px;font-size:16px;border:none;cursor:pointer;}
.dropdown {position:absolute;right:71px;top:22px;display:inline-block;}
.dropdown-content {display:none;position:absolute;background-color:#fff;font-size:16px;min-width:10px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;}
.dropdown-content a {color:#333;padding:4px 8px;text-decoration:none;display:block;}
.dropdown-content a:hover {background-color:#FFD900}
.dropdown:hover .dropdown-content {display:block}
.dropdown:hover .dropbtn {background-color:#FFD900;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2)}

.page {max-width:1200px;margin:86px auto 0}
.ban {height:60px;margin:auto;background-color:blue;margin-bottom:2px;color:white} 
.block:after,.block:before {content:"";display:table;clear:both}
.main {max-width:1100px;margin:auto}
.half,.third,.two-third {float:left;width:100%}

@media (min-width:630px) {
.third{width:33.33333%}
.half{width:49.99999%}
.two-third{width:66.66666%}}

.white {color:#000!important;background-color:#fff!important}
.grey-333 {margin-bottom:2px;color:#fff;background-color:#333}
.grey-666 {margin-bottom:2px;color:#fff;background-color:#666}
.grey-999 {margin-bottom:2px;color:#fff;background-color:#999}
.grey-999-text-000 {margin-bottom:2px;color:#000;background-color:#999}
.grey-ccc {margin-bottom:2px;color:#000;background-color:#ccc}
.yellow {margin-bottom:0;color:#000!important;background-color:#FFD900!important}

.center {text-align:center}
.left {text-align:left}
.left-10 {text-align:left;padding-left:10px}
.right-10 {padding-right:10px}
.left-right-10 {padding-left:10px;padding-right:10px}
ol {padding-left:20px}
.h5 {font-size:18px;}
.list-style-none {list-style-type:none;margin:0;padding:0;}

.r-hover-opacity:hover{opacity:0.60;filter:alpha(opacity=60);-webkit-backface-visibility:hidden} /*?????*/


.button{border:none;display:inline-block;outline:0;padding:6px 16px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#000;text-align:center;cursor:pointer;white-space:nowrap}
.button{color:#000;background-color:#f1f1f1;padding:8px 16px}
.button:hover{color:#000!important;background-color:#ccc!important}
/*.w3-button:disabled:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}*/
/*.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;background-color:inherit;color:inherit;padding:6px 2px 6px 16px}*/
/*.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}*/
/*.w3-bar .w3-button{background-color:inherit;color:inherit;white-space:normal}*/
/*.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}*/

.w3-navbar li{float:left}.w3-navbar li a,.w3-navitem,.w3-navbar li .w3-btn,.w3-navbar li .w3-input{display:block;padding:8px 16px}.w3-navbar li .w3-btn,.w3-navbar li .w3-input{border:none;outline:none;width:100%}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #808080;width:100%}
.w3-label{color:#009688}.w3-input:not(:valid)~.w3-validate{color:#f44336}
.w3-section{margin-top:16px!important;margin-bottom:16px!important}

.r-quarter img{padding-bottom:-2px;cursor: pointer}
.r-quarter, .img-link img:hover{opacity: 0.8}
.img-link {cursor: pointer}

.img-shadow{box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 16px 0 rgba(0, 0, 0, 0.19);}

.header-container{padding:0.01em 16px}
.r-container{padding:0.01em 0}
.r-container:after,.w3-panel:after,.w3-row:after,.r-row-padding:after,.w3-topnav:after,.w3-clear:after,.w3-btn-group:before,.w3-btn-group:after,.w3-btn-bar:before,.w3-btn-bar:after
{content:"";display:table;clear:both}
.container {position:relative;margin:auto}

.r-top,.w3-bottom{position:fixed;width:100%;z-index:1}.r-top{top:0}.w3-bottom{bottom:0}

.text-white {color:#fff}
.w3-tooltip .r-text{display:none}.w3-tooltip:hover .r-text{display:inline-block}
.r-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.r-xlarge{font-size:24px}
.r-xxlarge{font-size:36px!important}


.r-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#fff!important}
.r-medium-grey{margin-bottom:2px;background-color:#ccc}
.r-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{margin-bottom:2px;color:#000!important;background-color:#9e9e9e!important}

.r-right{float:right!important}
.r-right-align{text-align:right!important}
.r-right{text-align:right}
.r2-left{float:left!important}
.r-center{text-align:center!important}


.r-black,.r-hover-black:hover{color:#fff!important;background-color:#000!important}



.hover-grey-666:hover{margin-bottom:0;color:#fff!important;background-color:#666!important}

.r-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.r-animate-opacity{-webkit-animation:opac 0.8s;animation:opac 0.8s}
.r-main,#main{transition:margin-left .4s}
.r-content{max-width:980px;margin:auto}
.r-btn,.w3-btn-block{border:none;display:inline-block;outline:0;padding:6px 14px;vertical-align:middle;overflow:hidden;text-decoration:none!important;color:#fff;background-color:#333;text-align:center;cursor:pointer;white-space:nowrap}
.r-btn:hover,.w3-btn-block:hover,.w3-btn-floating:hover,.w3-btn-floating-large:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.r-btn,.w3-btn-floating,.w3-btn-floating-large,.w3-closenav,.w3-opennav{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.r-btn.w3-disabled *,.w3-btn-block.w3-disabled,.w3-btn-floating.w3-disabled *,.w3-btn:disabled *,.w3-btn-floating:disabled *{pointer-events:none}
.r-btn.w3-disabled:hover,.w3-btn-block.w3-disabled:hover,.w3-btn:disabled:hover,.w3-btn-floating.w3-disabled:hover,.w3-btn-floating:disabled:hover,

.r-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.2s}
.r-dark-grey,.r-hover-dark-grey:hover,.w3-dark-gray,.r-hover-dark-gray:hover{margin-bottom:2px;color:#fff!important;background-color:#616161!important}


.r-col,.w3-half,.r-third,.w3-twothird,.w3-threequarter,.r-quarter,.quarter,.fifth,.sixth,.seventh{float:left;width:100%}
.r-col.s12,.w3-half,.r-third,.w3-twothird,.w3-threequarter,.r-quarter,.fifth{width:99.99999%}

@media only screen and (min-width:601px){
.r-col.m4,.r-third{width:33.33333%}
.quarter{width:24.99999%}
.r-quarter{width:24.99999%}}
@media only screen and (min-width:993px)
{.r-col.l4,.r-third{width:33.33333%}
.quarter{width:24.99999%}
.r-quarter{width:24.99999%}}

.r-row-padding,.r-row-padding>.w3-half,.r-row-padding>.r-third,.r-row-padding>.w3-twothird,.r-row-padding>.w3-threequarter,.r-row-padding>.r-quarter,.r-row-padding>.r-col{padding:0 8px}


@media only screen and (min-width:993px){
.r-col.l6,.w3-half{width:49.99999%}
.r-col.m6,.w3-half{width:49.99999%}}

@media only screen and (min-width:600px){
.fifth{width:20%}
.sixth{width:16.66666%}
.seventh{width:14.22222%}
}



.r-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}

.r-padding,.w3-form{padding:8px 16px!important}
.r-padding-0{padding:0!important}
.r-padding-6{padding-top:6px!important;;padding-bottom:6px!important;}
.r-padding-10{padding-top:10px!important;;padding-bottom:10px!important;}
.r-padding-16{padding-top:16px!important;padding-bottom:16px!important}
.r-padding-18{padding-top:18px!important;padding-bottom:18px!important}
.r-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.r-padding-28{padding-top:28px!important;padding-bottom:28px!important;}
.padding-20{padding-top:20px!important;padding-bottom:20px!important}
.padding-30{padding-top:30px!important;padding-bottom:30px!important}
.r-padding-32{padding-top:32px!important;padding-bottom:32px!important}
.r-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.padding-bottom-10{padding-bottom:10px}
.padding-bottom-20{padding-bottom:20px}
.padding-bottom-30{padding-bottom:30px}
.padding-top-10{padding-top:10px}
.padding-top-20{padding-top:20px}
.padding-top-30{padding-top:30px}
.r-padding-img{padding:10px}
.padding-img{padding:10px}

.r-margin-left{margin-left:16px!important}.r-margin-right{margin-right:16px!important}
.r-margin-top{margin-top:16px!important}
.margin-bottom-16{margin-bottom:16px!important}
.margin{margin:0 5px 0 20px}
.margin-16{margin-top:16px;margin-bottom:16px}

.r-opacity,.r-hover-opacity:hover{opacity:0.60;filter:alpha(opacity=60);-webkit-backface-visibility:hidden}
.r-opacity-off,.r-hover-opacity-off:hover{opacity:1;filter:alpha(opacity=100);-webkit-backface-visibility:hidden}
.r-btn,.w3-btn-floating,.w3-dropnav a,.w3-btn-floating-large,.w3-btn-block,.w3-hover-shadow,.r-hover-opacity,.r-hover-opacity-off,.w3-hover-sepia,.w3-hover-grayscale,.w3-hover-greyscale {-webkit-transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s;transition:background-color .3s,color .15s,box-shadow .3s,opacity 0.3s,filter 0.3s}

ul.r-ul{list-style-type:none;padding:0;margin:0}ul.r-ul li{padding:6px 2px 6px 16px;border-bottom:1px solid #ddd}ul.r-ul li:last-child{border-bottom:none}


a.menu:link, a.menu:visited {padding:0 13px;text-align:center;text-decoration:none;display:inline-block;}


.r-padding{padding:16px 16px}
.r-margin{margin:0 10px 10px 0}
.r-img-margin{margin:5px}
.r-border {border: 1px solid #ccc;}


.r-navbar{list-style-type:none;margin:0;padding:0;overflow:hidden}
.r-navbar li{float:left}.r-navbar li a,.w3-navitem{display:block;padding:10px 16px}.r-navbar li a:hover{color:#000;background-color:#ccc}
.r-navbar .w3-dropdown-hover,.r-navbar .w3-dropdown-click{position:static}
.r-navbar .w3-dropdown-hover:hover,.r-navbar .w3-dropdown-hover:first-child,.r-navbar .w3-dropdown-click:hover{background-color:#ccc;color:#000}
.r-navbar a,.w3-topnav a,.w3-sidenav a,.w3-dropdown-content a,.w3-accordion-content a,.w3-dropnav a{text-decoration:none!important}
.r-navbar .w3-opennav.w3-right{float:right!important}.w3-topnav{padding:8px 8px}
.r-navbar a,.w3-sidenav a,.w3-pagination li a,.w3-hoverable tbody tr,.w3-hoverable li,.w3-accordion-content a,.w3-dropdown-content a,.w3-dropdown-click:hover,.w3-dropdown-hover:hover,.w3-opennav,.w3-closenav,.w3-closebtn,
@media screen and (max-width:600px){.w3-topnav a{display:block}.r-navbar li:not(.w3-opennav){float:none;width:100%!important}.r-navbar li.w3-right{float:none!important}}	
@media screen and (max-width:600px){.w3-topnav .w3-dropdown-hover .w3-dropdown-content,.r-navbar .w3-dropdown-click .w3-dropdown-content,.r-navbar .w3-dropdown-hover .w3-dropdown-content{position:relative}}	
@media screen and (max-width:600px){.w3-topnav,.r-navbar{text-align:center}}


.r-yellow,.r-hover-yellow,.r-hover-text-yellow:hover{margin-bottom:0px;color:#000!important;background-color:#facf00!important}

.r-display-topleft{position:absolute;left:0;top:0; text-align:left}
.r-display-topright{position:absolute;right:0;top:0}
.w3-tooltip,.r-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}


.resp{
    max-width: 100%;
    height: auto;
}

.desc {text-align:center;}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, div a{color:inherit}    
a:hover {opacity:0.7;filter:alpha(opacity=70);/* For IE8 and earlier */}
.link-clear {text-decoration: none}

.topleft {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 18px;
}

table {border-collapse: collapse;}
td {padding:5px;}
td.ral {padding:30px 2px;color:#fff;}
table.draw {border-collapse:collapse;width:100%;background-color:#f1f1f1}
td.draw {border:1px solid #dddddd;padding:8px;text-align:left}
th.draw {border:1px solid #dddddd;padding:8px}
tr:nth-child(even) {background-color:#ffffff;}

#up {bottom: 15px;
    right: 15px;
    background: #facf00;
    border: 0px solid white;
    border-radius: 1px;
    color: #000;
    font-size: 16px;
    text-decoration: none;
    opacity: .9;
    padding: 12px 14px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 4px 16px 0 rgba(0, 0, 0, 0.19);
    }