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



div#Please {  
					color:black;
					position:absolute;
					margin-left:0px;
                    margin-top: 395px;
					background-repeat:no-repeat;
					height:auto;
					width:inherit;
					text-align:center;
			}

div#Ebene1,
#Ebene2,
#Ebene3 {

					text-align:left;
					margin-top:-33px;
					margin-left:49px;		 	 	
					width:505px;
					height:300px;
					float:left;


			}
 
.msmsms{		                
					position:absolute;
					font-size:16px;
					margin-top:415px;
					margin-left:215px;
					opacity:0;

					}

p#ptext {

					width:311px;
					height:inherit;
					font-size:12px;
					font-weight:normal;
					margin-left:-1px;
					margin-top:-15px;
					padding:0px 0px 0px 25px;
					float:left;
					line-height:16px;
					
					                                 


			}
.alternative{position:absolute;top:200px;left:400px;}

#legend {

					position:absolute;
					z-index:75;
					right:170px;
					top:-12px;
					width:184px;
					height:20px;
					font-weight:bold;
					font-size:14px;
					font-family:Arial, Helvetica, sans-serif;
					text-align:left;

			}



div#Antwort {
					width:371px;
					height:106px;
					position:absolute;
					margin-left:210px;
					margin-top:-15px;
					top:20px;
					text-align:justify;
					overflow:visible;
					color:black;
                    padding-top:20px;
					background-image:url('loesung_bg.png');
					background-size:100% 100%;
					background-position:center 2px;
					background-repeat:no-repeat;
                    background-color:transparent;


			}

.checked  {
					background-color:#222222;
					

}
#indicator{
background-image:url('arrow.png');
background-repeat:no-repeat;
position:absolute;
margin-top:90px;
margin-left:110px;
z-index:140;
height:12px;
width:22px;



}
   
div#NavLeiste {

					height:40px;
					margin-top:44px;
					margin-left:45px;
					position:absolute;

			}

.NavigationF {
					width:154px;
					float:left;
					height:38px;
					background-repeat:no-repeat;
					cursor:pointer; 	
			}


div#Hintergrund {
                			background:none black;
                			position:fixed;
					top:0px;
					left:0px;
					width: 100%;
					height:100%;
					opacity: 0;
					overflow:hidden;
					font-family: Arial, Helvetica, sans-serif;
					z-index:50;
					opacity: 0.45;

display:none;



			}

div#onContExt {
                	                background-color:transparent;
  					position:fixed;
  					top:50%;
					left:50%;
					width: 0%;
					height:0%;
					background-repeat:no-repeat;
					opacity: 1; 
					overflow:visible;
					font-family: Arial, Helvetica, sans-serif;
   					color:#000;
z-index:52;
left: 277px;
top: 56.5px;

background-image: url(hintergrund_onlineberatung_x.png);
background-size:100% 100%;

			}

.Imgeffect{
					width: inherit;
					height: inherit;
			}

.InboxClass{
					width:inherit;
					text-align:center;
					color:#FF0000;
					font-size:1.2em;
					margin-top:-35px;
					

			}

div#XcloseF{
					width:22px;
					height:22px;
					position: absolute;
					margin-left:651px;
					margin-top:30px;
					cursor: pointer;

			}

#XcloseF:hover {
					
	 				background-image:url(close_button_mouse-over.png);
            				background-repeat:no-repeat;

			}

#info{margin-left:-20px;}
.floatText, .floatTextNachR {
					float:left;
					text-align:right;
					font-weight:bold;
					margin-left:2px;
					margin-top:15px;
					position:absolute;
					width:87px;

			}


p#wahl1,
p#wahl2 { 
					height:auto;
					width:150px;
					margin-left:40px;
                    padding:0px;	
                    color:black;
                    margin-top:15px;			

			}




p#wahl1 span,
p#wahl2 span

{
background-image:url(radioaus.png);
background-repeat:no-repeat;
height:16px;
width:16px;
cursor:pointer;
float:left;
margin-left:-20px;


}

.ContainerForm {
					overflow: hidden;
					width: 600px;
					height: 360px;
					position: absolute;
					margin-top:110px;
					margin-left: 62px;
					-moz-opacity:1.0;

			 }



.EbenenPos{
					width: 620px;
					height: 323px;
					float: left;
					top:10px;
					position: absolute;
					-moz-opacity:1.0;
					margin-left: -5px;

			}


.RadioStartClass {
                                        margin-left:20px;
					margin-top:7px;
					float:left;
					cursor:pointer;
					height:auto;
					width:auto;
					position:absolute;

			}


.FormStartClass,
.SCE2,
.SC1E2,
.SCE3,
.ssubCE3 {

					color:#000000;

			}

.FormStartClass{
					height:100px;
					margin-top:120px;
					margin-left:50px;
					font-size:18px;
					font-family:Arial, Helvetica, sans-serif;


			}

.FormEbene4Class1,
.FormEbene4Class2,
.FormEbene4Class3,
.FormEbene4Class5 {

					height:18px;
					width:125px;
					font-size:12px;
					color:darkblue;
					margin-left:100px;
					margin-top:10px;
					padding:1px;
					float:none;
					border: solid 1px;
					border-color:#548bce;

				}


.FormEbene4Class2:focus,
.FormEbene4Class3:focus,
.FormEbene4Class4:focus,
.FormEbene4Class5:focus,
.FormEbene4Class1:focus,
.TextAreaClass:focus {

					border-color: #CCCCCC;
				}



.TextAreaClass {
					font-size:14px;
					margin-left:100px;
					width:468px;
					height:113px;
					text-align:left;
					margin-top:-5px;
					padding:3px;
					border: solid 1px;
					border-color:#548bce;
resize:none;

				}

.Containerformclass1 {
					margin-left: 0px;
					overflow:hidden;
				}

.SCE3 {
					margin-top:100px;
					margin-left:40px;

				}

.ssubCE3 {	        width:auto;
					height:auto;
					margin-left:-10px;
					margin-top:43px;
					}

.SCE2{		
					float:left;
					margin-top:80px;
					margin-left:40px;

				}

.SC1E2 {
					margin-top:90px;
					margin-left:275px;
					

				}






.mitte5 {
					width:auto;
					height:auto;
					margin-top:4px;
					float:left;
					position:absolute;

				}


.optE3{
					width:420px;
					height:40px;
					margin-left:10px;
					margin-top:20px;
					font-size:14px;
					float:none;
					line-height:16px;
					text-align:left;

				}



.RadioStartClass:focus+p,
p#wahl1:hover,
p#wahl2:hover,
.mitte5:focus+p,
.mitte:focus+p,
.optE3:hover,
.optE2:hover {

		 			color: #65A3DC;
					cursor:pointer;


				}


.box {
					width:300px;
					height:200px;
					border:solid 1px;
					border-color:#000000;
					float:left;
					
				}

.marginl{ margin-left:20px;}

.mitte {

					width:auto;
					height:auto;
					position:absolute;
					margin-left:0px;
					margin-top:4px;
					cursor:pointer;

				}

.optE2 {
					width:200px;
					height:15px;
					margin-top:0px;
					margin-left:20px;
					font-size:14px;
					height:17px;
					overflow:visible;
					

				}

.optE2,.ssubCE3,

.ICE2 { 			margin-top:10px;
					margin-left:10px;
					width:200px;
					height:20px;
					text-align:left;
					}		



.duo {
					background-color:#000099;
					position:absolute;
					top:200px;
					left:100px;
					width:600px;
					height:500px;
				 }
	 
.trio{
					background-color:#00CC33;
					width:200px;
					height:20px;
					float:left;
					color:white;
				}	 

.duo1{
					width:600px;
					height:200px;
					border-color:#000000;}


.inside{
				
					background-color:#ffffff;
					width:200px;
					height:auto;
				}

.offen{
					width:200px;
					height:auto;
		
				}

.boxen{
					background-color:#000000;
					height:20px;
					border:solid 1px;
					border-color:#000000;
				}

.m{
					height:506px;
					width:726px;
					background-image:url(hintergrund_onlineberatung_x.png);
					background-repeat:no-repeat;
					color:#0000CC;	
			
				}
    
.i{
					height:34px;
					width:600px;
					margin-top:64px;
					margin-left:62px;
					position:absolute;
	
				}

.NavBottom{
					width:152px;
					height:41px;
					position:absolute;
					bottom:1px;
					margin-left:40px;
					cursor:pointer;
					display:block;
                    font-size:27px;
                    color:black;
					font-family:Arial, Helvetica, sans-serif;
-moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
								}
.NavBottom span, .NavBottom1 span{
font-weight:bold;


}
.NavBottom:hover,.NavBottom1:hover{
	 				color:#ffffff;
	 								}

p#frage,
#frage2,
#frage3 {
					margin-left:30px; 
					color: black; 
					font-size:18px;
					position:absolute;
					margin-top:40px;
					font-weight:bold;


				}


.NavBottom1{
					width:152px;
					height:41px;
					position:absolute;
					bottom:1px;
					right:40px;
					cursor:pointer;
					color:black;
					display:block;
					font-size:27px;
					font-family:Arial, Helvetica, sans-serif;
				-moz-user-select: none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        -o-user-select: none; 
					
				}

	


input#Senden {
     margin-left:450px;
     float:left;
     font-size:27px;
     font-family:Arial, Helvetica, sans-serif;
	      border:none;
     background-color:#8EBBE5;
     width:auto;
     position:absolute;
     cursor:pointer;
     margin-top:8px;
                                      	}


                                  

input#Senden:hover {


					color:#ffffff;
 text-shadow: 
        0px 0px 10px #FF0033, 
        -1px -1px #000;

			}








.floatText:hover::before {
					display:block;
			}



.floatText:hover::after {

					width:122px;
					display:block;
					margin:30px 0 0 5px;

			}



/* Erweiterung f?r im Detail - Sonstiges */

input#U1 {
                                        margin-top:10px;
					margin-left:37px;
					float:left;


			}


input#U2 {			margin-top:10px;
					margin-left:-16px;
					float:left;
			}

p#Utxt1 {
					margin-top:11px;
					margin-left:60px;
					font-size:12px;
					line-height:12px;
					cursor:pointer;

			}


p#Utxt2 {
					margin-left:60px;
					font-size:12px;
					line-height:20px;
                                        margin-top:10px;
					cursor:pointer;

			}


.Persoptioneben {
					position:absolute;
					background-color:white;
					margin-left:-19px;
					margin-top:75px;
					top:55px;
					width:440px;
					height:0px;
					padding:3px;
					border: solid 1px;
					border-color:#548bce;

			}


.Normoptioneben {
					position:absolute;
					margin-left:32px;
					margin-top:35px;
					top:155px;
					width:440px;

			}

.Normoptioneben {
					
					    background-color: white;
    border: 1px solid #548BCE;
			}


textarea#firstOpttextarea {
					width:420px;
					max-width:420px;
					height:0px;
					max-height:70px;
					margin-top:10px;
					border:none;
					margin-left:10px;
					-moz-opacity:0.5;
					-khtml-opacity: 0.5;
					opacity: 0.5;
					color:darkblue;
					resize:none;


			}



#legend {
					
					border-radius:6px;
					-moz-border-radius:6px;
					-webkit-border-radius:6px;
					-webkit-border-radius:6px;
					text-decoration:underline;
					margin-left:40px;
					
			}


#Oder{
position: absolute;
color: darkred;
margin-left: 47px;
top: 95px;
font-size:10px;
font-weight: bold;

}


p{-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;}
div#E4{margin-left: 0px;
}
div#E14{margin-left: 600px;}
div#E24{margin-left: 1200px;}
div#E34{margin-left: 1800px;}


.radioAUS{
background-image:url(radioaus.png);
background-repeat:no-repeat;
background-size:16px 16px;
height:16px;
width:16px;
cursor:pointer;
float:left;
margin-left:-25px;
margin-top:2px;
}
.radioAUS:hover{
background-image:url(radiohover.png);
}
#Formular1 p:hover span.radioAUS, .ICE2 p:hover span.radioAUS, .optE3:hover span.radioAUS{
background-image:url(radiohover.png);
}
#NavHelp{
border: 1px solid;
color:white;
background-color:transparent;
font-size:8px;
height:0px;
width:0px;
position:absolute;
z-index:56;
opacity:50;
}




.HelpN {
margin-top:5px;
margin-left:-25px;
font-size:10px;
color:#000000;
position: absolute;
font-weight:900;
font-family:"Lucida Sans Unicode", "Lucida Grande", verdana;

}

#Formular1 span.HelpN{
margin-left:5px;
float:left;
height:30px;
}
#Formular1 span:nth-child(3n){
margin-top:20px;
}
.PleaseAnimation{
animation-name: Panimation;
animation-duration: 0.5s;
animation-timing-function: linear;
animation-iteration-count: 1;
/* Firefox: */
-moz-animation-name: Panimation;
-moz-animation-duration: 0.5s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: 1;
/* Safari and Chrome: */
-webkit-animation-name: P_animation;
-webkit-animation-duration: 0.5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
/* Opera: */
-o-animation-name: P_animation;
-o-animation-duration: 0.5s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: 1;
}
@keyframes Panimation
{
0% {margin-left:-10px;}
20% {margin-left:-10px;}
30% {margin-left:7px;}
40% {margin-left:-7px;}
55% {margin-left:5px;}
60% {margin-left:-5px;}
65% {margin-left:0px;}
}

@-moz-keyframes Panimation /* Firefox */
{
0% {margin-left:-10px;}
20% {margin-left:-10px;}
30% {margin-left:7px;}
40% {margin-left:-7px;}
55% {margin-left:5px;}
60% {margin-left:-5px;}
65% {margin-left:0px;}
}

@-webkit-keyframes P_animation/* Safari and Chrome */
{
0% {margin-left:-10px;}
20% {margin-left:-10px;}
30% {margin-left:7px;}
40% {margin-left:-7px;}
55% {margin-left:5px;}
60% {margin-left:-5px;}
65% {margin-left:0px;}
}

@-o-keyframes P_animation /* Opera */
{
0% {margin-left:-10px;}
20% {margin-left:-10px;}
30% {margin-left:7px;}
40% {margin-left:-7px;}
55% {margin-left:5px;}
60% {margin-left:-5px;}
65% {margin-left:0px;}
}