/* @import url(http://fonts.googleapis.com/css?family=Ubuntu|Open+Sans:300,400,600,700); */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('//cdn.fraund.de/www.wein-und-markt.de/fonts/Open_Sans/OpenSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.fraund.de/www.wein-und-markt.de/fonts/Open_Sans/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('//cdn.fraund.de/www.wein-und-markt.de/fonts/Open_Sans/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('//cdn.fraund.de/www.wein-und-markt.de/fonts/Open_Sans/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.fraund.de/www.wein-und-markt.de/fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
}

body, html, div { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #373737; }
body {
	counter-reset: ds-list;
}

h4.ds-list::before {
  counter-increment: ds-list;                  /* Erhöht den Abschnittszähler */
  content: counter(ds-list) ") "; /* Zeigt den Zähler an */
}

iframe.piwikiframe {
	border: none;
	width: 100%;
}

#vImportant {
	display: none;
}

/* Cookie Einstellungen SlideOut */
.openCCM {
	padding: 15px;
	background-color: #dadada;
	float: right;
	position: fixed;
	right: 5%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	bottom: 0;
    transition: transform 1s ease;
    transform: translateY(3.2em);
    z-inex: 9;
}

.openCCM:hover {
    transform: translateY(0);
}

.openCCM i {
    color: #d24244;
}

.map_contact {
	margin-top: 15px;
	height: 380px;
	width: 100%;
	display: block;
}

.text-muted {
	opacity: 0.4;
}

.CCcontainer {
	position: relative;
}

.CCoverlay {
	font-size: 18px;
	text-align: center;
	transform: rotate(5deg);
	font-weight: bold;
	color: #D24244;
	letter-spacing: 8px;
	border: 1px solid #dadada;
	background-color: #fff;
	position: absolute;
	top: 40%;
	width: 100%;
	z-index: 10;
}

a { color: #373737; text-decoration: none; }
img { border: none; }
a:hover { text-decoration: underline; }
a.more, .red { color: #d24244; font-weight: bold; text-decoration: none; }
.bold {font-weight: 600;}
h1 { font-family: 'Ubuntu'; font-size: 34px; color: #d24244; }
h2 { font-family: 'Ubuntu'; font-size: 17px;margin-bottom: 6px; }
h2.register_headline {color:#0e7891; }
h3 { font-family: 'Ubuntu'; font-size: 17px; }
.date { display: block; color: #717171; font-weight: 600;}
.clear { clear: both; }

.hidden { display: none; }

#wrapper { max-width: 1024px; margin: 0px auto; }
 
header, footer { width: 100%; }


nav { width: 100%; background: #50585b; height: 75px; text-transform: uppercase; }
nav ul.menulevel1 > li.menulevel1.menucurrent > a { color: #fff; border-bottom: 2px solid #d24244; font-weight: 700; }
nav ul.menulevel1 > li.menulevel1.menucurrent li.menulevel2.menucurrent a {color: #fff;font-weight: 700;}  

.partnerButton {
	float:left;
	margin-right: 15px;
}

article h1{margin-top: 5px; line-height: 40px;}
article{line-height: 25px;}
article a{color: #d24244}
/* article ol {list-style-type: none;list-style-type: decimal !ie; margin: 0;padding: 0;counter-reset: li-counter;} */
article ol {list-style-type: none; margin: 0; padding: 0; counter-reset: li-counter;}
article ol > li{position: relative;margin-bottom: 20px;padding-left: 30px;}
article ol > li:before {font-weight: bold;position: absolute;top: 3px;left: 0px;width: 20px;height: 20px;font-size: 13px;line-height: 1.4;text-align: center;color: #f5f5f5;border-radius: 50%;background-color: #d24244;content: counter(li-counter);counter-increment: li-counter;}

.responsive-data iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive-data {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

/* video */
.embed-responsive::before {
  content: "";
  display: block;
}

.embed-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  border: 0 none;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}



div.editorial{width:95%;}
.editorial div {font-size: 17px; font-weight: bold; color: #50585b;}
.editorial span {color: #717171;}

.content { margin: 0 auto; max-width: 1024px; min-width: 200px; overflow: hidden; position: relative;}
.col { float: left; margin-bottom: 20px; }
.row { clear: left; }
.row.padded { margin: 0px 21px }
.madiadata_show_red{color: #d24244; font-weight: bold;}

.teaser { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #bcbcbc; }
.teaser h2 { margin: 0px; padding: 0px;margin-bottom: 2px;}
.teaser h2 a{text-decoration: none;}
.teaser img.archive_img{max-width: 90%; height: auto;}
.teaser img.normal_img{width: 90%; height: auto;}

.teaser img { display: block; float: left; margin-right: 20px; }

.sectionHeader {font-size:17px; letter-spacing: 1px;font-family: 'Ubuntu'; text-transform: uppercase; color: #fff; font-weight: 700; background: #717171; display: inline-block; padding: 3px 7px; margin-bottom: 25px; }
.firstSection {margin-top: 0;}

#aktuellesHeft { margin-bottom: 20px; }
.box img { float: left; margin-right: 20px; margin-bottom: 20px;}
.box h2 { margin-top: 0px; }

.subhead { padding: 50px 0px 20px 0px; }

#faq {padding-bottom: 2%;}
.faq_link {float: left;}
.faq_teaser {cursor: pointer; border-bottom: 1px solid #bcbcbc;}
.faq_text p {display: none;}
.faq_teaser.active h3 {color: #d24244;}
.faq_teaser.active p{display: block;}
.faq_text{margin-left: 20px;}

ul.paginatorCont { margin-left: 0px; padding-left: 0px; font-size: 14px; position: relative; text-align:center;}
ul.paginatorCont li { list-style: none;}
ul.paginatorCont li .active {color: #d24244; font-weight: bold; }
.paginatorImgRight {position: absolute; right: 0px;top: 0px;}
.paginatorImgLeft {position: absolute; left: 0px;}
.paginatorImgLeft a, .paginatorImgRight a{color: #d24244; font-weight: bold;}
.paginatorImgLeft img, .paginatorImgRight img {margin-bottom: 1px;}


.special_link_1, .special_link_2, .special_link_1:hover, .special_link_2:hover  {margin-top: 25px;padding-top: 1%; padding-bottom: 1% ;width: 156px; display:inline-block ;text-align: center; border: 1px solid #d24244;font-size: 13px; border-radius: 15px; font-weight: bold; text-decoration: none;}
.special_link_2.actual_magazine, .special_link_2:hover.actual_magazine {padding-top: 1%; padding-bottom: 1% ;width: 144px; display:inline-block ;text-align: center; border: 1px solid #d24244;font-size: 13px; border-radius: 15px; font-weight: bold; text-decoration: none;}
.more.special_link_2 {margin-top: 10px;color: #fff; background-color: #d24244;}
.themen_teaser {padding-bottom: 4%;}
.themen_teaser h2, .themen_teaser p {margin: 0px; padding:0px;}
.themen_teaser a:hover {text-decoration: none;}


.article_image{float:left;margin: 0 15px 10px 0;}

.article_markt_imagearticle{background-color: #F6F6F6;padding-top: 5%; padding-bottom: 5%; width: 100%;}
.article_markt_imagearticle .col{margin-bottom: 0px;}
.article_markt_imagearticle div h2 {padding-right: 4%; margin-top: 0px; padding-top: 0px;}
.article_markt_imagearticle div{line-height: 25px;}
.right_double_arrow {background-image: url('//cdn.fraund.de/www.wein-und-markt.de/images/double_arrow_right.png');background-repeat:no-repeat;width: 10px;height:9px; background-position: 0px 5px; }
.left_double_arrow {background-image: url('//cdn.fraund.de/www.wein-und-markt.de/images/double_arrow_left.png');background-repeat:no-repeat;width: 10px;height:9px; background-position: 0px 5px; }

/* Slider Navigation Styles */
.jssora092 {display:block;position:absolute;cursor:pointer;}
.jssora092 .c {fill:#000;fill-opacity:0.5;}
.jssora092 .a {fill:#ddd;}
.jssora092:hover {opacity:.8;}
.jssora092.jssora092dn {opacity:.5;}
.jssora092.jssora092ds {opacity:.3;pointer-events:none;}

.active_specialnews {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px 0;
	position: absolute;
	text-transform: uppercase;
	bottom: 0;
}

p.active_specialnews span{background-color: #d24244;padding: 5px;}
p.active_specialnews span.no_span {padding: 5px 0px;width:0px; display:inline-block;}
.jssorb17 div, .jssorb17 div:hover, .jssorb17 .av {background: url('//cdn.fraund.de/www.wein-und-markt.de/images/b17.png') no-repeat; overflow:hidden;cursor: pointer;background-position: -67px -7px; }
.jssorb17 div:hover, .jssorb17 .av:hover { background-position: -37px -7px; }
.jssorb17 .av { background-position: -37px -7px; }
.jssorb17 .dn, .jssorb17 .dn:hover { background-position: -97px -7px; }
.slider_start{margin-bottom: 30px; width: 100%; overflow: hidden;}

.multiview_img {width:37%;}
.box_text h2, .stellenmarktbox_text h2{font-size: 17px;}

#image_search, #image_text{position: absolute;top: 80px;text-align: center;}
#image_search span, #image_text span{color: #fff; font-weight: bold; font-size: 28px; text-shadow: 0 0 5px #333;}
form .searchField { position: relative; margin-top: 15px;}
#search_image_row {position: relative;}

.article_paginator {width: 100%; margin-bottom: 0px;background-color: #f6f6f6;min-height: 100px;}
.article_paginatorCont {padding: 0px; margin: 0px; padding-top: 30px;}
.article_paginatorCont li img{margin-left: 20px; margin-right: 20px;position: relative; top: 3px;}
.article_paginatorCont li a{text-decoration: none;font-weight: bold;}

#terminNav { height: auto;vertical-align: middle;}
#terminNav a {margin-bottom: 5px; display: block; float: left; color: #C2C2C2; font-size: 17px; font-family: Ubuntu; line-height: 32px;vertical-align: middle;}
#terminNav a.year_nav.last_nav{margin-right: 0px;}
#terminNav a.selected {text-decoration: none; text-transform: uppercase; color: #fff;  background: #D24244; border-radius: 13px; line-height: 26px; padding: 0px 14px;  margin-top: 3px;} 
#terminNav a.year_nav{text-decoration: none; text-transform: uppercase; color: #fff; background: #D24244; border-radius: 16px; height: 32px; padding: 0px 18px;font-family:"Open Sans"; font-size: 12px; font-weight: bold; } 
#create_termin a {text-decoration: none;line-height: 31px;position: absolute; height: 32px;top: 20px;padding: 0px 22px; color: #fff; background: #D24244;font-family:"Open Sans";border-radius: 15px;font-size: 12px; font-weight: bold;text-transform: uppercase;}


.termin { border-bottom: 1px solid #BCBCBC; margin-bottom: 20px; padding-bottom: 20px; }
.termin .date { font-family: Ubuntu; font-weight: 700; }
.termin .date .day { display: block; font-size: 34px; color: #D24244; line-height: 35px; width: 45px; text-align: center; }
.termin .date .month {text-transform: uppercase; display: block; font-size: 17px; color: #BCBCBC; line-height: 20px; width: 45px; text-align: center; font-weight: bold; }
.termin .date .day.end { border-top: 2px solid #BCBCBC; padding-top: 10px; margin-top: 10px; }
.termin h2 { margin: 0px; padding: 0px; padding-right: 30px; color: #373737; margin-bottom:5px;}
.termin .description  { position: relative;}
.termin .description  div { padding-right: 30px; color: #373737;line-height: 20px;}
.termin .description  h2{position: relative;}
.termin .description  a  { margin-left: -24px;position: absolute;top:1px;}
.termin .details { font-weight: 600; color: #717171; line-height: 20px; margin-top: 25px;}
.termin .details span { display: block; }

.termin_create_headline {color:#d24244; font-size: 17px; font-weight: bold;}

.termin_download_box {margin-top: 30px;padding-top: 5px;background-color: #f5f5f5; border: 1px solid #dadada; width: 100%;border-radius: 10px;}
.termin_download_box h2{position:relative;color:#d24244; line-height: 24px;padding-left: 4%;padding-right: 7%; }
.termin_download_box p{line-height: 20px; color: #373737; padding-bottom: 10px;padding-left: 4%;padding-right: 7%;}
.termin_download_box img{position: absolute; cursor: pointer; right: 20px; top: 0px;}

.terminBox {
	padding-left: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-left: 2px solid #d24244;
}

.terminBox a {
	text-decoration: none;
}

.terminBox span.event {
	font-weight: bold;
}

.loginform {margin: 50px auto;padding: 25px;padding-top: 15px;background-color: #FFF;border-radius: 10px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);border: 1px solid rgba(0, 0, 0, 0.3);}
.loginform ul {padding: 0;margin: 0;list-style-type:none}
.loginform input:not([type=submit]) {width:208px;margin-top:10px;background: none repeat scroll 0 0 #f5f5f5;;padding: 5px;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 5px;box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1),0px 1px 0px 0px rgba(250, 250, 250, 0.5) ;}
.loginform input[type=submit] {cursor: pointer;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;font-weight: bold;border: none;color: #FFF;float: right;background-color: #0e7891;color: #FFF;;padding: 5px 15px;margin-right: 2px;margin-top: 15px;border-radius: 17px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);}
.loginform input[type=checkbox] {width: 15px;}
.cf:before,
.cf:after {content: ""; display: table;}
.cf:after {clear: both;}
.cf {display: block; margin: 0;width: 220px}
.loginform a {margin-top:15px;margin-left:10px;font-size: 12px;color: #0e7891;}
.loginform .lost_pw {text-transform: initial; display: block; margin-top: 10px; font-weight: bold;}
#formCheckRequired input:not([type=submit]) {background: none repeat scroll 0 0 #f5f5f5;padding: 5px;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 5px;box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1),0px 1px 0px 0px rgba(250, 250, 250, 0.5) ;}
#formCheckRequired input[type=submit] {cursor: pointer;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;font-weight: bold;border: none;color: #FFF;float: right;background-color: #0e7891;color: #FFF;;padding: 5px 15px;margin-right: 0px;margin-top: 15px;border-radius: 17px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);}
.loginform.cf .stay_loggedin_box {font-weight: bold; clear: both; position: relative; text-align: right; font-size: 12px; text-transform: initial;margin-top: 30px;}
#footer span,#footer a{font-size: 14px; text-decoration: none;}

#termin_create #formCheckRequired input[type=submit] {width: 180px;cursor: pointer;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;font-weight: bold;border: none;color: #FFF;float: right;background-color: #d24244;color: #FFF;;padding: 5px 15px;margin-right: 0px;margin-top: 15px;border-radius: 17px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);}


#top_link{right:0px;top:-48px;position: absolute;}
.mediadata_show_headline {font-size: 17px; font-weight: bold;}
.mediadata_show_text {line-height: 20px;}

.errorDialog{left: 50%;top:20px;position: absolute;width:250px;margin-left: -125px;color:white;padding: 15px;padding-top: 5px;background-color: red;border-radius: 10px;box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);border: 1px solid rgba(0, 0, 0, 0.3);}

/* Stellenmarkt */
#image_search .jobmarket_under_search {font-size: 13px; font-weight: 600; width: 21%;display: inline-block;text-transform: uppercase; text-shadow: 0 0 5px #333;}
#image_search .jobmarket_under_search a {color: #fff; text-decoration: none;}
.jobmarket_count_row a {font-size: 17px; font-family: Ubuntu; color: #c2c2c2; text-decoration: none;}
.jobmarket_count_row div {margin-bottom: 20px;}
.jobmarket_count_row span {background-color: #c2c2c2 ;color: #fff; padding: 6px 10px; border-radius: 13px; font-size: 12px; font-weight: bold;line-height: 19px; vertical-align: text-bottom;}
.jobmarket_count_row .enter_link {color: #fff; font-weight: bold; background-color: #d24244; padding: 10px 10px; border-radius: 16px; font-size: 12px;text-transform: uppercase;top: 4px; position: relative;}
.jobmarket_count_row .enter_link img {position:relative; top: 1px;padding-right: 5px;}
#stellenmarkt-left ul{margin: 0px; padding: 0px;}
#stellenmarkt-left li{line-height: 22px; background: url('//cdn.fraund.de/www.wein-und-markt.de/images/double_arrow_right_small.png') no-repeat 12px 8px transparent; list-style-type: none;margin: 0;padding: 0px 0px 4px 24px;vertical-align: middle;}
#stellenmarkt-left p{line-height: 22px; margin-top: 0px;}
#stellenmarkt-right .more_info img, #stellenmarkt-right .more_info_stellengesuch img {float: left;padding-top: 2px;}
#stellenmarkt-right .more_info .more_info_headline, #stellenmarkt-right .more_info_stellengesuch .more_info_headline {font-weight: bold; }
#stellenmarkt-right .more_info .more_info_description, #stellenmarkt-right .more_info_stellengesuch .more_info_description  {font-weight: normal; color: #717171;}
#stellenmarkt-right .more_info .more_info_description a, #stellenmarkt-right .more_info .more_info_headline a, #stellenmarkt-right .more_info_stellengesuch .more_info_description a, #stellenmarkt-right .more_info_stellengesuch .more_info_headline a {text-decoration: none;}
#stellenmarkt-right .more_info div, #stellenmarkt-right .more_info_stellengesuch div {margin-bottom: 35px;}
#stellenmarkt-right .more_info div p, #stellenmarkt-right .more_info_stellengesuch div p {margin-left: 55px;}

/* Stellenmarkt form */
#datetime {cursor: pointer;}
.stellenmarkt_required {color: #d24244;}
.stellenmarkt-form #formCheckRequired button[type=submit], .stellenmarkt-detail button{cursor:pointer; background-color: #d24244; color: #fff; border: 1px solid #d24244; box-shadow: none; font-size: 12px; font-weight: bold; text-transform: uppercase; border-radius: 15px; padding: 5px 8px;}
.stellenmarkt-detail button {margin-top: 20px;margin-right: 20px;}

/* Stellenmarkt Slider */
.box .stellenangebot_sliderimage {max-width: 100px; max-height: 65px;margin-bottom: 25px;margin-right: 10px;}
.stellenangebot_slider a {text-decoration: none;}
.stellenmarktbox_text {display: table-cell;height:65px; vertical-align: middle;}

/* PDF Download */
.pdf_download {text-decoration:none;background-color: #d24244;border-radius: 16px;color: #fff;font-size: 12px;font-weight: bold;padding: 10px;position: relative;text-transform: uppercase;top: 4px;}

/* ABO */
.abonnement #priceline { display: none; }
.abonnement #price { font-weight: 600; color: #D24244; }
.abonnement #gift {	display: none; }

/* 
* Download Button Aktuelle Ausgabe
 */
.themen_teaser button {
    background-color: #d24244;
    border: 1px solid #d24244;
    border-radius: 15px;
    color: #fff;
    display: inline-block;
}

.banner_2	{
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: center;
}
.banner_1{
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.faq-arrow-up {
    left: 0.5em;
    margin-top: -8px;
    position: absolute;
    top: 50%;
	background-image: url('//cdn.fraund.de/www.wein-und-markt.de/images/arrow_up.png');
    background-position: -0px 6px;
    height: 16px;
    width: 16px;
	background-repeat: no-repeat !important;
}

.faq-arrow-down {
    left: 0.5em;
    margin-top: -8px;
    position: absolute;
    top: 50%;
	background-image: url('//cdn.fraund.de/www.wein-und-markt.de/images/arrow_down.png');
	background-position: -0px 6px;
    height: 16px;
    width: 16px;
	background-repeat: no-repeat !important;

}

.faqh3 {
	padding-left: 2.2em;
	cursor: pointer;
	display: block;
	margin: 2px 0 0;
	min-height: 0;
	padding: 0.5em 0.5em 0.5em 1.7em;
	position: relative;
}

.faqtext {
	padding-bottom: 20px;
	padding-left: 30px;
}

.faqdiv{
}

/* Immobilienmarkt Box */
.immo-box {
	clear: both;
	margin: 0 0 20px 0;
	display: table;
}

.immo-pic {
	width: 100px;
	margin: 0 20px 0 0;
	float: left;
	vertical-align: top;
	display: table-cell;
	max-height: 90px;
	overflow: hidden;
}

.immo-pic img {
	max-width: 100px;
	margin: 4px 0 0 0;
}

.immo-desc {
	display: table-cell;
	vertical-align: top;
}

.immo-desc .title {
	font-weight: bold;
	display: block;
}

.immo-desc .text {
	font-weight: normal;
}

/* Copyright auf Startseite */
.teaserImg {
  float: left;
  margin-right: 20px;
  width: 28%;
}

.copyright {
	color: #888;
	font-size: 0.7em;
	font-style: italic;
	margin: 4px 0 0 0;
	float: right;
}

.teaserImg > .teaser > img {
 	display: inline;
	float: none;
	margin: 0;
}

div.teaser div.teaserImg a img.multiview_img {
	width: auto;
	max-width: 100%;
}

/* Copyright aufÜbersichtsseite */
.span-2 .copyright {
	float: left;
}

/* Opt-Out iFrame */
iframe.piwikiframe {
	border: medium none;
	width: 100%;
}