@charset "utf-8";

/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/

/* ==========================================================================
Base css: opinionated defaults
========================================================================== */

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

    body {
        font-size:75%;
    }

/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

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

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

/*
* A better looking default horizontal rule
*/

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

/*
* Remove the gap between images, videos, audio and canvas and the bottom of
* their containers: h5bp.com/i/440
*/

    audio,
    canvas,
    img,
    video {
        vertical-align: middle;
    }

/*
* Remove default fieldset css.
*/

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

/*
* Allow only vertical resizing of textareas.
*/

    textarea {
    resize: vertical;
}

/* ==========================================================================
Browse Happy prompt
========================================================================== */

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

/* ==========================================================================
Author's custom css
========================================================================== */
/* Fonts    */


/* Frutiger	*/

@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=cb4f9a5c-1636-4a4d-8b32-c1663a20beb6&fontids=1572247,1572263");
@font-face{
	font-family:"Frutiger";
	src:url("../fonts/53595583-8a9c-4c63-9220-f4d1c3364a9d.eot?#iefix");
	src:url("../fonts/53595583-8a9c-4c63-9220-f4d1c3364a9d.eot?#iefix") format("eot"),url("../fonts/93b7d028-28f3-473a-821f-7a139c59305a.woff2") format("woff2"),url("../fonts/1f5eb399-3fe2-4a88-946d-1621c81da877.woff") format("woff"),url("../fonts/8ae8c829-0376-410b-8c6a-92503273d37e.ttf") format("truetype"),url("../fonts/cef7e2f4-0828-4b0f-bf6a-9196e318ca15.svg#cef7e2f4-0828-4b0f-bf6a-9196e318ca15") format("svg"); font-weight: 300; font-style: normal;
}
@font-face{
	font-family:"Frutiger";
	src:url("../fonts/92fb90f3-a8af-48d1-aac0-52c736cdc532.eot?#iefix");
	src:url("../fonts/92fb90f3-a8af-48d1-aac0-52c736cdc532.eot?#iefix") format("eot"),url("../fonts/63541a87-effb-4b23-a1e5-aded6ef8e33d.woff2") format("woff2"),url("../fonts/ede01147-5581-4d28-afc0-303f4c771fd2.woff") format("woff"),url("../fonts/a098af66-fef8-439d-abf2-0d61674a33f9.ttf") format("truetype"),url("../fonts/8fe95500-19bf-40f7-84b4-a78ced765c0e.svg#8fe95500-19bf-40f7-84b4-a78ced765c0e") format("svg"); font-weight: bold; font-style: normal;
}

/*	Font-Awesome	*/
@font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=3.2.1'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight: normal; font-style: normal; }



/*	---------------------------------------------------
	Allgemein
	---------------------------------------------------*/

	HTML, BODY {height:100%}
	HTML * {padding:0;margin:0;outline:none;}
	
	BODY { 
		background:#DFDCD5 url("../images/bg_body.jpg") repeat-x;
		overflow-y:scroll;
		font-family:Arial, Helvetica, sans-serif;
		color:#616161;
	}

	/*	IE Transparenz 	*/
	IMG,DIV,A,INPUT,H1,H2,H3,H4,SPAN,UL,LI,LABEL { behavior: url(/_elements/css/iepngfix.htc) }

/*	-------------------------------------------------------------------------------- */
/*	Seitenaufbau
/*	-------------------------------------------------------------------------------- */

	#wrap, #main, #header, #lCol, #content, #footer, DL {position:relative;}
	
	#wrap {
		max-width:1000px;
		min-height:100%;
		height:auto !important;
		margin:0 auto;
		position:relative;
        background-color:#FFFFFF;
        -moz-box-shadow: 0 0 10px #646464;
        -webkit-box-shadow: 0 0 10px #646464;
        box-shadow: 0 0 10px #646464;
	}

	* html #wrap {background:white!important;}

	#header, #main, #footer{width:100%;}

	#header {z-index:2;}
	#main	{padding:0 24px 240px 24px;}

    /* Contain floats: h5bp.com/q */
    #header:before, #header:after,
    #wrap:before, #wrap:after,
    #main:before, #main:after { content: ""; display: table; }
    #header:after,#wrap:after,#main:after { clear: both; }
    #header,#wrap,#main{ *zoom: 1; }


/*	-------------------------------------------------------------------------------- */
/*		Globale Einstellungen														 */
/*	-------------------------------------------------------------------------------- */
 
	.clearer {clear:both;display:block;height:1px;margin-bottom:-1px;font-size:1px;line-height:1px;}

	.error { color:#B2B2B2!important; }

	TABLE {padding:0;}
	
	TD, TR, TH {padding:0;margin:0;border:none;}
	
	SUB, SUP {line-height:1em;font-size:32%;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

	IMG, FIELDSET {border:none;}
	
	.linie {border:1px solid #8DBD3F;width:100%;height:1px;}

    .hr hr {display: none;}
    .hr {border-top:1px solid #8DBD3F;padding-top:10px;margin-top:20px;}

/*	----------------------------------------------------------
	HEADER
	---------------------------------------------------------- */

	/* Logo */
	#logo {position:absolute;width:140px;height:51px;top:30px;left:24px;z-index:10}
	#logo h4 {max-width:140px;background: url(../images/vdw_logo.png) no-repeat 0 0;background-size:contain;background-image:url(../images/vdw_logo.svg),none;}
	#logo h4 span {display:none;}
    #logo h4 span br {display: none;}
	#logo h4 a {display:block;width:140px;height:51px;}
    #logo h4 a img {display:none;}



/*	----------------------------------------------------------
	Hauptnavigation
	---------------------------------------------------------- */

    .menu_btn {display: none;}

    .menu {z-index:5;width:100%;padding-top:110px;position:relative;}
	.mNav {background-color:#8DBD3F;padding:0 9px;}
	.mNav LI {float:left;list-style:none;}
	.mNav LI A {display:block;color:#FFFFFF;background-color:#8DBD3F;font-size:14px;padding:0 16px;text-decoration:none;line-height:36px;}
	.mNav LI A:hover {background-color:#616060;color:#FFFFFF;}
	.mNav LI.active A {background-color:#FFFFFF;color:#8DBD3F;}
	.mNav .linie {clear:both;}

    .mNav UL {display: none;}

/*	----------------------------------------------------------
	Subnavigation
	---------------------------------------------------------- */

	.sNav {z-index:5;width:100%;background:#E5E5E5;}
	.sNav UL{font-size:12px;padding:0 9px;overflow:hidden;}
	.sNav LI {float:left;list-style:none;}
    .sNav LI A {display:block;color:#626262;background-color:#E5E5E5;font-size:14px;text-decoration:none;padding:0 15px;line-height:36px;}
	.sNav LI A:hover {background-color:#616060;color:#FFFFFF;}
	.sNav LI A.active {background-color:#8DBD3F;color:#FFF}
	.sNav .linie {clear:both;}


/*	----------------------------------------------------------
   Social Links
   ---------------------------------------------------------- */
    #header .social-links {position: absolute;right:222px;top:48px;}
    .social-links li {float:left;list-style: none;margin-left:18px;line-height:24px;}
    span.icon {display: block;text-indent:-900em;background:transparent url("../images/sprite.png") no-repeat;}
    span.icon.facebook           {width:10px;height:21px;background-position:0 -90px }
    span.icon.twitter            {width:20px;height:21px;background-position:-10px -90px }
    span.icon.wellpappewissen    {margin-top:2px;width:22px;height:24px;background-position:-30px -90px }
    span.icon.wellenreiter       {margin-top:2px;width:20px;height:25px;background-position:-52px -90px }

    a:hover span.icon.wellpappewissen   {background-position: -30px -120px;}
    a:hover span.icon.wellenreiter      {background-position: -52px -120px;}


    .social-links a {color:#CCCCCC;font-size:22px;margin:0}
    .social-links a:hover {color:#8DBD3F;}
    .social-links a span {display: inline-block;text-indent: -999em;}

/*	----------------------------------------------------------
	Suche
	---------------------------------------------------------- */
	#form-search {overflow:hidden;position:absolute;right:25px;top:48px;width:180px;height:26px;background:#E5E5E5;z-index:10}
	#form-search LABEL {display:none;width:0;}
	#search {font-family:Arial, Helvetica, sans-serif;float:left;font-size:12px;color:#898989;width:80%;border:none;margin-top:3px;background:none;height:20px;line-height:20px;padding-left:5px;}
	#form-search button {position:absolute;right:0;top:0;background:transparent url(../images/icon_find.gif) no-repeat 0 0;width:26px;height:26px; cursor:pointer;border:none;}
	#form-search button:hover {}
	#form-search button span {display:none;}


	/*	Ergebnisseite */


	.mak_1 {font-weight:bold;}
	.url {color:#8A857F;}
	.evrow, .odrow {padding:14px 0 0 0;}
	.odrow:first-child {background:none;padding-top:0;}

	#results .title {margin-bottom:8px;}
	#results .title a {}
	#results .title a:hover {}

	#results .description li {list-style:none;background:none;padding:0}

	.other_pages_line {height:0;}
	.other_pages {border-top:1px solid #C1C1C1;border-bottom:1px solid #C1C1C1;padding:9px 0 12px 0;position:relative;height:20px;}
	.other_pages div {position:absolute;right:0;top:10px;}
	.other_pages span {line-height:24px;}

	.other_pages a, .other_pages strong {color:#8A857F;display:block;float:left;width:20px;height:30px;line-height:20px;text-align:center;}
	.other_pages a:hover {color:#8DBD3F;}
	.other_pages strong {color:#8DBD3F}
	.other_pages a SPAN {display:block;text-indent:-900em;overflow:hidden;}
	.other_pages a.prev
	,.other_pages a.next {width:20px;height:30px;background:transparent url('../images/bg_pages.gif') no-repeat;}
	.other_pages a.prev {background-position:left -48px;margin-right:4px;}
	.other_pages a.next {background-position:right -48px;margin-left:4px;}
	.other_pages a.prev:hover {background-position:left -96px;}
	.other_pages a.next:hover {background-position:right -96px;}
	.other_pages a.prev.disabled,
	.other_pages a.prev.disabled:hover {background-position:left 0;cursor:default;}
	.other_pages a.next.disabled,
	.other_pages a.next.disabled:hover {background-position:right 0;cursor:default;}

	#results li {background:none!important;padding:0 0 0 0!important}
	#results .url {	color:#9A9A9A;}


/*	----------------------------------------------------------
	PLZ-Suche im Spaltenbereich
	---------------------------------------------------------- */
	.plz-suche {margin-top:10px;}
	.plz-suche LABEL {display:block;width:163px;float:left;margin-right:15px;line-height:20px;}
	.plz-suche FIELDSET {overflow:hidden;}
	.plz-suche input {font-family:Arial, Helvetica, sans-serif;float:left;font-size:13px;color:#898989;width:16px;border:none;background:#FFFFFF;height:20px;line-height:20px;padding:0 8px;}
	.plz-suche button {margin-left:6px;float:left;background:transparent url(../images/icon_find.gif) no-repeat 0 0;width:20px;height:20px; cursor:pointer;border:none;}
	.plz-suche button:hover {}
	.plz-suche button span {display:none;}
/*	----------------------------------------------------------
	Metanavigation
	---------------------------------------------------------- */
	.meta-navigation {position:absolute;right:25px;top:18px;list-style:none;z-index:10}
	.meta-navigation li {float:left;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#898989;padding-left:15px;}

	.meta-navigation li a {font-size:12px;color:#898989;text-decoration:none;}
	.meta-navigation li a:hover,
	.meta-navigation li a.active {color:#000000;}


	/*	Visual	*/
	.visual {position:relative;min-height:154px}
    #visual img {width:100%;height:auto;}



/*	----------------------------------------------------------
	MAIN
	---------------------------------------------------------- */
	#main {line-height:150%;margin-top:50px;}

	/*	Spalten	*/
	#col {float:left;margin:0 0 0 15px;width:371px;}
	#content {float:left;width:564px;margin:0;}

	.skip-content {display:none;border-bottom:1px solid #E5E5E5;padding:0 0 2px 0;text-align:right;margin-bottom:20px}
    .skip-content a {display: block;padding-right:30px;line-height:24px;background:transparent url(../images/bg_link-download.gif) no-repeat right 0;}

	/*	Überschriften
	/*	----------------- 	*/

	#main H1 {font-family:'Frutiger';font-size:24px;color:#616060;line-height:120%;font-weight:bold;margin-bottom:.5em;}
    .home #main H1 {color:#8DBD3F}
	#main H2 {font-size:12px;color:#535353;line-height:120%;font-weight:bold;margin-bottom:6px;}
    #main H2.primary {font-family:'Frutiger';font-size:18px;color:#8DBD3F;font-weight:bold;margin:6px 0}
	#main H3 {font-size:12px;font-weight:bold;color:#000000;line-height:143%;font-weight:bold}
	#content H4 {color:#000; font-size:13px; font-weight:bold; margin-bottom:4px;line-height:140%}

	#main H5, #col-right H5 {font-size:14px;font-weight:normal;color:#8A857F;line-height:143%}

	#col H2 {font-family:'Frutiger';display:block;color:#616161;font-size:16px;font-weight:bold;line-height:120%;font-weight:bold;margin-bottom:6px;}

	#main H1 a {color:#535353;}
	#main H1 a:hover {color:#8DBD3F;}

	/*	Besondere Auszeichnungen
	/*	----------------- 	*/
	.txt-pre {margin-bottom:7px;}
	.txt-anleser {color:#000000;}

	#content EM { font-style:normal;color:#949494; }

	#content H2.bullet {background:transparent url(../images/bg_content-h2-bullet.gif) no-repeat;padding-left:15px;}

	sub {color:#6F6F6F;font-size:70%;}
	sub {font-size: 80%!important\9} /* alle IE-Versionen */

	/*	Textfluss
	/*	----------------- 	*/
	#content P {
	padding: 0;
}
	#content IMG { margin:0;max-width:100%;height:auto;  }
    #col IMG      {max-width:100%;width:auto;height:auto}

	a {color:#8DBD3F;text-decoration:none;}
	a:hover {color:#2A2621;}


	#main ul {list-style:none;}
	#col ul {width:90%;}
	#main li {
		list-style:none;
		background:transparent url(../images/bg_li.gif) no-repeat 0 4px;
		padding:0 0 0 18px;
		margin:16px 0 0 0;}

	#main li:first-child {margin:0;}


	/*	Galerie
	/*	----------------- 	*/

	.galerie {margin-left:-15px;overflow:hidden;}
	.galerie a {float:left;display:block;margin:0 0 15px 15px;border:1px solid white;width:175px;height:123px;}
	.galerie a:hover,
	.galerie a.active {border-top:1px solid #8A857F;border-bottom:1px solid #8A857F}


	/*	Sitemap	*/
	/*	----------------- 	*/
	#main UL#sitemap {}
	#main UL#sitemap LI {
		list-style:none;
		background:none;
		padding:10px 0 0 0;
		margin:20px 0 0 0;
		border-top:1px solid #C1C1C1;
		color:#B1B1B1;}

	#main UL#sitemap LI A {color:#535353;font-weight:bold;}
	#main UL#sitemap LI A:hover {color:#939393;}

	#main UL#sitemap LI LI {
		list-style:none;
		background:none;
		padding:0 0 0 14px;
		margin:6px 0 0 0;
		border-top:0 solid grey}
	#main UL#sitemap LI LI A {color:#8DBD3F;font-weight:normal;}
	#main UL#sitemap LI LI A:hover {color:#2A2621}


	/*	Artikel-Tools
	/*	----------------- 	*/

	.article-tools {
		border-bottom:1px solid #E5E5E5;
		padding:0 0 4px 0;
		margin-top:50px;
		position:relative;
        height:20px;
	}

	.article-tools P {float:left;}
	.article-tools P A {margin-right:20px;position:relative;color:#6F6F6F}
	.article-tools A:hover {color:#8DBD3F;}

	.link-dl-word,
	.link-dl-pdf {padding-right:22px;}

	.link-dl-word SPAN,
	.link-dl-pdf SPAN {position:absolute;right:0;bottom:0;display:block;text-indent:-900em;overflow:hidden;width:20px;height:20px;
	background-color:transparent;background-image:url(../images/icons.png);cursor:pointer}

	.link-dl-word SPAN{background-position:-10px -10px}
	.link-dl-pdf SPAN{background-position:-50px -10px}

	.link-rss {position:relative;padding-right:20px;}
	.link-rss SPAN {position:absolute;left:0;bottom:0;display:block;width:20px;height:20px;background:transparent url(../images/icons.png) no-repeat -100px -10px;text-indent:-90em;overflow:hidden;}

    .social-share {float:right;}
    .social-share .label {color:#9F9A93}
    .social-share a {color:#9F9A93;font-size:15px;margin: 0 0 0 5px}
    .social-share a span {display: inline-block;text-indent: -999em;white-space: nowrap}


    /* Formulare    */

.vdwForm .item {overflow:hidden;}


.vdwForm label{
    display:block;
    margin:14px 0 6px;
}
.vdwForm input[type=text],.vdwForm input[type=email],.vdwForm input[type=phone],.vdwForm input[type=password],.vdwForm input[type=number],.vdwForm input[type=search], .vdwForm textarea, .vdwForm select{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    padding:10px;
    border:none;
    background:#ECECEC;
    outline:none;
    height: auto;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition:all 700ms ease;
}
.vdwForm input[type=text]:focus,.vdwForm input[type=email]:focus,.vdwForm input[type=phone]:focus,.vdwForm input[type=password]:focus,.vdwForm input[type=number]:focus,.vdwForm input[type=search]:focus, .vdwForm textarea:focus, .vdwForm select:focus{
    background-color:#8DBD3F;
    color:#FFFFFF;
}

#fStrasse {width:89%;margin-right:3%;float:left;}
#fNr {width:8%}
#fPlz {width:12%;margin-right:3%;float:left;}
#fOrt {width:85%;}

.buttons {
    padding: 20px 0 0 0;
}
.button {
    display: inline-block;
    margin-top: 10px;
    margin-right: 20px;
    padding: 8px 20px;
    float: left;
    border:none;
    background-color: #8DBD3F;
    -webkit-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
    direction: ltr;
    color: white;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    text-decoration: none;
    color:#FFFFFF;
    cursor: pointer;
}
.button:hover {
    background-color: #616060;
}


/* Success Messages */

.message {border:1px solid #8DBD3F;padding:2em;background:#ECECEC;}
#main .message h2 {color: #8DBD3F;}

/* Notes go under the input fields */
.vdwForm    .note{
       margin-top:5px;
       color:#CDCDCD;
   }

/* Required label*/
.vdwForm   .req{
       font-style: italic;
   }

/*Validation, add error class to the item div*/
.vdwForm .error{}

/*Validation reason*/
.vdwForm  .error .reason{
       margin-top:5px;
       color:#FF0000;
   }
.vdwForm .error input[type=text],.vdwForm .error input[type=email],.vdwForm .error input[type=phone],.vdwForm .error input[type=password],.vdwForm .error input[type=number],.vdwForm .error input[type=search], .vdwForm .error textarea{
    background:#FF0000;color:#FFFFFF;
}



/*
/*	Teasermodul
/*	-------------------  */

	DIV.featureList {width: 564px;height: 315px;overflow: hidden;position: relative;margin:0 0 0 0 }
	DIV.featureList ul {position: absolute;top: 0;list-style: none;padding:0;margin: 0;}

	DIV.featureList h4 {font-size:14px!important;line-height:18px;color:#535353!important;font-weight:bold;margin-bottom:0!important}

	DIV.featureList img {left:0!important}
	ul.tabs {right: 0;z-index: 2;width: 178px;margin:0;padding:0;}
	ul.tabs li {font-size: 12px;font-family: Arial;padding-left:0!important;background:#F0F0F0!important;margin:0!important;}
	ul.tabs li img {padding: 5px;border: none;float: left;margin:0;}
	ul.tabs li a {font-size:11px;color: #919191;text-decoration: none;display: block;padding:12px 18px;height: 39px;outline: none;background: #F0F0F0 url('../images/bg_tab.jpg') no-repeat 0 0;}
	ul.tabs li a:hover {background:#DFDFDF url('../images/bg_tab.jpg') no-repeat 0 -63px;color:#696969!important;}
	ul.tabs li a:hover h4 {color:#8DBD3F!important;}
	ul.tabs li a.current {background: transparent url('../images/bg_tab.jpg') no-repeat 0 -63px;color: #696969!important;}
	ul.tabs li a.current:hover {text-decoration: none;}

	ul.output {left: 0;width: 386px;padding:0;height: 315px;position: relative;margin:0;background:#DFDFDF!important}
	ul.output li {margin:0!important;position: absolute;padding:0!important;background:#DFDFDF!important}
	ul.output li a {display:block;padding:15px;background:none!important;margin:0;width: 356px;height: 285px;}
	ul.output li a:hover {}


	.featureList a span.headline {display:block;font-size:14px;line-height:18px;color:#535353;margin-bottom:10px;}
	.featureList a p.desc {display:block;font-size:11px;line-height:16px;color:#707070!important;}
	.featureList a p.desc img {float:left;padding-right:10px;}


/*
/*	Teaser Home
/*	-------------------  */



   /*
     * jQuery FlexSlider v2.0
    * http://www.woothemes.com/flexslider/
    *
     * Copyright 2012 WooThemes
     * Free to use under the GPLv2 license.
     * http://www.gnu.org/licenses/gpl-2.0.html
     *
     * Contributing author: Tyler Smith (@mbmufffin)
     */


    /* Browser Resets */
    .flex-container a:active,
    .flexslider a:active,
    .flex-container a:focus,
    .flexslider a:focus  {outline: none;}
    .slides,
    .flex-control-nav,
    .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

    /* FlexSlider Necessary Styles
    *********************************/
    .flexslider {margin: 0; padding: 0;}
    .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
    .flexslider .slides img {width: 100%; display: block;}
    .flex-pauseplay span {text-transform: capitalize;}

    /* Clearfix for the .slides element */
    .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
    html[xmlns] .slides {display: block;}
    * html .slides {height: 1%;}

    /* No JavaScript Fallback */
    /* If you are not using another script, such as Modernizr, make sure you
     * include js that eliminates this class on page load */
    .no-js .slides > li:first-child {display: block;}


    /* FlexSlider Default Theme
    *********************************/
    .flexslider {margin: 0; position: relative;}
    .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
    .loading .flex-viewport {max-height: 300px;}
    .flexslider .slides {zoom: 1;}

    .carousel li {margin-right: 0}


    /* Direction Nav */
    .flex-direction-nav {*height: 0;}
    .flex-direction-nav a {position: absolute;top:50%;position: absolute;width:26px;height:40px;margin-top:-20px;display:block;background:transparent url("../images/sprite.png") no-repeat;text-indent: -9999px;}
    .flex-direction-nav .flex-next {right:-40px;background-position:-26px 0 }
    .flex-direction-nav .flex-prev {left: -36px;}
    .flex-direction-nav .flex-prev:hover {background-position: 0 -40px;}
    .flex-direction-nav .flex-next:hover {background-position: -26px -40px;}

    @media only screen and (max-width: 70em) {
        .flex-direction-nav .flex-next {right:10px; z-index:1000;}
        .flex-direction-nav .flex-prev {left: 10px; z-index:1000;}
    }

    .flex-direction-nav .flex-disabled {display:none;opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

    /* Control Nav */
    .flex-control-nav {position: absolute;right:0;top:30px;z-index:1000;}
    .flex-control-nav li {float:none;width:auto}
    .flex-control-paging li a {width:10px;height:20px;display: block;margin-top:10px;background-color:#616060;text-indent: -9999px; -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);-webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);box-shadow: 0 0 5px rgba(0,0,0,.3);cursor:pointer}
    .flex-control-paging li a:hover {background-color:#ffffff; }
    .flex-control-paging li a.flex-active { background-color:#ffffff; cursor: default; }

    .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
    .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
    .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
    .flex-control-thumbs img:hover {opacity: 1;}
    .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}



   /*  Layout großes Visual    */
    .visual.teaser .slides {}
    .visual.teaser .slides li {position: relative;}
    .visual .teaser-content {position:absolute;background-color:#FFF;height:60px;padding:10px 0;text-align:left;-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.5);box-shadow:0 0 10px rgba(0, 0, 0, 0.5)}

    .top.left       .teaser-content {left:30px;top:30px;}
    .top.right      .teaser-content {right:111px;top:30px;}
    .bottom.left    .teaser-content {left:30px;bottom:30px;}
    .bottom.right   .teaser-content {right:111px;bottom:30px;}

    .visual .teaser-headline {display: block;font-family: 'Frutiger',Arial,sans-serif;font-weight:bold;color:#616060;font-size:2.33em;margin:0 25px;}
	.visual .teaser-headline.single {
		margin-top:14px;
	}
    .visual .teaser-text     {display: block;font-family: 'Frutiger';font-weight:300;color:#616161;font-size:1.33em;margin:0 25px;}
	.visual .teaser-text.highlight {color:#8DBD3F;font-weight:bold;}

    .visual li .arrow {display:block;position: absolute;background:white;width:80px;height:100%;top:0;right:-80px;}
    .visual li .arrow span {display:block;background: transparent url("../images/sprite.png") no-repeat -52px 0;width:16px;height:30px;margin:25px 0 0 32px}
    .visual li a:hover .arrow {background:#8DBD3F}
    .visual li a:hover .arrow span {background-position: -52px -40px}

    /*  Layout  Newsteaser  */
   .news.teaser .slides {height:150px;}
   .news.teaser .slides li {background-color:#E5E5E5;position:relative;width:333px;}
   .news.teaser .slides li a {border-right:1px solid white;display: block;padding:10px;position: relative}
   .news.teaser .slides li a:hover {background:#8DBD3F}
   .news.teaser .slides li.first a,
   /*.news.teaser .slides li:nth-child(3n+1) a{border-left:none;}*/

   /*.news.teaser .teaser-content    {display: block;position:absolute;left:47%;top:10px;width:47%;}*/
   .news.teaser .teaser-content    {display: block;position:absolute;left:47%;top:10px;width:47%;}
   .news.teaser .teaser-image img       {width:auto;height:auto;}
   .news.teaser .teaser-headline   {display: block;font-family:'Frutiger';font-weight:bold;font-size:16px;margin-top:8px;color:#616161;line-height:1.1}
   .news.teaser .teaser-text       {display: block;font-size:12px;color:#616161;margin-top:1em;line-height:1.5}
   .news.teaser .arrow             {display: block;position: absolute;right:10px;top:20px;width:9px;height:16px;background:transparent url("../images/sprite.png") no-repeat -68px 0}
   .news.teaser .slides li a:hover .arrow {background-position: -68px -40px;}


   .news.teaser a:hover .teaser-headline,
   .news.teaser a:hover .teaser-text       {color:#FFFFFF;}




   /*  Externe Links (z.B. auf Startseite  */

    #main .external-links    {padding-left:20px;}
    #main .external-links li {list-style: none;background:none;padding:0;}


    .external-links a               {display: block;position: relative;border-bottom:1px solid #E5E5E5;padding:20px 0;}
    .external-links a:first-child {padding-top:0;}
    .external-links .link-image     {display: block;float:right;width:110px;margin-left:24px;}
    .external-links .link-content   {display: block;width:180px;}
    .external-links .link-headline  {display: block;margin-top:10px;font-family:'Frutiger';display:block;color:#616060;font-size:16px;font-weight:bold;}
    .external-links .link-text      {display: block;color:#616161;line-height: 1.5;margin-top:.25em;}

/*
/* 	Tabelle Pressebilder
/*	--------------------*/

	TABLE.tbl-dl-img {width:562px;margin-bottom:-5px;}
	TABLE.tbl-dl-img TD {vertical-align:top;border-bottom:1px solid #8DBD3F;padding:15px 15px 15px 0}

	td.td-dl-img {width:176px;}
	.td-dl-desc {width:178px;}
	.td-dl-files {padding-right:0;}

	.a-dl-img {display:table-cell;vertical-align:middle;text-align:center;background-color:#EDEDED;height:174px;width:176px;}


	.td-dl-files a {background:transparent url(../images/bg_link-download.gif) no-repeat 0 3px;padding-left:28px;line-height:110%;display:block;margin-bottom:1em;color:#6F6F6F;}
	.td-dl-files a:hover {color:#8DBD3F;}

	TABLE.tbl-dl-img .tr-last td {background:none;padding-bottom:0;}


		/*	Zweite Ansicht Pressebilder (3 Bilder in einer Reihe) */
		DIV.tbl-dl-img {width:100%;margin:0 0 -5px -20px;overflow:hidden;}
		DIV.img-dl {float:left;margin:0 0 20px 20px;position:relative;height:164px;}
		DIV.img-dl .td-dl-desc { position:absolute; display:none; bottom:0; left:0; width:100%; background-color:#8DBD3F; }
		DIV.img-dl .td-dl-desc H2 {padding:6px 10px;color:#FFFFFF!important;}

			.td-dl-img {width:100%;height:100%;}

		DIV.img-dl	.a-dl-img,td.td-dl-img {
		    width: 164px;
			height: 164px;}


	/*	DIV-Ersetzung der Tabellen	*/

	.div-table {clear:both;} /* width:564px */
	.div-tr {clear:both;overflow:hidden;border-top:1px solid #E5E5E5;padding:15px 0;}
	.div-tr:first-child {background:none;}
	.div-td {float:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:15px;}
	.div-td:first-child {padding-left:0;}
	.td-count-2 {}
	.td-1 {}
	.td-2 {}
	.w10 {width:10%;}
	.w15 {width:15%;}
	.w20 {width:20%;}
	.w25 {width:25%;}
	.w30 {width:30%;}
	.w35 {width:35%;}
	.w40 {width:40%;}
	.w45 {width:45%;}
	.w50 {width:50%;}
	.w55 {width:55%;}
	.w60 {width:60%;}
	.w65 {width:65%;}
	.w70 {width:70%;}
	.w75 {width:75%;}
	.w80 {width:80%;}
	.w85 {width:85%;}
	.w90 {width:90%;}
	.w95 {width:95%;}
	.w100 {clear:both;}



    .issuuembed {width:100%;height:23em;}
    .zahlenfakten .issuuembed {height:11em}

	/*
	/* 	Pager
	/*	--------------------*/
	.pager {overflow:hidden;}
	.pager.top {margin-bottom:20px}
	.pager.bottom {margin-top:20px;}
	.pager a, .pager span {display:block;float:left;width:20px;line-height:20px;height:20px;text-align:center;background-color:#EDEFEE;margin-right:1px;color:#6F6F6F}

	.pager a.active ,.pager a.active:hover{background-color:#8DBD3F;color:#FFFFFF;}
	.pager a:hover {background-color:#757678;color:#FFFFFF;}

	.pager span { color:#B2B2B2 }
	.pager .next, .pager .prev {text-indent:-900em;background:#EDEFEE url(../images/pager-arrows.png) no-repeat;}

	.pager span.next {background-position:-20px -40px;}
	.pager span.prev {background-position:0 -40px;}

	.pager a.prev {background-position:0 0;}
	.pager a.next {background-position:-20px 0;}
	.pager a.prev:hover {background-position:0 -20px;}
	.pager a.next:hover {background-position:-20px -20px;}


	.link-back {padding-left:30px;position:relative;line-height:20px;display:block;}
	.link-back span {display:block;position:absolute;left:0;top:0;width:20px;height:20px;background:#EDEFEE url(../images/pager-arrows.png) no-repeat;}
	.link-back:hover span {background-color:#757678;background-position:0 -20px;}

	/*
	/* 	Tabelle Videos
	/*	--------------------*/

	TABLE.tbl-dl-vid {width:562px;margin-bottom:-5px;}
	TABLE.tbl-dl-vid TD {vertical-align:top;border-bottom:1px solid #88B917;padding:15px 15px 15px 0}

	.td-dl-vid {width:183px;}
	.tbl-dl-vid .td-dl-desc {width:auto	}

	.tbl-dl-vid .td-dl-desc a {background:transparent url(../images/bg_link-download.gif) no-repeat 0 3px;padding-left:28px;line-height:110%;display:block;margin-bottom:1em;color:#6F6F6F;}
	.tbl-dl-vid .td-dl-desc a:hover {color:#8DBD3F;}

	TABLE.tbl-dl-vid .tr-last td {background:none;padding-bottom:0;}



	/*
	/*  Definitionsliste als Klapper
	/*	---------------------------- */

	dl {width:100%;}
	dt {line-height:34px;height:34px;background:#EDEDED;border-top:1px solid white;cursor:pointer;position:relative;}
	dt:first-child {background-image:none;}
	dt:hover {background-color:#F5F5F5;}

	dt h3 {line-height:34px!important;padding-left:20px;color:#535353!important;}
	dt div {color:#8B8B8B;position:absolute;top:0;height:34px;width:50px;right:10px;padding-right:40px;text-align:right;line-height:34px;background:transparent url(../images/bg_link-arrow.gif) no-repeat right center}

	dt.open {background-color:#F5F5F5}
	dt.open h3 {color:#000000!important;}
	dt.open div {background-image:url(../images/bg_link-download.gif);color:#89BA17;font-weight:bold}


	dd {background-color:#F5F5F5;overflow:hidden;padding:10px 20px 30px 10px;}

	dd .dl-image, dd .td-dl-files {float:left;}
	dd .dl-image {padding-left:10px;padding-top:6px;margin-right:30px;width:220px;}
	dd .td-dl-files {padding-top:0/*16px*/;}



/*	----------------------------------------------------------
	Spalten
	---------------------------------------------------------- */
	.box {background:#ECECEC;border-bottom:1px solid white;padding:15px;overflow:hidden;}
	.box.sole {border-bottom:none;}

	.box-col-lft,
	.box-col-rgt {float:left;width:163px;}
	.box-col-lft {margin-right:15px;}

	#main UL.yearslist {background-color:#F5F5F5;padding:0;margin:0;overflow:hidden;border-bottom:1px solid white;margin-top:-1px}
	#col UL.yearslist {width:100%;}
	#main UL.yearslist LI {background:none;padding:0;margin:0;float:left;display:block;}
	#main UL.yearslist A {color:#525252;background-color:#E0E0E0;padding:0;margin:0;border-top:1px solid white;border-right:1px solid white;display:block;width:52px;height:23px;line-height:23px;text-align:center}
	#main UL.yearslist A:hover {background-color:#D2D2D2;}
	#main UL.yearslist A.active {color:#FFFFFF;background-color:#8DBD3F}

	UL.linklist,
	UL.linklist LI{list-style:none;margin:0!important;padding:0!important;width:auto!important;}

	.linklist A, .linklist DIV {display:block;background:#ECECEC;border-bottom:1px solid white;padding:15px;position:relative;overflow:hidden;}
	.linklist A:hover,
	.linklist A.active {background-color:#F5F5F5;}

	.linklist DIV A {display:inline;background:none;padding:0;}
	.linklist DIV A:hover {background:none;}

	.linklist li:first-child A,
	.linklist li:first-child DIV {background-image:none;}

	.linklist A SPAN, .linklist A SPAN {display:block;color:#6F6F6F;cursor:pointer}
	.linklist A:hover STRONG,
	.linklist A.active STRONG {color:#8DBD3F;}

	.linklist SPAN A {border-bottom:none;}

	.linklist STRONG {font-family:'Frutiger';display:block;color:#616161;font-size:16px;font-weight:bold;}

	SPAN.link-txt-pre {padding-bottom:4px;}
	SPAN.link-desc {padding-top:9px;overflow:hidden;padding-right:0;display:block;}
	SPAN.link-desc img {margin:3px 8px 0 0;}
	SPAN.link-arrow {clear:left;float:right;background:transparent url(../images/bg_link-arrow.gif) no-repeat;width:20px;height:20px;}
	li.single-row A SPAN.link-arrow {position:absolute;right:15px;bottom:15px;background:transparent url(../images/bg_link-arrow.gif) no-repeat;width:20px;height:20px;}


	.home .linklist li:first-child A {background-image:none;padding-top:15px;}
	.home .linklist A STRONG { display:block; color:#535353; font-size:15px; line-height:120%; margin-bottom:14px; font-weight: bold; }
	li.single-row A STRONG {margin-right:25px;}
	.home .linklist A:hover STRONG {color:#8DBD3F;}
	.home .linklist A SPAN.link-desc {padding-top:0;padding-right:5px;line-height:140%}
	.home .linklist a:hover SPAN.link-desc { color:#9D9D9D; }
	.home .linklist A SPAN.link-arrow {right:10px;position:absolute;top:14px;}



	UL.navi3,
	UL.navi3 LI{list-style:none;margin:0!important;padding:0!important;width:auto!important;}

	.navi3 A, .navi3 DIV {display:block;background:#ECECEC;border-bottom:1px solid white;padding:15px;position:relative;overflow:hidden;}
	.navi3 A:hover,
	.navi3 A.active {background-color:#F5F5F5;}

	.navi3 DIV A {display:inline;background:none;padding:0;}
	.navi3 DIV A:hover {background:none;}

	.navi3 li:first-child A,
	.navi3 li:first-child DIV {background-image:none;}

	.navi3 A SPAN, .navi3 A SPAN {display:block;color:#6F6F6F;cursor:pointer}
	.navi3 A:hover STRONG,
	.navi3 A.active STRONG {color:#8DBD3F;}

	.navi3 STRONG {color:#535353;display:block;font-size:12px;}
	/*.navi3 A.active STRONG {color:#000;}*/

	.navi3 li.single-row A SPAN.link-arrow {position:absolute;right:15px;bottom:15px;background:transparent url(../images/bg_link-arrow.gif) no-repeat;width:20px;height:20px;}


    #main .twoCol-teaser {list-style:none;margin:0;padding:0;width:100%;}
    #main .twoCol-teaser li {
        position: relative;
        padding:10px 10px 40px 10px;margin:0;-moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing: border-box;width:50%;border-left:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;background:#ECECEC;float:left;

    }
    #main .twoCol-teaser li:nth-child(2n+1) {border-left:none;}

    #main .twoCol-teaser li .teaser-image {margin-bottom:8px;}
    #main .twoCol-teaser li strong {
        color: #616161;
        display: block;
        font-family: 'Frutiger';
        font-size: 14px;
        font-weight: bold;
    }
    #main .twoCol-teaser li .link-desc {color:#616161;}
    #main .twoCol-teaser li .link-arrow {position: absolute;bottom:10px;right:10px;}

    #main .twoCol-teaser li:hover .link-desc,
    #main .twoCol-teaser li.active .link-desc,
    #main .twoCol-teaser li:hover strong,
    #main .twoCol-teaser li.active strong
    {color:#FFFFFF;}

    #main .twoCol-teaser li:hover,
    #main .twoCol-teaser li.active {background:#89BA17}

    @media only screen and (max-width: 52em) {                             /*  640px 40em      */

        #main .twoCol-teaser li {width:33%;}
    }
@media only screen and (max-width: 27em) {                             /*  640px 40em      */

    #main .twoCol-teaser li {width:100%;}
}



    /*	Bildergalerien in der Marginalspalte	*/

	.html_carousel {
            padding: 0 15px 15px;
            margin-top: 5px;
            background: #ECECEC;
            position: relative;
            overflow:hidden;
        }

        .html_carousel div.slide {
            position: relative;
            float: left;
            width: 341px;
            padding-bottom:30px;
        }

        .html_carousel div.slide div.text {
            width: 100%;
            margin-top: 10px;
        }

        .html_carousel div.slide h4 {
        }

        .html_carousel div.slide p {
            padding: 0;
        }

        .html_carousel div.slide h4, .html_carousel div.slide p {
            margin: 0;
        }

        .clearfix {
            float: none;
            clear: both;
        }

        a.slider_prev, a.slider_next {
            background: url("/_elements/images/bg_link-arrow.gif") no-repeat scroll 0 0 transparent;
            height: 20px;
            position: absolute;
            right: 15px;
            width: 20px;
            display: block;
            bottom: 15px;
        }

        a.slider_prev {
            background: url("/_elements/images/bg_link-arrow-prev.gif") no-repeat scroll 0 0 transparent;
            right: 40px;
        }

        a.slider_prev:hover {
        }

        a.slider_prev.disabled {
            display: none;
        }

        a.slider_next {
            right: 15px;
        }

        a.slider_next:hover {
        }

        a.slider_next.disabled {
            display: none;
        }

        a.slider_prev.disabled, a.slider_next.disabled {
            cursor: default;
        }

        a.slider_prev span, a.slider_next span {
            display: none;
        }

        .pagination a {
            margin-right: 6px;
            color: #6F6F6F;
        }

        .pagination a:hover, .pagination a.selected {
            color: #8DBD3F;
        }




.content-element {
    margin-bottom: 20px;
}

/*
    /* 	Tabelle
    /*	--------------------*/

.content-element TABLE {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

.content-element TABLE THEAD TD {
    background-color: #F5F5F5;
    color:#000000;
    font-style: italic;
}

.content-element TABLE TD {
    vertical-align: top;
    padding: 0.5em;
    border-bottom: 1px #CCCCCC solid
}

.content-element TABLE.tbl-dl-img .tr-last td {
    background: none;
    padding-bottom: 0px;
}

.content-element .td-first-w25 td:first-child{
    width:25%;
}

.content-element td.nowrap {
    white-space: nowrap;
}

.content-element form table td{padding: 0;border:none;}

/*	----------------------------------------------------------
	Footer
	---------------------------------------------------------- */
	#footer {overflow:hidden;position:absolute;bottom:0;min-height: 160px;background:#616060;}
	#footer-content {text-align:left;position:relative;font-size:12px;color:#FFFFFF;padding:25px;line-height:150%;overflow: hidden;}

	#footer-content H4 {font-family:Arial, Helvetica, sans-serif;font-size:16px;line-height:150%;font-weight:normal;color:#FFFFFF; margin-bottom:.75em;}
    #footer-content .col {float:left;width:180px;margin-left:15px;}
    #footer-content .col:first-of-type {margin-left:0}
	#footer-content a {color:#FFFFFF;}
	#footer-content a:hover {text-decoration: underline;}


	/* IE 7 */
	* + html #content{}



/* ==========================================================================
MEDIA QUERIES
========================================================================== */


@media only screen and (max-width: 62.5em) {                        /*  1000px 62.5em      */

    #main       {width:auto;margin:50px 24px 0;padding:0 0 240px 0;}
    #content   {display:table-cell;width:auto;float:none;padding-right:20px;vertical-align:top;}
    #col       {display: table-cell;float:none;margin-right:24px;vertical-align:top;}


    .td-count-3 .td-1,
    .td-count-3 .td-2 {width:50%;}
    .td-3 {width:100%;clear:left;padding-left:10px;padding-top:20px;}
}


@media only screen and (max-width: 52em) {                             /*  832px 52em      */

    .meta-navigation {right:175px;}
   #header .social-links {top:13px;right:25px;}

   .mNav {padding:0 16px;}
   .mNav LI A {padding:0 8px;}

   .sNav UL {padding:0 16px;}
   .sNav LI A {padding:0 8px;}

	.flex-control-paging li a {height:10px;-moz-box-shadow: 0 0 2px rgba(0,0,0,.3);-webkit-box-shadow: 0 0 2px rgba(0,0,0,.3);box-shadow: 0 0 2px rgba(0,0,0,.3);cursor:pointer}


   #content,#col     {display: block;float:none;width:100%;margin:0 0 60px 0}

    .skip-content {display: block;}
   #main #col .yearslist {margin-top:50px;}

}

@media only screen and (max-width: 40em) {                             /*  640px 40em      */

    .menu,
     .sNav {display: none;}

    #header {padding-top:138px}

    #logo h4 {width:120px;height:44px;}
    #logo h4 a {width:120px;height:44px;}
    #logo h4 a img {}
    #logo h4 span {}

    #form-search { left:70px;top: 89px;right:24px;width:auto;height:32px;}
    #search         {height:26px;}
    #form-search button {top:3px;right:3px}

    .menu_btn                   {display: block;height:24px;padding-top:8px;width:32px;left:24px;position:absolute;top:89px;background-color:#8DBD3F;z-index:5300}
    .menu_btn {}
    .menu_btn i{display: block;background-color:#FFFFFF;width:18px;height:2px;margin:0 7px 3px 7px;}
    .menu_btn span {display: none;}
    a.open                      {display: block;}
    a.close                     {display: none;}

    #menu_open:target a.open { display: none; }
    #menu_open:target a.close { display: block;}
    #menu_open:target .menu{ display:block;margin-top:0 }

    .menu {  background-color: #8DBD3F;
        -moz-box-shadow: 0 0 8px rgba(0,0,0,.35);
        -webkit-box-shadow: 0 0 8px rgba(0,0,0,.35);
        box-shadow: 0 0 8px rgba(0,0,0,.35);
        left: 20px;
        position: absolute;
        right: 20px;
        top: 84px;
        padding-top: 0;
        width: auto;
        z-index: 5000;
    }

    .mNav           {margin-top:54px;padding:0}
    .mNav LI        {float:none;}
    .mNav LI A      {font-family:'Frutiger';font-weight:bold;font-size:20px;padding:0 46px;line-height:48px;}

    .mNav LI.open>A         {background-color:#616161;color:#FFFFFF;}
    .mNav>LI.open UL        {display: block;margin-top:0;padding-bottom:24px;background-color:#616161;color:#FFFFFF;}
    .mNav>LI.open LI A      {background-color:#616161;color:#FFFFFF;}

    .mNav>LI.open.active>A  {background-color:#FFFFFF;color:#8DBD3F;}
    .mNav>LI.open.active UL {background:#FFFFFF;}
    .mNav>LI.open.active LI A {background-color:#FFFFFF;color:#616161;}
    .mNav>LI.open.active LI A:hover,
    .mNav>LI.open.active LI.active>A:hover {background-color:#616060;color:#FFFFFF;}
    .mNav>LI.open.active LI.active>A {color:#8DBD3F}


    .mNav>LI.active>A       {background-color:#FFFFFF;color:#8DBD3F;}

    .mNav LI LI A           {font-family:Arial,Helvetica,sans-serif;font-size:13px;background-color:#FFFFFF;color:#626262;line-height:30px}
    .mNav LI LI A:hover     {color:#FFFFFF;background-color:#616060;}
    .mNav LI LI.active>A    {color:#616060;background-color:#FFFFFF;}


    .meta-navigation {position: relative;right:auto;top:auto;padding:18px 46px;margin-top:20px; border-top:1px solid #FFFFFF;}
    .meta-navigation li {float:none;padding:0}
    .meta-navigation li a {display:block;color:#FFFFFF;padding:6px 0}
    .meta-navigation li a:hover,
    .meta-navigation li a.active {color:#000000;}


    #header .social-links {position: relative;top:auto;right:auto;padding:26px;border-top:1px solid #FFFFFF;}
    #header .social-links a {color:#FFFFFF;}
    #header span.icon.wellpappewissen    {background-position:-30px -150px }
    #header span.icon.wellenreiter       {background-position:-52px -150px }

    /*TODO: Bitte nochmal die Positionierung übeprüfen. Sichtbarkeit auf dem Smartphone war Kundenwunsch*/
    .social-share .label {display: block;margin-right:0;margin-top:-20px;}

    /*VISUAL TEASER HOME */
    .visual.teaser {margin-bottom:80px;}

    .visual .teaser-content {position:absolute;width:100%;text-align:left;background-color:#FFF;height:60px;padding:10px 0;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
    .top.left       .teaser-content ,
    .top.right      .teaser-content ,
    .bottom.left    .teaser-content ,
    .bottom.right   .teaser-content {left:0;top:auto;bottom:-80px;}

    /*.visual .teaser-headline {font-size:20px;}*/
    .visual .teaser-headline {font-size:1.66em;}
    .visual li .arrow {right:0;}

    .visual .teaser-headline {margin:0 78px 0 25px;}
    .visual .teaser-text     {margin:0 78px 0 25px;}
    .visual .teaser-content {overflow:hidden;}

    .flex-control-paging {display: none;}

    /*  Footer  */
    #footer-content H4 {font-size:15px;}
    #footer-content .col {float:none;width:100%;margin:1em 0 0 0}
}

@media only screen and (max-width: 32em) {                             /*  512px 32em   */


    dd .td-dl-files {padding-top:20px;padding-left:10px;}


    .div-td {float:none;width:100%;clear:left;}
    .td-2,
    .td-3 {padding-top:20px;padding-left:0;}
    .td-count-3 .td-1,
    .td-count-3 .td-2 {width:100%;}

}

@media only screen and (max-width: 27em) {                             /*  432px 27em      */

    /*TODO: Bessere Skalierung und bessere Ausschnitt in kleinen Größen*/
    /*#visual {height:160px;}*/
    /*#visual img {height:100%;width:auto;float:right;}*/

    #visual {height:160px;position:relative;}
    #visual img {height:100%;width:auto;float:right;}

	#visual.verpackungderzukunft {height:110px;}

	#visual.centered img {
		top:0;bottom:0;left:50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform:translateX(-50%);
		position:absolute;
	}

	#logo h4 {width:120px;height:44px;}
    #logo h4 a {width:120px;height:44px;}
    #logo h4 span {}

    .box-col-lft {
        margin-right: 0;
        margin-bottom:1em;
    }
    .box-col-lft, .box-col-rgt {
        float: none;
        width: 100%;
    }

}

/*!
*  Font Awesome 3.2.1
*  the iconic font designed for Bootstrap
*  ------------------------------------------------------------------------------
*  The full suite of pictographic icons, examples, and documentation can be
*  found at http://fontawesome.io.  Stay up to date on Twitter at
*  http://twitter.com/fontawesome.
*
*  License
*  ------------------------------------------------------------------------------
*  - The Font Awesome font is licensed under SIL OFL 1.1 -
*    http://scripts.sil.org/OFL
*  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
*    http://opensource.org/licenses/mit-license.html
*  - Font Awesome documentation licensed under CC BY 3.0 -
*    http://creativecommons.org/licenses/by/3.0/
*  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
*    "Font Awesome by Dave Gandy - http://fontawesome.io"
*
*  Author - Dave Gandy
*  ------------------------------------------------------------------------------
*  Email: dave@fontawesome.io
*  Twitter: http://twitter.com/davegandy
*  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 * -------------------------- */
/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    text-decoration: inherit;
    display: inline-block;
    speak: none;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
    vertical-align: -10%;
    font-size: 1.3333333333333333em;
}
/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
    display: inline;
}
/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
    display: inline-block;
    width: 1.1428571428571428em;
    text-align: right;
    padding-right: 0.2857142857142857em;
}
[class^="icon-"].icon-fixed-width.icon-large,
[class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.4285714285714286em;
}
.icons-ul {
    margin-left: 2.142857142857143em;
    list-style-type: none;
}
.icons-ul > li {
    position: relative;
}
.icons-ul .icon-li {
    position: absolute;
    left: -2.142857142857143em;
    width: 2.142857142857143em;
    text-align: center;
    line-height: inherit;
}
[class^="icon-"].hide,
[class*=" icon-"].hide {
    display: none;
}
.icon-muted { color: #eeeeee; }
.icon-light { color: #ffffff; }
.icon-dark { color: #333333; }
.icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.icon-2x { font-size: 2em; }
.icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.icon-3x { font-size: 3em; }
.icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.icon-4x { font-size: 4em; }
.icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.icon-5x {
    font-size: 5em;
}
.icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
.pull-right { float: right; }
.pull-left { float: left; }
[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
    margin-right: .3em;
}
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
    margin-left: .3em;
}
/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: -35%;
}
.icon-stack [class^="icon-"],
.icon-stack [class*=" icon-"] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit;
    *line-height: 2em;
}
.icon-stack .icon-stack-base {
    font-size: 2em;
    *line-height: 1em;
}
/* Animated rotating icon */
.icon-spin {
    display: inline-block;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}
/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
    display: inline-block;
    text-decoration: none;
}
@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(359deg);
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
    }
}
@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(359deg);
    }
}
@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }
    100% {
        -ms-transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}
/* Icon rotations and mirroring */
.icon-rotate-90:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.icon-rotate-180:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.icon-rotate-270:before {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.icon-flip-horizontal:before {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}
.icon-flip-vertical:before {
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}
/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before,
a .icon-rotate-180:before,
a .icon-rotate-270:before,
a .icon-flip-horizontal:before,
a .icon-flip-vertical:before {
    display: inline-block;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.icon-twitter-sign:before {
    content: "\f081";
}
.icon-facebook-sign:before {
    content: "\f082";
}
.icon-envelope:before {
    content: "\f0e0";
}
.icon-google-plus-sign:before {
    content: "\f0d4";
}
.icon-google-plus:before {
    content: "\f0d5";
}

.icon-twitter:before {
    content: "\f099";
}
.icon-facebook:before {
    content: "\f09a";
}


/* ==|== non-semantic helper classes ========================================
Please define your css before this section.
========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }


/* ==|== print css =======================================================
   Print css.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    HTML, BODY {height:auto}

    a, a:visited { text-decoration: underline; }
    /*a[href]:after { content: " (" attr(href) ")"; }*/
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    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; }


    nav, .teaser,
    .divSearch,
    .meta-navigation,
    .social-links,
    .mNav,
    .sNav,
    .article-tools
    {display: none;}
    .home .teaser {display: block;}

    .home .teaser a[href]:after,
    footer a[href]:after ,
    a.logo[href]:after{ content: ""; }


    /* Contain floats: h5bp.com/q */
    .cf:before, .cf:after { content: ""; display: table; }
    .cf:after { clear: both; }
    .cf { *zoom: 1; }

}


/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80); }

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden; }

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }

.mfp-align-top .mfp-container:before {
    display: none; }

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto; }

.mfp-ajax-cur {
    cursor: progress; }

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out; }

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
    cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }

.mfp-loading.mfp-figure {
    display: none; }

.mfp-hide {
    display: none !important; }

.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044; }

.mfp-preloader a {
    color: #cccccc; }

.mfp-preloader a:hover {
    color: white; }

.mfp-s-ready .mfp-preloader {
    display: none; }

.mfp-s-error .mfp-content {
    display: none; }

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 1046; }

button::-moz-focus-inner {
    padding: 0;
    border: 0; }

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
.mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
    color: #333333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%; }

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px; }

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active {
    margin-top: -54px; }

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: solid transparent; }
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
    left: 0; }
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
    right: 0; }
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe {overflow: hidden}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

.mfp-iframe-holder .mfp-close {
    top: -40px; }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }

.mfp-figure {
    line-height: 0; }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto; }

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-all;
    padding-right: 36px; }

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-image-holder .mfp-content {
    max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
     * Remove all paddings around the image on small screen
     */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }

    .mfp-img-mobile img.mfp-img {
        padding: 0; }

    /* The shadow behind the image */
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; } }
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }
.mfp-ie7 .mfp-img {
    padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
    padding: 0; }
.mfp-ie7 .mfp-content {
    padding-top: 44px; }
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0; }


/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++
    Mediaelement Player CSS
    +++++++++++++++++++++++++++++++++++++++++++++++++ */

.mejs-container{position:relative;background:#000;font-family:Helvetica,Arial;text-align:left;vertical-align:top;text-indent:0;}.me-plugin{position:absolute;}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden;}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000;}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%;}.mejs-clear{clear:both;}.mejs-background{position:absolute;top:0;left:0;}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%;}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;}:root .mejs-poster img{display:none;}.mejs-poster img{border:0;padding:0;;}.mejs-overlay{position:absolute;top:0;left:0;}.mejs-overlay-play{cursor:pointer;}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(../images/mediaelement/bigplay.png) no-repeat;}.no-svg .mejs-overlay-button{background-image:url(../images/mediaelement/bigplay.png);}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px;}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(../images/mediaelement/background.png);background:rgba(0,0,0,0.9);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:-ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));background:linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9));}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url(../images/mediaelement/loading.gif) 50% 50% no-repeat;}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(../images/mediaelement/background.png);background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));height:30px;width:100%;}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica,Arial;border:0;}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url(../images/mediaelement/controls.png) no-repeat;}.no-svg .mejs-controls .mejs-button button{background-image:url(../images/mediaelement/controls.png);}.mejs-controls .mejs-button button:focus{outline:solid 1px yellow;}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}.mejs-container .mejs-controls .mejs-time span{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto;}.mejs-controls .mejs-play button{background-position:0 0;}.mejs-controls .mejs-pause button{background-position:0 -16px;}.mejs-controls .mejs-stop button{background-position:-112px 0;}.mejs-controls div.mejs-time-rail{width:200px;padding-top:5px;}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;cursor:pointer;}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:-o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);-webkit-background-size:15px 15px;-moz-background-size:15px 15px;-o-background-size:15px 15px;background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;-moz-animation:buffering-stripes 2s linear infinite;-ms-animation:buffering-stripes 2s linear infinite;-o-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite;}@-webkit-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-moz-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-ms-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@-o-keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}@keyframes buffering-stripes{from{background-position:0 0;}to{background-position:30px 0;}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));background:-webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:-ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));background:linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));width:0;}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));width:0;}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center;}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111;}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0;}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:15px;left:13px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px;}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px;}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0;}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px;}.mejs-controls .mejs-mute button{background-position:-16px -16px;}.mejs-controls .mejs-unmute button{background-position:-16px 0;}.mejs-controls .mejs-volume-button{position:relative;}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(../images/mediaelement/background.png);background:rgba(50,50,50,0.7);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0;}.mejs-controls .mejs-volume-button:hover{-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0;}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;margin:0;}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative;}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#333;background:rgba(50,50,50,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));background:-webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:-ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));background:linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));background:-webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:-ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));background:linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none;}.mejs-controls .mejs-captions-button{position:relative;}.mejs-controls .mejs-captions-button button{background-position:-48px 0;}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(../images/mediaelement/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0;}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1;}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));background:-webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:-ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));background:linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0;}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer;}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none;}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:-webkit-gradient(linear,0% 0,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));background:-webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:-ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));background:linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232);}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px;}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis;}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:22px;font-size:12px;color:#fff;}.mejs-captions-layer a{color:#fff;text-decoration:underline;}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal;}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0;}.mejs-captions-position-hover{bottom:45px;}.mejs-captions-text{padding:3px 5px;background:url(../images/mediaelement/background.png);background:rgba(20,20,20,0.8);}.me-cannotplay a{color:#fff;font-weight:bold;}.me-cannotplay span{padding:15px;display:block;}.mejs-controls .mejs-loop-off button{background-position:-64px -16px;}.mejs-controls .mejs-loop-on button{background-position:-64px 0;}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px;}.mejs-controls .mejs-backlight-on button{background-position:-80px 0;}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0;}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001;}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333;}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica,Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333;}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2C7C91;color:#fff;}.mejs-controls .mejs-sourcechooser-button{position:relative;}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(../images/mediaelement/background.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none!important;overflow:hidden;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none!important;display:block;color:#fff;overflow:hidden;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica,arial;font-size:10px;}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(../images/mediaelement/background.png);background:rgba(50,50,50,0.7);z-index:1000;overflow:hidden;}.mejs-postroll-layer-content{width:100%;height:100%;}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(../images/mediaelement/background.png);background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer;}

.mejs-container {
    width: 100% !important;
    height: auto !important;
    padding-top: 56.35%;
}
.mejs-container.mejs-audio {
    width:100%!important;
    height:30px!important;
    padding-top:0;
}
.mejs-overlay, .mejs-poster {
    width: 100% !important;
    height: 100% !important;
}
.mejs-mediaelement video {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    width: 100% !important;
    height: 100% !important;
}

/*VDW-Skin für Mediaelementplayer*/


.mejs-overlay-loading {
   background:none;}
.mejs-controls .mejs-button button:focus{outline:none;}


.mejs-container .mejs-controls {background:#8DBD3F;}

.mejs-controls .mejs-time-rail .mejs-time-total {background:#A0C745;}
.mejs-controls .mejs-time-rail span {border-radius:0;}
.mejs-controls .mejs-time-rail .mejs-time-loaded {background:#B8D574}
.mejs-controls .mejs-time-rail .mejs-time-current {background: #FFFFFF;

}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {background: #A0C745;border-radius:0;}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { background: #FFFFFF; border-radius:0;}