/*Allgemein*/
	a {outline: none;}
	.clearer {clear:both;}
	#trenner {clear:both;}
	
	.block.halfWidth figure {text-align:center;} 
	.block.halfWidth img {margin-top:15px;-webkit-box-shadow: 5px 5px 2px 0px rgba(238,238,238,1);-moz-box-shadow: 5px 5px 2px 0px rgba(238,238,238,1);box-shadow: 5px 5px 2px 0px rgba(238,238,238,1);} 
	
	.btn {
		width: 100%;
		margin-bottom: 10px;
		background: rgba(102,102,102,0.3);
		border: none;
		outline: none;
		padding: 10px;
		font-size: 13px;
		color: #fff;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
		border: 1px solid rgba(0,0,0,0.3);
		border-radius: 4px;
		box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
		-webkit-transition: box-shadow .5s ease;
		-moz-transition: box-shadow .5s ease;
		-o-transition: box-shadow .5s ease;
		-ms-transition: box-shadow .5s ease;
		transition: box-shadow .5s ease;
		text-align:center;
	}
	
	#contentWrap {
		background-color:#fff;
		position:relative;
		z-index:30;
		
	}
	/*Schriftarten*/
	@import url(http://fonts.googleapis.com/css?family=Roboto|Open+Sans);
	
	h1,h2,h3,h4,h5,h6 {font-family: 'Roboto', sans-serif;color:#444;}
	body, input, textarea {font-family: 'Open Sans', sans-serif;color:#444;}

	/*undelrine Effekt bei Hover auf Links*/
	a {
	  color: #333;
	  text-transform: uppercase;
	  text-decoration: none;
	  letter-spacing: 0.15em;
	  
	  display: inline-block;
	  padding: 15px 0px;
	  position: relative;
	}
	a:after {    
	  background: none repeat scroll 0 0 transparent;
	  bottom: 0;
	  content: "";
	  display: block;
	  height: 2px;
	  left: 50%;
	  position: absolute;
	  background: #333;
	  transition: width 0.3s ease 0s, left 0.3s ease 0s;
	  width: 0;
	}
	a:hover:after { 
	  width: 100%; 
	  left: 0; 
	}
	#topMenueAnimated span {
		color: #333;
	  text-transform: uppercase;
	  text-decoration: none;
	  letter-spacing: 0.15em;
	  
	  display: inline-block;
	  padding: 15px 0px;
	  position: relative;
	}
	#topMenueAnimated span:after {    
	  background: none repeat scroll 0 0 transparent;
	  bottom: 0;
	  content: "";
	  display: block;
	  height: 2px;
	  left: 50%;
	  position: absolute;
	  background: #333;
	  transition: width 0.3s ease 0s, left 0.3s ease 0s;
	  width: 0;
	}
	
	#topMenueAnimated span:hover:after { 
	  width: 100%; 
	  left: 0; 
	}

	.oneThird a {display:inline;letter-spacing:0px;padding:0px;}
	.oneThird a:after {bottom:0px;}
	
	
	#impressum a {display:inline;letter-spacing:0px;padding:0px;}
	#impressum a:after {bottom:0px;}
	#impContent{background:transparent;position:relative;margin-top:35px;}
	
	.impCloseX {position: absolute;right: 10%;font-size: 20px;}
	.impCloseX:after {    
	  background: none repeat scroll 0 0 transparent;
	  bottom: 0;
	  content: "";
	  display: block;
	  height: 2px;
	  left: 50%;
	  position: absolute;
	  background: #333;
	  transition: width 0.3s ease 0s, left 0.3s ease 0s;
	  width: 0;
	}
	.impCloseX:hover {cursor:pointer;}
	.impCloseX:hover:after { 
	  width: 100%; 
	  left: 0; 
	}
	
h1, h2, h3, h4, h5, h6 {
text-align:left;
margin:30px 0px 20px 0px;)
}
video {width:100%;margin-top:30px;} 
	
.float_right {margin-left:20px;}
.float_left {margin-right:20px;}
/*Header*/
#logo {padding-top:0px;margin-top:-5px;margin-left:80px;width:450px; height:170px; float:left; background-image:url(../_pics/Logo_Duve_final-03);background-repeat:no-repeat;background-size:100%;background-color:rgba(250,250,250,0.5); background-position: 0 50%;  pointer-events: auto;}
#logo:after {background:transparent;}
header {height:100px;position:fixed;z-index:300;width:100%;pointer-events: none;}
header ul {margin:0px;float:right;margin-top: 10px;}
header li {float:left; margin:15px;list-style:none;}

#menue .animated, #smallMenue, #sidr, #logo {  pointer-events: auto;}

#menue ul {
	background-image:url(../_pics/debut_light.png);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(51,51,51,1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(51,51,51,1);
	box-shadow: 0px 5px 5px 0px rgba(51,51,51,1);
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}

#menue li.active {
	display:none;
}


/*Sprachen*/
.lang-de {
	background-image:url(../_pics/Flags/flags/flags_iso/48/de.png);
}
.lang-en{
	background-image:url(../_pics/Flags/flags/flags_iso/48/gb.png);
}

.sidr .lang-en,
.sidr .lang-de,
body.lang-en,
body.lang-de{
	background-image:none;
}

#topMenueAnimated .lang-de, #topMenueAnimated .lang-en {
	background-repeat:no-repeat;
	color:transparent;
	background-position: 10px 0;
}
#topMenueAnimated .lang-de span, #topMenueAnimated .lang-en span, #topMenueAnimated .lang-de a, #topMenueAnimated .lang-en a {
	padding-left:20px;
	padding-right:20px;
}

.menu-icon {
width: 30px;
height: 20px;
transition: 0.5s all;
transform-origin: 50% 50%;
transform: rotate(0deg)
}

.menu-icon span, .menu-icon:before, .menu-icon:after {
content: "";
width: 100%;
height: 15%;
background: #383838;
position: absolute;
border-radius: 10px;
transition: 0.3s all;
transform-origin: 100% 100%;
left: 0;
}

.menu-icon:before {
transform-origin: 0% 0%;
top: 0;
}

.menu-icon span {
top: 43%;
}

.menu-icon:after {
top: 85%;
}

.menu-icon:hover {
transform: rotate(90deg);
}

.menu-icon:hover:before {
transform: rotate(45deg);
left: 20%;
top: -8%;
}

.menu-icon:hover span, .menu-icon:hover:after {
transform: rotate(-45deg);
left: -10%;
top: -12%;
}

.fixed {
background-image:url(../_pics/debut_light.png);
border-bottom:2px solid #0F6FB6;


}

.fixed #menue ul {
	background-image:url(../_pics/debut_light.png);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
	margin-right:10%;
}

.fixed #logo {width:250px; margin-left:10%;height:100px !important;background-color:transparent;}

.fixed .fadeOutLeft  {
	-webkit-animation-name: none;
	animation-name: none;
}
.fixed .fadeOutRight  {
	-webkit-animation-name: none;
	animation-name: none;
}




	/*SIDR*/
	#smallMenue {display:none;position: absolute;right: 20px;top: 25px;}
	.sidr.left {-webkit-transform:none !important;
	transform:none !important;
	-webkit-animation: none !important;
	animation: none !important;
	}
	#sidr span {
		text-transform: uppercase;
	}
	
	#sidr li.active {
	display:none;
	}
	#sidr li  .lang-de, #sidr li  .lang-en {
		margin-bottom:20px;
		color:transparent;
	}
	#sidr li .lang-de:before{
		content:'Deutsch';
		color:#fff;
	}
	#sidr li .lang-en:before{
		content:'Englisch';
		color:#fff;
	}
	.sidr li {width:100%;}
	@media screen and (max-width: 1335px){
		#smallMenue {display:block;}
		#menue ul {display:none;}
	}


/*Social Media*/
.share {position: fixed;left: 0;top: 50% !important;list-style-type: none;margin: 0;padding: 0;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);box-sizing: border-box;z-index:900;}
.share a {color:#fff;top:0px;letter-spacing: 0px;text-transform:none;}

.win.ie .share .nav-label span {position:relative;}
.win.ie .share .nav-label span a {position:relative;top:75% !important;left:-15px;}

.share li {position: relative;}

.share li:nth-of-type(1) .social-link,
.share li:nth-of-type(1) .social-link:hover {background: #3C5B9B url("../_pics/social/facebook.png") 50% 50% no-repeat;background-size: 25px auto;}
.share li:nth-of-type(1) .nav-label {-moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s;-o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s;-webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease;-webkit-transition-delay: 0s, 0.1s;transition: background 0.4s ease, transform 0.4s ease 0.1s;background: #3C5B9B;}
.share li:nth-of-type(1) .social-link:hover .nav-label {-moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s;-o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s;-webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease;-webkit-transition-delay: 0s, 0.1s;transition: transform 0.4s ease, background 0.4s ease 0.1s;background: #3C5B9B;width: 100px;}
.share li:nth-of-type(2) .social-link,
.share li:nth-of-type(2) .social-link:hover {background: #2DAAE1 url("../_pics/social/twitter.png") 50% 50% no-repeat;background-size: 25px auto;}
.share li:nth-of-type(2) .nav-label {-moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s;-o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s;-webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease;-webkit-transition-delay: 0s, 0.1s;transition: background 0.4s ease, transform 0.4s ease 0.1s;background: #2DAAE1;width: 100px;}
.share li:nth-of-type(2) .social-link:hover .nav-label {-moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s;-o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s;-webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease;-webkit-transition-delay: 0s, 0.1s;transition: transform 0.4s ease, background 0.4s ease 0.1s;background: #2DAAE1;}
.share li:nth-of-type(3) .social-link,
.share li:nth-of-type(3) .social-link:hover {background: #DC4B39 url("../_pics/social/googleplus.png") 50% 50% no-repeat;background-size: 25px auto;}
.share li:nth-of-type(3) .nav-label {-moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s;-o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s;-webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease;-webkit-transition-delay: 0s, 0.1s;transition: background 0.4s ease, transform 0.4s ease 0.1s;background: #DC4B39;}
.share li:nth-of-type(3) .social-link:hover .nav-label {-moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s;-o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s;-webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease;-webkit-transition-delay: 0s, 0.1s;transition: transform 0.4s ease, background 0.4s ease 0.1s;background: #DC4B39;width: 100px;}
.share li .social-link {padding: 0;display: block;cursor: pointer;width: 0px;height: 30px;padding: 15px 10px;}
.share li .social-link .nav-label {font-family: sans-serif;font-size: 14px;color: white;display: block;height: 60px;position: absolute;top: 0px;top: 0rem;margin-left: 10px;line-height: 64px;padding: 0 20px;white-space: nowrap;z-index: 4;-moz-transition: -moz-transform 0.4s ease;-o-transition: -o-transform 0.4s ease;-webkit-transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;-moz-transform-origin: left 50%;-ms-transform-origin: left 50%;-webkit-transform-origin: left 50%;transform-origin: left 50%;-moz-transform: rotateY(-90deg);-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);}
.share li .social-link .nav-label span {-moz-transform-origin: left 50%;-ms-transform-origin: left 50%;-webkit-transform-origin: left 50%;transform-origin: left 50%;-moz-transform: rotateY(-90deg);-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);}
.share li .social-link:hover .nav-label,
.share li .social-link:hover .nav-label span {-moz-transform: rotateY(0);-webkit-transform: rotateY(0);transform: rotateY(0);}
.share li .social-link:hover .nav-label span {z-index:300 !important;position:relative !important;top:-15px !important;}
/*Spaltenbreiten*/
.oneThird {width:32%;float:left;}
.leftThird {}
.middleThird {margin: 0 1.5%;}
.rightThird {}

.home-threeBoxes {width:80%;padding:0 10% 0px 10%;background-color:#fff;position:relative;}
.home-threeBoxes h2 {margin-top:30px;}
.mainContentBlock.oneThird {position:relative;}

	
.halfWidth {width:39%;position:relative;background-color:#fff;}
.leftBlock {padding-right:1%;padding-left:10%;float:left;position:relative;}
.rightBlock {padding-left:1%;padding-right:10%;float:left;position:relative;}

.fullWidth {width:80%;padding:0 10% 20px 10%;position:relative;float:none;background-color:#fff;}

/*Jssor Slider*/
.movingBanner {max-height:85vh; overflow:hidden;}
#slider1_container {max-height: 85vh !important;}
#slider1_container div{position:fixed !important;}
#slider1_container div.jssorb14 {position:absolute !important;}
#slider1_container div.jssorb14 div {position:absolute !important;}


	/*Arrows*/
	.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
	  display: inline-block;
	  position: absolute;
	  width: 60px;
	  height: 60px;
	  background: transparent;
	  background-image:none !important;
	  text-indent: -9999px;
	  border-top: 2px solid #bfbfbf;
	  border-left: 2px solid #bfbfbf;
	  transition: all .3s ease-in-out;
	  text-decoration: none;
	  color: transparent;
	  top:25% !important;
	  max-width:30px !important;
	  max-height:30px !important;
	}
	.jssora21l:hover, .jssora21r:hover {
	  border-color: gray;
	  border-width: 6px;
	}
	.jssora21l:before, .jssora21l:before {
	  display: block;
	  height: 200%;
	  width: 200%;
	  margin-left: -50%;
	  margin-top: -50%;
	  content: "";
	  transform: rotate(45deg);
	}
	.jssora21l, .jssora21ldn {
	  transform: rotate(-45deg);
	  left: 0;
	}
	.jssora21r, .jssora21rdn {
	  transform: rotate(135deg);
	  right: 0;
	}



/*Fixed Banner*/
.fixedBanner {max-height:85vh;height:85vh;}

.fixedBanner figure {position:fixed !important;width:100%;}

/*Anhaengerdaten*/
#table_24 .col_first {display:table-cell;}
#table_24 td {border-bottom:1px solid #eee; padding-top:5px;padding-bottom:5px;}
#table_24 {margin-bottom:20px;}

/*Formular*/
table {width:97%;}
.col_first {display:none;}
input { 
	width: 100%; 
	margin-bottom: 10px; 
	background: rgba(102,102,102,0.3);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 13px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .5s ease;
	-o-transition: box-shadow .5s ease;
	-ms-transition: box-shadow .5s ease;
	transition: box-shadow .5s ease;
}
textarea { 
	width: 100%; 
	margin-bottom: 10px; 
	background: rgba(102,102,102,0.3);
	border: none;
	outline: none;
	padding: 10px;
	font-size: 13px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
	-webkit-transition: box-shadow .5s ease;
	-moz-transition: box-shadow .5s ease;
	-o-transition: box-shadow .5s ease;
	-ms-transition: box-shadow .5s ease;
	transition: box-shadow .5s ease;
}
input[type=submit] {width:103%;}
input:focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }
textarea:focus { box-shadow: inset 0 -5px 45px rgba(100,100,100,0.4), 0 1px 1px rgba(255,255,255,0.2); }

::-webkit-input-placeholder {
    color: #fff;
}
 
:-moz-placeholder {
    color: #fff;
}
 
::-moz-placeholder {
    color: #fff;
}
 
:-ms-input-placeholder {
    color: #fff;
}

/*Inhalte*/
#home {-webkit-box-shadow: 0px -5px 5px 0px rgba(153,153,153,1);
-moz-box-shadow: 0px -5px 5px 0px rgba(153,153,153,1);
box-shadow: 0px -5px 5px 0px rgba(153,153,153,1);position:relative;background-color:#fff;}

#article-9 {-webkit-box-shadow: 0px -5px 5px 0px rgba(153,153,153,1);
-moz-box-shadow: 0px -5px 5px 0px rgba(153,153,153,1);
box-shadow: 0px -5px 5px 0px rgba(153,153,153,1);position:relative;background-color:#fff;}

.htmlBlock {margin-top:20px;margin-bottom:20px;}
.htmlBlock .oneThird {margin-top:10px;margin-bottom:10px;}
.contentBlock {max-width:400px; position:relative;margin:0 auto;padding:15px;background-image: url(../_pics/debut_light.png);border:1px solid #be1522;text-align:center;}

/*Anfahrt*/
.anfahrtBtn {display:none;}

/*Footer*/
footer {color:#333;position:relative;width:100%;background-image:url(../_pics/debut_light.png);border-top:2px solid #0F6FB6;position:relative;z-index:300;}
#footerArea {width:80%;padding:0 10%;}
.impLink {text-align:center;clear:both;background-color:transparent;text-align:left;padding:0 20% 0 0;}
.impLink a {padding:10px 0 10px 0;margin-bottom:15px;}
.fbbutton {background-image:url(../_pics/facebook_button.png); background-repeat:no-repeat;width:235px;height:73px;margin-top:25px;background-size:80%;}

footer .middleThird {text-align:left;}
footer h2 {color:#333;}

footer input {max-width:250px;}
footer input[type=submit] {max-width:270px;cursor:pointer;}
footer textarea {max-width:250px;}

#impContent{display:none;}

@media (max-width: 1140px) { 
	.oneThird {}
	.leftThird {width:49%;margin-right:1%;}
	.middleThird {width:49%;margin: 0 0 0 1%;}
	.rightThird {width:100%;clear:both;}
}
@media (max-width: 1060px) { 
	#logo {width:300px;}
}
@media (max-width: 1060px) { 
	.fixedBanner {height:auto;}
	.fixedBanner figure {position:relative !important;}
}
	
@media (max-width: 735px) { 
	.oneThird {}
	.leftThird {width:100%;margin:0;}
	.middleThird {width:100%;margin: 0 0 0 0;}
	.rightThird {width:100%;clear:both;}
	
	.halfWidth {width:80%;padding:20px 10%;}
		
	/*Bildspalten auf Subseiten ausblenden*/
	#anhaenger-halbe-breite-links {display:none;}
	#anhaenger-halbe-breite-rechts {display:none;}
	
	/*Logo*/
	#logo {background-position:25px 50%;width:100%;background-size:80%;margin-left:0px;}
	#logo.fadeOutLeft {background-position:0 50%;}
	
	/*Menue animation abschalten
	.menu-icon:hover {
	transition:all 0 ease 0;
	}

	.menu-icon:hover:before {
	transition:all 0 ease 0;
	}
	
	.menu-icon span, .menu-icon:before, .menu-icon:after {transition:all 0 ease 0;}*/
	
	/*Anfahrt*/
	iframe {display:none;}
	.anfahrtBtn {display:block;}
	.anfahrtMap {display:none;}
}


/*IE Fixes*/
.ie #slider1_container div {
	position: static !important;
}
.ie10 #slider1_container div {
	position: fixed !important;
}