@charset "utf-8";
/* CSS Document */

body {
	background-color: #c0c0c0;
	max-width:1420px;
	margin: 0px auto; /* zentriert den Inhalt */
}


*  	{
	padding:0px 0 0 0px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:14px;
	
	}
	
ul  {
	width:450px;
	list-style-type:none;
	margin:10px 0 0 0px;
	background-color:#eeeeee;
	overflow:hidden;
	}

li  {
	float:left;
	cursor:pointer;
	padding:5px;
	}

li.current {
	background-color:#dddddd;
	border-bottom: 3px solid #dddddd;
}

#Titel {
	position:relative;
	/* background-color: #e9e9e9; */
	background-color: #E5E5E5; /* fallback color if gradients are not supported */
    background-image:  -webkit-linear-gradient(top, #E5E5E5, #F4F4F4); /* For Chrome and Safari */
    background-image:  -moz-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Fx (3.6 to 15) */
    background-image:  -ms-linear-gradient(top, #E5E5E5, #F4F4F4); /* For pre-releases of IE 10*/
    background-image:  -o-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Opera (11.1 to 12.0) */ 
    background-image: linear-gradient(to bottom, #E5E5E5, #F4F4F4); /* Standard syntax; must be last */
    background-position: center right;
    background-repeat: no-repeat;
	border-radius: 3px;
	border: 1px solid #aaaaaa;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	margin: 10px 0 0 10px;
	padding: 10px;	
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:24px;
}

#container {
	margin:15px 5px 5px 5px;
	padding:0 10px 0 0;
	background-color: rgb(255, 255, 255);
	box-shadow: 3px 3px 20px rgba(87, 87, 87, 0.4);
	border: 1px solid #999;
	float:left;
	
}

.bluren  {
	filter:blur(3px);
	background-color: rgb(116, 116, 134);
}

.overlay {
	position: absolute;
	z-index: 90;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;


}

#Eingaben {
	position:relative;
	background-color:rgb(255, 255, 255);
	width:450px;
	margin: 10px 0px 10px 10px;
	/* border: 1px solid; */
	float:left;
	min-height:810px;
}

#Grafik {
	position:relative;
	background-color:rgb(255, 255, 255);
	width:450px;
	margin: 10px 0 0px 10px;
	float:left;
	min-height:810px;
	/* border: 1px solid; */
}

#Ausgaben {
	position:relative;
	background-color:rgb(255, 255, 255);
	width:450px;
	margin: 10px 0 0px 10px;
	float:left;
	min-height:810px;
	/* border: 1px solid; */
}

#Montagezustand {
	background-color: rgb(255 255, 255);

}

#Logo  {
	background-color: #fff;
	margin: 0px 0 0px 10px;
	border: 0px solid #999;
	position: absolute; 
	width:450px;
	min-height:28px;
	/* float:left; */
	bottom:0;
	right:0;
	text-align: right;
}

#Norm  {
	position: absolute; 
	/* background-color: #e9e9e9;
	border: 1px solid #aaaaaa; */
	right:10px;
	top:10px;
}

#Info  {
	position: absolute; 
	/* background-color: #e9e9e9;
	border: 1px solid #aaaaaa; */
	right:18px;
	top:18px;
	
}



#Hinweis  {
	position: fixed;
	top:150px;
	left:450px;
	z-index: 100;
	background-color: #FFF;
	box-shadow: 3px 3px 20px rgba(87, 87, 87, 0.4);
	border: 1px solid #999;
	display:none;
}

#VerformungDetails {
	position: fixed;
	top:150px;
	left:550px;
	z-index: 100;
	background-color: #FFF;
	box-shadow: 3px 3px 20px rgba(87, 87, 87, 0.4);
	border: 1px solid #999;
	display:none;

}

#VerformungTitel {
	padding: 15px 20px 15px 20px;
	background-color: rgb(150, 206, 201);
}


#VerformungText {
	padding: 20px;
}


#WarnungTitel {
	padding: 10px;
	background-color: rgb(241, 194, 194);
}

#WarnungText {
	padding: 10px;
}

#StartHinweis  {
	position: fixed;
	margin-top: -150px;
	margin-left: -300px;
	top:50%;
	left:50%;
	z-index: 100;
	background-color: #FFF;
	box-shadow: 3px 3px 20px rgba(87, 87, 87, 0.4);
	border: 0px solid #999;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
    opacity: 1;
}

#StartHinweisTitel {
	padding: 20px;
	background-color: rgb(31, 51, 104);
}

#StartHinweisText {
	padding: 20px;
	
}

div.text1{
	margin: 3px 0;
	width:180px;
	float:left;
	}
	
	div.text2{
	width:250px;
	margin-left:200px;
	}
div.tabsueberschrift {
	
	margin: 0px 0 10px 0px;
	background-color:rgb(195, 226, 255);
	padding: 3px 0 3px 3px;
	
}
div.tabsueberschriftErgebnis {
	
	margin: 0px 0 10px 0px;
	background-color:rgb(195, 226, 255);
	padding: 3px;
}
div.tabsueberschriftErgebnisInZahlen {
	
	margin: 0px 0 10px 0px;
	background-color:rgb(195, 226, 255);
	padding: 3px;
}

input[type="button"] {
	padding:5px;
	border-radius: 3px;
	border: 1px solid #aAA;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	background-color: #E5E5E5; /* fallback color if gradients are not supported */
    background-image:  -webkit-linear-gradient(top, #E5E5E5, #F4F4F4); /* For Chrome and Safari */
    background-image:  -moz-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Fx (3.6 to 15) */
    background-image:  -ms-linear-gradient(top, #E5E5E5, #F4F4F4); /* For pre-releases of IE 10*/
    background-image:  -o-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Opera (11.1 to 12.0) */ 
    background-image: linear-gradient(to bottom, #E5E5E5, #F4F4F4); /* Standard syntax; must be last */
    background-position: center right;
    background-repeat: no-repeat;
}



div.tabsallgemein {
	
	margin: 15px 0 10px 20px;
	
}
div.tabs {
	width:450px;
	margin: 0px 0px 10px 0px;
	
}

div.tabs2 {
	width:450px;
	margin: 0 0 10px 10px;
}
div.dyn-tabs {
	width:435px;
	padding:5px 5px 5px 10px;
	height:185px;
	overflow:auto; 
	background-color:#dddddd;
	display:none;
}


select {
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-padding-end: 20px;
    -moz-padding-end: 20px;
    -webkit-padding-start: 2px;
    -moz-padding-start: 2px;
    background-color: #E5E5E5; /* fallback color if gradients are not supported */
    background-image:  -webkit-linear-gradient(top, #E5E5E5, #F4F4F4); /* For Chrome and Safari */
    background-image:  -moz-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Fx (3.6 to 15) */
    background-image:  -ms-linear-gradient(top, #E5E5E5, #F4F4F4); /* For pre-releases of IE 10*/
    background-image:  -o-linear-gradient(top, #E5E5E5, #F4F4F4); /* For old Opera (11.1 to 12.0) */ 
    background-image: linear-gradient(to bottom, #E5E5E5, #F4F4F4); /* Standard syntax; must be last */
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #aAA;
    border-radius: 2px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    color: rgb(0, 0, 0);
    font-size: inherit;
    margin: 1px;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
	
}


select-style {
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("img/icon-select.png") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: #399;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: 0px;
}

input {
	border:1px solid;
}

input:active {
	border:1px solid;
}

output {
	border:none;
}

#progressBarHolder {

	/* begrenzen des Fortschrittbalkens auf 300px breite */
	width: 300px;
	margin-top:20px;
	height: 15px;
}

#progressBar {
    /* Farbverlauf als Hintergrundbild */
    background-image: linear-gradient(#fff, #06d6a9);
    /* Hintergrund soll nicht über das element wiederholt werden */
    background-repeat:no-repeat;
    /* in der Breite zunächst 0% gefüllt, in der Höhe 100% */
    background-size: 0% 100%;
    border: 1px solid #06d6a9;
    border-radius: 5px;
    overflow: hidden;
}