/* Clearfix */
.cf:after{
	content: " ";
	display: table;}
.cf:after{	clear: both;}

/* Desktop-First-Ansatz */
body{
	margin: 0;
	padding: 0;
	font-family: 'OpenSans', Verdana, sans-serif;
	font-size: 1.2em;
	background-color: rgb(240,243,245);
	color: #000000;
	-webkit-text-size-adjust: none;
}
.root{
	background:#fff;
	position: relative;
	width: 99%; /*960px*/
	/*max-width:970px;*/
	margin: auto; /*sorgt für Zentrierung des Containers */
	font-size: 100%;

}
.cookies{font-size:70%; font-weight:normal; font-family: 'OpenSans', Verdana, sans-serif; line-height: 1.0}
#bannerrechts{	position: absolute; right: -17%;}
.banner{	margin:20px 0px 20px 0px}
.banner p{	margin:0px; float:right; font-size:70%}
/*.banner_top{	margin:20px 0px 20px 0px}*/

.banner_top1{float:right; margin-left:10px}
.banner_top3{	margin-left:80px;}

/* Bilder vergrößern */
img.zoom {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img.zoom:hover {
 cursor: zoom-in;
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(1.5, 1.5);
 -moz-transform: scale(1.5, 1.5);
 -webkit-transform: scale(1.5, 1.5);
 -o-transform: scale(1.5, 1.5);
 -ms-transform: scale(1.5, 1.5);
}
/* ------------------------------------ */


/* Header */

.ueberschr{	position:absolute; background-color:#004b8c; padding:10px; opacity: 0.8; border: 0; font-size:1.2em 
}
.ueberschr h1{ font-family: 'OpenSans', Verdana, sans-serif; margin:0; color:white; font-size: 100%;
}
.divcalender{	opacity: 0.8; width:100%; background-color: #d4e0eb; position: absolute; bottom: 2px;}
.headermobil{display: block;}
.suchemobil {display: block; position: absolute; right:50px; bottom: 110px; font-size:100%; color:#ffffff; }
.suchemobil p{	background-color:#004b8c; margin-bottom:3px; padding:3px; font-size:75% }
.suchemobil a{	font-size:100%; color:#ffffff }
.suchemobil a:hover{	 text-decoration: underline }
.suchemobil input{border: 1px solid #081378; min-width: 300px; font-size:100% }

/* Calender */


calender, .calender_mob {background-color: #ffffff; }
.calender_mob {    margin-top: 20px; font-size: 0.9em}
.calender div.after a,
.calender div.before a,
.calender_mob div.after a,
.calender_mob div.before a{    color:silver;}

.day, .day_mob {
    float:left;
    text-align: center;
	 font-size: 2em;
	 font-family: 'PT Sans', sans-serif;  font-family: 'Open Sans Condensed', sans-serif;
	 background-color: #789bb9; border-left: solid 1px #ffffff; padding:2px 10px 2px 10px;	 
}
.calender div.weekend a{
	font-weight: bold; background-color: #1c405f
}
.calender div.monat{
	background-color: #d4e0eb; color: #000000
}
.weekday{	font-size: 0.7em}
.day a, .day_mob a{ display: block;
	color: #ffffff
}
.day a:hover, .day_mob a:hover{
	background-color: #1b578c
}



.day.headline, .day_mob.headline {
    background-color:#004b8c; color:#ffffff
}
.day.current, .day_mob.current {
    font-weight:bold; ; background-color:#004b8c; 
}
.day.current a, .day_mob.current a{	color: #000000}
.clear {
    clear:left;
}
.pagination, .pagination_mob  {
		clear:both;
    text-align: center;
	 font-family: 'PT Sans', sans-serif;  font-family: 'Open Sans Condensed', sans-serif;
	 
    
	 }

.pagihead span, .pagihead_mob span { 
   display:inline-block;
   color: black;
	font-size: 1.9em
}
.last, .next{	font-size: 2em; padding-right:10px; padding-left:10px}




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

a{	text-decoration: none; color: Black;}
.vorbei{	background-color:rgb(210,35,43); color:white; padding:5px; text-align:center; font-weight:bold}

header{	 margin:0;  }

.mobile_only, #mob{	display: none;}
img, .banner_top img{
	max-width: 100%;
	height: auto; /*dann ist es egal, ob die Bilder im html Größenangaben besitzen */
}

.hauptseitenbanner{	margin: 20px 0px 20px 90px}
p{	font-size: 1.0em}
.imrahmen{	font-size: 90%; color:#778aaf}
.bold{	font-family: 'open_sansbold', Verdana, sans-serif;}
.entfernung{	float: right;}


input:invalid{ color:red;}
input:valid{ color:green;}
input[required]{ background-color:#F08080; }

/*Berechnung der Prozentangaben: angestrebte Größe / Gesamtgröße*/


.prozent
{
/*background: #6d88b7;*/
background: -moz-linear-gradient(left, #6d88b7 0%, #b8c6df 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6d88b7), color-stop(100%,#b8c6df));
/*color:yellow;*/
font-weight:bold;
text-shadow:black 3px 2px 4px;
font-size:1em;
height: 5px;
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d88b7', endColorstr='#b8c6df',GradientType=1 );*/
}
.pbalken
{
background: ghostwhite;
border: solid 1px #b3b2b2;
width: 5px;
margin-top:5px;
}
/* Top-Button */

#back-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
    z-index: 3;
    display: none;
}
 
#back-top a {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 25px;
    color: #fff;
    background-color: #004b8c; 
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: background-color .15s;
    -moz-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    -o-transition: background-color .15s;
    -ms-transition: background-color .15s;
}

 
#back-top a:hover {
    text-decoration: none;
    background-color: #555;
}
.trivago{font-family: 'open_sansbold', Verdana, sans-serif; color: #84878c; clear:both}

.detsu{margin-left:130px; font-size:0.6em}
.detsu a{	color: #ffffff}




img{	border: none;}






.ticketverlinkung{	float:right}
.rubrik {
	font-family: 'open_sansbold', Verdana, sans-serif; background-color:rgb(210,35,43); padding:5px; color:white; font-size:0.8em}
.gastronomie {
	font-family: 'open_sansbold', Verdana, sans-serif; background-color:#0b7a37; padding:5px; color:white; font-size:0.8em}
	.shopping {
	font-family: 'open_sansbold', Verdana, sans-serif; background-color:#e3a840; padding:5px; color:white; font-size:0.8em}



/* nav */
.nav-collapse, .nav-intern{
	margin:0; font-size: 1.0em; clear:both; 
	font-weight: normal;
	text-align:left;
	padding:5px; 
	
}

.nav-collapse ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
    .nav-collapse ul,nav ul li{
    background-color: #FAFAFA;
	 max-width:20.8%;
}


.nav-collapse ul li:hover > ul {
    visibility: visible;
}
.nav-collapse ul li ul{
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
	 
}
.nav-collapse ul li ul li{
    float: none;
}
.nav-collapse ul li ul li a:hover{
	text-decoration: none;
    color: #333; z-index:500;
}

.nav-collapse ul, .nav-intern ul { /* aus responsive */
  margin: 0;
  padding: 0;
  width: 100%;
  display: inline;
  list-style: none;  
  box-shadow: 2px 2px 2px #8e91b1;
    -moz-box-shadow: 2px 2px 2px #8e91b1;
    -webkit-box-shadow: 2px 2px 2px #8e91b1;
}

.nav-collapse ul li, .nav-intern ul li {
list-style: none;
    float:left;
    border-right: 1px solid #dfdfdf;
}

.nav-collapse ul li a, .nav-intern ul li a {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 5px 15px 5px 15px;
 
    transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}
.nav-intern ul li a {padding: 5px;}
.nav-collapse ul li.rub1:hover a, .nav-collapse ul li.rub1:hover > ul li a {
    background-color: #01549a; text-decoration: none; 
}
.nav-collapse ul li.rub2:hover a, .nav-collapse ul li.rub2:hover > ul li a {
    background-color: #d2232d; text-decoration: none;
}
.nav-intern ul li.rubint:hover a, .nav-intern ul li.rubint:hover > ul li a {
    background-color: #d2232d; text-decoration: none; color: #ffffff
}
.nav-collapse ul li.rub3:hover a, .nav-collapse ul li.rub3:hover {
    background-color: #e3a840; text-decoration: none;
}
.nav-collapse ul li.rub4:hover a, .nav-collapse ul li.rub4:hover > ul li a {
    background-color: #0b7a37; text-decoration: none;
}
.nav-collapse ul li.rub5:hover a, .nav-collapse ul li.rub5:hover > ul li a {
    background-color: #468fe9; text-decoration: none;
}
.nav-collapse ul li.rub6:hover a, .nav-collapse ul li.rub6:hover > ul li a {
    background-color: #332B40; text-decoration: none;
}
.nav-collapse ul li.rub7:hover a, .nav-collapse ul li.rub7:hover > ul li a {
    background-color: #37adb1; text-decoration: none;
}
.nav-collapse ul li.rub8:hover a, .nav-collapse ul li.rub8:hover > ul li a {
    background-color: #84078f; text-decoration: none;
}
.nav-collapse ul li:hover > a {
    color: #FAFAFA;
}
.nav-collapse ul li ul li a {
    color: #FAFAFA;
}
.nav-collapse ul li ul li a:hover{ color: #333;    background-color: #FAFAFA !important;}


.js .nav-collapse {    position: relative;  }
.js .nav-collapse.closed {   max-height: none; }
.nav-toggle {    display: none;  }
.nav-collapse li { display: block; color: White;}
/* -------------------------------------------------*/




  
.verlosung{	font-family: 'open_sansbold', Verdana, sans-serif;	color: rgb(210,35,43);}
.zur_verlosung {	margin-top: 20px}
.zur_verlosung a{	border: 1px solid #005FAA;	padding: 5px;	font-family: 'open_sansbold', Verdana, sans-serif;	color: #005FAA; text-align: center;	}
.zur_verlosung a:hover{	color: #000000;	text-decoration: none;	border: 1px solid #000000;}

.overflowimg{float:left; width:170px; height:170px; overflow:hidden; padding-right:10px}
.overflowimg img{	border: 0;	width: 170px}
.ausst{	margin-bottom: 10px}
.ausst ul {margin: 0px; padding: 0; 	}
.ausst li {		list-style: none;}
.ausst li a {	background: #ffffff;	display: block; padding: 0px;	text-decoration: none;}
.ausst li a{	color: #00537f; font-size:0.9em}
.ausst li a:hover {	background: #ebf1fb;	display: block;}
.ausst a.active {background: #ebf1fb;}




	 /* ------------------------ Sitemap -------------- */
	 
.sitemap{	line-height: 20pt; }	 
.sitemap ul{margin-left: 15px;}	
.sitemap li{	list-style-position: inside; list-style-type: square; font-size:0.8em}

/* --------------------------------------- Termineingabe ------------------ */

#neuertermin ul{	margin: 0; padding: 0}
#neuertermin input, .kurz, .mittel{border:1px solid #cccccc;}
.kurz{	width: 100%}
.mittel{	width: 14.28%}
.versttermin{	font-size: 0.9em}
.versttermin{
	width: 92.9%
}
#neuertermin li{	margin-top: 5px}
#neuertermin legend{	font-family: 'open_sansbold', Verdana, sans-serif; color: #063478}
#neuertermin fieldset{	padding: 10px; margin-top:10px; border:4px solid #063478}

/* --------------------------------------- Ende ------------------ */

/* -------------------- Calendar ----------------------*/


	.calendar { display: block; cursor: pointer; }
	.calendar-list {
   height: 0;
   margin: 0;
   padding: 0px;
   overflow: hidden;}
	.calendar-list li{		list-style: none;	display: inline-block;}
	#calendar-checkbox:checked + .calendar-list {          height: 20px; }
	input[type="checkbox"] + label, .calendar,  {  display: inline-block; }

	#calendar-checkbox{ 	display: none	 }
	
/* --------------------------------------- Ende ------------------ */	
.menulinks{
	margin: 0px;
	list-style-type: none;
	padding: 10px 5px 10px 5px;
	background-color:rgb(240,243,245);

}
.menulinks a{
	color: #000000;
	padding-top:10px;
	text-decoration: none;
	padding-left:5px
	
}

#rechteseite{
	float: right; width: 240px
}
/* Content */
#haupt{	width:98%; padding:10px; margin:0; float: left; 	
display: flex;
	flex-direction: row;
	flex-wrap: wrap;}


.navzeile{font-size:0.7em; color:#a3a3a2}
.navzeile a{	color:#a3a3a2}
.navzeile a:hover{ text-decoration: underline;}
.navihr{	border: 0; border-bottom: 1px double #a3a3a2;}
.ticketunten{	margin-top: 15px}
.ticketunten div{	padding:5px; border:1px solid #175997; font-weight:bold}
.weiteretermine{	font-style: italic; #003566; margin-bottom:0; clear:both}
.detailsfloat{	float:right; margin-top:10px; padding-right:10px; font-size:0.7em}
.detailsfloat a:link{	text-decoration: none; font-family: 'open_sanslight_italic', Verdana, sans-serif;}
.detailsfloat a:hover{	text-decoration: underline;}
.wechsel{ background-color:#d8e4fb; padding:5px; font-weight:normal; letter-spacing:0.5pt; font-size:0.9em; margin-bottom:10px;
-moz-box-shadow: 3px 3px 3px #a7afb6; -webkit-box-shadow: 3px 3px 3px #a7afb6; box-shadow: 3px 3px 3px #a7afb6;}
.wechsel a {background:url(https://www.leipzig-im.de/images/pfeile/pfeil_rechts.png) no-repeat ; padding-left:20px; width:100% }
.wechsel a:hover, .wechsel a:active {text-decoration:none; background:url(https://www.leipzig-im.de/images/pfeile/pfeil_unten.png) no-repeat; }
.vauebersicht, .veranstaltungsort{	font-size: 0.8em}
div.vauebersicht, div.table{	display: table; border-collapse: collapse;}
div.tr{	display: table-row;}
div.td{	display: table-cell; border: none; padding: 5px}
.internvl {	font-size: 1.0em; font-family: 'open_sansbold', Verdana, sans-serif; text-decoration: underline; color: Navy;}
.siehe  {	color:#778aaf;}
.siehe a{ text-decoration: none; color:#778aaf; font-family: 'open_sanslight_italic'}
.siehe a:hover{	text-decoration: underline;}
.veranstaltung {	margin:0px 0px 2px 0; padding:0px;}
.veranstaltung h1{color:#003566; font-size:1.6em; font-family: 'OpenSans', sans-serif; margin-bottom: 5px}
#titelzeile h1{color:#003566; font-size:1.6em; font-family: 'PT Sans Narrow', Verdana, sans-serif; margin-bottom: 2px}
#titelzeile h2, .veranstaltung h2, h2{color:#003566; font-size:1.6em; font-family: 'PT Sans Narrow', Verdana, sans-serif; margin-bottom: 5px}
#titelzeile h2{	margin-top: 2px; color:#818283; font-size:1.2em; font-family: 'OpenSans', sans-serif; margin-bottom:2px}
.veranstaltung h3, h3{	margin-top: 2px; color:#818283; font-size:1.2em; font-family: 'OpenSans', sans-serif; margin-bottom:2px}
.zusatzinfo{	color:#000000; font-size:0.9em}
ul.content, ul.intext{	padding: 0;}
ul.intext{	font-size: 0.9em; margin-bottom: 10px}
.content li, .veranstaltung li, .intext li{list-style-type: none;}
.untertitel{	font-family: 'open_sanslight_italic'}

.dtsanz ul{
		margin: 0; padding: 0
	}
	
 
  .figure, .figure2, .figure3, .figure_details, .figure_ort{ 	
display: block; padding:0; margin:0; border:1px solid grey;
	  border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-appearance: none;}
	 
	 .figure {width: 350px; float: right; margin-left:10px; margin-bottom:10px}  
	 .figure_details {width: 350px; float: right; margin-left:10px; margin-bottom:10px; margin-top:10px} /* 210 */
	 .figure_ort {width: 210px; float: left; margin-right:10px; margin-bottom:10px}
	.figure3, .figure2 {width: 700px; float: none;}
	
	  .figure img, .figure2 img, .figure3 img, .figure_details img, .figure_ort img{padding:5px; margin:0 }
	  .figure_details img{	  	width: 100%	  }
.figure p{width:350px; }
  .figure_details p{width:350px} 
   .figure_ort p{width:209px} 
  .figure3 p, .figure2 p{ width:699px;  }
 .figure p, .figure3 p, .figure2 p, .figure_details p, .figure_ort p{
 background-color:#636363; color:#ffffff; font-size:0.7em; padding: 5px; margin:0px; 
  border-radius: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-appearance: none; }
 
 
  

.ueberschrift{background-color: #d8e4fb; clear:both; margin:5px 0px;
	 
	 -moz-box-shadow: 3px 3px 3px #a7afb6;
-webkit-box-shadow: 3px 3px 3px #a7afb6;
box-shadow: 3px 3px 3px #a7afb6;
	 
	 }
.ueberschrift p{	color:black; padding: 10px; margin: 0; font-family: 'open_sansbold', Verdana, sans-serif; font-size:0.9em}
.ueberschrift span{	color: #666666; font-size: 0.8em; font-family: 'OpenSans', Verdana, sans-serif; padding: 10px 10px 10px 5px;}
.ueberschrift a{text-decoration: underline;}
.ueberschrift input{ border:none; background-color:transparent; font-family: 'open_sansbold', Verdana, sans-serif; }

.overflow{float:left; width:200px; height:100px; overflow:hidden; padding:7px}
.overflow img{
	border: 0;
	width: 190px}

.overflow_index{float:left; width:100px; height:100px; overflow:hidden; padding:0px; margin-right:10px}
.overflow_index img{
	border: 0;
	width: 100px}

.navigation{flex: 1 ;
	min-width: 200px;
	padding: .5em;}
	
.navigation ul, .bildnavi ul {margin: 0px; padding: 0; font-size:0.8em	}
.bildnavi ul {font-size:1.0em	}
.navigation li, .bildnavi li {
	border-bottom: 1px solid #a3a3a2;
	list-style: none;}


.navigation li a, .bildnavi li a {
	background: #ffffff;	
	display: block;
	padding: 5px;
	text-decoration: none;}

.bildnavi li a{
	color: #00537f; font-family: 'open_sansbold', Verdana, sans-serif; }
.bildnavi, .bildnavi img{	width: 320px}
.navigation li a:hover, .bildnavi li a:hover {
	background: #ebf1fb;
	display: block;}

.navizeile, .weiter{	line-height: 30px;}

.weiter{	float: right}
.sortierung{	margin:5px 0px 10px 0px;}
.sortS, .sortZusatz, .sortBild{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
   border-radius: 0;
  font-size: 0.8em;
  width: 100%;
  border: 1px solid #bbb;
  padding:3px; /*.5em 1em .5em 1em;*/
  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
  background-color:white;
  background-image:url(https://www.leipzig-im.de/images/select.png);
  background-position: right;
  background-repeat: no-repeat;
} 
.sortS{width: 40%}
.sortBild{	width: 30%}
.sortZusatz{	width: 30%}
.sortBy {width:100%; max-width:250px; font-size:0.9em}
.dtsanz{	background-color:rgb(240,243,245); margin:0px; padding:10px; font-size: 0.9em}

.vatipp{position:absolute; top:-1px; right:-2px; height:62px; z-index:1000;}
.wann{position:absolute; top:-1px; height:10px; z-index:1000;}

.hauptseite_stoerer{
	padding:0.5%; background-color:#d2232b; float:right; font-size: 1.2em}
.hauptseite_stoerer p {	color: #ffffff; margin:0;   }

.floatimg{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.va_titel, .va_titel a {font-size:1.6em; font-family: 'PT Sans Narrow'; color:#003566; margin: 0; padding: 0; }
.datum{ color:#000000; font-family: 'open_sansbold', Verdana, sans-serif;}

.terminliste li, .kommentar, .kommentar_desk, .grau, .datum, .internet a{font-size:1.2em; color:#555554; font-family: 'OpenSans', Verdana, sans-serif;}
.text{font-size:1.2em; color:#555554; font-weight:normal; white-space: nowrap; max-width: 98%; overflow: hidden; text-overflow: clip; border: none; text-overflow: ' ...'; padding:0; margin:0}
.beschreibung{font-size:1.0em; color:#555554; font-weight:normal; height: 35px; overflow: hidden; text-overflow: clip; border: none; text-overflow: ' ...'; padding:0; margin:0}
.kommentar, .kommentar_desk{	font-size: 0.8em; padding-top:10px}
.internet{	padding: 10px 0px}
.internet a{	font-size: 1.0em; font-family: 'open_sansbold', Verdana, sans-serif;}
.internvl {
	font-size: 1.0em; font-family: 'open_sansbold', Verdana, sans-serif; text-decoration: underline; color: Navy;
}
.suchmaske{
	background-color:#d8e4f8; padding-top:10px; padding: 10px; width: 100%;
	border: 1px solid #b7b7b8;
	 border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px; font-size: 0.9em
}

.termine span{color:#778aaf}

.tagestipp, .tagestipp_details, tagestipp_quer {	margin:3px; width: 100%; max-width: 300px;}
/*.tagestipp_details{float:right; margin-left:10px;}*/

.tipp, .tipp_quer{
/*float: right;*/
	background-color: #ffffff;
	padding: 5px;
	/*margin-right: 10px; margin-left: 0px;
	margin-top:10px;*/
	margin: 0;
	width: 100%;
	max-width: 300px;
	min-height:120px;
	-moz-box-shadow: 3px 3px 3px #a7afb6; -webkit-box-shadow: 3px 3px 3px #a7afb6; box-shadow: 3px 3px 3px #a7afb6;
	border: 1px solid #000000;
	font-size:0.9em
	
}

.tagestipp_quer, .tipp_quer{	max-width: 690px}
.p_tipp, .p_tipp_quer{	font-size:0.9em; color:#555554; font-weight:normal}
.abonnement, .abonnement1, .abonnement2, .abonnement3, .abonnement4, .abonnement5 {

	background-color: #ffffff;
	padding: 5px;
	width: 320px;
	min-height:110px;
	-moz-box-shadow: 3px 3px 3px #a7afb6; -webkit-box-shadow: 3px 3px 3px #a7afb6; box-shadow: 3px 3px 3px #a7afb6;
	border: 1px solid #000000;
	font-size: 0.8em
	
}



.buttonauswahl{
	background-color: #ffffff; border:0; width:140px; padding:5px
}


.tipp ul, .tipp_quer ul, .abonnement ul, .abonnement1 ul, .abonnement2 ul, .abonnement3 ul, .abonnement4 ul, .abonnement5 ul {margin: 0; padding: 0;	}
.tipp li, .tipp_quer li, .abonnement li, .abonnement1 li, .abonnement2 li, .abonnement3 li, .abonnement4 li, .abonnement5 li {	list-style: none; margin: 0}
.tipp li a, .tipp_quer li a, .abonnement li a, .abonnement1 li a, .abonnement2 li a, .abonnement3 li a, .abonnement4 li a, .abonnement5 li a {
	background: transparent;	
	/*color: #553;*/
	display: block;
	padding: 4px; margin: 0;
	text-decoration: none;
}
.abonnement1{margin-left:200px; margin-top:20px}
.abonnement2{	margin-top:20px; float:right}
.abonnement3, .abonnement5{	margin-top:20px}
.abonnement4{	margin-top:5px; float:right}
.tipp li a:hover, .tipp_quer li a:hover, .abonnement li a:hover, .abonnement1 li a:hover, .abonnement2 li a:hover, .abonnement3 li a:hover, .abonnement4 li a:hover, .abonnement5 li a:hover {
	background: #d8e4fb; min-height:110px
}
.abonnement li a:hover, .abonnement1 li a:hover, .abonnement2 li a:hover, .abonnement3 li a:hover, .abonnement4 li a:hover, .abonnement5 li a:hover {
min-height:100px;}
.tipp p, .tipp_quer p, .abonnement p, .abonnement1 p, .abonnement2 p, .abonnement3 p, .abonnement4 p, .abonnement5 p{	padding:0; margin:0}
.tipp img, .tipp_quer img, .abonnement img, .abonnement1 img, .abonnement2 img, .abonnement3 img, .abonnement4 img, .abonnement5 img{	margin-bottom:5px;}

.vaanzeigen {
	font-weight:normal; background-color:#004a89; padding:5px; color:white; width: 240px; float:right; margin:0px}
.vaanzeigen p{
	margin: 0; padding: 0; font-size: 0.7em
}
.vaanzeigen a{
	color: #ffffff
}
.gewinnfrage ul{
	font-size:0.9em; list-style-position:outside; padding:0
}



 /* ------------------------------ Suche an der Seite ------------------ */
  
  .suche
   { background-color:rgb(210,35,43); color:#000000; border:0; padding: 10px; width:240px; border: none; margin-top: 5px  	 }
	.suche_d{	border-radius: 5px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -webkit-appearance: none;	
	 padding: 5px; }
	
	.next ul{		margin:0px; padding:0; font-size:0.7em	}
	.next li{		display: inline; padding: 5px; 
	}
	.aufzaehlung ul{
        margin-left: 15px;
        padding: 0px;        
}

.aufzaehlung li{
        list-style-position: outside; list-style-type: square;
}
	.next a{		color: #ffffff; text-decoration: none;	}
	.next a:hover {		text-decoration: underline;	}

	.nextmobil{
		display: none;
	}
  /* ------------------------------ TagCloud ------------------ */	

.tagcloudbody {
width:100%;
font-family: 'open_sansbold', Verdana, sans-serif;
font-size:11px;
color:#666666;
border:solid 1px #333333;
padding:5px;
text-align:center;
background-color: #ffffff;
}

.tagcloudbody a {
text-decoration:none;
color:#666666;
}
.tagcloudbody a:hover {
text-decoration:none;
color:#333366;
text-decoration: underline;
}

.tag1 {font-size:20px;}
.tag2 {font-size:14px; }
.tag3 {font-size:12px;}
.tag4 {font-size:18px;}
.tag5 {font-size:10px;} 

.rl_ue{
	background-color: transparent; width:150px; padding:5px; color:#000000; padding:20px 0px 5px 0px; font-size:0.7em
}

#unten{
	clear: both;
}
footer{width:100%; max-width: 960px; 
	
	margin:10px auto;
	text-align:right;
	color:#7d8286; font-size:0.7em
}
a.menuunten:link{
	text-decoration:none;
	color:#7d8286;
}

a.menuunten:visited{
	text-decoration:none; color:#7d8286;
}

a.menuunten:active, a.menuoben:hover{
	color: rgb(239,165,0);
}


/* ------------------------ DAtepicker -------------- */


.dpDiv {

}
.dpTable {
	BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #003366 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #003366 1px solid; COLOR: #505050; BORDER-BOTTOM: #003366 1px solid; BACKGROUND-COLOR: #ece9d8; TEXT-ALIGN: center
}
.dpTR {

}
.dpTitleTR {

}
.dpDayTR {

}
.dpTodayButtonTR {

}
.dpTD {
	CURSOR: pointer
}
.dpDayHighlightTD {
	BORDER-RIGHT: #003366 1px solid; BORDER-TOP: #003366 1px solid; BORDER-LEFT: #003366 1px solid; CURSOR: pointer; BORDER-BOTTOM: #003366 1px solid; BACKGROUND-COLOR: #cccccc
}
.dpTitleTD {

}
.dpButtonTD {

}
.dpTodayButtonTD {

}
.dpDayTD {
	BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #003366 1px solid; BORDER-LEFT: #003366 1px solid; COLOR: white; BORDER-BOTTOM: #003366 1px solid; BACKGROUND-COLOR: #003366
}
.dpTitleText {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: gray
}
.dpDayHighlight {
	FONT-WEIGHT: bold; COLOR: #4060ff
}
.dpButton {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #003366; PADDING-BOTTOM: 0px; COLOR: white; PADDING-TOP: 0px; 
}
.dpTodayButton {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; BACKGROUND: #003366; COLOR: white; 
}

/* ------------------------ DAtepicker -------------- */



/*! responsive-nav.js 1.0.34 by @viljamis */
@media screen and (max-width: 1300px) {
.root{	margin: 5px; }


}
@media screen and (max-width: 1155px) {
.flugsimulator, .krimi, .mittendrin{display:none}
}



@media screen and (max-width: 990px) {
/*.banner_top{	max-width:740px; text-align: left}*/
.banner_top1{	display: none}
.banner_top2{	display: none;}

.kal2, #rechteseite{	display:none}
.nav_bild img{	width: 100%;}
.ueberschr{position:absolute; margin-left:0px; background-color:#004b8c; padding:10px; opacity: 0.8; border: 0; }
.nav-collapse ul li a { padding: 5px 6px 5px 6px;}
.flugsimulator, .krimi{display:none}

/*.headermobil h1{	display:none}*/

/*.divcalender{	width: 150px; float: none; position: absolute; top: 55px; left: 20px; background-color: transparent;}*/
.divcalender p{	display: none;}
}

@media screen and (max-width: 730px) {
.ueberschr{position:realtive; margin-left:0px; background-color:#004b8c; padding:10px; opacity: 1; border: 0; width:97% }
.ueberschr h1{ font-family: 'OpenSans', Verdana, sans-serif; margin:0; color:white; font-size: 70%;}
.kal2, .nav_bild img, #rechteseite, #desk, .divcalender {		display: none;	}
.mobile_only, #mob{		display: block;	}
.headermobil{	padding:0px; }
.suchemobil {top:60px; left:50px	}
.suchemobil p{	background-color:transparent; float:right; margin:0px; margin-left:10px; font-size:65%}
.suchemobil a{	color: Black; font-family: 'open_sansbold', Verdana, sans-serif; text-decoration: none;}
.suchemobil input {		font-size: 70%; min-width: 250px;	}



.form{float: left}
  .desktop_only{	display: none;}  
  .js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  /*overflow: hidden;
  zoom: 1;*/
  padding: 0; 
}


.nav-collapse ul{
	margin: 0; padding: 0
}
.nav-collapse ul li {
    border-right: 0px;
	 border-bottom: 1px solid #a3a3a2;
}

.nav-collapse.opened {
  max-height: 9999px;
  
}
.nav-collapse ul li.social{display:none} /*.nav-collapse ul li.rub7, */

.nav-toggle {
margin-top:40px;
display: block; 
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-size: 2.0em;
  text-decoration: none;  
  
}
.nav-collapse li { display: block; color: White; width: 100%; }
  
.nav-collapse ul li:hover > ul { visibility: hidden;}
  
.tipp{
clear:both;
	background-color: #ffffff;
	padding: 5px;
	margin-right: 10px; margin-left: 0px;
	margin-top:10px;
	width: 320px;
	min-height:120px;
	-moz-box-shadow: 3px 3px 3px #a7afb6; -webkit-box-shadow: 3px 3px 3px #a7afb6; box-shadow: 3px 3px 3px #a7afb6;
	border: 1px solid #000000;
	font-size:0.9em
	
}  




 
.figure {width: 100%; max-width: 266px;} 
.figure_ort{width: 100%; max-width: 210px;} 
.figure_details{width: 100%; max-width: 350px;} /*210*/
.figure3, .figure2 {width: 100%; max-width: 700px}
.figure3 img, .figure3 p{width:98%;   }	 
	 
.abonnement1{margin-left:0px; margin-top:20px}
.abonnement2{	margin-top:20px; float:none}
.abonnement3, .abonnement5{	margin-top:20px}
.abonnement4{	margin-top:5px; float:none}
.adresssuche {	width: 100%; font-size: 0.9em; border: solid 1px #004b8c; padding: 10px;}





}

@media only screen and (max-width:650px){
/*.tdjw{	display:none}*/
.tdjw, .hauptseitenbanner{	margin:20px 0px 20px 0px; }
.banner_top3{	margin-left:0px;}


}


@media only screen and (max-width:540px){

.suchemobil {width:50%; 	}
.suchemobil p{		display: none;	}
.social{	display: none;}
.suchemobil input {		margin-top: 0px; min-width: 220px;	}
.banner_top{	display:none}

}

/*Viewport für Smartphones bzw. Geräten mit einer Weite von max 400px*/

@media only screen and (max-width:454px){
.nav-toggle {margin-top:70px; padding-left:5px}
.suchemobil input {		margin-top: 40px; min-width: 220px; 	}

@media only screen and (max-width:400px){
.nav-toggle {margin-top:100px; padding-left:5px}
.suchemobil input {		margin-top: 70px; min-width: 220px; 	}


.root{
	/*background:#fff;
	position: relative;
	width: 98%;
	max-width:970px;
	margin: auto;  */
	padding:5px; border: none; 
	font-size: 110%;

}
.divcalender{	display:none}
.headermobil h1{	font-size: 0.85em}
	.inhalt{
		float: none;
		width: auto;
	}
	.detailsfloat, .desktop_only, .suchemobil span, .kommentar_desk, .shopping, .entfernung{	display: none;	}

	div.vauebersicht{	display: block;}
div.tr{display: block; padding: 5px 0px}
div.td{display: inline; border: none; padding: 5px 0px}

	.content{		clear: both;	}
	.adresse{		font-size: 90%; clear:both; padding-top: 10px}	
	/*.figure, .figure2, .figure3, .figure_details, .figure_ort{ 	float:none; margin:0}*/
	
	.figure, .figure2, .figure3, .figure_details, .figure_ort{ 	float:none; margin:0}
.figure img, .figure2 img, .figure3 img, .figure_details img, .figure_ort img{width:97%;   }
.figure3 p {width: 97%;	}


.sortBy{	font-size:0.9em;	width: 100%;}
.sortS, .sortBild, .sortZusatz{width: 100%}

.overflowimg{float:left; width:150px; height:150px; overflow:hidden; padding-right:10px}
.overflowimg img{	border: 0;	width: 150px}
	
.banner_top3{	display:none}
	
}

@media screen and (min-height:14em){
	

.inhalt{
/*Umbruch in Spalten*/
	-webkit-column-width:20em;
	-moz-column-width:20em;
	column-width:20em}
}




@media only screen and (max-width:290px){
/*Calender */


.calender {
    width:145px; margin-top: 10px; margin-left:0px; margin-bottom:10px;
    -moz-box-shadow: 3px 3px 3px #a7afb6; -webkit-box-shadow: 3px 3px 3px #a7afb6; box-shadow: 3px 3px 3px #a7afb6;
	border: 1px solid #000000; font-size: 0.7em
}

.calender div.after a,
.calender div.before a{
    color:silver;
}
.day {
    float:left;
    width:20px;
    height:20px;
    line-height: 20px;
    text-align: center;
}
.day.headline {
    background-color:#004b8c; color:#ffffff
}
.day.current {
    font-weight:bold;
}
.clear {
    clear:left;
}
.pagination {
    text-align: center;
    height:20px;
    line-height:20px;
    font-weight: bold;
	 }
.pagihead { 
   display:inline-block;
   background: white;
   width: 100px;
   height: 15px;
   color: black;
	font-size: 0.85em
}
.pagination a {
    width:20px;
    height:20px;
}

/* ------------------------------------ */
}