@media (min-width: 500px) {
    .adminlink {
	    border-top-width: 1px;
        border-top-style: solid;
        border-top-color: black;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: black;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: black;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: black;
        margin-top: 2px;
        margin-right: 2px;
        margin-bottom: 2px;
        margin-left: 2px;
        padding-top: 5px;
        padding-bottom: 2px !important;
        font-weight: normal;
        text-decoration: none;
        width: 100px;
        height: 20px;
        font-size: 16px;
        text-align: center;
        color: black;
        float: left;
	}
	
	a:hover.adminlink {
	    background-color: red;
	}
	
	.einstelltext {
        float: left;
        margin-top: 8px;
    }
	
	.ueberschrift {
	    border-top-width: 1px;
	    border-top-style: solid;
	    border-top-color: black;
	    border-right-width: 1px;
	    border-right-style: solid;
	    border-right-color: black;
	    border-bottom-width: 1px;
	    border-bottom-style: solid;
	    border-bottom-color: black;
	    border-left-width: 1px;
	    border-left-style: solid;
	    border-left-color: black;
	    margin-top: 5px;
	    /* margin-right: 2px; */
	    margin-bottom: 5px;
	    /* margin-left: 2px; */
	    height: 40px;
	    color: white;
	    font-weight: bold;
	    width: 100%;
	    background-color: red;
	    font-size: 30px;
	    text-align: center;
	    padding-top: 8px;
	    top: 0px;
	}
	
	body {
	  font-family: Arial, Helvetica, sans-serif;
	}
	
	.text {
		font-size: 16px;
	}
	
	div#text_small_eintragen {
		font-size: 12px;
		margin-top: -10px;
	}
	
	div#text_small_protokoll {
		font-size: 12px;
		margin-top: -18px;
		margin-left: 20px;
	}
	
	li.bvh_liste {
		font-size: 13px;
	}
	
	.buttonweiss {
	  border-top-width: 1px;
	  border-top-style: solid;
	  border-top-color: black;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: black;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: black;
	  border-left-width: 1px;
	  border-left-style: solid;
	  border-left-color: black;
	  margin-top: 2px;
	  margin-right: 2px;
	  margin-bottom: 2px;
	  margin-left: 2px;
	  padding-top: 8px;
	  font-weight: normal;
	  text-decoration: none;
	  width: 100%;
	  height: 40px;
	  font-size: 30px;
	  text-align: center;
	  color: black;
	  float: left;
	  padding-bottom: 0px;
	}

	.button_bg_grau {
		color: #0000ff !important;
    background-color: #d3d3d3 !important;
	}

	a.button_bg_grau:hover {
		color: #d3d3d3 !important;
    background-color: #0000ff !important;
	}
	
	.buttonadmin {
	  border-top-width: 1px;
	  border-top-style: solid;
	  border-top-color: black;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: black;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: black;
	  border-left-width: 1px;
	  border-left-style: solid;
	  border-left-color: black;
	  margin-top: 25px;
	  margin-right: 2px;
	  margin-bottom: 2px;
	  margin-left: 2px;
	  padding-top: 5px;
	  padding-bottom: 2px !important;
	  font-weight: normal;
	  text-decoration: none;
	  width: 100%;
	  height: 20px;
	  font-size: 16px;
	  text-align: center;
	  color: black;
	  float: left;
	  padding-bottom: 0px;
	}
	
	div.galerie{
	 padding: 3px;
	 background-color:#ebebeb;
	 border:1px solid #CCC;
	 float:left;
	 margin:10px 10px 0  0;
	 font-family:Arial, Helvetica, sans-serif;
	 width: 100%; 
	}
	div.galerie:hover{
	 border:1px solid #333;
	}
	div.galerie span{
	 display:block;
	 text-align:center;
	 font-size:20px;
	}
	div.galerie a img{
	 border:none;
	 width: 100%;
	}
	div.file {
	 padding:4px 4px 4px 30px;
	 font-size: 12px;
	}
	div.file.even{
	 background-color: #ebebeb;
	 font-size: 12px;
	}
	div.file a {
	 text-decoration:none;
	}
	div.file:hover {
	 background-color:#CCC;
	}
	
	form {
		background-color: #eee; 
	/*	width: 100%;  Breite des Formulars */ 
		padding: 20px; 
		border: 1px solid #8c8c8c;
	}
	form label { 
		display: block; /* Beschriftung auf eigener Zeile */
		cursor: pointer;  /* Mauszeiger wird zur Hand */ 
	}
	input#absender, 
	textarea { 
		width: 300px;
		border: 1px solid #8c8c8c;
		margin-bottom: 1em;
	}
	textarea { 
		height: 7em; 
	}
	input#absender:focus, 
	textarea:focus {
		background-color: #d9d9d9; 
	}
	
}


@media (max-device-width: 500px) {
    
    .adminlink {
	    border-top-width: 1px;
        border-top-style: solid;
        border-top-color: black;
        border-right-width: 1px;
        border-right-style: solid;
        border-right-color: black;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: black;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: black;
        margin-top: 2px;
        margin-right: 2px;
        margin-bottom: 2px;
        margin-left: 2px;
        padding-top: 5px;
        padding-bottom: 2px !important;
        font-weight: normal;
        text-decoration: none;
        width: 100px;
        height: 20px;
        font-size: 16px;
        text-align: center;
        color: black;
        float: left;
	}
	
	a:hover.adminlink {
	    background-color: red;
	}
	
	.einstelltext {
        float: left;
        margin-top: 8px;
    }

	.ueberschrift {
	    border-top-width: 1px;
	    border-top-style: solid;
	    border-top-color: black;
	    border-right-width: 1px;
	    border-right-style: solid;
	    border-right-color: black;
	    border-bottom-width: 1px;
	    border-bottom-style: solid;
	    border-bottom-color: black;
	    border-left-width: 1px;
	    border-left-style: solid;
	    border-left-color: black;
	    margin-top: 5px;
	    margin-right: 2px;
	    margin-bottom: 5px;
	    margin-left: 2px;
	    height: 30px;
	    color: white;
	    font-weight: bold;
	    width: 100%;
	    background-color: red;
	    font-size: 20px;
	    text-align: center;
	    padding-top: 8px;
	    top: 0px;
	}
	
	body {
	  font-family: Arial, Helvetica, sans-serif;
	}
	
	.text {
	  font-size: 16px;
	}
	
	.buttonweiss {
	  border-top-width: 1px;
	  border-top-style: solid;
	  border-top-color: black;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: black;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: black;
	  border-left-width: 1px;
	  border-left-style: solid;
	  border-left-color: black;
	  margin-top: 2px;
	  margin-right: 2px;
	  margin-bottom: 2px;
	  margin-left: 2px;
	  padding-top: 8px;
	  font-weight: normal;
	  text-decoration: none;
	  width: 100%;
	  height: 30px;
	  font-size: 20px;
	  text-align: center;
	  color: black;
	  float: left;
	  padding-bottom: 0px;
	}
	
	.buttonweiss {
	  border-top-width: 1px;
	  border-top-style: solid;
	  border-top-color: black;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: black;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: black;
	  border-left-width: 1px;
	  border-left-style: solid;
	  border-left-color: black;
	  margin-top: 2px;
	  margin-right: 2px;
	  margin-bottom: 2px;
	  margin-left: 2px;
	  padding-top: 8px;
	  font-weight: normal;
	  text-decoration: none;
	  width: 100%;
	  height: 30px;
	  font-size: 20px;
	  text-align: center;
	  color: black;
	  float: left;
	  padding-bottom: 0px;
	}
	
	.buttonadmin {
	  border-top-width: 1px;
	  border-top-style: solid;
	  border-top-color: black;
	  border-right-width: 1px;
	  border-right-style: solid;
	  border-right-color: black;
	  border-bottom-width: 1px;
	  border-bottom-style: solid;
	  border-bottom-color: black;
	  border-left-width: 1px;
	  border-left-style: solid;
	  border-left-color: black;
	  margin-top: 50px;
	  margin-right: 2px;
	  margin-bottom: 2px;
	  margin-left: 2px;
	  padding-top: 10px;
	  padding-bottom: 7px !important;
	  font-weight: normal;
	  text-decoration: none;
	  width: 100%;
	  height: 24px;
	  font-size: 18px;
	  text-align: center;
	  color: black;
	  float: left;
	  padding-bottom: 0px;
	}
	
	div.galerie{
	 padding: 3px;
	 background-color:#ebebeb;
	 border:1px solid #CCC;
	 float:left;
	 margin:10px 10px 0  0;
	 font-family:Arial, Helvetica, sans-serif;
	 width: 100%; 
	}
	div.galerie:hover{
	 border:1px solid #333;
	}
	div.galerie span{
	 display:block;
	 text-align:center;
	 font-size:16px;
	}
	div.galerie a img{
	 border:none;
	 width: 100%;
	}
	div.file {
	 padding:4px 4px 4px 10px;
	 font-size: 16px;
	}
	div.file.even{
	 background-color: #ebebeb;
	 font-size: 16px;
	}
	div.file a {
	 text-decoration:none;
	}
	div.file:hover {
	 background-color:#CCC;
	}
	
	form {
		background-color: #eee; 
		width: 370px; /* Breite des Formulars */ 
		padding: 20px; 
		border: 1px solid #8c8c8c;
	}
	form label { 
		display: block; /* Beschriftung auf eigener Zeile */
		cursor: pointer;  /* Mauszeiger wird zur Hand */ 
	}
	input#absender, 
	textarea { 
		width: 300px;
		border: 1px solid #8c8c8c;
		margin-bottom: 1em;
	}
	textarea { 
		height: 7em; 
	}
	input#absender:focus, 
	textarea:focus {
		background-color: #d9d9d9; 
	}
	
}