body {
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
    color: #333;
	font-size: 16px;
	font-size: 1rem;
}

.container {
    width: 100%;
}

.center {
    text-align: center;
}

.float-left {
	float: left;
}

.print-only {display: none;}

.abstand-bottom {
    margin-bottom: 20px;}
	
.abstand-top {
    margin-top: 20px;}
	
.no-margin-top {
	margin-top: 0;}

.no-abstand {
    margin-bottom: 0;}

.relative {
	position: relative;}

.fett, .bold { font-weight: 600; }

.italic { font-style: italic; }

.red {color: red;}

.green {color: #008000;}

/*Navigation*/

.site-nav {
	margin-top: 10px;
	margin-bottom: 10px;}

.site-nav ul , .schalter{
    list-style-type: none;
    margin: 0;
    padding: 0;
	text-transform: uppercase;
}

.nav-slider a, .schalter a {
    padding: 10px 0 10px 0;
    display: block;
    margin-bottom: 1px;
    color: #333;
    text-decoration: none;
	text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 400;
	border-bottom: 1px solid #aaa;
}

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

a.nav-show, a.nav-hide {
    float: right;
    padding: 0 0.9375rem 5px 0;
    font-size: 2em;
}

a.nav-hide, .u-nav, .schalter {
    display: none;
}

.nav-slider {
    display: none;
}

#nav-open:target .nav-slider,
#nav-open:target a.nav-hide {display: block;}

#nav-open:target .nav-show {display: none;}

} /*Ende MQ*/


@media screen and (min-width:750px) {

a.nav-show, a.nav-hide, .xs-only, .mobil-only {
    display: none;}

.nav-slider a, .schalter a  {
    padding-left: 0;}

.nav-slider, .schalter li {
	float: left;
	width: 16.66%;}
	
.nav-slider a, .schalter a {
	font-size: 1rem;
	background: #eee;
	border-right: 1px solid #ddd;
	text-align: center;}

.site-nav a:active, .site-nav a:hover, .schalter a:active, .schalter a:hover {
    color: green;
}


}


/*Textbereich*/

ul {
	list-style-type: none;
	padding-left: 0;
}

h1 {
	font-size: 1.2rem;
	font-weight: 400;
	margin: 0;}

h2 {
	font-size: 1.4rem;
	font-weight: 400;
	margin-top: 0;}

h3 {
	font-size: 1.2rem;
	font-weight: 600;}

main li  {
	line-height: 1.3;
	margin-bottom: 10px;}
	
p {
	line-height: 1.7;
	margin-top: 0;
	margin-bottom: 10px;
}

main img {
	max-width: 100%;
	height: auto;}

main {
    background: #fff;
	padding-bottom: 20px;}

main ul {
	margin-left: 0;}

main ol {
	margin-left: -17px;}

main ol ol  {
	list-style-type: lower-latin;}

.link-button:link, .link-button:visited { 
    color: #333;
	text-shadow: 1px 1px 1px #fff;
	font-weight: 400;
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #707070;
	padding-left: 3px;
	padding-right: 3px;
	background: rgb(247,247,247);
	background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(196,196,196,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(196,196,196,1)));
	background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(196,196,196,1) 100%);
	background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(196,196,196,1) 100%);
	background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(196,196,196,1) 100%);
	background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(196,196,196,1) 100%);
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#c4c4c4',GradientType=0 );*/
}

.link-button:hover, .link-button:active { 
	background: rgb(228,244,252);
	background: -moz-linear-gradient(top,  rgba(228,244,252,1) 0%, rgba(172,220,247,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,244,252,1)), color-stop(100%,rgba(172,220,247,1)));
	background: -webkit-linear-gradient(top,  rgba(228,244,252,1) 0%,rgba(172,220,247,1) 100%);
	background: -o-linear-gradient(top,  rgba(228,244,252,1) 0%,rgba(172,220,247,1) 100%);
	background: -ms-linear-gradient(top,  rgba(228,244,252,1) 0%,rgba(172,220,247,1) 100%);
	background: linear-gradient(to bottom,  rgba(228,244,252,1) 0%,rgba(172,220,247,1) 100%);
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f4fc', endColorstr='#acdcf7',GradientType=0 );*/
	font-weight: 400;
}

/*Heute*/

table {
	width: 100%;
}

.rahmen td {
	border: 1px solid #000;
	padding: 5px;}

td {
vertical-align: top;}

.top-margin {
	margin-top: 10px;}

#belegungsplan {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;}

#belegungsplan th, #legende td{
	padding-bottom: 10px;}

#belegungsplan td, table td {
	padding-bottom: 10px;}

.abstand {
	padding-right: 5px;}

.kasten {
	float: left;
	height: 30px;
	width: 7.69230769%;
	border-right: 1px solid #333;
	font-size: 1.2rem;
	text-align: center;}

.datum-th{
	width: 12%;
	text-align: left;}

.name-th{
	width: 28%;
	text-align: left;}
	
.anzahl-th{
	width: 8%;
	text-align: left;}

.anmerkung-th{
	width: 30%;
	text-align: left;}

th{
	text-align: left;
	padding-bottom: 10px;}
	
.zeit {
	width: 28%;}
	
.legende {
	height: 30px;
	width: 20px;
	margin-right: 10px;
	border: 1px solid #333;
	font-size: 1.4rem;
	text-align: center;
}
	
.draisine-frei, .draisine-frei-legende {background: #92a913;}

.event-frei, .event-frei-legende {background: #1699bf;}

.draisine-belegt, .draisine-belegt-legende {background: #d94752;}

.event-belegt, .event-belegt-legende {background: #b4101c;}

.rollstuhl:after {
	content: "R";}

.datum, .datum_we, .datum-anders, .button {
	padding-right: 5px;}

.datum {
	color: #333;}

.datum-anders:after {
	content: "*";
	font-weight: 600;}

.datum_we {
	font-weight: 600;
	color: #bf0613;}
	
/*Formular*/

fieldset {
	border: 0;
	padding: 0;	}

input, select {
    display: block;
    margin-bottom: 1rem;
}

#monat, #jahr {
	display: inline;}

.checkbox, #suche-top, .button, #datum {
    display: inline;}

select, option, input, textarea {
    padding: 5px;}

textarea {
	width: 100%;
	margin-bottom: 1rem;}
	
label {display: block;
margin-bottom: 0.5rem;}
	
#name, #vorname, #strasse, #gebdatum, #ort, #firma, #telefon, #email , #zeit, #datum, #erwachsene, #kinder {width: 100%;}

#zeit, #datum, #erwachsene, #kinder {
	height: 42px;}
	
@media screen and (min-width:600px) {

#zeit, #datum, #erwachsene, #kinder {
	width: 250px;}
}

#abschicken  {margin-top: 1em;}

.pflichtfeld:before {
  content:"* "; 
} 

/*Dienstplan*/

.dienstplan td , .dienstplan th {
	vertical-align: middle;
	text-align: center;
	width: 5%;
	border: 1px solid #000;
}

.datum-ma {
	width: 16%;}
	
.datum-dienstplan {
	width: 5%;}
	
.dienst-ja {
	background: green;
	color: #fff;
	text-align: center;
	vertical-align: middle;}

.dienst-nein {
	background: #eee;
	text-align: center;
	vertical-align: middle;}
	
.dienst-nein a:link, .dienst-nein a:visited {
	color: #333;
	text-decoration: none;}

/*Footer*/

footer {
	padding-bottom: 20px;}

footer a:link, footer a:visited { 
	color: #333;
	text-decoration: none;} 

body footer a:hover, body footer a:active { 
	border-bottom: 1px solid #333;}