/*
#########################################
#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/>
*/
*{
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Open Sans Condensed', sans-serif;
}

table{
	font-family: 'Open Sans Condensed', sans-serif;
	border: solid 1px #ccc !important;
	width: 100%;
	overflow: scroll;
}

.auswahl{
    margin: 1em;
}
.info{
    margin: 1em;
    font-size: 1.5em;
}
.jahr{
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 1em;
}
.mkalender{
    margin: 1em;
    width: 25%;
    min-width: 180px;
    display: inline-block;
}
.jahreskalender tr td, .monatskalender tr td{
    border: solid 1px #ccc !important;
    text-align: center;
    padding: 2px;
    font-size: 1.2em;
}
.monatskalender{
    border-collapse: collapse;
    width: 100%;
}
.monatskalender th{
    font-size: 1.5em;
}

/* my styles */
table.monatskalender tr td, tr, th{
	border: 1px solid #ccc !important;
}

#monat, .we{
	color: #fff;
}

.cal{
    width: 100%;
}
.jahreskalender tr td{
    border: solid 1px;
    text-align: center;
}
form select{
    margin: 0.1em;
    padding: 0.1em;
    font-size: 1.1em;
}
form input{
	font-family: 'Open Sans Condensed', sans-serif;
    margin: 0 0 0 20px;
    padding: 0;
    font-size: 1.1em;
}

.fehler{
    width: 90%;
    border: solid 1px;
    background-color: red;
    padding: 0.5em;
    text-align: center;
}
footer{
    clear: both;
}
.copy{
    float: right;
}
.legend{
    float: left;
    padding: 0.5em;
}
.mobi {
    display: block;
}
.web {
    display: none;
}


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