/* 1760472412.8462 */
@charset "utf-8";

body {
	background:none;
	background-color:#5A90D8;
	background: linear-gradient(#0f9bfd, #5A90D8);
}

#container {
	padding:10px;
	display:block;
	float:none;
	width:auto;
	margin:0;
}

#container header,
#container footer {
	display:block;
	float:none;
	width:100%;
	margin:0;
	padding:0;
}

#container header#header {
	float:none;
	display:block;
	width:auto;
	margin:0;
	padding:0;	
	text-align:center;
}


/* ### NAVI START ### */

nav#nav div.header_suche a#vid_control {
	display:none;
}

nav#nav {
	text-align:center;
	margin:0;
	padding:0;
	width:auto;
}

nav#nav br.br_navi {}

nav#nav p.logo {
	width:100%;
	text-align:center;
	display:block;
	margin:0 auto 6px auto;
}

nav#nav a#logo {
	float:none;
	width:auto;
	display:inline-block;
	margin:0 auto;
	height:auto;
	line-height:100%;
	font-size:320%;
}

nav#nav a#logo img.logo {
	float:left;	
	margin:2px 10px 0 0;
	width:60px;
	height:auto;
}

nav#nav a#logo span {
	display:inline-block;
	margin:4px 0 0 0;
	font-weight:400;
	width:auto;
	line-height:110%;
}

nav#nav a#logo,
nav#nav a:hover#logo {
	text-decoration:none;
}

nav#nav div.header_suche {	
	clear:both;
	height:auto;	
	margin:0 auto 10px auto;
	float:none;
	text-align:center;
	width:100%;
}

nav#nav div.header_suche p.sprachen {
	display:inline-block;
	margin:4px 8px 0 0;
	float:left;
	line-height:24px;
	height:24px;
}

nav#nav div.header_suche #search_form {
	display:inline-block;
	height:auto;
	width:209px;
	float:right;
}

nav#nav ul#mainnav {
	list-style:none;
	display:block;
	margin:2px 0 10px 0;
	padding:0;
	width:auto;
}

nav#nav ul#mainnav li ul li {}

#container #subnavi {
	display:none;
}

/* ### NAVI ENDE ### */





/* ### INHALT START ### */

#content,
.full#content,
.detail#content,
.map#content,
.detailinfos {
	float:none;
	display:block;
	width:auto;
	margin:0;
	padding:0;
}

.detailinfos {
	margin-top:10px;
}

#kinderstadtplan #content {
	height:auto;
}

#kinderstadtplan #content #map_canvas {
	display:block;
	width:auto;
	margin:0;
	padding:0;
	min-height:360px;
	height:360px;
}

@media (orientation: portrait) { 
	#kinderstadtplan #content #map_canvas {
		min-height:360px;
		height:360px;
	}
}

@media (orientation: landscape) { 
	#kinderstadtplan #content #map_canvas {
		min-height:240px;
		height:240px;
	}
}

#kinderstadtplan #content section {
	float:none;
	width:auto;
	display:block;
	margin:0;
	padding:0;
}

#content {
	height:auto;
	min-height:100px;
	/*
	max-height:auto;
	*/
}

#kinderstadtplan #content div.seo {
	position:absolute;
	width:100%;
	top:1050px;
	right:0px;
	left:0px;
}

#container div.objektbox,
#container div.detailbox {
	width:calc(100% - 32px);
}

#container #partner_container,
#container #infobox {
	position:relative;
	right:auto;
	top:auto;
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}

#container #infobox {
	margin-bottom:10px;
}

#container #infobox div.detail_box {
	text-align:left;
}

#container div.partner_box {
	width:100%;
	max-width:296px;
	margin:6px auto 6px auto;
}

#container #partner_container p {
	margin:0;
	padding:0;
	text-align:left;
}

#container #partner_container .partnerslider {
	width:100%;
	height:auto;
	max-height:197px;	
}	

#container #partner_container .partnerslider div.slide_content {	
	height:auto;
	max-height:197px;	
}

#container #partner_container .partnerslider div.slide_content img.sliderpic {
	width:100%;	
	height:auto;
	max-height:197px;	
}

#container div.objekt_text {
	position:relative;
	right:auto;
	top:auto;
	margin:0;
	width:calc(100% - 12px);
	text-align:left;
}

.map#content {
	float:none;
	display:block;
	min-width:100%;
	margin:0 0 10px 0;
	clear:both;
}

aside#partner_box {
	float:none;
	display:block;
	width:100%;
	margin:10px 0 0 0;
	padding:0;
	clear:both;
	text-align:center;
}

aside#partner_box div.content {
	margin-right:0;
	margin:0 auto;
	display:block;
	float:none;
	width:auto;
	max-width:300px;
}
	
aside#partner_box div.content.space_bottom {
	margin-bottom:10px;
}

aside#partner_box div.content .partnerslider {
	height:auto;
	margin:0;
	padding:0;
}

aside#partner_box div.content .partnerslider div.slide_content,
aside#partner_box div.content .partnerslider div.slide_content img.sliderpic {
	width:auto;
	max-width:100%;
	height:auto;
	margin:0;
	padding:0;
}

aside#partner_box div.textblock {
	float:none;
	display:block;
	width:100%;
	margin:0;
	text-align:left;
}




/* ### LEGENDE SUBNAVI START ### */

#kinderstadtplan #container .box50 {
	width:49%;
	margin-right:2%;
}	

#container .box50,
#kinderstadtplan #container .box50,
#kinderstadtplan #container .box {
	width:49%;
	margin-right:2%;		
}

#container .box50:nth-child(2n),
#kinderstadtplan #container .box50:nth-child(2n) {
	margin-right:0;
}

#kinderstadtplan #content #map_canvas {
	display:block;
	margin:0px;
	min-height:320px;
	height:320px;
}

/* ### LEGENDE SUBNAVI ENDE ### */


#container div.text_homepage {		
	float:none;
	width:calc(100% - 12px);
	margin:0 auto;
	text-align:left;
	clear:both;
}

body.home #fb-root_box  {
	display:block;
	width:calc(100% - 12px);
	max-width:500px;
	height:auto; 
	border:none; 
	margin:20px auto 10px auto;
	padding:0;
	clear:both;
	text-align:center;
	background-color:#fff;
	color:#009ae7;
	border:6px solid #fff;
	overflow:hidden;
	float:none;
}

#container .objektbox.no_entries {
	margin-bottom:20px;
}
	

/* ### FOOTER START ### */

footer {
	display:block;
	color:rgb(134, 129, 125);
	color:#666;
	font-size:100%;
	width:100%;
	padding:0;
	margin:0;
	text-align:left;
}

footer div {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	margin:0 auto;
}

footer div p {
	width:calc(100% - 20px);
	display:block;
	margin-top:10px;
	position:relative;
	text-align:center;
	font-size:150%;
	line-height:200%;
}

footer div p span.r {
	float:none;
	display:block;	
	margin-top:6px;
}

/* ### FOOTER ENDE ### */



#container #partner_container,
#container div.partner_box,
#container #infobox,
#calendar, 
#calendar .ui-datepicker {
	width:100%;
	max-width:296px;
}
	
	

/* ##### FORMULAR START ##### */

#container section article.formular form fieldset label.checkbox_txt_label {
	width:84%;
}

#container section article.formular form fieldset label,
#container section article.formular form fieldset label.txt {
	display:block;
	width:auto;
	clear:both;
}

#container section article.formular form fieldset label.ort,
#container section article.formular form fieldset label.ortsteil {
	width:auto;
	display:block;
	float:none;
	margin-left:0 !important;
}
	
#container section article.formular form fieldset label.fl {
	width:auto;
	display:block;
	float:none;
	margin:0;
}

#container section article.formular form fieldset label.radio_label,
#container section.breit article.formular form fieldset label.radio_label {
	width:auto;
	display:inline-block;
	margin-left:6px;
}
	
#container section article.formular form fieldset label.checkbox_label {
	width:auto;
	display:inline-block;
	margin-left:6px;
	margin-right:16px;
	vertical-align:2px;
}
		
#container section article.formular form fieldset input.txt, 
#container section article.formular form fieldset textarea {
	padding:1%;
	border:1px solid #d5d5d5;
	font-size:150%;
	line-height:140%;
}
	
#container section article.formular form fieldset input.txt, 
#container section article.formular form fieldset textarea,
#container section article.formular form fieldset textarea.fl,
#container section article.formular form fieldset input.nolabel, 
#container section article.formular form fieldset textarea.nolabel,
#container section article.formular form fieldset input.plz,
#container section article.formular form fieldset input.ort,
#container section form fieldset select.select {
	width:97.5%;
	display:block;
	float:none;
	margin:0 0 4px 0;
}
		
#container section form fieldset select.select {
	margin-left:0px;
}
	
#container section form fieldset select.ortsteil,
#container section form fieldset select#objektart_vorschlag {
	width:100%;
}
	
#container section form fieldset select.auto_width {
	width:auto;
}

#container section article.formular form fieldset input.captcha {
	width:100px;
	float:left;
}

#container section article.formular form fieldset input.radio, 
#container section article.formular form fieldset input.checkbox {
	display:inline-block;
	width:16px;
	margin-left:25px;
}
	
#container section article.formular form fieldset input.radio:nth-child(1), 
#container section article.formular form fieldset input.checkbox:nth-child(1) {
	margin-left:0;
	border:2px solid red;
}

#container section form fieldset img.captcha {
	float:left;
}
	
#container section article.formular form fieldset label.checkbox_txt_label {
	width:auto;
	max-width:90%;
	float:left;
	margin-left:0px;
	margin-right:16px;
	vertical-align:2px;
	font-weight:normal;
}

#container section article.formular form fieldset input.checkbox_txt_label {
	float:left;
	margin:2px 6px 0 6px;
}

#container section article.formular form select.select {
	margin-left:0;
}

#container section article.formular form fieldset p.hinweis {
	margin-left:0;		
}

/* ##### FORMULAR ENDE ##### */



@media only screen and (max-width: 520px) {
	
	#kinderstadtplan #container .box50 #unmark_orte,
	#kinderstadtplan #container .box50 #unmark_objekte {
		display:none;
	}		
	
}	
		
	
@media only screen and (max-width: 510px) {

	#container h1.ohne {
		font-size:340%;
		text-align:left;
		text-transform:uppercase;
		border-bottom:none;
		margin:0 auto 12px auto;
		padding:0;
		display:block;
	}

	#container hr.h1 {
		height:1px;
		background:none;
		margin:12px 0 12px 0;
		border:none;
		border-top:1px solid #F2F2F2;
		display:block;
		clear:both;
		float:none;
	}

	#container div.auswahl_form {
		display:block;
		width:auto;
		max-width:100%;
		float:none;
		margin:0 0 10px 0;
		text-align:left;
	}

}





@media only screen and (max-width: 480px) {
	
	nav#nav,
	nav#nav p.logo {
		text-align:left;
	}
	
	nav#nav a#logo {
		font-size:240%;
	}
	
	#container section h1 {
		font-size:260%;
	}
		
	#container #content div.objekt_uebersicht h2 img.pic_r {
		float:left;
		margin:0 auto 6px auto;
	}
	
	#container #content h2 span.objektname {
		display:block;
		width:100%;
		clear:both;
	}
	
	#container #content div.objekt_uebersicht h2 img.nopic {
		display:none;
	}	
	
	#container div.objektbox img.detailpic,	
	#container div.detailbox img.detailpic {
		display:block;
		margin:0 auto 10px auto;
		float:none;
		width:100%;
		max-width:300px;
		height:auto;
	}
	
	
	/* GALERIE START */

	#container section article #galerie .gutter-sizer {
		width: 2.25%;
	}
	
	#container section article #galerie .grid-sizer, 
	#container section article #galerie a {
		width:31.5%;
	}
	
	#container section article #galerie .bildbox_bigpic { 
		width:65%;
	}

	/* GALERIE ENDE */
		
}



@media only screen and (max-width: 420px) {
	
	nav#nav,
	nav#nav p.logo	{
		text-align:left;
	}
	
	nav#nav a#logo {
		clear:none;
		display:inline-block;
		width:calc(100% - 130px);
	}
	
	nav#nav a#logo img,
	nav#nav a#logo span {
		float:left;
		margin-right:10px;
	}
	
	nav#nav a#logo span {
		display:inline-block;
		width:calc(100% - 130px);
	}
	
	#mobnav-btn {
        display: inline-block;
		margin-right:0px;
		float:right;
		width:auto;
		max-width:48px;
		
    }
	
}


@media only screen and (max-width: 380px) {
	#container section h1 {
		font-size:240%;
	}	
}

@media only screen and (max-width: 359px) {
	nav#nav a#logo {
		font-size:220%;
	}	
	
	#container section article.formular form fieldset label.checkbox_txt_label {
		width:80%;
	}	
}

@media only screen and (max-width: 319px) {
	nav#nav a#logo {
		font-size:180%;
	}
}


	

	
/* ÜBERSICHT START */
	
.da-thumbs {
	display:block;
	margin:0 auto;
	text-align:center;
	width:100%;
}
		
.da-thumbs li {
	width:calc(100% - 12px);
	max-width:289px;
	margin:8px auto 12px auto;
	clear:both;
	display:block;
	float:none;
}

.da-thumbs li a,
.da-thumbs li a img {		
	width:100%;
	height:auto;
}			

.da-thumbs li:nth-child(3n),
.da-thumbs li:nth-child(4n) {
	margin-right:auto;	
}
	
/* ÜBERSICHT ENDE */



#container h1.name {
	font-size:280%;
}		

@media screen and (max-width: 360px) {
	
	#container h1.name {
		font-size:220%;
	}	
	
}