* { margin: 0; padding: 0; }

body
{
	font: normal 12px/16px arial,helvetica,sans-serif;
	color: #57524d;
	background: url(../pics/bg/body.png) 0 0 repeat #e8e3dd;
	-webkit-text-size-adjust:none;
}

hr { border: 0 none; border-top: 1px solid #b6b1ab; border-bottom: 1px solid #fff; height: 2px; clear: both; }
fieldset { border: none; }
input, select { width: 95%; }
.checkbox, .radio { width: auto; }
label { cursor: pointer; }
img { border: 0px none; }
strong { font-weight: bold; }
a:hover, .more a:hover, a.more:hover { text-decoration: underline; }
.links a:hover, .info.recommend a:hover { text-decoration: underline; }
ul, ol { list-style: none; }
li a { display: block; text-decoration: none; }
li span a { display: inline; }
p { margin: 0 0 1.5em 0; }
abbr { cursor: help; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
th { text-align: left; }
th.sum { text-align: right; }
td { border-bottom: 1px solid #DCD7D3; padding: 2px 0; }
.section td { border-bottom: 0 none; border-top: 1px solid #DCD7D3; }

.nd { position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; }
.spacer { display: block; clear: both; height: 1px; overflow: hidden; padding: 0; margin: -1px 0 0 0; }
.expandable { margin-bottom: 40px; }

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

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

/* page blocks */
.wrapper { max-width: 1060px; padding: 18px 20px 10px 20px; margin: 0 auto; }

#page { max-width: 1100px; padding: 90px 160px 0 0; margin-right: 20px; position: relative; margin: 0 auto; }
.noads #page { padding-top: 0; }
#pageinner { padding: 20px; background: url(../pics/bg/body.png) 0 0 repeat #e8e3dd; }

#header ul, #header li, #header li a, #nav ul, #nav li, #nav li a { float: left; }
#meta { border-top: 1px dotted #b5afa4; border-bottom: 1px dotted #b5afa4; padding: 8px 0 7px 0; }
#meta a { color: #57524d; }
#meta ul { width: 36%; }
#date { display: block; text-align: center; width: 28%; float: left; }
#tools li { float: right; }
#tools li a { padding-left: 20px; }
#media li a { padding-right: 20px; }

#header { position: relative; z-index: 100; }
#logo { padding: 18px 0 15px 0; position: relative; }
#weather { float: left; width: 23%; margin-right: 1%; margin-top: 19px; }
#weather .dropdown, #weather strong, #weather img { display: block; float: left; margin-right: 10px; }
#weather .dropdown { margin-top: 2px; width: 45%; }
#weather .dropdown ul { z-index: 3000; }
#weather strong { margin-top: 5px; }
#weather img { margin-right: 0; }
#header .search { float: right; width: 21%; margin-left: 3%;  margin-top: 21px; }
#logo .logo { display: block; float: left; width: 52%; overflow: hidden; text-align: center; }
#logo .logo img { max-width:100%; max-height:100%; }
#logo #group { width: 30%; height: 20px; display: block; position: absolute; bottom: 10px; left: 35%; }

#nav { border: 1px solid #aca49a; background: #b2aa9f; background: linear-gradient(#beb8ac,#b2aa9f); position: relative; height: 35px; }
#nav a { text-transform: uppercase; }
#nav a.hassubitems { background: url(../pics/bg/icon_sprite.png) 100% -1342px no-repeat; }
#nav a:hover { text-decoration: none; }
#nav > ul, #nav > li, #nav > li > a, #nav li.topics > div, #nav li.topics > div > ul, #nav li.topics > div > ul > li, #nav li.topics > div > ul > li > a { float: left; }
#nav > ul > li > a, #nav li.topics > div > ul > li > a { padding: 9px 8px 10px 8px; color: #333; font-weight: bold; text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7); border: 1px solid transparent; border-bottom: 0 none; }
#deskwide #nav li.topics > div > ul > li > a { padding-left: 10px; padding-right: 10px; }
#nav > ul > li.home > a { padding-left: 0; padding-right: 0; width: 100%; }
#nav li.topics > div > ul > li > a.hassubitems, #nav li.abo > a.hassubitems { background-image: none; }
#nav > ul > li.selected > a, #nav li.topics > div > ul > li.selected > a { background-color: #cbc7be; position: relative; z-index: 1501; border-color: #cbc7be; padding-bottom: 9px; }
#nav > ul > li.active > a, #nav li.topics > div > ul > li.active > a { background-color: #f5f2ef; position: relative; z-index: 1501; border-color: #fff; box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.7), -5px 0 5px -5px rgba(0, 0, 0, 0.7); }
#nav li.home { height: 35px; width: 38px; }
#nav li.home a { height: 15px; }
#nav li.home a:hover { background-color: transparent; }
#nav li.topics > a { padding: 0; }
#nav li.topics > a span { display: none; }

#nav .sub { position: absolute; z-index: 1500; left: -1px; width: 100%; top: 35px; background-color: #f5f2ef; border: 1px solid #fff; color: #333; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); display: none; }
#nav .sub * { float: none; }
#nav .sub ul { width: 25%; float: left; padding: 10px 0; background: url(../pics/bg/sub.png) 100% 50% no-repeat; }
#nav .sub ul ul { position: absolute; top: 0; left: 25%; display: none; }
#nav .sub ul a { color: #333; padding: 5px 20px; margin-right: 4px; }
#nav .sub ul a:hover, #nav .sub ul li.active > a { background-color: #e2ded8; font-weight: bold; }

#nav .block-wrapper { width: 50%; position: absolute; top: 0; left: 50%; margin: 27px 0; }
#nav .block { border-bottom: 1px dotted #b5afa4; border-top: 1px dotted #b5afa4; padding: 20px 0; margin: -1px 30px 0 30px; }
#nav .block .image { float: left; }
#nav .block .text { margin-left: 118px; }
#nav .block p { margin: 0; }
#nav .powered { margin-left: 30px; }

#nav .sub hr { width: 100%; position: absolute; bottom: 48px; z-index: 100; }
#nav .sub .quick { background-color: #f1eeeb; width: 100%; position: absolute; bottom: 0; background-image: none; padding: 0; }
#nav .sub .quick, #nav .quick li, #nav .quick li a { float: left; }
#nav .sub .quick li a { color: #333; padding: 16px 18px; font-weight: normal; background-color: transparent !important; }
#nav .sub .quick li a:hover { text-decoration: underline; }

#nav .sub ul a.navoverview { font-weight: bold; }
#nav .sub ul a.navback { padding: 5px 0 5px 40px; background: url(../pics/bg/icon_sprite.png) 20px -1193px no-repeat transparent !important; text-transform: none; float: right; font-weight: normal !important; margin-right: 0; }
#nav .sub ul a.navback:hover { text-decoration: underline; }
#nav .show-on-phone { border-top: 1px dotted #b5afa4; margin: 0 15px; }
#nav .up-front { position: relative; z-index: 10; }

#breadcrumb { text-align: center; text-transform: uppercase; font-size: 11px; padding: 13px 0; line-height: 24px; }
#breadcrumb a { text-decoration: none; color: #57524d; }
#breadcrumb a:hover { text-decoration: underline; }
#breadcrumb a strong { color: #57524d; }
#breadcrumb.ecommerce { border-top: 1px solid #aca499; }

#deskf { width: 100%; margin-right: -320px; float: left; }
#desk { margin-right: 320px; position: relative; }
#deskwide { position: relative; /* overflow: hidden; */ }
#deskabove { margin-bottom: 30px; }
#deskcollapse, .deskcollapse { display: none; position: absolute; bottom: 0; width: 100%; height: 100px; left: 0; color: #57524d; background: url(../pics/bg/paginate.png) 50% 100% no-repeat; }
.deskcollapse-trigger { position: absolute; bottom: 0; width: 100%; height: 50px; left: 0; background: url(../pics/bg/icon_sprite.png) 50% -850px no-repeat; }
#deskcollapse .dcl, #deskcollapse .dcr, .deskcollapse .dcl, .deskcollapse .dcr { float: left; width: 50%; height: 100px; background: url(../pics/bg/deskcollapse.png) 0 100% no-repeat; }
#deskcollapse .dcr, .deskcollapse .dcr { float: right; background-position: 100% 100%; }
#deskcollapse .lbl, .deskcollapse .lbl { font-weight: bold; width: 100%; position: absolute; left: 0; top: 105px; text-align: center; }
#rightbar { width: 300px; float: right; }
.box.hide-on-phone { -webkit-overflow-scrolling: touch;overflow-x:scroll; }

#service { background-color: #e4dfd9; border-top: 1px solid #cbc6c0; }
#service .wrapper, #footer .wrapper { padding-right: 170px; }
#service .col { width: 247px; margin-right: 20px; padding-top: 9px; }
#service #aboservice { float: none; margin-left: 534px; width: auto; margin-right: 0; }
#service #aboservice h5 { margin-right: 47px; }
#service .block { margin-bottom: 20px; border-bottom: 1px solid #c5bfb7; float: left; width: 100%; }
#service .image { width: 70px; height: 124px; }
#service .last .image { height: auto; }
#service .text { margin-left: 70px; }
#service #aboservice .image { width: 180px; }
#service #aboservice .text { margin-left: 180px; }
#service ul.more li { float: left; width: 50%; }
#service ul.more li a { margin-bottom: 15px; }

#service hr { margin: 0 0 10px 0; }

#sm { float: left; width: 714px; }
#sm ul, #sm li, #sm li a { float: left; }
#sm li a { padding: 10px 30px; color: #57524d; }
#sm li a.newsletter { padding-right: 0; }
#service .search { margin-left: 714px; margin-top: 15px; }
#service .search input { width: 95%; }

#footer { background-color: #57524d; color: #a09990; }
#footer a { color: #fff; }
#footer ul { width: 100%; }
#footer ul, #footer li, #footer li a { float: left; }
#footer .logo { width: 265px; float: left; }
#edition { margin-left: 265px; padding: 3px 0; font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; }
#edition li { margin-right: 10px; text-transform: uppercase; font-size: 13px; line-height: 22px; }
#edition li a { padding: 0 10px 0 0; border-right: 1px solid #fff; line-height: 10px; margin-bottom: 10px; }
#copyright { border-top: 1px solid #8c8b8a; margin-top: 18px; padding: 4px 0 10px 265px; font-size: 10px; }
#copyright.noborder { border: 0 none; margin: 0; }
#copyright li.tx { float: right; }
#copyright li a { padding-right: 5px; margin-right: 5px; border-right: 1px solid #fff; line-height: 10px; }

#toplink { position: fixed; width: 100px; bottom: 0; z-index: 6000; display: none; height: 40px; right: 0; }
#toplink a { display: block; position: absolute; right: 20px; bottom: 0; height: 40px; width: 75px; background: url(../pics/bg/icon_sprite.png) 0 -910px no-repeat; }

#toast { position: fixed; width: 400px; padding: 20px; border-radius: 6px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); background-color: #fff; left: -450px; bottom: 20px; z-index: 100; }
#toast-sign { width: 60px; float: left; }
#toast-msg { margin-left: 60px; }
#toast-msg > ul, #toast-hard-msg > ul { margin-top: 5px; }
#toast-msg > ul > table, #toast-hard-msg > ul > table { margin-bottom: 0; }
#toast-msg tr, #toast-hard-msg tr { height: 30px; }
#toast-msg td, #toast-hard-msg td { border-bottom: none; }
#toast-close { position: absolute; right: 10px; top: 10px; width: 17px; height: 17px; display: block; background-position: 1px -1500px; }

#facebooklogin { border-top: 1px solid #dcd7d3; border-bottom: 1px solid #dcd7d3; padding: 10px 0; }
#facebooklogin p { margin-bottom: 0.75em; }

#toast-hard { padding: 20px; }
#toast-hard-sign { width: 60px; float: left; }
#toast-hard-msg { margin-left: 60px; }
#toast-hard-msg > ul { padding-bottom: 10px; }

#tools .panelink > form, #tools .panelink > div { display: none; position: absolute; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); background-color: #fff; width: 235px; z-index: 2000; margin: -9px 0 0 0; padding: 10px; right: 0; }
#tools .panelink .close { position: absolute; right: 10px; top: 10px; width: 17px; height: 17px; display: block; background-position: 1px -1500px; padding: 0; }
#tools .panelink li { float: none; }
#tools .panelink fieldset { margin-top: 10px; }
#tools .panelink ul.more { width: 100%; margin-top: 10px; }
#tools .panelink ul.more li a { float: none; padding: 5px 0; border-top: 1px solid #dcd7d3; background-image: none; margin: 0; font-weight: normal; }
#tools .panelink ul.more li.button { margin: 9px 0; text-align: center; }
#tools .panelink ul.more li a.primary { color: #fff; display: inline-block; margin: 0 auto; padding: 5px 20px; }
#tools .panelink ul.more li:first-child a { border-top: 0 none; }

#tools #passport .success { margin-top: 10px; padding: 0; border: 0 none; }
#tools #passport-code { float: left; width: 115px; padding: 5px; border-radius: 3px; border: 1px solid #cdc7c0; box-shadow: inset 0 1px 0 0 #eeeeee; }
#tools #passport fieldset .button { float: right; margin-top: 0; }
#tools #passport fieldset .button input { padding: 4px 5px; }
#tools #passport-hint { border-top: 1px solid #dcd7d3; padding-top: 10px; margin-top: 10px; }
#tools #passport-hint a { padding: 0; font-weight: bold; text-decoration: underline; }

/* content */
#buffer { position: absolute; top: -1000px; left: -1000px; visibility: hidden; }
#ifr { border: 0 none; width: 100%; }

.show-on-all   { display: block !important; }
.show-on-large { display: block; }
.show-on-small { display: none; }
.show-on-phone { display: none; }

.weather .col, .weather .cast, .topteaser p, .box.teaser p, ul.list, .caption, .paging, .section, .result dl, .intro, .txt, .page .scrollable, .topicintro .text p, .box.product p, .productinfo { font-size: 14px; line-height: 18px; }
p a.more, .tools, .blog a.more, a.back, .txt a.more, form .section { font-size: 12px; }
.inset { padding: 18px 19px; }
.box.inset h2 { font-size: 24px; padding: 10px 0; line-height: 26px  }
.melt .inset { border-bottom: 1px solid #B5AFA4; margin: 0 19px; padding: 18px 0; }
.col { float: left; }
.bright { color: #fff; }
.noline { border: 0 none !important; }

h1, h2.blog, h2.area { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-size: 30px; line-height: 35px; font-weight: normal; margin: 10px 0; }
h2 { position: relative; }
h2.area { margin: 0; position: static; }
h2, h4, .topteaser li a, .topic { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-size: 20px; line-height: 25px; font-weight: normal; clear: right; padding: 10px 20px; border-bottom: 2px solid #b5afa4; }
h3 { margin: 7px 0; }
h5 { border-bottom: 2px solid #c2bcb4; text-transform: uppercase; padding-bottom: 6px; margin-bottom: 16px; }
h6 { margin-bottom: 5px; }
h1 a, h2 a, h3 a, h4 a, h6 a { text-decoration: none; }
h1.topic { margin: 0; }
h1.breaking { color: #B34044; }
.section h2, .blogentry h2.blog { border: 0 none; padding: 0; margin: 5px 0 18px 0; line-height: 20px; }
.voting h2 { border: 0 none; padding: 0; font: bold 14px/16px arial,helvetica,sans-serif; text-transform: uppercase; margin: 0 0 20px 0; }
.inset .sliderwrap h2 { border-top: 1px solid #dcd7d3; }
.inset .slider.section h2 { border-top: 0 none; }
h2.blog { margin-bottom: 30px; }
h3.blog { text-transform: uppercase; margin: 25px 0 2px 0; }
.blogentry h2.blog { margin: 10px 0 2px 0; font: bold 14px/18px arial,helvetica,sans-serif; text-transform: uppercase; }
#nav h6 { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-size: 18px; line-height: 20px; font-weight: normal; }
#nav h6 a { color: #333; text-transform: none; }

.halfleft, .halfright { float: left; width: 49%; }
.halfright { float: right; }

.area { border-bottom: 1px solid #ddd8d4; padding: 35px 250px 45px 20px; background-position: 100% 50%; background-repeat: no-repeat; margin: 0; }
.area.bright { background-color: #000; }
.areahead { position: absolute; top: 20px; left: 20px; }
.areahead * { margin: 0 !important; }

.icon, a.vidimg:before, .more a.icon, .result .bar span { background: url(../pics/bg/icon_sprite.png) 0 0 no-repeat; }
.icon.comment { background-position: 0 5px; }
.icon.link { background-position: 0 -195px; }
.icon.print { background-position: 0 -95px; }
.icon.share { background-position: 0 -545px; }
.icon.recommend { background-position: 0 -45px; }
.icon.facebook { background-position: 0 -295px; }
.icon.speaker { background-position: -40px -1450px; }
.icon.whatsapp { background-position: 0 -1450px; display: none; }
.icon.google { background-position: 0 -345px; }
.icon.twitter { background-position: 0 -395px; }
.icon.rss { background-position: 0 -445px; }
.icon.watchlist { background-position: 0 -495px; }
.icon.newsletter { background-position: 0 -545px; }
.icon.prev, .icon.prevjump { background-position: 0 -600px; }
.icon.next, .icon.nextjump { background-position: 100% -650px; }
.paging .icon.prev { background-position: 0 -952px; }
.paging .icon.next { background-position: -40px -952px; }
.paging .icon.prev.disabled, .paging .icon.prev.slick-disabled { background-position: 0 -977px; }
.paging .icon.next.disabled, .paging .icon.next.slick-disabled { background-position: -40px -977px; }
.icon.home { background-position: 0 -800px; }
.icon.topics { background-position: -40px -1090px; padding-left: 15px; }
.icon.topics.active { background-position: 0 1000px; }
.icon.expanded { background-position: 50% -910px; }
.icon.zoom { background-position: 0 -250px; }
.icon.info { width: 22px; height: 21px; position: absolute; z-index: 5; position: absolute; right: 10px; bottom: 10px; background-position: -45px -800px; }
.blog .icon.info { right: auto; left: 10px; }
.icon.thumbup { background-position: -40px -200px; }
.icon.thumbdn { background-position: -40px -225px; }
.icon.rssabo { width: 16px; height: 16px; display: inline-block; margin-left: 10px; position: relative; top: 3px; background-position: 0 -1400px; }
.result .bar span { background-position: 0 -777px; background-repeat: repeat-x; }

a.icon.video { background-position: -40px -24px; }
a.icon.photo { background-position: -40px 0; }
a.icon.hascomment { background-position: -40px -74px; }
a.icon.hasrecommend { background-position: -40px -50px; }
.links .icon.video, .grid .icon.video, .coverflow .icon.video { background-position: -40px -123px; }
.links .icon.photo, .grid .icon.photo, .coverflow .icon.photo { background-position: -40px -100px; }
.links .icon.panorama, .grid .icon.panorama, .coverflow .icon.panorama { background-position: -40px -275px; }
.links .icon.hascomment { background-position: -40px -172px; }
.links .icon.hasrecommend { background-position: -40px -148px; }
.icon.enlarge { background-position: -40px -1600px; width: 19px; height: 19px; position: absolute; top: -30px; right: 15px; opacity: 0.3; }
.icon.enlarge:hover { cursor: pointer; }

.edicon.arrow { background-position: 0 8px; }
.edicon.location { background-position: 0 -395px; }
.edicon.map { background-position: 0 -295px; }
.edicon.warning { background-position: 0 -345px; }
.skip .edicon.warning { background-position: 0 -350px; }
.edicon.edit { background-position: 0 -493px; }
.skip .edicon.edit { background-position: 0 -498px; }

.box, #rightbar .quick li a { border: 1px solid #dcd7d3; background-color: #fff; margin-bottom: 20px; position: relative; }
.box.melt { margin-bottom: -1px; border-bottom: 1px solid #fff; z-index: 1; }
.box.nospace { margin-bottom: -1px; }
.box.follow-up { margin-top: -21px; }

ul.list { border-top: 1px solid #dcd7d3; margin: 0 19px; }
ul.list.open { border-top: 0 none; }
ul.list li { border-bottom: 1px solid #dcd7d3; padding: 4px 0; font-weight: normal; }
ul.list li > a { height: 28px; vertical-align: middle; line-height: 28px; overflow: hidden; }
ul.list li em { display: block; color: #747474; font-style: normal; }
ul.list ul { border-top: 2px solid #dcd7d3; margin-bottom: 34px; }
ul.list ul li { padding-left: 20px; }
ul.list ul li a { line-height: 14px; height: auto; }
ul.list li a.wico { background-position: 0 50%; background-repeat: no-repeat; padding-left: 25px; }
.text ul.list, .inset ul.list { margin: 0 0 20px 0; }
.text ul.list li > a { height: auto; display: inline-block; line-height: 18px; margin-left: 20px; vertical-align: top; overflow: auto; }

ul.list.level ul { border-top: 0 none; margin: 0; list-style: none; }
ul.list.level ul li { border-top: 1px solid #dcd7d3; border-bottom: 0 none; padding: 0; }
ul.list.level ul li a { padding: 4px 0 4px 20px; }
ul.list.level ul li li a { padding: 4px 0 4px 40px; }

a.more, .more a, .overview a, a.back, span.more { padding-left: 17px; font-weight: bold; text-decoration: none; background-position: 0 3px; }
a.back { background-position: 0 -447px; }
a.more, .more a, a.back, span.more { display: block; margin: 0 0 10px 0; }
ul.more.options, ul.more.options li, ul.more.options li a { float: left; }
ul.more.options li a { margin-right: 40px; margin-bottom: 0; }

.overview { border-top: 1px solid #b5afa4; padding-top: 6px; margin: 0 19px 6px 19px; text-align: right; }
.overview.nb { border: 0 none; }
.overview a { display: inline-block; }
.overview a:hover { text-decoration: underline; }

.image { float: left; overflow: hidden; }

.search fieldset, fieldset .search { background: url(../pics/bg/input_left_search.png) 7px 50% no-repeat; padding-left: 27px; background-color: #fff; border-radius: 4px; border: 1px solid #cdc7c0; box-shadow: 0 0 1px #bbb inset, 0 1px 0 #fff; }
.search input { border: 0 none; padding: 5px; border-radius: 0 !important; background-color: transparent; }
.search .sendsearch { background-image: none; background-color: transparent; width: 27px !important; height: 24px; position: absolute; cursor: pointer; }

.dropdown li, .dropdown li a, .dropdown ul { float: none !important; }
.dropdown { background: #e8e6e2; background: linear-gradient(#fbfaf9, #e8e6e2); border-radius: 3px; border: 1px solid #cdc7c0; max-width: 550px; cursor: pointer; position: relative; }
.dropdown:before, .dropdown:after, .select:after, .select:before { content: " "; position: absolute; top: 0; height: 100%; }
.dropdown:before, .select:before { right: 25px; width: 0; border-right: 1px solid #cdc7c0; }
.dropdown:after, .select:after { right: 0; background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 5' width='9' height='5'%3E%3Cpolygon fill='%236d6c6c' points='0,0 4.5,5 9,0 '/%3E%3C/svg%3E") 50% 50% no-repeat; width: 24px; border-left: 1px solid #fff; pointer-events: none; }
.dropdown li a { padding: 4px 0 4px 10px; color: #333; }
.dropdown > li > a { white-space: nowrap; overflow: hidden; }
.big .dropdown > li > a { padding: 9px 0 9px 10px; font-size: 14px; }
.dropdown li a:hover { text-decoration: none; }
.dropdown ul, .dropdown ul li, .dropdown ul li a { float: none !important; }
.dropdown ul, .autocomplete-result { display: none; position: absolute; background-color: #fff; background-image: none; padding: 0 10px; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); z-index: 200; max-height: 160px; overflow: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.dropdown ul li a, .autocomplete-result li a { padding: 5px 10px; border-bottom: 1px solid #dcd7d3; background-image: none !important; white-space: nowrap; }

.info { font: normal 12px/16px arial,helvetica,sans-serif; font-weight: bold; display: block; }
.info em { font-weight: normal; font-style: normal; }
em.info { float: left; font-style: normal; font-weight: normal; }
.info.profile { margin-bottom: 5px; }
.info.profile strong { text-transform: uppercase; }
.info.date { float: right; }
.info.city { font-weight: bold; }
.info.author { font-style: italic; margin-bottom: 10px; float: none; }
.blog .info.author { font-weight: bold; text-transform: uppercase; float: none; font-style: normal; }
.blog .image .info.author { float: right; font-weight: normal; font-style: italic; text-transform: none; margin: 5px; }
.blog .info.date { float: none; margin: 0 0 5px 0; }
.caption .info.author { display: inline; margin: 0; font-style: normal; }
.comments .info, .comments .info a { color: #333; }
.info.recommend { float: none; }
.info.recommend a, .info.recommend span { float: left; display: block; }
.info.recommend a { padding: 1px 0 2px 25px; text-decoration: none; margin: 0 10px; }
.info.recommend br { clear: left; }

a.vidimg { position:relative; display: block; }
a.vidimg:before { content:""; display: block; position: absolute; width: 56px; height: 56px; background-position: 0 -700px; top: 50%; left: 50%; margin-left: -28px; margin-top: -28px; z-index: 2; }
.sponsor { text-align: center; }
.powered { font-size: 10px; display: block; margin-bottom: 4px; }
.tip { color: #969696; margin: 0; }
.num { display: block; position: absolute; right: 0; top: 0; }
.standard.num { position: static; list-style: decimal outside; margin-left: 20px; }

.section { border-bottom: 1px dotted #b5afa4; margin-top: 15px; padding-bottom: 10px; }
.section .text { margin-left: 118px; }
.section .image img { width: 98px; }
.section.hastools { border-bottom-style: solid; padding: 0; }
.section.hastools h2 { padding-right: 20px; }
.section .addrdesc {  width: 100%; }
.section .addressblock { float: right; width: 165px; }
.section.halfleft, .section.halfright { border-bottom: 0 none; width: 48%; margin-left: -1px; }
.section.halfleft { padding-right: 2%; border-right: 1px dotted #b5afa4; }
.section.halfright { padding-left: 2%; border-left: 1px dotted #b5afa4; width: 47%; float: left; }

.article .item { border-bottom: 1px dotted #b5afa4; margin: 10px 0; padding-bottom: 10px; }
.article .item .button { margin-top: -20px; }

.captionimage { position: relative; }
@media screen and (max-width: 800px) {
    .captionimage .caption {
        display: block;
        transition: all 0.3s linear;
        opacity: 0;
        bottom: 0;
        z-index: 3;
    }
    .captionimage.showCaption .caption {
        opacity: 1;
    }
    .captionimage .icon.enlarge {
        display: none;
    }
}
@media screen and (max-width: 800px) and (min-width: 768px) {
    .captionimage .caption {
        opacity: 1;
    }
    .lightbox-inner .youtube-watch-queue .slick-list { margin: 0 auto; width: 520px !important; }
}
.captionimage.videoimage { height: 394px; background: url(../pics/loading/loading.gif) 50% 50% no-repeat #fff; }
.captionimage img { display: block; margin: 0 auto; }

.game .captionimage img { width: 100%; }

.captionimage:hover .icon.enlarge { opacity: 1.0; }
.caption { background: #000000; background: rgba(0, 0, 0, 0.6); box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.8); color: #fff; font-weight: bold; position: absolute; bottom: 0; left: 0; width: 100%; max-height: 100px; }
.caption p, .caption a { margin: 0; padding: 11px 49px 7px 19px; min-height: 36px; overflow: hidden; }
.caption a, .caption a:hover { display: block; color: #fff !important; }

.teaser p a.more, .section p .more { float: right; }
.teaser p, .section p { clear: right; margin: 0; }
.box.teaser p, .box.product p, .scrollable .teaser p { margin-bottom: 10px; }

.links { padding: 0 0 7px 0; text-align: left; height: 15px; }
.links a { float: left; display: block; text-decoration: none; color: #333; margin-right: 25px; padding-left: 25px; height: 16px; }
a.more, span.more { float: right; margin-bottom: 0; background-position: 0 2px; margin-right: 0; padding-left: 15px; }
span.more { margin: 3px 0; }

.topicintro { background-color: #dcd7d3; }
.topicintro .jumplist { position: relative; margin-top: -10px; }
.topicintro .jumplist .prevjump, .topicintro .jumplist .nextjump { position: absolute; height: 31px; top: 5px; padding: 7px 35px; text-decoration: none; font-weight: bold; color: #57524d; width: 70px; z-index: 5; }
.topicintro .jumplist .prevjump { left: 0; }
.topicintro .jumplist .nextjump { right: 0; text-align: right; }
.topicintro .jumplistheader { margin: 0 20px; text-align: center; }
.topicintro .jumplistheader.withintro { border-bottom: 1px solid #b3afa4; margin-bottom: 5px; }
.topicintro .jumplistheader h1 { padding: 0 85px; }
.topicintro .jumplistheader strong { display: block; margin-top: -10px; margin-bottom: 5px; }
.topicintro .text { padding: 10px 20px 0 20px; }
.topicintro .image { float: right; width: 50%; margin: 0 0 10px 10px; }
.topicintro .image img { width: 100%; }
.topicintro .text.clipping { padding-right: 350px; }
.topicintro .clipimg { width: 270px; height: 420px; position: absolute; bottom: -10px; right: -1px; }
.topicintro .clipimg img { display: block; bottom: 0; right: 0; position: absolute; }

.box.teaser { clear: both; }
.box.teaser.halfleft, .box.teaser.halfright { clear: none; }
.box.teaser h2 { border-bottom: 0 none; margin-top: 5px; padding: 12px 20px; font-size: 24px; }
.box.teaser .image { margin: 8px 20px 20px 20px; }
.box.teaser .text { margin: 8px 20px 0 303px; border-top: 2px solid #b5afa4; padding: 18px 0 0 0; }
.box.teaser h3 { margin: 0 20px 5px 303px; border-top: 1px dotted #dcd7d3; padding-top: 5px; }
.box.teaser ul.more { border-top: 1px solid #dcd7d3; margin: 0 19px 20px 303px; clear: right; }
.box.teaser ul.more li { border-bottom: 1px solid #dcd7d3; padding: 6px 0; clear: right; }
.box.teaser ul.more a { margin: 0; font-weight: normal; margin-right: 95px; }
.box.teaser ul.more a.icon { float: right; width: 16px; height: 16px; margin: 3px 0 0 8px; padding-left: 0; }
.box.teaser .noimg { margin-left: 20px !important; }
.box.teaser .hl.noimg { margin-left: 0 !important; }

.box.image { float: none; }
.box.image img { display: block; }
.box.facebook { overflow: hidden; height: 300px; padding-bottom: 0; }

.weather .col { width: 33%; text-align: center; margin: 10px 0; }
.weather .col.mid { border-left: 1px solid #ded9d6; border-right: 1px solid #ded9d6; }
.weather .cast { margin: 0 19px; border-bottom: 1px solid #dcd7d3; }
.weather .cast span, .box.weather .cast img { float: left; margin-right: 10px; margin-top: 7px; display: block; }
.weather .cast span { margin-top: 13px; }
.weather .cast .dropdown { float: right; font-size: 12px; margin: 8px 0 7px 0; width: 105px; }

.video { text-align: center; }
.icon.video, html.video { text-align: left; }
.video .inner { text-align: left; margin: 0 auto; width: 298px; }
.video .inner .image { float: none; position: relative; }
.video .inner .image img { width: 298px; display: block; }

.mappane p { text-align: center; padding: 100px 20px 0 20px; }
.mappane { height: 280px; }
#t-map.mappane { height: 394px; }
.mapvisible { display: none; }
.mappane .mapvisible { display: block; }

.infowd { padding: 10px; overflow: hidden; }
.infowd h2 { padding: 0; border: 0 none; line-height: 1em; }
.infowd h2 img, .infowd .addrdesc, .infowd .tools, .infowd .properties, .infowd .rating { display: none; }

.outro-expandable { display: none; }

.article { overflow: hidden; }
.article.expandable { overflow: visible; }
.article-narrow { max-width: 700px; margin: 0 auto; }

.article .text { font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; font-size: 16px; margin-top: 15px; line-height: 20px; }
.article .text h3, .article .text strong, .article .text b, .blog b, .blog strong { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-weight: normal; margin: 0; }
.article .box.ad { border: 0 none; }
.article iframe { width: 100%; border: 0; }
.article #mediatab iframe { height: 400px; }
.article.videoplayer iframe { height: auto; }
.article .image { margin-right: 20px; }
.article .image .caption { background-color: transparent; position: static; background-image: none; color: #57524d; }
.article .image .caption p { padding: 0; }

#banderole { display: block; text-decoration: none; position: relative; }
#banderole img { display: block; float: left; }
#banderole span { display: block; padding: 10px; }
#banderole:after { clear: both; }
#banderole span.ad { padding: 0; position: absolute; top: 0; left: 0; width: 12px; height: 100%; background: url(../pics/bg/adbanderole.gif) 0 0 no-repeat #fff; }

.authorinfo { border-top: 1px solid #dcd7d3; border-bottom: 1px solid #dcd7d3; margin-bottom: 20px; padding: 10px 0; }
.authorinfo .text { font: normal 12px/16px arial,helvetica,sans-serif; margin-top: 0; margin-left: 90px; }
.authorinfo em { font-weight: bold; font-style: normal; }
.authorintro { margin-bottom: 0; }
.authorintro .portrait { float: left; }
.authorintro .text { margin-left: 280px; margin-top: 0; }
.smbar { margin-bottom: 40px; background-color: #e4dfd9; padding: 10px 20px; }
.smbar ul, .smbar li, .smbar li a { float: left; }
.smbar li a { padding: 10px 30px; color: #57524d; }

.paging { border-bottom: 1px solid #dcd7d3; padding: 10px 0 7px 0; font-weight: bold; position: relative; z-index: 2; }
.paging ul { float: right; }
.paging li, .paging li a, .paging li span { float: left; display: block; }
.paging li span { padding: 2px 16px; }
.paging li a { width: 22px; height: 20px; }

.skip { padding: 20px 0 0 0; border-top: 1px solid #dcd7d3; }
.skip a.back { float: left; width: 40%; margin: 0; }
.skip a.more { float: right; margin: 0; }
.skip a.edicon { float: right; margin: 0 0 0 20px; font-weight: bold; padding-left: 20px; text-decoration: none; }

.voting { border: 1px solid #dcd7d3; padding: 20px; background: url(../pics/bg/voting.png) 0 0 repeat-x; margin-bottom: 10px; }
.question { border-bottom: 1px solid #b5afa4; padding-bottom: 20px; margin-bottom: 20px; }
.question form {margin-left: 145px; }
.answer { margin-bottom: 10px; }
.question .answer { margin-bottom: 20px; }
.question .button { margin-top: 0; }
.result dl { color: #333; position: relative; }
.result dt { width: 23%; float: left; padding-top: 3px; padding-right: 2%; }
.result dd { margin: 0 12% 25px 25%; }
.result dd span, .result dd strong { display: block; }
.result dd .bar { height: 22px; border-radius: 3px; border: 1px solid #cdc7c0; background: #fff; background: linear-gradient(#f5f4f2, #fff); }
.result dd .bar span { height: 22px; border-right: 1px solid #cfcac3; }
.result dd .bar strong { position: absolute; right: 0; margin-top: 3px; }

div.success { border: 1px solid #dcd7d3; padding: 20px; color: #1e7f1b; }
div.error { border: 1px solid #dcd7d3; padding: 20px; color: #bc5032; }
div.selection { border: 1px solid #dcd7d3; padding: 20px; margin-bottom: 10px; }
div.ssl { margin: 10px 0; text-align: right; padding: 3px 30px 3px 0; background: url(../pics/bg/icon_sprite.png) 100% -1550px no-repeat; }
.success p, .error p, .ssl p, .selection p { margin: 0; font-weight: bold; }
.form .success, .form .error { margin-bottom: 20px; }
form li.error label, div.error label.error { color: #bc5032; font-weight: bold; }
form li.error input { border-color: #bc5032; }
.tools, .tools li, .tools li a { float: left; }
.tools { width: 100%; border-top: 1px dotted #b5afa4; margin-top: 10px; }
.tools li a { padding: 5px 0 5px 20px; font-weight: bold; }
.tools li { margin-right: 20px; }
.tools li.primary { float: right; margin: 0 0 0 20px; }

.linkbox { float: left; width: 300px; border: 1px solid #dcd7d3; margin: 0 20px 10px 0; padding: 10px 0; background-color: #faf8f8; position: relative; z-index: 1; }
.linkbox .collapsable { margin-bottom: 4px; font-size: 16px; height: auto; padding-right: 10px; }
.linkbox ul.list { margin-bottom: 0; }
.linkbox ul.list > li > a, .linkbox ul.list > li > strong { height: auto; font-weight: bold; text-transform: uppercase; font-family: arial,helvetica,sans-serif; line-height: 18px; display: block; }
.linkbox ul.list.simple li > a { margin-left: 0; }
.linkbox ul.list li > span { display: block; width: 20px; height: 20px; background-position: 0 -204px; position: absolute; left: 20px; }
.linkbox ul.list li.active > span { background-position: 0 -254px; }
.linkbox ul.list li { padding-left: 25px; background-image: none !important; cursor: pointer; }
.linkbox ul.list > li > strong { cursor: default; }
.linkbox ul.list ol li a { font-weight: normal; margin: 0; display: block; background-position: 0 6px; overflow: visible; }
.linkbox ul.list ol li { padding-left: 0; border: 0 none; }
.linkbox ul.list .collapsable a { display: inline; }
.linkbox ul.list .collapsable li a { display: block; }

.linkbox ul.list ol li a.external { background-position: 0 -548px; }

.funcs, .funcs li, .funcs li a { float: left; }
.funcs { margin: 20px 0; border-top: 1px solid #dcd7d3; border-bottom: 1px dotted #b5afa4; width: 100%; }
.funcs li a { width: 40px; height: 38px; margin-left: 10px; }

.filter { border-bottom: 1px dotted #b5afa4; border-top: 1px dotted #b5afa4; margin: 30px 0 5px 0; padding: 4px 0; }
.filter strong { display: block; float: left; margin-right: 20px; padding-top: 2px; }
.filter .dropdown { float: left; width: 115px; margin-right: 15px; background-image: none; background-color: #e8e6e2; border: 1px solid #cdc7c0; padding: 0; }
.filter .dropdown li a { background: url(../pics/bg/icon_sprite.png) 100% -1000px no-repeat; padding: 1px 10px; }

.cross .inset  { padding: 5px 19px; }
.cross h3 { margin: 3px 0; }
.cross .teaser { float: left; width: 48.5%; margin-top: 14px; border-bottom: 1px solid #dcd7d3; padding-bottom: 9px; }
.cross .teaser.lastrow { border-bottom: 0 none; }
.cross .teaser.odd { float: right; }
.cross .teaser .text { margin: 0 0 0 134px; }

#rightbar .quick { margin-bottom: 20px; }
#rightbar .quick li a { margin-bottom: 8px; padding: 6px 19px; font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; text-transform: uppercase; font-size: 14px; background-position: 100% 50%; background-repeat: no-repeat; }

.tab, .tab li, .tab li a { float: left; }
.tab { width: 100%; background: #beb8ac; background: linear-gradient(#beb8ac,#a59f93); position: relative; height: 28px; }
.tab li a { padding: 6px 20px; text-transform: uppercase; font-weight: bold; color: #57524d; }
.tab li.active a { background-color: #fff; }
.comments .tab, .tab.modules { padding: 2px 2px 0 2px; }
.comments form { margin-bottom: 20px; }

.tab .menu { display: none; position: absolute; right: 0; border: 1px solid #b5afa4; width: 200px; top: 28px; background-color: #fff; z-index: 100; }
.tab .menuopen { position: absolute;  background: url(../pics/bg/icon_sprite.png) 100% -1390px; right: 0; top: 0; }
.tab .menuopen a { width: 50px; height: 28px; padding: 0; }

.status, .status li, .status li a, .status li span { float: left; display: block; }
.status { width: 100%; background: #beb8ac; background: linear-gradient(#beb8ac,#a59f93); position: relative; margin-bottom: -2px; border-top: 2px solid #B5AFA4; position: relative; z-index: 1; }
.status li a, .status li span { padding: 6px 20px; text-transform: uppercase; font-weight: bold; color: #57524d; }
.status li em { font-weight: normal; font-style: normal; }
.status li.active a, .status li.active span { background-color: #fff; }
.status li.active:first-child { border-left:2px solid #B5AFA4; }

/* slick */
.slick-slider { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; overflow: hidden; }
.slider .teaser { display: none; margin-right: 10px; }
.topteaser .teaser { display: none; }
.topteaser .teaser.main { display: block; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0;  margin: 20px 28px 20px 38px; }
.topteaser .slick-list { margin: 20px 20px 0 20px; }
.gallery .slick-list { margin: 0; }
.gallery .captionimage, .productslider a, .box.product .image { display: none; }
.box.product .slick-initialized .image { display: block; }
.adslide .teaser { display: none; margin-right: 10px; }
.slick-slider .teaser.company h3 { text-align: center; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { max-width: 100%; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow { position: absolute; display: block; height: 46px; width: 46px; cursor: pointer; background-color: #b5afa4; top: 50%; border-radius: 23px; margin-top: -23px; }
.slick-prev { left: -23px; }
.slick-next { right: -23px; }
.slick-arrow.icon.next { right: 0; background-color: transparent; border-radius: 0; }
.slick-arrow.icon.prev {  background-color: transparent; border-radius: 0; }
.slick-disabled, .slick-hidden { display: none !important; }
.slick-arrow .icn { fill: #fff; width: 18px; height: 18px; margin-top: 14px; }
.slick-next .icn { margin-left: 3px; }
.slick-prev .icn { margin-left: 24px; }
.paging .slick-arrow { position: static; border-radius: 0; margin-top: 0; background-color: transparent; }
.paging .slick-disabled { display: block !important; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; bottom: auto; }
.slick-dots li { position: relative; display: inline-block; height: 16px; width: 16px; padding: 0; cursor: pointer;  margin-right: 5px; }
.slick-dots li a { display: block; cursor: pointer; width: 8px; height: 8px; border-radius: 20px; box-shadow: 0 0 2px #57524d; border: 2px solid #fff; }
.slick-dots .slick-active a { background-color: #57524d; }
.productslider .slick-dots { text-align: center; position: absolute; width: 100%; top: 3px; min-height: 12px; }

.svslide .teaser { font-size: 14px; line-height: 18px; text-align: center; }
.svslide .teaser a { text-decoration: none; }
.svslide .teaser a img { margin-top: 10px; }
.ipadslide .teaser { float: none; width: auto; margin: 0 19px; }

.panorama img, .grid img { width: 100%; }

.coverflow { position: relative; min-height: 200px; margin: 40px 0; overflow: hidden; }
.coverflow .teaser { width: 300px; position: absolute; margin-bottom: 20px; top: -1000px; }
.coverflow .teaser img { width: 97.5%; display: block; border: 1px solid #ddd8d4; padding: 3px; background-color: #fff; }
.coverflow .teaser.active { cursor: pointer; }
.coverflow .teaser .wet { border: 1px solid #fff; -moz-transform: matrix(1, 0, 0, -1, 0, 0); -webkit-transform: matrix(1, 0, 0, -1, 0, 0); -o-transform: matrix(1, 0, 0, -1, 0, 0); }
.coverflow .teaser .fade { position: absolute; left: 0; width: 100%; height: 100%; top: 0;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.7) 51%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0)), color-stop(51%,rgba(255,255,255,0.7)), color-stop(70%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 51%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%);
}
.coverflow .covercaption { width: 60%; padding: 0 20%; position: absolute; bottom: 0; z-index: 20; display: none; }
.coverflow .covercaption span.icon { display: block; width: 20px; height: 16px; }
.coverflow .covercaption p { padding-left: 20px; margin-top: -16px; }
.coverflow .covercaption.active { display: block; }

.topteaser ul { position: absolute; width: 235px; top: 20px; right: 0; background-color: #fff; padding: 0 20px; cursor: pointer; z-index: 9; border-bottom: 1px solid #fff; }
.topteaser li a { border-top: 1px solid #dcd7d3; height: 67px; overflow: hidden; vertical-align: middle; padding: 0; border-bottom: 0 none; color: #333; padding-top: 15px; }
.topteaser li a span { display: block; height: 52px; overflow: hidden; }
.topteaser li:last-child a { border-bottom: 1px solid #dcd7d3; }
.topteaser li.active { position: relative; left: -41px; overflow: hidden; width: 295px; background: url(../pics/bg/topteaser.png) 0 50% no-repeat; }
.topteaser li.active a { margin-left: 41px; margin-right: 20px; }
.topteaser .teasers { margin: 20px 20px 0 20px; }
.topteaser .slick-initialized.teasers { margin: 0; }
.topteaser p { padding-bottom: 27px; }
.topteaser .links { position: absolute; bottom: 0; width: 100%; }
.topteaser .vidimg { margin-right: 235px; }

.collapsable { margin-top: 4px; height: 71px; overflow: hidden; }
.collapsable .image { float: left; width: 93px; margin-right: 10px; }
.collapsable .image img { width: 93px; }
.collapsable .text { margin-left: 103px; font-size: 12px; }

.listteaser { border-bottom: 1px solid #DCD7D3; padding-bottom: 10px; margin-bottom: 5px; }
.listteaser h5 { border: 0 none; margin: 0; padding: 5px 0; }
.listteaser h5 a { font-weight: normal; font-size: 14px; line-height: 18px; text-transform: none; }
.listteaser .image { float: left; width: 93px; margin-right: 10px; }
.listteaser .image img { width: 93px; }
.listteaser .text { margin-left: 103px; font-size: 12px; }

.bbcollapse .collapsable { height: auto; }
.bbcollapse .collapsable .image { float: none; width: 100%; text-align: center; margin-right: 0; border-bottom: 1px dotted #b5afa4; padding-bottom: 8px; margin-bottom: 8px; }
.bbcollapse .collapsable .image img { max-width: 100%; width: auto; }
.bbcollapse .collapsable .text { margin-left: 0; font-size: 12px; }
.bbcollapse .collapsable .more { font-size: 12px; }

.grid form { border-bottom: 1px solid #b5afa3; padding: 15px 20px; }
.grid form input.checkbox { float: left; margin-right: 5px; }
.grid form label.checkbox { display: block; float: left; margin-right: 20px; }
.grid .dateslot { clear: both; border-bottom: 1px solid #dcd7d3; margin: 0 20px; font-weight: bold; padding-top: 20px; }
.grid .teaser { width: 224px; float: left; margin: 10px 20px; height: 220px; position: relative; }
.grid .teaser p { padding-left: 20px; }
#mediathek .search { position: absolute; right: 20px; width: 200px; top: 12px; }

.blog .teaser { margin-right: 250px; }
.blog .slider .teaser { margin-right: 10px; }
.blog p { font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; font-size: 16px; line-height: 20px; clear: none; }
.blog .links { text-align: right;  border-top: 0 none; padding: 0 0 7px 0; }
.blog .links a.more { margin-top: 5px; display: inline-block; }
.blog .image { width: 230px; float: right; margin-top: 10px; text-align: right; font-size: 12px; }
.blog .image img { width: 100%; }
.blog .image .more { float: right; margin-right: 5px; }
.blog .captionimage { margin-bottom: 20px; text-align: left; }
.blog .captionimage img { margin: 0; }
.blog .caption { left: auto; right: 0; width: 230px; color: #57524d; font-weight: normal; background: none; max-height: 100%; box-shadow: none; }
.blog .caption p { font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 16px; padding: 0; }
.blogentry { max-width: 580px; }
.blogentry .image { float: none; width: 100%; margin-bottom: 10px; }
.blogentry .image img { width: 100%; }
.blogentry .intro { font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; font-size: 24px; line-height: 30px; font-weight: normal; color: #333; }

.box .price, .box.teaser .price { font-size: 20px; margin-bottom: 10px; }
.box .priceinfo, .box.teaser .priceinfo { font-size: 12px; font-style: italic; }

.openbox { position: relative; }
.openbox, .openbox .list { font-family: 'TeXGyreTermesRegular', Georgia, Times New Roman, serif; font-size: 16px; line-height: 20px; margin-bottom: 40px; }
.openbox h4 { padding: 0; border-bottom: 1px dotted #333; font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 20px; text-transform: uppercase; color: #57524d; margin-bottom: 15px; }
.openbox ul.list { margin: 0; }
.openbox ul.list li { border-bottom: 0 none; }
.openbox ul.list li > a { height: auto; display: block; line-height: normal; }
.openbox ul.list li em { display: block; color: #747474; font-style: normal; font-family: arial,helvetica,sans-serif; font-size: 12px; }

.calhead { position: absolute; top: 0; right: 0; font-family: arial,helvetica,sans-serif; font-size: 12px; line-height: 20px; }
.calhead li { float: left; }
.calhead li.active { font-weight: bold; }
.calhead li a { float: left; margin-left: 10px; }

.calmonth li { width: 33%; }
.calmonth li.colreset { margin-top: -80px; }
.calmonth li.col2 { margin-left: 33%; }
.calmonth li.col3 { margin-left: 66%; }

.list ul, ul.std { margin-bottom: 18px; list-style: square outside; margin-left: 1em; }

.teaser .address { padding: 10px 0; margin: 0 20px; border-top: 1px dotted #b5afa4; display: none; }

.microsite img { width: 100%; }
.microsite .list { margin: 20px 0; }

.tag { line-height: normal; text-decoration: none; }
.t1 { font-size: 10px; }
.t2 { font-size: 16px; }
.t3 { font-size: 22px; }
.t4 { font-size: 28px; }

.idx, .idx li, .idx li a { float: left; }
.idx { width: 100%; }
.idx li a { margin: 0 2px; border: 1px solid #DCD7D3; text-align: center; margin-bottom: 2px; padding: 2px 0; width: 20px; }
.idx li a.active { font-weight: bold; border-color: #fff; }

.copypaste { width: 95%; }

.sectionheader { display: block; padding: 4px 20px; background-color: #bdb7ab; margin: 1px 0; border: 1px solid #aca49a; background-image: -webkit-linear-gradient(#beb8ac 0%, #b2aa9f 100%); background-image: -moz-linear-gradient(#beb8ac 0%, #b2aa9f 100%); background-image: -o-linear-gradient(#beb8ac 0%, #b2aa9f 100%); background-image: linear-gradient(#beb8ac 0%, #b2aa9f 100%); }
a.sectionheader { color: #57524d !important; text-decoration: none !important; }
.sectionheader .step { display: inline-block; font-size: 18px; font-weight: bold; width: 28px; text-align: center; padding: 6px 0; background: url(../pics/bg/icon_sprite.png) 0 -1599px no-repeat; }
.sectionheader .title { display: inline-block; font-size: 14px; font-weight: bold; margin-left: 10px; text-shadow: 0 1px #fff; text-transform: uppercase; }

.buyarea-wrap { float: left; width: 100%; margin-right: -300px; }
.buyarea { margin-right: 300px; }

.paywall { font: normal 12px/16px arial,helvetica,sans-serif; }
.paywall ul.more.options { margin: 15px 0; }

.productinfo { float: right; width: 250px; margin-top: 40px; }
.productinfo .image { float: none; text-align: center; }
.productinfo .priceline { padding-bottom: 20px; overflow: hidden; border-top: 1px solid #b5afa4; margin-top: 20px; padding-top: 30px; }
.productinfo .priceinfo, .productinfo .price { float: left; display: block; }
.productinfo .priceinfo { padding-top: 25px; width: 40%; font-style: normal; }
.box .productinfo .price { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-size: 60px; text-align: right; line-height: 60px; white-space: nowrap; width: 60%; }
.productinfo .price sup { font-size: 30px; }

.box.product { padding: 10px 20px; width: 100%; box-sizing: border-box; }
.box.product.even { float: left; width: 48%; margin-right: 2%; }
.box.product.odd { float: right; width: 48%; margin-left: 2%; }
.box.product h2 { padding: 0 0 10px 0; margin-bottom: 10px; }
.box.product .image { text-align: center; width: 220px; text-decoration: none !important; }
.box.product.highlight .buy { margin-left: 75%; }
.box.product.highlight .next { right: 28%; }
.box.product .buy { margin-top: 30px; }
.box.product .priceline { overflow: hidden; float: left; width: 50%; color: #57524d !important; display: block; }
.box.product .priceinfo, .box.product .price { display: block; }
.box.product .priceinfo { font-style: normal; }
.box.product .price { font-family: 'TeXGyreTermesBold', Georgia, Times New Roman, serif; font-size: 60px; line-height: 60px; white-space: nowrap; }
.box.product .price sup { font-size: 30px; vertical-align: top; position: relative; top: 3px; line-height: 30px; }

.box.product .bullets, .productinfo .bullets { padding-top: 10px; }
.box.product .bullets h3, .productinfo .bullets h3 { margin: 0; }
.box.product .bullets li, .productinfo .bullets li { background-image: none; position:relative; padding: 5px 0 5px 25px; background-position: -40px -1490px; }
.box.product .bullets li:before, .productinfo .bullets li:before {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../pics/bg/icon_sprite.png) 0 0 no-repeat;
    background-position: -40px -1490px;
}

.box.product .button { text-align: center; margin: 24px 0 0 50%; display: block; }
.box.product .cta { display: inline-block; padding: 12px 20px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; text-decoration: none; border-radius: 5px; min-width: 180px; box-sizing: border-box; }
.box.product a.more { float: none; margin-top: 20px; padding-left: 25px; }
.box.product ul.more a { padding-left: 25px; }
.box.product ul.more { margin-top: 10px; }
.box.product .productslider { margin: 20px 0 0 -20px; overflow: hidden; position: relative; padding-top: 30px; padding-right: 40px; width: 100%; }
.box.product.highlight .productslider { width: 70%; float: left; }

.box.teaser.panel { float: left; width: 32%; clear: none; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.box.teaser.panel.tbox0 { clear: left; }
.box.teaser.panel.tbox0, .box.teaser.panel.tbox1 { margin-right: 1%; }
.box.teaser.panel.tbox2, .box.teaser.panel.tbox1 { margin-left: 1%; }
.box.teaser.panel strong.info { float: none; margin-left: 0; margin-top: 0; }
.box.teaser.panel .image { float: none; margin-bottom: 0; -ms-flex: 1 0 auto; -webkit-flex: 1 0 auto; flex: 1 0 auto; }
.box.teaser.panel .image img { width: 100%; }
.box.teaser.panel .text { margin-left: 20px; margin-top: 0; border: 0 none; }
.box.teaser.panel .more { margin-left: 19px; }
.box.teaser.panel.disabled:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255,255,255,0.8); z-index: 10; }

.container { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.upselling { margin: 10px 0; float: left; width: 50%; text-align: center; }
.upselling .image, .upselling h3, .upselling p, .upselling .button { margin: 0 35px; }
.upselling .image { float: none; padding-bottom: 20px; }
.lightbox-content .upselling .button { margin-bottom: 0; }
.upselling .button { display: inline-block; margin-top: 10px; }
.upselling .button a { font-weight: bold; color: #fff; padding: 7px 15px; display: block; background-color: #b5afa4; text-decoration: none; }

.code { text-align: center; margin-bottom: 20px; }
.code pre { font-family: "Courier New", Courier, monospace; font-size: 24px; font-weight: bold; border: 1px solid #ccc; padding: 20px; margin: 0 auto 5px auto; display: inline-block; }

#sendcodes-form { margin-top: 20px;  }
#sendcodes-form .button { text-align: left; margin-left: 55%; }

#aboprice { position: absolute; right: 20px; text-align: right; }
#aboprice .price { font-size: 24px; margin: 5px 0 0 0; }

.ad { text-align: center; background-image: url(../pics/bg/ad.png); background-repeat: no-repeat; }
#supersize, #skyscraper { background-image: none; }
/*fix for non-fitting wallpaper*/
/*#omsv_sky_DhtmlLayer {top: 13px !important;}*/

#supersize { text-align: center; }
#skyscraper { width: 160px; height: 600px; position: absolute; right: 0; top: 0; }
#supersize > div { margin: 0 auto; }
#advertorial { background-color: #fff; border: 1px solid #DCD7D3; }
#adl_sb_table, #omsv_sky_DhtmlTable { margin-bottom: 0; }
#adl_sb_table td, #omsv_sky_DhtmlTable td { border: 0 none; padding: 0; }
#div-gpt-ad-rectangle_marketing_ad_container, #div-gpt-ad-rectangle_dfpsb_ad_container { width: 300px; margin: 0 auto; }
div[id^="div-gpt-ad"][id$="1"], div[id^="div-gpt-ad"][id$="0"] {
	margin-bottom: 20px;
}

.ad.fullsize, .ad.special { background-position: 0 0; padding-top: 15px; clear: both; }
.ad.fullsize .box, .ad.special .box { padding: 5px 0; }
.ad.special { margin-top: -20px; position: relative; z-index: 10; }
.ad.rectangle { border: 0 none; background-color: transparent; padding-top: 1px; }
.ad.rectangle > * { margin: 15px auto 0 auto; }
.ad.bottom { margin: 20px 320px 20px -228px; padding-top: 15px; background-position: 50% 0; }
.ad.bottom.bottomwide { margin-right: 20px; }
.ad.bottom iframe, .ad.bottom .oms { margin-left: 228px; }
.ad.bottom .oms { display: inline-block; }
.ad.bottom .oms iframe { margin-left: 0; }
.ad.adsense { float: right; margin-left: 20px; }
.ad.adsensebtn { float: left; margin-right: 20px; margin-bottom: 10px; }
.ad.adsense, .ad.adsensebtn { padding-top: 15px; }
.ad.adsensemob, .ad.adsensebtnmob { display: none; }
.ad.mobile { background-image: none; text-align: center; }
#page .ad.mobile > div { margin: 0 auto 10px !important; }
.list.ad { text-align: left; padding-top: 20px; background-position: 0 8px; }

/* e-paper-faq rmp */
.faqtxt ol { counter-reset: listenpunkt_ebene1; list-style-type: none; font-family: arial,helvetica,sans-serif; }
.faqtxt ol>li:before { content: counter(listenpunkt_ebene1) ". "; counter-increment: listenpunkt_ebene1; }
.faqtxt ol>li.nostyle { margin-left:18px; }
.faqtxt ol>ol { counter-reset: listenpunkt_ebene2; margin-left: 18px; }
.faqtxt ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) ". "; counter-increment:listenpunkt_ebene2; }
.faqtxt ol>ol>li.nostyle { margin-left:32px; }
.faqtxt ol>ol>ol { counter-reset: listenpunkt_ebene3; margin-left: 0px; }
.faqtxt ol>ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) "." counter(listenpunkt_ebene3,decimal) ". "; counter-increment:listenpunkt_ebene3; }
.faqtxt ol>ol>ol>li.nostyle { margin-left:45px; }
.faqtxt ol>ol>ol>ol { counter-reset: listenpunkt_ebene4; }
.faqtxt ol>ol>ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) "." counter(listenpunkt_ebene3,decimal) "." counter(listenpunkt_ebene4,decimal) ". "; counter-increment:listenpunkt_ebene4; }
.faqtxt ol>ol>ol>ol>li.nostyle { margin-left:58px; }
.faqtxt li.nostyle { display: none; margin: 0.25em 0em 0.5em 0em; }
.faqtxt li.nostyle:before { counter-increment: none; content: ""; }
.faqtxt li>a { display: inline; }
.faqtxt ul { list-style-type: square; margin-left: 18px; }
.faqtxt ul>li:before { content: ""; }
.faqtxt ul>ul { list-style-type: circle;}
.faqtxt ul>ul>li:before { content: ""; }
@media only screen and (min-width: 1090px) {
	.faqtxt ol { counter-reset: listenpunkt_ebene1; list-style-type: none; font-family: arial,helvetica,sans-serif; }
	.faqtxt ol>li:before { content: counter(listenpunkt_ebene1) ". "; counter-increment: listenpunkt_ebene1; }
	.faqtxt ol>li.nostyle { margin-left:18px; }
	.faqtxt ol>ol { counter-reset: listenpunkt_ebene2; margin-left: 18px; }
	.faqtxt ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) ". "; counter-increment:listenpunkt_ebene2; }
	.faqtxt ol>ol>li.nostyle { margin-left:32px; }
	.faqtxt ol>ol>ol { counter-reset: listenpunkt_ebene3; margin-left: 32px; }
	.faqtxt ol>ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) "." counter(listenpunkt_ebene3,decimal) ". "; counter-increment:listenpunkt_ebene3; }
	.faqtxt ol>ol>ol>li.nostyle { margin-left:45px; }
	.faqtxt ol>ol>ol>ol { counter-reset: listenpunkt_ebene4; margin-left: 46px; }
	.faqtxt ol>ol>ol>ol>li:before { content: counter(listenpunkt_ebene1) "." counter(listenpunkt_ebene2,decimal) "." counter(listenpunkt_ebene3,decimal) "." counter(listenpunkt_ebene4,decimal) ". "; counter-increment:listenpunkt_ebene4; }
	.faqtxt ol>ol>ol>ol>li.nostyle { margin-left:58px; }
	.faqtxt li.nostyle { display: none; margin: 0.25em 0em 0.5em 0em; }
	.faqtxt li.nostyle:before { counter-increment: none; content: ""; }
	.faqtxt li>a { display: inline; }
	.faqtxt ul { list-style-type: square; margin-left:16px; }
	.faqtxt ul>li:before { content: ""; }
	.faqtxt ul>ul { list-style-type: circle;}
	.faqtxt ul>ul>li:before { content: ""; }
}

/* lightbox */
.lightbox-skin { position: absolute; top: 0; left: 0; z-index: 8020; display: none; background-color: #fff; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); text-align: left; }
.lightbox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background-color: #000; opacity: 0.5; }
.lightbox-close { position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; cursor: pointer; z-index: 8040; background: url(../pics/bg/icon_sprite.png) -40px -250px no-repeat; }
.lightbox-content { width: 700px; height: 630px; padding: 30px; margin-bottom: 0; border: 0 none; overflow: auto; -webkit-overflow-scrolling: touch; }
.lightbox-content .button { margin-bottom: 20px; }
.lightbox-content.link { height: 200px; }
.lightbox-map { width: 900px; height: 600px; margin-bottom: 0; border: 0 none; overflow: hidden; padding: 0; }
.lightbox-map #t-map { height: 100%; width: 100%; }
#lightboxopen { position: absolute; left: 50%; top: 50%; display: block; }

/* form */
.intro { margin: 30px 0; }
.lightbox-content .intro { margin: 10px 0; }
.intro h3 { color: #333; }
label { color: #333; font-size: 12px; }
label.radio { margin-right: 20px; }
legend, .toggle { color: #333 !important; font-weight: bold; border-bottom: 1px dotted #b5afa4; display: block; width: 100%; padding: 30px 0 10px 0; }
.toggle { display: inline-block; text-decoration: none; padding: 5px 20px; margin-top: 10px; width: auto; background: url(../pics/bg/icon_sprite.png) 5px -1292px no-repeat #e8e6e2; border: 1px solid #cdc7c0; }
.toggle.closed { background-position: 5px -1242px; }

form ol > li { margin-bottom: 18px; }
form li label, form li .label { float: left; width: 24%; padding-top: 3px; padding-right: 1%; }
form li input, form li textarea { float: left; width: 52%; border: 1px solid #cdc7c0; border-radius: 3px; padding: 4px; box-shadow: inset 0 0 1px #bbb; font: normal 12px/16px arial,helvetica,sans-serif; color: #333; box-sizing: border-box; }
form li .dropdown, form li select { float: left; width: 52%; font: normal 12px/16px arial,helvetica,sans-serif; color: #333; box-sizing: border-box; }
form li .dropdown.shortprem { margin-left: 5px; width: 80px; }
.finder form li .dropdown { width: auto; float: none; }
form li input.longpre { width: 35%; }
form li input.shortsuf { width: 10%; margin-left: 7%; }
form li input.shortpre { width: 10%; }
form li input.longsuf { width: 35%; margin-left: 7%; }
form li br { clear: both; height: 1px; display: block; }
form li input.checkbox { width: auto; border: 0 none; padding: 0; margin-left: 25%; }
form li label.checkbox { display: block; margin-left: 10px; width: 50%; padding-top: 0; }
form li label.checkbox a { display: inline !important; }
form li label .required, form li .label .required, form li label abbr, form li .label abbr { font-weight: bold; color: #bc5032; }
form .fhint { clear: both; margin-left: 25%; display: block; padding-top: 5px; }
form li.radio, form li.checkbox { margin-left: 25%; }
form .amount { width: 50px; }
form li .rating { float: left; width: 150px; }
form li .rating a { float: left; width: 13px; height: 14px; margin-right: 1px; }
form li.full input.checkbox { margin-left: 0; }
form li.full label.checkbox { width: auto; }

.panelink form ol > li { margin-bottom: 9px; }
.panelink li label { float: none; width: auto; padding: 0; margin-bottom: 3px; }
.panelink li input { float: none; width: 100%; }
.panelink li input.checkbox { margin-left: 0; float: left; }
.panelink li label.checkbox { margin-left: 20px; width: auto; }
.panelink .button { margin-top: 0; }

a.tooltip { background: url(../pics/bg/icon_sprite.png) repeat-x scroll -40px -1150px; width: 25px; height: 25px; display: block; float: left; margin-left: 10px; }
a.tooltip span, a.rate span, a.publish span { display: none; position: absolute; z-index: 5; background-color: #fff; padding: 10px; text-decoration: none; right: 50px; width: 60%; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); font-style: normal; color: #57524d; }

.searchform { margin: 20px 20px 0 20px; padding-bottom: 20px; }
.searchform li input, .searchform li textarea { width: 86%; }
.searchform .dropdown, .formgroup .dropdown { margin-right: 20px; }
.searchform.big .dropdown { margin-right: 10px; }
.searchresult { border-top: 1px solid #b5afa3; }

.searchform.big { margin-top: 40px; }
.searchform.big ol > li { float: left; width: 28%; }
.searchform.big li.button { width: 15%;  }
form.searchform.big li input, form.searchform.big li textarea { font-size: 14px; padding: 8px; }
form.searchform.big li.button input { padding: 7px 15px; margin-right: 10px; }
span.SearchTermHighlight:empty { display: none; }

.formgroup { width: 33%; float: left; }
.button.formgroup { width: auto; float: right; margin-top: 37px; }
.formgroup label, .formgroup .label { font-weight: bold; margin-bottom: 5px; display: block; margin-top: 20px; }
.formgroup input.text { border: 1px solid #cdc7c0; border-radius: 3px; padding: 4px 4px 3px 4px; box-shadow: inset 0 0 1px #bbb; font: normal 12px/16px arial,helvetica,sans-serif; color: #333; width: 87%; }
.formgroup input.text.shortpre { width: 20%; }
.formgroup input.text.longsuf { width: 55%; float: right; margin-right: 13%; }
.inset .formgroup .label { margin-top: 0; }

.formgroup .checkbox { margin: 0 0 5px 0; }
.formgroup label.checkbox { margin-left: 10px; }
.formgroup li li label.checkbox { font-weight: normal; }
.formgroup li li { margin: 0 0 0 20px; }
.formgroup .dropdown li li { margin: 0; }
.formgroup select { margin-bottom: 3px; }

.button.halfright { margin-top: 0; }
ol.halfleft label, ol.halfleft input { float: none; width: auto; }

select { border: 1px solid #ccc; height: 24px; }
.big select { height: 34px; }

.geosearch { position: relative; }
.geosearch .dropdown { position: absolute; right: 0; bottom: 0; }

.button { text-align: right; margin-top: 20px; }
li.button { margin: 0; }
.voting .button { text-align: left; }
.halfleft .button, .halfright .button { text-align: center; }
.button input, .button a.reset, .button a.primary { background-color: #e8e6e2; color: #333; border: 1px solid #cdc7c0; font: normal 12px/16px arial,helvetica,sans-serif; padding: 4px 20px; width: auto; margin-right: 10px; border-radius: 0; box-shadow: none; -webkit-appearance: none; border-radius: 0; }
.button input.action { margin-right: 0; }
.button a.reset { display: inline-block; text-decoration: none; }
.button input.primary, .button a.primary { color: #fff; margin-right: 0; text-decoration: none; }
.button .secondary { float: left; margin-top: 5px; margin-right: 10px; }
.button a.primary.btn-uniform-180 { display: inline-block; width: 180px; text-align: center; }

.inlineform .button, .inlineform .search { float: left; }
.inlineform .button { margin-top: 0; }
.inlineform .search { margin-right: 20px; }

.daterange { border: 1px solid #cdc7c0; border-radius: 3px; box-shadow: inset 0 0 1px #bbb; margin-right: 20px; position: relative; overflow: hidden; }
.daterange input, .daterange span { float: left; display: block; }
.daterange input { width: 33%; border: 0 none; padding: 4px 4px 3px 4px; }
.daterange span { width: 100%; text-align: center; padding-top: 4px; padding-bottom: 1px; background: #fbfaf8; background: linear-gradient(#fbfaf8, #e8e7e3); }
.daterange input.from { border-right: 1px dotted #b5afa4; position: absolute; }
.daterange input.till { border-left: 1px dotted #b5afa4; position: absolute; right: 0; }

.finder form ol { position: relative; }
.finder form ol > li { margin-bottom: 8px; }
.finder form li input { width: 90%; }
.finder form li.button { float: right; margin-bottom: 0; }
.finder form li.button input { width: auto; margin-left: 10px; }

.printform { font: normal 12px/16px arial,helvetica,sans-serif; }
.printform h3, .article .text .links { font: bold 12px/16px arial,helvetica,sans-serif !important; }
.printform table { margin-bottom: 20px; }

.section.marketad .image { width: 350px; margin-top: 10px; }
.section.marketad .image img { width: 100%; }
.section.marketad .text { margin-top: 10px; margin-left: 370px; }
.article.marketad .scrollable { text-align: center; }
.article.marketad .scrollable img { max-width: 400px; margin: 0 auto; }

dl.list { border-top: 1px solid #DCD7D3; margin-bottom: 20px; }
dl.list dt { font-weight: bold; width: 50%; }
.article dl.list dt { font-weight: normal; }
dl.list dd { border-bottom: 1px solid #DCD7D3; padding-left: 50%; margin-top: -18px; }
#rightbar dl.list dd { margin-top: -16px; text-align: right; }

/* bb */
.properties li, .rating, .prop-yes, .prop-no { background: url(../pics/bg/bb_sprite.png) 0 0 no-repeat; }

.basic, .gold, .silver, .bronze { padding: 5px 5px 0 5px !important; }
.gold { background-color: #feeebe; }
.silver { background-color: #eaeaea; }
.bronze { background-color: #e6e3dd; }

#linklist ul ul { height: 120px; }
#bbsearch fieldset ol { width: 90%; }
.dropdown.selbox.branch { width: 80%; }

ul.list li div.button { float: right; margin-top: 8px; }
.box.map { display: none; }

.properties, .properties li { float: left; }
.properties li { margin: 0 2px 0 0; height: 27px; width: 27px; }
.properties li.icon-parking { background-position: 0 0;}
.properties li.icon-aboplus { background-position: -27px 0;}
.properties li.icon-handicap { background-position: -54px 0;}
.properties li.icon-smoking { background-position: -81px 0;}
.properties li.icon-children { background-position: -108px 0;}
.properties li.icon-dog { background-position: -135px 0;}
.properties li.icon-get { background-position: 0 -27px;}
.properties li.icon-bring { background-position: -27px -27px;}
.properties li.icon-web { background-position: -54px -27px;}
.properties li.icon-wlan { background-position: -81px -27px;}
.properties li.icon-pool { background-position: -108px -27px;}
.properties li.icon-wellness { background-position: -135px -27px;}
.properties li.icon-tv { background-position: 0 -54px;}
.properties li.icon-ticket { background-position: -27px -54px;}
.properties li.icon-price-a { background-position: -54px -54px;}
.properties li.icon-price-b { background-position: -81px -54px;}
.properties li.icon-price-c { background-position: -108px -54px;}
.properties li.icon-price-d { background-position: -135px -54px;}
.properties li.icon-cash { background-position: 0 -81px;}
.properties li.icon-ec { background-position: -27px -81px;}
.properties li.icon-master { background-position: -54px -81px;}
.properties li.icon-visa { background-position: -81px -81px;}
.properties li.icon-diners { background-position: -108px -81px;}
.properties li.icon-amex { background-position: -135px -81px;}
.properties li.icon-image { background-position: 0 -108px;}
.properties li.icon-video { background-position: -27px -108px;}

.rating { height: 24px; position: relative; display: block; }
.rating-count { display: block; padding-left: 80px; }
.rate-1 { background-position: 0 -150px; }
.rate-2 { background-position: 0 -180px; }
.rate-3 { background-position: 0 -210px; }
.rate-4 { background-position: 0 -240px; }
.rate-5 { background-position: 0 -270px; }
.rate-0 { background-position: 0 -300px; }

#bewertungen .result { margin-top: 10px; font-size: 14px; line-height: 18px; }

.addrdesc .image { width: 130px; text-align: center; }
.addrdesc .image a { display: block; }
.addrdesc .image img { display: inline; margin-bottom: 10px; width: 100%; }

#bbproduct { overflow: auto; -webkit-overflow-scrolling: touch; }
#bbproduct th { width: 20%; text-align: center; padding: 10px 0; font-size: 16px; }
#zdproduct th { width: auto; text-align: center; padding: 10px 0; font-size: 16px; }
#zdproduct th a { text-decoration: none; }
#zdproduct td.infocell a { font-weight: bold; text-decoration: none; color: #57524D; background: url(../pics/bg/icon_sprite.png) 10px -1244px no-repeat; }
#zdproduct .toggle { border:none; color: #57524D !important; }
#zdproduct .toggle.closed { background: url(../pics/bg/icon_sprite.png) 10px -1294px no-repeat; }
td.props, td.prop-yes, td.prop-no, td.price, td.book, td.productcell { text-align: center; }
tr.infopanel td { padding: 10px; }
td.infocell { vertical-align: top; }
td.infocell strong, td.infocell a { display: block; padding: 3px 0 3px 30px; }
td.infocell a { font-weight: bold; text-decoration: none; color: #57524D; background: url(../pics/bg/icon_sprite.png) -45px -800px no-repeat; }
td.book { vertical-align: top; }
td.book .button { text-align: center; margin-bottom: 10px; white-space: nowrap; }
td.productcell { padding: 10px 0; }
.prop-yes, .prop-no { display: block; height: 14px; background-position: 50% -350px; }
.prop-no { background-position: 50% -372px; }
dd .prop-yes, dd .prop-no { height: 20px; background-position: -92px -345px; }
dd .prop-no { background-position: -92px -367px; }

#bemap { height: 660px; background: url(../pics/bbmap/base.gif) 0 0 no-repeat; position: relative; margin-bottom: 10px; cursor: pointer; }
.beslot { height: 660px; position: absolute; top: 0; width: 622px; background-position: 0 0; background-repeat: no-repeat; }
#beslot-0 { background-image: url(../pics/bbmap/slot_mainz.png); }
#beslot-1 { background-image: url(../pics/bbmap/slot_wiesbaden.png); }
#beslot-2 { background-image: url(../pics/bbmap/slot_bingen.png); }
#beslot-3 { background-image: url(../pics/bbmap/slot_worms.png); }
#beslot-4 { background-image: url(../pics/bbmap/slot_zgz.png); }

ul.tree li { border-top: 1px solid #DCD7D3; }
ul.tree div.leaf li { border-top: 0 none; }
ul.tree div.leaf > ul.tree { display: block; }
ul.tree div.leaf > ul.tree li { border-top: 1px solid #DCD7D3; }
ul.tree li ul, ul.tree li div.leaf { display: none; }
ul.tree li a { padding: 3px 0; }
ul.tree li.tree > a { background: url(../pics/bg/icon_sprite.png) 3px -1245px no-repeat; }
ul.tree li.tree.active > a, ul.tree li.tree.searchactive > a { background: url(../pics/bg/icon_sprite.png) 3px -1295px no-repeat; }
ul.tree li.leaf.active > a { background-color: #f5f2ef; }
ul.tree li.leaf.searchactive > a { background-color: #feeebe; }
ul.tree li.leaf.searchactive.active > a { background-color: #f5f2ef; }
ul.tree li.searchactive > ul, ul.tree li.active > ul { display: block; }
ul.tree li a { padding-left: 20px; }
ul.tree li li a { padding-left: 40px; }
ul.tree li li li a { padding-left: 60px; }
ul.tree li li li li a { padding-left: 80px; }
ul.tree li li li li li a { padding-left: 100px; }
ul.tree li li li li li li a { padding-left: 120px; }

.linkbox .logo { background-color: #fff; margin-bottom: 10px; text-align: center; padding: 5px; border: 1px solid #dcd7d3; }
.linkbox .logo img { margin: auto; }
.linkbox ul.bookmark { list-style: none; }
.linkbox ul.bookmark, .linkbox ul.bookmark li, .linkbox ul.bookmark li a { float: left; border: 0 none; margin: 0; padding: 0; }
.linkbox ul.bookmark li a { margin: 0 10px 0 0; padding: 3px 0; }

.editarea { border: 1px dashed #B5AFA4; text-align: center; margin-bottom: 20px; height: 75px; position: relative; padding-top: 70px; }
.editarea.fl { margin-left: 320px; }
.editable { position: relative; }
.editarea .edit, .editable .edit { position: absolute; width: 18px; height: 18px; background: url(../pics/bg/icon_sprite.png) -39px -172px no-repeat #fff; border-radius: 3px; border: 1px solid #333; z-index: 1; }
.editable .edit { top: 0; right: 0; }
.editarea .edit, .logo.editable .edit, .captionimage.editable .edit, .selection.editable .edit { top: 5px; right: 5px; }

.sortable { padding: 5px 0; max-height: 500px; overflow: auto; -webkit-overflow-scrolling: touch; padding-right: 20px; }
.sortable li { border: 1px solid #DCD7D3; padding: 5px; background-color: #FAF8F8; margin-bottom: 9px; position: relative; }
.sortable li label, .sortable li input { margin-top: 3px; }
.sortable li .remove { display: block; position: absolute; top: 10px; right: 10px; }

.lightbox-inner .loading { width: 50px; height: 50px; z-index: 500; position: absolute; left: 50%; top: 50%; margin-left: -25px; margin-top: -25px; border-radius: 5px; background: url(../pics/loading/loading.gif) 50% 50% no-repeat #fff; border: 1px solid #b4aea3; display: none; }

.youtube-video { background-position: center; background-repeat: no-repeat; background-size: 298px; position: relative; display: inline-block; overflow: hidden; transition: all 200ms ease-out; cursor: pointer; width: 298px; height: 167px; }
.youtube-video .play { position: absolute; height: 56px; width: 56px; transition: all 0.2s ease-out; background: url(../pics/bg/icon_sprite.png) 0 0 no-repeat; background-position: 0 -700px; top: 50%; left: 50%; margin-left: -28px; margin-top: -28px; z-index: 2; }
.youtube-video .play:hover { opacity: 1; filter: alpha(opacity=100); }
.youtube-video-description { padding: 5px; font-size: 14px; line-height: 18px; display: block; }
.youtube-video-description p { margin: 0.5em 0 0.5em 0; }
.youtube-video-description .published-info { font-style: italic; font-size: small; }

iframe#player { float: left; }
.lightbox-inner .youtube-watch-queue { padding-left: 5px; height: 360px; overflow: auto; }
.lightbox-inner .youtube-watch-queue li { cursor: pointer; }
.lightbox-inner .youtube-video-frame { background-color: rgba(0, 0, 0, 0.75); color: #fff; }
.lightbox-inner .youtube-video-frame .youtube-video-title h2 { color: #fff; }

.box.admin .button, .box.editor .button { margin-top: 0; }

.hlist li { float: left; width: 33%; }
.hlist li input.checkbox { margin-left: 0; }
form ol.hlist > li { margin: 0; }
.prop { overflow: auto; height: 400px; -webkit-overflow-scrolling: touch; }
.textcol { margin-left: 322px; }
.section .textcol { margin-left: 140px; }

/* datepicker */
#calroot { z-index: 1000; margin-top: -1px; width: 204px; padding: 2px; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); }
.calroot { width: 30%; float: left; border: 1px solid #DCD7D3; margin: 0 1.5%; }
#rightbar .calroot { width: auto; float: none; border: 0 none; margin: 0; }
#calhead, .calheader, #caldays, .caldays, .calweek a { padding: 3px 0 5px 0; color: #57524d; }
#caldays, .caldays { clear: both; }
#caltitle, .caltitle { font-weight: bold; text-align: center; float: left; width: 156px; }
.caltitle { width: 100%; }
#calnext, #calprev { display: block; width: 20px; height:20px; background-position: 6px -447px; float:left; cursor:pointer; }
#calnext { background-position: 2px 3px; float: right; }
#calprev.caldisabled, #calnext.caldisabled { visibility: hidden; }
#caldays span, .caldays span { display: block; float: left; width: 14.2%; text-align: center; }
#calweeks, .calweeks { margin-top: 4px; }
.calweek { clear: left; height: 1.5em; }
.calweek a, .calweek span { display: block; float: left; width: 12.7%; text-decoration: none; margin-left: 1px; text-align: center; border: 1px solid #fff; }
.calweeks .calweek a, .calweeks .calweek span { padding: 10px 0; }
#rightbar .calweeks .calweek a, #rightbar .calweeks .calweek span { padding: 5px 0; }
a.caloff, .calweek span { color: #ccc; }
a.caldisabled { color:#ccc !important; cursor: default; }
#calcurrent { color: #fff; }

/* ext */
.teaserbox_a { padding: 10px 20px 0 20px; }
.teaserbox_a .chart, .teaserbox_a .ce { text-align: center; margin-bottom: 5px; }
.biallotop5element .disclaimer { margin-top: 2px; font-size: 10px; }

.biallotop5element { padding: 10px 20px; }
.biallotop5element .toplisthead { font-weight: bold; }
.biallotop5element .toplistfooter { margin-top: 2px; font-size: 10px; }

#mashbox { margin: 4px; }

.moduleGeniosBox legend { display: none; }
.moduleGeniosBox .formText { border: 1px solid #cdc7c0; border-radius: 3px; padding: 4px 4px 3px 4px; box-shadow: inset 0 0 1px #bbb; font: normal 12px/16px arial,helvetica,sans-serif; color: #333; width: 50%; float: left; margin: 20px 0; }
.moduleGeniosBox .formButton { margin: 20px 0 20px 20px; }
.moduleGeniosBox .clearfix, #genios_error_msg { clear: both; }
.moduleGeniosBox label { font-size: 16px; color: #57524D; }

/* override */
.first { border-top: 0 none !important; }
.last { border: 0 none !important; background-image: none !important; }
ul.list li.last { border-bottom: 1px solid #fff !important; }

/* brightcove */

#vvt { position: absolute;top: 10px; right: 20px; z-index: 1; }

div.tsComponents { position: relative; z-index: inherit; }
div.tsPlayer { z-index: inherit; overflow: hidden; position:relative; }

div.tsCompanionAds {
	color: white;
	border: 0px;
	display: none;
	visibility: visible;
	padding: 0px;
	z-index: 2147483646 !important;
	opacity: 1;
	-moz-opacity: 1; /* older Gecko-based browsers */
	filter: alpha(opacity=100); /* For IE6&7 */
	overflow: hidden;
	width: 300px;
	height: 270px;
	overflow: hidden;
	margin-bottom: 20px;
}
div.tsText	{
	background-color: black;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
	text-align: center;
	margin: 0px;
	z-index: inherit;
	position: relative;
}
div.tsBanner {
	display: none;
	visibility: visible;
	margin-top: 5px;
	width: 728px;
	height: 90px;
	z-index: 2147483647 !important;
	overflow: hidden;
	margin-left: -14px;
}

.cookie-notification {
    display: none;
    min-height: 25px;
    padding: 10px 15px;
    background-color: white;
    background-color: rgba(255,255,255,0.9);
    z-index: 2147483640;
    border-top: 1px solid #dcd7d3;
    left: 0;
    right: 0px;
    bottom: 0;
    position: fixed;
}
.cookie-notification.enabled {
    display: block;
}
.cookie-notification p {
    padding-right: 140px;
    margin: 0;
}
.cookie-notification .button {
    position: absolute;
    right: 0;
    top: 8px;
    margin-top: 0;
    padding: 8px 12px;
}
@media screen and (max-width: 480px) {
    .cookie-notification p {
        padding-right: 10px;
    }
    .cookie-notification .button {
        padding: 10px 0;
        position: relative;
    }
    .cookie-notification .button a {
        display: block;
        text-align: center;
    }
}

#recaptcha_widget_div .recaptchatable { border: 0 none !important; }
#recaptcha_widget_div { width: 400px; }
#recaptcha_switch_audio { display: none; }
#nuggHeadline { font-weight: bold; padding: 0 20px; display: none; }
#nuggQuestion { padding: 0 20px 40px 20px; display: none; }
#ERGEBNISSE { margin-bottom: 40px; }
div.match-preview { font-size: larger; margin: 20px 20px; border-bottom: 1px solid #a59f93; }
div.no-match { padding-left: 20px; }

/* responsive */

@media only screen and (max-width:479px){
	#page .ad.mobile { position: relative; left: -10px; min-width: 320px; }

	#page .box.teaser h2, #page .box.inset h2, #page .box.topteaser .teaser h1 { font-size: 18px; line-height: 20px; }
	#page .box.topteaser .teaser.main h1 { font-size: 24px; line-height: 30px; }
	.box.teaser h2 .hl, .box.topteaser .teaser h1 { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

	#tools li { font-size: 90%; }
	#tools .panelink li { font-size: 12px; }
	
	.upselling .image, .upselling h3, .upselling p, .upselling .button { margin-left: 0; margin-right: 0; }
}

@media only screen and (max-width:480px){
	.rectangle, .tsCompanionAds { display: none; }
	.ad.mobile > div { border: 0 none; background-color: transparent; }

	.nophone { display: none; }

	#pageinner { padding-left: 10px; padding-right: 10px !important; }

	#meta ul { width: 100% !important; }
	#date { display: none; }
	#tools li { background-image: none !important; }
	#tools li.photo a { padding-left: 0 !important; }

	h1, h2.blog, h2.area { font-size: 24px; line-height: 30px; }

	.box.teaser p { display: none; }
	.box.teaser h2 { font-size: 21px; padding: 8px 10px; }
	.box.teaser h2 .hl { display: block; float: right; overflow: hidden; margin: 12px 0 5px 0; margin-left: -125px; width: 100%; }
	.box.teaser h2 .hl.noimg { margin-left: 0; }
	.box.teaser h2 .hl a { display: block; margin-left: 125px; border-top: 2px solid #B5AFA4; padding: 8px 0 4px 0; }
	.box.teaser h2 .hl.noimg a { margin-left: 0; }
	.box.teaser .image { margin: 5px 10px; position: relative; z-index: 2; }
	.box.teaser .image img { width: 110px !important; }
	.box.teaser .text { margin: 0 10px !important; padding: 0; border: 0 none; clear: both; }
	.box.teaser ul.more { margin: 0 10px 10px 10px !important; }
	.box.teaser h3, .box.teaser h3.noimg { margin: 0 10px 5px 10px !important; }

	.box.teaser.static p { display: block; }
	.box.teaser.static .text { margin-left: 135px !important; clear: none; }
	.box.teaser.static .text.noimg { margin-left: 10px !important; clear: none; }

	.box.teaser.panel .text { margin-left: 10px !important; }
	.box.teaser.panel .image img { width: 100% !important; }
	
	.box.inset h2 { font-size: 21px; }

	.box.authorintro .portrait { float: none; }
	.box.authorintro .portrait img { width: 100%; }
	.box.authorintro .text { margin-left: 0; clear: both; }

	.box.topteaser { background-color: transparent; float: none; border: 0 none; margin: 0; min-height: 0; }
	.box.topteaser ul { display: none; }
	.box.topteaser .links { position: static; }
	.box.topteaser .teasers { margin: 20px 0 0 0; }
	.box.topteaser .teaser { border: 1px solid #DCD7D3; margin: 0 0 20px 0; background-color: #fff; float: none; width: auto; padding: 10px; display: block; }
	.box.topteaser .teaser p { margin-bottom: 0; padding-bottom: 0; display: none; }
	.box.topteaser .teaser a { float: left; }
	.box.topteaser .teaser img { width: 110px; float: left; }
	.box.topteaser .teaser h1 { border-top: 2px solid #B5AFA4; margin: 0 0 0 125px; font-size: 21px; line-height: 25px; padding: 8px 0 4px 0; }
	.box.topteaser .teaser h1:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.box.topteaser .teaser.main h1 { border-top: 0 none; margin: 0; padding: 0; font-size: 24px; line-height: 30px; margin-bottom: 10px; }
	.box.topteaser .teaser.main img { width: 100%; float: none; }
	.box.topteaser .teaser.main p { display: block; }
	.box.topteaser .teaser .info { float: none; text-align: left; margin: 0 0 10px 0; }
	.box.topteaser .teaser .info a { text-decoration: none; }

	.linkbox, .adsense.ad, .voting .image, .ad.adsensebtn { float: none; width: auto; margin: 10px 0; }
	.textcol { margin-left: 0; }
	.editarea.fl { margin-left: 0; }
	.voting form { margin-left: 0; }
	.voting form .button { margin-top: 10px; }
	.result dd { margin-right: 20%; }

	.tab li a { padding: 6px 8px; }

	.section .addrdesc { margin-right: 0; float: none; }
	.section .addrdesc p { margin-right: 0; margin-left: 0; }
	.section .addressblock { float: none; width: auto; margin-top: 10px; }
	.section .image { float: none; margin-bottom: 5px; text-align: center; width: 100%; }
	.section .image img { width: 130px; }
	.section .text { margin-left: 0; }

	.blogentry .image img { width: 100%; }

	.filter strong { float: none; }
	.filter .dropdown { width: 105px; }
	.tools li.primary { float: left; margin: 0 20px 0 0; }

	form.searchform.big ol > li { width: 100% !important; float: none; }
	form.searchform.big li input { width: 92%; }
	form.searchform.big li.button { width: 100px !important; }
	.searchform .dropdown, .searchform .daterange { margin-right: 0; }
	.formgroup { float: none; width: 100% !important; }
	.button input, .button a.reset { margin-right: 0; margin-bottom: 10px; }
	.inset .formgroup .label { margin-top: 10px; }

	form ol > li { margin-bottom: 9px; }
	form li label { display: block; width: 100%; float: none; }
	form li label.checkbox { float: left; width: auto; width: calc(100% - 35px);}
	form li input, form li textarea, form li select, form li .dropdown { width: 80%; }
	form li input.longpre { width: 55%; }
	form li input.shortsuf { width: 18%; }
	form li input.shortpre { width: 18%; }
	form li input.longsuf { width: 55%; }
	form li input.checkbox { margin-left: 0; }
	form.searchform.big li.button input { margin-right: 10px; margin-top: 10px; }

	#edition, #edition li, #edition li a { float: none; }
	#edition li { margin: 0; }
	#edition li a { background-image: none; padding: 0; }

	#service #aboservice .image { display: none; }
	#service #aboservice .text { margin-left: 0; }

	.calroot { width: 99%; margin: 0; }
	.calroot .calweeks .calweek a, .calroot .calweeks .calweek span { padding: 5px 0 !important; }

	#recaptcha_widget_div { width: 260px; }
	#recaptcha_logo { display: none; }
	.recaptcha_image_cell, #recaptcha_response_field, #recaptcha_image, #recaptcha_image img { width: 200px !important; }

	.funcs li a { margin-left: 2px; }
	a.rate span { bottom: 10px; }

	.lightbox-skin { box-shadow: none; }
	.lightbox-content { padding: 20px; }
	.lightbox-content .intro { margin: 10px 0; }
	.lightbox-content h1 { display: none; }
	.lightbox-overlay { opacity: 1; }

	#t-map.mappane { height: 250px; }

	.cell.c1 { width: 48% !important; }
	.cell.c2 { width: 98% !important; }

	.blog .captionimage img { width: 100%; }

	#vvt { margin: 10px 20px; position: static; }

	#toast { width: 280px; }
	#toast-sign, #toast-hard-sign { display: none; }
	#toast-msg, #toast-hard-msg { margin-left: 0; }
	#toast-hard-msg > ul > table td, #toast-msg > ul > table td { display: table-row; height: 20px; }

	body #rightbar .box.facebook { height: 300px !important; }

	.grid .teaser { height: 170px; }

	dl.list dt { width: 100%; }
	.article dl.list dt { font-weight: bold; }
	dl.list dd { padding-left: 0; margin-top: 0; }
	#rightbar dl.list dd { margin-top: 0; text-align: right; }

	td.infocell strong { padding-left: 0; }
	#zdproduct, #zdproduct th { font-size: 10px; text-align: left; }
}

@media only screen and (max-width:680px){
	.ad.fullsize, .wd4, .wd5, .ad.bottom, .adsensebtn, .adsense, .ad.rectangle, .ad.special { display: none !important; }
	.ad.adsensebtnmob, .ad.adsensemob { margin-right: 20px; margin-bottom: 10px; padding-top: 15px; display: block; }
	
	.show-on-phone, #nuggHeadline, #nuggQuestion { display: block !important; }
	.hide-on-phone, #breadcrumb { display: none; }
	#nav { margin-bottom: 20px; }
	#banderole { position: relative; top: -20px; }
	.sticky #nav { margin-bottom: 0; }

	#date { width: 40%; text-align: left; }
	#meta ul { width: 60%; }
	#media { display: none; }

	#logo .logo { width: 76%; }
	#weather, #header .search { margin-top: 0; width: 10%; }
	#header .search { height: 25px; cursor: pointer; background: url(../pics/bg/icon_sprite.png) -0 -1100px no-repeat; width: 30px; }
	#weather .dropdown, #header .search div, #weather strong { display: none; }
	#header .search div { position: absolute; width: 70%; top: 50px; right: 0; background-color: #fff; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); z-index: 1600; }
	#header .search fieldset { padding: 10px 10px 10px 37px; background-position: 10px 10px; border-radius: 0; border: 0 none; }
	#header .search .sendsearch { top: 10px; left: 10px; }

	#header #nav .main-wrapper, #header #nav .abo .sub { display: none; background-image: none; overflow: hidden; }
	#header #nav .main, #header #nav .abo .sub ul { position: absolute; }
	#header #nav .main, #header #nav .main > li, #header #nav .main .sub, #header #nav .main .sub ul, #header #nav .abo .sub ul { width: 100%; }
	#header #nav .main .sub, #header #nav .main .sub ul, #header #nav .abo .sub ul { background-image: none; left: 100%; }
	#header #nav .quick, #header #nav hr { display: none !important; }
	#header #nav .main .sub a, #header #nav .abo .sub a { margin-right: 0; }

	.box.teaser .image img { width: 131px; }
	.box.teaser .text { margin-left: 171px; }
	.box.teaser h3 { clear: left; margin: 0 19px 5px 19px; }
	.box.teaser ul.more { clear: left; margin: 0 19px 20px 19px; }
	h2 .info { float: none; margin-top: 0; }

	.authorintro .portrait img { width: 131px; }
	.authorintro .text { margin-left: 171px; }

	.cross .teaser.even, .cross .teaser.odd { float: none !important; width: auto !important; padding-bottom: 10px !important; }
	.cross .teaser.even.lastrow { border-bottom: 1px solid #dcd7d3 !important; }

	form.searchform.big ol > li { width: 50%; }
	form.searchform.big li.button { width: auto; }

	.formgroup { width: 50%; }

	#rightbar .box, #rightbar .quick, #te1, #te2, #te3, #te4 { float: none !important; width: auto !important; height: auto !important; }
	#rightbar .box.facebook { width: 100% !important; height: 240px !important; }
	#rightbar .ipadslide .teaser { float: none; width: auto; margin: 0 19px; }

	.scrolling { height: auto !important; }

	.box.weather { overflow: visible; }
	.box.weather .col { margin: 10px 0; }
	.box.weather .cast .dropdown { width: 115px; }
	.box.weather .overview { margin-top: 0; border-top: 0 none; }

	#footer .logo { width: auto; float: none; margin-bottom: 20px; }
	#footer #edition { margin-left: 0; padding: 0; }
	#footer #copyright { padding-left: 0; }

	.box.topteaser ul { position: absolute; top: 5px; text-align: center; width: 100%; right: auto; padding: 0; z-index: 9; }
	.box.topteaser ul li { width: 12px; height: 12px; background: url(../pics/bg/icon_sprite.png) 0 -1050px; position: static; display: inline-table; }
	.box.topteaser ul li.active, .box.topteaser ul li.slick-active { background-position: -40px -1050px; }
	.box.topteaser ul li a { display: none; }
	.box.topteaser .teaser { text-align: center; }
	.box.topteaser .teaser h1, .box.topteaser .teaser p { text-align: left; }
	.box.topteaser .vidimg { margin-right: 0; }

	.blog .image { float: none; }
	.blog .teaser { margin-right: 0; }

	.calroot { margin: 0 1.3%; }
	.calweek a, .calweek span { width: 12% !important; }
	.calweeks .calweek a, .calweeks .calweek span { padding: 2px 0 !important; }

	.finder form ol { margin-top: 0 !important; }

	.section.hastools.marketad .image { width: 100%; float: none; }
	.section.hastools.marketad .text { margin-left: 0; }

	.section.halfleft, .section.halfright { width: auto; margin-left: 0; float: none !important; border: 0 none; padding: 0 0 10px 0; }
	.section.halfleft { border-bottom: 1px dotted #b5afa4; }

	ul.list li.halfleft, ul.list li.halfright { float: none; width: auto; }

	.panorama.image { overflow: visible; }
	.caption { background: #fff; color: #57524D; font-weight: bold; position: absolute; bottom: auto; left: 0; width: 99.7%; border: 1px solid #DCD7D3; display: none; z-index: 10; max-height: none; }
	.panorama .caption { left: -1px; width: 99.7%; }
	.caption a, .caption a:hover { color: #57524d !important; }

	.article .image { float: none; }
	.article .image .caption { border: 0 none; display: block; }

	.blog .caption { margin: 0 !important; position: absolute !important; left: 0; }
	.blog .caption p { padding: 10px; }

	 .article .authorinfo .image { float: left; margin-right: 0; }

	.result dt { width: auto; float: none; }
	.result dd { margin: 0 25% 25px 0; }

	#desk .box.topicintro .prevjump, #desk .box.topicintro .nextjump { width: 30px; padding: 0; height: 45px; }
	#desk .box.topicintro .jumplistheader h1, #deskwide .box.topicintro .jumplistheader h1 { padding: 0 15px; }
	#desk .box.topicintro .image { float: none; width: auto; margin-left: 0; }
	#deskwide .box.topicintro .clipimg { display: none; }
	#deskwide .box.topicintro .clipping { padding-right: 20px; }

	.article .item .button { margin-top: 10px; text-align: left; }

	#mediathek .search { display: none; }
	.coverflow h1 { font-size: 20px; line-height: 25px; }

	.productinfo { display: none; }
	.buyarea-wrap, .buyarea { float: none; margin: 0; }

	.upselling { width: auto; float: none; }
	.box.paywall.inset { padding: 0 10px; }

	.box.product .priceline { float: none; width: 100%; }
	.box.product .button { margin: 26px 0 0 0; }
	
	#page .box.teaser.panel { width: auto; float: none; margin-right: 0; margin-left: 0; }
}

@media only screen and (max-width:767px){
	#pageinner { padding-top: 10px; }
	#supersize, #skyscraper, #omsv_sky_DhtmlLayer { display: none; }

	#service .col, #service #aboservice { float: none; width: auto; margin: 0 0 20px 0; }

	.areahead { top: 15px; }
	.area {
		padding: 25px 0 20px 20px;
		-moz-background-size: 514px 80px;
		-ie-background-size: 514px 80px;
		-o-background-size: 514px 80px;
		-webkit-background-size: 514px 80px;
		background-size: 514px 80px;
	}
}

@media only screen and (max-width:800px){
	div.tsCompanionAds { display: none; }
	.adsensebtn { display: none !important; }

	.show-on-large { display: none; }
	.show-on-small { display: block; }
	.show-on-phone { display: none; }

	#deskf { float: none; margin-right: 0; }
	#desk { margin-right: 0; margin-bottom: 40px; }
	#rightbar { float: none; width: auto; }
	#rightbar > .box, #rightbar .quick, #te1, #te2, #te3, #te4 { float: left; width: 48%; height: 298px; overflow: hidden; }
	#rightbar > .box.odd, #te2, #rightbar .box.odd, #te4 { float: right; }
	#rightbar > .box.adslide { clear: both; float: none; width: auto; height: auto; }
	#rightbar > .box.even { clear: left; }
	#te1.box.rectangle.ad.blog { max-width: 580px; float: none; width: auto; margin-top: 20px; }
	#te1.box.map { width: auto; height: auto; float: none; }
	#te1.box.map h4 { display: none; }

    .shift-box.box { height: 298px; overflow-y: scroll; }
	.ipadslide .teaser { float: left; width: 260px; margin: 0 10px 0 0; }
	.scrolling { height: 251px; overflow: auto; -webkit-overflow-scrolling: touch; }

	.weather .col { margin: 20px 0; }
	.weather .cast .dropdown { width: 45%; }
	.weather .overview { margin-top: 15px; border-top: 1px solid #b5afa4; }

	.box.video .inner { border: 1px solid #ded9d6; }
	.info { float: right; margin-top: 10px; }

	.cross .teaser.even, .cross .teaser.odd { float: left; width: 48.5%; }
	.cross .teaser.odd { float: right; }

	#edition li { margin-right: 5px; }
	#edition li a { padding-right: 5px; }

	.box.ad.rectangle { border: 1px solid #dcd7d3; background-color: #fff; background-position: 23px 10px; }
	.box.ad.rectangle > *, .box.video .inner { margin: 27px auto 20px auto; }
	#desk .article .box.ad.rectangle { border: 0 none; background-position: 0 0; }
	#desk .article .box.ad.rectangle > * { margin: 10px auto 0 auto; }

	.calweek a, .calweek span { width: 12.5%; }
	.calweeks .calweek a, .calweeks .calweek span { padding: 5px 0; }

	#rightbar .calweeks .calweek a, #rightbar .calweeks .calweek span { padding: 9px 0; }
	ul.list li > a { line-height: 21px; height: 21px; }

	.finder .halfleft, .finder .halfright { float: none; width: 100%; height: 35px; }
	.finder form li input { width: 95%; }
	.finder form ol { margin-top: 30px; }
	#rightbar .box.finder { overflow: visible; }

	.ad.bottom { margin-right: 0; }

	.cell.c1 { width: 31%; }

	.box.topicintro .image { float: right; margin-left: 10px; width: 50%; }

	#deskwide .box.product.highlight .next { right: 0; }
	#deskwide .box.product .buy { margin-left: 0; float: none; }
	#deskwide .box.product .productslider { width: 100%; float: none; }
	#deskwide .box.product { width: 100%; float: none; margin-right: 0; margin-left: 0; }

	.box.product ul.more { position: static; width: auto; margin-top: 10px; }

	.lightbox-content { width: 650px; height: 600px; }

	#meta ul { width: 38%; }
	#date { width: 24%; }

    .box .youtube-video { width: 100%; }
    .lightbox-inner .youtube-watch-queue { height: 190px; width: auto; }
    .lightbox-inner .youtube-watch-queue li { padding-left: 10px; float: left; }
    .lightbox-inner .youtube-watch-queue li img { width: 150px; height: auto; }
    .lightbox-inner .youtube-watch-queue .slick-list { margin: 0 auto; width: 255px; }
    .lightbox-inner .youtube-watch-queue .slick-slide {padding-right: 10px; }
    .lightbox-inner .youtube-watch-queue .clickable { box-sizing: border-box; padding-right: 10px; }
    .lightbox-inner .youtube-video-description { display: none; }
    .lightbox-inner .youtube-video-frame .mobile { display: block; overflow: hidden; }
}

@media only screen and (max-width:945px){
	.fullsize { display: block !important; }

	#page { padding-right: 0; }
	#pageinner { padding-right: 20px; margin: 0; }
	#skyscraper { right: -160px; }
	#service .wrapper, #footer .wrapper { padding-right: 20px; }

	#service #aboservice h5 { margin-right: 0; }
	#service #sm { width: 100%; }
	#service .search { display: none; }
	#service #aboservice .image { display: none; }
	#service #aboservice .text { margin-left: 0; }

	#edition li { line-height: 18px; }

	#copyright li.tx { float: none; clear: left; }
	
	.box.teaser.panel.tbox0, .box.teaser.panel.tbox1, .box.teaser.panel.tbox2 { width: 48%; clear: none; margin-right: 0; margin-left: 0; }
	.box.teaser.panel.even { margin-right: 2%; }
	.box.teaser.panel.odd { margin-left: 2%; }
}

@media only screen and (min-width:801px) and (max-width:1024px){
	.fullsize { display: none; }

	#nav .block .image { display: none; }
	#nav .block .text { margin-left: 0; }
	#service .wrapper { padding-right: 20px; }

	.box.teaser .image img { width: 131px; }
	.box.teaser .text { margin-left: 171px; }
	.box.teaser h3 { clear: left; margin: 0 19px 5px 19px; }
	.box.teaser ul.more { clear: left; margin: 0 19px 20px 19px; }
	.cross .teaser.even, .cross .teaser.odd { float: none; width: auto; }
	.cross .teaser.even.lastrow { border-bottom: 1px solid #dcd7d3; }

	form.searchform.big ol > li { width: 50%; }
	form.searchform.big li.button { width: auto; }

	.formgroup { width: 50%; }

	.linkbox, .adsense.ad { float: none; width: auto; margin: 10px 0; }
	.textcol { margin-left: 0; }
	.editarea.fl { margin-left: 0; }

	.box.topteaser ul { position: absolute; top: 5px; text-align: center; width: 100%; right: auto; padding: 0; z-index: 9; }
	.box.topteaser ul li { width: 12px; height: 12px; background: url(../pics/bg/icon_sprite.png) 0 -1050px; position: static; display: inline-table; }
	.box.topteaser ul li.active { background-position: -40px -1050px; }
	.box.topteaser ul li a { display: none; }
	.box.topteaser .teaser { text-align: center; }
	.box.topteaser .teaser h1, .box.topteaser .teaser p { text-align: left; }

	.areahead { top: 15px; }
	.area {
		padding: 25px 0 20px 20px;
		-moz-background-size: 514px 80px;
		-ie-background-size: 514px 80px;
		-o-background-size: 514px 80px;
		-webkit-background-size: 514px 80px;
		background-size: 514px 80px;
	}

	.upselling p { margin: 0 10px; }
	.upselling .image { margin: 0 5px; }
	.upselling .image img { max-width: 100%; }
	.paywall ul.more.options { display: flex; }

    .lightbox-inner .youtube-watch-queue .slick-list { margin: 0 auto; width: 520px; }
}

@media only screen and (max-width:1090px){
	#nav > ul { width: 100%; }
	#nav li.topics > a { padding: 9px 10px 10px 35px; background: url(../pics/bg/icon_sprite.png) -40px -1092px no-repeat; }
	#nav li.topics a span { display: inline; }
	#nav li.abo { float: right; }
	#nav .block-wrapper { display: none; }

	#nav > ul, #nav > li, #nav > li > a, #nav li.topics > div, #nav li.topics > div > ul, #nav li.topics > div > ul > li, #nav li.topics > div > ul > li > a { float: none; }
	#nav li.topics > div > ul > li > a { font-weight: normal; }
	#nav li.topics > div > ul > li > a.hassubitems { background-image: url(../pics/bg/icon_sprite.png); }
	#nav li.topics > div > ul { padding: 10px 0; }
	#nav li.topics > div > ul > li > a { color: #333; padding: 5px 20px; margin-right: 4px; border: 0 none; }
	#nav li.topics > div > ul > li.active > a { background-color: #e2ded8; position: static; color: #333 !important; box-shadow: none; border: 0 none; text-shadow: none; }
	#nav > ul > li.abo.selected > a, #nav li.topics > div > ul > li.selected > a { background-color: transparent; box-shadow: none; border: 0 none; }
	#nav > ul > li.abo.active.selected > a { background-color: #f5f2ef; border-color: #fff; box-shadow: 5px 0 5px -5px rgba(0, 0, 0, 0.7), -5px 0 5px -5px rgba(0, 0, 0, 0.7); }
	#nav .main-wrapper { position: absolute; z-index: 100; left: -1px; width: 100%; top: 35px; background: url(../pics/bg/sub.png) 33.7% 50% no-repeat #f5f2ef; border: 1px solid #fff; color: #333; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.7); display: none; }
	#nav .main > li { width: 34%; }
	#nav .main .sub { left: 34%; top: 0; background-color: transparent; border: 0 none; width: 67%; box-shadow: none; }
	#nav .main .sub ul { width: 50%; }
	#nav .main .sub ul ul { left: 50%; background-image: none; }
	#nav .main .sub ul ul a { margin-right: 8px; }

	#nav .abo .sub ul { width: 50%; }
	#nav .abo .sub ul ul { left: 50%; background-image: none; }

	#deskwide #nav .main > li { width: 100%; }
	#deskwide #nav li.topics > div > ul > li > a { margin-right: 0; }
	#deskwide #nav .main-wrapper { background-image: none; }

	#shopprice .halfleft, #shopprice .halfright { float: none; width: auto; }

	#tools li a { padding-left: 7px; }
	#tools li.photo a { padding-left: 20px; }
}

@media only screen and (max-width:1200px){
	#supersize { width: auto; }
	div.tsBanner { display: none; }
	.section.marketad .image { width: 48%; }
	.section.marketad .text { margin-left: 50%; }

	.blog .caption { width: auto; position: static; margin-top: 10px; }

	.topicintro .image, #deskwide .topicintro .image { float: none; width: auto; margin-left: 0; }

	.status { background-image: none; }

	#bemap { display: none; }
	.beslot { display: none; }

	.box.product .priceinfo, .box.product .price { width: auto; float: none; padding: 0; }
	.box.product.even .cta, .box.product.odd .cta { min-width: 0; }
}

@media only screen and (min-width:1280px){
	#weather .dropdown { width: 50%; }

	#nav > ul > li > a, #nav li.topics > ul > li > a { padding: 9px 19px 10px 10px; }

	.info { float: right; margin-top: 10px; }
	h2 .info { margin-left: 10px; }

	#edition li { margin-right: 20px; }
	#edition li a { padding-right: 20px; }

	#deskwide .formgroup { width: 25%; }
}

.daterange { border: 0 none; box-shadow: none; }
.daterange .daterange { border: 1px solid #cdc7c0; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	.daterange { border: 0 none; box-shadow: none; }
	.icon, a.vidimg:before, .more a.icon, .result .bar span, .filter .dropdown li a, .lightbox-close, #nav .navback, .tab .menuopen, #toplink a, #header .search, .box.product .bullets li:before, .productinfo .bullets li:before {
		background-image: url(../pics/bg/icon_sprite2x.png?v=3);
		-moz-background-size: 75px 1650px;
		-ie-background-size: 75px 1650px;
		-o-background-size: 75px 1650px;
		-webkit-background-size: 75px 1650px;
		background-size: 75px 1650px;
	}
}

/* Frei konfigurierbare Boxen */
.content-box .teaser {
  margin: 19px;
	width: auto;
}
.content-box.text {
	margin: 0;
}
.content-box.linked_headline {
	text-decoration: none;
}
@media only screen and (max-width:680px) {
	.content-box div div .image.image-fullwidth {
		width: 100%;
		margin-bottom: 10px;
	}
	.content-box div div .image.image-fullwidth a img, .content-box div div .image.image-fullwidth img{
		width: 100%;
	}
	.content-box div div .text.has-big-image {
		margin-left: 0;
	}
}
@media only screen and (min-width:801px) {
	.content-box div div .image.image-fullwidth {
		width: 100%;
		margin-bottom: 10px;
	}
	.content-box div div .image.image-fullwidth a img, .content-box div div .image.image-fullwidth img{
		width: 100%;
	}
	.content-box div div .text.has-big-image {
		margin-left: 0;
	}
}

.content-box div div .text.no-image div {
	margin-left: 0;
}

/* Notdienste */
.box.notdienste form fieldset .daterange {
	display: block;
}

.box.notdienste form fieldset .rubriken {
	display: none;
}

.box.rat-und-hilfe form fieldset .daterange {
	display: block;
}

.box.rat-und-hilfe form fieldset .rubriken, .box.rat-und-hilfe form .inlineform, .box.rat-und-hilfe form .toggle {
	display: none !important;
}

.box.rat-und-hilfe form fieldset {
	display: block !important;
}

.box.gottesdienste form fieldset .rubriken, .box.gottesdienste form .inlineform {
    display: none;
}

.lokaler_ticker ul li > a {
	height: auto;
}

.box.twitterbox .teaser {
	margin: 19px;
}

.ressort-highlightbox {
	background-color: #dcd7d3;
	float: none;
	clear: both;
	display: block;
	overflow: auto;
	margin-bottom: 20px;
	border: 1px solid #d8d3ca;
}

.ressort-highlightbox ul {
	height: auto;
	position: relative;
	padding: 15px;
}

.ressort-highlightbox ul li {
	padding: 0 15px 15px 15px;
	position: relative;
	box-sizing: border-box;
}

.ressort-highlightbox .roofline-box h2 {
	font-weight: normal;
	text-shadow: 0 1px #fff;
	text-align: center;
}

.ressort-highlightbox ul li .img {
	overflow: hidden;
}

.ressort-highlightbox ul li .img a img {
	margin-top: -4.6%;
	margin-bottom: -4.6%;
	width: 100%;
}

.ressort-highlightbox.cnt-2 ul {
	display: flex;
}

.ressort-highlightbox ul li .headline h1 {
	text-shadow: 0 1px #fff;
}

.ressort-highlightbox ul .row li .headline h2 {
	border-bottom: 0;
	text-shadow: 0 1px #fff;
	padding-left: 0;
	padding-right: 0;
}

.ressort-highlightbox.cnt-2 ul li {
	width: 50%;
	float: left;
	flex: auto;
}

.ressort-highlightbox.cnt-2 ul li:nth-child(2) {
	clear: right;
	border-left: 1px solid #b5afa4;
}

.ressort-highlightbox.cnt-4 ul .row {
	display: flex;
}

.ressort-highlightbox.cnt-4 ul .row li {
	width: 33.33%;
	float: left;
}

.ressort-highlightbox.cnt-3 ul .row li {
	width: 50%;
	float: left;
}

.ressort-highlightbox.cnt-4 ul li {
	display: block;
	width: 100%;
	float: none;
	clear: both;
	flex: none;
}

.ressort-highlightbox.cnt-4 ul .row li, .ressort-highlightbox.cnt-3 ul .row li {
	border-top: 1px solid #b5afa4;
	padding-top: 15px;
	flex: auto;
	display: inline-block;
}

.ressort-highlightbox.cnt-4 ul li:nth-child(n+2), .ressort-highlightbox.cnt-3 ul li:nth-child(n+2) {
	border-left: 1px solid #b5afa4;
}


@media screen and (max-width:680px) {
	.ressort-highlightbox ul div li, .ressort-highlightbox.cnt-2 ul li {
		display: block;
		width: 100% !important;
		float: none;
		clear: both;
		border: 0 !important;
	}
	.ressort-highlightbox ul .row, .ressort-highlightbox.cnt-2 ul {
		display: block !important;
	}
}
/* Slider version of the highlightboxes */
.ressort-highlightbox.hslider {
	background: none;
	border: 0;
	overflow: hidden;
	position: relative;
}

.ressort-highlightbox.hslider .roofline-box {
	display: none;
}

.ressort-highlightbox.hslider ul {
	background: none;
	border: 0;
	transition: 1.5s all;
}

.ressort-highlightbox.hslider.no-trans ul {
	transition: no-trans;
}

.ressort-highlightbox.hslider ul li {
	width: 100% !important;
	position: absolute;
	display: inline-block;
	border: 0 !important;
	left: 0;
	right: 0;
}

.ressort-highlightbox.hslider ul li .teaser_and_headline, .ressort-highlightbox.hslider ul li .img {
	position: absolute;
}

.ressort-highlightbox.hslider ul li .teaser_and_headline {
	padding-left: 25px;
	padding-bottom: 25px;
	padding-top: 5px;
	color: #fff;
	background-color: rgba(50, 50, 50, 0.7);
	box-shadow: 0px -4px 5px 0px rgba(0,0,0,0.75);
	left: 4px;
	right: 4px;
	z-index: 5;

}

.ressort-highlightbox.hslider ul li .teaser_and_headline .headline h2 a {
	color: #fff;
	text-shadow: none;
	font-weight: normal;
}

.ressort-highlightbox.hslider ul li .teaser_and_headline .headline h2 {
	padding: 0;
	border: 0;
	text-decoration: none;
}

.ressort-highlightbox.hslider ul li .img {
	left: 0;
	right: 0;
	top: 0;
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	z-index: 4;
	box-sizing: border-box;
	border: 3px solid #fff;
}

.ressort-highlightbox.hslider ul li .img a img {

}

.ressort-highlightbox.hslider ul li .first-shadow {
	position: absolute;
  width: 50%;
  height: 30%;
  bottom: attr(frombottom px);
  left: 0px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
  transform: skewY(-2deg);
  z-index: 1;
	border-bottom-right-radius: 10px;
}

.ressort-highlightbox.hslider ul li .sec-shadow {
	position: absolute;
  width: 50%;
  height: 30%;
  bottom: attr(frombottom px);
  right: 8px;
  box-shadow: 0 15px 10px rgba(0, 0, 0, .7);
  transform: skewY(2deg);
  z-index: 1;
	border-bottom-left-radius: 10px;
}

.ressort-highlightbox .dots {
	bottom: 70px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.ressort-highlightbox .dots .hslider-dot {
	margin-left: 1px;
	margin-right: 1px;
	width: 10px;
	height: 10px;
	border: 1px solid #404040;
	box-shadow: 0px 0px 2px 0px #404040 inset;
	border-radius: 50%;
	display: inline-block;
}

.ressort-highlightbox .dots .hslider-dot.active {
	background-color: #404040;
}

.ressort-highlightbox.hslider .icon {
	top: 45%;
}

.ressort-highlightbox.hslider .icon.next {
	right: 3px;
}

.ressort-highlightbox.hslider .icon.prev {
	left: 3px;
}

/* sticky social header */
#sticky-social-header { display: none; }
@media screen and (max-width: 480px){
  #sticky-social-header {
    background-color: rgba(255,255,255,0.95);
    clear:left;
    position: fixed;
    top: -100px;
    left: 0px;
    right: 0px;
    border-bottom: 1px solid #dcd7d3;
    display: block;
    transition-delay: 0;
    transition-duration: 0.5s;
    transition-property: all;
    z-index: 100;
  }

  #sticky-social-header.sticky-social-header-active {
    top:0px;
  }

  .social-funcs {
    margin: 0;
    padding: 0;
  }

  .social-funcs li {
    width: 25%;
    margin: 0;
    padding: 10px 0 0 0;
    float: left;
  }

  .social-funcs a {
    width: 40px;
    height: 38px;
    display: block;
    margin: auto;
    overflow: hidden;
  }

  .social-icon-comment {
    background: url(../pics/bg/icon_sprite.png) 0px 0px no-repeat;
  }

  .social-icon-facebook {
    background: url(../pics/bg/icon_sprite.png) 0px -300px no-repeat;
  }

  .social-icon-share-mail {
    background: url(../pics/bg/icon_sprite.png) 0px -550px no-repeat;
  }

  .social-icon-whatsapp {
    background: url(../pics/bg/icon_sprite.png) 0px -1455px no-repeat;
  }

  ul.social-funcs {
    list-style: none;
    display: block;
  }

  .social-nd {
    visibility: hidden;
    width:0px;
    height:0px;
  }
}

.kaufnahSticky {
	z-index: 10 !important;
}

.box.lotto h2 {
	padding: 0;
}

.box.lotto h2 img {
	max-height: 47px;
}

.box.lotto .daychooser .dropdown {
	width: 70px;
	margin-top: 5px;
	margin-right: 19px;
	float: right;
}

.box.lotto .daychooser span {
	float: left;
}

.box.lotto .lotto.results {
	clear: both;
	padding: 5px 20px 20px;
	display: none;
}

.box.lotto .lotto.results .row .lotto.gewinnzahl, .box.lotto .lotto.results .row .lotto.s77, .box.lotto .lotto.results .row .lotto.s6 {
	border: 1px solid #BFBFBF;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	box-shadow: 2px -3px 6px #ccc inset;
	display: inline-block;
	position: relative;
}

.box.lotto .lotto.results .row .lotto.superzahl {
	color: red;
	font-weight: bold;
	border: 1px solid #BFBFBF;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	max-width: 30px;
	max-height: 30px;
	box-shadow: 2px -3px 6px #ccc inset;
	display: inline-block;
}

.box.lotto .lotto.results .row .lotto.superzahl span {
	position: absolute;
	left: 0;
	top: 2px;
	width: 100%;
	height: 100%;
	text-align: center;
}

.box.lotto .lotto.results .row .lotto.gewinnzahl span, .box.lotto .lotto.results .row .lotto.s77 span, .box.lotto .lotto.results .row .lotto.s6 span {
	position: absolute;
	left: 0;
	top: 2px;
	width: 100%;
	height: 100%;
	text-align: center;
	font-weight: bold;
	color: #000;
}

.box.lotto .lotto.results .row .label {
	display: block;
	clear: left;
	float: left;
	margin-top: 3px;
	margin-right: 5px;
}

.box.lotto .lotto.results .row .date {
	margin-bottom: 10px;
	font-weight: bold;
}

.box.lotto .lotto.results .row {
	height: 30px;
	padding-top: 5px;
	padding-bottom: 0;
}

.box.lotto .lotto.results .row:nth-child(2), .box.lotto .lotto.results .row:nth-child(4), .box.lotto .lotto.results .row:nth-child(5) {
	border-top: 1px solid #DCD7D3;
	margin-top: 0px;
	padding-top: 8px;
}

.box.lotto .lotto.results .row .zahlen {
	position: absolute;
	left: 85px;
}

.box.lotto .lotto.results .row.date {
	position: absolute;
	left: 20px;
  top: 55px;
}

.box.lotto h2 {
	overflow: hidden;
}

.box.lotto .disclaimer {
	margin-bottom: 10px;
	margin-left: 20px;
	display: block;
	font-size: 5.5px;
}

.call_lotto {
	display: block;
	text-align: right;
	padding-right: 20px;
}

.call_lotto .button {
	display: inline-block;
	margin: 0;
	background-color: #E5022B;
	padding: 5px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	border-radius: 5px;
}

.jackpot {
	margin-left: 20px;
	float: left;
}

.jackpot span {
	color: #f00;
	font-weight: bold;
}

.lotto-header {
	display: inline-block;
	width: 100%;
	height: auto;
	background-color: #FEDB31;
	padding-left: 13px;
}

@media print {
	@page { margin: 1cm; }
	
	* { background-color: transparent !important; background-image: none !important; }
	
	body
	{
		font: normal 9pt/13pt arial,helvetica,sans-serif;
		color: #57524d;
		background-color: #fff;
	}
	
	.nd, .ad, #meta, .article .skip, #logo #group, #kommentar, #weather, #header .search, #nav, #copyright li, #service, #rightbar, #deskcollapse, #edition, #footer .logo, #copyright li a, .lightbox-overlay, .lightbox-skin, .slider .prev, .slider .next, .info.recommend, #plista_widget_underArticle_mobile, #plista_inimg_box0, #plista_widget_underArticle_rwd, #plista_widget_slide, #supersize, #skyscraper, #omsv_sky_DhtmlTable, #toplink, .paging, .tab, .tabc > div#t-video, ul.funcs, #bbsearch.box, #bewertungen .result, .sectionheader, .productinfo, .options, #nativeads_teaser, #toast { display: none !important; }
	
	#page { max-width: 19cm; padding: 10pt; margin-right: 0; }
	#logo .logo { float: none; width: 100%; }
	#deskf, #desk { float: none; margin: 0; }
	#footer { background-color: #fff; }
	#footer .wrapper { max-width: 19cm; padding: 0 10pt; }
	#copyright li.tx {display: block !important}
	.comments {margin-top: 40px;}
	
	a.more, .more a, .overview a, a.back, span.more { padding-left: 0; }
	.text ul.list li > a { margin-left: 0; }
	.linkbox ul.list li { padding: 0 10pt; }
	.result dt { width: 70%; }
	.result dd .bar span { border-right: 0; }
	.primary { color: #333 !important; }
	div.search { padding-left: 0; }
	div.search input { border: 1px solid #CDC7C0; border-radius: 3px !important; box-shadow: 0 0 1px #BBBBBB inset; }
	.searchform fieldset { display: block !important; }
	.bright { color: inherit !important; }
	
	.buyarea-wrap, .buyarea { float: none; margin: 0; }
	
	#logo .logo {text-align: center; display: block;}
	#breadcrumb { margin: 20px 0;}
	.text {font-size: 14px;}
	h1{ line-height: 1.2;}

    .cookie-notification { display: none !important; }
    .plista_widget_slide { display: none !important; }
    #oms_ticker { display: none !important; }
}
