@charset utf-8;

/* General */
html, body { min-width:1000px; }
body {
	background: #1b1b1b url(/adpref/body.jpg) repeat 50% 0%;
	position: relative;
	font: 100%/1.125em Arial, Helvetica, sans-serif;
	color: #959595;
}
p { margin: 0; padding: 0; font-weight: 300; font-family: 'Lato', sans-serif; font-size: 13px; color: #959595;}
#main { background: url(/adpref/highlighter.png) no-repeat 50% -814px; width: 100%; overflow: hidden; font-size: .75em; }
body.home #main { background: url(/adpref/highlighter.png) no-repeat 50% 0%; }
/* .container { width: 950px; margin: 0 auto; position: relative; } */

.container { margin-left: auto; margin-right: auto; width: 1000px; }

.container .grid_24 { width:950px; }
.grid_24 { display:inline; float: left; position: relative; margin-left: 25px; margin-right: 25px; }

/* Header */
#header {
	position: relative;
	height: 158px;
	z-index: 99;
}

/* Pager */
.pager { text-align: center; }
#ATP-first, #ATP-prev, #ATP-next, #ATP-last {
	text-decoration: none;
	width: 22px;
	height: 22px;
	border: 1px solid #000;
	overflow: hidden;
	background-color: #343434;
	color: #9c9c9c;
	text-align: center;
	display: inline-block;
	font: 13px/20px 'Michroma', sans-serif;
	margin-right: 2px;
}

#ATP-left, #ATP-middle, #ATP-right {
	text-decoration: none;
	width: 22px;
	height: 22px;
	border: 1px solid #000;
	overflow: hidden;
	background-color: #343434;
	color: #9c9c9c;
	text-align: center;
	display: inline-block;
	font: 13px/20px 'Lato', sans-serif;
	margin-right: 2px;
}

#ATP-first:hover, #ATP-prev:hover, #ATP-left:hover, #ATP-middle:hover, #ATP-right:hover, #ATP-next:hover, #ATP-last:hover, #ATP-left-activ, #ATP-middle-activ, #ATP-right-activ {
	text-decoration: none;
	width: 22px;
	height: 22px;
	border: 1px solid #000;
	overflow: hidden;
	background-color: #525252;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	font: 13px/20px 'Michroma', sans-serif;
	margin-right: 2px;
}

#ATP-left:hover, #ATP-middle:hover, #ATP-right:hover, #ATP-left-activ, #ATP-middle-activ, #ATP-right-activ {
	text-decoration: none;
	width: 22px;
	height: 22px;
	border: 1px solid #000;
	overflow: hidden;
	background-color: #525252;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	font: 13px/20px 'Lato', sans-serif;
	margin-right: 2px;
}

#ATP-prev, #ATP-prev:hover, #ATP-right, #ATP-right:hover, #ATP-right-activ {
	margin-right: 26px;
}
/* Logo */
.logo {
	position: absolute;
	top: 36px;
	left: -1px;
}

/* Schatten unten */
#schatten {
	width: 100%;
	height: 100px;
	background: url(/adpref/schatten.png) no-repeat 50%;
	overflow:hidden;
	margin-top: 20px;
}
.lightline {
	background: url(/adpref/lichtlinie-fond_dunkel.png) no-repeat;
	height: 1px;
	width: 100%;
	overflow:hidden;
}

.darkarea {
	background: url(/adpref/linie-fond_dunkel.png) repeat-y;
	height: auto; width: 100%; overflow:hidden; min-height: 50px;
	padding-top: 40px;
	padding-bottom: 40px;
}


/* Content */

#content-wrapper {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #959595;
	margin-bottom:77px;
}

#content-wrapper p { color: #959595; }

#content-wrapper h1 {
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
	color: #ffffff;
}

#content-wrapper h2 {
	font-weight: 300;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	color: #ffffff;
}

#content-wrapper h3{
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #c5c5c5;
}

#content-wrapper .container {
	overflow: hidden;
}

/* Bildschatten */
#bsl {width:95px; height:36px; margin-top:5px; background:url(/adpref/bild-schatten_links.png) no-repeat; float:left; overflow:hidden;}
#bsm {height:36px; margin-top:5px; background:url(/adpref/bild-schatten_mitte.png) repeat-x; float:left; overflow:hidden;}
#bsr {width:95px; height:36px; margin-top:5px; background:url(/adpref/bild-schatten_rechts.png) no-repeat; float:left; overflow:hidden;}

/* Buttons */
.btn105, .btn147, .btn147e, .btn300 { float:left; font-weight:400; font-family:'Lato', sans-serif; font-size:13px; color:#9c9c9c; text-decoration:none; background-color:#343434; border:1px solid #000000; padding: 5px 0 0 17px; }
.btn147, .btn147e { width:128px; height:24px;}
.btn147 { margin-right:6px;}
.btn105 { width:86px; height:24px; }
.btn300 { width:281px; height:24px; margin-top:6px; }
.btn105:hover, .btn147:hover, .btn147e:hover, .btn300:hover { background-color:#525252; color:#ffffff; }

.pdf-button { display: block; background: url(/adpref/Button_PDF.png) no-repeat; height: 41px; padding-left: 47px; line-height: 41px; font-weight: 400; font-family: 'Lato', sans-serif; font-size: 13px; color: #777777; }
.pdf-button:hover { color: #efefef; text-decoration: none; }

.led-button { display: block; background: url(/adpref/diode_button.png) no-repeat; height: 34px; padding-left: 32px; line-height: 34px; font-weight: 400; font-family: 'Lato', sans-serif; font-size: 13px; color: #777777;
}
.led-button:hover { color: #efefef; text-decoration: none; background-position: 0 -34px; }
.trennlinie { width: 217px; height: 1px; display: block; background: url(/adpref/trennlinie_button_02.png) no-repeat; }

.kurz-button, .lang-button { display: block; color:#9c9c9c; text-decoration:none; background-color:#343434; border:1px solid #000000; 	font: 400 13px/31px 'Lato', sans-serif; height: 31px; 	overflow: hidden; padding-left: 17px; }
.kurz-button { width: 86px; }
.lang-button {  width: 281px; }
.kurz-button:hover, .lang-button:hover { background-color:#525252; color:#ffffff; text-decoration: none;}

/* Content-Blöcke */
.B300 { width:300px; float:left; margin-right:25px; }
.B625 { width:625px; float:left; margin-right:25px; }
.B300E { width:300px; float:left; }
.B600E { width:600px; float:left; }
.B625E { width:625px; float:left; }

/* Vorschau */
#bildflaeche { width: 300px; height: 336px; }
#kurzbeschreibung { width: 300px; height:40px; margin-bottom:16px; }
#Pager_top { float: left; width: 950px; height: 31px; margin-bottom: 31px; }
#Pager_bottom { float: left; width: 950px; height: 31px; margin-top: 51px; }

/* Footer */
footer {
	height:130px;
}


/* Slider */
#slider-wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#slider-wrapper .container {
	background: url(/adpref/slider-rahmen.jpg) no-repeat 50% 0%;
	height: 511px;
	padding: 10px 0 0;
	overflow: hidden;
}
#slider {
	background: url(/adpref/ajax-loader.gif) no-repeat 50% 50%;
	position: relative;
	width: 928px;
	height: 489px;
	margin: 0 auto;
	border: 1px solid #2d2d2d;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	display: none !important;
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption .nivo-caption-inner {
	padding:0;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
 display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	width: 930px;
	height: 11px;
	padding: 0;
	text-align: center;
	position: absolute;
	top: 489px;
	left: 0px;
	z-index: 99;
}
.nivo-controlNav a {
	background: url(/adpref/slider-display.png) no-repeat 0% 0%;
	display: inline-block !important;
	position: relative;
	width: 38px;
	height: 11px;
	overflow: hidden;
	margin: 0;
	line-height: 0;
	font-size: 0;
	text-decoration: none;
	z-index: 99;
	cursor: pointer;
	vertical-align: top;
}
.nivo-controlNav a.active, .nivo-controlNav a:hover { background-position: 0% -11px; }

#slider .nivo-controlNav img {
	display:inline; /* Unhide the thumbnails */
	position:relative;
	margin-right:10px;
	width:120px;
	height:auto;
}
#sliderShadow {
	width: 100%;
	height: 52px;
	margin-top: -10px;
	background: url(/adpref/slider-schatten.png) no-repeat 50%;
}

/* Navigations */
/* Primary navigation */
nav.primary { position: absolute; top: 91px; right: 0; z-index: 2; }

/* Essential styles for dropdown menu */
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style:	none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:	absolute;
	top:	-999em;
	width:	188px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:	100%;
}
.sf-menu li:hover {
	visibility:	inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float: left;
	position: relative;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left: 0;
	top: 34px; /* match top ul list item height */
	z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left: 162xpx; /* match ul width */
	top: 1px;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
/* Our skin for dropdown menu */
.sf-menu {
	float: right;
}
.sf-menu a {
	text-decoration:none;
	color: #989898;
}
.sf-menu li {
	background:	none;
}
.sf-menu li a {
	margin: 0 0 0 26px;
	line-height: 1.2em;
	font-family: 'Michroma', sans-serif;
	letter-spacing: 0.em;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
	text-decoration: none;
	color: #989898;
}
.sf-menu li li {
	background:	none;
}
.sf-menu li li a {
	background: #000;
	width: 162px;
	height: 30px;
	margin: 0;
	padding: 0 0 0 26px;
	overflow: hidden;
	line-height: 28px;
	border-top: 1px solid #333;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	color: #787878;
	text-decoration: none;
	text-transform: none;
}
.sf-menu li li:first-child a {
	border: none;
}
.sf-menu li li li {
	background:	#9AAEDB;
}
.sf-menu li:hover > a, .sf-menu li.sfHover > a,
.sf-menu li > a:focus, .sf-menu li > a:hover, .sf-menu li > a:active, .sf-menu li.current-menu-item > a {
	background: none;
	outline:	0;
	color: #ffffff;
}
.sf-menu li li:hover > a, .sf-menu li li.sfHover > a,
.sf-menu li li > a:focus, .sf-menu li li > a:hover, .sf-menu li li > a:active, .sf-menu li li.current-menu-item > a {
	background: #000;
	outline:	0;
	color: #fefefe;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:	1px; /* trigger IE7 hasLayout so spans position accurately */
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* Bottom Menu */
#de { width: 44px; height: 34px; display: block; float: left; margin-left: 16px; background: url(/adpref/sprachwahl.png) 0 0; margin-top: 37px; }
#de:hover { background-position: 0 34px; }

#en { width: 43px; height: 34px; display: block; float: left; background: url(/adpref/sprachwahl.png) -44px 0; margin-top: 37px; }
#en:hover { background-position: -44px 34px; }

#bm { margin: 46px 0 0 22px; font-family: 'Michroma', sans-serif; font-size: 10px; font-weight: 400; text-transform: uppercase; text-decoration: none; color: #989898; height: 30px; float: left; }
#bm:hover { color: #ffffff; }

/* Content */
#content {
	float: left;
}
#content.left {
	float:right !important;
}
#content .indent {
	padding:0 30px 0 0;
}
/* Page */
.page {
}
#page-content {
}
#page-meta {
}

/* Misc */
.button {
	display:inline-block;
	padding:7px 15px;
	background:#000;
	color:#fff;
	text-decoration:none;
}
.button:hover {
	background:#999;
}
.no-results {
}

/* Eingabefelder */

input[type="text"], textarea {
	background:#f3f3f3;
	border: 1px solid #272727;
	padding:6px 0 6px 5px;
}

.contact input{
	font-weight: 300; font-family: 'Lato', sans-serif; font-size: 13px;
	vertical-align:middle;
	border: 1px solid #000;
	background-color: #343434;
	outline: none;
	display: block;
	width: 603px;
	height: 20px;
	margin-bottom: 6px;
	behavior:url(/adpref/PIE.htc);
-webkit-transition-property: background-color; -webkit-transition-duration: .5s;
-moz-transition-property: background-color; -moz-transition-duration: .5s;
-o-transition-property: background-color; -o-transition-duration: .5s;
-ms-transition-property: background-color; -ms-transition-duration: .5s;
-webkit-transition-property: color; -webkit-transition-duration: .5s;
-moz-transition-property: color; -moz-transition-duration: .5s;
-o-transition-property: color; -o-transition-duration: .5s;
-ms-transition-property: color; -ms-transition-duration: .5s;
	padding: 5px 0 5px 17px;
}

.contact textarea {
	font-weight: 300; font-family: 'Lato', sans-serif; font-size: 13px;
	border: 1px solid #000;
	background-color: #343434;
	outline: none;
	display: block;
	width: 603px;
	height: 98px;
	margin-bottom: 15px;
	padding: 5px 0 5px 17px;
	
}


/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{ padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100% }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite.png'); }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url(/adpref/fancybox_loading.gif) center center no-repeat; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none;
	background: transparent url(/adpref/blank.gif); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 10px; background-position: 0 -36px; }

.fancybox-next span { right: 10px; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */

.fancybox-lock { overflow: hidden; }

.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(/adpref/fancybox_overlay.png); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

#cookiearea{background-color: #fff; width:100%;}
.chleft {float:left; overflow:hidden; width:745px; margin-top:18px; margin-bottom:17px; font-weight: 300; font-family: 'Lato', sans-serif; font-size: 13px; color: #959595; margin-right:58px;}
.chleft a {color: #000000; text-decoration:none; }
.chleft a:hover {color:#cd1316;}
.chright {overflow:hidden;}


.dsgvo h2 {margin-top: 90px;}

.dsgvo h3 {margin-top: 45px;}