@charset "UTF-8";

#logo {
	width: 100%;
}
.select-menu {
   display: none;	
}


/* --- Responsive --- */ 


@media (max-width: 767px) {

html {
background: #fff;
}
	
#logo {
display:none;
}

.mobile-logo {
background-color: #0073E5;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 5px 0 10px;
padding: 17px 0 12px 17px;
color:#fff;
font-size:35px;
font-weight: bold;
position: relative;
height:auto;
z-index: 1;
}

#wrapper {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-top:0;
padding: 5px;
}
#header {
width: auto;
height: auto;
}
.mod_flexSlider {
display: none;
}
.mod_navigation {
margin-top: 0;
position:relative;
width: 100%;
display: none;
}

/*#logo {
position: relative;
}*/

.select-menu {
display: block;
width: 100%;
}
#main,
#right,
#left {
width: 100%;
float: none;
margin: 0 0 10px;
}
.mod_customnav {
display: none;
}

.header {
width: 100%;
height: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
text-align:left;
}

.layout_list {
margin-left:0;
}

p,
h2, 
.auskalender_liste {
padding-left:13px;
padding-right:13px;
}

#backToTop {
right:-999px;
}

.mod_eventreader .event {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: none;
}

.ce_youtube {
display:none;
}

.mod_eventreader .back {
margin-left:0;
}	

.layout_list .image_container {
margin-top:0;
}

.ticketcontainer {
display:none;
}

#ctrl_email_27, #ctrl_email_28 {
width:90%;
margin-bottom:5px;
}

.formbody table {
width: 100%;
}

.formbody td,
.formbody th {
display: block;
width: 100%
}

#ctrl_1, #ctrl_2, #ctrl_3, #ctrl_4, #ctrl_8, #ctrl_9, #ctrl_11 {
box-sizing: border-box;
width: 95%
}

#dlh_googlemap_2 {
max-width: 100% !important;
max-height: 250px;
}

.facebox {
display:none;
}

}


@media (min-width: 768px) and (max-width: 1139px) {

#wrapper {
padding: 10px;
margin-top: 10px;
width: 748px;  /* incl. padding 768px */
}

#header {
width: auto;
height: 274px;
}

.mod_navigation {
width: 100%;	
}

.mod_flexSlider {
height: 274px;
}

#navi a, #navi span {
padding-left: 10px;	
padding-right: 10px;	
}

/* main content */

#container {
margin-top: 10px;
}

#main {
width: 538px;
margin-right:10px;
}

#right{
width: 200px;	
}

#right .buttonrechts p {
padding: 12px;
font-size: 16px;
line-height: 1.2;	
}

.mod_eventreader .event {
width:428px;
}

.ce_youtube {
display:none;
}

#dlh_googlemap_2 {
max-width: 100% !important;
}

.facebox {
display:none;
}

}