/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
 
 
html {
	-webkit-font-smoothing: antialiased;
}

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	font-family:Verdana, Geneva, sans-serif;
    font-size: 13px;
    line-height: 1.4;
}

.page_content{
	line-height:24px;
}

.page_content.mit_sidebar{
	width:580px;
	float:left;
}

.page_content p a:link, .page_content p a:visited, .page_content p a:active, .csc-default a:link, .csc-default a:visited, .csc-default a:active {
	color:#158f91;
	text-decoration:underline;
	font-weight:bold;
	-webkit-transition: color 100ms linear;
     -moz-transition: color 100ms linear;
     -o-transition: color 100ms linear;
     -ms-transition: color 100ms linear;
     transition: color 100ms linear;
}

.page_content p a:hover, .csc-default a:hover {
	color:#0b6f71;
	font-weight:bold;
	-webkit-transition: color 200ms linear;
     -moz-transition: color 200ms linear;
     -o-transition: color 200ms linear;
     -ms-transition: color 200ms linear;
     transition: color 200ms linear;
}




p{
	margin-top:0;
	margin-bottom:10px;
}

img.right{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}

img.left{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}








/* ==========================================================================
   Brigl & Bergmeister custom styles
   ========================================================================== */


.wrapper{
	width:950px;
	margin:0 auto;
}

header{
	background-color:#fdfdfd;
	height:149px;
	border-bottom:3px solid #158f91;
}

header .wrapper{
	height:149px;
	position:relative;
}


header #logo{
	float:left;
	margin:0;
	padding-top:20px;
}




/* ---- NAVIGATION ---- */

nav{
	width:950px;
}

#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu {
	width: auto;
	margin: 0;
	position:absolute;
	right:0;
	bottom:0;
}

#menu:before,
#menu:after {
	content: "";
	display: table;
}

#menu:after {
	clear: both;
}

#menu {
	zoom:1;
}

#menu li {
	float: left;
	position: relative;
}

#menu a {
	float: left; 
	padding: 12px 2px 33px 2px;
	margin:0 0 0 20px;
	color: #353c43;
	text-transform: uppercase;
	text-decoration: none;
	text-align:center;
	font-size:15px;
}

#menu li:hover > a {
	font-weight:bold;
		border-bottom:7px solid #158f91;
		padding-bottom:26px;
}



*html #menu li a:hover { /* IE6 only */
	font-weight:bold;
}


#menu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 66px;
	left: 20px;
	z-index: 9999;    
	background: #158f91;	
	transition: all .3s ease-in-out; 
	width:220px;
}

#menu li:last-of-type ul{
	right:0;
	left:auto;
}

#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}

#menu ul ul {
	top: 0;
	left: 222px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
}

#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
}



#menu ul li:last-child {   
	box-shadow: none;    
}

#menu ul a {    
	padding: 10px !important;
	min-width: 140px;
	display: block;
	float: none;
	text-transform: none;
	color:#fff;
	margin-left:0;
	padding-right:20px;
	text-align:left;
	font-size:14px;
}

#menu ul a:hover {
	background-color: #118284;
	padding-right:15px;
}


#menu ul li:hover > a {
		border-bottom:0 !important;
}



#menu ul li:first-child > a {
}

#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
}

.hasSubmenu > a{
	background:url('../Images/menu_arrow.png') right center no-repeat;
}

.hasSubmenu > a:hover{
}

#menu ul ul li:first-child a:hover:after {
	border-right-color: #fff; 
	border-bottom-color: transparent; 	
}






/* ----- METANAV ----- */


#language{
	float:right;
	margin-right:200px;
	margin-top:9px;
	padding-left:25px;
}

#language li{
	float:left;
	list-style:none;
	margin-left:10px;
}

#metanav{
	float:right;
	margin-top:9px;
}

#metanav li{
	float:left;
	list-style:none;
	margin-left:25px;
}

#metanav a:link, #metanav a:visited, #metanav a:active,
#language a:link, #language a:visited, #language a:active{
	color:#aeb1b4;
	font-size:11px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:7px;
}

#metanav a:hover, #metanav a.current,
#language a:hover, #language a.current{
	color:#000;
	border-top:5px solid #000;
}


/* ----- SUCHE ----- */

#head_suchergebnis{
	border-bottom:1px solid #a7acaf;
	padding:0 0 10px 0;
	/*padding:0 50px 10px 50px;*/
}

#head_suchergebnis h2{
	font-weight:normal;
	font-size:27px;
	margin-top:0;
}

#suche{
	position:absolute;
	right:0;
	top:6px;
	width: 178px;
}

#suche .suchfeld, #suche #suchfeld{
	background-color:#eaebec;
	color:#000;
	font-size:12px;
	font-weight:bold;
	height:15px;
	width:125px;
	border:0;
	padding:5px 10px;
	margin-right: 5px;
}

#suche #btn_suchen{
	background:url('../Images/icon_suche.png') #fff;
	height:25px;
	width:25px;
	border:0;
	text-indent:-9999px;
}

#suche_big{
	position:absolute;
	right:50px;
	top:65px;
}

#suche_big .suchfeld{
	background-color:#eaebec;
	color:#000;
	font-size:12px;
	font-weight:bold;
	height:15px;
	width:325px;
	margin-right: 5px;
	border:0;
	padding:5px 10px;
	border:1px solid #a7acaf;
}

#suche_big #btn_suchen{
	background:url('../Images/icon_suche.png') transparent;
	height:25px;
	width:25px;
	border:0;
	text-indent:-9999px;
}


/* ----- PAGE ----- */

#page{
	width:950px;
	padding:20px 0px;
	background:url('../Images/bg_white.png') transparent;
	min-height:500px;
	margin-top:20px;
	margin-bottom:30px;
	position:relative;
}

#page.home{
	width:950px;
	padding:20px 0;
}

/* ---- SLIDER ---- */

#slider-wrapper{
	position:relative;
	margin-bottom:90px;
	padding:0 50px;
	margin-top:-1px;	
	/* changes 09.02 chris
		right:1px;
	*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#slider-wrapper{
		right:0;
	}
}

.da-slider{
	width: 950px;
	/* changes 09.02 chris
		width: 951px;
	*/
	min-width: 520px;
	height: 355px;
	position: relative;
	bottom:20px;
	right:50px;
	margin: 0 auto;
	overflow: hidden;
/*	background: transparent url(../Images/waves.gif) repeat 0% 0%;*/
	-webkit-transition: background-position 1.4s ease-in-out 0.3s;
	-moz-transition: background-position 1.4s ease-in-out 0.3s;
	-o-transition: background-position 1.4s ease-in-out 0.3s;
	-ms-transition: background-position 1.4s ease-in-out 0.3s;
	transition: background-position 1.4s ease-in-out 0.3s;
}

.da-slide .da-img-big {
 	margin: 0px 0px 0px -570px !important;
	opacity: 1;
	z-index:0;
}

p {
	z-index: 1000 !important;
}

a {
	z-index: 1000 !important;
}

.da-slide{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	text-align: left;
}
.da-slide-current{
	z-index: 1000;
}
.da-slider-fb .da-slide{
	left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide h2,
.da-slide .da-link,
.da-slide .da-img{
	position: absolute;
	opacity: 0;
	left: 110%;
}

.da-slide p{
	position: relative;
	opacity: 0;
	left: 110%;
}

.da-slider-fb .da-slide h2,
.da-slider-fb .da-slide p,
.da-slider-fb .da-slide .da-link{
	left:50px;
	opacity: 1;
}
.da-slider-fb .da-slide .da-img{
	left: 60%;
	opacity: 1;
}
.da-slide h2{
	color: #1d1d1b;
	font-size: 27px;
	width: 60%;
	top: 60px;
	z-index: 10;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
}
.da-slide p{
	width: 90%;
	top: 155px;
	color: #1d1d1b;
	font-size: 18px;
	line-height: 26px;
	overflow: hidden;
	font-family:Verdana, Geneva, sans-serif;
	font-weight: 400;
}
.da-slide .da-img{
	text-align: center;
	width: 30%;
	bottom: 0;
	line-height: 320px;
	left: 110%; /*60%*/
}

.da-slide .da-link{
	top: 270px; /*depends on p height*/
}

.da-slide .da-link, a.btn_green, .page_content p a.btn_green, .da-slide a{
	display:inline-block;
	color: #fff!important;
	padding: 7px 10px;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	background: #158f91;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	padding-right:30px;
	margin-top:10px;
	position:relative;
	-webkit-transition: background-color 50ms linear;
     -moz-transition: background-color 50ms linear;
     -o-transition: background-color 50ms linear;
     -ms-transition: background-color 50ms linear;
     transition: background-color 50ms linear;
}

.btn_green:after, .page_content p a.btn_green:after, .btn_arrow, .da-slide a:after{
	content: '';
	position: absolute;
	width: 10px;
	height: 20px;
	top: 12px;
	right: 10px;
	background: transparent url(../Images/icons.png) no-repeat -10px 0 !important;
}


a.btn_green:hover, .page_content p a.btn_green:hover, .da-slide a:hover{
	background: #0b6f71;
	-webkit-transition: background-color 200ms linear;
     -moz-transition: background-color 200ms linear;
     -o-transition: background-color 200ms linear;
     -ms-transition: background-color 200ms linear;
     transition: background-color 200ms linear;
}

.slider_home .bx-wrapper .bx-viewport {
	left:80px;
	width:690px !important;
}

.da-dots{
	width: 100%;
	position: absolute;
	text-align: center;
	left: 0px;
	bottom: -40px;
	z-index: 9999;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 23px;
	height: 9px;
	background: #a1d2d3;
	margin: 3px;
	cursor: pointer;

}
.da-dots span.da-dots-current{
	background: #158f91;
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	top: 160px;
	height: 38px;
	width: 38px;
	background: #158f91;
	cursor: pointer;
	z-index: 9000;
	opacity: 1;
}

.da-arrows span:hover{
	background:#0b6f71;
	-webkit-transition: background-color 200ms linear;
     -moz-transition: background-color 200ms linear;
     -o-transition: background-color 200ms linear;
     -ms-transition: background-color 200ms linear;
     transition: background-color 200ms linear;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows .prev-arrow{
	content: '';
	position: absolute;
	width: 10px;
	height: 20px;
	top: 12px;
	left: 15px;
	background: transparent url(../Images/icons.png) no-repeat top left;
}

.da-arrows .next-arrow{
	content: '';
	position: absolute;
	width: 10px;
	height: 20px;
	top: 12px;
	left: 15px;
	background: transparent url(../Images/icons.png) no-repeat -10px 0;
}

.da-arrows span.header #logo{
	left: -70px;
}
.da-arrows span.da-arrows-next{
	right: -20px;
}

.da-arrows span.da-arrows-prev{
	left: -20px;
}

.da-slide-current h2,
.da-slide-current p,
.da-slide-current .da-link{
	left: 50px;
	opacity: 1;
}
.da-slide-current .da-img{
	left: 60%;
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright h2{
	-webkit-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim1 0.6s ease-in 0.8s both;
	animation: fromRightAnim1 0.6s ease-in 0.8s both;
}
.da-slide-fromright p{
	z-index: 100 !important;	
	-webkit-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim2 0.6s ease-in 0.8s both;
	animation: fromRightAnim2 0.6s ease-in 0.8s both;
}
.da-slide-fromright .da-link{
	z-index: 100 !important;	
	-webkit-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromRightAnim3 0.4s ease-in 1.2s both;
	animation: fromRightAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromright .da-img{
	z-index: 0 !important;	
	-webkit-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in 0.8s both;
	animation: fromRightAnim4 0.6s ease-in 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left:50px; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left:50px; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left:50px; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left:50px; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left:50px; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft h2{
	-webkit-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim1 0.6s ease-in 0.6s both;
	animation: fromLeftAnim1 0.6s ease-in 0.6s both;
}
.da-slide-fromleft p{
	-webkit-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim2 0.6s ease-in 0.6s both;
	animation: fromLeftAnim2 0.6s ease-in 0.6s both;
}
.da-slide-fromleft .da-link{
	-webkit-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-moz-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-o-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	-ms-animation: fromLeftAnim3 0.4s ease-in 1.2s both;
	animation: fromLeftAnim3 0.4s ease-in 1.2s both;
}
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left:50px; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left:50px; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left:50px; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left:50px; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left:50px; opacity: 0; }
	100%{ left:50px; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */
.da-slide-toright h2{
	-webkit-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-moz-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-o-animation: toRightAnim1 0.6s ease-in 0.6s both;
	-ms-animation: toRightAnim1 0.6s ease-in 0.6s both;
	animation: toRightAnim1 0.6s ease-in 0.6s both;
}
.da-slide-toright p{
	-webkit-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-o-animation: toRightAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toRightAnim2 0.6s ease-in 0.3s both;
	animation: toRightAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toright .da-link{
	-webkit-animation: toRightAnim3 0.4s ease-in both;
	-moz-animation: toRightAnim3 0.4s ease-in both;
	-o-animation: toRightAnim3 0.4s ease-in both;
	-ms-animation: toRightAnim3 0.4s ease-in both;
	animation: toRightAnim3 0.4s ease-in both;
}
.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in both;
	-moz-animation: toRightAnim4 0.6s ease-in both;
	-o-animation: toRightAnim4 0.6s ease-in both;
	-ms-animation: toRightAnim4 0.6s ease-in both;
	animation: toRightAnim4 0.6s ease-in both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left:50px;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left:50px;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left:50px;  opacity: 1; }
	99%{ left:50px; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left:50px;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left:50px;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left:50px;  opacity: 1; }
	99%{ left:50px; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left:50px;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left:50px;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left:50px;  opacity: 1; }
	99%{ left:50px; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left:50px;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left:50px;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left:50px;  opacity: 1; }
	99%{ left:50px; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left:50px;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left:50px;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left:50px;  opacity: 1; }
	99%{ left:50px; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/
.da-slide-toleft h2{
	z-index: 100 !important;		
	-webkit-animation: toLeftAnim1 0.6s ease-in both;
	-moz-animation: toLeftAnim1 0.6s ease-in both;
	-o-animation: toLeftAnim1 0.6s ease-in both;
	-ms-animation: toLeftAnim1 0.6s ease-in both;
	animation: toLeftAnim1 0.6s ease-in both;
}
.da-slide-toleft p{
	z-index: 100 !important;		
	-webkit-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-moz-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-o-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	-ms-animation: toLeftAnim2 0.6s ease-in 0.3s both;
	animation: toLeftAnim2 0.6s ease-in 0.3s both;
}
.da-slide-toleft .da-link{
	z-index: 100 !important;
	-webkit-animation: toLeftAnim3 0.4s ease-in both;
	-moz-animation: toLeftAnim3 0.4s ease-in both;
	-o-animation: toLeftAnim3 0.4s ease-in both;
	-ms-animation: toLeftAnim3 0.4s ease-in both;
	animation: toLeftAnim3 0.4s ease-in both;
}
.da-slide-toleft .da-img{
	z-index: 0 !important;	
	-webkit-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-moz-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-o-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	-ms-animation: toLeftAnim4 0.6s ease-in 0.6s both;
	animation: toLeftAnim4 0.6s ease-in 0.6s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left:50px;  opacity: 1; }
	30%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left:50px;  opacity: 1; }
	30%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left:50px;  opacity: 1; }
	99%{ left:50px; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left:50px;  opacity: 1; }
	30%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left:50px;  opacity: 1; }
	30%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left:50px;  opacity: 1; }
	99%{ left:50px; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left:50px;  opacity: 1; }
	30%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left:50px;  opacity: 1; }
	30%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left:50px;  opacity: 1; }
	99%{ left:50px; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left:50px;  opacity: 1; }
	30%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left:50px;  opacity: 1; }
	30%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left:50px;  opacity: 1; }
	99%{ left:50px; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left:50px;  opacity: 1; }
	30%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left:50px;  opacity: 1; }
	30%{ left: 0%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left:50px;  opacity: 1; }
	99%{ left:50px; opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	40%{ left: 70%;  opacity: 1; }
	90%{ left: 0%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}









h3{
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
}

p.intro{
	font-size:18px;
}


.home_part{
	padding:0 50px 20px 50px;
	margin-bottom:30px;
	border-bottom:1px solid #a7acaf;
	position:relative;
}

.home_part.kontakt{
	min-height:170px;
	background:url('../Images/content/etikettenexperten.png') no-repeat right bottom transparent;
}

.home_part.zertifikate{
	background:url('../Images/content/zertifikate_home.png') no-repeat right center transparent;
}

.home_part.last{
	border-bottom:none;
	margin-bottom:0;
}

.contentblock{
	font-size:13px;
}

.contentblock.such_block{
	border-bottom:1px solid #a7acaf;
	padding-bottom:15px !important;
	margin-bottom:20px !important;
}

.contentblock h2{
	font-size:18px;
	font-weight:normal;
}

.one_block img{
	float:left;
	margin-right:20px;
}

.one_block .content_right{
	float:right;
	width:560px;
}

.one_block .content_right h2{
	margin-top:0;
}

.two_blocks{
	float:left;
	width:390px;
	margin-right:70px;
}

.three_blocks{
	float:left;
	width:250px;
	margin-right:50px;
}

.contentblock.last{
	margin-right:0;
}




#medienecho{
	margin:0;
	font-size:18px;
}

#medienecho-wrap .bx-wrapper .bx-viewport{
	left:80px;
	width:690px !important;
}


#medienecho p{
	margin-bottom:5px;
}

#headline_medienecho{
	margin:0 0 20px 80px;
	position:relative;
	top:15px;
}

.medienecho_person{
	font-size:13px;
	margin-top:8px;
	float:left;
}

.medienecho_more{
	font-size:13px;
	position:absolute;
	right:130px;
	bottom:14px;
}


.link_white{
	color:#158f91;
	text-decoration:none;
	padding-right:15px;
	position:relative;
	font-weight:bold;
}
.link_white .arrow_green{
	position: absolute;
	width: 10px;
	height: 20px;
	top: 2px;
	right: 0px;
	background: transparent url(../Images/icons.png) no-repeat -20px 0;
}

.link_white:hover{
	color: #0b6f71;
	-webkit-transition: color 200ms linear;
     -moz-transition: color 200ms linear;
     -o-transition: color 200ms linear;
     -ms-transition: color 200ms linear;
     transition: color 200ms linear;
}

.page_content .contentblock>div {
padding-bottom: 10px;
}


/* ----- SUBSEITE ----- */



.breadcrumb{
	margin:0;
	padding-left:20px;
	height:20px;
	padding-bottom:20px;
}

.breadcrumb li{
	list-style:none;
	float:left;
	margin-right:5px;
	font-size:11px;
}

.breadcrumb li a:link, .breadcrumb li a:visited, .breadcrumb li a:active{
	text-decoration:none;
	color:#9d9d9d;
}
.breadcrumb li a:hover{
	color:#000;
}

.breadcrumb .arrow{
	font-size:20px;
	position:relative;
	top:3px;
	font-weight:100;
}

.breadcrumb li.current{
	font-weight:bold;
}

.contentblock .arrow{
	font-size:17px;
	font-weight:100;
}


.titelbild{
	padding:0 20px 20px 20px;
}


.page_content{
	padding:0 50px;	
}

.page_content h2{
	font-size:27px;
	font-weight:normal;
	margin-bottom:10px;
	margin-top:0;
	line-height:34px;
}
.page_content h3{
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
}

.page_content p.intro{
	padding-bottom:25px;
}

.page_content .contentblock{
	padding-bottom:50px;
}

.page_content ul{
	padding:0;
}

.page_content ul li{
	list-style:none;
	padding-left:20px;
	text-indent:-20px;
}

.page_content ul.list li:before {
	font-weight:bold;
	content: "\2713 \0020";
	margin-right:5px;
}

.page_content table, .contenttable, #sidebar table {
	border-collapse:collapse;
	width:100%;
}

.csc-uploads li{	
	list-style: none;
	padding-left: 0px!important;
	text-indent: 0px!important;
}


thead{
	background-color:#158f91;
	color:#fff;
	width:100%;
	text-align:left;
}
thead th, thead td{
	padding:10px 15px;
	font-size:16px;
	font-weight:normal;
}

tbody tr{
	height:40px;
}

tbody td{
	padding:5px 15px;
}

table .border-right, table .LinieRechts{
	border-right:2px solid #fff;
}

.page_content table tr:nth-child(2n+2), table.contenttable tr:nth-child(2n+2), #sidebar table tr:nth-child(2n+2) {
  background-color: #e6f1f1;
}


div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0;
}

/* SIDERBAR */


#sidebar{
	float:left;
	width:250px;
}

#sidebar h3{
	margin-top:0;
	font-size:16px;
	font-weight:bold;
	padding-bottom:5px;
}

.box_zertifizierungen{
	background-color:#eaebec;
	padding:23px 16px;
	margin-bottom:20px;
}

.box_kontakt{
	background-color:#bb932c;
	padding:20px 16px 10px 16px;
	margin-bottom:20px;
	color:#fff;
}

.box_kontakt img{
	float:right;
}

.box_kontakt .btn_green{
	font-size:12px;
}

/* contact */

.contactblock{
	margin-bottom:20px;
}

.contactblock .img_placeholder{
	width:208px;
	float:left;
	margin-right:25px;
}

.contactblock .text_right{
	float:left;
/*	width:615px;
	width: 345px;*/
}

.c_intern .text_right {
	max-width: 345px;
}

.contactblock p{
	margin-bottom: 0;
}

.contactblock ul{
	padding:0;
	margin-top: 0;
}

.contactblock .icon_tel{
	background:url('../Images/icons.png') 0 -20px no-repeat transparent;
	width:20px;
	height:16px;
	display:inline-block;
	position:relative;
	top:3px;
}

.contactblock .icon_fax {
	background: url("../Images/fax.png") no-repeat transparent;
	width: 20px;
	height: 16px;
	display: inline-block;
	position: relative;
	top: 3px;
}

.contactblock .icon_mail{
	background:url('../Images/icons.png') 0 -36px no-repeat transparent;
	width:20px;
	height:16px;
	display:inline-block;
	position:relative;
	top:3px;
}

.contactblock h3{
	margin-top:0;
	margin-bottom:0;
}

.contactblock a:link, .contactblock a:visited, .contactblock a:active{
	color:#158f91;
	text-decoration:underline;
	font-weight:bold;
	-webkit-transition: color 100ms linear;
     -moz-transition: color 100ms linear;
     -o-transition: color 100ms linear;
     -ms-transition: color 100ms linear;
     transition: color 100ms linear;
}

.contactblock a:hover{
	color:#0b6f71;
	font-weight:bold;
	-webkit-transition: color 200ms linear;
     -moz-transition: color 200ms linear;
     -o-transition: color 200ms linear;
     -ms-transition: color 200ms linear;
     transition: color 200ms linear;
}


/* ---- GALLERY ---- */


.gallery_row{
	/* changes 09.02 chris
	display:inline-block;
	*/
	margin-bottom:15px;
}

.gallery_row .img-wrap{
	position:relative;
	float:left;
	width:155px;
	/*margin-right:18px;
	height:110px;
	width:155px;*/
	margin-right: 13px;
	/*height: 140px;*/
	/* changes 09.02 chris
		width: 140px;
		margin-right: 33px;
	*/
}


.img-wrap .img-overlay{
	position:absolute;
	top:0;
	left:50%;
	height:100%;
	background-color:#158f91;
	display:none;
	cursor:pointer;
}


.gallery .galleryslider{
	padding:0;
}

.gallery .bx-controls-direction{
	display:none;
}
.gallery .bx-viewport{
	width:100%;
}


.gallery .bx-wrapper .bx-pager.bx-default-pager a{
	border-radius:0;
	text-indent:0;
	color:#fff;
	text-decoration:none;
	height:23px;
	width:23px;
	background-color:#A1D2D3;
	text-align:center;
}
.gallery .bx-wrapper .bx-pager.bx-default-pager a:hover, .gallery .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{
	background-color:#158F91 !important;
}

.gallery .bx-wrapper .bx-pager{
	font-size:12px;
	text-align:right;
	margin-top:20px;
}

.gallery .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:-40px;
	right:-1px;
}

.gallery .bx-wrapper .bx-pager.bx-default-pager a{
	margin:0 3px;
}


.box_kontakt div.csc-textpic {
	overflow: visible;
}

/* changes 09.02 chris begin*/
.galleryslider .clear{
	height: 10px;
}

.galleryslider li {
	padding-left: 0px!important;	
}

/* changes 09.02 chris end*/

.box_kontakt div.csc-textpic-imagewrap {
	margin-top: -30px;
	width: 90px;
}


.img-wrap img{
	margin:0 auto;
}


/* ---- PAGINATION ---- */

#pagination, .browsebox{
	float:right;
}

#pagination li, .browsebox li{
	border:0; margin:0; padding:0;
	font-size:12px;
	list-style:none;
	display:block;
	float:left;
	text-align:center;
	margin:0 2px;
}
#pagination a, .browsebox a{
	background-color:#a1d2d3;
	margin-right:2px;
	width:23px;
	height:23px;
}

#pagination .next a,
#pagination .previous a {
	font-weight:bold;
	text-indent:-9999px;
	position:relative;
}
#pagination .previous a span{
	width:10px;
	height:20px;
	position:absolute;
	top:5px;
	left:7px;
	background:url('../Images/icons.png') no-repeat transparent 0px 0px;
}

#pagination .next a span{
	width:10px;
	height:20px;
	position:absolute;
	top:5px;
	left:7px;
	background:url('../Images/icons.png') no-repeat transparent -10px 0px;
}

#pagination .active, .browsebox .active {
	color:#fff;
	font-weight:normal;
	display:block;
	float:left;
	text-align:center;
	background-color:#158f91;
	width:23px;
	height:23px;
	margin-right:4px;
}
#pagination a:link,
#pagination a:visited, .browsebox a:link, .browsebox a:visited {
	color:#fff;
	display:block;
	float:left;
	text-decoration:none;
}
#pagination a:hover, .browsebox a:hover{
	background-color:#158f91;
}







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



footer{
	background-color:#fff;
	min-height:250px;
	padding:20px 0;
}

footer .wrapper{
	padding:10px 50px;
	width:850px;
}

#footer_menu{
	padding:0;
}

#footer_menu li{
	float:left;
	list-style:none;
	width:154px;
	margin-right:20px;
	padding-bottom:5px;
}
#footer_menu li.last{
	margin-right:0;
}

#footer_menu li a:link, #footer_menu li a:visited, #footer_menu li a:active{
	color:#353c43;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
}
#footer_menu li a:hover{
	text-decoration:underline;
	color:#000;
}

#footer_menu ul{
	margin-top:5px;
	padding-left:0;
}

#footer_menu ul li{
	float:none;
}

#footer_menu ul li a:link, #footer_menu ul li a:visited, #footer_menu ul li a:active{
	text-transform:none;
	font-weight:normal;
	font-size:13px;
}

#footer_menu ul li a:hover{
	color:#000;
}

footer #logo_footer{
	float:left;
}

#footer_meta_nav{
	float:right;
	margin:0 0 5px 0;
}

#footer_meta_nav li{
	list-style:none;
	float:left;
	margin-left:20px;
}

#footer_meta_nav li a:link, #footer_meta_nav li a:visited, #footer_meta_nav li a:active{
	text-decoration:underline;
	color:#353c43;
	font-weight:bold;
}

#footer_meta_nav li a:hover{
	text-decoration:none;
	color:#000;
}

footer #right_content{
	float:right;
	text-align:right;
	color:#353c43;
}




.linkact a{ font-weight: bold;}
.linkact ul li a{ font-weight: normal;}
.subact {
	background-color: #118284;
	padding-right: 15px;
}
.subact a{
	font-weight: bold!important;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clear{
	clear:both;
}

.c33l {width: 250px;margin-right: 50px;}

.c33r {width: 250px;}

.c33r .csc-default, .c33l .csc-default {
padding: 0;
}

.c50l, .c50r {
		width: 390px;
}

.c50l>.subcl, .c50r>.subcr {
		width: 390px;
}

.c50l h2, .c50r h2 {
	font-weight: normal;
}


.subcl, .subcr {
	padding: 0;
}

.c50l>.subcl {
	margin-right: 70px;
}


.gm-style-iw { width: 120px;}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

 

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}