@font-face {
  font-family: 'KlavikaLtRegular';
  src: url('font/klavika-light-webfont.eot');
  src: url('font/klavika-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('font/klavika-light-webfont.woff') format('woff'),
       url('font/klavika-light-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}

*{font-family:'KlavikaLtRegular',arial,tahoma;}
body{margin:0px;}

/* Felder */
input[type=date]{width:135px;font-family:arial;}
fieldset{border:1px solid #80BA27;border-radius:5px;background-color:#eee;display:block;padding:10px;margin:0 20 20 0;width:100%;}
legend{margin-left:2px;font-weight:bold;color:#80BA27;font-size:25px;}
input[type=text],input[type=tel],input[type=password],textarea,select{padding:5px;max-width:300px;width:100%;border:1px solid #80BA27;border-radius:5px;margin-bottom:10px;}
input[type=button],input[type=submit],button,.button{font-size:16px;color:#fff;white-space:nowrap;text-decoration:none;background-color:#80BA27;border-radius:5px;font-weight:bold;border:0px;padding:7px;cursor:pointer;display:inline-block;margin:5 5 5 0;border:3px solid #80BA27;}
input[type=button]:hover,input[type=submit]:hover,button:hover,.button:hover{border:3px solid grey;}
textarea{width:100%;max-width:100%;height:300px;}
label{user-select:none;}

div.hinweis,div.fehler{background-color:#B9FFB9;font-weight:bold;display:block;text-align:left;padding:12px;border:2px solid #00ff00;border-radius:5px;margin-bottom:10px;}
div.fehler{background-color:#FEC6C6;border:2px solid #ff0000;}
div,fieldset{box-sizing: border-box;} /* Hack, damit %-Angaben funzen */
hr{height:0px;border-top:1px solid #80BA27;}

table.striped tr:nth-of-type(odd){background-color:#eee;}
table.striped tr:nth-of-type(even){background-color:#fff;}
table.striped tr:hover{background-color:#ddd;}
th{text-align:left;font-weight:normal;}

h2{color:grey;font-weight:bold;text-transform: uppercase;}
a{color:#80BA27;}
.l{float:left;}
.r{float:right;}
.c{clear:both;}

#alles{margin:auto auto;width:700px;border:1px solid #80BA27;min-height:100%;}
#content{padding:15px;}
li{margin-left:-20px;}
.inserat{width:100%;padding:0 10 10 10;border:1px solid #80BA27;border-radius:5px;margin-bottom:10px;}
.inserat,fieldset{box-shadow: 5px 3px 7px black;}

@media(max-width: 700px)
{
    input[type=text],input[type=tel],input[type=password],select{width:100%;}
    #alles{width:100%;margin:0 0;}
}
