/*
#########################################
#Belegungsplan  			#
#©2017 Daniel ProBer alias HackMeck	#
#https://www.hackmeck.de		#
#GERMANY				#
#					#
#Mail: daproc@gmx.net			#
#Paypal: daproc@gmx.net			#
#					#
#Zeigt einen Kalender mit 		#
#Belegung für ein Objekt an.		#
#z.B. Ferienwohnung 			#
#########################################

        Belegungsplan ist Freie Software: Sie können ihn unter den Bedingungen
  der GNU General Public License, wie von der Free Software Foundation,
  Version 2 der Lizenz weiterverbreiten und/oder modifizieren.

  Belegungsplan wird in der Hoffnung, dass er nützlich sein wird, aber
  OHNE JEDE GEWÄHRLEISTUNG, bereitgestellt; sogar ohne die implizite
  Gewährleistung der MARKTFÄHIGKEIT oder EIGNUNG FÜR EINEN BESTIMMTEN ZWECK.
  Siehe die GNU General Public License für weitere Details.

  Sie sollten eine Kopie der GNU General Public License zusammen mit diesem
  Programm erhalten haben. Wenn nicht, siehe <http://www.gnu.org/licenses/>
*/
.auswahl{
    margin: 1em;
}
.info{
    margin: 1em;
    font-size: 1.2em;
}
.jahr{
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 1em;
}
.mkalender{
    margin: 1em;
    float: left;
	font-family: "Roboto Slab", sans-serif;
}
.monatskalender tr td{
    border: solid 1px black;
    text-align: center;
    width: 1.7em;
    height: 1.2em;
    font-size: 1em;
}
.monatskalender{
    border-collapse: collapse;
    width: 100%;
}
.monatskalender th{
    font-size: 1em;
    height: 1.5em;
}
.cal{
    width: 100%;
}
.jahreskalender tr td{
    border: solid 1px black;
    text-align: center;
}
form select{
    margin: 0.1em;
    padding: 0.1em;
    font-size: 1em;
}
form input{
    margin: 0.1em;
    padding:0em 1em;
    font-size: 1em;
	//border-radius: 1px;
}

.fehler{
    width: 90%;
    border: solid 1px;
    background-color: red;
    padding: 0.5em;
    text-align: center;
}
footer{
    clear: both;
}
.copy{
    float: right;
	font-family: "Roboto Slab", sans-serif;
    font-size: 0.8em;
}
.legend{
    float: left;
    padding: 0.1em;
	font-family: "Roboto Slab", sans-serif;
    font-size: 1em;
}
.mobi {
    display: block;
}
.web {
    display: none;
}

.wochenende {
	color: #b40404;
	border-color: #000;
}

@media only screen and (min-width:760px) and (max-width:1023px){
    .mkalender{
        margin: 1em;
        float: left;
        height: 14em;
    }
    .mobi {
        display: block;
    }
    .web {
        display: none;
    }
}
@media only screen and (min-width:1024px){
    .mkalender{
        margin: 1em;
        float: left;
        height: 14em;
    } 
    .mobi {
        display: none;
    }
    .web {
        display: block;
    }
}