html, body
{
 background-color: white;
 color: black;
/*    font-family: Verdana;
    font-size: 1em; */
	width= 100%;
}
form  div{
	padding: 3px;
	}
h1{
    font-family: Verdana;
    font-size: 50px;
    text-decoration: none;
    color: black;
    text-align: center;
    padding-top: 31px;
}
.f-meldung {
	border: 3px solid;
	border-color: red;
	background-color: #ffeeee;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	
}
.ok-meldung {
	border: 3px solid;
	border-color: green;
	background-color: #eeffee;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	
}
.w-meldung {
	border: 3px solid;
	border-color: yellow;
	background-color: #ffc;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	
}
.erinnerungen {
	border: 3px solid;
	border-color: yellow;
	background-color: #ffc;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	
}
.filterbox {
	border: 3px solid;
	border-color: blue;
	background-color: #ccf;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	
}

.benutzername{
	position: absolute;
	right: 0px;
	top: 0px;
	color: green;
	
}
.debug{
    font-family: Verdana;
    font-size: 20px;
    color: #0000FF;
    text-align: left;
    width: 100%;  
}
.ok{
    font-family: Verdana;
    font-size: 20px;
    color: #00FF00;
    text-align: left;
    width: 100%;  
}
.hauptlinks{
    position: absolute;
    top: 20px;
    right: 50px;
    font-family: Verdana;
    font-size: 20px;
    color: #00FF00;
    text-align: right;
}
.error{
    font-family: Verdana;
    font-size: 20px;
    color: #FF0000;
    text-align: left;
    width: 100%;  
}

.warnung{
    font-family: Verdana;
    font-size: 20px;
    color: #FFFF00;
    text-align: left;
    width: 100%;  
}
.bezeichnung{
    font-family: Verdana;
    font-size: 20px;
    color: black;
    text-align: left;
    float: left;    
    width: 20%;  
}

.bezeichnung_fehler{
    font-family: Verdana;
    font-size: 20px;
    color: #FF0000;
    text-align: left;
    float: left;    
    width: 20%;  
}

.bezeichnung_warnung{
    font-family: Verdana;
    font-size: 20px;
    color: #FFFF00;
    text-align: left;
    float: left;    
    width: 20%;  
}

.aufgaben{
 	border: 3px solid;
	border-color: yellow;
	background-color: #ffc;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
  
}
.aufgabenx{
 	border: 3px solid;
	border-color: red;
	background-color: #ffc;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
  
}


input, select {
    font-size: 20px;
    font-family: Verdana;
    color: #031d43;
    
}
.readonly{
	background-color: #f7e1f2;
}
input button {
    font-size: 20px;
    font-family: Verdana;
    color: #031d43;
    
}
.cfile input {
    font-size: 20px;
    font-family: Verdana;
    color: #ffffff;
    
}
.ctext input {
    left: 200px; 
    font-size: 20px;
    font-family: Verdana;
    color: #031d43;
    
}


.cselect select {
    font-size: 20px;
    font-family: Verdana;
    color: #031d43;
    
}
.ccheckbox checkbox {
    font-size: 20px;
    font-family: Verdana;
    color: #031d43;
    
}

a {
    color: green;
    text-decoration: none;
    text-underline: none;
/*	border: 1px solid;
	border-color: black;
	float: left*/;
/*	width: 180px; */
}
a:hover{
    color: #ff0000;
    text-decoration: none;
    text-underline: none;
}
#vzaehlung{
	background-color: #fee;
}
#behandlungen, #ableger{
	background-color: #eef;
}
#fuetterungen{
	background-color: #efe;
}
#honigernte{
	background-color: #cfc;
}
.foto {
max-width: 100%;
}
.chronikdatum {
	background-color: green/*lightgreen*/;
	border: 10px solid;
	border-color : lightgreen;
	 border-radius: 50px;
	 color : white;
	 box-shadow: 5px 10px black;
	 padding: 10px;
	 margin-bottom: 20px;
}
.chronikwgheader {
	background-color: blue;
	border: 10px solid;
	border-color : lightblue;
	 border-radius: 50px;
	 color : white;
	 box-shadow: 5px 10px black;
	 padding: 10px;
	 margin-bottom: 20px;
}
.chronikwgaufgabe {
	background-color: #882222;
	border: 10px solid;
	border-color : red;
	 border-radius: 50px;
	 color : white;
	 box-shadow: 5px 10px black;
	 padding: 10px;
	 margin-bottom: 20px;
}

#wgchronik  {
    width : 500px;
}
@media only screen and (min-width: 0em) and (max-width: 64em) { 
/* min-width 672px / max-width 1024px */
/* hier vermuten wir Tabletts         */
input, select {
    width: 98%;
}
.bezeichnung {
	color: blue !Important;
	width: 98%;
}
h1 {
  font-size: 1.5rem;
}
.foto {
width: 100%;
max-width: unset;
}
#wgchronik  {
    width : unset;
}
/*
.chronikdatum {
    width : 98%;
}
*/
}