/*= GENERAL STYLING
--------------------------------------------------------*/
body { margin: 0; padding: 0; font-family:"Open Sans", sans-serif;}
a {color: #032f61; text-decoration: none}
border-style: { margin: 0; padding: 0; width: 100%; }
.center { text-align: center;}

#mobilemenu { display: none;}

.animated   { -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out; }

h1 {  font-family:"Open Sans", sans-serif; font-weight:bold; font-size: 30px; line-height: 1; text-align: left; color: #032f61; margin: 0; padding: 0; margin-bottom: 20px;}

h1.biggest { font-size: 65px; color: #000; text-align: center; background: transparent url(../images/separator.jpg) bottom center no-repeat; padding-bottom: 20px;}
h2 { font-family:"Open Sans"; font-weight: normal; font-size: 30px; text-align: center; color: #fff; margin: 0; padding: 0; }

h3 { text-align: center; padding-left: 20%; padding-right: 20%; color: #000; font-family: "Open Sans"; font-weight: normal; font-size: 16px; text-align: center; z-index: 1; position: relative; }

h4 { font-size: 14px; font-style: italic; color: #000;}
h4.topone { padding-top: 50px; padding-bottom: 50px;}

p { font-family:"Open Sans", sans-serif; font-weight:normal; font-size: 14px; line-height: 20px; text-align: left; color: #000; margin: 0; padding: 0; }

#bundesweite { width: 473px; height: 473px; position: absolute; left: 50px; top: 40%; background: transparent url(../images/bundesweite.png) center center no-repeat; background-size: contain;}

.center { margin: 0 auto; }
.content{ margin: 0 auto; width: 90%; }
.clear { clear: both; }
a.lpanel { float: left; color: #e1e1e1; font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }
a.rpanel { float: right; color: #e1e1e1;  font-size: 12px; font-family:"Wellfleet"; text-decoration: none; margin: 7px 11px; }

a.lpanel:hover{ color: #fff; }
a.rpanel:hover{ color: #fff; }
/*= HEADER & NAVIGATION
--------------------------------------------------------*/

#header 			{ width: 100%;  z-index: 10000; background: #fff; position: absolute; box-shadow: rgb(153, 153, 153) 0px 0px 10px; }
#header.scrolled 	{ position: fixed; height: 50px;}
#header.scrolled #logo { margin-top: 0px; top: 1px;}
#header.scrolled #logo a { margin-top: 0px;}
#header.scrolled #logo img { height: 50px; margin-top: 0px;}
#nav 				{ float: right; margin-top: 0px; margin-right: 10px; margin-bottom: 10px;}
#header.scrolled #nav { margin-top: 5px;}
#header.notscrolled #logo img {
	display: none;
}
#logo 				{ position: absolute; left: 70px; top: 10px; max-width: 50%;}
#logo img { max-width: 300px;}
#logo a 			{ color: #fff; text-decoration: none; float: left; font-size: 30px; margin-top: 20px; color: #fff; }
#nav ul 			{ list-style: none; display: block; margin: 0 auto; list-style: none; }
#nav li 			{ margin-top: 9px;	 float: left; padding-left: 21px; }
#nav li a 			{ color: #032f61; opacity:0.8; font-size: 14px; text-decoration: none; font-family: 'Open Sans'; text-transform: uppercase;}
#nav li a.active 	{ opacity:1; border-bottom: 2px solid #fff; }
#nav li a:hover 	{ opacity:1;  }

.akkordionhead		{ width: 100%; background: #ebebeb url(../images/arrow_down.png) 95% 15px no-repeat; cursor: pointer; min-height: 50px; clear: both; float: left; margin-bottom: 20px;}
.akkordionhead h1 	{ padding-left: 70px; color: #032f61; font-size: 20px; line-height: 50px; margin: 0px;}
.akkordionhead.opened { background-image: url(../images/arrow_up.png);}
.akkordionbody 		{ display: none;}
.paddedleft 		{ padding-left: 70px;}
.paddedTop10 		{ padding-top: 10px; clear: both;}

.roundedlink 		{ border: 1px solid #fff; clear: both; padding: 7px 25px; text-align: center; display: block; margin: 0 auto; width: 200px; line-height: 25px; height: 25px; color: #fff; border-radius: 5px; background-color: #032f61; -webkit-transition: all 300ms ease-in-out;  -moz-transition: all 300ms ease-in-out;  -o-transition: all 300ms ease-in-out;  transition: all 300ms ease-in-out;}
.roundedlink:hover 	{ background-color: #fff; border: 1px solid #032f61; color: #032f61;}

/*= BUTTONS
--------------------------------------------------------*/

button.btn-know { 
	padding: 15px 47px; 
	margin: 40px 38.8%;
	text-align: center;
	border: 4px solid #fff; 
	color: #fff; 
	background: transparent; 
	font-size: 19px;
	cursor: pointer;
	text-shadow: -1px 2px 0px rgba(90, 90, 90, 0.56);
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.btn-know:hover { background: #fff; color: transparent; }
ul.built { list-style: none; margin: 0 auto; width: 730px; }
.built li img{ float: left; padding-right: 34px; }



/*= SLIDES STYLING
--------------------------------------------------------*/

#slide1, #slide2{ width: 100%; }
#slide1{
	background:url('../images/immobilien.jpg') 50% 0 no-repeat fixed;
	color: #fff;
	height: 600px;
	margin: 0;
	padding: 200px 0 260px 0;
	background-size: cover;
}

#slide1 img {
	display: none;
}

#slide2{
	background-color: #fff;
	color: #333333;
	height: 300px;
	margin: 0 auto;
	overflow: hidden;
	padding: 200px 0;
}

.slide { 
	min-height: 200px;
	background: #fff url(../images/slider3.jpg) 50% 0 no-repeat fixed;
	background-position: center center;
	margin: 0 auto;
	overflow: hidden;
	padding: 200px 0;
	padding-top: 150px;
	padding-bottom: 100px;
}

#loadingImage {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background: #fff url(../images/loading.jpg) no-repeat center center;
	background-size: 100% auto;
	z-index: 9999999;
}

.imgslide {
	min-height: 300px;
}

.imgslideFullHeight {
	min-height: 100vh !important;
	background-size: cover;
	background-position: center 15px;
}

.bottomslide { min-height: 50px; padding-top: 20px; padding-bottom: 20px;}

.bottomslide h1,
.bottomslide h2,
.bottomslide h3,
.bottomslide h4,
.bottomslide p {
	color: #032f61;
}

#slidegirl{
	background: url(../images/girl.jpg) 50% 0 no-repeat fixed;
	color: #fff;
	height: 600px;
	padding: 170px 0 0 0;	
	background-size: cover;
}

#slide4{
	background-color: #fff;
	color: #333333;
	height: 300px;
	padding: 200px 0;
}

#slide5{
	background: url(../images/slide5.jpg) 50% 0 no-repeat fixed;
	height: 200px;
	margin: 0 auto;
	padding: 250px 0;
	color: #fff;
	background-size: cover;
}

.contentleft 	{ width: 35%; float: left; }
.contentRight 	{ width: 65%; float: left;}

.contentleftsmall {width: 20%; padding-right: 5%; float: left;}
.contentRightbig { width: 75%; float: left;}

.contentRightbig h2 { color: #032f61; text-align: left;}

.clear { width: 100%; clear: both; min-height: 20px;}


.cycle-slideshow,
.cycle-slideshow * {
	max-width: 100%;
}

.cycle-slideshow img {
	/*opacity: 0;*/
}

.cycle-slideshow .cycle-slide {
	/*background-position: center center;
	background-size: 2000% auto;
	transition: all 10s;*/
}

.cycle-slideshow .cycle-slide-active {
	/*background-size: 100% auto;*/
}

/*= FOOTER 
--------------------------------------------------------*/

#copyright  { color: #fff; font-family:"Wellfleet";  font-size: 14px; margin-top: 100px; text-align: center;  }
#copyright  a { text-decoration: none; color: #fff;  }

#Form_KontaktFormAbschicken { font-size: 14px !important; margin-bottom: 30px;}
#Form_KontaktFormAbschicken fieldset { border: none;}
#Form_KontaktFormAbschicken label { display: inline-block; min-width: 90px;}
#Form_KontaktFormAbschicken_Anrede { list-style-type: none; margin-left: 0px; padding-left: 0px;}
#Form_KontaktFormAbschicken_Anrede li { display: inline-block; width: 80px; overflow: hidden;}
#kontaktleft { float: left; width: 48%; margin-right: 20px;}
#kontaktright { float: left; width: 48%; /*margin-top: 74px;*/}

#Form_KontaktFormAbschicken select 				{ background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 4px; height: 30px; line-height: 30px; margin-bottom: 5px; width: 100%;}
#Form_KontaktFormAbschicken input[type='text'] 	{ background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 4px; height: 30px; line-height: 30px; margin-bottom: 5px; width: 100%;}
#Form_KontaktFormAbschicken input[type='email'] { background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 4px; height: 30px; line-height: 30px; margin-bottom: 5px; width: 100%;}
#Form_KontaktFormAbschicken textarea { min-height: 122px; background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 4px;  margin-bottom: 5px; width: 100%;}
#Form_KontaktFormAbschicken_action_jetztAbschicken {  background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 4px; height: 30px; line-height: 30px; margin-left: 10px; color: #000; }


#kontakt img { max-width: 100% }

#Form_BewerbungForm { font-size: 14px !important; margin-bottom: 30px;}
#Form_BewerbungForm fieldset { border: none;}
#Form_BewerbungForm label { display: inline-block; min-width: 90px;}

#Form_BewerbungForm select 				{ background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 4px; height: 30px; line-height: 30px; margin-bottom: 5px; width: 100%;}
#Form_BewerbungForm input[type='text'] 	{ background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 4px; height: 30px; line-height: 30px; margin-bottom: 5px; width: 100%;}
#Form_BewerbungForm input[type='email'] { background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 4px; height: 30px; line-height: 30px; margin-bottom: 5px; width: 100%;}
#Form_BewerbungForm textarea { min-height: 122px; background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 4px;  margin-bottom: 5px; width: 100%;}
#Form_BewerbungForm_action_BewerbungFormSubmit {  background-color: #f0f0f0; border: 1px solid #f0f0f0; border-radius: 4px; height: 30px; line-height: 30px; margin-left: 10px; color: #000; }

#Subject {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
@media screen and (max-width: 1024px) {
	
}

@media screen and (max-width: 767px) {
	#mobilemenu { display: block; position: absolute; right: 15px; top: 20px; width: 40px; height: 40px; background: transparent url(../images/mobilemenu.png) center center no-repeat; cursor: pointer;}
	#nav ul 	{ display: none; position: absolute; left: 0px; right: 0px; top: 79px; margin: 0; padding: 0; background-color: #fff;}
	#nav ul li { width: 100%; display: block; clear: both; text-align: center; min-height: 30px;}
	#nav ul li a { color: #032f61;}
	.scrolled #mobilemenu { top: 5px; width: 30px; height: 30px; background-size: contain;}
	.scrolled #nav ul { top: 40px}
	.contentleft { width: 100%;}
	.contentRight { width: 100%;}
	#kontaktleft { width: 100%;}
	#kontaktright { width: 100%;}
	.fieldset { margin-left: 0px; padding-left: 0px;}

	.imgslide { min-height: 150px; background: #fff url(../images/slider3.jpg) no-repeat top center; background-size: cover; padding-top: 10px; padding-bottom: 10px; }
	.imgslide .content { min-height: 150px;}

	#slide1 {
		padding: 40px 0 40px 0;
		background: #fff;
	}

	#slide1 img {
		display: block !important;
		max-width: 100%;
	}

	#slidegirl {
		background-position: center;
		background-attachment: initial;
		background-size: 100% auto;
		padding: 25px 0;
		height: auto; 
	}

	.slide {
		background-size: cover;
		padding: 50px 0;
	}

	.slide.first-slide {
		background-position: -120px center;
	}

	h1.biggest { font-size: 40px;}
	.akkordionhead h1 { padding-left: 10px; padding-right: 50px;}

	.contentleftsmall {width: 100%; clear: both; float: left;}
	.contentRightbig { width: 100%; clear: both; float: left;}
}