/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}



@font-face {font-family: 'BebasNeue';src: url('webfonts/36EBD7_0_0.eot');src: url('webfonts/36EBD7_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/36EBD7_0_0.woff2') format('woff2'),url('webfonts/36EBD7_0_0.woff') format('woff'),url('webfonts/36EBD7_0_0.ttf') format('truetype');}



	/* Colors  	

#ec6707  - orange
#ececec  - lightgrey


*/



	/* Typo  */	

	
	
	
a {
	text-decoration: none; 


}


a:hover {
	text-decoration: none; 

	}





p {	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	}
	
.orange {	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: #ec6707;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	}
		
	
.rbtmedium {	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: #000;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	}	
	
.rbtmediumo {	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
	color: #ec6707;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	}		
	
.rbtbold {	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	color: #000;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	}		
	
	
.pright {	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: right;
	margin: 0 0 0 0;
	}		
	

.subhead {
	font-family: 'BebasNeue', sans-serif;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	line-height: 55px;
	color: #000000;
	letter-spacing: 1px;
}

		
	
h1 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 76px;
	font-weight: normal;
	font-style: normal;
	line-height: 88px;
	color: #000000;

}


h1.sliderheadline {
	font-family: 'BebasNeue', sans-serif;
	font-size: 70px;
	font-weight: normal;
	font-style: normal;
	line-height: 85px;
	text-align: center;
	color: #ffffff;

}




h1.headright {
	font-family: 'BebasNeue', sans-serif;
	font-size: 51px;
	font-weight: normal;
	font-style: normal;
	line-height: 50px;
	color: #000000;
	text-align: right;

}	

h1.headright2 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 36px;
	font-weight: normal;
	font-style: normal;
	line-height: 50px;
	color: #000000;
	text-align: right;

}	

h1.headleft {
	font-family: 'BebasNeue', sans-serif;
	font-size: 36px;
	font-weight: normal;
	font-style: normal;
	line-height: 50px;
	color: #000000;
	text-align: left;

}	


h2 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #000000;

}	

h3 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	line-height: 24px;
	color: #000000;
	margin: 0 0 0 0 !important;
}
	


.subheadline {
	font-family: 'Roboto', sans-serif;	
	font-size: 16px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	line-height: ;
	margin: 0px 0px 0px 0px;

}	

ul, ol { 
	margin:0px 0 30px 20px; 
	padding:0; 
	display:block;
	 }



li { 	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	padding:0; 
	}


li.bullets { 	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	margin: 2px 0 2px 0;
	padding: 0 0 0 0;
	border-bottom: 1px solid #000000; 
	}
	
li.bullets:last-child { 	
	border-bottom: 0px solid #000000 !important; 
	}



th { 
	padding-bottom:5px; 
	background-color: none !important; 
	color:#000; 
	font-weight:normal; 
	border:none; 
	border-bottom:0px solid #D6D6D6; 
	text-align:left; 
	white-space:nowrap; 
}

tr { 
	background-color:none !important; 
	transition:all .1s linear 0s; 
	-moz-transition:all .1s linear 0s; 
	-webkit-transition:all .1s linear 0s; 
	-o-transition:all .1s linear 0s; }

table	{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px; 
	margin:0px 0 0px 0; 
	width:100%; 
	overflow:hidden; 
	font-size:13px; 
	line-height:17px; 
	border-bottom:0px solid #D6D6D6; 
	border-collapse:collapse; 
	border-spacing:0; }




a.footerlink {
	font-family: 'BebasNeue', sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #000;
	text-decoration: none; 
	color: #000;
}

a.footerlink:hover {
	color: #ec6707;

}

.footertext {
	font-family: 'BebasNeue', sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #000;

}

.footertextright {
	font-family: 'BebasNeue', sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #000;
	text-align: right !important;


}


	/* Menu  **************************************************/	

.menucontainer {
 height: 20px;
}

#menufull {
	position: relative;
	border-bottom: 0px solid #333333; 
	bottom: 0px;
	margin: 30px 0 30px  0;

	}



#menufull ul  { 
	position: relative;
	right: 0px;
	bottom: -5px;
	text-align: right;
	float: right;
	}


#menufull ul li { 
	list-style: none;
	display: inline-block;
	text-align: right;
	margin: 0 0 0 0 !important;
	}


#menufull ul li a {
	font-family: 'BebasNeue', sans-serif;	
	font-size: 20px;
	text-decoration: none; 
	font-weight: 300;
	letter-spacing: 1px;		
	color: #000000;
	text-align: right;
	text-transform: uppercase;
	display: inline; 
	margin: 0px 0px 0px 35px;
	text-align: right;


}

#menufull ul li a:hover {
	border-bottom: 1px solid #ec6707;
}

	
.active {	
	border-bottom: 0px solid #ec6707;
	text-decoration: none; 
}	
	
	



.mobilemenu {
	display: none;
}
.mobilemenuclosed {
	display: none;
}
.mobilemenuopen {
	display: none;
}



/* Menuhack ************************/


#floatmenu {
    width: 100%;
    position: fixed;
    z-index: 9500;
    top: 0px;
    display: none;
 	background: url("../img/floatbacktrans.png") #ffffff;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #ec6707;

}

.floatlogo {
	width: 151px;
	height: 34px;
	border: none;

}

#floatmenu ul  { 
	position: relative;
	float: right;
	bottom: -5px;
	right: 0px;
	text-align: right;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 12px;


	}


#floatmenu ul li { 
	list-style: none;
	display: inline;
	text-align: left;
	}


#floatmenu ul li a {
	font-family: 'BebasNeue', sans-serif;	
	font-size: 20px;
	text-decoration: none; 
	font-weight: 300;
	letter-spacing: 1px;		
	color: #000000;
	text-align: right;
	text-transform: uppercase;
	display: inline; 
	margin: 0px 0px 0px 35px;
	text-align: right;
}

#floatmenu ul li a:hover {
	border-bottom: 1px solid #ec6707;
}







@media only screen and (max-width: 767px) {	


.mobilelogo {
	margin: 12px 10px 10px 10px;
	width: 140px;
	float: left;

}

.mobilemenuicon {
	width: 45px;
	height: 45px;
	margin: 3px 10px 0px 10px;
	display: inline-block;
	float: right;
	}

.menucontainer {
	display: none;


	}

.mobilemenu {
	display: inline-block;
	z-index: 9005;
	

	}


.mobilemenuclosed {
	z-index: 9005;

	display: inline-block;
	position: fixed;
	top: 0px;

	height: 55px;
	width: 100%;
	background-color: #fff;
	overflow: hidden;	
	border-bottom: 1px solid #ec6707;

	}
	
.mobilemenuopen {
	z-index: 9005;

	display: inline-block;
	position: fixed;
	top: 0px;

	height: 100%;
	width: 100%;
 	background: #ffffff;
	overflow: hidden;	
	border-bottom: 4px solid #ec6707;
	
	}	
		
.mobilemenublock {
	font-family: 'BebasNeue', sans-serif;	
	font-size: 36px;
	font-weight: 300;
	line-height: 34px;
	color: #ec6707;
	text-decoration: none; 
	text-align: center;
	padding: 30px 0px 10px 13px;
	display: block;
	}

.mobilehamburgerblock {
	position: relative;
	width: 100%;
	display: inline-block;
	margin: 0 0 20px 0 ;
}




.floatlogo {
	width: 151px;
	height: 34px;
	border: none;
	margin: 0px 0px 0px 0px;
	display: inline-block;
}

#floathider {
	display: none;
}



}


	/* Structuring  */	


.showmobile {
 display: none;
}

	

.backfloat {
 position: absolute;
 	z-index: -10;
}
	
#next {
}	


#imagelightbox
{
    position: fixed;
    z-index: 9999;
 
    -ms-touch-action: none;
    touch-action: none;
}


#lowerslider {
	border-bottom: 0px solid #ff543a; 
	border-top: 0px solid #ff543a;

	}
	
	
#lagebackground {
 	position: relative;
	border-bottom: 0px solid #ff543a;
}	

#contactbackground	{
 	position: relative;
	border-bottom: 0px solid #ff543a;
}


.lowerborderline {
	border-top: 2px solid #ff543a; 

}

.fullborderline {
	border-top: 2px solid #ff543a; 

}


.lines {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
 	background: url("../img/grey_sector_back_lines.jpg") no-repeat center center;
	z-index: 20;
 	 -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}



.blocker1 {
	position: relative;
	display: block;
	padding-bottom: 230px;
}




	/* Slider + Responsive-Slider 01  ***************************************************/	


.slider1_containerclass {
	position: relative; 
    top: 0px; 
    left: 0px; 
    width: 1600px; 
    height: 500px; 
    overflow: hidden;
    margin: 0 auto;
	border-top: 0px solid #ff543a;
	border-bottom: 0px solid #ff543a; 
}

.innerslidercontainer01 {
	cursor: move; 
	position: absolute; 
	left: 0px; top: 0px; 
	width: 1600px; 
	height: 500px; 
	overflow: hidden; 
}



@media only screen and (max-width: 767px) {	

.slider1_containerclass {
	position: relative; 
	margin: 0 auto;
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 200px; 
    overflow: hidden;
    margin-bottom: 40px;
}


.innerslidercontainer01 {
	cursor: move; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	overflow: hidden; 

}

}


	/* Slider + Responsive-Slider 02  ***************************************************/	


.slider2_containerclass {
	position: relative; 
	margin: 0 auto;
    top: 0px; 
    left: 0px; 
    width: 960px;
    height: 500px; 
    overflow: hidden;
	display: ;
}


.innerslidercontainer02 {
	cursor: move; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 960px; 
	height: 500px; 
	overflow: hidden; 
}


.sliderbrick {
	position: absolute; 
	width: 385px; 
	top: 0px; 
	left: 8%; 
	padding: 0px;
	text-align: left; 
	line-height: 60px;
}


.caption {
	top: 220px; 
	left: 50%; 
	width: 60%; 
	height: 150px; 
	transform: translate(-50%, -50%);  
	background-color: ; z-index: 9000; 

}



@media only screen and (min-width: 960px) and (max-width: 1199px) {


.caption {
	top: 220px !important; 


}


h1.sliderheadline {
	font-family: 'BebasNeue', sans-serif;
	font-size: 50px;
	font-weight: normal;
	font-style: normal;
	line-height: 65px;
	text-align: center;
	color: #ffffff;

}

.slider2_containerclass {
	position: relative; 
	margin: 0 auto;
    top: 0px; 
    left: 0px; 
    width: 770px; 
    height: 405px; 
    overflow: hidden;
    margin-bottom: 40px;
}


.innerslidercontainer02 {
	cursor: move; 
	position: absolute; 

	left: 0px; 
	top: 0px; 
	width: 770px; 
	height: 405px; 
	overflow: hidden; 
}


.sliderbrick {
	position: absolute; 
	width: 40%; 
	top: 0px; 
	left: 8%; 
	padding: 0px;
	text-align: left; 
	line-height: 60px;
}



}


@media only screen and (max-width: 767px) {	

.slider2_containerclass {
	position: relative; 
	margin: 0 auto;
    top: 0px; 
    left: 0px; 
    width: 100%; 
    height: 200px; 
    overflow: hidden;
    margin-bottom: 40px;
}


.innerslidercontainer02 {
	cursor: move; 
	position: absolute; 

	left: 0px; 
	top: 0px; 
	width: 100%; 
	height: 100%; 
	overflow: hidden; 
}

.sliderbrick {
	position: absolute; 
	width: 40%; 
	top: 0px; 
	left: 8%; 
	padding: 0px;
	text-align: left; 
	line-height: 60px;
}

}




	/* Home --> Gallery ***********************************************/		

.galleryitem {
	position: relative;
	margin: 0px 0px 0px 0px;
}
.galleryitemlong {
	height: 80% !important;
}

.lupe {
 	background: url("../img/gallery/gallery_icon_plus.png") no-repeat center center;
 	background-position: -500px top;
	z-index: 50;
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
    left: 0;
}	
	
.lupe:hover {
 	background: url("../img/gallery/gallery_icon_plus.png") no-repeat center center;
	z-index: 50;
	width: 100%;
	height: 100%;
	position: absolute;
    top: 0;
    left: 0;
     background-color: none;   
  	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}



	/* Home --> Map ***********************************************/


#btmap {
	height: 35px;
	width: 250px;
	position: absolute;
	cursor: pointer; 

	}
	
.mapshow {
	z-index: 500;
	margin: 0 0 20px 0;
	background-color: none;
	display: block;
}
.maphide {
	z-index: 500;
	margin: 0 0 20px 0;
	background-color: #fff;
	display: none;
}	
	



.vectormapbtn {
	position: relative; 
	display: inline-block;
   	float: right;
}

.btn01 {	
	font-family: 'BebasNeue', sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 300;
	color: #009ee3;
	text-decoration: none; 
	text-align: left;
	margin: 0 20px 0 0;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
	}

.btn02 {	
	font-family: 'BebasNeue', sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 300;
	color: #c00418;
	text-decoration: none; 
	text-align: left;
	margin: 0 20px 0 0;
	text-transform: uppercase;
	display: inline-block;
		cursor: pointer;

	}

.btn03 {	
	font-family: 'BebasNeue', sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	text-transform: uppercase;
	display: inline-block;
		cursor: pointer;

	}


.mapholder {
 position: relative;
 width: 100%;
 height: auto;
 margin-top: -1px;
}





.map00 {
 	position: relative;
	top: 0px;
	left: 0px;
 z-index: 10 !important;
 margin:0 0 30px; width:100%; height:auto; 
}
.map01 {
   	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
 	margin:0 0 30px; 
 	width:100%; 
 	height:auto; 
}

.map02 {
   	position: absolute;
	top: 0px;
	left: 0px;
 	z-index: 30 !important;
 margin:0 0 30px; width:100%; height:auto; 
}
.map03 {
   	position: absolute;
	top: 0px;
	left: 0px;
 	z-index: 40 !important;
 	margin:0 0 30px; width:100%; height:auto; 
}

.show {
   display: none;
}

.hide {
   display: block;
}

#map {
        height: 300px; 
        width: 100%;         
        }

.mapstack {
	position: absolute;
	top: 0px;
	left: 0px;
}


#map {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}

.oeffen {
	text-align: right; 
	float: right;
}

	/* Home --> GRIDs ****************************************************/	

/* Colors  	

#c00418  - rot
#e0e6e6  - lightgrey
#8996a0  - darkgrey


*/

.borders {
 	background: url("../img/borders .png") repeat-y center center;
 	 -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;


}

.orangepacity {
 	position: relative;
 	background: url("../img/sectorhead_orange.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
	background-color: #ffffff;

}

.orangepacity2 {
 	height: 100%; 
 	width: 100%;
 	background: url("../img/orangepacity2.png") repeat center center;
 	 -webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}

#sectorbackgroundx {
 	position: relative;
 	background: url("../img/section_background_empty.png") repeat-y center center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
	background-color: #e0e6e6;
	z-index: 200000;
	height: 260px;
}




#sectorbackground1 {
 	position: relative;
 	background: url("../img/section_background1.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
	background-color: #ffffff;
}


#sectorbackground2 {
 	position: relative;
 	background: url("../img/section_background2a.png"), url("../img/section_background2b.png")  ;
	background-repeat: no-repeat, no-repeat;
    background-position: bottom center, top center; 

 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: ;

}


#sectorbackground3 {
 	position: relative;
 	background: url("../img/section_background_test.jpg") no-repeat bottom center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackground3a {
 	position: relative;
 	background: url("../img/section_background3a.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackground4 {
 	position: relative;
 	background: url("../img/section_background4.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}


#sectorbackgroundraum {
 	position: relative;
 	background: url("../img/section_background_raum.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundf10 {
 	position: relative;
 	background: url("../img/section_background_f10.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundd9 {
 	position: relative;
 	background: url("../img/section_background_d9.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundd13 {
 	position: relative;
 	background: url("../img/section_background_d13.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}



@media only screen and (min-width: 960px) and (max-width: 1199px) {

#sectorbackground1 {
 	position: relative;
 	background: url("../img/section_background1x.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
	background-color: #ffffff;
}


#sectorbackground2 {
 	position: relative;
 	background: url("../img/section_background2ax.png"), url("../img/section_background2bx.png")  ;
	background-repeat: no-repeat, no-repeat;
    background-position: bottom center, top center; 

 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: ;

}


#sectorbackground3 {
 	position: relative;
 	background: url("../img/section_background3x.jpg") no-repeat bottom center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackground3a {
 	position: relative;
 	background: url("../img/section_background3ax.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackground4 {
 	position: relative;
 	background: url("../img/section_background4x.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}


#sectorbackgroundraum {
 	position: relative;
 	background: url("../img/section_background_raumx.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundd9 {
 	position: relative;
 	background: url("../img/section_background_d9x.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundd13 {
 	position: relative;
 	background: url("../img/section_background_d13x.jpg") no-repeat top center;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}


}



.arrowleft {
width: 55px; height: 55px; top: 123px; left: 8px;

}

.arrowright {
width: 55px; height: 55px; top: 123px; right: 8px; 

}


.minustop {
   margin-top: -40px;
}


.blocker20 {
 display: block;
 height: 20px;
}

.blocker30 {
 display: block;
 height: 27px;
}


.blocker40 {
 display: block;
 height: 40px;
}

.blocker60 {
 display: block;
 height: 60px;
}

.blocker80 {
 display: block;
 height: 80px;
}

.blocker100 {
 display: block;
 height: 100px;
}

.blocker120 {
 display: block;
 height: 120px;
}

.blocker140 {
 display: block;
 height: 140px;
}


.blocker200 {
 display: block;
 height: 200px;
}

.blocker250 {
 display: block;
 height: 216px;
}

.blocker300 {
 display: block;
 height: 300px;
}


.blocker400 {
 display: block;
 height: 400px;
}

.blocker500 {
 display: block;
 height: 500px;
}

.blocker600 {
 display: block;
 height: 600px;
}

.blocker650 {
 display: block;
 height: 652px;
}

.blocker650a {
 display: block;
 height: 650px;
}

.blocker700 {
 display: block;
 height: 700px;
}


#newsbackgroundimage {
 	position: relative;
}




.gridholder {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
 	background: url("../img/floatbacktrans.png");

}
	

.gridholderpush {
	margin: 0px 0px 35px 0px;

}


.gridholderfacts {
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 10px 0px 0px 0px;
	background-color: #f9f6f2; 
	height: 120px;
	border-bottom: 3px solid #ff543a; 
}





/*GROW*/
.grow img {
  width: 100%;
  height: auto;
 
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.grow img:hover {
/*  width: 105%;
  height: auto;  */
}


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
 
 
.pic {
  border: 0px solid #fff;  
  float: left;

  overflow: hidden;
  
   border-bottom: 6px solid #811537; 
   margin: 0px 0px 0px 0px;

}











	/* Home --> Footer ***********************************************/		
	
	
#foot {
 position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    padding: 14px 0 0px 0;
background-color: #ececec;
border-top: 1px solid #ec6707;
z-index: 5000;
}	


.mobsecondarylogo {
	width: 160px;
	margin: 15px 0;

}


.mobsecondarylogo2 {
	width: ;
	margin: 15px 0;

}



/***********************************************
Screen (Smaller than 1200px)
***********************************************/	
	

@media only screen and (min-width: 960px) and (max-width: 1199px) {

.offsethack {
	padding: 10px 0px 16px 0px;

}


.gridholderfacts {
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 10px 0px 0px 0px;
	background-color: #f9f6f2; 
	height: 140px;
	border-bottom: 3px solid #ff543a; 
}

.gridholderpush {
	margin: 0px 0px 30px 0px;

}	

.fliesstextfacts {
	font-family: 'Fira Sans', sans-serif;	
	font-size: 13px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: center;
	text-align: left; 
	margin-left: 10px; 
	margin-bottom: 5px; 
	line-height: 18px;
}


}	
	
	
	
	
	
		
	
/***********************************************
Tablet (Smaller than 959px)
***********************************************/
@media only screen and (min-width: 768px) and (max-width: 959px) { 


.caption {
	top: 220px !important; 


}


h1.sliderheadline {
	font-family: 'BebasNeue', sans-serif;
	font-size: 40px;
	font-weight: normal;
	font-style: normal;
	line-height: 60px;
	text-align: center;
	color: #ffffff;

}


/* Menu ipad vertical */
#menufull ul li a {
	font-family: 'BebasNeue', sans-serif;	
	font-size: 12px;
	text-decoration: none; 
	font-weight: 300;
	letter-spacing: 0px;		
	color: #ec6707;
	text-align: right;
	text-transform: uppercase;
	display: inline; 
	margin: 0px 0px 0px 15px;
	text-align: right;


}


#newsbackgroundimage {
 	position: relative;
	}	


	
	
.gridholderfacts {
	position: relative;
	margin: 0px 0px 30px 0px;
	padding: 10px 0px 0px 0px;
	background-color: #f9f6f2; 
	height: 140px;
	border-bottom: 3px solid #ff543a; 
}	
	
}	
	
	
	
/***********************************************
Mobile
***********************************************/

	/* iphone8  */
@media only screen and (min-width: 400px) and (max-width: 736px) { 
	/* Colors  	

#ec6707  - orange
#ececec  - lightgrey


*/


.caption {
	top: 18% !important; 
}

.jssora21l {
width: 15px !important; 
height: 15px !important; 
top: 123px !important; 
left: 8px !important;

}

.jssora21r {
width: 20px !important; 
height: 20px !important; 
top: 123px !important; 
right: 8px !important; 

}


h1.sliderheadline {
	font-family: 'BebasNeue', sans-serif;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	line-height: 32px;
	text-align: center;
	color: #ffffff;

}



.nomobile {
	display: none;

}

.showmobile {
 display: block;
}

	
.pright {	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: right;
	margin: 0 0 0 0;
	}		
	
	
	
h1 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 35px;
	font-weight: normal;
	font-style: normal;
	line-height: 38px;
	color: #ec6707;

}

h1.headright2 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 35px;
	font-weight: normal;
	font-style: normal;
	line-height: 38px;
	color: #000000;
	text-align: left;

}	

h1.headleft {
	font-family: 'BebasNeue', sans-serif;
	font-size: 35px;
	font-weight: normal;
	font-style: normal;
	line-height: 38px;
	color: #000000;
	text-align: left;

}	


h1.headright {
	font-family: 'BebasNeue', sans-serif;
	font-size: 35px;
	font-weight: normal;
	font-style: normal;
	line-height: 38px;
	color: #000000;
	text-align: left;

}	


h2 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #ec6707;

}	

h3 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 24px;
	color: #ec6707;
	margin: 0 0 0 0 !important;
}
	


.subheadline {
	font-family: 'Roboto', sans-serif;	
	font-size: 16px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	line-height: ;
	margin: 0px 0px 0px 0px;

}	

ul, ol { 
	margin:0px 0 30px 20px; 
	padding:0; 
	display:block;
	 }



li { 	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	padding:0; 
	}






th { 
	padding-bottom:5px; 
	background-color: none !important; 
	color:#000; 
	font-weight:normal; 
	border:none; 
	border-bottom:0px solid #D6D6D6; 
	text-align:left; 
	white-space:nowrap; 
}

tr { 
	background-color:none !important; 
	transition:all .1s linear 0s; 
	-moz-transition:all .1s linear 0s; 
	-webkit-transition:all .1s linear 0s; 
	-o-transition:all .1s linear 0s; }

table	{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px; 
	margin:0px 0 0px 0; 
	width:100%; 
	overflow:hidden; 
	font-size:13px; 
	line-height:17px; 
	border-bottom:0px solid #D6D6D6; 
	border-collapse:collapse; 
	border-spacing:0; }




a.footerlink {
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #000;
	text-decoration: none; 
	color: #000;
}

a.footerlink:hover {
	color: #c00418;

}

.footertext {
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #000;

}

.footertextright {
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #000;
	text-align: left !important;


}



.vectormapbtn {
	position: relative; 
	display: inline-block;
   	float: right;
}


.vectormapbtn {
	position: relative; 
	display: inline-block;
   	float: left;
}

.btn01 {	
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	color: #009ee3;
	text-decoration: none; 
	text-align: left;
	margin: 0 20px 0 0;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
	}

.btn02 {	
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	color: #c00418;
	text-decoration: none; 
	text-align: left;
	margin: 0 20px 0 0;
	text-transform: uppercase;
	display: inline-block;
		cursor: pointer;

	}

.btn03 {	
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	text-transform: uppercase;
	display: inline-block;
		cursor: pointer;

	}


#map {
        height: 300px; 
        width: 100%;         
        }


.oeffen {
	text-align: left; 
	float: left;
}

	
#floatmenu {
	display: none;
	}	

#submitbtn {
	padding: 10 10 10 10;
	background: #999999;
	border-radius: 25px;


}


#sectorbackground1 {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
	background-color: #ffffff;
}


#sectorbackground2 {
 	position: relative;
 	background: #ffffff ;
	background-repeat: no-repeat, no-repeat;
    background-position: bottom center, top center; 

 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: ;

}


#sectorbackground3 {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackground3a {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackground4 {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}


#sectorbackgroundraum {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundf10 {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundd9 {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundd13 {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}


.mobsecondarylogo {
	width: 150px;
	margin-bottom: 0px;

}
.mobsecondarylogo2 {
	width: 200px;

}


#foot {
 position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    padding: 0px 0 0px 0;
background-color: #fff;
border-top: 1px solid #ec6707;
z-index: 5000;
}

.mobilemargin {
margin: 5px 0 0 0 !important;

}










.blocker20 {
 display: block;
 height: 20px;
}
	
.blocker40 {
 display: block;
 height: 10px;
}

.blocker60 {
 display: block;
 height: 10px;
}

.blocker80 {
 display: block;
 height: 0px;
}

.blocker100 {
 display: block;
 height: 10px;
}

.blocker120 {
 display: block;
 height: 10px;
}

.blocker140 {
 display: block;
 height: 10px;
}


.blocker200 {
 display: block;
 height: 10px;
}

.blocker400 {
 display: block;
 height: 10px;
}

.blocker600 {
 display: block;
 height: 10px;
}


}

@media only screen and (max-width: 399px) {	

	/* Colors  	

#ec6707  - orange
#ececec  - lightgrey


*/


.caption {
	top: 27% !important; 


}


h1.sliderheadline {
	font-family: 'BebasNeue', sans-serif;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	line-height: 32px;
	text-align: center;
	color: #ffffff;

}



.nomobile {
	display: none;

}

.showmobile {
 display: block;
}

	
.pright {	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: right;
	margin: 0 0 0 0;
	}		
	
	
	
h1 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 35px;
	font-weight: normal;
	font-style: normal;
	line-height: 38px;
	color: #ec6707;

}

h1.headright2 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 35px;
	font-weight: normal;
	font-style: normal;
	line-height: 38px;
	color: #000000;
	text-align: left;

}	

h1.headleft {
	font-family: 'BebasNeue', sans-serif;
	font-size: 35px;
	font-weight: normal;
	font-style: normal;
	line-height: 38px;
	color: #000000;
	text-align: left;

}	


h1.headright {
	font-family: 'BebasNeue', sans-serif;
	font-size: 35px;
	font-weight: normal;
	font-style: normal;
	line-height: 38px;
	color: #000000;
	text-align: left;

}	


h2 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #ec6707;

}	

h3 {
	font-family: 'BebasNeue', sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 24px;
	color: #ec6707;
	margin: 0 0 0 0 !important;
}
	


.subheadline {
	font-family: 'Roboto', sans-serif;	
	font-size: 16px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	line-height: ;
	margin: 0px 0px 0px 0px;

}	

ul, ol { 
	margin:0px 0 30px 20px; 
	padding:0; 
	display:block;
	 }



li { 	
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	padding:0; 
	}






th { 
	padding-bottom:5px; 
	background-color: none !important; 
	color:#000; 
	font-weight:normal; 
	border:none; 
	border-bottom:0px solid #D6D6D6; 
	text-align:left; 
	white-space:nowrap; 
}

tr { 
	background-color:none !important; 
	transition:all .1s linear 0s; 
	-moz-transition:all .1s linear 0s; 
	-webkit-transition:all .1s linear 0s; 
	-o-transition:all .1s linear 0s; }

table	{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px; 
	margin:0px 0 0px 0; 
	width:100%; 
	overflow:hidden; 
	font-size:13px; 
	line-height:17px; 
	border-bottom:0px solid #D6D6D6; 
	border-collapse:collapse; 
	border-spacing:0; }




a.footerlink {
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #000;
	text-decoration: none; 
	color: #000;
}

a.footerlink:hover {
	color: #c00418;

}

.footertext {
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #000;

}

.footertextright {
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	color: #000;
	text-align: left !important;


}



.vectormapbtn {
	position: relative; 
	display: inline-block;
   	float: right;
}


.vectormapbtn {
	position: relative; 
	display: inline-block;
   	float: left;
}

.btn01 {	
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	color: #009ee3;
	text-decoration: none; 
	text-align: left;
	margin: 0 20px 0 0;
	text-transform: uppercase;
	display: inline-block;
	cursor: pointer;
	}

.btn02 {	
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	color: #c00418;
	text-decoration: none; 
	text-align: left;
	margin: 0 20px 0 0;
	text-transform: uppercase;
	display: inline-block;
		cursor: pointer;

	}

.btn03 {	
	font-family: 'BebasNeue', sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	color: #000;
	text-decoration: none; 
	text-align: left;
	margin: 0 0 0 0;
	text-transform: uppercase;
	display: inline-block;
		cursor: pointer;

	}


#map {
        height: 300px; 
        width: 100%;         
        }


.oeffen {
	text-align: left; 
	float: left;
}

	
#floatmenu {
	display: none;
	}	

#submitbtn {
	padding: 10 10 10 10;
	background: #999999;
	border-radius: 25px;


}

#sectorbackground3a {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackground4 {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}


#sectorbackgroundraum {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundf10 {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundd9 {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

#sectorbackgroundd13 {
 	position: relative;
 	background: #ffffff;
 	 -webkit-background-size: auto;
  	-moz-background-size: auto;
  	-o-background-size: auto;
  	background-size: auto;
  	background-color: #ffffff;

}

.mobsecondarylogo {
	width: 150px;
	margin-bottom: 0px;

}
.mobsecondarylogo2 {
	width: 200px;

}


#foot {
 position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    padding: 0px 0 0px 0;
background-color: #fff;
border-top: 1px solid #ec6707;
z-index: 5000;
}

.mobilemargin {
margin: 5px 0 0 0 !important;

}










.blocker20 {
 display: block;
 height: 20px;
}
	
.blocker40 {
 display: block;
 height: 10px;
}

.blocker60 {
 display: block;
 height: 10px;
}

.blocker80 {
 display: block;
 height: 0px;
}

.blocker100 {
 display: block;
 height: 10px;
}

.blocker120 {
 display: block;
 height: 10px;
}

.blocker140 {
 display: block;
 height: 10px;
}


.blocker200 {
 display: block;
 height: 10px;
}

.blocker400 {
 display: block;
 height: 10px;
}

.blocker600 {
 display: block;
 height: 10px;
}


}




/***********************************************
Forms
***********************************************/


/* Colors  	

#c00418  - rot
#e0e6e6  - lightgrey
#8996a0  - darkgrey


*/







/***********************************************
Forms with labels
***********************************************/
form                                                        { margin:0 0 16px; padding:0; display:inline-block; width:100%; }
label                                                       { margin:0; padding:0 16px 0 0; float:left; text-align:right; width:30%; height:40px; font-family:sans-serif; font-size:14px; line-height:40px; color:#000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
label.checkbox, label.radio                                 { text-align:left; width:auto; }
form span                                                   { margin:10px 0; padding:0; display:block; overflow:hidden; float:left; }
fieldset                                                    { margin:0 0 5px 0; padding:0; display:block; position:relative; top:0; left:0; }
fieldset small                                              { margin:0 0 0 30%; padding:3px 8px; font-family:sans-serif; font-size:11px; line-height:20px; color:#000; border-color:#E74C3C; background-color:#bbb; width:70%; float:right; display:inline-block; position:relative; top:-1px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
input, textarea, select, textarea                           { margin:0; padding:0 10px; display:block; border-radius:0; border: none; width:70%; height:40px; font-family:'Roboto'; font-size:14px; line-height:40px; color:#000;background-color:#e0e6e6; border-bottom:solid 1px #000; overflow:hidden; position:relative; top:0; left:0; outline:0 none; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-appearance:none; }
textarea                                                    { padding:0 0 0 10px; resize:none; min-height:200px; overflow-y:auto; }
input[type="search"]                                        { -webkit-padding-start:0;  }


/***********************************************
Styled Select fields
***********************************************/
.select                                                     { margin:0; padding:0; position:relative; display:inline-block; width:70%; right:0; top:0; height:40px; background:#FFF; overflow:hidden; border:solid 1px #8996a0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.select:after                                               { margin:0; padding:0; content:'\25be'; color:#000; line-height:35px; text-align:center; right:0; top:0; background:#FFF; width:38px; height:38px; position:absolute; pointer-events:none; }
.select select                                              { padding:10px; padding-top:11px; -webkit-padding-before:0; -webkit-padding-start:6px; width:100%; height:40px; font-family:sans-serif; font-size:14px; line-height:40px; float:left; color:#999; border:none; display:block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
.select option                                              { padding:10px; border-bottom:1px solid #F2F2F2;  }
.select optgroup                                            { padding:0 10px; color:#000; background-color:#FFF; }
.select optgroup[label]                                     { padding-top:10px; background-color:#bbb; font-style:normal; }
.select optgroup option                                     { border-bottom:1px solid #F2F2F2; font-family:sans-serif; font-size:12px; line-height:40px; }
.select optgroup option:first-child                         { margin:10px 0 0 0; border-top:1px solid #F2F2F2; }


/***********************************************
Styled Checkboxes
***********************************************/
.checkbox                                                   { padding:8px 0 0; width:70%; float:right; }
.checkbox > span                                            { margin:0 0 10px; padding:0 20px 0 0; float:left; position:relative; top:0; left:0; width:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.checkbox > span label                                      { padding:2px 0 0 32px; width:100%; height:auto; font-family: 'Roboto', sans-serif; font-size:14px; line-height:20px; text-align:left; cursor:pointer; float:none; display:block; position:relative; left:0; top:0; }
input[type="checkbox"],
input[type="checkbox"]:not(:focus):invalid                  { width:22px; height:22px; position:absolute; top:0; left:0; }
input[type="checkbox"] + label:before                       { margin:0; content:'\2718'; position:absolute; left:0; top:0; background-color:#FFF; border:1px solid #CCC; cursor:pointer; display:inline-block; height:20px; width:20px; text-align:center; font-family: 'Roboto', sans-serif; font-size:13px; line-height:22px; color:#CCC; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
input[type="checkbox"]:checked + label:before               { background-color:#000; content:'\2714'; border-color:#000; color:#FFF; transition:all .6s linear 0s; -moz-transition:all .6s linear 0s; -webkit-transition:all .6s linear 0s; -o-transition:all .6s linear 0s; }
input[type="checkbox"] + label + small                      { margin:0; padding:0 0 0 32px; background:none; border:none; color:#E74C3C; width:auto; float:none; }


/***********************************************
Styled Radio button
***********************************************/
.radio                                                      { padding:8px 0 0; width:70%; float:right; }
.radio > span                                               { margin:0 0 10px; padding:0 20px 0 0; float:left; position:relative; top:0; left:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.radio > span label                                         { margin:0; padding:2px 0 0 32px; width:100%; height:auto; font-family: 'Roboto', sans-serif; font-size:14px; line-height:20px; text-align:left; cursor:pointer; display:block; position:relative; left:0; top:0; }
input[type="radio"],
input[type="radio"]:not(:focus):invalid                     { width:22px; height:22px; border:none; position:absolute; top:0; left:0; }
input[type="radio"] + label:before                          { margin:0; content:''; position:absolute; left:0; top:0; background-color:#FFF; border:1px solid #CCC; cursor:pointer; display:inline-block; height:20px; width:20px; text-align:center; font-family: 'Roboto', sans-serif; font-size:13px; line-height:22px; color:#CCC; border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
input[type="radio"]:checked + label:before                  { border:7px solid #000; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
input[type="radio"] + label + small                         { margin:0; padding:0 0 0 32px; background:none; border:none; color:#E74C3C; width:auto; float:none; }


/***********************************************
Validation
***********************************************/
input:not(:focus):invalid                                   { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

input:focus:invalid,
.error input,
select:focus:invalid,
input[type="checkbox"]:focus:invalid,
input[type="checkbox"]:focus:invalid + label:before         { color:#E74C3C; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

input:focus:invalid::-webkit-input-placeholder              { color:#E74C3C; opacity:1; }
input:focus:invalid:-moz-placeholder                        { color:#E74C3C; opacity:1; }
input:focus:invalid::-moz-placeholder                       { color:#E74C3C; opacity:1; }
input:focus:invalid:-ms-input-placeholder                   { color:#E74C3C; opacity:1; }

.error input + small                                        { margin:0; padding:3px 8px; font-family: 'Roboto', sans-serif; font-size:11px; line-height:20px; color:#FFF; border-color:#E74C3C; background-color:#E74C3C; width:70%; float:right; display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }


/***********************************************
Buttons
***********************************************/
input[type="button"],
input[type="submit"],
input[type="reset"]                                         { margin:0px 6px 6px 0px; padding:0 15px 0 15px; display:inline-block; height:40px; font-family: 'Roboto', sans-serif; font-size:14px; line-height:40px; font-weight:normal; border-bottom: 0px; 
																
																background-color: none ;
																
															float:left; width:auto; cursor:pointer; -webkit-appearance:none; }

input:first-of-type[type="button"],
input:first-of-type[type="submit"],
input:first-of-type[type="reset"]                           { margin-left:;}

input[type="button"],
input[type="submit"],
input[type="reset"]                                         { transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }

input:hover[type="button"]                                  { border-color:#CCC; background-color: #8996a0 ; color:#333; }
input:hover[type="submit"]                                  { border-color:#CCC; background-color: #8996a0 ; color:#FFF; }
input:hover[type="reset"]                                   { border-color:#CCC; background-color: #D0D0D0 ; color:#FFF; }

.loading                                                    { padding:0 36px 0 20px; border-color:#25A35A; background-color:#25A35A; position:relative; cursor:default; }
.loading:hover                                              { border-color:#25A35A; background-color: #FF00FF; }
.loading:after                                              { margin-top:-10px; content:''; width:20px; height:20px; background:transparent url('../img/loading.png') no-repeat 0 0; position:absolute; top:50%; right:10px; -webkit-animation:spinner 1.0s infinite linear; animation:spinner 1.0s infinite linear; }

.success                                                    { padding:0 36px 0 20px; border-color:#25A35A; background-color: #FF00FF; position:relative; cursor:default; }
.success:hover                                              { border-color:#25A35A; background-color: #D0D0D0 ; }
.success:after                                              { content:'\2714'; width:20px; height:20px; line-height:30px; position:absolute; top:5px; right:10px; }

.error                                                      { padding:0 36px 0 20px; position:relative; vbackground-color: #FF00FF; border-color:#E74C3C; cursor:default; }
.error:after                                                { content:'\00D7'; width:20px; height:20px; line-height:30px; position:absolute; top:5px; right:8px; }
.error:hover                                                { background-color:#E74C3C; border-color:#D0D0D0 ; }

@keyframes spinner {
    0%                                                      { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    100%                                                    { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); }
}

@-webkit-keyframes spinner {
    0%                                                      { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
    100%                                                    { transform:rotate(-360deg); -webkit-transform:rotate(-360deg); }
}


/***********************************************
Forms without labels
***********************************************/
.hide-lables label                                          { display:none; }
.hide-lables .checkbox label,
.hide-lables .radio label                                   { display:block; }

.hide-lables input,
.hide-lables textarea,
.hide-lables select,
.hide-lables .select,
.hide-lables fieldset.error input + small                   { width:100%; }
.hide-lables small                                          { margin:0; width:100%; }
.hide-lables .radio, .hide-lables .checkbox                 { width:100%; float:right; }

input[type="checkbox"],
input[type="checkbox"]:not(:focus):invalid,
input[type="radio"],
input[type="radio"]:not(:focus):invalid                     { width:20px; height:20px; }


/***********************************************
Validation
***********************************************/
.hide-lables input:not(:focus):invalid + small              { width:100%; }


/***********************************************
Buttons
***********************************************/
.hide-lables input[type="button"],
.hide-lables input[type="submit"],
.hide-lables input[type="reset"]                            { margin:6px 6px 6px 0; width:auto; }


/***********************************************
Placeholder
***********************************************/
::-webkit-input-placeholder                                 { color:#000; opacity:1; }
:-moz-placeholder                                           { color:#000; opacity:1; }
::-moz-placeholder                                          { color:#000; opacity:1; }
:-ms-input-placeholder                                      { color:#000; opacity:1; }

:focus::-webkit-input-placeholder                           { color:#000; opacity:1; }
:focus:-moz-placeholder                                     { color:#000; opacity:1; }
:focus::-moz-placeholder                                    { color:#000; opacity:1; }
:focus:-ms-input-placeholder                                { color:#000; opacity:1; }

input:focus                                                 { color:#000; border-color:#999; outline:none; }
textarea:focus                                              { color:#000; border-color:#999; outline:none; }
select:focus                                                { color:#000; border-color:#999; outline:none; }


/***********************************************
NYSMNYD
***********************************************/
.nysmnyd-labels fieldset label                              { display:block; position:absolute; left:1px; top:0; height:auto; width:auto; z-index:1; font-family:'Roboto', sans-serif; font-size:12px; line-height:40px; color:#999; transition:all .1s ease-out 0s; -moz-transition:all .1s ease-out 0s; -webkit-transition:all .1s ease-out 0s; -o-transition:all .1s ease-out 0s; }
.nysmnyd-labels fieldset.show-all label                     { top:-27px; transition:all .1s ease-out 0s; -moz-transition:all .1s ease-out 0s; -webkit-transition:all .1s ease-out 0s; -o-transition:all .1s ease-out 0s; }

.nysmnyd-labels input,
.nysmnyd-labels .select,
.nysmnyd-labels textarea                                    { z-index:2; }

.nysmnyd-labels input,
.nysmnyd-labels textarea,
.nysmnyd-labels select,
.nysmnyd-labels .select,
.nysmnyd-labels fieldset.error input + small,
.nysmnyd-labels fieldset input:not(:focus):invalid + small,
.nysmnyd-labels small                                       { width:100%; }

.nysmnyd-labels .radio, .nysmnyd-labels .checkbox           { width:100%; float:right; }



/***********************************************
Form additional
***********************************************/

fieldset {
	font-family: 'Roboto', sans-serif;	
	font-size: 11px;
	font-weight: 400;
	color: #000;
	text-decoration: none; 
	text-align: left;
	line-height: 14px;
	margin-left: 10px; 
	margin-bottom: 5px; 
	line-height: 18px;


	}