/* HTML5 HACK -------------------------------------- */  
header, section, footer, aside, nav, adresse {  
	display: block;  
}
 
/* LAYOUT ------------------------------------------ */
 
body {
  font-size:90%;
  font-family: Calibri, "Segoe UI Semibold", Verdana, Arial, sans-serif;
  margin: 0;
  padding: 0;
  margin-left:auto;
  margin-right:auto;
}

h1 {
  font-size:12;
  font-family: Calibri, "Segoe UI Semibold", Verdana, Arial, sans-serif;
}


th {
	border-bottom:2px solid #336699;
	text-align:right;
	padding:1px 4px 1px 4px;

}

td {
	
	text-align:right;
}

tfoot td {
	
	text-align:right;
	border-top: 2px solid #336699;
	padding:10px 4px 1px 4px;

}

protokoll td{
	vertical-align:top;
	text-align:left;
	padding:1px 4px 1px 4px;

}

#doc{
	width:800px; 
	margin-left:auto; 
	margin-right:auto;
}

.clear { clear:both; }

.hervorgehoben {
	background-color: #96FDA8;
}

#rechnungspositionen, #kunden {
	border-collapse:collapse;
}

#rechnungspositionen, #kunden td {
	padding-left:6px; 
	padding-right:6px;
	font-size:0.9em;
}

.fehler {
	font-weight:bold;
	color:red;
	padding:5px;
	margin-left:125px;
}

#login {
	width:40%; 
	margin-top:100px;
	padding:10% 20% 10% 20%;
	background:#A8CFF0; 
	margin-left:auto; 
	margin-right:auto;
}


#login input, submit {
	width:60%;
	height:30%;
	font-size:3.0vh;
}


#navi, #navi ul { list-style-type:none; margin:0; padding:0; } /* Style-Reset */

#navi li { width:140px; float:left; } /* Horizontale Anordnung */

#navi li ul { display:none; } /* Normalzustand eingeklappt */
#navi li:hover ul { display:block; } /* Ausgeklappt */

#navcontainer { 
	padding-bottom:30px; 
	position:relative; 
	width:800px; 
	margin-left:auto; 
	margin-right:auto;
}

#navi { position:absolute; }
#navi li { border:1px solid #000;  }
#navi ul li { border:none; margin:0; }

#navi a { font-weight:bold; text-align:center; display:block; padding:0.5em; }
#navi .Menue1 { color:#FFF; background:#A8CFF0; text-decoration:none; font-weight:bold; text-align:center; display:block; padding:0.5em; cursor:pointer;}
#navi a:link, #navi a:visited { color:#FFF; background:#A8CFF0; text-decoration:none; }
#navi a:active, #navi a:hover { color:#000; background:#FFF; text-decoration:none; }



/* Formular */

#formular6 form {
	background-color:#1e2dac;
	padding:0; 
	margin-top:20px;
	}
 
#formular6 fieldset{
	margin:0; 
	padding:0; 
	border:0;
	}
	
#formular6 {
	 
	border:1px solid black;
}

#formular6 ul{
	margin:0; 
	padding:0; 
	list-style:none;
	}
 
#formular6 ul li{
	padding:10px;
	}
 
#formular6 ul li.first{
	border-top:0; 
	font-size:20px; 
	color:#2B2B2B;
	}

#formular6 ul li.last{
	border-bottom:0;
	}

 
#formular6 label{
	display:block; 
	color:#2B2B2B; 
	float:left; 
	width:120px; 
	line-height:21px; 
	text-align:right; 
	padding-right:5px; 
	margin:0 0 0 5px;
	}
 
#formular6 input, #formular6 .text, #formular6 select { 
	min-height:23px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#2B2B2B;
	}
	
#formular6 .checkbox {
	position:relative; 
	vertical-align:middle; 
	bottom:1px; 
	}

.text {
	width:188px; 
	padding:3px; 
	border:1px solid #2B2B2B; 
	height:15px; 
	}
 
#kunde {
	width:188px; 
	padding:3px; 	
	border:1px solid #2B2B2B; 
	height:15px; 
	}

textarea.text{
	height:100px;
	}
 
input.submit{
	cursor:pointer; 
	border:1px solid grey;  
	color:black; 
	background-color:white;
	font-weight:bold; 
	margin-left:130px;
	}
	
input.submit:hover {
	background-color:#A8CFF0; 
	color:#2B2B2B;
	border:1px solid black;
}

#ausblenden {
	width:300px;
	background-color:#96FDA8; 
	padding:2px;
	margin:2px;
}