/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../../../warp/css/layout.css);


/* Spacing
----------------------------------------------------------------------------------------------------*/


.printstyle .edit {
    display: none;
}



.printstyle img {
    height: auto;
    width: 100%;
}


.content.clearfix > h2 {
	color: #666;
	 margin-bottom: 5px;
	 font-size:20px;
	 font-family: 'RobotoCondensed';
}


#yoo-zoo .item h3,
#yoo-zoo div.item div.pos-related h3 {
    float: left;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 0;
    width: 150px;
	
}

.element-datepro .uk-margin {
    margin-left: 150px;
}

.uebersicht-konzerte .teaser_untertitel1, .uebersicht-konzerte .teaser_untertitel2 {
    font: 14px/20px 'RobotoRegular',Arial,Helvetica,sans-serif;
}
 
.width66 {
    width: 75%;
}

.width33 {
	width: 25%;
}

.printstyle  div.media-left {
    float: none !important;
    margin-right: 15px;
}

.uebersicht-konzerte .element-downloadpro,
.uebersicht-konzerte .element-checkbox.last {
    display: none;
}

.uebersicht-konzerte .element-socialbuttons {
    margin-bottom: 20px;
    margin-top: 30px !important;
}

.width33 .module.mod-box.deepest {
    margin-left: 0;
}


img {max-width:100%}

#yoo-zoo div.submission fieldset legend {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 0 none;
    color: #505050;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0 20px;
    width: auto;
}



.kreative .moduletable h3 {
    background: none repeat scroll 0 0 #E9E9E9;
    color: #000000;
    margin: 0 0 10px -5px;
    padding: 5px;
    text-transform: uppercase;
}

.kreative .zoo-itempro-default.zoo-default {
    margin: 0;
}

.kreative .moduletable {
    font-size: 12px;
    line-height: 16px;
	padding: 0 0 0 5px;
}


#yoo-zoo .item div.pos-related h3 {
    border-bottom: none !important;

}

.kreative .module.mod-box.deepest {
    margin-bottom: -10px;
}

 #yoo-zoo div.details h1.title {
    border-bottom: medium none;
    color: #FFFFFF;
    font-size: 25px;
    line-height: 25px;
    padding: 10px 5px 18px;
}

.wk-slideshow img, .wk-gallery img, .spotlight img, a[data-lightbox] img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
}

.wk-slideshow-list .element.element-image.first {
    float: left;
    position: absolute;
    top: 0;
    z-index: -1;
}

.wk-slideshow, .wk-slideshow .slides {
    height: 330px !important;
    position: relative;
}

.wk-slideshow-list .nav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-right: medium none;
    border-top: medium none;
    position: absolute;
    top: 0;
    width: 200px;
}




.creation-form .element > strong {
    font-size: 14px;
    font-weight: bold;
    width: 200px ;
}

.submission .element-select {
    width: auto !important;
}

.submission li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    padding-left: 0 !important;
}

#yoo-zoo .item div.media-right {
    float: none;
    margin-left: 0;
}

.zoo-sponsoren {
    display: inline-block;
    margin: 0 20px;
}



#yoo-zoo .item .googlemapspro > div:first-child, #yoo-zoo .item .pos-media img, #yoo-zoo .items .pos-media img, #yoo-zoo .item .sub-pos-media img {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    max-width: 100%;
    padding: 0;
    transition: border-color 0.25s ease-in-out 0s, background 0.25s ease-in-out 0s;
}

.pos-specification .element.element-date.element-datepro.first {
    float: left;
    width: 170px;
}

.events-default .item div.pos-top {
    margin-bottom: 0 !important;
}

#yoo-zoo .item h1.pos-title, .layout-layout3 .element-itemname {
    color: #B50015;
    font-family: 'RobotoBoldCondensed';
    font-size: 36px !important;
    font-weight: normal;
    line-height: 36px !important;
}

.pos-title {
    padding-bottom: 15px !important;
}


.element-link > h3 {
    font-size: 14px !important;
    font-weight: bold !important;
	margin-bottom:0;
	}


.element-imagepro h3 {
    font-size: 21px;
    font-weight: normal;
    margin-top: 0;
}


.element.element-image.element-imagepro {
    text-align: center;
}


.pos-title > div, .teaser_untertitel1, .teaser_untertitel2 {
    color: #000000;
    font-family: 'RobotoBoldCondensed';
    font-size: 16px;
    line-height: 16px;
    margin: 5px 0;
}

.teaser_kurztext {
    margin: 10px 0;
}




.layout-layout3 .element.element-image {
    border-top: 1px solid #AAAAAA;
    margin-bottom: 10px;
    margin-top: 17px;
    padding-top: 15px; 
}


.layout-layout3 .element.element-textarea > p {
    font-size: 14px;
    line-height: 20px;
}


img:hover {
	border: none !important;
	box-shadow:none !important;
}


#yoo-zoo div.no-box div.row, #yoo-zoo div.white-box div.row, #yoo-zoo div.gradient-box div.row, #yoo-zoo div.box-title-box div.row {
    margin-left: 0;
    padding: 0 !important;
	border-top: 1px dotted #999 !important;
}

#yoo-zoo .items ul.pos-specification {
    list-style: none outside none;
    margin: 25px 0;
    padding: 0;
}



.content.clearfix > h1 {
    color: #b50015;
    font-family: 'RobotoRegular';
    margin-bottom: 15px;
	font-size: 30px;
	line-height:30px;
}

li p {margin-bottom:10px;}
ol li {
    margin-bottom: 10px;
}

.module.mod-box.first.deepest {
    margin-left: 0;
    margin-right: 7px;
}

.module.mod-box.second.deepest {
    margin-left: 8px;
    margin-right: 0;
}

div#aiContactSafe_mainbody_1 #aiContactSafeForm {
    margin-left: 0;
}

#aics_best_abbest {
    width: 254px;
}

.module,
#header,
#breadcrumbs,
#content,
#footer { margin: 15px; }

#logo img {
    max-width: 100%;
}

#headerbar .module {
    float: left;
    margin-bottom: -5px !important;
    margin-left: 0;
    margin-top: 0;
	max-width: 550px;
}

#top-a .width66 .module.mod-box.deepest {
    margin-right: 11px;
}

#headerbar .module.icons.deepest {
    bottom: 0;
    float: right;
    margin-top: 38px;
}

#headerbar img {
    max-width: 100%;
}

#menu .module { margin: 10px 5px; }

#footer .module {
    color: #CCCCCC;
    margin: 0;
}

#toolbar { margin-top: 10px; }


/* Layout
----------------------------------------------------------------------------------------------------*/

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 20px;
	height: 20px;
	background: url(../images/totop_scroller.png) 50% 50% no-repeat;
	text-decoration: none;
}

.wrapper {
    -moz-box-sizing: border-box;
    margin: 0;
	
}

#menubar {
    background: none repeat scroll 0 0 #EFEFEF;
	margin:15px;
}

.wk-slideshow-list .slides-container {
    height: 330px;
    margin-left: 204px;
    overflow: hidden;
}


.wk-slideshow-list .nav div {
    display: table-cell;
    font-size: 12px;
    height: 53px;
    overflow: hidden;
    padding: 0 0 0 10px;
    vertical-align: middle;
}

.wk-slideshow-list > div {
    background: none repeat scroll 0 0 #FFFFFF;
    border: none;
    border-radius: 0;
}

.wk-slideshow-list .slides > li > article {
    padding: 0;
}

#main,
#top-a {
    background: none repeat scroll 0 0 #EFEFEF;
}

#top-a .blank { padding:0;}

#top-a .width26 div { margin-left:0;}

#top-a .width75 .module {
    margin-right: 11px;
}
#top-a .width25 .module {
    margin-left: 2px;
}

#top-b {
    margin: 0 8px;
}

#top-b .module.deepest {
    background-color: #000;
    margin: 7px;
    padding: 10px;
}

#top-b h2 {
    font-family: 'robotoboldcondensed';
    font-size: 24px;
    line-height: 24px;
}

#header {
    margin: 0;
}

#logo  {
    height : 119px;
}

#logo p {
    margin: 0;
}

.menu-line, .menu-line li, .menu-line li a {
    font-size: 11px;
    text-transform: uppercase;
}

.menu-dropdown {
    background: none repeat scroll 0 0 #222;
    width: 100%;
	margin-bottom:0;
}

#menu {
    background: none repeat scroll 0 0 #333333;
    width: 100%;
}



#content {
    background: none repeat scroll 0 0 white;
    border: 1px solid #DDDDDD;
    padding: 15px;
	margin-right: 14px;
}

#sidebar-b div div {
    margin-left: 0;
}

h1.title, 
.layout-layout3 .element-datepro,
.module .module-title {
    background: url("../images/bg_h3.png") repeat-x scroll 0 100% #B40214;
    color: white;
    font-family: 'RobotoBoldCondensed';
    font-size: 25px;
    padding: 10px 5px 18px;
    text-transform: uppercase;
	line-height: 20px;
	margin-bottom: 15px !important;
}



#yoo-zoo .items p.pos-links, #yoo-zoo .item p.pos-specification {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
.element.element-select {
    float: none;
}


.floatbox.no-box > div {
    margin-bottom: 10px;
}

#yoo-zoo div.item div.pos-description .element, #yoo-zoo .items div.pos-description .element {
    font-size: 14px;
    line-height: 20px;
}

.events-default .element-date.element-datepro.first.last p {
    margin:0;
}
	
.width74 {
    width: 74%;
}

.width26 {
    width: 26%;
}

#banner2 {
    left: 990px;
    position: absolute;
    top: 124px;
    z-index: 3;
}


#yoo-zoo .item div.pos-bottom .element {
    clear: both;
    margin-top: 5px;
}

#yoo-zoo div.item .element-textarea h3, #yoo-zoo div.item .element-textareapro h3 {
    font-size: 22px;
    margin: 0;
}

.element.element-select > div {
    font-weight: normal;
    margin-bottom: 5px;
}

.element.element-select > h3, .element.element-linkpro > h3 {
    float: left;
    font-family: 'RobotoBold';
    font-size: 14px !important;
    margin: 0 !important;
    width: 150px;
}


.wk-slideshow .nav li {
    background: url("../images/arrow.png") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    height: 53px;
	padding-right: 28px;
	line-height: 1.2;
}

.wk-slideshow-list .nav li.active {
    background: url("../images/arrow.png") repeat scroll 0 -55px transparent;
    border: 0 none;
    border-radius: 0 0 0 0 !important;
    color: white;
    height: 54px;

    padding-right: 28px;
}

.wk-zoo-item.layout-article.clearfix {
    display: table-cell;
    height: 330px;
    vertical-align: bottom;
}


.zoo-default .element.element-date.element-datepro.first {
    float: none;
    width: auto;
}

.zoo-itempro-default.zoo-default > li {
    border-bottom: 1px dotted #AAAAAA;
    font-size: 12px;
    line-height: 16px;
	    padding: 5px 0;
}

#maininner .zoo-itempro-default.zoo-default > li {
    padding: 0;
}

.zoo-itempro-default.zoo-default .element.element-itemname.last {
    font-family: 'RobotoBold';
    font-size: 13px;
}

#sidebar-a .module.mod-box {
    margin-right: 0;
}

strong {
    font-family: 'RobotoBold';
    font-size: 13px !important;
    font-weight: normal !important;
}
.wk-slideshow-list .element-datepro, .wk-slideshow-list .element-text {
    background: url("../images/bg_weiss_transparent.png") repeat scroll 0 0 transparent;
    color: black;
    display: table;
    font-size: 18px;
    line-height: 20px;
    margin: 5px 0 0 15px;
    padding: 3px 6px;
	font-family: 'RobotoBoldCondensed';
}

.wk-slideshow-list .element-itemname {
    background: url("../images/bg_weiss_transparent.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: table;
    font-family: 'RobotoBoldCondensed';
    font-size: 28px;
    line-height: 28px;
    margin: 5px 0 0 15px;
    padding: 4px 6px;
}

.element.element-itemname > a {
    color: #B50015;
}

.element.element-itemname > a:hover {
    color: red;
}

.wk-slideshow-list .element-itemlink {
    background: none repeat scroll 0 0 #B50015 !important;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    font-family: 'RobotoBoldCondensed';
    font-size: 18px;
    line-height: 26px;
    margin: 5px 0 20px 15px !important;
    padding: 0 6px;
    text-shadow: none;
}

.wk-slideshow-list .element-itemlink a {
    color: #FFFFFF ;
}



.full_pressebild {
    clear: both;
    display: block;
    padding-top: 10px;
}

.pos-top .full_datum {
    margin-bottom: 10px;
}
.element-itemlink,
.full_tickets > a,
.full_pressebild > a {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ) !important;
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed !important;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
	text-indent:0;
	border:1px solid #cccccc;
	margin-top: 10px;
	display:inline-block;
	color:#777777 !important;
	font-size:14px;
	font-style:normal;
	padding: 0 10px;
	height:25px;
	line-height:25px;
	text-decoration:none;
	text-align:center;
	
	text-shadow:1px 1px 0px #ffffff;
}

.element-itemlink a, {
color: #777;
}

.element-itemlink a:hover,
.full_tickets > a:hover,
.full_pressebild > a:hover {
color: #000 !important;
}


.element-itemlink:hover,
.full_tickets > a:hover,
.full_pressebild > a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ) !important;
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf !important;
}

.element-itemlink:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */
/* This button was generated using CSSButtonGenerator.com */

#yoo-zoo .categories {
    display: none;
    margin: 0 0 20px;
    position: relative;
}


.tabelle_textimbild h3 a {
    color: #fff;
    text-decoration: none;
}

.tabelle_textimbild h3:hover {
    background:black;
}

.tabelle_textimbild {
    background-color: black;
    background-repeat: no-repeat;
    background-size: 100% auto;
    float: left;
    height: 330px;
    margin-bottom: 10px;
    margin-right: 20px;
    text-transform: uppercase;
    width: 473px;
	background-position: 50% 30%;
}

.tabelle_textimbild td {
    padding: 20px;
}

td.mod_events_latest_first, td.mod_events_latest {
    background-color: #FFFFFF;
    border-bottom: 1px dotted #999999;
    border-left: 0 none;
    font-size: 13px;
    line-height: 1.15;
    padding: 5px 0;
}

#jevents_header h2 {
    display: none;
}

textarea, input[type="text"], input[type="password"], select {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 0;
}

.ev_table {
    border: medium none;
    width: 100%;
	margin-top: 10px;
}



ul.ev_ul {
    margin: 0 !important;
}

ul.ev_ul li.ev_td_li {
    border-width: 0;
}

.ev_td_left {
	font-size:14px;
    font-family: 'RobotoRegular';
	color: #444;
	border-right: 1px solid #CCCCCC;
    border-top: 1px dashed #CCCCCC;
}

.ev_td_right {
    border-top: 1px dashed #CCCCCC;
}

.menu-dropdown li.level3 {
    font-size: 14px !important;
    line-height: 20px !important;
}

.mod_events_latest_date {font-size:12px;color: #666;}

.mod_events_latest_content {font-size:12px;font-family:'RobotoBold';}
.mod_events_latest_content a:link {color: #444;}
.mod_events_latest_content a:hover {color: #b50015;}

#innertop .module.mod-box.deepest {
    margin-bottom: 0;
}


.uebersicht-konzerte .pos-specification .element.element-date.element-datepro.first {
    float: none;
    width: auto;
}


.uebersicht-konzerte .pos-specification .element.element-itemname {
    font-family: 'RobotoCondensed';
    font-size: 28px;
    line-height: 28px;
}


#yoo-zoo .items ul.pos-specification strong {
    display: inline-block;
    width: auto;
}



.uebersicht-konzerte .element.element-image.element-imagepro.last {
    margin-top: 10px !important;
}

.full_hauptbild {
    height: 350px;
    overflow: hidden;
}

.spotlight {
    margin: 0 7px 0 0;
}

.events-default .wk-gallery-wall {
    background: url("../images/bg-gallery.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 10px;
}

#yoo-zoo .item div.pos-description {
    margin-bottom: 30px;
}


.events-default  h3 {
    float: left;
    font-family: 'RobotoBold';
    font-size: 14px !important;
    font-weight: normal !important;
    margin-bottom: 0;
    width: 150px;
}


.full_sponsoren > img {
    height: 50px !important;
    width: auto;
}

.alle_kurztext, .alle_langtext {
    display: inline-block;
    height: 20px;
    line-height: 24px;
    overflow: hidden;
    vertical-align: bottom;
    width: 450px;
}

.pos-bottom .element.element-image.element-imagepro > h3 {
    float: none;
    margin-bottom: 20px;
    text-align: left !important;
    width: auto;
}

.pos-bottom .element-imagepro {
    border-bottom: 1px dashed #CCCCCC;
    border-top: 1px dashed #CCCCCC;
    margin-top: 40px !important;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left !important;
}
	
.uebersicht-konzerte div.item div.pos-related h3 {
    border-bottom: medium none;
    color: #505050;
    font-size: 22px;
    padding-bottom: 6px;
}

.uebersicht-konzerte div.item div.pos-related h3 {
    border-bottom: medium none !important;
}

.uebersicht-konzerte .element-socialbuttons   {margin-bottom:20px;}


.uebersicht-konzerte .item div.pos-related {
    margin-top: 20px !important;
}




.listen .zoo-itempro-default h3 {
    display: inline !important;
    font-family: RobotoRegular;
    font-size: 12px !important;
    line-height: 16px;
    width: auto;
	padding-right: 10px;
}

.listen .zoo-itempro-default li {
    padding: 10px 0 !important;
}

.leporello_untertitel1, .leporello_untertitel2, .leporello_datum {
    font-family: RobotoBold;
}	

.allefelder .description > div, .allefelder .description > div h3 {
    vertical-align: middle;
}

.allefelder .element-datepro {
    margin-top: 10px;
}

.listen .element.element-itemname {
    font-family: 'RobotoBold';
    font-size: 15px;
    margin: 5px 0 0;
}

.printstyle .allefelder div.element, .printstyle .allefelder div.element img, div.allefelder div.element > h3, div.allefelder div.element > p {
    display: inline-flex !important;
    float: none;
    font-family: 'RobotoRegular';
    font-size: 12px !important;
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
    width: 190px !important;
}

.allefelder .description {
    padding: 20px 0;
}


.printstyle .full_sponsoren {
    display: none;
}

.printstyle .allefelder img {
    height: 16px !important;
    width: 16px !important;
} 



.allefelder .element.element-image.element-imagepro {
    text-align: left;
}


.allefelder img {
    height: 16px;
    width: auto;
}

.icon.print {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px;
    box-shadow: 0 1px 0 #000000;
    margin-right: 10px !important;
    margin-top: 10px !important;
    padding: 0 10px;
}
#banner2 img {
    width: 250px !important;
    height: 550px;
    min-width: 250px;
}