@charset "UTF-8";
/* Stylesheet ========================================================= */
/*
* - beinhaltet Styles für screen/projection und print
* - definiert Styles für Layout, Typographie und alle Inhaltstypen
*
* Outline:
*
* 1) importierte Stylesheets + CSS Frameworks
* 2) Styledefinitionen für all/screen/projection
* 3) zusätzliche Styles für print
*
* ------------------------------------------------------------------------
* WEITERE HINWEISE
* ------------------------------------------------------------------------
*
* Geschweifte Klammer "{}" werden in Beispielen für optionale Dinge
* (Klassen, Attribute, etc) verwenden, die Pipe "|" für mögliche
* Kombinationen und die Raute "#" als Platzhalter für verschiedene Dinge
* (z.B. URLs oder Texte).
*
*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);
/**
*/
/* == IMPORTS ========================================================== */
/* -- YAML Reset ------------------------------------------------------- */
@media all {
/**
* @section browser reset
* @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
*/
/* (en) Global reset of paddings and margins for all HTML elements */
/* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
* {
margin: 0;
padding: 0;
}
/* (en) Correction:margin/padding reset caused too small select boxes. */
/* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
option {
padding-left: 0.4em;
}
/* LTR */
select {
padding: 1px;
}
/**
* (en) Global fix of the Italics bugs in IE 5.x and IE 6
* (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
*
* @bugfix
* @affected IE 5.x/Win, IE6
* @css-for IE 5.x/Win, IE6
* @valid yes
*/
* html body * {
overflow: visible;
}
body {
/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
/* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
font-size: 100.01%;
/* (en) Standard values for colors and text alignment */
/* (de) Vorgabe der Standardfarben und Textausrichtung */
text-align: left;
/* LTR */
}
/* (en) avoid visible outlines on DIV containers in Webkit browsers */
/* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
div {
outline: 0 none;
}
/* (en) HTML 5 - adjusting visual formatting model to block level */
/* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
display: block;
}
/* (en) Clear borders for and und
{### }
###
###
###
{
###
}
###
###
###
###
###
###
###
###
###
*/
.w5 { width: 5% !important; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w50 { width: 50% !important; }
.w55 { width: 55% !important; }
.w60 { width: 60% !important; }
.w65 { width: 65% !important; }
.w70 { width: 70% !important; }
.w75 { width: 75% !important; }
.w80 { width: 80% !important; }
.w85 { width: 85% !important; }
.w90 { width: 90% !important; }
.w95 { width: 95% !important; }
table {
margin-bottom: 2.5em;
padding: 0;
width: 100%;
border-collapse: collapse;
text-align: center;
caption-side: top;
/* Breitendefinition für Tabellen-Spalten */
/* dürfen nicht zu 100% addiert werden, wegen padding/border bei td/th */
/* am besten nur die kleineren Spalten darüber definieren */
}
table.compact {
width: auto;
}
table.fixed {
table-layout: fixed;
}
table.right,
table .right,
table.left .right,
table .left .right {
text-align: right;
}
table.right.center,
table .right.center,
table.left .right.center,
table .left .right.center {
text-align: center;
}
table.left,
table .left,
table.right .left,
table .right .left {
text-align: left;
}
table.left.center,
table .left.center,
table.right .left.center,
table .right .left.center {
text-align: center;
}
table.top,
table .top,
table.bottom .top,
table .bottom .top {
vertical-align: top;
}
table.bottom,
table .bottom,
table.top .bottom,
table .top .bottom {
vertical-align: bottom;
}
table th {
text-align: left;
}
table td,
table th {
border: 1px solid #fff;
font-weight: normal;
padding: .375em;
vertical-align: top;
}
table td,
table tr.cell th,
table th.cell,
table tr.row1 th.cell,
table tfoot th {
color: #000;
}
table tr.row1 td {
background-color: #e6e7e8;
color: #000;
}
table.simple.vevent tr.row1 td {
background-color: #e6e7e8;
}
table.simple {
text-align: left;
}
table.simple th,
table.simple td {
background-color: #fff;
border-color: #c0cad4;
border-style: none none solid none;
color: #000;
padding: .75em 1.3em;
vertical-align: top;
}
table.simple.vevent td {
background-color: #f7fcf1;
}
table.simple.separated th {
background-color: #fff !important;
color: #000 !important;
}
table.simple.separated tr:hover td {
background-color: #fff !important;
}
table.simple.vevent th .row1,
table.simple.vevent td .row1 {
background-color: #e6e7e8;
color: #35414f;
}
table.simple td {
border-style: none;
}
table.simple th {
background: #8c8e8f;
color: #fff;
font-weight: bold;
}
table.simple.separated th {
background: #e6e7e8;
}
table.separated td {
border-style: none none solid none;
}
table.events {
margin-bottom: 1.5em !important; /* 21px */
}
/* == Formulargestaltung =============================================== */
.yform,
.yform.navform + .yform.navform {
background: #e6e7e8;
margin-bottom: 1.5em; /* 21px */
padding: 0 0 2.5em 0; /* 0 0 35px 0 */
}
.yform.navform {
margin-bottom: 0;
padding: 0;
}
.yform.navform.ym-only {
padding-bottom: 1.5em;
}
.yform fieldset {
background: none;
border: 0;
padding: .714em 1em 0 1em; /* 10px 14px 21px 14px */
}
.yform.navform fieldset {
margin-bottom: 0;
}
.yform.navform.second {
padding: 0 0 2.5em 0; /* 0 0 35px 0 */
}
.yform.navform.second fieldset {
margin-bottom: 0;
padding-top: 0;
}
.nomargin {
margin: 0 !important;
}
.yform div.type-select,
.yform div.type-text {
padding: .714em 0; /* 10px 0 */
}
.yform.navform div.type-text,
.yform.navform div.type-select,
.yform.navform div.type-check,
.yform.navform div.type-button {
margin: 0;
}
.yform div.type-text input,
.yform div select,
.yform div textarea {
background: #fff;
border: 1px solid #d2d2d2 ;
padding: .2em .4em;
}
.yform div.type-text input:focus,
.yform div.type-text input:hover,
.yform div.type-text input:active,
.yform div select:focus,
.yform div select:hover,
.yform div select:active,
.yform div textarea:focus,
.yform div textarea:hover,
.yform div textarea:active {
background: #cce3ff;
border-color: #026ca3;
}
.yform label {
font-weight: normal;
}
.yform legend {
font-size: 1.286em; /* 18px */
margin: 0 0 0 -.778em; /* 0 0 0 -14px */
padding: .556em .778em .5em .778em; /* 10px 14px 9px 14px */
}
.yform button {
background: #8c8e8f !important;
border: 1px solid #8c8e8f;
color: #fff !important;
font-size: 1.286em; /* 18px */
font-weight: bold;
margin: 1em 0 0 0; /* 18px 0 0 0 */
padding: .5em 1em; /* 9px 18px */
}
.yform button:focus,
.yform button:hover,
.yform button:active {
background: #fff !important;
color: #000 !important;
}
button {
cursor: pointer;
}
input[type=checkbox], input[type=radio] {
vertical-align: text-bottom;
}
input, button, select, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
}
/* Styling of error-messages | Fehlermeldungen */
.yform div.error {
background: #b22020;
border: 2px solid #b22020;
color: #fff;
padding: .556em .778em .5em .778em; /* 10px 14px 9px 14px */
}
.yform div.error label {
color: #fff;
font-weight: bold;
}
.yform div.error .message {
color: #fff;
}
.js .navform button { display: none; }
/* == Media ============================================================ */
img {
height: auto;
max-width: 100%;
}
img.block {
display: block;
margin: 0 auto;
}
img.full {
min-width: 100%;
width: 100%;
}
a img {
border: none;
}
a:focus img, a:active img, a:hover img {
outline: none;
}
/* == Inhaltstypen ===================================================== */
.figcaption {
font-style: italic;
margin: 0;
padding: 0.375em 0;
}
.floatleft, .lefty {
float: left;
margin-right: 1em; /* 14px */
}
.floatright, .righty {
float: right;
margin-left: 1em; /* 14px */
}
.single {
display: block;
height: auto;
margin: 0;
max-width: 100%;
}
.jsico {
padding-right: .3em;
vertical-align: middle;
}
}
/* == LAYOUT-SETTINGS ================================================== */
@media screen, projection {
html {
min-height: 100%;
-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}
body {
background: #fff;
color: #000;
font-family: 'PT Sans', Arial, sans-serif;
line-height: 1.3;
}
.page_margins {
font-size: .875em; /* 14px */
margin: 0 auto;
max-width: 68.565em; /* 960px */ /* 14,00131262305841 */
padding: 0;
}
#main {
margin-bottom: 3em;
}
#cat00 #main {
margin-bottom: 0;
}
/* Logo */
#logo {
float: left;
width: 17.427em; /* 244px */
}
#logo h1 {
font-size: 1em; /* 14px */
line-height: 1;
margin: 0;
padding: 0;
}
#logo img {
display: block;
height: 5.285em; /* 74px */
margin: 1.785em 0 0 0; /* 25px 0 0 0 */
width: 17.427em; /* 244px */
}
/* Search */
#search {
float: right;
margin-top: 2.75em; /* 35px */
position: relative;
}
#q{
border: 1px #d2d2d2 solid;
color: #005399;
font-family: 'PT Sans', Arial, sans-serif;
font-size: 1em; /* 14 px */
padding: .286em 2.5em .358em .5em; /* 4px 35px 5px 7px */
width: 24.214em; /* 339px */
z-index: 3;
}
#qs {
height: 2.214em; /* 31px */
position: absolute;
right: 0;
top: 0;
width: 2.286em; /* 32px */
z-index: 4;
}
#qs:focus,
#qs:active,
#q:focus,
#q:active {
outline: 2px solid #026ca3;
}
/* Header & Slider */
#header {
margin: 2.143em 0 0 0; /* 30px 0 0 0 */
}
#cat00 #header {
margin: 2.143em 0 4.285em 0; /* 30px 0 60px 0 */
}
#header .header-img img {
height: 34.640em; /* 485px */
width: 68.565em; /* 960px */
z-index: 9;
}
.agrobiz #header .header-img img {
height: 27.214em; /* 381px */
}
#header .header-txt {
/* background: rgba(255,255,255,0.7); */
background: transparent url(/c1257b2400444f82/files/header_n-inder-box.png/$file/header_n-inder-box.png) no-repeat top right;
color: #21549e;
height: 10.714em; /* 150px */
left: 0;
position: absolute;
/*top: 23.929em;*/ /* 335px */
bottom: 0;
width: 24.857em; /* 348px */
z-index: 10;
}
#header .header-txt h3 {
color: #21549e;
font-size: 1.571em; /* 22px */
font-weight: normal;
line-height: 1.2em;
margin: .5em 0 .5em .5em; /* 9px 0 9px 9px */
width: 14.773em; /* 325px */
}
/* heading color for the different areas */
body#cat01 #header .header-txt h3 {
color: #000000;
}
body#cat02 #header .header-txt h3 {
color: #000000;
}
body#cat03 #header .header-txt h3 {
color: #000000;
}
body#cat04 #header .header-txt h3 {
color: #000000;
}
body#cat05 #header .header-txt h3 {
color: #000000;
}
/* END: heading-color for the different areas */
#header .header-txt p {
font-size: .929em; /* 13px */
margin: 0 0 .231em .692em; /* 0 0 3px 9px */
width: 25em; /* 325px */
}
#header p.header-more {
font-size: .857em; /* 12px */
width: 27.083em; /* 325px */
}
#header p.header-more a {
background: transparent url(/c1257b2400444f82/files/ico_arrow-circle-02.png/$file/ico_arrow-circle-02.png) no-repeat .2em .4em;
color: #21549e;
display: inline-block;
padding: .167em .083em .167em 1.917em; /* 2px 1px 2px 23px */
}
/* link color and img for the different areas */
body#cat01 #header p.header-more a {
background: transparent url(../img/ico_int.png) no-repeat .2em .4em;
color: #000000;
}
body#cat02 #header p.header-more a {
background: transparent url(../img/ico_int.png) no-repeat .2em .4em;
color: #000000;
}
body#cat03 #header p.header-more a {
background: transparent url(../img/ico_int.png) no-repeat .2em .4em;
color: #000000;
}
body#cat04 #header p.header-more a {
background: transparent url(../img/ico_int.png) no-repeat .2em .4em;
color: #000000;
}
body#cat05 #header p.header-more a {
background: transparent url(../img/ico_int.png) no-repeat .2em .4em;
color: #000000;
}
/* END: link color and img for the different areas */
#header .header-over {
height: 10.714em; /* 150px */
left: 25.263em; /* 354px */
position: absolute;
top: 23.72em; /* 234px */
width: 15.5em; /* 217px */
z-index: 10;
}
#header .header-over img {
height: 10.714em; /* 150px */
width: 15.5em; /* 217px */
}
/* sliding header-content */
#headerbox-content ul {
list-style: none;
margin: 0;
width: 68.565em; /* 960px */
}
#headerbox-content li {
list-style: none;
margin: 0;
position: relative;
width: 68.565em; /* 960px */
}
.headerbox-wrap {
position: relative;
}
#headerbox-nav {
background: rgba(2,105,171,.7);
font-size: 1em; /* 14px */
height: 2.857em; /* 40px */
line-height: 1;
position: absolute;
text-align: right;
top: -2.857em; /* -40px */
z-index: 1001;
}
/* Background for the different areas */
body#cat01 #headerbox-nav {
background-color: rgba(140,142,143,.7);
}
body#cat02 #headerbox-nav {
background-color: rgba(2,105,171,.7);
}
body#cat03 #headerbox-nav {
background-color: rgba(67,166,0,.7);
}
body#cat04 #headerbox-nav {
background-color: rgba(0,152,207,.7);
}
body#cat05 #headerbox-nav {
background-color: rgba(232,115,0,.7);
}
/* END: Background for the different areas */
#headerbox-nav img {
padding-top: .143em; /* 2px */
}
.ym-event,
.ym-press {
border-right: 1px solid #fff;
color: #fff;
float: left;
font-size: 1.214em;
padding: .7em 1.267em;
}
#header-next-i,
.next {
margin-right: .786em; /* 11px */
}
.js .play,
.js .prev,
.js .next {
display: inline-block;
}
.js #headerbox-nav a {
display: inline-block;
}
.js #headerbox-content {
height: 34.640em; /* 485px */
overflow: hidden;
width: 68.565em; /* 960px */
}
.js .agrobiz #headerbox-content {
height: 27.214em; /* 381px */
}
.js #headerbox-content ul {
width: 680em; /* 9520px */
}
.js #headerbox-content li {
float: left;
}
/* Hauptnavigation (nav-main) */
.ym-wrap {
clear: both;
padding-top: 1.722em; /* 49px */
position: relative;
}
#nav-main {
position: absolute;
left: 0;
top: 0.667em; /* 30px */
z-index: 1000;
}
#nav-main ul {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}
#nav-main ul li {
display: block;
float: left;
margin: 0;
padding: 0;
}
#nav-main li a,
#nav-main li strong {
border: 0;
border-top: 4px #fff solid;
color: #fff;
display: block;
font-size: 128.57%; /* 18px */
font-weight: normal;
height: 1.667em; /* 30px */
letter-spacing: -0.06em;
line-height: 1.111em; /* 20px */
margin: 0;
padding: .556em 0 0 0; /* 10px 0 0 0 */
text-align: center;
text-decoration: none;
white-space: nowrap;
width: 10.65em; /* 192px */ /* IE-Edge don't get it widht 10.666em, so we need to go to 10.65em */
}
#nav-main a:visited {
font-style: normal !important;
}
#nav-main ul li ul {
display: block;
list-style-type: none;
margin: 0;
padding: 0 0 2em 0; /* 0 0 28px 0 */
position: absolute;
}
#nav-main ul li ul {
left: -32768px;
top: -32768px;
}
* html #nav-main ul li ul {
display: none;
}
* html.js #nav-main ul li ul {
display: block;
}
#nav-main ul li:hover ul {
left: auto;
top: auto;
}
html.js #nav-main ul li ul {
display: none;
left: auto;
top: auto;
}
html.js #nav-main ul li:hover ul {
left: auto;
top: auto;
}
#nav-main ul li ul li {
display: block;
float: none;
line-height: 1.1em;
margin: 0;
padding: 0;
}
#nav-main li.nav01 ul li a,
#nav-main li.nav02 ul li a,
#nav-main li.nav03 ul li a,
#nav-main li.nav04 ul li a,
#nav-main li.nav05 ul li a,
#nav-main li.nav01 ul li strong,
#nav-main li.nav02 ul li strong,
#nav-main li.nav03 ul li strong,
#nav-main li.nav04 ul li strong,
#nav-main li.nav05 ul li strong,
#nav-main ul li ul li a,
#nav-main ul li ul li strong {
border: none;
border-top: 0;
color: #000;
display: block;
font-size: 100%; /* 14px */
font-weight: normal;
height: auto;
letter-spacing: 0;
margin: 0 0 1px 0;
min-width: 12.822em; /* 171px */
padding: .214em .214em .214em .714em; /* 3px 10px */
text-align: left;
text-transform: none;
width: auto;
}
#nav-main ul li ul li a:active,
#nav-main ul li ul li a:focus,
#nav-main ul li ul li a:hover {
text-decoration: none;
}
#nav-main ul li ul li a:visited {
font-style: italic;
}
#nav-main a:visited {
font-style: normal;
}
#nav-main strong:hover {
cursor: pointer;
}
/* Sub-Navigaton (#nav-sub) */
#nav-sub ul {
margin: 0;
padding: 0;
}
#nav-sub li {
line-height: 1;
list-style: none;
margin: 0 0 1px 0;
}
#nav-sub li.active > a,
#nav-sub li.active > strong,
#nav-sub li strong {
color: #fff;
font-weight: normal;
}
/* Level 2: 1.1 */
#nav-sub li a,
#nav-sub li strong {
color: #000;
display: block;
padding: .357em 1.071em .286em 1.071em; /* 5px 15px 4px 15px */
text-decoration: none;
}
/* Level 3: 1.1.1 */
#nav-sub li li a,
#nav-sub li li strong {
padding: .357em 1.071em .286em 1.643em; /* 5px 15px 4px 23px */
}
#nav-sub li ul,
#nav-sub li li ul {
border-top: 1px #fff solid;
}
/* Level 4: 1.1.1.1 */
#nav-sub li li li a,
#nav-sub li li li strong {
padding: .357em 1.071em .286em 2.214em; /* 5px 15px 4px 31px */
}
/* Breadcrumb-Trail */
#nav-breadcrumb {
font-size: .857em; /* 12px */
margin: 1em 0 .5em 20.333em; /*12px 0 6px 244px */
width: auto;
}
.hidecol1 #nav-breadcrumb {
margin: 1em 0 .5em 0; /* 12px 0 6px 0 */
}
#nav-breadcrumb ul {
list-style: none;
margin: 0;
}
#nav-breadcrumb li {
float: left;
list-style: none;
margin: 0 .667em 0 0; /* 0 8px 0 0 */
padding: 0;
}
#nav-breadcrumb li a {
color: #727272;
line-height: 2.833em; /* 34px */
text-decoration: underline;
}
#nav-breadcrumb li a:focus,
#nav-breadcrumb li a:hover,
#nav-breadcrumb li a:active {
color: #000;
text-decoration: none;
}
#nav-breadcrumb li span {
color: #727272;
line-height: 2.833em; /* 34px */
}
#nav-breadcrumb li.nav-bread-home {
margin-right: 1.25em; /* 15px */
}
#nav-breadcrumb li.nav-bread-home a {
background-image: url(/c1257b2400444f82/files/ico_home-inv.png/$file/ico_home-inv.png);
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
height: 2.833em; /* 34px */
line-height: 1;
padding: 0;
text-decoration: none;
width: 3.083em; /* 37px */
}
#nav-breadcrumb li.nav-bread-home a:focus,
#nav-breadcrumb li.nav-bread-home a:hover,
#nav-breadcrumb li.nav-bread-home a:active {
background-color: #404040;
}
/* Sitemap */
#sitemap {
list-style-type: none;
margin-left: 0;
}
#sitemap dfn {
left: -5000em;
outline: none;
position: absolute;
}
#sitemap div.subcolumns { background: none; margin-bottom: 2em; }
#sitemap h4 {
font-size: 1.286em; /* 18px */
font-weight: normal;
line-height: 1.5em; /* 27px */
margin: 0;
}
#sitemap h4 a,
#sitemap h4 span {
background: #8c8e8f;
border: 0;
color: #fff;
display: block;
padding: .556em .778em .5em .778em; /* 10px 14px 9px 14px */
}
#sitemap ul {
list-style-type: none;
margin: 0;
}
#sitemap li {
margin: 1px 0 0 0;
}
#sitemap li a {
background: #e6e7e8;
color: #000;
display: block;
padding: .357em 1.071em; /* 5px 15px */
}
#sitemap li li a {
padding: .357em 1.786em; /* 5px 25px */
}
#sitemap li li li a {
padding: .357em 2.5em; /* 5px 35px */
}
#sitemap h4 a:focus,
#sitemap h4 a:hover,
#sitemap h4 a:active {
background: #c6c7c7;
color: #000;
}
#sitemap li a:focus,
#sitemap li a:hover,
#sitemap li a:active {
background: #c6c7c7;
}
/* Teaser-Boxes */
#teaser {
margin-bottom: 1.786em; /* 25px */
}
#col3 #teaser {
margin-bottom: 0;
margin-top: 1.5em; /* 21px */
}
.teaser-boxes ul {
line-height: 1;
margin: 0;
padding: 0;
}
.teaser-boxes li {
float: left;
height: 13.571em; /* 190px */
line-height: 1;
list-style: none;
overflow: hidden;
position: relative;
margin: 0 0 3.785em .93em; /* 0 0 53px 13px */
width: 16.427em; /* 230px */
}
.teaser-boxes .teaser-txt.ym-small {
margin: .5em 1em; /* 7px 14px */
}
.teaser-boxes li .ym-small li {
display: block;
float: none;
font-size: .929em; /* 13px */
position: static;
height: auto;
width: auto;
margin: .462em 0 !important; /* 0 0 6px 0 */
width: auto;
}
.teaser-boxes li .ym-small h3 {
font-size: 1.231em; /* 16px */
margin: 0 0 .375em 0 !important; /* 0 0 6px 0 */
}
.teaser-boxes li .ym-small strong {
display: inline;
font-size: 1em; /* 12px */
font-weight: bold;
padding: 0;
width: auto;
}
#col3 .teaser-boxes li {
margin: 0 0 1.5em .92em; /* 0 0 21px 13px */
}
.teaser-boxes .c1,
.teaser-boxes .c5,
.teaser-boxes .c9,
.teaser-boxes .c13 {
margin-left: 0;
}
.teaser-boxes img {
display: block;
height: 13.571em; /* 190px */
left: 0;
position: absolute;
top: 0;
width: 16.427em; /* 230px */
z-index: 28;
}
.teaser-boxes .teaser-lnk {
display: block;
height: 13.571em; /* 190px */
left: 0;
margin-top: 10.714em; /* 150px */
position: absolute;
top: 0;
width: 16.427em; /* 230px */
}
.teaser-boxes a.teaser-lnk {
display: block !important;
margin-top: 0 !important;
z-index: 30;
}
.teaser-boxes span.teaser-lnk {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
z-index: 29;
}
.teaser-boxes strong {
display: block;
font-size: 1.214em; /* 17px */
font-weight: normal;
padding: .823em; /* 14px */
width: 12.412em; /* 211px */
}
.teaser-boxes a.teaser-lnk:focus span.teaser-lnk,
.teaser-boxes a.teaser-lnk:hover span.teaser-lnk,
.teaser-boxes a.teaser-lnk:active span.teaser-lnk {
margin-top: 0;
}
.teaser-boxes a.teaser-lnk:focus strong,
.teaser-boxes a.teaser-lnk:hover strong,
.teaser-boxes a.teaser-lnk:active strong {
font-weight: bold;
}
.teaser-boxes span.teaser-lnk span {
display: block;
font-size: 1.214em; /* 17px */
padding: 0 .823em .823em .823em; /* 0 14px 14px 14px */
width: 11.427em; /* 160px */
}
.teaser-boxes .c1,
.teaser-boxes .c5 {
margin: 0 0 3.785em 0; /* 0 0 53px 0 */
}
.teaser-boxes li.c-double {
background: #c0dbff;
width: 33.786em; /* 473px */
}
.teaser-boxes .event-txt h3 {
background: #0269ab url(/c1257b2400444f82/files/ico_events.png/$file/ico_events.png) no-repeat .778em 50%; /* 14px 50% */
color: #fff;
font-size: 1.286em; /* 18px */
line-height: 1.1em;
padding: .444em .444em .444em 2.444em; /* 8px 8px 8px 44px */
}
.teaser-boxes .event-list li {
float: none;
font-size: 1.286em; /* 18px */
height: auto;
overflow: hidden;
margin: 0;
width: 100%;
}
.teaser-boxes .event-list a {
color: #000;
display: block;
padding: .444em .444em .444em .778em; /* 8px 8px 8px 14px */
border-bottom: 1px #fff solid;
}
.teaser-boxes .event-txt p.event-more {
font-size: .857em; /* 12px */
margin: 1em 0 0 1.167em; /* 14px */
}
.teaser-boxes .event-txt p.event-more a {
background: transparent url(/c1257b2400444f82/files/ico_arrow-circle-02.png/$file/ico_arrow-circle-02.png) no-repeat 0 .1em;
color: #000;
display: inline-block;
padding: .2em .1em .2em 1.7em; /* 2px 1px 2px 23px */
}
/* Styling main-content in #col3 */
#col3 a {
color: #000;
text-decoration: underline;
}
#col3 a:focus,
#col3 a:hover,
#col3 a:active {
text-decoration: none;
}
#col3 h3 {
color: #fff;
font-size: 1.286em; /* 18px */
margin: 0;
padding: .556em 6.389em .5em .778em; /* 10px 125px 9px 14px */
position: relative;
}
#col3 h3 + h3 {
padding: .556em .778em .5em .778em; /* 10px 14px 9px 14px */
}
#col3 h3 a {
color: #fff;
}
#col3 h4 {
font-size: 1.286em; /* 18px */
}
#col3 .contact-box h4 {
margin: 0;
padding: .556em .778em .5em .778em; /* 10px 14px 9px 14px */
}
#col3 h3 + h4,
#col3 div.contact-box + h4 {
margin-top: .667em; /* 12px */
}
#col3 h3 + p,
#col3 h3 + div.contact-box + div.floatbox,
#col3 h3 + div.floatbox,
#col3 div.contact-box + p {
margin-top: 1.5em; /* 21px */
}
#col3 .box-content a.lightbox {
display: inline-block;
}
/* Contact-Box */
.ym-contact,
.js .contact-box {
display: none;
}
.js .contact-box.show {
display: block;
}
.js .ym-contact {
background-image: url(/c1257b2400444f82/files/ico_contact.png/$file/ico_contact.png);
background-position: 0 48%;
background-repeat: no-repeat;
border-left: 1px #fff solid;
color: #fff !important;
display: block;
padding: .556em .778em .5em 2.167em; /* 10px 14px 9px 39px */
position: absolute;
right: 0;
top: 0;
width: 3.389em; /* 114px */
}
.js .ym-contact.active {
background-image: url(/c1257b2400444f82/files/ico_contact-active.png/$file/ico_contact-active.png);
}
.contact-box ul.contact-list {
margin: 0;
padding: 0;
}
.contact-box ul.contact-list li {
list-style: none;
margin: 1em;
}
.contact-box ul.contact-list *,
#col3 .contact-box ul.contact-list a {
color: #707070;
}
.contact-box ul.contact-list address {
margin-bottom: .5em; /* 7px */
}
.contact-box ul.contact-list h5 {
font-size: 1em; /* 14px */
margin: 0;
}
#col3 .contact-box ul.contact-list h5 a {
background: transparent url(/c1257b2400444f82/files/ico_arrow-circle-01.png/$file/ico_arrow-circle-01.png) no-repeat .2em .4em;
color: #000;
display: inline-block;
padding: .143em .071em .143em 1.643em; /* 2px 1px 2px 23px */
}
.contact-box .contact-left {
float: left;
width: 50%;
}
.contact-box .contact-right {
float: right;
width: 50%;
}
/* Sucontent Split-Boxes */
.sub-content {
margin: 0 0 1.5em 0; /* 0 0 21px 0 */
}
.sub-cont-l {
float: left;
margin: 0;
width: 33.789em; /* 473px */
}
.sub-cont-r {
float: right;
margin: 0 0 .93em 0; /* 0 0 13px */
width: 16.429em; /* 230px */
}
.sub-cont-cont {
position: relative;
}
/* Flash / Video */
.flashapp.media-4-3 object {
height: 25.286em; /* 354px */
width: 33.789em; /* 473px */
}
.flashapp.media-16-9 object {
height: 19em; /* 266px */
width: 33.789em; /* 473px */
padding: 2em 0em 2em 0
}
.flashapp p {
margin-top: 1em; /* 14px */
}
/* Info-Box */
.info-box {
background-color: #e6e7e8;
margin-bottom: 1.5em; /* 21px */
}
.info-box .box-content h6,
.info-box .box-content p,
.info-box .box-content ol,
.info-box .box-content ul {
margin-left: 1em; /* 14px */
margin-right: 1em; /* 14px */
}
.info-box .box-content p {
margin-bottom: 1em; /* 14px */
}
.info-box .box-content h4 {
margin-left: .778em; /* 14px */
margin-right: .778em; /* 14px */
margin-top: .778em; /* 14px */
}
.info-box .box-content h5 {
font-size: 1.143em; /* 16px */
margin-left: .875em; /* 14px */
margin-right: .875em; /* 14px */
}
/* FAQ Box */
.faq-box {
margin-bottom: 1.5em; /* 21px */
}
.faq-box ul.faq-list {
margin: 0;
padding: 0;
}
.faq-box ul.faq-list li {
line-height: 1;
list-style: none;
margin: 0;
}
.faq-box ul.faq-list li div.faq-head {
background-color: #e6e7e8;
border-bottom: 1px #fff solid;
color: #000;
font-size: 1em; /* 14px */
min-height: 1.5em; /* 21px */
padding: .571em 0; /* 8px 0 */
position: relative;
}
.faq-box ul.faq-list li div.faq-head a {
display: block;
float: left;
vertical-align: top;
width: 63%;
}
.faq-box ul.faq-list li strong.faq-agro {
font-weight: normal;
padding: 0 0 0 1em; /* 0 0 0 14px */
}
.faq-box ul.faq-list li div.faq-head strong.faq-more {
height: 1.857em; /* 26px */
position: absolute;
right: .857em; /* 12px */
top: .286em; /* 4px */
width: 1.857em; /* 26px */
}
.faq-box ul.faq-list li div.faq-closed strong.faq-more {
background: transparent url(/c1257b2400444f82/files/bg_faq-list.png/$file/bg_faq-list.png) no-repeat 0 -1.857em;
cursor: pointer;
}
.faq-box ul.faq-list li div.faq-opened strong.faq-more {
background: transparent url(/c1257b2400444f82/files/bg_faq-list.png/$file/bg_faq-list.png) no-repeat 0 0;
cursor: pointer;
}
.faq-box ul.faq-list li div.faq-head .faq-date {
display: block;
float: left;
padding: 0 0 0 1em; /* 0 0 0 14px */
width: 10.5em; /* 147px */
}
.faq-box .faq-entry table {
margin: 0;
padding: 0;
width: 100%;
}
.faq-box .faq-entry td,
.faq-box .faq-entry th {
border-bottom: 1px #e6e7e8 solid;
font-size: 1em; /* 14px */
font-weight: normal;
padding: .357em 1em; /* 5px 14px */
text-align: left;
}
.faq-box .faq-entry th {
text-align: left;
width: 8.214em; /* 115px */
}
.faq-box .faq-entry tr:last-child td,
.faq-box .faq-entry tr:last-child th {
border-bottom: 0;
}
.agrobiz .faq-entry {
padding-bottom: .778em; /* 14px */
padding-top: .778em; /* 14px */
}
.faq-box .faq-entry address,
.faq-box .faq-entry ol,
.faq-box .faq-entry p,
.faq-box .faq-entry ul {
line-height: 1.3em;
margin: 0 1em 1.287em 1em; /* 0 14px 18px 14px */
}
.faq-box .faq-entry h4 {
margin: 0 .778em .5em .778em /* 0 14px 9px 14px */
}
.faq-box .faq-entry ol li {
line-height: 1.3em;
list-style-type: decimal !important;
list-style-type: decimal-leading-zero !important;
margin-left: 2em;
}
/* Press-List */
dl.press-list {
display: inline-block;
float: left;
margin: 1em 0; /* 14px 0 */
padding: 0;
width: auto;
}
dl.press-list dt,
dl.press-list dd {
display: inline-block;
float: left;
font-weight: normal;
line-height: 1.3;
margin: 0;
padding: .143em 0; /* 2px 0 */
}
dl.press-list dt {
clear: left;
width: 6.429em; /* 90px */
}
dl.press-list dd {
width: 27em; /* 378px */
}
dl.press-list dd a {
background: transparent url(/c1257b2400444f82/files/ico_int.png/$file/ico_int.png) no-repeat 0 .143em; /* 0 2px */
padding-left: 1.429em; /* 20px */
}
/* Link List / Download List*/
ol.download-list,
ul.download-list,
ol.link-list,
ul.link-list {
margin: 1em 0; /* 14px 0 */
}
.download-list li,
.link-list li {
list-style: none;
margin: 0;
}
.download-list li a {
background: transparent url(/c1257b2400444f82/files/ico_download.png/$file/ico_download.png) no-repeat 0 .143em; /* 0 2px */
padding-left: 1.429em; /* 20px */
}
.link-list li a {
background: transparent url(/c1257b2400444f82/files/ico_int.png/$file/ico_int.png) no-repeat 0 .143em; /* 0 2px */
padding-left: 1.429em; /* 20px */
}
.link-list li.ext a {
background: transparent url(/c1257b2400444f82/files/ico_ext.png/$file/ico_ext.png) no-repeat 0 .143em; /* 0 2px */
}
/* Lists (separated, simple) */
ul.separated,
ul.simple,
ol.separated,
ol.simple {
list-style: none;
margin-left: 0;
}
ul.separated li,
ul.simple li,
ol.separated li,
ol.simple li {
margin-bottom: .35em;
}
ul.separated,
ol.separated {
border-top: 1px solid #c0cad4;
}
ul.separated li,
ol.separated li {
border-bottom: 1px solid #c0cad4;
padding: .375em .375em;
margin: 0;
}
.highlight,
.row0 {
background-color: #e6e7e8;
color: #000;
}
/* Press List / News List */
ul.news-list li {
padding: 1em 1em .5em 1em;
}
ul.news-list li h4 a {
background: transparent url(/c1257b2400444f82/files/ico_int.png/$file/ico_int.png) no-repeat 0 .222em; /* 0 4px */
padding-left: 1.111em; /* 20px */
}
/* Search Results */
dl.list-results {
border-bottom: 1px solid #8c8e8f;
}
dl.list-results dt {
border-top: 1px solid #cecece;
}
dl.list-results dt, dl.list-results dd {
padding: .7em .9em .3em .9em;
}
dl.list-results dd { padding: .3em 2.1em; }
dl.list-results dd.info {
font-size: .8em;
padding: 0 2.4em .8em 2.4em;
}
/* Pager / Paging */
.paging {
margin-bottom: 2.5em; /* */
margin-top: -1.5em; /* -21px */
}
.paging.ym-ontop ul{
margin: 1em 0 0 0; /* 14px 0 0 0 */
}
.paging ul {
float: left;
list-style: none;
margin: 1px 0 1em 0; /* 0 0 14px 0 */
padding: 0;
width: 96%;
}
.paging ul li {
float: left;
margin: 0 1px 0 0;
padding: 0;
}
.paging ul li a,
.paging ul li strong {
background-color: #e6e7e8;
display: block;
font-weight: normal;
padding: .2em 1em;
text-decoration: none !important;
white-space: nowrap;
}
.paging ul li a:focus,
.paging ul li a:hover,
.paging ul li a:active,
.paging ul li strong {
color: #fff !important;
}
/* -- Accessible Tabs -------------------------------------------------- */
/**
* "Yet Another Multicolumn Layout" - YAML CSS Framework
*
* (en) Styles for Accessible-Tabs plugin for jQuery
* (de) Gestaltung des Acessible-Tabs Plugins für jQuery
*
* @copyright Copyright 2005-2012, Dirk Jesse
* @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
* YAML-CDL (http://www.yaml.de/license.html)
* @link http://www.yaml.de
* @package yaml
* @version v4.0
* @revision $Revision: 693 $
* @lastmodified $Date: 2012-01-29 23:53:53 +0100 (So, 29 Jan 2012) $
*/
#vsm-container {
display:table;
overflow:visible;
width:100%;
}
.tabs {
margin:1.5em 0 0;
}
.tabs ul.tabs-list {
display:table;
font-size:1em;
line-height:1;
list-style-type:none;
margin: 0;
position:relative;
z-index:1;
}
.tabs ul.tabs-list li a {
font-size: 1em;
line-height: 1.5em;
padding: .75em;
}
.tabs .tabhead {
position: absolute;
left: -32768px; /* LTR */
}
.tabs .content {
border-top: 1px #8c8e8f solid;
clear: both;
padding: 0;
position: relative;
top: -1px;
margin-bottom: -1px;
}
.tabs ul.tabs-list li {
border: 0 none;
display: inline;
float: left;
margin: 0 1px 0 0;
padding: 0;
}
.tabs ul.tabs-list li a {
background: #8c8e8f;
color: #fff !important;
display: block;
float: left;
font-weight: normal;
margin: 0;
}
.tabs ul.tabs-list li a:focus,
.tabs ul.tabs-list li a:hover,
.tabs ul.tabs-list li a:active {
background-color: #c6c7c7;
color: #464748 !important;
font-weight: normal;
outline: 0 none;
text-decoration: none;
}
.tabs ul.tabs-list li.current a,
.tabs ul.tabs-list li.current a:focus,
.tabs ul.tabs-list li.current a:hover,
.tabs ul.tabs-list li.current a:active {
background: #fff;
border: 1px #c6c7c7 solid;
border-bottom: 0 none;
color: #000 !important;
font-weight: bold;
text-decoration: none;
}
.tabs .current-info,
.tabs .accessibletabsanchor {
left:-999em;
position:absolute;
}
/**
* Avoid margin collapsing to enable correct sync of all tabs
*
* @workaround
* @affected all browsers
* @css-for all browsers
* @valid yes
*/
.tabs .tab-content {
border-bottom: 1px transparent solid;
border-top: 1px transparent solid;
/* overflow:hidden; */ /* eigentlich IE-Hack */
}
.tabbody { margin-top: 1.5em; }
/* -- Bildergalerie / E-Cards ------------------------------------------ */
/**
* -----------------------------------------------------------------------
*
* Bei Verwendung des Moduls im Zusammenhang mit E-Cards sollte das
* von einem
umschlossen werden,
* da ansonsten eine Lightbox automatisch erzeugt wird.
*
*/
.gallery {
list-style: none;
margin: 0;
overflow: hidden;
padding: 0;
}
.gallery li {
float: left;
/* height: 8em; /* 112px */
line-height: 1;
margin: 0 .357em .357em 0; /* 0 5px 5px 0 */
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 8em; /* 112px */
}
.gallery img,
.gallery a {
display: block;
margin: 0;
padding: 0;
}
.gallery img {
/* height: 7.857em; /* 110px */
width: 7.857em; /* 110px */
}
.gallery a img {
border: 1px solid #fff;
}
.gallery a:focus img,
.gallery a:hover img,
.gallery a:active img {
border-color: #35414f;
}
/* -- Aria Lightbox ---------------------------------------------------- */
.ui-widget-overlay {
background: #8c8e8f;
opacity: .93;
position: absolute;
left: 0;
top: 0;
}
.ui-dialog {
background: #fff;
border: 1px solid #c0cad4;
color: #35414f;
display: none;
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
height: auto;
line-height: 1.5em;
margin: 0;
padding: 1em;
position: absolute;
}
.ui-dialog-title {
left: -5000em;
position: absolute;
}
#ui-lightbox-image {
background: url("data:image/gif;base64,R0lGODlhMAAwAPf/AB5Qnf///5+8AMbS5gAyjQAuin+bx6C12SVVoCZWoYCcyAtBlSVWoQA3jxxOnA5Ellh9thFGmAY9kwQ8kgI6kSJTn7HJA7LKA6K/AKG+AKTAAK3GALDIAKXBAKO/AKfCAKbCAKvFALLKAqjDAK/HAKPAAK/IAKC9AKzFAKrEAKzGAKXAAKnDALDJAa7HALLJAyNUn/v88vP32bHJAbPKA6nEAPz996bBALHJAJq5AAA1jsHUNvX43qC+APX45O/0zbHJAqK+APr88LLKBOnwuAA4kAg/lCNTnxVJmfL22LPKBLbNHtLgcrXLCsfYSeXtruzywn2ax9bieurxwK7HBtjklebusOXtrOburbHJFtXiheHqpbDIBszbWuLrqKrEAbjOG/3++t/pn7LJAPH10fL219nkh6jCANDfZMzcXLzRM+jvrpy7AMfYRJm4AMraUtHfbP7+/c3caeTtqNPhbOPspr3SJ/j659Hfct7omfv88NznhJy6AM3cYszcWeDpmtLgc8zcWOnwt9Lgd9Thc9PgeqS/AP///rPLAtrmjK/IBMXXT9ThbsbYU+jvw7PLE7fNFt3nkOrxvcraT7vQHr7SNt/pl7LJBLrPMMXWUODpmeHqmP39+Ovxw7vQI8TWPq3HAPH20+zxwMnZSuvxutnlhP7++9rlhvL10Pn778zcZcTWQL/TMdThfdbjf9nlid/pmrjOH+/0y5u6AMnaVdPgcerwvOz1Vuvxvc/eaeTsqeXtqLXMDbzRJebuqdHfdOTsr+HroMPVROLqod/pmP7//O3yw+jvvOnvvf7/38zceJ27AMzcY7fOJrjOJevxwOfvruDpm/f55dHfbYWfykdwr2GEulZ7tUZuriBRnk11srDB3FR5tAc+ky5coyFSn3uYxQAmhgAohyNUoBdLmnGRwSRUn32axhBFl1+DuiZVoKm92cXS5rLD3ilXoQM7ks/b63yZxrnJ4aS41wI5kEtzsZmw093k8HyaxrfI4K3BugAahnaVyXmXvN3l+v///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjZFODhDREIyMUQyMDY4MTE4MDgzQTA2N0FBOERERjVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZGODBDRDgwNzUwNTExRTJCNTlCQzQ0MUJFQ0FGNUFEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZGODBDRDdGNzUwNTExRTJCNTlCQzQ0MUJFQ0FGNUFEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowMTgwMTE3NDA3MjA2ODExODA4M0ZDM0JDNDYzMkUyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmlkOkQyNTRBMERCMEEyMDY4MTE4MDgzRTgwQzdFNDVCRTU1Ii8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+U3RhZHQgTmV0dGV0YWxfQW53ZW5kdW5nYmVpc3BpZWxlLmluZGQ8L3JkZjpsaT4gPC9yZGY6QWx0PiA8L2RjOnRpdGxlPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUKAP8ALAAAAAAwADAAAAj/AAMIHEiwoMGDCBMqXMiwocOHECNKnEixosWLEw9hvHjK18aKV0qgeujjWB5X03IxeQXMR0UQkBgi+1WJywcNGDxo8IChA5VMUCZSyiEIYZlCzj4E+bCBwwwLUC0AwaEigwZAEj25SWOwU6MQGUZwiEq27AUVfNBAFNKkByuCPxZ9wLDhQlmpHEyY4NAi6gsXAqw8JIMCBBiBeuSMyEDCrl8TNXaCYJFixIoSIURYuGDIzsNgHj7sCPAky4m6fnHUwDAiFi0zunAZIwKrzyMMLoa4CCHDYSAPX1bB6fDB8WYcHUoswTMlDsJUgzqgGNOhTkNTvFJcMAGicVQRIEqo/xETpmE0DSRWEGuIxcPTFk+h0kBxotmWiG8w3BjWsI2HF2WJoAELrUwkywcgiMKQNCGAQtZ2J2DyA0WccLBBDAwx0oNmUCmBQgaqXKRCLwzFoEgIUdEQWSIX2XBDKQzRcQKHNIzQwRwY2bKBEAN5ocwaBd2RAgpQXZDCCtBs1IUTAhUjzAlsZEAEQaNkYNcQG2Cwy0Y27NBbAH7MwgEiyxAyEClBkNBCCxxksMdHkUghkAwsbHAJCRhIIhAPZ+RwQweX3fJRMrVgGMAzGbigQg6TDBSKFpto8oclVXy050A2fHICC8xYKpEjSXgq6qiklmrqqaimquqqrLbq6quwxgsq66y01mrrrRMFBAAh+QQFCgD/ACwIACcADgACAAAIIQC5UShQpJuRCQ0IFAFw7cChfwMUQKiGTZs1atv+afwXEAAh+QQFCgD/ACwGACUAEwACAAAIIwDLhWNQoaDBg+NgPChAzsA/b+IcIDhYAcY3JA0ImAP3719AACH5BAUKAP8ALAUAIwAXAAIAAAghANkZAVChoMGDCGEgkEAg3T8A6I4gnFjhCIMIBdSt+xcQACH5BAUKAP8ALAUAIQAaAAIAAAggAAcsAFChoMGDCA3CSNBAQjt577IlnHgQAYAC7uD9CwgAIfkEBQoA/wAsBgAfABsAAgAACB0A69GDUaGgwYMIESaIUGBeNiQJI0ZMsIDAgX8BAQAh+QQFCgD/ACwGAB0AHQACAAAIHwD/OXgAo4LBgwgTKkywYMI9ewUQKJxIMQE6Avn+BQQAIfkEBcgA/wAsBgAbAB4ABQAACEMA//3rxw9fvIPx8J1byDCKw4cQoyiAoC/OgX0EdGjcyLGjRx0N9lHw9w9AhHECU6pcyXLlIYEMWsqcqZICSpo4VwYEADs=") no-repeat center center;
height: 10em;
margin: 0;
padding: 0;
}
#ui-lightbox-image img { display: none; }
#ui-lightbox-description {
font-weight: bold;
margin: .75em 0;
padding-right: 80px;
}
#ui-lightbox-pager {
color: #35414f;
font-size: .833em;
line-height: 1.8em;
margin: .9em 0 0 0;
}
#ui-lightbox-close span, #ui-dialog-buttonpane button span {
left: -5000em;
outline: none;
position: absolute;
}
a#ui-lightbox-close {
background: url("data:image/gif;base64,R0lGODlhGQAZAMQQACJTn////2J+s6m20vX3+jtipoGWwOvu9J2szeHl77XA2Nfc6VBxrZChxszT5HKKuv///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDOEQ4RkQyQzc0RTkxMUUyQThDOUZBMTE2MUZERTQzQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDOEQ4RkQyRDc0RTkxMUUyQThDOUZBMTE2MUZERTQzQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM4RDhGRDJBNzRFOTExRTJBOEM5RkExMTYxRkRFNDNCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM4RDhGRDJCNzRFOTExRTJBOEM5RkExMTYxRkRFNDNCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAEAAsAAAAABkAGQAABYggJI5kaZpAqq5sO7ZwnIpyvdK2jefyriIDA0swQLggLUMgIFAVDgEhy6dSBBIqR0ABo6aegQFAmSh0kTDBUkBgxryqQaAtfqNj7UMNnmrMA0Z2MQwEBGpuZzELgABWWIktcgtfCWGQK2oEDCqHD0csYFJxAQdmN3c8l6mfq6qtKi+vsCe0tSIhADs=") no-repeat center transparent;
bottom: 10px;
cursor: pointer;
display: block;
height: 25px;
margin: 0 1em 0 0;
overflow: hidden;
padding: 0;
position: absolute;
right: 0;
width: 25px;
z-index: 21;
}
#ui-dialog-buttonpane {
bottom: 1em;
height: 25px;
position: absolute;
right: 1em;
width: 75px;
}
#ui-dialog-buttonpane button {
background: #fff url(/c1257b2400444f82/files/but_back-big.png/$file/but_back-big.png) no-repeat center;
border: 0;
cursor: pointer;
display: block;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 50px !important;
z-index: 20;
}
#ui-dialog-buttonpane #ui-lightbox-next {
background-image: url(/c1257b2400444f82/files/but_next-big.png/$file/but_next-big.png);
left: auto;
right: 0;
}
#ui-dialog-buttonpane button.ui-state-disabled {
display: none;
}
.ui-dialog {
padding-bottom: 2em;
}
#ui-dialog-buttonpane {
bottom: auto;
height: 50px;
right: 0;
top: 15%;
width: 100%;
}
#ui-dialog-buttonpane button {
background-color: #fff;
height: 50px;
left: 1em;
top: 0;
width: 30px;
}
#ui-dialog-buttonpane #ui-lightbox-next {
left: auto;
right: 1em;
}
#ui-lightbox-close span{
background: transparent;
bottom: 1.2em;
color: #35414f;
font-weight: bold;
font-size: 0.833em;
height: auto;
margin: 0;
overflow: visible;
padding: 1.2em;
right: 0;
text-decoration: none;
text-indent: 0;
width: auto;
}
#ui-lightbox-close:focus,
#ui-lightbox-close:hover,
#ui-lightbox-close:active {
text-decoration: underline;
}
#ui-lightbox-close:focus,
#ui-lightbox-close:active {
outline: 1px solid #35414f;
}
a.lightbox {
display: inline-block;
}
/**
* Structural Style
*/
.mediaTable {
width: 100%;
border-collapse: collapse;
}
.mediaTableWrapper {
position: relative;
}
.mediaTableMenuClosed ul {
display: none;
}
/**
* Active Media Table Rules
* theese rules are applied to a table activated by the jQuery plugin.
*/
.activeMediaTable th, .activeMediaTable td {
display: none;
}
.activeMediaTable th.essential, .activeMediaTable td.essential {
display: table-cell;
_display: block; /* IE6 Hack */
}
/* IE7 Hack */
*+html .activeMediaTable th.essential, *+html .activeMediaTable td.essential { display:block }
/**
* Menu Style
*/
.mediaTableMenu {
background: #fff;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
}
.mediaTableMenu a {
cursor: pointer;
display: block;
padding: 0.5em;
}
.mediaTableMenu a:focus,
.mediaTableMenu a:hover,
.mediaTableMenu a:active {
background: #036aab;
color: #fff;
}
.mediaTableMenu ul {
list-style: none;
list-style-position: outside;
margin: 0;
}
.mediaTableMenu ul li input[type=checkbox] {
margin: 0 5px;
}
.mediaTableMenu ul li {
line-height: 2em;
margin: 0;
}
.mediaTableMenu ul li label {
cursor: pointer;
}
.select-menu {
display: none;
}
.nav-sub-p {
display: none;
font-size: 1.15em;
margin: 0 0 5px 15px;
}
/* settings for all sizes (related to media queries) */
.mediaTableMenu {
display: none;
}
.ym-print {
display: inline-block;
margin-right: 1em;
}
/* Social-Media Links */
.ym-social-media {
float: right;
margin-top: 1em;
text-align: right;
width: 100%;
}
.ym-social-media ul {
list-style-type: none;
margin-bottom: 0;
margin-left: 0;
width: auto;
}
.ym-social-media li {
list-style-type: none;
display: inline-block;
width: auto;
padding-right: 1em;
line-heigt: 1em;
}
.ym-social-media a {
display: inline-block;
width: auto;
}
/* Footer */
#footer {
border-top: 1px #9d9d9d solid;
clear: both;
display: table;
font-size: .857em; /* 12px */
padding: 1.333em 0 10em 0; /* 15px 0 120px 0 */
position: relative;
width: 100%;
z-index: 19;
}
#footer .footer-top {
margin-left: 2.833em; /* 34px */
position: absolute;
top: -2.583em; /* 31px */
}
#footer ul {
list-style: none;
margin: 0 0 0 2.833em; /* 0 0 0 34px */
}
#footer li {
border-left: 1px #928fa2 solid;
float: left;
font-size: 1em; /* 12px */
line-height: 1;
margin-right: 1em;
padding-left: 1em;
}
#footer li:first-child {
border-left: 0;
padding-left: 0;
}
#footer li a {
color: #928fa2;
text-decoration: none;
}
#footer li a:focus,
#footer li a:hover,
#footer li a:active {
text-decoration: underline;
}
#footer div.logo {
height: 5.5em; /* 55px */
position: absolute;
right: 8.333em; /* 100px */
top: -3.5em; /* -42px */
width: 6.25em; /* 75px */
z-index: 20;
}
#footer div.logo img {
height: 5.5em; /* 55px */
width: 6.25em; /* 75px */
}
/* Colors for Sections / Color-Scheme */
.nav01,
.nav01 span.teaser-lnk {
background-color: #8c8e8f;
}
.nav02,
.nav02 span.teaser-lnk {
background-color: #0269ab;
}
.nav03,
.nav03 span.teaser-lnk {
background-color: #43a600;
}
.nav04,
.nav04 span.teaser-lnk {
background-color: #0098cf;
}
.nav05,
.nav05 span.teaser-lnk {
background-color: #e87300;
}
.nav01, .nav01 *,
.nav02, .nav02 *,
.nav03, .nav03 *,
.nav04, .nav04 *,
.nav05, .nav05 * {
color: #fff;
}
#cat01 .nav-bread-home a,
#cat01 #nav-sub li strong,
#cat01 #nav-sub li.active > a,
#cat01 #col3 h3,
#cat01 .paging ul li a:focus,
#cat01 .paging ul li a:hover,
#cat01 .paging ul li a:active,
#cat01 .paging ul li strong {
background-color: #8c8e8f;
}
#cat02 .nav-bread-home a,
#cat02 #nav-sub li strong,
#cat02 #nav-sub li.active > a,
#cat02 #col3 h3,
#cat02 .paging ul li a:focus,
#cat02 .paging ul li a:hover,
#cat02 .paging ul li a:active,
#cat02 .paging ul li strong {
background-color: #0269ab;
}
#cat03 .nav-bread-home a,
#cat03 #nav-sub li strong,
#cat03 #nav-sub li.active > a,
#cat03 #col3 h3,
#cat03 .paging ul li a:focus,
#cat03 .paging ul li a:hover,
#cat03 .paging ul li a:active,
#cat03 .paging ul li strong {
background-color: #43a600;
}
#cat04 .nav-bread-home a,
#cat04 #nav-sub li strong,
#cat04 #nav-sub li.active > a,
#cat04 #col3 h3,
#cat04 .paging ul li a:focus,
#cat04 .paging ul li a:hover,
#cat04 .paging ul li a:active,
#cat04 .paging ul li strong {
background-color: #0098cf;
}
#cat05 .nav-bread-home a,
#cat05 #nav-sub li strong,
#cat05 #nav-sub li.active > a,
#cat05 #col3 h3,
#cat05 .paging ul li a:focus,
#cat05 .paging ul li a:hover,
#cat05 .paging ul li a:active,
#cat05 .paging ul li strong {
background-color: #e87300;
}
#cat99 .nav-bread-home a,
#cat99 #col3 h3,
#cat99 .paging ul li a:focus,
#cat99 .paging ul li a:hover,
#cat99 .paging ul li a:active,
#cat99 .paging ul li strong {
background-color: #8c8e8f;
}
#nav-main li.nav01 ul li a,
#cat01 #nav-sub li a {
background-color: #e6e7e8;
}
#nav-main li.nav01 ul li a:active,
#nav-main li.nav01 ul li a:focus,
#nav-main li.nav01 ul li a:hover,
#nav-main li.nav01.active ul li.active a,
#nav-main li.nav01.active ul li.active strong,
#cat01 #nav-sub li a:active,
#cat01 #nav-sub li a:focus,
#cat01 #nav-sub li a:hover {
background-color: #c6c7c7;
background-image: none;
color: #000;
}
#nav-main li.nav02 ul li a,
#cat02 #nav-sub li a,
/* .agrobiz .info-box -> this set the height for the slider. So we can't use it for the color here.*/
#cat02 .info-box {
background-color: #c0dbff;
}
#nav-main li.nav02 ul li a:active,
#nav-main li.nav02 ul li a:focus,
#nav-main li.nav02 ul li a:hover,
#nav-main li.nav02.active ul li.active a,
#nav-main li.nav02.active ul li.active strong,
#cat02 #nav-sub li a:active,
#cat02 #nav-sub li a:focus,
#cat02 #nav-sub li a:hover {
background-color: #80b4d5;
background-image: none;
color: #000;
}
#nav-main li.nav03 ul li a,
#cat03 #nav-sub li a {
background-color: #c6e4b2;
}
#nav-main li.nav03 ul li a:active,
#nav-main li.nav03 ul li a:focus,
#nav-main li.nav03 ul li a:hover,
#nav-main li.nav03.active ul li.active a,
#nav-main li.nav03.active ul li.active strong,
#cat03 #nav-sub li a:active,
#cat03 #nav-sub li a:focus,
#cat03 #nav-sub li a:hover {
background-color: #a1d27f;
background-image: none;
color: #000;
}
#nav-main li.nav04 ul li a,
#cat04 #nav-sub li a {
background-color: #b2e0f1;
}
#nav-main li.nav04 ul li a:active,
#nav-main li.nav04 ul li a:focus,
#nav-main li.nav04 ul li a:hover,
#nav-main li.nav04.active ul li.active a,
#nav-main li.nav04.active ul li.active strong,
#cat04 #nav-sub li a:active,
#cat04 #nav-sub li a:focus,
#cat04 #nav-sub li a:hover {
background-color: #7fcbe7;
background-image: none;
color: #000;
}
#nav-main li.nav05 ul li a,
#cat05 #nav-sub li a {
background-color: #f8d5b2;
}
#nav-main li.nav05 ul li a:active,
#nav-main li.nav05 ul li a:focus,
#nav-main li.nav05 ul li a:hover,
#nav-main li.nav05.active ul li.active a,
#nav-main li.nav05.active ul li.active strong,
#cat05 #nav-sub li a:active,
#cat05 #nav-sub li a:focus,
#cat05 #nav-sub li a:hover {
background-color: #f3b97f;
background-image: none;
color: #000;
}
#nav-main li.nav01 a:focus,
#nav-main li.nav01 a:hover,
#nav-main li.nav01 a:active,
#nav-main li.nav01.active a,
#nav-main li.nav01.active strong {
background: #e6e7e8;
border-top-color: #8c8e8f;
color: #000;
}
#nav-main li.nav02 a:focus,
#nav-main li.nav02 a:hover,
#nav-main li.nav02 a:active,
#nav-main li.nav02.active a,
#nav-main li.nav02.active strong {
background: #c0dbff;
border-top-color: #0269ab;
color: #000;
}
#nav-main li.nav03 a:focus,
#nav-main li.nav03 a:hover,
#nav-main li.nav03 a:active,
#nav-main li.nav03.active a,
#nav-main li.nav03.active strong {
background: #c6e4b2;
border-top-color: #43a600;
color: #000;
}
#nav-main li.nav04 a:focus,
#nav-main li.nav04 a:hover,
#nav-main li.nav04 a:active,
#nav-main li.nav04.active a,
#nav-main li.nav04.active strong {
background: #b2e0f1;
border-top-color: #0098cf;
color: #000;
}
#nav-main li.nav05 a:focus,
#nav-main li.nav05 a:hover,
#nav-main li.nav05 a:active,
#nav-main li.nav05.active a,
#nav-main li.nav05.active strong {
background: #f8d5b2;
border-top-color: #e87300;
color: #000;
}
#sitemap #scat01 h4 a,
#sitemap #scat01 h4 span {
background: #8c8e8f;
}
#sitemap #scat01 li a {
background: #e6e7e8;
}
#sitemap #scat01 h4 a:focus,
#sitemap #scat01 h4 a:hover,
#sitemap #scat01 h4 a:active {
background: #e6e7e8;
}
#sitemap #scat01 li a:focus,
#sitemap #scat01 li a:hover,
#sitemap #scat01 li a:active {
background: #c6c7c7;
}
#sitemap #scat02 h4 a,
#sitemap #scat02 h4 span {
background: #0269ab;
}
#sitemap #scat02 li a {
background: #c0dbff;
}
#sitemap #scat02 h4 a:focus,
#sitemap #scat02 h4 a:hover,
#sitemap #scat02 h4 a:active {
background: #c0dbff;
}
#sitemap #scat02 li a:focus,
#sitemap #scat02 li a:hover,
#sitemap #scat02 li a:active {
background: #80b4d5;
}
#sitemap #scat03 h4 a,
#sitemap #scat03 h4 span {
background: #43a600;
}
#sitemap #scat03 li a {
background: #c6e4b2;
}
#sitemap #scat03 h4 a:focus,
#sitemap #scat03 h4 a:hover,
#sitemap #scat03 h4 a:active {
background: #c6e4b2;
}
#sitemap #scat03 li a:focus,
#sitemap #scat03 li a:hover,
#sitemap #scat03 li a:active {
background: #a1d27f;
}
#sitemap #scat04 h4 a,
#sitemap #scat04 h4 span {
background: #0098cf;
}
#sitemap #scat04 li a {
background: #b2e0f1;
}
#sitemap #scat04 h4 a:focus,
#sitemap #scat04 h4 a:hover,
#sitemap #scat04 h4 a:active {
background: #b2e0f1;
}
#sitemap #scat04 li a:focus,
#sitemap #scat04 li a:hover,
#sitemap #scat04 li a:active {
background: #7fcbe7;
}
#sitemap #scat05 h4 a,
#sitemap #scat05 h4 span {
background: #e87300;
}
#sitemap #scat05 li a {
background: #f8d5b2;
}
#sitemap #scat05 h4 a:focus,
#sitemap #scat05 h4 a:hover,
#sitemap #scat05 h4 a:active {
background: #f8d5b2;
}
#sitemap #scat05 li a:focus,
#sitemap #scat05 li a:hover,
#sitemap #scat05 li a:active {
background: #f3b97f;
}
#sitemap #scat99 li a {
background: #e6e7e8;
}
#sitemap #scat99 li a:focus,
#sitemap #scat99 li a:hover,
#sitemap #scat99 li a:active {
background: #c6c7c7;
}
#cat01 #col3 .contact-box h4 {
background-color: #c6c7c7;
color: #000;
}
#cat02 #col3 .contact-box h4 {
background-color: #80b4d5;
color: #000;
}
#cat03 #col3 .contact-box h4 {
background-color: #a1d27f;
color: #000;
}
#cat04 #col3 .contact-box h4 {
background-color: #7fcbe7;
color: #000;
}
#cat05 #col3 .contact-box h4 {
background-color: #f3b97f;
color: #000;
}
#cat99 #col3 .contact-box h4 {
background-color: #c6c7c7;
color: #000;
}
.js #cat01 .ym-contact.active {
color: #464748 !important;
}
.js #cat02 .ym-contact.active {
color: #024f80 !important;
}
.js #cat03 .ym-contact.active {
color: #307800 !important;
}
.js #cat04 .ym-contact.active {
color: #006e96 !important;
}
.js #cat05 .ym-contact.active {
color: #a75300 !important;
}
.js #cat99 .ym-contact.active {
color: #464748 !important;
}
#cat01 .cc {
background-color: #c6c7c7;
border: 1px solid #8c8e8f;
border-left: 0;
border-right: 0;
padding: .1em .3em;
}
#cat02 .cc {
background-color: #80b4d5;
border: 1px solid #0269ab;
border-left: 0;
border-right: 0;
padding: .1em .3em;
}
#cat03 .cc {
background-color: #a1d27f;
border: 1px solid #43a600;
border-left: 0;
border-right: 0;
padding: .1em .3em;
}
#cat04 .cc {
background-color: #7fcbe7;
border: 1px solid #0098cf;
border-left: 0;
border-right: 0;
padding: .1em .3em;
}
#cat05 .cc {
background-color: #f3b97f;
border: 1px solid #e87300;
border-left: 0;
border-right: 0;
padding: .1em .3em;
}
#cat99 .cc {
background-color: #c6c7c7;
border: 1px solid #8c8e8f;
border-left: 0;
border-right: 0;
padding: .1em .3em;
}
#cat01 .mediaTableMenu {
border: 1px solid #8c8e8f;
}
#cat01 .mediaTableMenu a {
background: #8c8e8f;
color: #fff;
}
#cat01 .mediaTableMenu a:focus,
#cat01 .mediaTableMenu a:hover,
#cat01 .mediaTableMenu a:active {
background: #c6c7c7;
color: #000;
}
#cat02 .mediaTableMenu {
border: 1px solid #0269ab;
}
#cat02 .mediaTableMenu a {
background: #0269ab;
color: #fff;
}
#cat02 .mediaTableMenu a:focus,
#cat02 .mediaTableMenu a:hover,
#cat02 .mediaTableMenu a:active {
background: #80b4d5;
color: #000;
}
#cat03 .mediaTableMenu {
border: 1px solid #43a600;
}
#cat03 .mediaTableMenu a {
background: #43a600;
color: #fff;
}
#cat03 .mediaTableMenu a:focus,
#cat03 .mediaTableMenu a:hover,
#cat03 .mediaTableMenu a:active {
background: #a1d27f;
color: #000;
}
#cat04 .mediaTableMenu {
border: 1px solid #0098cf;
}
#cat04 .mediaTableMenu a {
background: #0098cf;
color: #fff;
}
#cat04 .mediaTableMenu a:focus,
#cat04 .mediaTableMenu a:hover,
#cat04 .mediaTableMenu a:active {
background: #7fcbe7;
color: #000;
}
#cat05 .mediaTableMenu {
border: 1px solid #e87300;
}
#cat05 .mediaTableMenu a {
background: #e87300;
color: #fff;
}
#cat05 .mediaTableMenu a:focus,
#cat05 .mediaTableMenu a:hover,
#cat05 .mediaTableMenu a:active {
background: #f3b97f;
color: #000;
}
#cat01 table.simple th {
background: #8c8e8f;
}
#cat02 table.simple th {
background: #0269ab;
}
#cat03 table.simple th {
background: #43a600;
}
#cat04 table.simple th {
background: #0098cf;
}
#cat05 table.simple th {
background: #e87300;
}
#cat99 table.simple th {
background: #8c8e8f;
}
.select-menu {
display: none;
}
.nav-sub-p {
display: none;
font-size: 1.15em;
margin: 0 0 5px 15px;
}
}
/* -- YAML Print basic styles ------------------------------------------ */
@page {
size: auto;
margin: 60pt 30pt;
}
@media print {
/**
* (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
* (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
*/
.subcolumns,
.subcolumns > div {
overflow: visible;
display: table;
}
/* (en) make .print class visible */
/* (de) .print-Klasse sichtbar schalten */
.print {
position: static;
left: 0;
}
/* (en) generic class to hide elements for print */
/* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
.noprint {
display: none !important;
}
/* adjust text colors to black/white */
* {
background: transparent !important;
color: #000 !important;
line-height: 1.3em;
}
/* adjust typography for print */
.page_margins {
font-size: 11pt;
line-height: 1.3;
}
/* hide subcontent and use full space for main content */
#footer, #search, #col1,
.footer-top, .header-over, .headerbox-wrap, .paging,
.type-button, .ym-contact, .ym-wrap {
display: none;
}
/* breadcrumbs */
#nav-breadcrumb {
font-size: 8pt;
margin: 15pt 0 30pt 0;
}
#nav-breadcrumb p {
float: left;
margin: 0 8pt 0 0;
padding-top: .2em;
}
#nav-breadcrumb ul {
list-style: none;
margin: 0;
}
#nav-breadcrumb li {
float: left;
list-style: none;
margin: 0 8pt 0 0;
padding: 0;
}
/* layout */
body, .page_margins, .page, #col2, #col2_content, #col3, #col3_content {
clear: both !important;
float: none !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
}
body {
font-family: 'PT Sans', Arial, sans-serif;
margin: 0 20pt !important;
}
#main {
border-bottom: 60pt !important;
}
table td,
table th {
text-align: left;
}
ul.faq-list {
margin: 0 0 20pt 0;
}
.faq-list li {
list-style: none;
margin: 10pt 0;
}
.faq-date {
display: block;
}
#header .header-img {
margin: 40pt 0 20pt;
}
#col3 h3 {
margin-top: 25pt;
}
#headerbox #headerbox-content li {
list-style: none;
margin: 10pt 0;
}
.teaser-boxes ul {
margin: 0 0 20pt 0;
}
.teaser-boxes img {
display: block;
}
.teaser-boxes li {
list-style: none;
margin: 10pt 0;
}
.contact-box ul.contact-list {
margin: 0 !important;
}
.contact-box ul.contact-list li {
margin: 10pt 0 !important;
}
.contact-left,
.contact-right {
display: block;
float: none;
width: 100%;
}
.tabs-hide { display: block !important; }
/* forms */
fieldset {
border: 0;
display: block;
padding: 0;
}
legend {
color: #000;
margin: 0 0 7pt -10px !important;
}
label {
display: block;
font-weight: bold;
padding-top: 14pt;
}
input,
select,
textarea {
border: 0 !important;
display: block;
font-weight: normal;
padding-top: 7pt;
width: 20cm;
}
input {
border-bottom: 1px solid #000 !important;
}
textarea {
border-bottom: 1px solid #000;
height: 50pt;
}
.type-check label,
.type-check input {
display: inline;
}
.type-check label {
font-weight: normal;
margin-left: 1em;
}
.type-check input {
border: 0;
margin-left: .2em;
max-width: 1em;
min-width: 1em;
width: auto;
}
body .yform * div.error {
padding: 0 15pt !important;
}
/* Bildergalerie drucken */
.gallery li {
float: left;
/* height: 8em; /* 112px */
line-height: 1;
margin: 0 .357em .357em 0; /* 0 5px 5px 0 */
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 8em; /* 112px */
}
.gallery img,
.gallery a {
display: block;
margin: 0;
padding: 0;
}
.gallery img {
/* height: 7.857em; /* 110px */
width: 7.857em; /* 110px */
}
.gallery a img {
border: 1px solid #fff;
}
}
@media screen and (max-width:959px) {
#nav-main {
left: auto;
position: relative;
top: auto;
}
#nav-main ul {
width: 100%;
}
#nav-main ul li {
margin-bottom: 1px;
width: 20%;
}
#nav-main ul li a,
#nav-main ul li strong {
width: 100%;
}
/* JS überschreibt display: none */
#nav-main ul > li > ul {
display: none !important;
}
.teaser-boxes .c1, .teaser-boxes .c5 {
margin: 0 0 3.785em .93em;
}
}
@media screen and (max-width:789px) {
.columnar .type-text label,
.columnar .type-select label,
.columnar div.type-select select {
float: none;
width: 100%;
}
.columnar div.error .message {
float: none;
margin-left: 0;
}
.columnar div.type-text textarea,
.columnar div.type-text input {
float: none;
width: 98%;
}
.yform div.type-text, .yform div.type-select, .yform div.type-check, .yform div.type-button {
padding-left: 0;
}
.columnar fieldset div.type-button, fieldset.columnar div.type-button {
padding-left: 0;
}
.tabs ul.tabs-list li, .tabs ul.tabs-list li a {
display: block;
float: none;
margin: 1px 0;
}
.js .ym-contact {
display: none;
}
.js .contact-box {
display: block;
}
.mediaTableMenu {
display: block;
}
.mediaTableWrapperWithMenu {
padding-top: 2.5em;
}
}
@media screen and (max-width:659px) {
.page_margins {
margin: 0 1em;
}
#nav-breadcrumb {
margin-left: 1em;
}
#col1, #col3, #col2 {
display: block;
float: none;
width: 100%;
margin: 0;
}
#nav-sub h2.hideme,
#nav-sub ul {
display: none;
}
.nav-sub-p {
display: block;
}
.select-menu {
cursor: pointer;
display: block;
margin: 9px 0px 25px .714em;
position: relative;
}
.subcl, .subcr {
margin: 0;
padding: 0;
}
.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l,
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
float: none;
margin: 0 0 1.5em 0;
width: 100%;
}
#sitemap div.subcolumns {
margin-bottom: 0;
}
#logo {
float: none;
text-align: center;
width: auto;
}
#logo h1 img {
display: inline;
}
#search {
float: none;
text-align: center;
}
#q {
margin-left: -1.5em;
width: 15.427em;
}
#qs {
margin-left: -2px;
right: auto;
}
#cat00 #header {
margin: 0 0 6px 0;
}
#header .header-img img {
height: 1px;
visibility: hidden;
width: 1px;
}
.js #headerbox-content {
height: 9em;
width: 100%;
}
.js #headerbox-content li {
width: 44.2em;
}
#header .header-txt {
background: none;
height: 3em;
position: static;
top: auto;
width: 70%;
}
#header .header-txt h3,
#header .header-txt p,
#header p.header-more {
height: auto;
width: auto;
}
#headerbox-nav {
background: rgb(2,105,171);
position: static;
top: auto;
}
.teaser-boxes li {
float: left;
width: 49.3%;
}
#cat00 .teaser-boxes li {
margin: 0 6px 6px 0; /* 0 0 53px 0 */
}
#cat00 .teaser-boxes li.c2,
#cat00 .teaser-boxes li.c4,
#cat00 .teaser-boxes li.c6,
#cat00 .teaser-boxes li.c8 {
margin-right: 0;
}
.teaser-boxes img {
height: auto;
width: 100%;
}
.teaser-boxes .teaser-lnk {
width: 100%;
}
.floatleft img {
width: 12em;
}
dl.press-list {
width: 20em;
}
#footer {
margin-top: 5em;
padding-bottom: 3em;
}
.footer-top {
display: none;
}
#footer div.logo {
right: 43%;
}
#nav-bottom {
font-size: 1.4em;
margin: 0;
text-align: center;
}
#nav-bottom ul {
margin: 2em 0 0 0;
}
/* Social-Media Links */
.ym-social-media {
text-align: center;
}
}
@media screen and (max-width:525px) {
.ym-press,
.ym-event {
border-bottom: 1px solid #fff;
float: left;
padding: .7em 0;
text-align: center;
width: 58%;
}
.ym-event {
border-bottom: 0;
}
.js .play,
.js .prev,
.js .next {
margin-top: 1.5em;
}
.floatleft img {
width: 10em;
}
dl.press-list {
width: 18em;
}
dl.press-list dt,
dl.press-list dd {
display: block;
float: none;
margin: 0 0 0 1em;
padding: 0;
width: auto;
}
dl.press-list dd {
margin-bottom: .5em;
}
}
@media screen and (max-width:481px) {
#nav-main {
left: auto;
margin-bottom: 1.5em;
position: relative;
top: auto;
}
#nav-main ul li {
float: none;
width: 100%;
}
#nav-main ul li a,
#nav-main ul li strong {
padding: .6em 0 .3em 0;
width: auto;
}
.js #headerbox-content li {
width: 31em;
}
.teaser-boxes li {
float: none;
width: 100%;
}
#cat00 .teaser-boxes li {
margin: 0 0 6px 0;
}
.teaser-boxes img {
height: auto;
width: 100%;
}
.teaser-boxes .teaser-lnk {
width: 100%;
}
.teaser-boxes span.teaser-lnk span {
width: auto;
}
.floatleft img {
width: 8em;
}
dl.press-list {
width: 15em;
}
.contact-box .contact-right,
.contact-box .contact-left {
float: none;
width: 100%;
}
.faq-box ul.faq-list li div.faq-head .faq-date {
float: none;
width: auto;
}
.faq-box ul.faq-list li div.faq-head a {
float: none;
padding: 0 0 0 1em;
width: auto;
}
#footer div.logo {
right: 41%;
}
#nav-bottom ul li {
border-left: 0;
border-right: 0;
border-bottom: 1px #928fa2 solid;
float: none;
padding: 0;
}
#nav-bottom ul li a,
#nav-bottom ul li strong {
display: block;
padding: .3em 0;
}
}
@media screen and (max-width:380px) {
body {
min-width: 320px;
}
.page_margins {
font-size: 1em;
}
#logo,
.nav-bread-home {
font-size: .875em;
}
#q {
margin-left: -1.5em;
width: 13.427em;
}
#qs {
margin-left: -10px;
}
.js #headerbox-content li {
width: 21em;
}
#header .header-txt {
width: 90%;
}
.floatleft {
float: none;
margin: 0;
}
.floatleft img,
.floatleft .lightbox {
width: 100%;
}
dl.press-list {
width: 100%;
}
#col3 .faq-more,
#col3 .faq-entry {
display: none !important;
}
#footer div.logo {
right: 38%;
}
}