/*###################################################################
//#
//#		****** HAUPT STYLE ******
//#
//#		Programmierung: Christoph Rybacki
//#
//#		Erstellungsdatum:	02.02.2015
//#		Letzte Änderung:	02.02.2015
//#
//###################################################################*/


@charset "utf-8";


/*FARBEN
#f4f4f4
#eee
#e3e3e3
#bfbfbf
#C0C0C0
#979797
grey
#666
#444
#505050
*/


/* Für iPhone automatische Textvergrößerung ausschalten. */
/* {{{ global */
html {
	-webkit-text-size-adjust: none;
}
/* }}} */


body{
	background-color: #eee;	
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	xxoverflow-y: scroll;
	background-repeat: repeat; 
	background-attachment: fixed; 
	background-position: left top;
	color: #505050;
	font-family: Arial,sans-serif; 
	font-size: 12px;
	min-width: 700px;
}


p {
	margin: 0;
	padding: 0;
}



ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

li {
	display: inline-block; 
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}

li.top {
	vertical-align: top;
}


.hidden {
	display: none;
}







/*### EFFEKTE */

.eff_rundecken {
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}


.eff_rundeckenunten {
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-bottom-left-radius: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


.eff_transparenter {
	opacity: 0.5;
}

.eff_transparenter2 {
	opacity: 0.2;
}

.eff_schatten{
	/*-moz-box-shadow:5px 5px 5px rgba(0,0,0,0.4);*/
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.4);
	box-shadow:5px 5px 5px rgba(0,0,0,0.4);
}

.eff_schattenalle {
	-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.8);
	box-shadow:0px 0px 10px rgba(0,0,0,0.8);
}

.eff_weisserrahmen {
      background: #eee;
      border: 4px solid white;
      box-shadow: 0 0 1px rgba(0,0,0, .4);
}

.eff_drehen7 {
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  transform: rotate(-7deg);
}

.eff_drehen90 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}







/*### AUFBAU */

#content {
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: left;
	top: 0px;
}

#hauptmenue {
	position: relative;
	text-align: left;
	padding: 0px;
	top: 0px;
	xxxborder: solid 1px #bfbfbf;
	xxborder-top-color: #e3e3e3; 
	margin: 5px;
	background: #e3e3e3;
}

#modulcontent {
	position: relative;
	text-align: left;
	top: 0px;
	border: solid 1px #bfbfbf;
	margin-bottom: 5px;
	background: #e3e3e3;
	padding: 0px;
	
/*	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/

}



#autostart {
	display: none;
}


#meldung {
	position: fixed;
	left: 600px;
	top: 0px;
	z-index: 100;
	font-size: 11px;
	width: 220px;
	text-align: center;
	box-shadow:4px 4px 4px rgba(0,0,0,0.2);
}

#meldung p {
	background: #fff;
	border: dotted 1px #666;
	padding: 20px 10px;
}






#popup {
	position: fixed;
	left: 50%;
	top: 50px;
	transform: translate(-50%, 0);
	background: #fff;
	border: solid 1px #444;
	border-radius: 10px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.1);
	width: 300px;
	height: 300px;
	padding: 5px;
	z-index: 200;
	display: none;
}

#auspopup {
	position: absolute;
	right: 30px;
	top: 0px;
	width: 20px;
	height: 18px;
	border: dotted 1px #666;
	border-top: none;
	padding: 2px 5px 0px 5px;
	
	background-image: url('../bilder/x.png');
	background-size: 12px 10px;
 	background-repeat: no-repeat;
 	background-position: center center;
}

#auspopup:hover {
	background-color: #eee;
}

#popupcontent {
	position: absolute;
	left: 12px;
	top: 30px;
	right: 12px;
	bottom: 22px;
	border: solid 1px #CCC;
	overflow: auto;
	padding: 5px;
}

#popupbuttons {
	position: absolute;
	right: 30px;
	bottom: 20px;	
}

#popupbuttons input {
	margin-left: 14px;	
}

#popupheader {
	position: absolute;
	left: 16px;
	top: 8px;
	font-size: 11px;
	font-family: Courier New;
	
	xxborder: solid 1px red;	
}

#popupfooter {
	position: absolute;
	left: 12px;
	bottom: 12px;
	
	xxborder: solid 1px green;	
}








#ausgabe {
	position: fixed;
	left: 50%;
	top: -15px;
	transform: translate(-50%, 0);
	background: #fff;
	opacity: 0.8;
	z-index: 500;
	font-size: 11px;
	width: 600px;
	text-align: left;
	box-shadow:4px 4px 4px rgba(0,0,0,0.2);
	height: 0px;
	max-height: 300px;
	border: solid 1px #666;
	overflow: hidden;
	padding: 5px;
}

#ausgabe p {
	xxbackground: #fff;
	xxborder: dotted 1px #666;
	text-align: left;
	margin: 15px 5px;
}

/*#ausgabe:hover {
	height: 60px;
}*/

#ausgabeclip {
	position: fixed;
	left: 50%;
	top: -2px;
	transform: translate(-50%, 0);
	box-shadow:4px 4px 4px rgba(0,0,0,0.2);
	background: #fff;
	opacity: 0.8;
	z-index: 100;
	font-size: 11px;
	width: 30px;
	height: 12px;
	text-align: left;
	border: solid 1px #666;
	text-align: center;
}

#ausgabeclip img {
	width: 20px;
	height: 8px;
}



.ok {
	color: green;
}

.fehler {
	color: red;
}

.info {
	color: #1987D6;
}

.test {
	color: #1987D6;
}

.grey {
	color: #c6c6c6 !important;
}




div.BER {
	background-color: #ccc;
	width: 10px;
    height: 10px;
    border-radius: 8px;
}

div.BERFEHLER {
	background-color: red;
	width: 10px;
    height: 10px;
    border-radius: 8px;
}

div.BEROK {
	background-color: green;
	width: 10px;
    height: 10px;
    border-radius: 8px;
}







div.ORANGE {
	background-color: orange;
	width: 10px;
    height: 10px;
    border-radius: 8px;
}

div.ROT {
	background-color: red;
	width: 10px;
    height: 10px;
    border-radius: 8px;
}

div.GRUEN {
	background-color: green;
	width: 10px;
    height: 10px;
    border-radius: 8px;
}

div.GRAU {
	background-color: #c6c6c6;
	width: 10px;
    height: 10px;
    border-radius: 8px;
}









#ladebackground {
	position: fixed; 
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	z-index: 99;
	background: #eee;
	opacity: 0.4; 
	background-image: url('../bilder/loader.gif');
	background-repeat: no-repeat;
	background-position: center 300px;
}


.popupbackground {
	background-image: none !important;
	opacity: 0.6 !important;
}


.popupbackgroundNONE {
	background-image: none !important;
	opacity: 0 !important;
}







/*######## FORMFELDER */

input[type=button], 
input[type=reset], 
input[type=submit], 
button {
	font-size: 12px;
	font-family: Arial;
	color: #fff;
	border: solid 1px #444;
	background: #666;
	padding: 3px 10px;

	border-radius: 4px;
}

input[type=button]:hover, 
input[type=reset]:hover, 
input[type=submit]:hover, 
button:hover {
	background: #444;
	color: #fff;
}

input[type=button]:disabled, 
input[type=reset]:disabled, 
input[type=submit]:disabled {
	background: #e3e3e3;
	color: #bfbfbf;
	border: dotted 1px #666;
}

input[type=text], 
input[type=password] {
	width: 120px; 
	height: 14px;
	border: dotted 1px #666;
	padding: 2px;
	background: transparent;
	font-family: Arial;
	font-size: 12px;
	color: #8C8788;
}

input[type=text]:focus, 
input[type=password]:focus {
	border: dotted 1px #444;
	color: #666;
}

input[type=file] {
	font-family: Arial;
	font-size: 12px;
	color: #8C8788;
}

textarea {
	width: 120px;
	min-height: 50px;
	overflow: auto;
	border: dotted 1px #666;
	resize: none;
	padding: 2px;
	background: transparent;
	font-family: Arial !important;
	font-size: 12px !important;
	color: #8C8788;
}

textarea:focus {
	border: dotted 1px #444;
	color: #666;
}

select {
	width: 126px;
	height: 20px; 
	border: dotted 1px #666;
	padding: 2px;
	background: transparent;
	font-family: Arial;
	font-size: 12px;
	color: #8C8788;
}

select.multiple {
	height: 103px;
}

select option {
}