/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

.clear { clear: both; }

/* RESET END */

/*
FONT LICENSE
Copyright (c) 2009 ParaType Ltd. with Reserved Names "PT Sans" and "ParaType".
http://www.fontsquirrel.com/fonts/PT-Sans
*/
@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* LAYOUT */

body {
   color: #676767;
   height: 100%;
   font-size: 100%;
   font-family: PTSansRegular, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, Helvetica, Arial, sans-serif;
   line-height: 1.5em;
   background-color:#fff; 
   overflow-y: scroll !important;
   }

header {
	margin: 0 auto;
	width: 96%;
	max-width:1240px;
	min-width: 320px;
	padding-top:40px;
	line-height:1px;
	position:relative;
}
header img { max-width:100%; margin-top:20px; }

#headerleft {
	width:60%;
	height: auto;
	float:left; 
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow:hidden;
}
#headerleft img { max-width:96%; margin-top:10px;  }

#headerright {
	width:38%;
	min-width: 320px;
	height: auto;
	line-height: 1.5em;
	float:right;
	text-align:right;
	color:#576a93; 
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	overflow:hidden;
}

#headerright a:link, #headerright a:visited { color: #576a93; text-decoration:none; }
#headerright a:hover, #headerright a:focus, #headerright a:active { color: #576a93; }


#lang {
	width:200px;
	height:50px;
	background-image:url(../images/english.png);
	margin-bottom:10px;
}
#ordizeiten {
	width:200px;
	height:263px;
	background-image:url(../images/ordizeiten.png);
	margin-bottom:10px;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

#lang {
	background-image:url(../images/english@2x.png);
	background-size: 200px 50px;
}
#ordizeiten {
	background-image:url(../images/ordizeiten@2x.png);
	background-size: 200px 263px;
}
}

#content {
	margin: 0 auto;
	width: 96%;
	max-width:1240px;
	min-width: 320px;
	height: auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#content a:link, #content a:visited { color: #576a93; text-decoration:underline; }
#content a:hover, #content a:focus, #content a:active { color: #9f4b5f; }

#content ul { list-style-image: url(../images/list-red.png); margin-left: 15px; padding-bottom: 20px; }
#content li { margin-left: 12px; padding:2px 0px; }
#content ol { list-style-type: decimal; }
#content ul ul { list-style-image: url(../images/sublist.png); margin-left: 12px; padding: 10px 0px; }
#content li li { margin-left: 12px; font-size:0.8em; padding:0px 0px; }
.listmargin { margin:15px 0px; }
.listmargin li {margin-top:20px;}
.listmarginfourth { margin:15px 0px; }

#content table { border: 1px solid #666; margin-bottom:40px; }
#content table tr td{
background-color: #fff;
padding: 4px 10px;
}
#content table tr:nth-of-type(odd) td {background-color: #ededed;} 
#content th { background-color:#666; color:#fff; padding:10px; text-align:left; }

h1, h2, h3, h4, h5 { font-weight: normal; }
h1 { font-size:1.6em; line-height:1.2em; color:#9f4b5f; padding:20px 0px; }
h2 { font-size:1.6em; line-height:1.2em; color:#576a93; padding:0px 0px 20px 0px; }
h3 { font-size:1.2em; line-height:1.2em; color:#9f4b5f; padding:0px 0px 20px 0px; }
h4 { font-size:1em; font-weight:bold; line-height:1.4em; color:#576a93; padding:5px 10px; border-left:10px solid #f2f2f2; }
h5 { font-size:1em; line-height:1.4em; font-weight:bold; display:block; background-color:#f2f2f2; color:#576a93; padding:5px; padding-left:10px; margin-top:15px; }
h6 { font-size:1em; line-height:1.4em; font-weight:bold; display:block; color:#676767; margin-top:15px; }
p { padding:0px 0px 20px 0px; margin:0px; }

.uppercase { text-transform:uppercase; }
.senza-top { padding-top:0px; }
.senza { padding:0px !important; }
.mobileno { display:block; }

.mb-1 { margin-bottom:1px; }

hr {
	border:none;
	border-top: 1px solid #d7d7d7;
	margin:20px 0px;
}


i.fa { padding: 0px 10px; color:#9f4b5f; font-size:1.2em; }
#content i.fa { color:#9f4b5f; }

.more { padding-top:10px; display:block; }


.red { color: #9f4b5f; }
.small { font-size:0.8em; line-height:0.8em; }
.h2spacer { margin-top:57px; }
.leiter { text-transform:uppercase; }

#highlight { border: 5px solid #17a000; padding:20px; margin-bottom:25px; }
.greentext { font-size:1.4em; line-height:1.6em; color:#17a000; text-align:center; }
#highlight ul { list-style-image: url(../images/list-green.png); margin-left: 15px; padding-bottom: 20px; }

#highlight2 { border: 5px solid #9f4b5f; padding:20px; margin-bottom:25px; }
.magentatext { font-size:1.4em; line-height:1.6em; color:#9f4b5f; text-align:center; }
#highlight2 strong { color:#9f4b5f; }
#highlight2 ul { list-style-image: url(../images/list-red.png); margin-left: 15px; padding-bottom: 20px; }

.weihnachten { background-image:url(../images/bg-weihnachten.png); background-repeat:no-repeat; background-position:bottom right; }

.picleft {
	float:left;
	padding-right:20px;
	padding-bottom:20px;
}
.picright {
	float:right;
	padding-left:20px;
	padding-bottom:20px;
}
.oeffis {
	float:left;
	padding-right:10px;
}
p.oeffi { padding:0px 0px 10px 0px; margin:0px; }

figure {
  padding: 5px 0px;
  margin: 20px 0px;
}
figure img {
	max-width:100%; 
	}

figure figcaption {
  padding: 0px 4px;
  color: #576a93;
  font-size:0.8em;
  line-height:1.4em;

}
.function { font-style: italic; }

.button {
	display:block;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	padding: 20px 10px;
	background-color:#9f4b5f;
	color:#fff;
}
.button:hover {
	background-color:#fec377;
	color:#282828;
}
a.buttonlink {
	text-decoration:none !important;
	color:#fff !important;
}
a.buttonlink:hover {
	color:#282828 !important;
}

.bluebutton {
	display:inline-block;
	background-color:#576a93;
	color:#fff;
	font-size:1em;	
	text-transform:uppercase;
	padding: 8px 30px;
	text-align:center;
	border: 0px;
	margin-bottom:20px;
}

.bluebutton:hover {
	background-color:#9f4b5f;
	color:#fff;
}

a.bluebuttonlink {
	background-color:#576a93;
	color:#fff;
}
a.bluebuttonlink:hover {
	color:#fff !important;
}
.mr-20 { margin-right:20px; }


#content img, video {
	max-width: 100%;
}
.picleft { 
	float:left;
	margin: 0px 20px 20px 0px;
}
.pictitle { font-size: 0.8em; }

section, article {
	width: 100%;
	height: auto;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
}
.full {
	width:100%;
	height: auto;
	line-height: 1.7em;
	padding: 10px 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
}
.leftcontent {
   margin-right: 247px;
   min-height:348px; 
   padding-bottom:30px;
   }

.rightcontent {  
   margin: 20px 10px;
   width: 225px;
   position: absolute;
   right: 0;
   }
.leftteam {
   width: 230px;
   position: absolute;
   left: 0;
   }
.rightteam {  
   margin-left: 230px;
   }

.halfleft {
	width:50%;
	background-color:#FFF;
	height: auto;
	float:left; 
	padding-right:20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.halfright {
	width:50%;
	background-color:#FFF;
	height: auto;
	float:right; 
	padding-left: 20px;
	padding-bottom:0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fourth  {
	width:30%;
	height: auto;
	float:left; 
	padding: 10px 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.threefourth  {
	width:70%;
	height: auto;
	line-height: 1.7em;
	float:left; 
	padding: 10px 20px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#telefon {
	width:200px;
	color:#fff;
	text-align:center;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#telefon a:link, #telefon a:visited { display:block; font-weight:bold; color: #fff; background-color:#576a93; padding:10px; }
#telefon a:hover, #telefon a:focus, #telefon a:active { background-color: #9f4b5f; color:#fff; }

#telefon i.fa { color:#fff; }

.dividerline {
	width: 100%;
	margin: 30px 0px 20px 0px;
	border-top:1px dotted #e1e1e1;
}
.divider {
	width: 100%;
	margin: 30px 0px 20px 0px;
}

.pt-0 { padding-top: 0px; margin-top: 0px; }
.pt-20 { padding-top: 20px; }
.pr-0 { padding-right: 0px !important; }
.pb-0 { padding-bottom: 0px; margin-bottom: 0px; }
.pl-0 { padding-left: 0px !important; margin-left: 0px !important; }
.mt-0 {margin-top:0px; }
.mt-10 {margin-top:10px !important; }
.mt-15 {margin-top:15px !important; }
.mt-20 {margin-top:20px !important; }
.mt-30 {margin-top:30px !important; }
.mt-40 {margin-top:40px; }
.mt-60 {margin-top:60px; }
.mb-0 {margin-bottom:0px; }
.m-15 { margin:0px 15px; }
.m-30 { margin:0px 30px; }
.mb-15 {margin-bottom:15px !important; }
.mb-20 {margin-bottom:20px !important; }
.mb-30 {margin-bottom:30px !important; }
.mb-40 {margin-bottom:40px !important; }
.ml-20 {margin-left:20px; }
.mr-2 {margin-right:2px !important; }
.ml-0 {margin-left:0px !important; }
.ml-5 {margin-left:5px; }
.mr-0 {margin-right:0px !important; }
.mr-5 {margin-right:5px !important; }
.mr-10 {margin-right:10px !important; }
.mr-20 {margin-right:20px; }
.pl-20 {padding-left:20px; }
.pl-30 {padding-left:30px; }
.pb-40 {padding-bottom:40px; }
.pl-40 {padding-left:40px; }
.pr-80 {padding-right:80px !important; }
.mr-40 {margin-right:40px; }

footer {
	margin: 0 auto;
	width: 96%;
	max-width:1280px;
	min-width: 320px;
	background-color:#f2f2f2;
	height: auto;
  	overflow: hidden;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	color:#576a93;
	font-size:0.8em;
	text-align:center;
	padding: 10px 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
footer a:link, footer a:visited { color: #576a93; }
footer a:hover, footer a:focus, footer a:active { color: #9f4b5f; }

.footerspace {	padding:0px 15px; }


#subfooter {
	margin: 0 auto;
	width: 96%;
	max-width:1280px;
	min-width: 320px;
	color:#676767;
	text-align:center;
	font-size:0.7em;
	padding: 10px 0px 60px 0px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#subfooter a:link, #subfooter a:visited { color: #676767; text-decoration:none; }
#subfooter a:hover, #subfooter a:focus, #subfooter a:active { color: #576a93; text-decoration:underline; }

/* LAYOUT END */

/* LAYOUT Responsive Styles*/

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

#headerleft {
	width:50%;
}
#headerright {
	width:48%;
}
.halfleft, .halfright {
	width:100%;
	float:none;
	padding:0px;
}
.picleft { 
	float:none;
	margin: 0px;
}
.picright {
	float:none;
	display:block;
	padding-left:0px;
}

}

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

#headerleft {
	width:100%;
	float:none;
	padding:10px;
}
#headerright {
	width:100%;
	float:none;
	text-align:left;
	padding-left:10px;
}	

.footerspace {	padding:0px; display:block; line-height:1px; color:#f2f2f2; }

}
@media screen and (max-width: 836px) {

.leftcontent, .rightcontent, .leftteam, .rightteam {
	width:100%;
	float:none; 
	position:relative;
	margin:0px;
}
.fourth, .threefourth {
	width:100%;
	float:none;
}

.weihnachten { background-position:bottom right; }



}

/* LAYOUT Responsive Styles END */

/* NAVIGATION */
nav { 
	margin: 0 auto;
	width: 96%;
	max-width:1240px;
	min-width: 320px;
	position:relative;	
	background-color:#576a93;
	z-index:1000;
	border-top: 1px solid #fff;
	margin-bottom:10px;
}
.container {
    width: 100%;
    margin: 0px auto;
}
.toggleMenu {
    display:  none;
    background: #576a93;
    padding: 12px 30px 12px 30px;
    color: #fff;
	font-size:1.8em;
}
nav i.fa { color:#fff; }

.navi {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	list-style: none;
     *zoom: 1;
     background:#576a93;
}
.navi a, a.toggleMenu {text-decoration: none;}
.navi:before,
.navi:after {
    content: " "; 
    display: table; 
}
.navi:after {
    clear: both;
}
.navi ul {
    list-style: none;
    width: auto;
}
.navi a {
    padding: 15px 30px;
    color:#fff;
}
.navi li {
    position: relative;
}
.navi > li {
    float: left;
	border-right: 1px solid #ededed;
}
/* .navi > li:last-child {
	border-right: none;
}	*/

.navi > li > .parent {
    background-image: url("../images/arrow-down.png");
    background-repeat: no-repeat;
    background-position: right;
}
.navi > li.hover > .parent {
    background-image: url("../images/arrow-down-white.png");
    background-repeat: no-repeat;
    background-position: right;
}
.navi > li > a {
    display: block;
}
.navi li  ul {
    position: absolute;
    left: -9999px;
}
.navi > li.hover > ul {
    left: 0;
}
.navi li li.hover ul {
    left: 100%;
    top: 0;
}
.navi li li a {
    display: block;
    padding: 10px 30px;
    background: #576a93;
    position: relative;
    z-index:100;
    border-top: 1px solid #ededed;
}
.navi li li li a {
    background:#969696;
    z-index:200;
    border-top: 1px solid #ededed;
}
/*Hover state for top level links*/
.navi li:hover a {
	background: #9f4b5f;
}
/* .navi li:last-child:hover a {
	background:#576a93;
} */

/*Style for dropdown links*/
.navi li:hover ul a {
	background: #576a93;
	color: #fff;
}

/*Hover state for dropdown links*/
.navi li:hover ul a:hover {
	background: #9f4b5f;
	color: #fff;
}
.naviactive { 	background:#8091b6; }

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

.mobileno { display:none; }

header {
	padding-top:5px;
}
 
 nav { 
	background-color:#576a93;
}
    .active {
        display: block;
    }
    .navi > li {
        float: none;
	    border-top: 1px solid #ededed;
		border-right: none;
    }
    .navi > li > .parent {
       background-image: url("../images/arrow-down-white.png"); 
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
.navi li:hover ul a {
	background: #575757;
	color: #fff;
}
    .navi > li li {
	    border-top: 1px solid #ededed;
    }
    .navi li li .parent {
       background-image: url("../images/arrow-down-white.png"); 
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
	.navi li li a {
     padding: 15px 47px;
 	background: #575757;
 }
    .navi ul {
        display: block;
        width: 100%;
    }
   .navi > li.hover > ul , .navi li li.hover ul {
        position: static;
    }

}
/* NAVIGATION END */


/* SCROLL TO TOP */

#top i.fa { color:#fff; }

		.back-to-top {
			position: fixed;
			bottom: 10px;
			right: 10px;
			text-decoration: none;
			color:#fff;
			font-size: 30px;
		   background-color:#576a93; 
			padding: 10px;
			display: none;
		}
		
		.back-to-top:hover {
			background-color:#9f4b5f;
		}
/* SCROLL TO TOP END */