/* CSS Mobile */
body {
	width: 98%;
	padding: 0 0 0 5px;
	padding-bottom: 0;
	background-color:#fafafa;
}
div#content {
	margin-top:0;
	margin:0 auto 0 auto;
	box-shadow:none;
	border:none;
	border-bottom:none;
}
#breadcrumb {
	margin-top: 20px;
}
h2.scrollable, caption {
	line-height: 25px;
	padding-left:25px!important;
	background-image:url("/pics_251221/symbol_wischfinger.png");
	background-repeat:no-repeat;
	background-position:left center;
	background-size: 20px 20px;
}
input[type=checkbox], input[type=radio] {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform : scale(1.4)!important;
}
.selectfeld {
	height:30px!important;
	font-size:12px!important;
	padding-bottom: 4px!important;
}
.ajaxfeld input[type=text] {
	margin-bottom:10px;
}
.ajaxfeld div ul li a {
	font-size:14px!important;
	line-height:20px!important;
}
.fehlerblock {
	text-align:left;
}
img.buttonimg, img.minikalender, img.belegungsplaner, img.freiraumsuche, input[type=image].fbadresse.button_ansehen_aendern {
	height: 23px;
	width: 23px;
	margin:2px;
}
.plaene {
	margin-left:5px;
	margin-right:5px;
	padding:0!important;
}
.plaene div.planspacer {
	padding-top: 0px;
}
.plaene .weiterefilter img {
	line-height: 40px!important;;
	margin-bottom:10px;
}
.plaene #breadcrumb, .plaene div#planheader {
	position:relative!important;
	margin-top:0px!important;
	overflow:hidden;
	padding-right:0px!important;
	margin-left:0px!important;
	padding-left:0px!important;
}
.plaene .planwrapper {
	overflow: scroll!important;
	overflow-y: hidden!important;
	-webkit-overflow-scrolling: touch!important;
}
.plaene .planwrapper {
	overflow: scroll!important;
	overflow-y: hidden!important;
	-webkit-overflow-scrolling: touch!important;
}
.plaene #filtereingabe, .plaene #breadcrumb, .plaene div#fehlerausgabe {
	position:relative;
	margin:0!important;
	padding: 0!important;
}
.plaene div#filtereingabe fieldset {
	width:100%;
}
div.calendar table tbody td {
	font-size:18px!important;
	line-height:22px!important;
}
div#content {
	margin: 0 auto 0 auto!important;
	width: 100%!important;
}
*+html div#content {
	padding-top:0;
}
div#content.startseite {
	width:auto;
	/*min-width: 430px!important;*/
	max-width: 100%!important;
}
div.textblock {
	margin-top: 20px;
}
input[type=text], input[type=password] {
	height: 30px;
	font-size: 14px;
}
div.login.send label, div.login.send br {
	display: none!important;
}

div.login.passwort input[type=password] {
	margin-bottom: 1em;
}
fieldset#AdministrativeAngaben .cell1 div {
	width:95%;
}
fieldset#AdministrativeAngaben .cell1 div.ajaxwrapper {
	float:none!important;
}
fieldset#AdministrativeAngaben .cell1 div .ajaxfeld input[type=text] {
	width:100%;
}

/* Schaltflächen und Eingaben */
.funktionsblock .left, .funktionsblock .right, .funktionsblock.eingabeuebernehmen .selectfeld, .funktionsblock.eingabeuebernehmen .button, .funktionsblock.sonstiges .selectfeld, .funktionsblock.sonstiges .button, .funktionsblock.auswahluebernehmen .selectfeld, .funktionsblock.auswahluebernehmen .button, .funktionsblock.neuereintrag .selectfeld, .funktionsblock.neuereintrag .button, .funktionsblock.plan .selectfeld, .funktionsblock.plan .button, .funktionsblock a.buttonlink, .suchwoerterfilter {
	width: 100%!important;
	max-width: 100%!important;
	margin-left:0!important;
	margin-bottom:10px!important;
	line-height:25px;
}
.funktionsblock a.buttonlink {
	display:block;
	line-height:25px;
}
.funktionsblock span.ajaxfeld input[type=text], .ajaxwrapper {
	width: 100%!important;
	max-width: 100%!important;
	margin-left:0!important;
	padding: inherit!important;
	text-align:left;
	font-size: 120%;
	padding:0px!important;
	margin-bottom: 6px;
}
.funktionsblock.eingabeuebernehmen .button, .funktionsblock.sonstiges .button, .funktionsblock.auswahluebernehmen .button, .funktionsblock.neuereintrag .button, .funktionsblock.plan .button, .funktionsblock a.buttonlink {
	font-size: 120%;
	margin-bottom: 6px;
	min-height: 30px;
	text-align:center!important;
}
.funktionsblock.eingabeuebernehmen .selectfeld, .funktionsblock.sonstiges .selectfeld, .funktionsblock.auswahluebernehmen .selectfeld, .funktionsblock.neuereintrag .selectfeld, .funktionsblock.plan .selectfeld {
	font-size: 120%;
	margin-top:5px;
	margin-bottom:5px;
	text-align:left!important;
}
div.funktionsblock.positionen .button {
	/*display:none;*/
}
div.funktionsblock.positionen div.pos_aktion {
	width: 100%!important;
}
div.funktionsblock.positionen .pos_aktion .button {
	display:inline!important;
}
div.funktionsblock a.imglink.freigabe img {
	display:block;
	margin: 10px auto 10px auto;
}
.funktionsblock.eingabeuebernehmen .button {
	margin-top:10px!important;
}
/* Schaltflächen Ende */

/* -----------------------------------------------------------------------
	1180px
-----------------------------------------------------------------------*/
@media screen and (max-width: 1180px) {
	div#content {
		margin: 0 auto 0 auto;
		width: 100%;
	}
	.fehlerblock {
		text-align: left;
	}
	table.outer tr.outernoborder p.text_meldung {
		text-align:left;
	}
	table.uebersichtsliste div.eintrag_aktion {
		float:left!important;
	}

	div.table_wrap {
		width: 100%;
		height: auto;
		padding-top:0;
		margin-bottom: 10px;
	}
	div.table_wrap.schmal {
		width: 100%;
	}
	div.table_wrap.first {
		padding-top:0;
	}
	div.table_wrap.table {
		overflow: auto;
	}
	div.table_content {
		width: 1180px;
	}
	/* Responsive Eingabe neu */
	div.table_content.responsive {
		width: 100%;
	}
	div.table_content.responsive label.second {
		width: 180px;
		display:block;
		float: left;
	}
	div.table_content.responsive label {
		margin-right:10px!important;
		float: none!important;
	}
	div.table_content.responsive input[type=text].feld, div.table_content.responsive input[type=text].feld40, div.table_content.responsive input[type=text].feld50, div.table_content.responsive input[type=text].feld60, div.table_content.responsive input[type=text].feld70, div.table_content.responsive input[type=text].feld80, div.table_content.responsive input[type=text].feld100, div.table_content.responsive input[type=text].feld120, div.table_content.responsive textarea {
		width:100%!important;
	}
	div.table_content.responsive select, div.table_content.responsive fieldset {
	}
	div.table_content.responsive .ajaxwrapper {
	}
	div.table_content.responsive .wrapper, div.table_content.responsive .mcewrapper {
		margin-left:0;
	}
	div.table_wrap.scrollable div.table_content.responsive {
		width:1180px;
	}
	/* Responsive Eingabe neu Ende */

	div.table_wrap::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
		xborder-radius: 10px;
		background-color: #F5F5F5;
	}
	div.table_wrap::-webkit-scrollbar {
		width: 12px;
		background-color: #F5F5F5;
	}
	div.table_wrap::-webkit-scrollbar-thumb {
		xborder-radius: 10px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
		background-color: #4675A4;
	}
	div.outer.config label {
		width:100%!important;
		text-align: left;
	}
	div.outer.config h4 {
		width:100%!important;
		text-align: left!important;
	}
	div.outer.config span {
		width:100%!important;
		text-align: left;
		margin-left:0;
	}
	div.outer.config p {
		width:100%!important;
		text-align: left;
		margin-left:0;
		padding-bottom:20px;
	}
	div.outer.config textarea {
		height: auto;
		width: 100%!important;
	}
	div.outer.config .selectfeld {
		font-size: 120%;
	}
	div.outer.config input.feld40, div.outer.config input.feld50, div.outer.config input.feld60, div.outer.config input.feld70, div.outer.config input.feld80, div.outer.config input.feld100, div.outer.config input.feld120 {
		width: 100%!important;
	}
	div.outer.config .feld, div.outer.config select {
		max-width: 100%!important;
	}
	img.belegungsplaner, img.minikalender, img.freiraumsuche {
	}
	div.calendar table tbody td {
		font-size:18px!important;
		line-height:20px!important;
	}
	div.calendar table th.last_month, div.calendar table th.next_month {
		font-size:24px!important;
		line-height:22px!important;
	}
}

/* Login */
/* -----------------------------------------------------------------------
	>640
-----------------------------------------------------------------------*/
@media screen and (min-width: 640px) {
	*, :before, :after {
		/*
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                */
	}
	form#login {
		margin: 20px auto 40px auto;
		margin: 20px 0 40px 0;
		display: table;
	}
	div.login {
		font-size: 16px;
	}
	div.login label {
		font-size: 14px;
	}
	div.login label img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		transform: scale(1.1);
		margin: 0 5px 2px 0;
	}
	div.login.send {
		clear:both;
		margin-top: .2em;
		text-align: right;
		width: 100%;
	}
	input[type=text], input[type=password] {
		height: 30px;
		font-size: 14px;
	}
	div.login #betreiber_kennung {
		width: 24em;
		margin-right: 3em;
	}
	div.login #passwort {
		width: 16em;
	}
}



/* Login Ende */

/* -----------------------------------------------------------------------
	640
----------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
	body {
		font-size: 140%;
		width: 98%;
	}
	p, ol, ul {
		font-size: 12px;
		line-height: 140%;
	}
	div.login {
		float: none;
		clear: both;
		display: table;
		width: 100%;
	}
	div.login.send {
		text-align: center;
	}
	input[type=text], input[type=password] {
		height: 30px;
		font-size: 14px;
	}
	div.login #betreiber_kennung, div.login #passwort {
		display: block;
		width: 97%;
	}
	h1 {
	}
	a {
		font-size: 100%;
	}
	a.sortierlink,  a.weiteredetails, a.neueadresse {
		line-height: 30px!important;
		font-size: 16px;
	}
	input[type="submit"], input[type="button"], .button, .button[type], textarea, a.buttonlink {
		padding: 7px 10px !important;
		height: auto;
		font-size:12px;
		max-width: 100%;
		line-height:15px;
	}
	.funktionsblock .left:empty {
		display:none;
	}
	td[align="center"]:last-child {
		text-align: right;
		padding-right: 5px;
	}
	div.table_content.responsive div.block{
		width:100%!important;
	}
	div.zugangsartblock #zb_anbieter, div.zugangsartblock #zb_datum {
		display: none;
	}
	div#zugangsartblock_2 {
		clear:both;
		text-align:left!important;
		width:100%!important;
	}
	div#footer li, div#footer span {
		font-size: 14px!important;
	}
	h2.scrollable, caption {
		max-width:580px;
		line-height: 25px;
		padding-left:35px!important;
		background-image:url("/pics_251221/symbol_wischfinger.png");
		background-repeat:no-repeat;
		background-position:left center;
		background-size: 25px 25px;
	}
	div.table_content.responsive fieldset {
		width:95%;
	}
	div.table_content.responsive .selectfeld {
		font-size: 14px!important;
		width:100%;
		max-width:100%!important;
		height:26px;
	}
	div.table_content.responsive .selectfeld.zeit {
		font-size: 14px!important;
		width:auto;
		height:26px;
	}
	div.table_content.responsive .selectfeld.datum {
		font-size: 14px!important;
		width:auto;
		height:26px;
	}
	span.merkmal {
		width:99%!important;
	}
}

/* -----------------------------------------------------------------------
	480
----------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
	a.sortierlink {
		background-position: 0 1px;
	}
	h2.scrollable, caption {
		max-width:420px;
	}
}

/* -----------------------------------------------------------------------
	420
----------------------------------------------------------------------- */
@media only screen and (max-width: 420px) {
	html {
		-webkit-text-size-adjust: none;
	}
	body {
		/*font-size: 160%;*/
		min-width: 275px;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	body {
		font-size: 160%;
	}
	.funktionsblock .left, .funktionsblock .right {
		float: none;
		display: block;
		margin: 0;
		padding: 0;
	}
	.funktionsblock.eingabeuebernehmen .right {
		margin-bottom: 30px;
	}
	#footer a:nth-child(1) {
		display: table;
		float: left;
	}
	#footer a:nth-child(2) {
		display: table;
		float: left;
	}
	h2.scrollable, caption {
		max-width:380px;
		padding-left:40px!important;
		background-size: 32px 32px;
		line-height: 32px;
	}
}

/* -----------------------------------------------------------------------
	320
----------------------------------------------------------------------- */
@media only screen and (max-width: 320px) {
	html {
		-webkit-text-size-adjust: none;
	}
	body {
		font-size: 160%;
		width: 98%;
		min-width: 275px;
	}
	p, ol, ul {
		font-size: 12px;
	}
	input[type=text], input[type=password] {
		height: 30px;
		font-size: 14px;
	}
}