/* by maba stainless webdesign == www.markusbaumi.ch */
/* Darstellung für Drucker */

/* top – right – bottom – left */

/*--------------html {
 font-size:100%;	
}*/

body {
 background-color:#FFFFFF;
 font-family:serif;
 line-height:1.1;
 color:#000000;
 text-align:left;
}

img {
 border:0px;
}

iframe {
 border:0px;
}



/* -- Header / Kopf -- */
header {
 display:none;
}

.ie {
 display:none;
}
/* -- / Header / Kopf -- */



/* -- Spalte links / Navigation -- */
#randlinks {
 display:none;
}

#spaltelinks {
 display:none;
}

nav {
 display:none;
}
/* -- / Spalte links / Navigation -- */



/* -- Spalte rechts / Inhalt -- */
#spalterechts {

}

article {

}

section {
 margin:0px 0px 30px 0px;	
}

h1 {
 margin:20px 0px 20px 0px;
 padding:0;
 font-family:sans-serif;
 font-size:1.8em;
 font-weight:bold;
}

h2 {
 margin:0px 0px 20px 0px;
 padding:0;
 font-family:sans-serif;
 font-size:1.3em;
 font-weight:bold;
 font-style:italic;
 border-bottom:2px solid #CACACA;
}

h3 {
 margin:0px 0px 5px 0px;
 padding:0;
 font-family:sans-serif;
 font-size:1.1em;
 font-weight:bold;
}


.einleit {
 font-size:1.1em;
}

.boxl {
 float:left;
 width:49%;
 box-sizing:border-box;
 margin-right:2%;
}

.boxr {
 float:left;
 width:49%;	
 box-sizing:border-box;
}

.clear {
 clear:both;
}

.rand {
 box-sizing:border-box;
 border:2px solid #A88E68;
 padding:10px; 
 /* offset-x | offset-y | blur-radius | spread-radius | color */
 box-shadow:5px 5px 8px 0px rgba(0, 0, 0, 0.2);
}

.hg {
 background-color:#f7f5f0;
}

.hg2 {
 background-color:#f7f5f0;
}

.center {
 text-align:center;
}

.oben {
 display:none;
}

.blau a {
 color:#0000FF;
}

.kleiner {
 font-size:0.8em;	
}

.brechts {
 display:none;
}

.blinks {
 display:none;
}

.nomobile {
 display:none;
}

.print {

}



/* Ausklappmenu */
details {
 display:block; 
 margin-bottom:20px;
}

details[open] summary {
 margin-bottom:8px; 
}

summary {
 padding:10px;
 font-size:1.1em;
 font-weight:bold;	
}
/* / Ausklappmenu */


/* Responsive Fotos */
.foto {
 max-width:100%;
 height:auto;
}

/* Responsive Videos */
.videoquer1 {
 max-width:100%;
 width:600px;
 left:0;
 right:0;
 margin:auto; /* Zentriert */
 box-shadow:5px 5px 8px 0px rgba(0, 0, 0, 0.2);
}

.videoquer2 {
 position:relative;
 padding-bottom:75%; /* Seiteinverhältnis vom Video: Höhe/Breite*100% */
 height:0;
 overflow:hidden;
}

.videoquer3 {
 position:relative;
 padding-bottom:56%; /* Seiteinverhältnis vom Video: Höhe/Breite*100% */
 height:0;
 overflow:hidden;
}

.videohoch1 {
 max-width:100%;
 width:270px;
 left:0;
 box-shadow:5px 5px 8px 0px rgba(0, 0, 0, 0.2);
}

.videohoch2 {
 position:relative;
 padding-bottom:177%; /* Seiteinverhältnis vom Video: Höhe/Breite*100% */
 height:0;
 overflow:hidden;
}

.video {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
}



/* Tabellen Agenda */
.agenda {
 border-collapse:collapse;
 border:1px solid #725F41;
 empty-cells:show;
}

.agenda caption {
 padding:0px 0px 6px 0px;
 text-align:left;
}

.agenda thead {
 text-align:left;
 background-color:#C2B096;
}

.agenda th {
 padding:4px 8px 4px 4px;
 border-top:1px solid #725F41;
 border-bottom:1px solid #725F41;
}

.agenda td {
 padding:4px 8px 4px 4px;
}

/* Formatierung der Zeilen */
.agenda tbody tr:nth-child(odd) {
 background-color: #FFFFFF;
 border-bottom:1px solid #725F41;
}

.agenda tbody tr:nth-child(even) {
 background-color: #F2F0EC;
 border-bottom:1px solid #725F41;
}


/* Tabelle Links */
.links td {
 border-bottom:1px solid #EAEAEA;
}


/* Formulare */
form {
 max-width:30em;
}

input, textarea {
 width:95%;
 margin:3px 0px 20px 0px;
 border:2px solid #725F41;
 border-radius:5px;
 padding:3px;
 font-size:1em;
 font-family:serif;
 color:#000000;
} 

textarea {
 height:11em;
}

.button {
 border:2px solid #725F41;
 padding:8px;
 background-color:#C2B096;
 font-size:1.2em;
 font-family:serif;
 font-weight:bold;
 color:#000000;
} 

.checkbox {
 width:1em;
 margin:3px 0px 3px 0px;
} 

.fehler {
 color:#FF0000;
}


/* -- / Spalte rechts / Inhalt -- */



/* -- Footer / Fuss -- */
footer {
 display:none;
}
/* -- / Footer / Fuss -- */