/*  Reset 			 	###################################### */
html {height: 100%; font-size: 62.5%;}
body {text-align: center;font: 1.2em/1.8em Arial, Helvetica, sans-serif;background-image: url(images/bewo_bg.png);background-repeat:repeat-x;}
* {margin: 0px; padding: 0px;}

/*  Basis 				###################################### */

/* Schriften */
	h1, h2, h3, h4, h5, h6 {font-weight: bold; color: #444444;}
	h1 {font-size: 1.5em;}
	h2 {font-size: 1.4em;}
	h3, caption {font-size: 1.3em;}
	h4 {font-size: 1.2em;}
	h5 {font-size: 1.1em;}
	h6 {font-size: 1.0em;}
	label{font-weight:bold;}
	sup { color: #CC0000; font-weight: bolder; padding-left:4px;}

/*  Bilder  */
	.img-leftfloat {float: left;}
	.img-rightfloat {float: right;}


/* Klassen */
	.clearer {clear: both;}
	.linksbuendig {text-align: left;}
	.rechtsbuendig {text-align: right;}
	.zentriert {text-align: center;}
	.readonly{background-color: #F7FCC2;}
	.warnung{font-size: 14px; color: red; font-weight: bold; letter-spacing: 0.05em;padding: 0px 10px; background-color: #fff;}
	label.error {display: block; float:left;font-size: 12px; color: #F00; font-weight: bold;margin-left: 10px; padding-top:5px;}	
	.stunden {color:#0000CC;}
	.minuten {color:#009900;}
	.fett {font-weight: bold;}
	.red {color: #FF0000; font-weight: bold;}
	.blue{ color:#0000FF; font-weight: bold;}
	.black { color:#000000;font-weight:bold;}

	/* Formularelemente  */
	.checkbox, .radio, .button, .eingabefeld, .auswahlfeld, .speicherbutton {vertical-align: text-bottom;}
	textarea {width: 97.5%; border: none;  resize: none;font-family: Arial, Helvetica, sans-serif; font-size:1.1em; padding: 5px; margin-bottom: 20px; margin-left: 5px; }
	textarea#Notiz, div.ziele textarea {line-height: 1.5em;}
	.eingabezeile fieldset label:first-child {margin-left: 7px; margin-right: 5px;}
	.eingabefeld, .auswahlfeld, .checkbox, .radio, .required{text-align: center; }
	.eingabefeld {width:140px;}
	
	.ausgabe [readonly=readonly] {background-color: #F7FCC2;}
	.auswahlfeld {width:140px;}
	
	.kl {width: 30px;}
	.medium {width: 70px;}
	

	
	:not(td) .button, .button_left { float: right; cursor: pointer; margin-right: 5px; background-color: #ccc; border: 1px #999 solid;  border-radius: 10px; padding-left: 10px; padding-right: 10px; }
	.button:hover, .button_left:hover {background-color: #fc3 ; box-shadow: 4px 4px 8px #888;}
	.button_left {float: none;}
	.button[type=radio], input[type=radio] { box-shadow: none; cursor: pointer; }
	.speicherbutton {font-size: 9px; cursor: pointer; border-radius: 5px; color: #f0f0f0; width: 25px; height: 15px; border: 1px #999 solid; }
	.speicherbutton:hover {background-color: #fc3 !important; }
	form input.error, form select.error  {border: 2px solid #ff7777;margin-right: 0px;}

	label.error{position: relative; top: -5px; left: -5px;	float: right; background-color: #F7FCC2;padding: 5px; margin-right: 40px;}


/* Layout 				###################################### */

/* wrapper  */
	#wrapper {width: 850px; background-color: #eee; text-align: left;border: 2px solid #999; border-top-style: none; margin: 10px auto 0 auto;}

/* nav  */
	#nav{height: 63px; background-image: url(images/bewo_bg2.png);padding: 0px; margin-top: 20px;}
	#nav strong{padding-left: 15px;}
	#nav a {text-decoration: none; color: #0000ff; font-weight: bold;padding: 2px 2px 2px 2px;}
	#nav a:hover, #nav a.active {color: #ffcc33;background-color: #0000ff;text-decoration: none;}
	#nav .dropdown {position: relative;display: inline-block;cursor: default;}
	#nav .dropdown-content {display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 2px 5px;z-index: 1;}
	#nav .dropdown-content a {padding: 2px 5px;text-decoration: none;display: block;}
	#nav .dropdown:hover .dropdown-content {display: block;}
	
/* header  */
	#header{height: 16px;padding: 10px 10px 20px 10px;}	
	#header h1{padding-top: 5px;}

	
/* switch_box */
	#switch_box{height: 17px; background-color: #339966;padding: 5px 10px 10px 10px; color: #fff;}
	#switch_box label{margin-left: 20px;}
	#switch_box label:first-child{margin-left: 0px;}
	#switch_box .eingabefeld {width: 90px; text-align: center;}
	#switch_box .button {width:80px; margin-left:25px; float:none;}
	#switch_box  fieldset {border: none;}
	
/* content  */
	#content{overflow: auto;margin: 0 auto 0 auto; padding: 10px;}

	#content h3 {padding-left: 5px; margin-bottom: 10px;}

	#content > textarea {height: 60%;}
	
	#content .box {background-color: #fff; border: 1px solid #555555;margin: 20px;}
	#content .box  fieldset {border: none; border-bottom: 1px dotted #555555; background-color: #CCCCCC; padding-top: 2px; padding-bottom: 2px;}
	#content .box fieldset label{margin-left: 20px;}
	#content .box fieldset label:first-child{margin-left: 10px;}
	#content .box p label {margin-left: 10px;}

	#content .button {text-align: right; float: right; height: 2em; margin-left: 1%; margin-right: 0%; padding-left:5px; padding-right:5px;}
	#content div.SQL_box {border: 1px solid black;background-color: rgb(255,255,191);padding: 5px; padding-top: 10px; margin-top: 0.5em; margin-bottom: 0.5em;}
	#content textarea.SQL_box{background-color: rgb(255,255,191);}
	#content div.SQL_box h2{margin-left: 8px;}

/* center  */
	#center{width: 80%;margin-left: auto; margin-right: auto;}
	#center h3{border-bottom: 1px solid #666; margin-bottom: 0.5em; margin-top: 3em;}
	#center h3:first-child{margin-top: 0em;}
	#content p.linie{border-top: 1px dashed #666; clear: both;}
	#content input.button{margin-top: 0.5em;}
	
/* Eingabe-Formulare  */
	#input{margin-bottom: 1em;}
	#input div {font-size: 1em; line-height: 2.4em;}
	#input label {text-align: right; padding-right: 0.5em; display: block; float: left; width: 300px;}
	#input input, #input select {font-size: 1em; vertical-align: middle; }
	
/* Definitionslisten  */
	dl {margin-top: 0px; margin-bottom: 0px; text-align: left; line-height: 1.8em;}

	dt {float: left; clear: left; width: 300px; padding-right: 0.5em; margin-bottom: 0.3em; margin-top: 0.3em;
		text-align: right; font-weight: bold;}
	dd {margin: 0; margin-bottom: 0em; }
	
	dl.ausgabe {width: 280px; float: left; background-color: #ccc; height: 220px; margin-top: 5px; margin-bottom: 10px; padding-top: 5px;}
	dl.eingabe {width: 300px; float: right; background-color: #ccc; height: 220px; clear: right;margin-top: 5px; margin-bottom: 10px; padding-top: 5px}
	dl.ausgabe dt{width: 160px; text-align: left;}
	dl.eingabe dt{width: 120px; text-align: left;}
	dl.ausgabe dt, dl.eingabe dt{margin: 5px 0px 5px 5px; padding: 2px 5px;}
	dl.ausgabe dd{float: left; background-color: #FFFFBF; margin: 5px 0px 5px 0px; padding: 2px 5px; }	
	dl.eingabe dd{float: left; margin: 5px 0px 5px 0px; padding: 2px 5px; }
	dl.eingabe input {line-height: 0.5em;width: 120px; background-color: #FFFFBF;}

/* div footer  */
	#footer {color: #fff; text-align: left; background: #339966; min-height: 2em; padding-left: 10px; padding-top: 0.5em; border-top: 1px solid #fff;}
	
	
	div#tooltip  {display:none; position:absolute; min-width: 100px; max-width: 200px; padding: 5px 15px; z-index:1000; text-align:left; background-color:#FFFFFF; border: 1px solid #000;}