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

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

#kinderstadtplan #container .box50 {
	width:49%;
	margin-right:2%;
}	
	
#kinderstadtplan #content div.seo {
	position:absolute;
	width:100%;
	top:1180px;
	right:0px;
	left:0px;
}	
	
#footer {
	width:100%;
	margin:0;
	padding:0;	
}

#container,
footer div {
	width:98%;
	padding:0 1%;
}

#container header#header,
nav#nav {
	width:100%;
	margin:0;
	padding:0;
}
	
#container header#header {	
	margin:10px 0;
}
	
nav#nav a#logo {	
	display:inline-block;
	height:auto;
	line-height:100%;
	font-size:380%;
	margin-top:0;
}

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

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

nav#nav div.header_suche {
	margin-top:9px;
}
	
nav#nav ul#mainnav {
	margin-top:0;
	margin-bottom:20px;
}
	
nav#nav ul#mainnav {
	position:relative;
	display:block;
	margin:20px 0 0 0;
	text-align:right;
	clear:right;
	float:right;
}
	
footer div p {
	width:97%;
	bottom:10px;
}
	
.map#content,
#content div.map {
	position:relative;
	width:calc(100% - 268px);	
	margin:0 0 12px 0;
	background:none;
	color:#fff;
}
	
.full#content {
	float:none;
	width:auto;
	margin:0;	
}
	
#kinderstadtplan #content #map_canvas {
	margin:0;
	min-height:520px;	
	height:520px;
}

#container #legende {
	float:none;		
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}	
	
	
/* ÜBERSICHT START */

.da-thumbs li {
	width:calc(24% - 12px);
	margin:8px 1.33% 12px 0;
}

.da-thumbs li:nth-child(4n) {
	margin-right:0;	
}

.da-thumbs li:nth-child(4n+1) {	
	clear:both;	
}

.da-thumbs li a,
.da-thumbs li a img {		
	width:100%;
	height:auto;
}
	
/* ÜBERSICHT ENDE */
	
	
/*### WERBUNG START ###*/
	
aside#partner_box {
	width:246px;
	margin:32px 0 0 12px;
	padding:0;
	float:right;
	text-align:left;
}
		
aside#partner_box div.content #slider_partner {
	width:100%;
	height:164px !important;		
}
	
aside#partner_box div.content #slider_partner div.slide_content {
	height:164px !important;
}
	
aside#partner_box div.content #slider_partner div.slide_content img.sliderpic {
	width:100%;
	height:164px !important;
}
			
/*### WERBUNG ENDE ###*/
		




@media only screen and (max-width: 1024px) {
	
	/* ÜBERSICHT START */
		
	.da-thumbs li {
		width:calc(32% - 9px);
		margin:8px 1.33% 12px 0;
	}

	.da-thumbs li a,
	.da-thumbs li a img {		
		width:100%;
		height:auto;
	}
	
	.da-thumbs li:nth-child(4n) {
		margin-right:1.3%;	
	}

	.da-thumbs li:nth-child(4n+1) {
		clear:none;
	}
		
	.da-thumbs li:nth-child(3n) {
		margin-right:0;	
	}

	.da-thumbs li:nth-child(3n+4) {
		clear:both;
	}
		
	/* ÜBERSICHT 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;
	}
		
}



@media only screen and (max-width: 1023px) {
				
	nav#nav div.header_suche a#vid_control {
		display:none;
	}
				
	#container header#header,
	nav#nav	{
		text-align:center;		
	}
	
	nav#nav div.header_suche {
		float:right;
	}
	
	nav#nav a#logo {	
		display:inline-block;
		height:auto;
		line-height:100%;
		font-size:380%;		
	}

	nav#nav a#logo span {		
		max-width:450px;		
	}

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

	nav#nav #mainnav_box {
		display:block;
		clear:both;
		float:none;
		text-align:center;
	}
	
	nav#nav ul#mainnav {
		clear:both;
		float:none;	
		display:inline-block;
		width:auto;
		margin:10px auto;
	}		
	
	.map#content {
		float:none;
		display:block;
		width:100%;
		margin:0 0 10px 0;
		clear:both;
	}
	
	
	#container div.detailbox,
	#container div.objektbox {
		width:calc(100% - 291px);
	}
				
	
	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;
	}
	
	/*
	aside#partner_box {
		width:100%;
	}
	*/
		
	#container #partner_container,
	#container div.partner_box,
	#container #infobox,
	#calendar, 
	#calendar .ui-datepicker {
		width:100%;
		max-width:246px;
	}
		
	#container #partner_container p {
		margin:0;
		padding:0;
		text-align:left;
	}
	
	#container #partner_container .partnerslider,
	#container #partner_container .partnerslider div.slide_content,
	#container #partner_container .partnerslider div.slide_content img.sliderpic	{
		width:100%;
		height:164px !important;
	}
		
	#kinderstadtplan #container aside#partner_box #partner_container,
	#kinderstadtplan #container aside#partner_box div.partner_box,
	#kinderstadtplan #container aside#partner_box #infobox,
	#kinderstadtplan aside#partner_box #calendar, 
	#kinderstadtplan aside#partner_box #calendar .ui-datepicker {
		width:100%;
		max-width:296px;
	}
	
	#kinderstadtplan #container aside#partner_box #partner_container .partnerslider,
	#kinderstadtplan #container aside#partner_box #partner_container .partnerslider div.slide_content,
	#kinderstadtplan #container aside#partner_box #partner_container .partnerslider div.slide_content img.sliderpic	{
		height:197px !important;
	}
	
	
	#container div.objekt_text {
		top:210px;
		width:100%;
		max-width:234px;
		
	}
	
	#container div.termin_text {
		top:340px;
		width:100%;
		max-width:240px;
	}
	
	
	/*### FORMULARE START ###*/
	
	#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;		
	}
	
	/*### FORMULARE ENDE ###*/
			
}



@media only screen and (max-width: 940px) {
		
	#container div.objektbox {
		width:calc(100% - 32px);
	}
	
	#container .terminkalender#infobox,
	#container #partner_container {	
		position:relative;
		right:auto;
		top:auto;
		margin:0;
		padding:0;
		width:100%;
		max-width:100%;
		min-width:100%;
		text-align:center !important;
	}
	
	#container .terminkalender#infobox {
		margin-bottom:10px;
	}

	#container .terminkalender#infobox div.detail_box {
		text-align:left;
	}
	
	#container #partner_container,
	#container div.partner_box,
	#container #infobox,
	#calendar, 
	#calendar .ui-datepicker {
		width:100%;
		max-width:296px;
	}
		
	#container div.partner_box {
		width:100%;
		max-width:296px;
		margin:6px auto 6px auto !important;
	}

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

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

	#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;
	}
	
	
	#container #bt_terminvorschlag {
		display:block;
		text-align:right;
		margin-top:10px;
		margin-bottom:20px;
		width:100%;
		max-width:296px;
	}
	
	#container .objektbox.no_entries {
		margin-bottom:20px;
	}
	
}