html {
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
	overflow-x:hidden;
	scroll-behavior: smooth;
	background-image:url(../images/bg_scroll.jpg);
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

body {			
	position:absolute; 
	top:0; 
	left:0; 
	margin:0px;
	padding:0px;
	width: 100%; 
	height:100%;
	color:#787878;
}



.font10 { font-size:10px; font-size:0.625rem; }
.font11 { font-size:11px; font-size:0.688rem; }
.font12 { font-size:12px; font-size:0.750rem; }
.font13 { font-size:13px; font-size:0.813rem; }
.font14 { font-size:14px; font-size:0.875rem; }
.font15 { font-size:15px; font-size:0.938rem; }
.font16 { font-size:16px; font-size:1.000rem; }
.font17 { font-size:17px; font-size:1.063rem; }
.font18 { font-size:18px; font-size:1.125rem; }
.font20 { font-size:20px; font-size:1.250rem; }
.font22 { font-size:22px; font-size:1.375rem; }
.font24 { font-size:24px; font-size:1.500rem; }
.font26 { font-size:26px; font-size:1.625rem; }
.font30 { font-size:30px; font-size:1.876rem; }
.font32 { font-size:32px; font-size:2.000rem; }
.font34 { font-size:34px; font-size:2.125rem; }
.font36 { font-size:36px; font-size:2.250rem; }
.font38 { font-size:38px; font-size:2.375rem; }
.font40 { font-size:40px; font-size:2.500rem; }
.font44 { font-size:44px; font-size:2.750rem; }
.font48 { font-size:48px; font-size:3.000rem; }
.font50 { font-size:48px; font-size:3.125rem; }
.font60 { font-size:60px; font-size:3.750rem; }
.font65 { font-size:65px; font-size:4.063rem; line-height:4.063rem; }
.font70 { font-size:70px; font-size:4.375rem; line-height:4.375rem; }
.font72 { font-size:72px; font-size:4.500rem; }

.weiss{background-color:#ffffff;}
.grau{background-color:#f9f9f9;}

.gruen {
	font-family: 'Source Sans Pro';
	color: #97bf0d;
	font-size:20px;
	padding-bottom:10px;
}

.rot {
	font-family: 'Source Sans Pro';
    color: #ae0f0a;
	font-size:20px;
	padding-bottom:10px;
}

/* fix für iphone scrolling im iframe :: start */

	.scroll-wrapper{
		position: fixed; 
		right: 0; 
		bottom: 0; 
		left: 0;
		top: 0;
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}    
/* fix für iphone scrolling im iframe :: ende */

/* cookie hinweis :: start */

	.cc_container .cc_btn {
	background-color: rgba(54, 143, 203, 1) !important; /* Farbe des Buttons */
	color: #ffffff !important; /* Textfarbe des Buttons */
	}
	
	.cc_container {
	background: #ebebeb !important; /* Hintergrundfarbe des gesamten Bereichs */
	color: #323232 !important; /* Schriftfarbe des gesamten Bereichs */
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
	}
	
	.cc_container a {
	color: rgba(54, 143, 203, 1) !important; /* Textlink-Farbe "Mehr Infos" */
	}
	
	.cc_container .cc_btn_decline {
	background-color: #323232 !important; /* Farbe des Buttons */
	color: #ffffff !important; /* Textfarbe des Buttons */
	}
	
	.hinweistext{
				   color:#646464;
	}
	
	.hinweistext2{
		font-family:Spartan;			
		color:#3ebb00;
	}
	
	a.vollmond_impr{
		color:#2581c4 !important;
		transition:all 0.3s;
	}
	
	a.vollmond_impr:hover{
		color:#a8cde7 !important;
		transition:all 0.3s;
	}
                
/* cookie hinweis :: ende */



.grau_50 p{
		font-family: 'Source Sans Pro';
		font-weight:400;
		font-size:18px;
		line-height:28px;
		color:#ffffff;
		margin-top:100px;
	}


p,div { font-family:  'Roboto', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; margin-top:0px; padding-top:0px; font-weight:300; word-wrap: break-word; color:#343d47;}
td {    font-family:  'Roboto', Arial, Helvetica, sans-serif; margin-top:0px; padding-top:0px; }



td.mail{color:#f9f9f9; font-size:14px; line-height:24px; text-decoration:none;}
td{color:#f1f1f1;}
textarea{font-family: 'Source Sans Pro'; font-size:14px;  resize:vertical;}

form{height:100%;}

a:link, a:visited {font-family: 'Source Sans Pro'; color:#343d47; font-size:16px; text-decoration:none; transition: all 0.3s;}
a:active, a:hover{font-family: 'Source Sans Pro'; color:#85898d; font-size:16px; text-decoration:none; transition: all 0.3s;}

.c_link_active {
	font-family:'Source Sans Pro';
	font-size:16px;
	line-height:24px;
	color: #343d47;
	font-weight: normal;
	text-decoration:underline;
	cursor:pointer;
}

a.mail:link, a.mail:visited {font-family: 'Source Sans Pro'; color:#a3742a; font-size:16px; text-decoration:none;}
a.mail:active, a.mail:hover{font-family: 'Source Sans Pro'; color:#787878; font-size:16px; text-decoration:none;}

a.button_header1{font-family: 'Source Sans Pro'; color:#ffffff; font-size:14px; padding:10px 20px 7px; text-decoration:none; background-color:#a2c614; border:1px solid #a2c614; border-radius:5px; transition:all 0.3s; box-sizing:border-box;}
a.button_header1:hover{color:#a2c614; background-color:#ffffff; transition:all 0.3s;}

a.button_header2{font-family: 'Source Sans Pro'; color:#ffffff; font-size:14px; padding:10px 20px 8px; text-decoration:none; background-color:#a2c614; border:1px solid #a2c614; border-radius:5px; transition:all 0.3s;}
a.button_header2:hover{color:#a2c614; background-color:#ffffff; transition:all 0.3s;}

a.mailto:link, a.mailto:visited {font-family: 'Source Sans Pro'; font-style:italic; color:#323232; font-size:14px; text-decoration:none;}
a.mailto:active, a.mailto:hover{font-family: 'Source Sans Pro'; font-style:italic; color:#e2001a; font-size:14px; text-decoration:none;}


.standard{ float:left; display:inline; position:relative; margin:0px; padding:0px; text-align:left;}
.ma_standard { position:relative; display:inline; float:left; }
.standard_r{ float:right; display:inline; position:relative; margin:0px; padding:0px; text-align:left;}


.topdiv { padding:0px; margin:0px; height:100%; width:100%; position:absolute; top:0px;  }
.toptab { height:100%; width:100%; padding:0px; margin:0px;  }


.align_l{text-align:left; float:left; display:inline; position:relative;}
.align_r{text-align:right; float:right; display:inline; position:relative;}
.align_center{text-align:center; margin:0 auto; display:inline; position:relative;}

.bgdiv_con_100{ float:left; position:relative; display:inline; width:100%; margin:0 0 0 0; padding:0 0 0 0; box-sizing:border-box;}


.bg_blau_50{background-color:rgba(54, 143, 203, 0.5);}
.bg_blau p{color:#ffffff;}
.bg_hellblau{background-color:#f6fafd;}


.100_pad{padding:0px 50px;}

.bgdiv_con_center{ margin:0 auto; padding:0px; }
.bgdiv_con_center_1200{ margin:0 auto; padding:0px; }
.center{ margin:0 auto; padding:0px; text-align:center;}



a.back_button:link, a.back_button:visited{
		font-family: 'Source Sans Pro';
		font-size:18px;
		color:#343d47;
		font-weight:400;
		margin:0;
		position:absolute;
		top:10px;
		transition:all 0.3s;
	}
	
a.back_button:active, a.back_button:hover{
		color:#85898d ;
		transition:all 0.3s;
	}



	


/* responsive menu */
	
		a.logo_res{
			height:66px;
			width:188px;
			background-image:url(../images/logo_res.png);
			background-repeat:no-repeat;
			background-position:left center;
			background-size: auto 46px;
			margin-left:40px;
		}
		
		a.nav_res{
			font-family: 'Source Sans Pro';
			color:#ffffff;
			font-size:24px;
			font-weight:400;
			
		}
		
		.menu { 
			  float: left;
			  overflow-y:auto;
			  -webkit-transition: all 0.3s ease;  
			  -moz-transition: all 0.3s ease;
			  -ms-transition: all 0.3s ease;
			  transition: all 0.3s ease; 
			  
			}
			.menu ul { 
			  padding: 0px;
			  margin: 0px;
			  list-style: none;
			  position: relative;
			  display: inline-table;
			  z-index:9999;
			   
			}
			.menu > li > ul.sub-menu {
				min-width: 10em;
				padding: 4px 0;
				background-color: #00f0f0;
				border: 1px solid #142b47;
				  z-index:9999;
			}
			.menu ul li { padding: 0px; margin: 0px; }
			.menu > ul > li { display: inline-block; }
			.menu ul li a { display: block; text-decoration: none; color: #505050; font-size: 16px; font-family:  'Pragati Narrow', Arial, Helvetica, sans-serif; font-weight:500;}
			.menu ul li > a { height:20px; padding: 20px; }
			.menu ul li > p { min-height:20px; padding: 20px; }
			.menu ul ul { 
			  display: none; 
			  position: absolute; 
			  top:100%;
			  min-width: 160px;
			  background-color: #f1f1f1;
			  border: 1px solid #142b47;
			}
			.menu ul li:hover > ul { display: block; }
			.menu ul ul > li { position: relative; }
			.menu ul ul > li a { padding: 5px 15px 5px 10px; height: auto; background-color: #f1f1f1; }
			.menu ul ul > li a:hover { background-color: #f1f1f1; color: #2581c4; }
			.menu ul ul > li a.sub1active { background-color: #646464; color: #ffffff; }
			.menu ul ul ul { position: absolute; left: 100%; top:0; }

	/* ende responsive menu */


	/* HEADERBILD */
	
	/* HEADERBILD */
	
	.rslides {
			  list-style: none;
			  overflow: hidden;
			  width: 100%;
			  height:100%;
			  padding: 0;
			  margin: 0;
			  display: block;
			  position: relative;
			  }
	

			.rslides li {
			  -webkit-backface-visibility: hidden;
			  position: absolute;
			  display: none;
			  width: 100%;
			  left: 0;
			  top: 0;
			  margin:0;
			  padding:0;
			  }

			.rslides li:first-child {
				
			  position: relative;
			  display: block;
			  float: left;
			  }

			.rslides img {
			  display: block;
			  height: auto;
			  float: left;
			  width: 100%;
			  border: 0;
			  }
			  
			.large-btns_tabs{
				margin:-115px 0 0;
				z-index:999;
				position:relative;
			}
			
			.large-btns_tabs li {
				display: inline;
				float: none;
			}
			
			.large-btns_tabs a {
				border:2px solid #368fcb;
				background-color:#ffffff;
				width:15px;
				height:15px;
				color:rgba(0, 0, 0, 0.0);
				display: inline-block;
				overflow: hidden;
				text-indent: -9999px;
				margin-right:10px;
				box-sizing:border-box;
			}
			
			.large-btns_here a {
				border:2px solid #368fcb;
				background-color:#368fcb;
				width:15px;
				height:15px;
				box-sizing:border-box;
			}
	
	/* HEADERBILD */
	
	
	
	
	a.content_button:link, a.content_button:visited{
		font-size:14px;
		padding:11px 20px;
		color:#ffffff;
		border:1px solid #2756a0;
		border-radius:3px;
		background-color:#2756a0;
		font-weight:500;
	}
	
	a.content_button:active, a.content_button:hover{
		color:#2756a0;
		background-color:#ffffff;
	}
	
	
	
	

/* ColorBox */
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999999999999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}


.header_bg{
	float:left;
	display:inline;
	position:relative;
	background-image:url(../upload/header.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}


	

	.ort_icon{
		padding-left:78px;
		background-image:url(../images/icon_ort.png);
		background-position:left center;
		background-size:contain;
		background-repeat:no-repeat;
		}
	
	a.download_rahmen{
		float:left;
		position:relative;
		display:inline;
		width:100%;
	}
	
	.files_border{
		float:left;
		display:inline;
		position:relative;
		margin:10px 0 0 0;
		padding:15px 30px 15px 80px;
		background-repeat: no-repeat;
		cursor:pointer;
		width:100%;
		background-position:center right 20px;
		background-image: url(../images/download_grau.png);
		background-color:#ffffff;
		box-sizing:border-box;
		border: 1px solid #696969;
		border-radius:5px;	
	}
		
	.files_border p{
		font-family: 'Source Sans Pro';
		font-size:18px;
		font-weight:600;
		color:#323232;
		text-decoration:none;
		width:100%;
		margin:0;
	}
	
	a.download_rahmen:hover .files_border{background-image: url(../images/download_rot.png);}
	
	a.download_rahmen:hover .files_border p{color:#e2001a;}
	
	.img_icon{
		position:relative;
		height:24px;
		width:100%;
		margin-top:-40px;
		background-position:left 20px center;
		background-repeat:no-repeat;
		background-image:url(../images/img_ico_grau.png);
		z-index:900;
		float:left;
		display:inline;
		position:relative;
	}
	
	a.download_rahmen:hover .img_icon{
		background-image:url(../images/img_ico_rot.png);
	}
	
	.pdf_icon{
		position:relative;
		background-position:left 20px center;
		background-repeat:no-repeat;
		background-image:url(../images/icon_pdf_grau.png);
		margin-top:-40px;
		height:24px;
		width:100%;
		z-index:900;
		float:left;
		display:inline;
		position:relative;
	}
	
	a.download_rahmen:hover .pdf_icon{
		background-image:url(../images/icon_pdf_rot.png);
	}
	
	
		
	a.download_rahmen:hover a.files_border{background-image: url(../images/download_rot.png);}
	
	.files_border p{
		font-family: 'Source Sans Pro';
		font-size:18px;
		font-weight:600;
		color:#323232;
		text-decoration:none;
		width:100%;
		margin:0;
	}
	a.download_rahmen:hover a.files_border p{
		color:#e2001a;
	}
	
	.bg_nicecon{
		background-color:#f8f8f8;
	}
	
	.nicecon_link a{
		font-weight: 400;
		font-size: 20px;
		color:#5c5c5c;
		margin: 0;
		width:100%;
	}
	
	.nicecon_link_dwl a{
		font-weight: 700;
		font-size: 20px;
		color:#368fcb;
		margin: 0;
		width:100%;
	}
	
	.nicecon_sub_txt_con_100{
		float:left;
		display:inline;
		position:relative;
		margin:0;
		margin-top:10px;
		background-repeat: no-repeat;
		cursor:pointer;
		width:100%;
		background-color:#f0f0f0;
		box-sizing:border-box;
		background-position:center right 40px;
		background-image: url(../images/plus.png);
		background-size:auto 20px;
		transition:all 0.3s;
		padding:14px 98px 12px 40px;
		width:100%;
	}
	
	.nicecon_sub_txt_con_100:hover{
		background-color:#f5f5f5;
		transition:all 0.3s;
	}
		
	.accordion-open{
		background-position:center righ t 40px;
		background-image: url(../images/minus.png);
		background-size:20px auto;
	}
	
	.nicecon_sub_txt_con_100_dwl{
		float:left;
		display:inline;
		position:relative;
		margin:0;
		margin-top:10px;
		background-repeat: no-repeat;
		cursor:pointer;
		width:100%;
		background-color:#ffffff;
		border:2px solid #343d47;
		box-sizing:border-box;
		background-position:center right 40px;
		background-image: url(../images/plus_dwl.png);
		background-size:auto 20px;
		transition:all 0.3s;
		padding:14px 98px 12px 40px;
		width:100%;
	}
	
	.nicecon_sub_txt_con_100_dwl:hover{
		background-color:#f1f1f1;
		transition:all 0.3s;
	}
		
	.accordion3-open{
		background-position:center right 40px;
		background-image: url(../images/minus_dwl.png);
		background-size:20px auto;
	}
	
	.pad_inner{
		padding:40px 0px; width:100%;}
	
	.nicecon_inhalt{
		font-size:16px;
		line-height:24px;
		color:#505050;
		background-color:#ffffff;
		box-sizing:border-box;
		float:left;
		padding:0 40px;
		position:relative;
		width:100%;
	}
	
	.nicecon_inhalt p{
		font-size: 16px;
		color: #343d47;
		margin-bottom:0px;
	}
	
	.nicecon_inhalt_dwl{
		font-size:16px;
		line-height:24px;
		color:#505050;
		background-color:#f5f5f5;
		box-sizing:border-box;
		float:left;
		padding:0 40px;
		position:relative;
		width:100%;
	}
	
	.nicecon_inhalt_dwl p{
		font-size: 18px;
		color: #343d47;
		margin-bottom:0px;
	}
	
	
	.border_acc{
		border-top:1px solid #363636;
		width:100%;
		margin-top:-22px;
		margin-bottom:20px;
	}
	
		
	a.nicecon_files{
		font-family: 'Source Sans Pro';
		font-weight: 400;
		font-size: 18px;
		color:#343d47;
		box-sizing:border-box;
		border:1px solid #368fcb;
		background-color:#ffffff;
		margin:0 10px 10px 0; 
		transition: all 0.3s;
	}	
	a.nicecon_files:hover{
			color:#ffffff;
			background-color:#368fcb;
			transition: all 0.3s;
	}
	
	.pdficon_box{
		height:50px;
		width:25px;
		position:absolute;
		top:0px;
		background-color:#368fcb;
		mask-image:url(../images/pdficon.png);
		-webkit-mask-image:url(../images/pdficon.png);
		mask-position:center center;
		-webkit-mask-position:center center;
		mask-size:contain;
		-webkit-mask-size:contain;
		mask-repeat:no-repeat;
		-webkit-mask-repeat:no-repeat;
		transition:all 0.3s;
	}
	
	.dwl_width_100{width:100%; border:1px solid #999ea3 !important; padding:13px 85px 11px 20px !important;}
	.dwl_rahmen{width:100%;}
	.icon_dwl{background-color:#999ea3; right:20px !important; }
	
	a.nicecon_files:hover .pdficon_box{
		background-color:#ffffff;
	}
	
	.dwl_width_100:hover{
		border:1px solid #368fcb !important;
		transition:all 0.3s;
	}
		
	
	a.nicecon_video{
		font-family: 'Source Sans Pro';
		font-weight: 400;
		font-size: 18px;
		color:#343d47;
		box-sizing:border-box;
		border:1px solid #368fcb;
		background-color:#ffffff;
		margin:0 10px 10px 0; 
		transition: all 0.3s;
	}
	a.nicecon_video:hover{
		color:#ffffff;
		background-color:#368fcb;
		transition: all 0.3s;
	}
	
	.youtubeicon_box{
		height:50px;
		width:25px;
		position:absolute;
		top:0px;
		background-color:#368fcb;
		mask-image:url(../images/youtubeicon.png);
		-webkit-mask-image:url(../images/youtubeicon.png);
		mask-position:center center;
		-webkit-mask-position:center center;
		mask-size:contain;
		-webkit-mask-size:contain;
		mask-repeat:no-repeat;
		-webkit-mask-repeat:no-repeat;
		transition:all 0.3s;
	}
	
	a.nicecon_video:hover .youtubeicon_box{
		background-color:#ffffff;
		transition:all 0.3s;
	}
	
		
	
	a.nicecon_links{
		font-family: 'Source Sans Pro';
		font-weight: 400;
		font-size: 18px;
		color:#343d47;
		box-sizing:border-box;
		border:1px solid #368fcb;
		background-color:#ffffff;
		margin:0 10px 10px 0;
		transition: all 0.3s;
	}
	a.nicecon_links:hover{
		color:#ffffff;
		background-color:#368fcb;
		transition: all 0.3s;
	}
	
	.linkicon_box{
		height:50px;
		width:25px;
		position:absolute;
		top:0px;
		background-color:#368fcb;
		mask-image:url(../images/linkicon.png);
		-webkit-mask-image:url(../images/linkicon.png);
		mask-position:center center;
		-webkit-mask-position:center center;
		mask-size:contain;
		-webkit-mask-size:contain;
		mask-repeat:no-repeat;
		-webkit-mask-repeat:no-repeat;
		transition:all 0.3s;
	}
	
	a.nicecon_links:hover .linkicon_box{
		background-color:#ffffff;
		transition:all 0.3s;
	}
		
		
	
	iframe.gmaps{
		width:100%;
		height:300px;
		margin:0 0 0 0;
		-webkit-filter: grayscale(100%);
		filter: url(desaturate.svg#greyscale);
		-moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		filter: grayscale(100%);
		-moz-transition: all 0.2s ease-out;  /* FF4+ */
		-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.2s ease-out;  /* IE10? */
		transition: all 0.2s ease-out;
	}
                               
	iframe.gmaps:hover{
		-webkit-filter: grayscale(0%);
		filter: url(desaturate.svg#greyscale);
		-moz-filter: grayscale(0%);
		-ms-filter: grayscale(0%);
		-o-filter: grayscale(0%);
		filter: grayscale(0%);
		-moz-transition: all 0.2s ease-out;  /* FF4+ */
		-o-transition: all 0.2s ease-out;  /* Opera 10.5+ */
		-webkit-transition: all 0.2s ease-out;  /* Saf3.2+, Chrome */
		-ms-transition: all 0.2s ease-out;  /* IE10? */
		transition: all 0.2s ease-out;
	}
	
	ul li{
		color:#5c5c5c;
		font-family: 'Roboto';
	}
	
	ul{
		list-style-image:url(../images/ul_icon.png);
	}
	
	li{
		margin-bottom:5px;
	}
	
	.bg_blau ul li{
		color:#5c5c5c;
		font-family: 'Source Sans Pro';
	}

	a.zumlogin{
		font-family: 'Source Sans Pro';
		font-size:16px;
		color:#ffffff;
		width:200px;
		height:40px;
		text-align:center;
		background-color:#a2c614;
		border:2px solid #a2c614;
		border-radius:5px;
		float:left;
		padding-top:6px;
		box-sizing:border-box;
		margin:25px 20px 0 0;
		transition:all 0.3s;
	}	

	a.zumlogin:hover{
		color:#a2c614;
		background-color:#ffffff;
		border:2px solid #a2c614;
		transition:all 0.3s;
	}
	
	
	
	
	.top_navi_mobi_100{
			display:block;
			padding:0px 0 0 0;
			position:fixed;
			background-color:#368fcb;
			top:0px;
			z-index:9999;
			height:66px;
			border-bottom:2px solid #ffffff;
		}
		
		a.footer_line_tel{
			height:60px;
			background-color: #368fcb;
			width:100%;
			display:block;
			position:fixed;
			bottom:0px;
			float:left;
			border-top:1px solid #ffffff;
			background-size:30px;
			background-position:center center;
			background-repeat:no-repeat;
			z-index:999;
		}
	
		
		.top_navi_mobi{
			float:left;
			position:relative;
			text-align:left;
			margin:0px 20px 0 20px;
			padding-top:15px;
			display:inline;
		}
	
	
	a.new_pw{
		color:#ffffff; margin-top:10px;
	}
	a.new_pw:hover{
		color:#eaeaea; margin-top:10px;
	}