@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700);

body {
	background:#060606;
	color:#FFF;
	font-family:'Ubuntu', Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	line-height:13px;
}

a {
	color:#4DA94B;
	text-decoration:none;
}

a:hover {
	color:#FFF;
}

table {
	font-size:12px;

}

table tr td {
	vertical-align:top;
}

*:focus {
	outline: none;
}

input[type=text], input[type=search], input[type=email], input[type=password], input[type=url], input[type=date] {
	height:20px;
	line-height:20px;
	width:300px;
	border:1px solid #333;
	border-radius:3px;
	padding:5px;
	font-size:14px;
	color:#333;
	/* fallback */
	background: #FFF;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#FFF));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFF, #CCC);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFF, #CCC);
	/* IE 10 */
	background: -ms-linear-gradient(top, #FFF, #CCC);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFF, #CCC);
}

input[type=submit], input[type=button], button {
	height:32px;
	border:1px solid #060;
	border-radius:3px;
	padding:5px;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
	/* fallback */
	background: #060;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#060), to(#090));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #090, #060);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #090, #060);
	/* IE 10 */
	background: -ms-linear-gradient(top, #090, #060);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #090, #060);
}

input[type=submit]:hover, input[type=button]:hover {
	/* fallback */
	background: #090;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#090), to(#060));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #060, #090);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #060, #090);
	/* IE 10 */
	background: -ms-linear-gradient(top, #060, #090);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #060, #090);
}

textarea {
	width:300px;
	font-family:inherit;
	font-size:inherit;
	/* fallback */
	background: #FFF;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(#FFF));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #FFF, #CCC);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #FFF, #CCC);
	/* IE 10 */
	background: -ms-linear-gradient(top, #FFF, #CCC);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #FFF, #CCC);
}

div.wrapper {
	width:1320px;
	margin:0 auto;
}

div.ad_header_728x90 {
	position:relative;
	width:1000px;
	height:90px;
	text-align:right;
	margin-top:5px;
	margin-bottom:5px;
}

div.ad_header_728x90 div.facebook_like {
	position:absolute;
	bottom:0px;
	float:left;
	width:270px;
	text-align:left;
	padding-left:1px;
}

div.ad_right_160x600 {
	float:right;
	width: 300px;
}

div.page {
	width:1000px;
	background:#0E0E0E;
	padding:0;
	margin:0;
	margin-bottom:20px;
	text-align:left;
	border:1px solid #060;
}

div.header {
	position:relative;
	width:1000px;
	height:240px;
	background:url(../img/header.jpg) no-repeat;
}

div.header-stadt-wien {
	background:url(../img/header_stadt-wien.jpg) no-repeat;
}

div.menu {
	position:absolute;
	right:0px;
	top:0px;
	text-align:right;
	padding-top:10px;
	padding-right:10px;
	width:980px;
}

div.clickable_area {
	position:absolute;
	left:40px;
	top:40px;
	width:600px;
	height:100px;
}

div.leftmenuitem {
	float:left;
	width:65px;
	height:24px;
	background-repeat:no-repeat;
}

div.menuitem {
	float:right;
	width:90px;
	height:24px;
	background-repeat:no-repeat;
}

div.preloadpics {
	display:none;
}

div.content {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}

div.home_textcontainer {
	position:relative;
	width:100%;
	height:250px;
	margin-bottom:20px;
}

div.aktuelles {
	width:600px;
	float:left;
}

div.newsteaser {
	position:absolute;
	bottom:0px;
	right:15px;
	width:300px;
	height:250px;
}

div.quote {
	width:600px;
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	font-style:italic;
}
div.quote span.quote_author {
	line-height:20px;
	font-style:normal;
	margin-left:10px;
}

div.ad_home_buttons {
	position:absolute;
	bottom:0px;
	left:0px;
	width:600px;
	margin-top:20px;
}

div.fotopagecontainer {
	position:relative;
	width:100%;
}

div.ad_fotos_468x60 {
	width:468px;
	margin-bottom:10px;
}

div.ads_fotos_right {
	position:absolute;
	right:0px;
	top:72px;
	width:300px;
}

div.ads_fotos_right .ad_fotos {
	margin-bottom:10px;
}

div.eventpagecontainer {
	position:relative;
	width:100%;
	min-height:700px;
}

div.ad_events_350x60 {
	height:60px;
	width:350px;
	margin-bottom:10px;
}

div.ads_events_right {
	position:absolute;
	right:0px;
	top:0px;
	width:300px;
}

div.ads_events_right .ad_events {
	margin-bottom:10px;
}

div.passage_container {
	position:relative;
	width:100%;
	min-height:600px;
}

div.ad_passage_right {
	position:absolute;
	top:0px;
	right:0px;
	width:160px;
}

div.footer {
	font-size:10px;
	text-align:right;
	padding-top:20px;
	clear:both;
}

div.footer a {
	color:inherit;
}

img {
	border:0;
}

h1 {
	color:#4DA94B;
	font-weight:400;
	font-size:22px;
	line-height:30px;
	font-style:normal;
}

h2 {
	color:#4DA94B;
	font-weight:400;
	font-size:18px;
}

.eventbox {
    height:200px;
    margin-bottom:20px;
}

.error {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:5px;
	position:relative;
}

.eventview {
	position:relative;
	bottom:0px;
	width:185px;
	height:191px;
	overflow:hidden;
	padding:0;
	color:#CCC;
	float:left;
	margin-right:11px;
	transition: bottom 0.3s ease;
		-webkit-transition: bottom 0.3s ease;
		-moz-transition: bottom 0.3s ease;
		-o-transition: bottom 0.3s ease;
		-ms-transition: bottom 0.3s ease;
}

.eventview:hover {
	bottom:7px;
}

.eventview .ev_top_outer {
	width:100%;
	height:44px;
	background-image: url(../img/eventview_top.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size: 100% 100%;
}

.eventview .ev_top_inner {
	margin-left:6px;
	margin-right:6px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	text-align:center;
	padding-top:8px;
	width:calc(100% - 10px);
}

.eventview .ev_mid_outer {
	width:100%;
	height:42px;
	position:relative;
	padding:0;
	overflow:hidden;
}

.eventview .ev_mid_inner_overlay {
	width:100%;
	height:42px;
	background-image:url(../img/eventview_mid.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:100% 100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000;
}

.eventview .ev_mid_inner_image {
	margin-left:6px;
	width:calc(100% - 12px);
	height:42px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
}

.eventview .ev_btm_outer {
	width:100%;
	height:106px;
	background-image:url(../img/eventview_btm.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:100% 100%;
	font-size:11px;
	overflow:hidden;
}

.eventview .ev_btm_inner_box {
	margin-left:8px;
	margin-right:8px;
	margin-top:3px;
}

.eventview .ev_btm_inner_text {
	height:92px;
	overflow:hidden;
}

.adminquicklink {
	 color:red;
}

.eventdetail {
	min-height:700px;
}

.eventdetail .leftcol {
    width:300px;
    float:left;
    margin-right:20px;
}

.eventdetail .leftcol .teaser {
    width:100%;
    margin-bottom:20px;
}

.eventdetail .leftcol .rating {
    margin-bottom:20px;
}

.eventdetail .leftcol .share {
    margin-bottom:20px;
}

.eventdetail .leftcol .report {
    margin-bottom:20px;
}

.eventdetail .rightcol {
    width:500px;
    float:left;
}

.eventdetail .rightcol .tabbox {
    width:100%;
	min-height:600px;
}

.eventdetail .rightcol .tabbox .tabs {
    height:40px;
	line-height:40px;
}

.eventdetail .rightcol .tabbox .tabs .lefttab {
    width:130px;
    height:100%;
    float:left;
    text-align:center;
    margin-right:1px;
    background:#143F14;
    border:1px solid #3E583B;
    cursor:pointer;
    font-size:16px;
}

.eventdetail .rightcol .tabbox .tabs .righttab {
    width:130px;
    height:100%;
    float:left;
    text-align:center;
    background:#143F14;
    border:1px solid #3E583B;
    cursor:pointer;
    font-size:16px;
}

.eventdetail .rightcol .tabbox .tabs .active {
	background:#030;
}

.eventdetail .rightcol .tabbox .tabs .inactive {
	background:#143F14;
}

.eventdetail .rightcol .tabbox .content {
	position:relative;
	min-height:1000px;
}

.eventdetail .rightcol .tabbox .content_inner {
    position:absolute;
	top:1px;
	left:0px;
	width:550px;
	border:1px solid #3E583B;
	padding:10px;
}

.fotobox {
	margin-bottom:20px;
	width:660px;
}

.foto_share {
	margin-bottom:20px;
}

.hidden {
	visibility:hidden;
}

.eventnews {
	position:relative;
	left:0px;
	text-shadow:0px 1px 0px black;
	margin-bottom:10px;
	border-radius:2px;
	border:1px solid #5F6062;
	background:#353736;
	background:linear-gradient(top, #383838, #31312F);
		background:-webkit-linear-gradient(top, #383838, #31312F);
		background:-moz-linear-gradient(top, #383838, #31312F);
		background:-o-linear-gradient(top, #383838, #31312F);
		background:-ms-linear-gradient(top, #383838, #31312F);
	width:100%;
	height:80px;
	text-overflow:ellipsis;
	overflow:hidden;
	padding:0;
	box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
	box-shadow:1px 0px 10px black;
	transition: left 0.2s ease;
		-webkit-transition: left 0.2s ease;
		-moz-transition: left 0.2s ease;
		-o-transition: left 0.2s ease;
		-ms-transition: left 0.2s ease;
}

.eventnews:hover {
	left:7px;
}

.eventnews p { /*383838 31312f*/
	margin:5px;
	color:#CCC;
	font-size:12px;
	max-height: 65px;
    overflow: hidden;
}

.eventnews .img {
	width:100px;
	overflow: hidden;
	float:left;
	margin-right:5px;
	border-right:1px solid #5F6062;
	border-radius-bottomright:2px;
}

.eventnews img {
	height:100%;
	min-width:100px;
}

.header-socialfoodvienna {
	background: url(../img/header_socialfoodvienna.jpg) no-repeat !important;
}

.page-socialfoodvienna {
	background: #b3d469 !important;
	color: #FFF;
}

.page-socialfoodvienna h1 {
	color: #FFF;
}

.socialfoodvienna-image {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.socialfoodvienna-text {
	max-width: 600px;
}

/* --- Responsive Styles --- */
@media (max-width: 1320px) {
  div.wrapper {
    width: 98%;
    min-width: 320px;
    max-width: 100%;
		overflow: hidden;
  }

	.ad_header_728x90,
	.ad_right_160x600 {
		display: none;
	}

	.footer {
		min-height: 25px;
	}

	.header .clickable_area {
		display: none;
	}
}

@media (max-width: 1050px) {
  div.page,
  div.header,
  div.menu {
    width: 100%;
    min-width: 320px;
    max-width: 100%;
  }
  div.ad_header_728x90 {
    width: 100%;
    min-width: 320px;
    max-width: 100%;
  }
}

@media (max-width: 900px) {
  div.aktuelles,
  div.newsteaser,
  div.quote,
  div.ad_home_buttons {
    width: 100% !important;
    float: none !important;
    position: static !important;
    margin: 0 0 20px 0 !important;
  }
	div.newsteaser {
		height: 270px;
	}
	div.quote {
		margin: 20px 0 20px 0 !important;
	}
  div.home_textcontainer {
    height: auto;
    min-height: 0;
  }
  div.ads_fotos_right,
  div.ads_events_right,
  div.ad_right_160x600,
  div.ad_passage_right {
    position: static;
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  div.eventdetail .leftcol,
  div.eventdetail .rightcol {
    width: 100%;
    float: none;
    margin-right: 0;
  }
  div.eventdetail .rightcol .tabbox .content_inner {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
	.fotobox-wrapper {
		width: 100% !important;
		max-width: 650px !important;
	}
  .fotobox {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
	.fotocol {
		width: auto !important;
	}
	.fotobox-arrow {
		width: 20px !important;
	}
	#photo {
		min-height: 0 !important;
		width: 70vw !important;
		height: auto;
	}
	.foto-wrapper {
		height: auto !important;
	}
	.foto-ad-wrapper {
		display: none;
	}
	.eventview {
		margin-bottom: 11px;
	}
}

@media (max-width: 700px) {
  div.wrapper,
  div.page,
  div.header,
  div.menu {
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
    padding: 0;
  }
	div.page {
		border: none;
	}
  div.header,
  div.header-stadt-wien {
    height: 120px;
    background-size: cover !important;
		margin-bottom: 50px;
  }
  div.menu {
    width: 100%;
    padding-right: 0;
    font-size: 14px;
		top: auto;
		bottom: -50px;
  }
  div.menuitem,
  div.leftmenuitem {
    margin-bottom: 5px;
		background-size: 100% 100% !important;
  }
	div.menuitem {
		width: 72px;
		height: 19px;
	}
	div.leftmenuitem {
		width: 52px;
		height: 19px;
		padding-left: 10px;
	}
  div.content {
    padding: 5px;
  }
  h1 {
    font-size: 18px;
    line-height: 24px;
  }
  h2 {
    font-size: 15px;
  }
  /* .eventbox {
    height: auto;
    min-height: 120px;
  }
  .eventview {
    width: 40%;
    height: auto;
    margin-right: 0;
    margin-bottom: 10px;
    float: none;
  }
  .eventview .ev_top_inner,
  .eventview .ev_mid_inner_image,
  .eventview .ev_btm_inner_box {
    margin: 0;
    box-sizing: border-box;
  }
  .eventview .ev_btm_outer {
    height: auto;
    min-height: 60px;
  }*/
  .eventnews {
    min-height: 60px;
    font-size: 11px;
  }
  .eventnews .img {
    width: 60px;
    min-width: 60px;
  }
  .eventnews img {
    min-width: 60px;
  }
  .socialfoodvienna-image {
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 500px) {
  body {
    font-size: 11px;
    line-height: 1.2;
  }
  input[type=text], input[type=search], input[type=email], input[type=password], input[type=url], input[type=date], textarea {
    width: 98% !important;
    min-width: 0;
    font-size: 13px;
  }
  div.footer {
    font-size: 9px;
    padding-top: 10px;
		text-align: center;
  }
  .fotobox,
  .eventdetail .leftcol,
  .eventdetail .rightcol {
    width: 100% !important;
    min-width: 0;
    float: none;
    margin: 0 0 10px 0 !important;
  }
	.eventview {
		width: calc(50vw - 25px);
		min-width: 160px;
	}
	.thumb-wrapper {
		width: calc(33vw - 21px) !important;
		height: calc(33vw - 21px) !important;
	}
}

/* Make all images responsive */
.socialfoodvienna-image {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Utility: Clearfix for floated elements */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}