/* 1. 4 Column Grid 0px - 768px 
----------------------------------------------------------------------------- 

Span 1:    25%
Span 2:    50%
Span 3:    75%
Span 4:    100%

----------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 767px) { 
	
    .span-1 { width: 25%; }
    .span_1-4, .span-2 { width: 50%; }
    .span-3 { width: 75%; }
	.span_1-2, .span-2 {display: none;}
    .span_1-3, .span_1-5, .span_1-8, .span_3-8, .span_5-8, .span-4 { width: 100%; }
	.span-7.team{float: none;}
	.showOnlyWeb .userActions, .showOnlyWeb #pageActions { display: none; }
	.teaser img { display: none; }
	.navButtons { width: 67px; height: 75px; display: inline-block; }
	#navControl { background: url('//cdn.fraund.de/www.wein-und-markt.de/images/mobil_nav.png') no-repeat; }
	#navSearch { background: url('//cdn.fraund.de/www.wein-und-markt.de/images/search_ico_mobil.png') 0% 50% no-repeat; margin-left: 20px; }
	#navLogin { background: url('//cdn.fraund.de/www.wein-und-markt.de/images/login_ico_mobil.png') 0% 50% no-repeat; height: auto; line-height: 75px; padding-left: 25px; float: right; font-size: 15px; font-weight: 700; color: #bcbcbc; }
	#navLogout {  height: auto; line-height: 75px; padding-left: 25px; float: right; font-size: 15px; font-weight: 700; color: #bcbcbc; margin-right: 20px; }
	nav ul { display: none; margin: 0px; padding: 0px; list-style-type: none;padding-top: 90px; }
	nav ul.menulevel1 { height: 100%; width: 250px; position: fixed; left: 0px; top: 0px; z-index: 2; background: #50585b; box-shadow: -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25) inset;}
	nav ul.menulevel1 li{margin-left: 18px;margin-bottom: 17px; position: relative;}
	nav ul.menulevel1 li a {font-weight: bold;}
	nav ul.menulevel1 li ul{padding-top: 15px;}
	.navi_arrow{width:15px; cursor: pointer;position:absolute;right: 20px;}
	nav ul.menulevel1 li.menucurrent ul.menulevel2{display: block;}
	nav ul.menulevel1 li ul.menulevel2 a {font-weight: normal;}
	nav a { color:#fff; }
	
	header { margin: 0px; height: 130px; }
	header #logo { width: 100%; max-width: 260px; display: block; margin: 60px auto 0px auto; }
	header #headerActions #pageActions {position:fixed;left: 15px;z-index: 5;top: -20px;}
	header #headerActions #pageActions form #searchField { position: relative; margin-top: 45px; }
	header #headerActions #pageActions form #searchField input { font-size: 13px; font-weight: 700; height: 34px; border-radius: 17px; background: #f5f5f5; border: 1px solid #bcbcbc; padding: 0px 7px;width:200px; }
	header #headerActions #pageActions form #searchField button { width: 16px; height: 16px; display: block; background: url('//cdn.fraund.de/www.wein-und-markt.de/images/search_ico.png') no-repeat transparent; margin: 0px; padding: 0px; border: 0 none; position: absolute; right: 10px; top: 11px;  }
	header #social_bookmarks {position: absolute;right: 20px; top: 15px;}
	header #social_bookmarks a {padding-left:5px;}
	#create_termin a{right: 5px;}
	#terminNav a,#terminNav a.selected, #terminNav a.year_nav{ margin-left: 4%;}
	#terminNav a {padding: 0px 18px;margin-bottom: 15px;}
	#terminNav a.selected{padding: 0px 18px; margin-left: 4%; line-height: 29px;}
	#terminNav a.year_nav{ margin-left: 4%;}
	#terminNav a.year_nav.last_nav{margin-bottom: 35px;}
	
	article { padding: 20px; }	
	.editorial div, .aktuelle_ausgabe img {width: 100%;}
	.article_markt_imagearticle img {width:100%;padding-left: 5%;}
	.article_markt_imagearticle div{width: 90%;}
	.article_markt_imagearticle .span_3-8 {padding-left: 20px;}
	.teaser.team {position: static;}
	.icons_box{position: static;}
	.teaser .icons_box img {margin-right: 0px;padding-left: 0px;padding-right: 18px; display: block;margin-bottom: 10px;}
	.article_markt_imagearticle .span_1-3{background: none; }
	.slider .slider_text {text-align:center; width: 100%;background-color: #f6f6f6;margin-top: 0px; padding-bottom: 10px;}
	.slider .slick-track {padding-bottom: 50px; background:linear-gradient( 0deg, #f6f6f6 38%, #fff 5%);}
	.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; bottom: 0px; padding: 0; border: none; outline: none; }
	.medien_article div div img {width: 100%; }
	.slick-prev { padding-right: 38px;height:35px;left: 20%;}
	.slick-next { right:21%;padding-right: 38px;height:35px;}
	
	#aktuellesHeft div {font-size: 14px;}

	.box img{width: 100%;}
	
	form .searchField input {width: 50%;font-size: 13px; font-weight: 700; height: 34px; border-radius: 17px; background: #f5f5f5; border: 1px solid #bcbcbc; padding: 0px 7px; }
	form .searchField button {width: 16px; height: 16px; display: block; background: url('//cdn.fraund.de/www.wein-und-markt.de/images/search_icon_red.png') no-repeat transparent; margin: 0px; padding: 0px; border: 0 none; position: absolute; right: 26%; top: 11px }
	.article_paginatorCont li {width: 80%;list-style: none;}
	.article_paginatorImgRight {margin-top: 25px;padding-bottom: 35px;position: relative;padding-left: 60px;}
	.article_paginatorImgLeft {margin-top: 15px;padding-bottom: 25px;position: relative;padding-left: 60px;}
	.article_paginatorCont li img {position: absolute; left: 0px;}
	
	main .login_wrapper {width: 100%;}
	main .cf {width: 80%;}	
	main .loginform input:not([type=submit]) {width: 96%; }
	main .loginform input[type=checkbox] {width: 15px;}
	
	main .form_select_userdata, main .form_personaldata{padding: 0px; margin: 0px;}
	main .form_select_userdata li{width: 100%; list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_personaldata li.left_formfield{width: 100%;list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_personaldata li{width: 100%; list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_personaldata li select {width: 100%;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) ;}
	main .form_personaldata li textarea{height: 100px;width: 97%;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);}
	main .form_select_userdata li input{width: 96%;}
	#ID_Anrede{width: 99%;}
	main .form_select_userdata li span, main .form_personaldata li span {color:#0e7891;}
	main .form_personaldata li input{width: 97%;}
	#register {width: 100%;}
	.formError .formErrorContent {right: 100px;}
	#id_email{margin-bottom: 15px;}
	
	
	main .form_termindata{padding: 0px; margin: 0px;}
	main .form_termindata li{width: 100%; list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_termindata li.left_formfield{width: 100%;list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_termindata li{width: 100%; list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_termindata li select {width: 100%;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) ;}
	main .form_termindata li textarea{height: 100px;width: 96%;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);}
	main .form_termindata li input{width: 96%;}
	#termin_create_send{width: 96%; text-align: right;}
	#required_form_text{width: 96%; text-align: right;color: #d24244;font-weight: bold;}
	
	.email_error{background-color: red;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 10px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(250, 250, 250, 0.5) inset;color: white;left: 10%;margin-left: 20px;padding: 5px 15px 15px; position: absolute;top: 25px;width: 250px;}
	footer { background: #50585b;position: relative;  }
	footer #footer_logo_row{min-height: 90px;}
	footer #footer div#left_footer {display: none;color: #cacaca;padding-left: 5%;margin-top: 40px;width:44%;float:left;line-height: 40px;padding-bottom:25px;}
	footer #footer div#right_footer {display: none;color: #cacaca;margin-top: 40px;margin-left: 50%;line-height: 40px;}
	footer #footer div#left_footer a, footer #footer div#right_footer a {color: #cacaca;line-height: 25px;}
	footer #footer #footer_logo{padding-left: 5%; margin-top: 15px;}
	footer #footer #nav_button_footer{position: absolute;right: 0px;top: 9px;cursor: pointer;}
	.help_span {color: #0e7891;display: block; margin-top: 30px;font-weight: bold;line-height: 10px;}
	
	.madiadata_show_img{width: 100%; border: 1px solid #a8a8a8;}
	
	/* Stellenmarkt */
	.jobmarket_count_row div {float: left;font-size: 17px; font-family: Ubuntu; padding-right: 12%;}
	.teaser div.icons_box_stellenmarkt img{display: block; margin-right: 20px; margin-left: 0px;}
	.teaser div.icons_box_stellenmarkt {margin-top:20px;}
	#stellenmarkt-left{padding-right:42px; padding-bottom: 15px;}
	#stellenmarkt-right .more_info{margin-top: 20px;}
	
	/*Stellenmarktform */
	.stellenmarkt-form #formCheckRequired .left_form, .stellenmarkt-form #formCheckRequired .right_form {position: relative; width: 80%;}
	.stellenmarkt-form #formCheckRequired .left_form p, .stellenmarkt-form #formCheckRequired .right_form p {width: 100%;}
	.stellenmarkt-form #formCheckRequired .left_form label, .stellenmarkt-form #formCheckRequired .right_form label{width:100%; margin-bottom: 5px;display: inline-block;}
	.stellenmarkt-form #formCheckRequired .left_form input, .stellenmarkt-form #formCheckRequired .right_form input{width: 100%; margin-top: 15px;}
	.stellenmarkt-form #formCheckRequired .textarea_label {height: 74px;}
	.stellenmarkt-form #formCheckRequired textarea{width: 100%;height: 70px;background: none repeat scroll 0 0 #f5f5f5;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);padding: 5px;}
	.stellenmarkt-form #formCheckRequired button[type=submit]{position: absolute;left: 0px;}
	.stellenmarkt-form #formCheckRequired #preview_image div{width: 220px; height: 145px; border: 1px solid #bcbcbc; margin-top: 12px;}
	.stellenmarkt-form #formCheckRequired #preview_image div img {max-width: 220px; max-height: 145px;}
	
	#datetime {position: absolute;left: 125px; bottom: 50px;}
	.stellenmarkt-form #formCheckRequired .left_form input.upload {width:130px; position: absolute;top:45px;left: 0px;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0); z-index: 5;height:26px;}
	.search_button{font-size: 12px;text-transform: uppercase;display:block;background-color: #ffffff;color: #d24244;box-shadow: none; border: 1px solid #d24244; border-radius: 15px; font-weight: bold; padding: 5px 8px;position: absolute; left: 0px; z-index:0;top:45px;}
	.box .stellenangebot_sliderimage {display: none;}
	
/* ABO */
	.boxArtikel{margin-right: 42px;}
	.formAboRechts, .schnupper_desc{float:right;}
	.formAboRechts a{color: #D24244;}
	.formAboRechts input[type=text],.formAboRechts p select, .bezug_ab, .ab_jahrgang {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);}
	.formAboRechts label {line-height: 23px;width: 100%;display: inline-block;margin-bottom: 10px;margin-top: 10px;}
	.formAboRechts select {width: 100%;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);}
	.bezug_ab{width: 49% !important;float: left;margin-right: 1%;}
	.ab_jahrgang{width: 49% !important;}
	div.formAboRechts button[type=submit] {background-color: #fff;color: #d24244;border: 1px solid #d24244;box-shadow: none;font-size: 12px;font-weight: bold;text-transform: uppercase;border-radius: 15px;padding: 5px 8px;float: right;}
	.short_input_right {position: absolute;width: 14%;top: 85px;left: 0px;}
	.short_input_left {position: absolute;width: 14%;top: 45px;left: 0px;}
	.input_abo_short {width: 97%;margin-bottom: 40px;}
	.formAboRechts #ort {margin-top: 45px; margin-bottom: 0px;}
	.long_input {width: 97%;}
	.abo_checkbox {padding-left: 20px;}
	.abo_artikel{margin-left: 42px;margin-right: 42px;}
	.abo_artikel .imagebox_left img{margin-right: 20px;width: 100%;}
	.formAboRechts {float: right;margin-bottom: 0;margin-left: 42px; margin-right: 42px;margin-top: 37px;}
	.formAboRechts p {position: relative;}
	.banner{display: none;}
	
 /* TERMINE */
	.termin .details{margin-left: 6px;}
	.termin .description{margin-left: 30px;}
	
	.teaserImg {
		display: none;
	}
}

/* 2. 8 Column Grid
----------------------------------------------------------------------------- 

Span 1:    12.5%
Span 2:    25.0%
Span 3:    37.5%
Span 4:    50.0%
Span 5:    62.5%
Span 6:    75.0%
Span 7:    87.5%
Span 8:    100%

----------------------------------------------------------------------------- */

@media screen and (min-width: 768px) {
    .span-1, .span_1-2 { width: 12.5%; }
    .span-2 { width: 25.0%; }
    .span-3, .span_5-8, .span_1-3 { width: 37.5%; }
    .span-4, .span_1-4 { width: 50.0%; }
    .span-5, .span_1-5, .span_3-8 { width: 62.5%; }
    .span-6 { width: 75.0%; }
    .span-7 { width: 87.5%; }
    .span-8, .span_1-8 { margin-left: 0; width: 100%; }
	.showOnlyMobil { display: none; }
	.col.padded { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 40px; }
	body {background-color: #f5f5f5;}
	#wrapper {background-color: #fff; border: 1px solid #dadada;}

	nav ul { margin: 0px; padding: 0px; list-style-type: none; }
	/* nav ul.menulevel1 { display: block;  } */
	nav ul.menulevel1 {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	/* nav ul.menulevel1 > li.menulevel1 { display: inline-block; width: 20%; text-align: center; height: 75px; line-height: 75px; position: relative; } */
	nav ul.menulevel1 > li.menulevel1 {
		/* display: inline-block; */
		/* width: 12%; */
		text-align: center;
		height: 75px;
		line-height: 75px;
		position: relative;
		margin: 0 auto;
		/* flex-grow: 1; */
	}
	nav ul.menulevel1 > li.menulevel1 a { color: #cacaca; text-decoration: none; }
	nav ul.menulevel1 > li.menulevel1 img {margin-bottom: 2px;}
	nav ul.menulevel1 > li.menulevel1:hover > a { color: #fff; border-bottom: 2px solid #d24244; }
	nav ul.menulevel1 ul.menulevel2 { display: none; position: absolute; z-index: 1; background: #50585b; width: 220px; left: 0px; margin-left: -5px;}
	nav ul.menulevel1 > li.menulevel1:hover ul.menulevel2 { display: block; }
	nav ul.menulevel1 ul.menulevel2 > li.menulevel2 { height: auto; line-height: normal; margin: 0px; padding: 5px 18px 5px 18px; text-align: left; }
	nav ul.menulevel1 ul.menulevel2 > li.menulevel2:hover > a { color: #fff; font-weight: 700; }
	nav ul.menulevel1 ul.menulevel2 > li.menulevel2.menuselected > a { color: #fff; font-weight: 700; }
	nav ul.menulevel1 ul.menulevel2 li:last-child { padding-bottom: 20px; }
	
	header { margin: 0px; height: 170px; }
	header .inside { padding: 40px; padding-top: 20px;}
	header #logo { display: inline-block; padding-top: 20px;}
	header #headerActions { float: right; width: 185px; text-align: right;}
	header #headerActions .userActions { font-size: 13px; text-transform: uppercase; color: #373737; font-weight: 700; position: relative;margin-top: 10px; }
	header #headerActions .userActions #login{ color: #0e7891;  background: url('//cdn.fraund.de/www.wein-und-markt.de/images/login_ico.png') no-repeat; padding-left: 20px;  }
	header #headerActions .userActions #logout{ color: #0e7891;vertical-align: calc(); }
	header #headerActions .userActions #login_name{ background: url('//cdn.fraund.de/www.wein-und-markt.de/images/logged_in.png') no-repeat;  padding-left: 35px;display: inline-block; line-height: 25px;}
	header #headerActions #pageActions form #searchField { position: relative; margin-top: 25px; }
	header #headerActions #pageActions form #searchField input { font-size: 13px; font-weight: 700; height: 34px; border-radius: 17px; background: #f5f5f5; border: 1px solid #bcbcbc; padding: 0px 7px; }
	header #headerActions #pageActions form #searchField button { width: 16px; height: 16px; display: block; background: url('//cdn.fraund.de/www.wein-und-markt.de/images/search_ico.png') no-repeat transparent; margin: 0px; padding: 0px; border: 0 none; position: absolute; right: 10px; top: 10px }
	header #headerActions .userActions .loginform.cf { z-index: 2; position: absolute; display:none;right: 10px;top: 30px; }
	.loginform.cf:after, .loginform.cf:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } 
	.loginform.cf:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 6px; margin-left: -6px; } 
	.loginform.cf:before { border-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0.3); border-width: 7px; margin-left: -7px; }
	#create_termin a{right: 30px;}
	#terminNav a{margin-right: 30px;}
	#terminNav h1{color: #c2c2c2; text-align: center; letter-spacing: 10px}
	.navi_arrow{width:10px;}
	
	main .cf {width: 82%;}	
	main .loginform input:not([type=submit]) {width: 96%; }
	main .loginform input[type=checkbox] {width: 15px;}
	main .login_wrapper {width: 80%;}
	main .loginform {box-shadow: none;}
	main .form_select_userdata, main .form_personaldata{padding: 0px; margin: 0px;}
	main .form_select_userdata li{width: 50%;float: left; list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_personaldata li.left_formfield{width: 30%;float: left; list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_personaldata li{width: 70%;float: left; list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_personaldata li textarea{height: 80px;width: 97%;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);}
	main .form_select_userdata li input{width: 96%;}
	main .form_select_userdata li span, main .form_personaldata li span {color:#0e7891;}
	main .form_personaldata li input{width: 97%;}
	main .form_personaldata li select {width: 101%;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) ;}
	#register {width: 80%;}
	.formError .formErrorContent {right: 120px;}
	
    main .form_termindata, main .form_personaldata{padding: 0px; margin: 0px;}
	main .form_termindata li{width: 50%;float: left; list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_termindata li.left_formfield{width: 30%;float: left; list-style: none; padding-bottom: 15px;font-weight: bold;}
	main .form_termindata li textarea{height: 80px;width: 60%;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);}
	main .form_termindata li input{width: 60%;}
	main .form_termindata li span, main .form_termindata li span {color:#d24244;}
	#termin_create_send{width: 62%; text-align: right;}
	#required_form_text{width: 60%; text-align: right;color: #d24244;font-weight: bold;}
	
	article { padding: 20px 160px; }	
	.aktuelle_ausgabe img {width: 95%;}
	.editorial div {width: 90%;}
	.teaser.team {position: relative;}
	.icons_box{position: absolute;right: 0px;bottom:11%;}
	.teaser .icons_box img {margin-right: 0px;padding-left: 18px; display: block;}
	
	.article_markt_imagearticle img{padding-left: 41%; width: 40%;}
	.article_markt_imagearticle .span_3-8 {width: 47.5%;}
	.article_markt_imagearticle .span_1-3{background-image: url("//cdn.fraund.de/www.wein-und-markt.de/images/lorbeerblatt.png");background-repeat: no-repeat;background-position: 92% 100%;	background-size: 90%; }
	
	.slider .slider_text {text-align:center;bottom: 10px;position: absolute; width: 60%;height:72px;left: 20%;}
	.slider .slick-track {padding-bottom: 100px; background:linear-gradient( 0deg, #f6f6f6 38%, #fff 5%);}
	.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; bottom: 55px; padding: 0; border: none; outline: none; }
	.medien_article div div img {width: 92%; }
	.slick-prev { padding-right: 38px;height:35px;left: 12%;}
	.slick-next { right:12%;padding-right: 38px;height:35px;}
	
	/* .active_specialnews {font-size: 20px; position: absolute; top: 35%; color: #fff;text-transform: uppercase;width: 420px; font-weight: bold;} */
	#aktuellesHeft div {font-size: 13px;}
	.box_text {margin-left: 50%; padding-left: 20px;}
	.stellenmarktbox_text {margin-left: 30%; padding-left: 0px; margin-bottom: 10px;}
	.box img{width: 47%;}
	
	form .searchField input {width: 250px;font-size: 13px; font-weight: 700; height: 34px; border-radius: 17px; background: #f5f5f5; border: 1px solid #bcbcbc; padding: 0px 7px; padding-right:35px;}
	form .searchField#faq_searchfield button {width: 16px; height: 16px; display: block; background: url('//cdn.fraund.de/www.wein-und-markt.de/images/search_icon_red.png') no-repeat transparent; margin: 0px; padding: 0px; border: 0 none; position: absolute; right: 82px; top: 11px;cursor: pointer; }
	form .searchField#stellenanzeigen_searchfield button {width: 16px; height: 16px; display: block; background: url('//cdn.fraund.de/www.wein-und-markt.de/images/search_icon_red.png') no-repeat transparent; margin: 0px; padding: 0px; border: 0 none; position: absolute; right: 70px; top: 11px;cursor: pointer; }
	form .searchField#termine_searchfield button {width: 16px; height: 16px; display: block; background: url('//cdn.fraund.de/www.wein-und-markt.de/images/search_icon_red.png') no-repeat transparent; margin: 0px; padding: 0px; border: 0 none; position: absolute; right: 37px; top: 11px;cursor: pointer;}
	.article_paginatorCont li {float: left; width:50%;text-align: center;list-style: none;}

	footer { height: 210px; background: #50585b;  }
	footer #footer {position: relative;}
	footer #footer div#left_footer{float: left;color: #cacaca;margin-left: 10%;margin-top: 33px;}
	footer #footer div#left_footer a, footer #footer div#right_footer a {color: #cacaca;line-height: 25px;}
	footer #footer div#right_footer{float: left;color: #cacaca;margin-left: 24%;margin-top: 33px;}
	footer #footer #footer_logo{float: left;padding-left: 4%;padding-top: 40px;}
	footer #footer #nav_button_footer{display: none;}
	
	.email_error{background-color: red;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 10px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2), 0 1px 0 0 rgba(250, 250, 250, 0.5) inset;color: white;left: 50%;margin-left: 20px;padding: 5px 15px 15px; position: absolute;bottom: 25px;width: 250px;}
	.help_span {color: #0e7891;display: block; margin-top: 9px;font-weight: bold;}
	
	.madiadata_show_img{width: 95%; border: 1px solid #a8a8a8;}
	.madiadata_show_red{display: block;margin-top: 20px;}
	
	/* Stellenmarkt */
	.jobmarket_count_row div {float: left;font-size: 17px; font-family: Ubuntu; padding-right: 10%; line-height: 24px;}
	.teaser div.icons_box_stellenmarkt img{display: block; margin-right: 0px; margin-left: 20px;}
	.teaser div.icons_box_stellenmarkt {position: absolute; right: 0px;}
	#stellenmarkt-left{width: 69%; padding-bottom: 50px;float: left;}
	#stellenmarkt-left h2 {margin-top: 35px;}
	#stellenmarkt-left h2:first-child {margin-top: 10px;}
	#stellenmarkt-left img{width: auto;padding-bottom: 15px; max-width: 220px; max-height: 145px;}
	#stellenmarkt-right{width: 25%;background-color: #f5f5f5;margin-left: 2%;width: 24%;padding-left:3%; padding-right: 2%;float: left; padding-top: 54px;margin-top: 12px; padding-bottom: 60px;}
	#stellenmarkt-right .more_info{margin-top: 86px;}
	#stellenmarkt-right .more_info_stellengesuch{margin-top: 0px;}
	#stellenmarkt-right .stellenmarkt_bookmark{margin-right: 9%;padding-bottom: 15px;}
	#stellenmarkt-right .stellenmarkt_bookmark[name="homepage"] {margin-right: 0%;padding-bottom: 15px;}
	
	/*Stellenmarktform */
	.stellenmarkt-form #formCheckRequired .left_form, .stellenmarkt-form #formCheckRequired .right_form {position: relative;}
	.stellenmarkt-form #formCheckRequired .left_form label, .stellenmarkt-form #formCheckRequired .right_form label{margin-bottom: 5px;display: inline-block; }
	.stellenmarkt-form #formCheckRequired .left_form p, .stellenmarkt-form #formCheckRequired .right_form p{position:relative; }
	.stellenmarkt-form #formCheckRequired .left_form input, .stellenmarkt-form #formCheckRequired .right_form input{position: absolute; right: 40px;width: 52%;}
	.stellenmarkt-form #formCheckRequired .left_form input.normal_input, .stellenmarkt-form #formCheckRequired .right_form input.normal_input{position: absolute; right: 40px;width: 52%;top:0px;}
	.stellenmarkt-form #formCheckRequired .textarea_label {height: 74px;}
	.stellenmarkt-form #formCheckRequired textarea{position: absolute; right: 40px;width: 52%;height: 70px;background: none repeat scroll 0 0 #f5f5f5;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 5px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1) inset, 0 1px 0 0 rgba(250, 250, 250, 0.5);padding: 5px; top:0px;}
	.stellenmarkt-form #formCheckRequired .right_form {padding-left: 6%;}
	.stellenmarkt-form #formCheckRequired button[type=submit]{position: absolute;right: 40px;}
	.stellenmarkt-form #formCheckRequired #preview_image div{width: 220px; height: 145px; border: 1px solid #bcbcbc; margin-top: 12px;}
	.stellenmarkt-form #formCheckRequired #preview_image div img {max-width: 220px; max-height: 145px;}
	.preview_image_div {width: 220px; height: 145px; float: left; margin-right: 20px;}
	
	#datetime {position: absolute;right: 10px; top: 4px;}
	.stellenmarkt-form #formCheckRequired .left_form input.upload {width:130px; position: absolute;top:45px;right: 40px;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0); z-index: 5;height:26px;}
	.search_button{font-size: 12px;text-transform: uppercase;display:block;background-color: #ffffff;color: #d24244;box-shadow: none; border: 1px solid #d24244; border-radius: 15px; font-weight: bold; padding: 5px 8px;position: absolute; right: 40px; z-index:0;top:45px;}
	
	/* ABO */
	
	.abo_form, .boxArtikel {
		width: 50%;
	}
	
	.boxArtikel{
		width: 30%;
	}
	
	.formAboRechts, .schnupper_desc{
		float:right;
	}
	
	.formAboRechts a{
		color: #D24244;
	}
	
	.formAboRechts input[type=text], .formAboRechts p select, .bezug_ab, .ab_jahrgang {
		float: right;
		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);
	}
	
	.formAboRechts label {
		line-height: 23px;
	}
	
	.formAboRechts select {
		width: 56.5%;
		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);
		float:right;
	}
	
	.bezug_ab{
		width: 27% !important;
		margin-right: 2%;
	}
	
	.ab_jahrgang{
		width: 27% !important;
	}
	
	div.formAboRechts button[type=submit] {
		background-color: #fff;
		color: #d24244;
		border: 1px solid #d24244;
		box-shadow: none;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		border-radius: 15px;
		padding: 5px 8px;
		float: right;
	}
	
	.short_input_right {
		width: 10%;
	}
	
	.short_input_left {
		width: 10%;
	}
	
	.input_abo_short {
		width: 39%;
	}
	
	.long_input {
		width: 54%;
	}
	
	.abo_checkbox {
		padding-left: 20px;
	}
	
	.abo_artikel{
		position: relative;
		margin-left: 42px;
		margin-right: 42px;
		float: left;
	}
	.abo_artikel .imagebox_left img{
		margin-right: 20px;
		width: 100%;
	}
	
	.formAboRechts {
	    float: right;
	    margin-bottom: 0;
	    margin-left: 0px;
	    margin-right: 42px;
	    margin-top: 37px;
	    width: 53%;
	}
	#street, #empfaenger_street{
		clear:both; 
		float:none;
		position:absolute;
		right: 15%;
		width: 39%;
	}
	
	 #zip, #empfaenger_zip{
		clear:both; 
		float:none;
		position:absolute;
		right: 44%;
		width: 10%;
	}
	#nr, #ort, #empfaenger_nr, #empfaenger_ort{
		clear:both; 
		float:right;
	}
}