@charset "UTF-8";

body{	background-color:#FBF1E3; color:#261B18;
		font-family: "Gotham Black","Russo One", sans-serif;}
#wrapper{width:50%; margin:auto; height:50%; margin-top:10%;}
#login{width:200px; margin:auto; margin-top:15%;}
#mainnav li{list-style-type:none; text-align:center; padding:10px; margin:5px; background-color:#AD866A;}
a {text-decoration:none; color:#261B18;}
a:visited{color:#261B18;}
a:hover{color:#452911}
a:active{color:#FBF1E3;}

iframe{width: 90%; position: absolute; left: 50%; margin-left: -45%; height: 75%; margin-top: 10px;}

p{font-family: "Gotham Thin";}
p strong{font-family: "Gotham Black";}

#back{position:fixed; bottom:50px; left:20px; text-decoration:none; }
input, #back{border:2px solid #AD866A; background-color:#AD866A; color:#FCF2E3; height:15px; margin:3px; padding:5px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
input:focus, #back:hover{outline:none; border:2px solid #452911;}

input[type="button"], input[type="submit"]{height:29px;}

input{background-color:#AD866A; color:#261B18; height:25px; width:200px;}
input[type="password"]{font-size:20px; border:none; padding:5px; box-sizing:border-box;}
input[type="password"]:focus{outline-color:#AD866A;}
input[type="submit"]{margin-top:3px; border:none; cursor: pointer;}
#screen input[type="date"]{width: 135px;}
#screen input[type="submit"]{width: 150px;}

#mainnav .abstand{margin-top:30px;}
.rahmen{border-left: solid medium #AD866A;}

.error::-webkit-input-placeholder { color:#c00; }
.error::-moz-placeholder { color:#c00; } /* firefox 19+ */
.error:-ms-input-placeholder { color:#c00; } /* ie */


#rechnungen {width:80%; margin: auto; box-shadow: 0 0 100px #AD866A; margin-top: 50px; margin-bottom: padding: 0;}
#rechnungen td{padding:5px; text-align: center; margin: 0;}
#rechnungen th{margin-bottom: 10px; background-color: #FBF1E3;}
#rechnungen tr:hover td{background-color: #452911; color: #FBF1E3;}
#rechnungen tr:hover td a{color: #FBF1E3;}
#rechnungen tr:nth-child(even){background-color: #AD866A;}
#rechnungen .monat{text-align: center;}

#angebote {width:80%; margin: auto; box-shadow: 0 0 100px #AD866A; margin-top: 50px; padding: 0;}
#angebote td{padding:5px; text-align: center; margin: 0;}
#angebote th{margin-bottom: 10px; background-color: #FBF1E3;}
#angebote tr:hover td{background-color: #452911; color: #FBF1E3;}
#angebote tr:hover td a{color: #FBF1E3;}
#angebote tr:nth-child(odd){background-color: #AD866A;}
#angebote .monat{text-align: center;}

#angebote, #rechnungen{margin-bottom: 100px;}

#screen{background-color: rgba(38,27,24,0.5); position:fixed; top:0; left:0; height: 100%; width: 100%;}
#screen form{position: absolute; top: 50%; margin-top: -25%; left: 50%; margin-left: -25%;
			background-color: #FBF1E3; width: 50%; height: 50%; padding: 30px;}
#screen form fieldset{width: 80%; height: 80%; margin: auto; text-align: center; border:none;}