/* ---------------------- */
/* styled by jr-design.ch */
/* ---------------------- */


@media (min-width: 992px) {
	#top-bar {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 45px;
		background: #FFF;
		z-index: 299;
	}

	#header { margin-top: 45px; }

	#header.sticky-header #header-wrap { top: 45px; }
}

#primary-menu ul li a {
	padding-left: 10px;
	padding-right: 10px;
	//font-size: 12px;
	//letter-spacing: 0;
}


@font-face {
font-family: 'OCR-B 10 BT';
font-style: normal;
font-weight: normal;
src: local('OCR-B 10 BT'), url('OCR-b___.woff') format('woff');
}

.button-green { background-color: #87BF0F; }
.button-3d.button-green:hover,
.button-reveal.button-green:hover,
.button-border.button-green:hover,
.button-border.button-green.button-fill:before { background-color: #87BF0F!important; }

.button-border.button-green {
	color: #87BF0F;
	border-color: #87BF0F;
}


.button.ColorRed { background-color: #dc0000;color:#ffffff; }
 
.button.ColorRed:hover { background-color: #ffffff;color:#dc0000; }

.fiveSteps li{width:20%;}

ul{
	margin-left:25px;
	margin-bottom:5px;
}

ol{
	margin-left:25px;
}


.btnBlackToBlue,a.btnBlackToBlue, a.btnBlackToBlue:link, a.btnBlackToBlue:visited {
    color: #555555;
}

.btnBlackToBlue:hover,a.btnBlackToBlue:hover {
    color: #3FA3DC;
}


.cGreen{
	color: #8AC007;	
}

.cOrange{
	color: #ff6600;	
}


.cBlue{
	color: #0097F7;	
}

.cRed{
	color: #dc0000;	
}

.cGrey{
	color: #777777;	
}


.btnFAHover
{
	color:#ff6600;	
}

.btnFAHover:hover
{
	color: #8AC007;	
	text-decoration:none;
}


.btnFAHoverGrey
{
	color:#555555;	
}

.btnFAHoverGrey:hover
{
	color: #8AC007;	
	text-decoration:none;
}

.btnFAHoverGreen
{
	color:#8AC007;	
}

.btnFAHoverGreen:hover
{
	color: #ff6600;	
	text-decoration:none;
}


.btnFAHoverBlue
{
	color: #0097F7;	
}

.btnFAHoverBlue:hover
{
	color: #ff6600;	
	text-decoration:none;
}




.btnFAHoverRed
{
	color: #dc0000;	
}


.btnFAHoverRed:hover
{
	color: #ff6600;	
	text-decoration:none;
}

.btnFAHoverGold
{
	color:   #938057;	
}

.btnFAHoverGold:hover
{
	color: #dc0000;	
	text-decoration:none;
}


.btnFAHoverPurple
{
	color:  #951B81;	
}

.btnFAHoverPurple:hover
{
	color:  #CC0099;	
	text-decoration:none;
}


.btnFAHoverYellow
{
	color:  #FFCC00;	
}

.btnFAHoverYellow:hover
{
	color:  #dc0000;	
	text-decoration:none;
}

.btnFAHoverWhite
{
	color:  #ffffff;	
}

.btnFAHoverWhite:hover
{
	color:  #dc0000;	
	text-decoration:none;
}




.divInfoGreen{
	 background-color:#99CC00;
	 color:#FFFFFF;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoOrange{
	 background-color: #FF9900;
	 color:#FFFFFF;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoRed{
	 background-color: #dc0000;
	 color:#FFFFFF;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoGrey{
	 background-color: #f1f1f1;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoGreyDark{
	 background-color: #707070;
	 padding:10px;
	 margin-bottom:15px;
	 color:#FFFFFF;
}

.divInfoBlue{
	 background-color: #32ABF9;
	 color:#FFFFFF;
	 padding:10px;
	 margin-bottom:15px;
}

.divInfoBeige{
	 background-color: #BFB091;
	 color:#FFFFFF;
	 padding:10px;
	 margin-bottom:15px;
}


/* transparent */
.trans40 {
    opacity: .4;
    filter: alpha(opacity=40);
    -moz-opacity: .4;
}
.trans50 {
    opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
}
.trans60 {
    opacity: .6;
    filter: alpha(opacity=60);
    -moz-opacity: .6;
}

.trans80 {
    opacity: .8;
    filter: alpha(opacity=80);
    -moz-opacity: .8;
    -webkit-opacity: 0.8; 
	-khtml-opacity:0.8;
	-o-opacity:0.8;
	filter:Aplha(opacity=80);
    }
    
.trans90 {
    opacity: .9;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    }


.LBlue
		{
		height:1px;
		background-color:#32ABF9;
		clear:left;
		margin-bottom:5px;
		}
.LGreen
		{
		height:1px;
		background-color: #99CC00;
		clear:left;
		margin-bottom:5px;
		}
.LOrange
		{
		height:1px;
		background-color: #FF9900;
		clear:left;
		margin-bottom:5px;
		}

.LGrey
		{
		height:1px;
		background-color:#555555;
		clear:left;
		margin-bottom:5px;
		}

.LGreyBright
		{
		height:1px;
		background-color: #DEE2E6;
		clear:left;
		margin-bottom:5px;
		}


.Ldot
		{
		height:1px;
		background-image:url('../images/dots_x.gif');
		clear:left;
		}


.LRed
		{
		height:1px;
		background-color:#dc0000;
		clear:left;
		margin-bottom:5px;
		}
	
.LGold
	{
	height:1px;
	background-color: #C1A374;
	clear:left;
	margin-bottom:5px;
	}
	
.LPurple
	{
	height:1px;
	background-color: #951B81;
	clear:left;
	margin-bottom:5px;
	}


.eckenrundungTopLeft { 
 -moz-border-radius:5px 0px 0px 0px; /* Firefox */
 -webkit-border-radius:5px 0px 0px 0px; /* Chrome, Safari */
 -khtml-border-radius:5px 0px 0px 0px; /* Konqueror */
 border-radius:5px 0px 0px 0px; /* CSS3 */

 } 

.eckenrundungTopRight { 
 -moz-border-radius:0px 5px 0px 0px; /* Firefox */
 -webkit-border-radius:0px 5px 0px 0px; /* Chrome, Safari */
 -khtml-border-radius:0px 5px 0px 0px; /* Konqueror */
 border-radius:0px 5px 0px 0px; /* CSS3 */
 } 


.eckenrundungBottomLeft { 
 -moz-border-radius:0px 0px 0px 5px; /* Firefox */
 -webkit-border-radius:0px 0px 0px 5px; /* Chrome, Safari */
 -khtml-border-radius:0px 0px 0px 5px; /* Konqueror */
 border-radius:0px 0px 0px 5px; /* CSS3 */

 } 

.eckenrundungBottomRight { 
 -moz-border-radius:0px 0px 5px 0px; /* Firefox */
 -webkit-border-radius:0px 0px 5px 0px; /* Chrome, Safari */
 -khtml-border-radius:0px 0px 5px 0px; /* Konqueror */
 border-radius:0px 0px 5px 0px; /* CSS3 */

 } 




.eckenrundungTop { 
 -moz-border-radius:5px 5px 0px 0px; /* Firefox */
 -webkit-border-radius:5px 5px 0px 0px; /* Chrome, Safari */
 -khtml-border-radius:5px 5px 0px 0px; /* Konqueror */
 border-radius:5px 5px 0px 0px; /* CSS3 */

 } 


.eckenrundungBottom { 
 -moz-border-radius:0px 0px 5px 5px; /* Firefox */
 -webkit-border-radius:0px 0px 5px 5px; /* Chrome, Safari */
 -khtml-border-radius:0px 0px 5px 5px; /* Konqueror */
 border-radius:0px 0px 5px 5px; /* CSS3 */

 } 



.eckenrundungBottomAndRight { 
 -moz-border-radius:0px 5px 5px 5px; /* Firefox */
 -webkit-border-radius:0px 5px 5px 5px; /* Chrome, Safari */
 -khtml-border-radius:0px 5px 5px 5px; /* Konqueror */
 border-radius:0px 5px 5px 5px; /* CSS3 */

 } 


.eckenrundungDiagonal { 
 -moz-border-radius:5px 0px 5px 0px; /* Firefox */
 -webkit-border-radius:5px 0px 5px 0px; /* Chrome, Safari */
 -khtml-border-radius:5px 0px 5px 0px; /* Konqueror */
 border-radius:5px 0px 5px 0px; /* CSS3 */

 } 


.eckenrundung { 
 -moz-border-radius:3px 3px 3px 3px; /* Firefox */
 -webkit-border-radius:3px 3px 3px 3px; /* Chrome, Safari */
 -khtml-border-radius:3px 3px 3px 3px; /* Konqueror */
 border-radius:3px 3px 3px 3px; /* CSS3 */

 } 


.yt-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.yt-container iframe, .yt-container object, .yt-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


#result{
	margin-left:5px;
}

#resultEMail{
	margin-left:5px;
}

#register .short{
	color:#DC0000;
}

#register .weak{
	color:#FF6600;
}

#register .fair{
	color: #0099FF;
}

#register .good{
	color: #99CC00  ;
}

#register .strong{
	color: #33CC33;
}

#register .verystrong{
	color: #CC00FF;
}

#register .nomail{
	color:#DC0000;
}

#register .nok{
	color:#FF6600;
}

#register .ok{
	color: #99CC00;
}


	/* transparent */
			.trans40 {
			    opacity: .4;
			    filter: alpha(opacity=40);
			    -moz-opacity: .4;
			    -webkit-opacity: 0.4; 
				-khtml-opacity:0.4;
				-o-opacity:0.4;
			}
			.trans50 {
			    opacity: .5;
			    filter: alpha(opacity=50);
			    -moz-opacity: .5;
			    -webkit-opacity: 0.5; 
				-khtml-opacity:0.5;
				-o-opacity:0.5;
			}
			.trans60 {
			    opacity: .6;
			    filter: alpha(opacity=60);
			    -moz-opacity: .6;
			    -webkit-opacity: 0.6; 
				-khtml-opacity:0.6;
				-o-opacity:0.6;
				
			}
			
			.trans80 {
			    opacity: .8;
			    filter: alpha(opacity=80);
			    -moz-opacity: .8;
			    -webkit-opacity: 0.8; 
				-khtml-opacity:0.8;
				-o-opacity:0.8;
				
			    }
			    
			.trans90 {
			    opacity: .9;
			    filter: alpha(opacity=90);
			    -moz-opacity: .9;
			    -webkit-opacity: 0.9; 
				-khtml-opacity:0.9;
				-o-opacity:0.9;
			    }
			    
.btnGoToGreen,a.btnGoToGreen, a.btnGoToGreen:link, a.btnGoToGreen:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color: #8AC007;  
    letter-spacing:0.5pt;

	text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
    margin:0;
    border:1px solid #8AC007;
    white-space:nowrap;
    transition: background .3s ease-in-out;
    cursor:pointer;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);


}

.btnGoToGreen:hover,a.btnGoToGreen:hover {
    background-color:#ffffff;
    color:#8AC007;

}

			    
.btnGoToPink,a.btnGoToPink, a.btnGoToPink:link, a.btnGoToPink:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color: #FF428D;  
    letter-spacing:0.5pt;

	text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
    margin:0;
    border:1px solid #FF428D;
    white-space:nowrap;
    transition: background .3s ease-in-out;
    cursor:pointer;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);


}

.btnGoToPink:hover,a.btnGoToPink:hover {
    background-color:#ffffff;
    color:#FF428D;

}







.btnGoToGrey,a.btnGoToGrey, a.btnGoToGrey:link, a.btnGoToGrey:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color: #707070;  
    letter-spacing:0.5pt;

	text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
    margin:0;
    border:1px solid #707070;
    white-space:nowrap;
    transition: background .3s ease-in-out;
    cursor:pointer;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.btnGoToGrey:hover,a.btnGoToGrey:hover {
    background-color:#ffffff;
    color:#707070;

}


.btnGoToGreyDis,a.btnGoToGreyDis, a.btnGoToGreyDis:link, a.btnGoToGreyDis:visited {
    font-family:Arial, Helvetica, sans-serif;
    display:inline-block;
    color:#808080;
    background-color:  #eaeaea;
    font-size:15px;
    text-align:center;
    padding:3px 16px;
    text-decoration:none;
    margin-left:0;
    margin-top:0px;
    margin-bottom:5px;
    border:1px solid #808080;
    white-space:nowrap;
    cursor: default;

}

.btnGoToGreyDis:hover,a.btnGoToGreyDis:hover {
 

}




.btnGoToOrange,a.btnGoToOrange, a.btnGoToOrange:link, a.btnGoToOrange:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color: #FF9900;  
    letter-spacing:0.5pt;

	text-align:center;
    text-decoration:none;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    border:1px solid #FF9900;
    white-space:nowrap;
    transition: background .3s ease-in-out;
    cursor:pointer;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);


}

.btnGoToOrange:hover,a.btnGoToOrange:hover {
    background-color:#ffffff;
    color:#FF9900;

}


.btnGoToBlue,a.btnGoToBlue, a.btnGoToBlue:link, a.btnGoToBlue:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color: #3FA3DC;  
    letter-spacing:0.5pt;

	text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
    margin:0;
    border:1px solid #3FA3DC;
    white-space:nowrap;
    transition: background .3s ease-in-out;
    cursor:pointer;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}

.btnGoToBlue:hover,a.btnGoToBlue:hover {
    background-color:#ffffff;
    color:#3FA3DC;

}

.btnGoToRed,a.btnGoToRed, a.btnGoToRed:link, a.btnGoToRed:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color: #dc0000;  
    letter-spacing:0.5pt;

	text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
    margin:0;
    border:1px solid #dc0000;
    white-space:nowrap;
    transition: background .3s ease-in-out;
    cursor:pointer;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);


}

.btnGoToRed:hover,a.btnGoToRed:hover {
    background-color:#ffffff;
    color:#dc0000;

}

.btnGoToGold,a.btnGoToGold, a.btnGoToGold:link, a.btnGoToGold:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color:  #BFB091;  
    letter-spacing:0.5pt;

	text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
    margin:0;
    border:0px solid #ffffff;
    white-space:nowrap;
    transition: background .3s ease-in-out;
    cursor:pointer;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);

}

.btnGoToGold:hover,a.btnGoToGold:hover {
    background-color:#ffffff;
    color:#BFB091;

}

.btnGoToGoldBo,a.btnGoToGoldBo, a.btnGoToGoldBo:link, a.btnGoToGoldBo:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color:   #AE9B73;  
    letter-spacing:0.5pt;

	text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
    margin:0;
	border:1px solid  #AE9B73;
    white-space:nowrap;
    transition: background .3s ease-in-out;
    cursor:pointer;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	

}

.btnGoToGoldBo:hover,a.btnGoToGoldBo:hover {
    background-color:#ffffff;
    color:#B49F70;

}


.btnGoToPurple,a.btnGoToPurple, a.btnGoToPurple:link, a.btnGoToPurple:visited {
    display:inline-block;
    color:#FFFFFF;
    background-color: #951B81;  
    letter-spacing:0.5pt;

	text-align:center;
    padding-left:10px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-decoration:none;
    margin:0;
    border:1px solid #951B81;
    white-space:nowrap;
    transition: background .3s ease-in-out;
    cursor:pointer;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);


}

.btnGoToPurple:hover,a.btnGoToPurple:hover {
    background-color:#ffffff;
    color:#951B81;

}




.btnSmall{
    padding-left:5px;
    padding-right:5px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:13px;
}
/* jquery datepicker schriftgrösse */
div.ui-datepicker{ 
 font-size:13px;
 color:#222222;


 }
.ui-datepicker .ui-datepicker-title select {
    color: #222222;
}

.date-form { margin: 10px; }
label.control-label span { cursor: pointer; }