/**** Allgemein *****//
@font-face {
	font-family: 'MetaBold';
	src: url('webfonts/MetaWeb-Bold.eot');
	src: url('webfonts/MetaWeb-Bold.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/MetaWeb-Bold.woff') format('woff'),
         url('webfonts/MetaWeb-Bold.ttf') format('truetype');
         
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MetaBlack';
	src: url('webfonts/MetaWeb-Bold.eot');
	src: url('webfonts/MetaWeb-Bold.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/MetaWeb-Bold.woff') format('woff'),
         url('webfonts/MetaWeb-Bold.ttf') format('truetype');
         
	font-weight: normal;
	font-style: normal;
} 
@font-face {
	font-family: 'MetaNormal';
	src: url('webfonts/MetaWeb-Normal.eot');
	src: url('webfonts/MetaWeb-Normal.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/MetaWeb-Normal.woff') format('woff'),
         url('webfonts/MetaWeb-Normal.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MetaMedium';
	src: url('webfonts/MetaWeb-Medium.eot');
	src: url('webfonts/MetaWeb-Medium.eot?#iefix') format('embedded-opentype'),
		 url('webfonts/MetaWeb-Medium.woff') format('woff'),
         url('webfonts/MetaComp-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
#container~#aktuelles-56{
	min-height: 1500px;	
}

table tr td{
	color: #000;	
}
.tcol2 td{
	color: #000 !important;	
}
.lightred_box td,.orange_box td,.darkred_box td,.darkred_box td a,.yellow_box td,.lightred_box p,.orange_box p,.darkred_box p,.yellow_box p{
	color: #fff !important;	
}

.lightred_box h2,.orange_box h2,.darkred_box h2,.yellow_box h2{
	color: #fff !important;	
}
.orange td,.yellow td,.darkred td,.lightred td{
	color: #fff !important;	
}
body{
    background: #f8f8f8;
    color: #000;
    font-family: "MetaNormal" !important;
  
  
  
}
.width380{
width:380px !important;	
}

.seite_aktuelles #wrapper{
	min-height: 750px;	
}

strong{
 font-family: "MetaBlack" !important; 
 font-weight: normal;
}
ul{
    margin-bottom: 0;
}

a{
    color: #000;
}

a:hover{
 color: #e3000f; 
}
h2, .archiv a{
  color:#e3000f;
  font-size: 19px;
  font-family: "MetaBlack" !important;
  text-transform: uppercase;
  line-height: 21px !important;
  font-weight: normal;
  letter-spacing: 0.05em;
}

h3{
  color:#e3000f;
  font-size: 19px;
  font-family: "MetaNormal" !important;
  text-transform: uppercase;
  line-height: 21px !important;
  font-weight: normal;
}
h4{
  color:#e3000f;
  font-size: 17px;
  font-family: "MetaMedium" !important;
  line-height: 21px !important;
  font-weight: normal;
}
.yellow h4{
	color: #fff !important;	
}
.yellow a{
	color: #fff !important;	
}


label{
	font-size: 1em;	
}


#wrapper{
  border: 1px solid #f8f8f8;
  padding: 0 10px 0 10px;
}

#header{
    margin-bottom: 10px;
}

/*footer{
    height: 280px; 
    background: #000;
  width: 1314px;
  margin: 0 auto;
  position: relative;
  left: -5px;
}*/
#footer{
	min-height: 280px;
    background: #000;
  width: 100%;
/*  margin: 0 auto;*/
  position: relative;
/*  left: -5px;*/
	clear: both;
}

.float_right{
    float: right;
}

.orange{
    background: #F56400 !important;
}
.orange a{
    color: #fff;
}

.orange a:hover{
    color: #000;
}

/**** Hauptnavigation ****/
/*.mod_navigation ul li, .mod_customnav ul li{
    display: inline;
  
}



.mod_navigation ul li a, .mod_customnav ul li a{
    font-family: "MetaNormal" !important;
    font-weight: bold;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-right: 10px;
  
}
*/

#menu {
  font-family: "MetaBlack" !important;
    font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.06em;
 /* position:absolute;*/
  z-index: 1;
  height: auto;
}


#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
}

#menu li.topmenu {
  float:left;
}

#menu .topmenu a {
  float:left;
  padding-right: 30px;
  font-size: 25px;
  letter-spacing: 0.06em;
}

#menu .topmenu ul{
  display:none;
}

#menu .topmenu a, #menu .li_submenu a{
  color:#000;
  text-decoration:none;
  margin:0;  
}

#menu .li_submenu a{
  font-size:14px;
  position:relative;
  clear:both;
  background: #f8f8f8;
  
}

#menu a:hover, #menu .topmenu.on a {
  color:#F56400;
}

#menu .topmenu:hover .level_2 {
  
  display:block;  
  z-index:1500 !important;
  overflow:visible;
  height: 500px;
  position: absolute;
  
}

#menu .li_submenu a {
    padding: 2px 5px 2px 5px !important;
  font-size: 19px;
  text-transform: none;
}
  /* Menü oben rechts*/
.mod_customnav ul li{
    display: inline;
  
}
.mod_customnav ul li a{
    font-family: "MetaNormal" !important;
    font-weight: bold;
  font-size: 25px;
  text-transform: uppercase;
  letter-spacing: 0./em;
  margin-right: 10px;

  
}.mod_customnav {
    text-align: right;
}

.mod_customnav li a.active{
	color:#A42220 !important;
}
 

.mod_customnav{
    padding-top: 10px;
}
  .mod_customnav ul li a{
      font-size: 14px;
  text-transform: none;
  font-family: MetaBlack !important;
  font-weight: normal;
  letter-spacing: 0.08em !important;
  }

.mod_navigation ul li a:hover, 
.mod_customnav ul li a:hover{
  color: #f66400;
}


body.wohnkultur .mod_navigation ul li .nav_wohnkultur{
	color: #f66400 !important;
}
body.vereinshaus .mod_navigation ul li .nav_vereinshaus{
	color: #FFCC00 !important;
}
body.johannstadthalle .mod_navigation ul li .nav_johannstadthalle,body.programm .mod_navigation ul li .nav_programm{
	color: #E3000F !important;
}
body.portrait .mod_navigation ul li .nav_portrait{
	color: #A42220 !important;
}
body.aktuelles .mod_navigation ul li .nav_aktuelles{
	color: #A42220 !important;
}

.mod_navigation ul li .nav_portrait:hover,.mod_navigation ul li .nav_aktuelles:hover,.mod_navigation ul li .nav_aktuelles.active,.mod_navigation ul li .nav_portrait.active{
	color: #A42220 !important;
}

.mod_navigation ul li .nav_johannstadthalle:hover,.mod_navigation ul li .nav_johannstadthalle.active{
	color: #E3000F !important;
	
}
.mod_navigation ul li .nav_bundschuhtreff:hover,.mod_navigation ul li .nav_bundschuhtreff.active{
	color: #1BA811 !important;
}

.mod_navigation ul li .nav_vereinshaus:hover,.mod_navigation ul li .nav_vereinshaus.active{
	color: #FFCC00 !important;
	
}
.mod_navigation ul li .nav_wohnkultur:hover,.mod_navigation ul li .nav_wohnkultur.active{
	color: #f66400 !important;
	
}
ul.level_2{
  z-index: 500;
  top: 70px;

}
/*
.mod_navigation ul.level_2{
    display: none;
}

*/

#header_pic {
  margin-top: 35px;
}


#header_pic_new {
    background: url('../images/Headerbilder/Header19.jpg');
    background-repeat:no-repeat;
    background-position: center center;
    max-width: 1354px;
    min-width: 200px;
  height: 350px;
   position: relative;
  margin-top: 8px;
  z-index:1;
  left: -3px;
}
#header_logo_new{
    background: url(../images/logo_wgj_small.png);
  position: relative;
  top: 20px;
  left: 20px;
  z-index: 2;
  width: 121px;
  height: 187px;
}

/**** IMPORTANT THESE ARE NEEDED ****/	
	#container {
	  float:none;
	  /*margin:0 auto;*/
	  margin-bottom:30px;
  padding: 0;
	  /* optional */
	 /* -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;*/
	  /* content-box is NEEDED. if border-box is enabled
	     then it when Masonry calculates the height and width
		 of the container it counts incorrectly and the result
		 images running to the edge of the container on the right
		 and bottom sides. Only apply content-box to the container. */
	  -webkit-box-sizing:content-box;
	  -moz-box-sizing:content-box;
	  box-sizing:content-box;
	}
	
	.box,#kachel_logo {
  background: #fff;
	  /*margin: 5px;*/
	  float: left;
  margin-bottom: 10px;
  cursor: pointer;
  overflow: visible;
	  /* optional */
	  /*-webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
      margin-right: 10px;
  margin-bottom: 10px;*/
	}
  /* .box:last-of-type {
    margin-right:0;
}*/

	.box img, { display: block; width: 100%; }
	
	/* unfortunately masonry needs hard pxs for images */
	.col1 { width: 320px; }
	.col2 { width: 320px; }
	.col3 { width: 650px; }
	.col4 { width: 980px; }
	.col5 { width: 480px; }
	.col1 img { max-width: 320px; }
	.col2 img { max-width: 100%; }
	.col3 img { max-width: 100%; min-height: 350px; }
	.col4 img { max-width: 100%; min-height: 350px;}
	.col5 img { max-width: 480px; }


	
	/* animations for the transition/reordering */
	.transitions-enabled.masonry,
	.transitions-enabled.masonry .masonry-brick {
	  -webkit-transition-duration: 0.7s;
	  -moz-transition-duration: 0.7s;
	  -ms-transition-duration: 0.7s;
	  -o-transition-duration: 0.7s;
	  transition-duration: 0.7s;
	}
	.transitions-enabled.masonry {
	  -webkit-transition-property: height, width;
	  -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	  -o-transition-property: height, width;
	  transition-property: height, width;
	}
	.transitions-enabled.masonry  .masonry-brick {
	  -webkit-transition-property: left, right, top;
	  -moz-transition-property: left, right, top;
	  -ms-transition-property: left, right, top;
	  -o-transition-property: left, right, top;
	  transition-property: left, right, top;
	}



/**** Clearfix ****/
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { zoom: 1; }

.box.col1 .thumb, #kachel_logo , #wohnungssuche{
    width: 320px;
	height: 350px;
}
.box.col2 .thumb, #kachel_logo , #wohnungssuche{
  
   width: 320px;
	height: 350px;
  
}
.box.col3 .thumb{
  width: 650px;
  height: 350px;
  
}
.box.col4 .thumb{
   width: 980px;
  height: 520px;
  
}
.box.yellow_box{
	background: #FFCC00;	
}
.box.yellow_box a{
	color: #fff;	
}
.box.yellow_box a:hover{
	color: #000;	
}
.box.yellow_box .tcol2 td:first-child{
	min-width: 30px !important;	
}
.box.darkred_box{
	background: #A42220;	
}

#fehlerseite h2{
	color:#A42220;
}
.box.darkred_box a{
	color: #fff;	
}
.box.darkred_box a:hover{
	color: #000;	
}
.box.lightred_box{
	background: #E3000F;	
}
.box.lightred_box a{
	color: #fff;	
}
#bundschuhtreff .box.darkred_box{
    background: #1BA811 !important;
}
#bundschuhtreff h2{
    color: #1BA811;
}
.box.lightredbox .elem_text_normal a:hover{
	color: #E3000F !important;
	
}

.thumb, #kachel_logo , #wohnungssuche{
	display: block;
	position: relative;
	float: left;
  background: #F8F8F8;
  
}
#wohnungssuche{
 background: white; 
}
.thumb-wrapper {
	display: block;
	width: 100%;
	height: 100%;
}
.thumb img {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
}
.thumb .thumb-detail {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff !important;
	font-family: MetaNormal;
/*	font-weight: bold;*/
	font-size: 16px;
}
.thumb .thumb-detail a {
	display: inline;
	width: 100%;
	height: 100%;
	/*text-transform: uppercase;*/
	/*font-weight: bold;*/ 
	/*color: #333;*/
	text-decoration: none;
	/*font-family: 'Open Sans', sans-serif;*/
	/*letter-spacing: -1px;*/
	/*padding: 10px;*/
	/*font-size: 18px;*/
}
/*
.thumb .thumb-detail a {
	display: block;
	width: 100%;
	height: 100%;
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -1px;
	/*padding: 10px;
	font-size: 18px;
}*/
/*
	* Without CSS3
	*/
.thumb.scroll {
	overflow: hidden;
}
.thumb.scroll .thumb-detail {
	bottom: -350px;
}
/*
	* CSS3 Flip
	*/	
.thumb.flip {
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-ms-perspective: 800px;
	-o-perspective: 800px;
	perspective: 800px;
  position: relative;
  z-index:3;
}
.thumb.flip .thumb-wrapper {
	-webkit-transition: -webkit-transform 1s;
	-moz-transition: -moz-transform 1s;
	-ms-transition: -moz-transform 1s;
	-o-transition: -moz-transform 1s;
	transition: -moz-transform 1s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
  position: relative;
  z-index:3;
}
.thumb.flip .thumb-detail {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.thumb.flip img,  .thumb.flip .thumb-detail {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.thumb.flip .flipIt {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}

#kachel_logo{
    background-color: #f56400;
}
#kachel_logo img{
  position: relative;
  top: 70px;
  left: 20px;
}



/* Wohnungssuche */
#wohnungssuche{
    padding: 0px;
}
#wohnungssuche fieldset{
    border: none;
  padding: 0;
  margin: 0;
}
#wohnungssuche label{
    float: left;
  width: 100px;
  color: #000;
  font-weight: normal;
}
#wohnungssuche input[type=text], select{
   font-size: 14px;
   width: 140px;
  margin-bottom: 5px;
  border: 1px solid #000;
  padding: 0 0 0 5px;
  height: auto !important;
}
#wohnungssuche input[type=checkbox]{
    margin-bottom: 5px;
  border: 1px solid black;
  background: white;
  margin-right: 10px;
  
}





.raeume_container{
    float: left;
    border: 1px solid black;
  margin: 0 5px 5px 0;
  font-size: 14px;
  height: 22px;
    
}

.raeume_container a{
    padding: 5px;
  line-height: 23px;
}

.btn_orange{
    color: #fff;
    background-color: #f56400;
    min-width: 100px;
  border: none;
  text-align: left; 
  text-transform: uppercase;
  line-height: 25px;
  
}
.submenu ul.level_2{
    position: relative;

}
.submenu ul.level_2 li{
    display: block;
    float: none;
}

.submenu ul.level_2 li a{
  background: #fff;
  

}

.box_teaser{
  position: absolute;
  background: #fff;
 color: #f56400;
  bottom:0;
  padding: 15px;
  height: 95px;
  width: 320px;
  opacity: 1 !important;
  overflow: visible !important;
  
}


.box_teaser h2{
   text-transform: uppercase;
}
.box_teaser h3{
  text-transform: uppercase;
  font-weight: normal;
  font-size: 19px;
}

/*.box_triangle{
    width: 27px;
  height: 15px;
  position: absolute;
  top: -15px;
  left: 15px;
  background: url(../images/teaser_arrow_white.png);
}*/

.box_triangle{
	width: 25px;
	height: 14px;
	position: absolute;
	top: -14px;
	background:url("../images/triangle_weiss.png") no-repeat;
	
		
}

/* KACHELDEFINITIONEN */
.elem_text_normal{
  padding: 12px 15px 0px 15px;
  cursor: default;


}
.elem_text_normal p{
    font-size: 15px;
  line-height: 21px;
  letter-spacing: 0.06em;
  font-family: MetaNormal;
 
    
    
}

.elem_text_bold a{

  font-family: MetaBlack;
}

.elem_text_normal ul{
  margin-left: 20px;
}
.elem_pdf_normal{
   padding: 8px 15px 10px 15px;
  line-height: 21px;
  letter-spacing: 0.05em;
}

.pdf_list{
	clear: both;
	line-height: 20px !important;	
}
.btn_pdf_list{
  position: relative !important;
  right: 10px !important;
  width: 180px !important;
  line-height: 20px !important;
  color: #fff !important;
  float: right !important;
  background: #fff;
  margin-bottom: 15px !important;
  
 
 
}
.pdf_list img{
	width: auto !important;
	height: auto !important;
}

.btn_pdf_list a{ 
	padding: 6px 50px 4px 5px; !important;
	color: #F55400 !important;
	background: #fff !important;
	font-size: 16px !important;
	letter-spacing: 0.05em !important;
	display: inline !important;


}
.btn_pdf_list a:hover{
	background: #000 !important;	
}




.thumb-detail.orange{
	background: #F56400 !important;	
}

.thumb-detail.orange h2, .thumb-detail.orange div, .thumb-detail.orange p{
	color: #fff !important;	
}

.pdf_list .download_title{
	float: left;	
	width: 180px;
	text-transform: uppercase;
	font-family: "MetaBlack" !important;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 0.05em;
}

.btn_pdf{
  position: absolute;
  top: 310px;
  left:210px;
  width: 180px;
  line-height: 20px;
  color: #fff;
 
}
.lightred_box .btn_pdf a{
	color: #E3000F !important;
	
	}
.lightred_box .btn_pdf .pdf_arrow{
	display: none; 	
}

.darkred_box .btn_pdf a{
	color: #A42220 !important;
	
	}
.darkred_box .btn_pdf .pdf_arrow{
	display: none; 	
}
.orange_box .btn_pdf a{
	color: #F56400 !important;
	
	}
.orange_box .btn_pdf .pdf_arrow{
	display: none; 	
}
.yellow_box .btn_pdf a{
	color: #FFCC00 !important;
	
	}
.yellow_box .btn_pdf .pdf_arrow{
	display: none; 	
}



.pdf_arrow{
  position: absolute;
  float: right;
  left: 75px;
  top: 1px;

}

.btn_pdf_list .pdf_arrow{
  position: absolute;
  float: right;
  left: 70px;
  top: 1px;

}

.btn_suchen{
  background: none repeat scroll 0 0 #e3000f;
    border: medium none;
    color: #FFFFFF;
    font-family: MetaNormal;
    height: 25px;
    left: 200px;
    line-height: 27px;
    position: absolute;
    top: 310px;
    width: 110px;
     text-align: left;
}
.suchen_arrow{
  position: absolute;
  float: right;
  left: 95px;
  top: 4px;

}
#tl_subscribe .btn_suchen{
  background: none repeat scroll 0 0 #F56400;

}
.elem_pdf_normal h2{
  font-family: "MetaMedium" !important;
  font-size: 38px !important;
  line-height: 42px !important;
  letter-spacing: 0.00em;
}

.elem_pdf_normal a{
    font-weight: bold;
    padding: 7px 60px 5px 5px;
  background: #fff;
  
  color: #f56400;
}
.elem_pdf_normal a:hover{
  background: #000;
  color: #f56400;
}

.elem_pdf_normal .headline{
    height: 30px;
}
/*.elem_pdf_normal .download{
    position: relative;
    color: #f56400;
  font-weight: bold;
  top: -17px;
  left: 60px;
}*/
.elem_teaser_text{
    display:none;
  padding-top: 10px;
  line-height: 21px;
  overflow: hidden;
}

.height1{
    min-height: 350px;
}
.height2{
    min-height: 710px;
}
.height3{
    min-height: 1070px;
}


.font-white{
    color: #fff;
}

.font-white h2{
    color: white !important;
}

.pic_zoom img{
    width: 320px;
  height: 350px;
}

.to_top{
    height: 6840px;
}

.pic_zoom .zoom_src {
		cursor: url("../images/cursor.png"),url("../images/cursor.ani"),url("../images/cursor.cur"),-moz-zoom-in;
}
.pic_zoom_out .zoom_src {
		cursor: url("../images/cursor-out.png"),-moz-zoom-out;
}


#footer_menu{
   padding: 25px 15px 0 0;
  clear: both;
  max-width: 1315px;
}

.footer_box{
  float: left;
  margin-right: 80px;
  
}
.footer_box.last{
	margin-right: 0px;
}
.footer_box a.main {
  color: #E3000F;
  text-transform: uppercase;
  margin-bottom: 14px  !important;
  font-size: 14px;
  letter-spacing: 0.08em !important;
  font-family: MetaBlack;
}
.footer_box.last a.main{
	margin-bottom: 5px !important;
	}

.footer_box a.sub {
  color: #8c8c8c;
  font-size: 14px;
  line-height: 19px;
  font-family: MetaMedium;
}

.footer_box .submenu{
 margin-top: 6px; 
}

.pic_only{
  height: 350px;
}
.pic_only .title{
	position: absolute;
	bottom: 0;
	height: 60px;
	background: #000;
	opacity: 0.6;	
	width: 100%;
	padding: 15px;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	color: #fff;
		display: none;
}
table.tcol2, table{
  background: none !important;
  border: none !important;
  width: 100%;
  color: white;
  font-family: "MetaNormal" !important;
  margin:0;
  padding:0;
}
table.tcol2 td,table.tcol2 tr, tr, td, table{
    background: none !important;
  padding: 0;
  margin:0;
  color: #fff;
  line-height: 21px !important;
  font-size: 15px !important; 
}
table.tcol2, table{
  background: none !important;
  border: none !important;
  width: 100%;
  color: white;
  font-family: "MetaNormal" !important;
  margin:0;
  padding:0;
}
table tr td{
	padding: 0px;	
}

#kurzportrait table.tcol2{
	width: auto;
	}
table.tcol2 td:first-child{
	min-width: 100px;	
}

table.tcol2 td,table.tcol2 tr{
    background: none !important;
  padding: 0;
  margin:0;
  color: #fff;
  line-height: 21px !important;
  font-size: 15px !important; 
}
.no-margin-bottom{
    margin-bottom: 0;
}

#stadtplan{
    background: #f8f8f8;
}

#google_map{
    height:710px;
  width: 650px;
  display: none;
   
}
.zoom, .zoom_small{
  background: #fff !important;
  width: 320px;
  height:350px;
  cursor: pointer;
}
.zoom img,.zoom_small img,.image_box img{
  width: 320px;
  height: 350px;
}
.zoom_small .thumb-detail{
    display: none;
}
.zoom .thumb-detail{
   cursor: pointer;
  display: none;
}
.thumb_large{
    width: 100% !important;
    height: 100% !important;
    
}
/*
#johannstadthalle-wohnkultur h2{
	color: #F56400;
}
.elem_teaser_box img, .elem_teaser img{
	border: 5px solid #fff;	
}*/

	
#content_search{
	display: inline !important;	
}
#ctrl_keywords_499,ctrl_submit_499{
	display: none;	
}
.box.search{
	width: 320px; height: 350px;
	padding: 15px;
	cursor: default !important;
		
}

/*.topmenu.active a.active, .li_submenu.active a.active  {
	color: #f56400 !important;
}*/

.footer_logo{
	color: #8C8C8C;
	width: 300px;
	position: relative;
	top: 190px;	
	left: 470px;
}
.footer_logo a{
	color: #8C8C8C;
}
.footer_logo img{
	float: right;
	position: relative;
	top: -19px;
	left: -310px;
}


.uebergang .footer_logo{
	color: #8C8C8C;
	width: 300px;
	position: relative;
	top: 0;	
	left: 45px;

}

.fixed {position: fixed; top:0;}

.fixed  .topmenu:hover ul{
	display: block !important; 	
}

#header .inside{
	background: #f8f8f8;
	max-width: 1320px;
	margin: 0 auto;
}

#header_pic_stadtteile{
	position: relative;
	left: -3px;
	margin-bottom: 10px;
}

.thumb-detail.yellow{
	background: #FFCC00 !important;	
}
.thumb-detail.yellow h2,.thumb-detail.yellow h3,.thumb-detail.yellow h3,.thumb-detail.yellow p{
color: #fff !important;

}
.nobackground{
	background: none !important; 	
}
.zoom_close_button{
  position: absolute;
  right: 0;
  z-index: 21 !important;
  width: 25px;
  height: 25px;
  margin-right: 15px;
  background:   url(../images/x_orange.png) no-repeat;
}


/*TEASER Design */
.elem_teaser:hover .box_teaser,
.elem_teaser_box:hover .box_teaser{
	background: #F56400;
	color: #fff;
}
.elem_teaser:hover h2,.elem_teaser:hover h3,.elem_teaser:hover h4, .elem_teaser:hover a,
.elem_teaser_box:hover h2,.elem_teaser_box:hover h3,.elem_teaser_box:hover h4, .elem_teaser_box:hover a{
	color: #fff;	
}
.elem_teaser:hover .box_triangle,
.elem_teaser_box:hover .box_triangle{
	background:	url(../images/triangle_orange.png) no-repeat;
}
.elem_teaser h2,.elem_teaser h3,.elem_teaser h4,
.elem_teaser_box h2,.elem_teaser_box h3,.elem_teaser_box h4{
	color: #F56400;	
}

.elem_teaser h2, .elem_teaser:hover .thumb-detail h2,
.elem_teaser_box h2, .elem_teaser_box:hover .thumb-detail h2,
.elem_teaser h3, .elem_teaser:hover .thumb-detail h3,
.elem_teaser_box h3, .elem_teaser_box:hover .thumb-detail h3,
.elem_teaser h4, .elem_teaser:hover .thumb-detail h4,
.elem_teaser_box h4, .elem_teaser_box:hover .thumb-detail h4
{
	color: #F56400;	
}
.elem_teaser a, .elem_teaser:hover .thumb-detail a,
.elem_teaser_box a, .elem_teaser_box:hover .thumb-detail a

{
	color: #000;	
}


.darkredbox.elem_teaser:hover .box_teaser,
.darkredbox.elem_teaser_box:hover .box_teaser{
	background: #A42220;
	color: #fff;
}
.darkredbox.elem_teaser:hover h2,.darkredbox.elem_teaser:hover h3,.darkredbox.elem_teaser:hover h4, .darkredbox.elem_teaser:hover a,
.darkredbox.elem_teaser_box:hover h2,.darkredbox.elem_teaser_box:hover h3,.darkredbox.elem_teaser_box:hover h4, .darkredbox.elem_teaser_box:hover a{
	color: #fff;	
}
.darkredbox.elem_teaser:hover .box_triangle,
.darkredbox.elem_teaser_box:hover .box_triangle{
	background:	url(../images/triangle_darkred.png) no-repeat;
}
.darkredbox h2,.darkredbox h3,.darkredbox h4, .darkredbox .date, .darkredbox .date_detail{
	color: #A42220;	
}
.darkredbox.elem_teaser h2, .darkredbox.elem_teaser:hover .thumb-detail h2,
.darkredbox.elem_teaser_box h2, .darkredbox.elem_teaser_box:hover .thumb-detail h2,
.darkredbox.elem_teaser h3, .darkredbox.elem_teaser:hover .thumb-detail h3,
.darkredbox.elem_teaser_box h3, .darkredbox.elem_teaser_box:hover .thumb-detail h3,
.darkredbox.elem_teaser h4, .darkredbox.elem_teaser:hover .thumb-detail h4,
.darkredbox.elem_teaser_box h4, .darkredbox.elem_teaser_box:hover .thumb-detail h4
{
	color: #A42220;	
}
.darkredbox.elem_teaser a, .darkredbox.elem_teaser:hover .thumb-detail a,
.darkredbox.elem_teaser_box a, .darkredbox.elem_teaser_box:hover .thumb-detail a

{
	color: #000;	
}
.darkredbox.elem_teaser a:hover,
.darkredbox.elem_teaser_box a:hover

{
	color: #A42220 !important;	
}
.darkredbox .zoom_close_button{
	background:	url(../images/x_darkred.png) no-repeat !important;
}


.lightredbox.elem_teaser:hover .box_teaser,
.lightredbox.elem_teaser_box:hover .box_teaser{
	background: #E3000F;
	color: #fff;
}
.lightredbox.elem_teaser:hover h2,.lightredbox.elem_teaser:hover h3,.lightredbox.elem_teaser:hover h4, .lightredbox.elem_teaser:hover a,
.lightredbox.elem_teaser_box:hover h2,.lightredbox.elem_teaser_box:hover h3,.lightredbox.elem_teaser_box:hover h4, .lightredbox.elem_teaser_box:hover a{
	color: #fff;	
}
.lightredbox.elem_teaser:hover .box_triangle,
.lightredbox.elem_teaser_box:hover .box_triangle{
	background:	url(../images/triangle_lightred.png) no-repeat;
}
.lightredbox h2,.lightredbox h3,.lightredbox h4,.lightredbox .date,.lightredbox .date_detail{
	color: #E3000F;	
}
.lightredbox.elem_teaser h2, .lightredbox.elem_teaser:hover .thumb-detail h2,
.lightredbox.elem_teaser_box h2, .lightredbox.elem_teaser_box:hover .thumb-detail h2,
.lightredbox.elem_teaser h3, .lightredbox.elem_teaser:hover .thumb-detail h3,
.lightredbox.elem_teaser_box h3, .lightredbox.elem_teaser_box:hover .thumb-detail h3,
.lightredbox.elem_teaser h4, .lightredbox.elem_teaser:hover .thumb-detail h4,
.lightredbox.elem_teaser_box h4, .lightredbox.elem_teaser_box:hover .thumb-detail h4
{
	color: #E3000F;	
}
.lightredbox.elem_teaser a, .lightredbox.elem_teaser:hover .thumb-detail a,
.lightredbox.elem_teaser_box a, .lightredbox.elem_teaser_box:hover .thumb-detail a

{
	color: #000;	
}
.lightredbox .zoom_close_button{
	background:	url(../images/x_lightred.png) no-repeat !important;
}

.orange .elem_text_normal p,.orange .elem_text_normal h2{
	color: #fff;	
}

.orangebox.elem_teaser:hover .box_teaser,
.orangebox.elem_teaser_box:hover .box_teaser{
	background: #F56400;
	color: #fff;
}
.orangebox.elem_teaser:hover h2,.orangebox.elem_teaser:hover h3,.orangebox.elem_teaser:hover h4, .orangebox.elem_teaser:hover a,
.orangebox.elem_teaser_box:hover h2,.orangebox.elem_teaser_box:hover h3,.orangebox.elem_teaser_box:hover h4, .orangebox.elem_teaser_box:hover a{
	color: #fff;	
}
.orangebox.elem_teaser:hover .box_triangle,
.orangebox.elem_teaser_box:hover .box_triangle{
	background:	url(../images/triangle_orange.png) no-repeat;
}
.orangebox h2,.orangebox h3,.orangebox h4, .orangebox .date, .orangebox .date_detail{
	color: #F56400;	
}
.orangebox.elem_teaser h2, .orangebox.elem_teaser:hover .thumb-detail h2,
.orangebox.elem_teaser_box h2, .orangebox.elem_teaser_box:hover .thumb-detail h2,
.orangebox.elem_teaser h3, .orangebox.elem_teaser:hover .thumb-detail h3,
.orangebox.elem_teaser_box h3, .orangebox.elem_teaser_box:hover .thumb-detail h3,
.orangebox.elem_teaser h4, .orangebox.elem_teaser:hover .thumb-detail h4,
.orangebox.elem_teaser_box h4, .orangebox.elem_teaser_box:hover .thumb-detail h4
{
	color: #F56400;	
}
.orangebox.elem_teaser a, .yellowbox.elem_teaser:hover .thumb-detail a,
.orangebox.elem_teaser_box a, .yellowbox.elem_teaser_box:hover .thumb-detail a

{
	color: #000;	
}


.yellowbox.elem_teaser:hover .box_teaser,
.yellowbox.elem_teaser_box:hover .box_teaser{
	background: #FFCC00;
	color: #fff;
}
.yellowbox.elem_teaser:hover h2,.yellowbox.elem_teaser:hover h3,.yellowbox.elem_teaser:hover h4, .yellowbox.elem_teaser:hover a,
.yellowbox.elem_teaser_box:hover h2,.yellowbox.elem_teaser_box:hover h3,.yellowbox.elem_teaser_box:hover h4, .yellowbox.elem_teaser_box:hover a{
	color: #fff;	
}
.yellowbox.elem_teaser:hover .box_triangle,
.yellowbox.elem_teaser_box:hover .box_triangle{
	background:	url(../images/triangle_yellow.png) no-repeat;
}
.yellowbox h2,.yellowbox h3,.yellowbox h4, .yellowbox .date, .yellowbox .date_detail{
	color: #FFCC00;	
}
.yellowbox.elem_teaser h2, .yellowbox.elem_teaser:hover .thumb-detail h2,
.yellowbox.elem_teaser_box h2, .yellowbox.elem_teaser_box:hover .thumb-detail h2,
.yellowbox.elem_teaser h3, .yellowbox.elem_teaser:hover .thumb-detail h3,
.yellowbox.elem_teaser_box h3, .yellowbox.elem_teaser_box:hover .thumb-detail h3,
.yellowbox.elem_teaser h4, .yellowbox.elem_teaser:hover .thumb-detail h4,
.yellowbox.elem_teaser_box h4, .yellowbox.elem_teaser_box:hover .thumb-detail h4
{
	color: #FFCC00;	
}
.yellowbox.elem_teaser a, .yellowbox.elem_teaser:hover .thumb-detail a,
.yellowbox.elem_teaser_box a, .yellowbox.elem_teaser_box:hover .thumb-detail a

{
	color: #000;	
}
.yellowbox .zoom_close_button{
	background:	url(../images/x_yellow.png) no-repeat !important;
}
.yellowbox a:hover{
	color: #000 !important;
}
 

table.static_table{
 border: none !important;
 background: none !important;
  border: none !important;
  width: 100%;
  color: white;
  font-family: "MetaNormal" !important;
  margin:0 0 15px 0;
  padding:0;
  line-height: 19px !important;

}
table.static_table td, table.static_table tr{
  background: none !important;
  padding: 0;
  margin:0;
  line-height: 21px !important;
  font-size: 15px !important;
}
table.static_table td{
	vertical-align: top;
	padding-bottom: 5px;	
}
table.static_table td:first-child{
	min-width: 160px;
}
#jshjshausstellungen_yeadonkirsten table.static_table td:first-child{
	min-width: 100px;
}	

#close_impress{
  position: absolute;
  right: 0;
  z-index: 21 !important;
  width: 25px;
  height: 25px;
  margin-right: 15px;
  margin-top: 15px;
  background:   url(../images/x_darkred.png) no-repeat;
  cursor: pointer;
}
#show_impressum{
	width: 100%;
	background: #000;	
	border-bottom: 1px solid #f56400;
}
.impressum_text h2{
	font-size: 17px !important;
	color: #A42220;
}
.impressum_text p{
	font-size: 14px !important;
	color: #999;
}
#impressum .impressum_text a{
	color: #A42220;
}
.impressum_text a:hover{
	color: #999 !important;
}
.impressum_wrapper{
    width: 100%;
    background: #000;
    padding: 15px;
  min-height: 720px;
}
.impressum{
    float: left;
  width: 360px
}

.impressum_text{
    float: right;
    width: 900px;
  color: #fff;
}
.mod_navigation ul li a:hover, 
.mod_customnav ul li a:hover,.mod_customnav ul li a:focus{
  color: #A42220;
}

.kurse_close_button{
  position: fixed;
  z-index: 10000 !important;
  width: 26px;
  height: 26px;
  background:   url(../images/pfeil_zurueck_yellow.png) no-repeat;
  cursor: pointer;
  top:0;
  right: 50%;
  margin-right: -415px;
  
  margin-top: 10px;
  
  
}

.ausstellung_close_button{
  position: fixed;
  z-index: 10000 !important;
  width: 26px;
  height: 26px;
  background:   url(../images/pfeil_zurueck_lightred.png) no-repeat !important;
  cursor: pointer;
  top:0;
  right: 50%;
  margin-right: -415px;
  
  margin-top: 10px;
  
  
}
.lightred_close_button{
  position: fixed;
  z-index: 10000 !important;
  width: 26px;
  height: 26px;
  background:   url(../images/pfeil_zurueck_lightred.png) no-repeat !important;
  cursor: pointer;
  top:0;
  right: 50%;
  margin-right: -150px;
  
  margin-top: 10px;
  
  
}
.darkred_close_button{
  position: fixed;
  z-index: 10000 !important;
  width: 26px;
  height: 26px;
  background:   url(../images/pfeil_zurueck_darkred.png) no-repeat !important;
  cursor: pointer;
  top:0;
  right: 50%;
  margin-right: -150px;
  
  margin-top: 10px;
  
  
}
.yellow_close_button{
  position: fixed;
  z-index: 10000 !important;
  width: 26px;
  height: 26px;
  background:   url(../images/pfeil_zurueck_yellow.png) no-repeat !important;
  cursor: pointer;
  top:0;
  right: 50%;
  margin-right:  -150px;
  
  margin-top: 10px;
  
  
}

.orange_close_button{
  position: fixed;
  z-index: 10000 !important;
  width: 26px;
  height: 26px;
  background:   url(../images/pfeil_zurueck_orange.png) no-repeat !important;
  cursor: pointer;
  top:0;
  right: 50%;
  margin-right:  -150px;
  
  margin-top: 10px;
  
  
}

#navigation_right{
	height: 45px;	
}
#terminfilter{
	background: #A42220;
	cursor: default;
}
#kursfilter a,#terminfilter a{
	font-family: "MetaBlack" !important;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 0.05em;
    line-height: 23px !important;
	color: #fff;
	text-transform: uppercase;

}
#kursfilter a:hover,#terminfilter a:hover,#terminfilter a.active{
	color: black;	
}

.box.activebox{
	z-index: 20 !important;
}

#kursplan-entwicklung{
	min-height: 800px !important;	
}

table#tbl_kursplan td, table#kursplan tr{
	background: #ffe999;
}
table#tbl_kursplan th{
		background: #fff !important;
		text-transform: uppercase !important;
		font-size: 18px !important; 
		position: relative;
		line-height: 28px;
}
table#tbl_kursplan td{
		vertical-align: top;
		font-size: 15px !important; 
		width: 190px;
		
}
table#tbl_kursplan{
border: none !important;
margin-bottom: 80px;
}

#kursplan .kurs{
	padding: 10px 8px 4px 8px;
	border-bottom: 1px solid #f2f2f2;
	min-height: 70px;
	position: relative;
	
	
}
#kursplan .kurs .title{
	margin-top: 6px;	
	line-height: 20px;
}
table#tbl_kursplan td.top{
	padding: 0 !important; 
}
.kurs.vormittag{
	background:	#FFE999;
}
.kurs.nachmittag{
	background:	#FFD84C;
}
.kurs.abend{
	background:	#FFC800;
}

.info.abend,.info.nachmittag, .info.vormittag{
	margin-bottom: 15px;
	padding: 10px;	
	height: 150px;
	line-height: 20px;
}
.kurs.nachmittag, .kurs.abend, .info.abend,.info.nachmittag{
	display: none;	
}
#kursplan .divider{
	width: 8px !important;
	min-width: 8px !important;
	background: transparent !important;	
	background: #f8f8f8 !important;
	padding: 0 !important;
}

#kursplan .info{
	cursor: default;
}
.box.transparent{
	background: none !important;	
	cursor: default;
}
 .switch{
	padding-left: 25px;
	height: 45px;
	line-height: 48px;
	background: #fff;
	width: 250px;
	text-transform: uppercase !important;
	font-size: 18px !important; 
	font-family: MetaBlack;
	margin-bottom: 15px;
	cursor: pointer;
}
 .switch.active.vm{
		background: #ffe999;
		
 }
 .switch.active.nm{
		background: #ffd84c;
		
 }
 .switch.active.ad{
		background: #FFC800;
		
 }

.time_switch,.time_switch li{
	background: transparent !important;	
	width: 250px;
}

#select_time{
	list-style-type: none;	
	cursor: default;
}
.kurs .category{
	position: absolute;
	right: 0;
	margin-right: 8px;
	top: 0px;
	margin-top: 6px;
	font-size: 13px;

	
	
}	

#kursplan .triangle{
	background: url(../images/triangle_white_down.png) no-repeat;	
	width: 28px;
	height: 17px;
	position: absolute;
	top: 48px;
	margin-left: 135px;
}
.metabold{
	font-family: MetaBlack;	
}
#aktuelles-56 .date{
	/*position: absolute;
	bottom: 0;
	margin-bottom: 8px;	*/
}
#aktuelles-56 .elem_teaser:hover .date,#aktuelles-56 .elem_teaser_box:hover .date{
	color: #fff;
}
	
	h4.date{
		margin-bottom: 5px; 	
	}
	
	.elem_text_normal p:last-child{
		margin-bottom: 0px !important;	
	}
/*Presse */
.mod_newslist,.mod_newsarchive{
	clear: both;	
}
.mod_newslist .left,.mod_newsarchive .left{
	width: 100px;	
}
.mod_newslist .right,.mod_newsarchive .right{
	width: 840px;	
}
.mod_newslist .right h2,.mod_newsarchive .right h2{
	text-transform:none;
	cursor: pointer;	
	color: #000;
	font-size: 17px;
}
.mod_newslist .right h2,.mod_newsarchive .right h3{
		
}
.mod_newslist .news_content,.mod_newsarchive .news_content{
	display: none;	
}
.news_content{
	margin-bottom: 15px !important;	
}
.mod_newslist .first .news_content{
	display: block;	
}
.mod_newslist .info,.mod_newsarchive .info{
line-height: 25px;
margin:0;
}

.mod_newslist .layout_full,.mod_newsarchive .layout_full{
	border-bottom: 1px solid #A42220;
}
.mod_newslist .right h2.active,.mod_newsarchive .right h2.active{
	color: #A42220;
}
.mod_newsmenu{
	padding: 15px;	
}
.mod_newsmenu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0px;
  padding:0px;
  font-family:MetaBlack;
}
.mod_newsmenu ul.level_2{
	display: none;	
}

.mod_newsmenu .submenu ul.level_2{
    position: static;

}
.mod_newsmenu .submenu ul.level_2 li{
    display: block;
    float: none;
}

.mod_newsmenu .submenu ul.level_2 li a{
  background: none !important;
  

}
.mod_newsmenu li a{
		font-family: "MetaBlack" !important;
    font-size: 19px;
    font-weight: normal;
    letter-spacing: 0.05em;
    line-height: 23px !important;
	color: #fff;	
}

.layout_full{
	padding-top: 10px;	
}
.layout_full h2{
	margin-bottom: 10px;	
}
.mod_newslist .left .btn_pdf,.mod_newsarchive .left .btn_pdf{
  
  position: relative;
  top: 0px;
  left:0px;
  width: auto;
  line-height: 20px;
  color: #fff;
  margin-top: 15px;
  display: none;
 
}
.mod_newslist .left .btn_pdf a,.mod_newsarchive .left .btn_pdf a{
padding: 7px 60px 5px 5px !important;
 color: #fff;
 background: #f56400;
 font-family: MetaBlack;

}
.mod_newslist .left .btn_pdf a:hover,.mod_newsarchive .left .btn_pdf a:hover{
 color: #f56400;
 background: #000;

}
.mod_newslist .left .btn_pdf .pdf_arrow, .mod_newsarchive .left .pdf_arrow {
   width: 10px;
   height: 16px;
   max-width: 10px !important;
   max-height: 16px !important;
   position: absolute;
   float: right;
   left: 75px;
   top: 1px;

}

.mod_newslist .left .btn_pdf.active{
	display: block;	
}

.mod_newslist p{
	font-family: MetaNormal;	
}
#presse .box.orange,#pressearchiv .box.orange{
	background: #A42220 !important;	
}


.info .metabold a:hover{
	color: #FFCC00 !important;
}

/* Ende Presse */

#tl_subscribe input[type="text"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    box-shadow: none !important;
    float: left;
    font-size: 14px;
    height: 23px !important;
    margin-bottom: 3px !important;
    padding: 0 0 0 5px;
    width: 290px;
	border: 1px solid #ccc;
}

#tl_subscribe input[type="submit"] {
    background: url("../images/pfeil_schwarz.png") no-repeat scroll 55% 60% #FFFFFF;
    border: medium none;
    float: right;
    font-family: MetaNormal;
    height: 23px;
    line-height: 23px;
    text-align: left;
    width: 25px;
}
.close_button{
    position: absolute;
    right: 0;
   z-index: 10 !important;
  width: 25px;
  height: 25px;
  margin-right: 15px;
  margin-top: 15px;
    
}
.close_map img{
	border: none;	
}

.portrait .box .elem_text_normal a:hover{
	color: 	#A42220 !important;
}
#wohnkultur .elem_text_normal a:hover{
	color:#F56400 !important;
}
#wohnkultur .elem_text_normal h2,#wohnkultur  .elem_text_normal h3,#wohnkultur  .elem_text_normal h4{
	color:#F56400 !important;
}
.wohnkultur .btn_pdf_list .pdf_arrow {
    float: right;
    left: 65px;
    position: absolute;
    top: 2px;
}
.darkred_box h2, .darkred_box p, .darkred_box td{
	color: white !important;	
}


.mod_form, #newsletter_anmelden{
	position: absolute;
	display: none;
	top: 35px;
	right: 5px;
	z-index: 20;
		
}
#f1 input[type=text],#newsletter_anmelden input[type=text] {
	border: 1px solid #fff;
 font-size: 14px;
  width: 140px;
  margin-bottom: 3px !important;
  padding: 0 0 0 5px;
  height: 23px !important;
  float: left;
  box-shadow: none !important;
  background: #fff;
	}
	
	
	#ctrl_1_submit,#newsletter_anmelden input[type=submit]{
    background: #FFFFFF url(../images/pfeil_schwarz.png) 55% 60% no-repeat;
	border:none;
    font-family: MetaNormal;
    height: 23px;
    line-height: 23px;
    width: 25px;
    text-align: left;
	 float: right;
	}
	
.onlymobil{
display:none !important;
}








@media only screen and (max-width: 320px){
    
    
    img{
        max-height:auto !important;
        height:auto !important;
    }
    
    #menu ul.level_2 a{
    	max-width:100%;
        font-size:0.8em !important;
        text-align:right;
    }
    
    body #menu .topmenu:not(:first-of-type) .li_submenu a{
        float:right !important;
    }
    
    body ul#navigation li:not(first-of-type){
        line-height:30px !important
    }
    
    

    body #menu .topmenu:not(:first-of-type) > a{
           font-size: 1.1em !important;
            line-height: 1.1em;
            padding-right:6px !important
    }
table{
    display:table;
    width:100%
}

.statistic:not(#gaestewohnung_uebersicht) td,.statistic:not(#gaestewohnung_uebersicht) th{
        font-size:0.8em;
        word-break: break-all;
    }
h2{
    
    font-size:1.1em;
    word-break:break-all;
}

.col2,.col4, .col3, #kontakt_karte, #google_map2, #google_map3, #gaestewohnung_karte, .impressum_text,
.box.col2 .thumb, #kachel_logo, #wohnungssuche, #hausmeistersuche,.box_teaser{
    max-width:100%;
}

.zoom img, .image_box img{
    width:auto;
    height:auto;
}
.image_box,.hausmeister{
    height:auto;
}

p{
    letter-spacing:0em !important;
}
body .elem_text_normal,body .col2, body .col4, body .col3,body  #kontakt_karte,body  #google_map2,body  #google_map3,body  #gaestewohnung_karte,body  .impressum_text{
    max-width:100% !important
}


    
    }

























@media only screen and (max-width: 690px){
    
    #menu li.topmenu{
        float:none !important;
        clear:both;
    }
    
    ul#navigation > li:not(:first-of-type){
        display:none;
    }
    
    body .impressum,body .impressum_text,.layout_full{
    max-width:100% !important;
}
    
        .thumb-detail h2{
        margin-top:30px;
    }
    
    .pic_only{
        height:auto;
    }

#navigation li a.active{
	  color: #a42220 !important;	
}
	
	
.onlymobil{
display:block !important;
}
.onlymobil.hideformobil{
	display: none !important;
}

#navigation_right{
	display:none;	
}
.col3 img{
	min-height:auto;	
}
.height1{
	min-height:auto;	
}
	.elem_pdf_normal .headline{
		height:auto;	
	}
	.thumb-detail.elem_text_normal{
		width:320px !important;	
	}
/************* FROM WGJ ********************/
	

	
	.hideformobil{
display:none;	
}

.col4,.col3,#kontakt_karte, #google_map2, #google_map3, #gaestewohnung_karte,.impressum_text{
	max-width:320px !important;	
}
.col2,.col3{
    max-width:100% !important;	
}

.mod_newslist .right, .mod_newsarchive .right{
	max-width:320px !important;	
	clear:both;
	float:none !important;
	width:auto;
}

#container{
	height:auto !important	
}

#container .box{
position:relative !important;	
left:auto !important;
top:auto !important;
right:auto;
}

.statistic:not(#gaestewohnung_uebersicht) tbody td{
	max-width:50px;
}

#impressum table td{
	display:block;

}
#impressum table td:nth-child(2n){
		margin-bottom:12px;
}

.statistic:not(#gaestewohnung_uebersicht) tbody tr td:first-of-type,.statistic:not(#gaestewohnung_uebersicht) thead tr th{
font-size:12px !important;
word-break:break-strict;	
}


#gaestewohnung_uebersicht tr td{
	margin-top:6px;
	margin-bottom:6px;
	display:block;
	padding:3px 0 !important
}
#gaestewohnung_uebersicht tr{
		padding:24px 0 !important
}
#gaestewohnung_uebersicht tr td:before{
display:inline-block;
width:100px;	
}
#gaestewohnung_uebersicht tr td:first-of-type:before{
	content : "Adresse: ";
	font-weight:bold;
	
}
#gaestewohnung_uebersicht tr td:nth-child(2):before{
	content : "WE-Nr.: ";
	font-weight:bold;
	
}
#gaestewohnung_uebersicht tr td:nth-child(3):before{
	content : "Zimmer: ";
	font-weight:bold;
	
}
#gaestewohnung_uebersicht tr td:nth-child(4):before{
	content : "Personen * : ";
	font-weight:bold;
	
}
#gaestewohnung_uebersicht tr td:nth-child(5):before{
	content : "Preis: ";
	font-weight:bold;
	
}
#gaestewohnung_uebersicht tr td:nth-child(6){
	display:none;
	
}
#gaestewohnung_uebersicht thead{
display:none;	
}

#header.fixed{
position:relative!important	
}

ul.level_2 a{
max-width:200px;
line-height:18px;
text-align:right;	
}
#menu:not(.notfixedmenu) ul.level_2 a{
	width:200px;
}

.notfixedmenu{
	height:40px !important;
overflow:visible;
position:fixed !important;	
width:100%;
z-index:99 !important;
margin-top:0 !important;
margin-left:0 !important;

}

.notfixedmenu #navigation{
	width:100%;
}
.notfixedmenu + #fixedbalken{
display:block;
width:100%;
position:fixed;	
background:	#f0f0f0;
top:0;
left:0;
height:50px;
z-index:98; 
padding-left:22px;
}

#wrapper{ margin-top: 45px;
}

	#menu.notfixedmenu  .topmenu:not(:first-of-type) a{
	 	float:none !important
	}


body #menu .topmenu .visibleSubMenu{
	display:block;	
}
	
.notfixedmenu ul#navigation li a,.notfixedmenu ul#navigation > li:first-of-type{
	background:	#f0f0f0;
}
.notfixedmenu ul#navigation li a{
padding-left:4px;	
text-align:right;
}



ul#navigation  li{
 line-height:36px !important;
}


.notfixedmenu ul#navigation > li{
 
	clear: both;
}

ul#navigation li a{
 padding:8px 3px ;

}

body ul#navigation li li.li_submenu a {
 padding:9px 3px !important;
}



ul#navigation > li:first-of-type a{
	padding:0 30px 0 0 !important
}

#burger{
display:inline-block;	
}


/************* FROM WGJ ********************/
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

#menu {
    
    margin-top: 30px;
  
}

#f1 input[type="text"], #newsletter_anmelden input[type="text"] {

    height: 60px !important;
    width: 250px !important;
}

#ctrl_1_submit, #newsletter_anmelden input[type="submit"] {
        height: 60px;
    width: 50px;
}

#menu li.topmenu {
    float: none !important;
   
}

#menu .topmenu a {
    float: left;
    font-size: 21px;
    letter-spacing: 0.06em;
    padding-right: 30px;
}

.submenu ul.level_2 {
    float: right;
    position: absolute;
    right: 0;
    top: 0px;
}
#menu .li_submenu a {
    float: right;
	   font-size: 18px;
	}

.footer_logo img {
    float: right;
    left: -310px;
    position: relative;
    top: 0;
}	

.footer_logo a {
    color: #8c8c8c;
    font-size: 14px;
}

.footer_logo {
    color: #8c8c8c;
    left: 40px !important;
    position: relative;
    top: 30px !important;
    width: 300px;
}
#navigation_right {
    height: 75px;
}
#menu {
    margin-left: 22px;
    margin-top: 10px;
	}
.footer_box{
float:none;
margin-top:20px;
}	

.footer_box a.main {
    color: #f56400;
    font-family: MetaBlack;
    font-size: 14px;
    letter-spacing: 0.08em !important;
    margin-bottom: 14px !important;
    margin-top: 30px;
    text-transform: uppercase;
}



#footer .right{
float:none;
margin-left:30px;
}
	
}

.externlink.tickets{
	background: #e3000f;
	border:1px solid #e3000f;
	color:#fff;
	position: absolute;
	right:0px;
	top:6px;


}
.externlink.tickets:hover{
	background:#fff;
	cursor:pointer;
}
.externlink.tickets:hover a{
	color:#e3000f;
}
.externlink.tickets a{
	padding:6px 24px;
	color:#fff;
	display: block;
	font-weight:bold;
}
.layout_full{
	position: relative;
}

	#categoriefilter li{
		display:none;
	}
	#categoriefilter li.activefilter,#monthfilter li.activefilter{
		display:block;
		color:#fff;
		font-size:16px;
	}

#categoriefilter li.activefilter:hover,#monthfilter li.activefilter:hover{
	color:#000;
}



	.displaynone{
		display:none;
	}
	p.categories{
		color: #fff;
		font-family: "MetaBlack" !important;
		font-size: 20px;
		font-weight: normal;
		letter-spacing: 0.05em;
		line-height: 23px !important;
		margin-bottom:6px;
		text-decoration: underline;
	}
	p.categories:nth-of-type(1n+1){
		margin-top:12px;
	}
	.clickfilter,.clickfiltermonth{
		color:#000 !important;

	}

    .fa{
        font-size:50px !important;
        color:#DCDCDC;
    }
    .fa:hover{
        color:#f8f8f8 ;
    }
    .paddingtop{
        padding:25px 15px 0 0
    }

    footer *,footer table tr td{
        color:#e3000f;
    }

footer .mod_customnav li{
    display:block;
    text-align: left;
}

footer .mod_customnav li a{
    font-size:16px;
}

footer .mod_customnav{
    padding-top:0;
}

#resetfilter{
	margin-top:36px;color:#fff;
}
#resetfilter:hover{
	color:#000;
}

.gotoprogramm{
	font-weight:bold;
	font-size:18px;
}
.categories-js{
	font-size:0.9rem;
	font-style: italic;
}

#datenschutzerklaerung .col2{
	width: 100% !important;
}

.cookie-choices-info {
	background-color: #A42220 !important;
	bottom: 0 !important;
	top: auto !important;
}
.cookie-choices-info {

	background-color: #A42220;
	color: #fff;

	left: 0;
	line-height: 140%;
	margin: 0;
	padding: 10px 0;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 10001;
}



.cookie-choices-info .cookie-choices-inner {
	left: 0;
	margin: 0 auto;
	max-width: 80%;
	position: relative;
	top: 0;
	width: 1240px;
}
.cookie-choices-info * {
	color: #fff !important;
	font-size: 0.9rem !important;
	line-height: 1.2rem !important;
	text-transform: none !important;
}

.cookie-choices-info .cookie-choices-text {
	color: #ccc;
	display: block;
	float: left;
	font-size: 0.9rem !important;
	line-height: 1.2rem !important;
	text-align: left;
	vertical-align: middle;
	width: 75%;
}


.cookie-choices-info .cookie-choices-buttons {
	display: inline-block;
	float: left;
	margin: 20px 10px;
	vertical-align: middle;
	white-space: nowrap;
	width: 20%;
}
.cookie-choices-info .cookie-choices-button {
	color: #eee;
	font-weight: 500;
	margin-left: 8px;
	padding: 0 6px;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}