body {
	background-color: #9999CC;
font-family: sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
   
    -webkit-font-smoothing: antialiased;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 0.5; /* Firefox */
  	font-family: Verdana;
	font-size: 14px;
}

#praxisgast {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 150px;
	background-color: #FFFFCC;
	margin-left:5px;
	margin-top:5px;
	padding:5px;
			        -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
			float:left;
}

#control_1 {
position:absolute;
	width: 95%;
	height: 35px;
	left:2.5%;
	background-color: #FFFFFF;
	visibility: hidden;
			        -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
    bottom:5px;
	z-index:51;			
}

#praxis_steuerung {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 350px;
	background-color: #00FF00;
	margin-left:5px;
	margin-top:5px;
			        -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
	}

#client_menue_div {
    position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	visibility: hidden;
	z-index: 900;
}

.client_menue_button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
    width: 100%;
}

#fixeddiv {

}

#regdiv {
	position:absolute;
	visibility: hidden;
	top:0px;
	left:0px;
	z-index: 15;
	background-color: #D7D7D7;
	height: 100%;
	width: 100%;
}

#einstellungentext {
	overflow:auto;
	height: calc(100% - 35px);
	width: 100%;
}

#input_praxislink {
 z-index:15;
}

.input_text {
	border: thin solid #333333;

}

#einstellungendiv {
	position:absolute;
	top:10px;
	left:250px;
	z-index: 11;
	background-color: #fefefe;
	visibility: hidden;
	overflow:auto;
	border: thin solid #333333;
	height-max: calc(100% - 35px);
	height: 400;
	width: auto;
		        -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border-width:thin;
			margin-top:2px;
			padding-left:5px;
			padding-right:5px;
			padding-top:5px;
			padding-bottom:5px;
		resize: both;
				
}

#hilfediv {
/*visibility: hidden;*/
	background-color: #FFFFFF;
}

.loginstyle {
	font-family: Verdana;
	font-size: 14px;
	width:90%;
	font-weight: bolder;
	        -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border-width:thin;
			margin-top:7px;
			padding-left:10px;
			padding-top:5px;
			padding-bottom:5px;
}

.loginstylebutton {
						padding-top:5px;
									padding-bottom:5px;
	font-weight: bolder;
  	font-family: Verdana;
	font-size: 14px;
	width:90%;
	background-color: #D5F0D5;
	           -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border-width:thin;
				margin-top:7px;
}

#loginfeld {
    top:155px;
	left:220px;
	position:absolute;
	font-family: Verdana;
	font-size: 16px;
	background-color: #FFFFFF;
	border: thin solid #333333;
	visibility: hidden;
	z-index:5;
	width:300px;
	text-align: center;
	font-weight: bolder;
	color: #666666;
	           -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
            border-width:thin;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 5px;
		    padding-bottom: 5px;
}

.alertneudiv {
	position:fixed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border-radius: 6px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	visibility: hidden;
	top: 55px;
/*	right: 0;
	bottom: 0; */
	left:150px;
    margin-left: -128px; 
	background-color: #FFFFB3;
	border: thin solid #FF0000;
    z-index: 5;  
}


#praxis {
    position:absolute;
	background-color: #FFFFFF;
	width:100%;
	top:0;
	left:0;
	z-index:1;
}

.praxisbild {
	height:100%;	
}

#praxis_oben {
    position:relative;
	width: calc(100% - 25px);
	z-index:9;		
}

#praxis_menue {
	width:200px ;
}


.praxisbild {

			
}



.praxis_button_menue {
	width:100%;
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
}

.start {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: url(/bilder/start01.jpg);
	background-size:100% auto; 
 /*	width: 100%;
	height: auto;*/
	background-repeat: no-repeat;
	
	background-color: #9999CC;
	/*border: 1px solid #666666;
	height: calc(100vh - 170px);
	width: calc(100% - 225px);*/

}

.praxis_anzeige {
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-size:auto 100%;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	height: calc(100vh - 170px);
	width: calc(100% - 225px);
	float:right;
	padding-left:5;
	padding-right:5;
	padding-top:5;
	padding-bottom:5;
	margin-left:5px;
	margin-right:5;
	margin-top:5;
	margin-bottom:5;
	/*background-image: url(../bilder/buero.jpg);*/
	-webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius: 6px;
}

.praxis_ramen_menue {
    position:relative;
	background-color: #F8F8F8;
	border: 1px solid #666666;
	float:left;
	padding-left:5;
	padding-right:5;
	padding-top:5;
	padding-bottom:5;
	margin-left:5;
	margin-right:5;
	margin-top:5;
	margin-bottom:5;
	-webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius: 6px;
}

.praxis_ramen {
    position:relative;
	background-color: #F8F8F8;
	border: 1px solid #666666;
	width: 100%;
	float:left;	
	padding-left:5;
	padding-right:5;
	padding-top:5;
	padding-bottom:5;
	margin-left:5;
	margin-right: 20%;
	margin-top:5;
	margin-bottom:5;
	-webkit-border-radius: 6px;
    -moz-border-radius:6px;
    border-radius: 6px;
}

#tischfenster {
position:absolut;
top:5;
z-index:2;
}


.praxisvideobild_1 {
top:0;
left:0;
	position:absolute;
			height: 100%;
	width: 100%;
	z-index:5;

}

.praxisfilter_1 {
top:0;
left:0;
	position:absolute;
			height: 100%;
	width: 100%;
	z-index:50;

}



#praxisvideo_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	height: 300px;
	width: 350px; 
	top:100px;
	left:30px;
	resize: both;
	border: thin solid #CCCCCC;
	overflow-y: scroll;
	visibility: hidden;
			        -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
	z-index: 6;
	background-color: #EBEBEB;
	
/*		height: 100%;
	width: 100%; */
	/*float:left;*/
}

#praxisvideo_mitte_1 {
	position: relative;
	top:2;
	reight:0;
	/*bottom:30;*/
	height:90%;
	width: 100%; 
	z-index:8;
}

.praxisvideobild_2 {
top:0;
left:0;
	position:absolute;
			height: 100%;
	width: 100%;
	z-index:3;

}

#praxisvideo_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	height: 300px;
	width: 350px; 
	top:100px;
	left:450px;
	resize: both;
	border: thin solid #CCCCCC;
	overflow-y: scroll;
	visibility: hidden;
			        -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;	
	z-index: 4;
	background-color: #EBEBEB;
	
/*		height: 100%;
	width: 100%; */
	/*float:left;*/
}

#praxisvideo_mitte_2 {
	position: relative;
	top:2;
	reight:0;
	/*bottom:30;*/
	height:90%;
	width: 100%; 
}


.praxisvideobild_3 {
top:0;
left:0;
	position:absolute;
			height: 100%;
	width: 100%;
	z-index:3;

}

#praxisvideo_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	height: 300px;
	width: 350px; 
	top:100px;
	left:450px;
	resize: both;
	border: thin solid #CCCCCC;
	overflow-y: scroll;
	visibility: hidden;
			        -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;	
	z-index: 4;
	background-color: #EBEBEB;
	
/*		height: 100%;
	width: 100%; */
	/*float:left;*/
}

#praxisvideo_mitte_3 {
	position: relative;
	top:2;
	reight:0;
	/*bottom:30;*/
	height:90%;
	width: 100%; 
}

.praxisvideobild_4 {
top:0;
left:0;
	position:absolute;
			height: 100%;
	width: 100%;
	z-index:3;

}

#praxisvideo_4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	position: absolute;
	height: 300px;
	width: 350px; 
	top:100px;
	left:450px;
	resize: both;
	border: thin solid #CCCCCC;
	overflow-y: scroll;
	visibility: hidden;
			        -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;	
	z-index: 4;
	background-color: #EBEBEB;
	
/*		height: 100%;
	width: 100%; */
	/*float:left;*/
}

#praxisvideo_mitte_4 {
	position: relative;
	top:2;
	reight:0;
	/*bottom:30;*/
	height:90%;
	width: 100%; 
}

/*-------------------------------------*/
#videofenster {
	position: relative;
	visibility: hidden;
/*	height: 80%;
	width: 95%; */
	height: 300px;
	width: 550px;
	left:20px;
	top:45px;
	padding-bottom: 5;
	padding-left: 3;
	padding-right: 3;
	padding-top: 3;
	border: thin solid #000000;
	resize: both;
	position:fixed;
	overflow:auto;
	background-color: #CCCCCC;
	 z-index: auto; 
}

#videoraumtitel {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;

}

#tischfenster {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	left:20px;

}

.video {
	height: 46%;
	width: 33%;
	float:left;

}

#generateprofilauswahldiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	/* font-size: 1.0vw;*/
	border: thin solid #333333;
	background-color: #EEEEEE;  

	text-align: center;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border-width:thin;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 5px;
		    padding-bottom: 5px;
			            margin-top: 2px;
            margin-left: 2px;
            margin-right: 2px;
		    margin-bottom: 2px;
		/*	max-width: 40%;
			max-width: 40%; 
			width: 42%;*/
			width: 100px;
			display: inline-block;
			vertical-align:top;
}


#generateprofilauswahldivgruen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	/* font-size: 1.0vw;*/
	border: thin solid #333333;
	background-color: #C9FFBB;  

	text-align: center;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border-width:thin;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 5px;
		    padding-bottom: 5px;
			            margin-top: 2px;
            margin-left: 2px;
            margin-right: 2px;
		    margin-bottom: 2px;
		/*	max-width: 40%;
			max-width: 40%; 
			width: 42%;*/
			width: 100px;
			display: inline-block;
			vertical-align:top;
}

#generateprofilauswahldiv_horizontal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	/* font-size: 1.0vw;*/
	border: thin solid #333333;
	background-color: #EEEEEE;  

	text-align: center;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border-width:thin;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 5px;
		    padding-bottom: 5px;
			            margin-top: 2px;
            margin-left: 2px;
            margin-right: 2px;
		    margin-bottom: 2px;
		/*	max-width: 40%;
			max-width: 40%; 
			width: 42%;*/
			width: 200px;
			display: inline-block;
			vertical-align:top;
}

.gpa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
}

#generateprofilauswahldivgruen_horizontal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	/* font-size: 1.0vw;*/
	border: thin solid #333333;
	background-color: #C9FFBB;  

	text-align: center;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            border-width:thin;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 5px;
		    padding-bottom: 5px;
			            margin-top: 2px;
            margin-left: 2px;
            margin-right: 2px;
		    margin-bottom: 2px;
		/*	max-width: 40%;
			max-width: 40%; 
			width: 42%;*/
			width: 200px;
			display: inline-block;
			vertical-align:top;
}