html, body { margin: 0px 0px 0px 0px; background-color:#eeeeee; color:#414244; text-align: center; height:100.1%; font-family: 'Source Sans Pro', sans-serif; font-size: 17px; line-height:24px; }
a:link {text-decoration: none; color: #414244;}
a:visited {text-decoration: none; color: #414244;}
a:hover {text-decoration: none; color: #414244;}
/* ----------------------------------------------------- NAVIGATION --------------------------------------------------------------------------------- */
#wrapper { width: 100%; text-align: left; position: relative; min-height: 100%; max-width:980px; margin: 0 auto; background-color:#FFFFFF; }
#navigationSpacer { width:94,082%; padding-left: 5.918%; text-align: right; height:25px; position:relative; background-color:#eeeeee;}
#navigation { width:94,082%; padding-left: 5.918%; text-align: right; height:135px; position:relative; }
#navigation ul { list-style:none; right:20px;}
#navigation ul li { float:right; padding-left :17px;}
#navigation ul li a {color:#414244; font-size:17px;}
#navigation ul li a:hover {color:#1a181b}
#navigation ul li a.act {color:#1a181b}
#navigation ul li:first-child { padding-left :0px;}
#navigation ul ul { list-style:none; margin-top:10px;}
#navigation ul ul li { float:left; }
#logo { width:22%; text-align: left; padding: 0; float: left;}
#logo IMG { width:100%; max-width:190px; height:auto; margin:0; padding:0; }
#sprache{margin-top:110px; position:absolute; right:135px;}
#sprache ul { list-style:none; margin:0; padding:0;}
#sprache ul li{ margin-left:10px;}
#sprache ul li:last-child{ margin-left:0px;}
#sprache ul li a { color:#414244; font-size:15px; letter-spacing:0.25px}
#sprache ul li a:hover {color:#1a181b}
#sprache .languageHigh a { color:#1a181b; font-size:15px; letter-spacing:0.25px; font-weight:bold }
#slide-navigation { width:100%; display:none; height:55px; border-bottom:10px #eeeeee;}
#mainMobil { width:96%; max-width:980px; margin: 0 auto; text-align: left; display:none; padding: 15px 2% 15px 2%; }
#main { width:96%; max-width:980px; margin: 0 auto; text-align: left; display: block; padding: 15px 2% 15px 2%;}
#main .spacer { color:#888888;}
#main ul {list-style:none; float:right; margin-right:200px; }
#main ul li { float:left; margin-right:14px; }
#main ul li a{ color:#414244; font-size:15px; letter-spacing:0.25px; font-weight:normal; padding-bottom:15px; display:block;}
#main ul li a.mainact{color:#1a181b; display:block; text-decoration:underline}
#main ul ul {list-style:none; }
#main ul ul li{ float:none; }
#main ul ul li a:link{ font-size: 13px; font-weight:normal; margin-left:0px; padding-bottom:10px; display:block;color:#4A4746; background-image:url(./../../fileadmin/template/images/arrow_categorie.png); background-repeat: no-repeat; background-position:5px 5px; padding-left:20px;}
#main ul ul li a:visited{ font-size: 13px; font-weight:normal; margin-left:0px; padding-bottom:10px; display:block;color:#4A4746; background-image:url(./../../fileadmin/template/images/arrow_categorie.png); background-repeat: no-repeat; background-position:5px 5px; padding-left:20px;}
#main ul ul li a:hover{ font-size: 13px; font-weight:normal; margin-left:0px; padding-bottom:10px; color:#000000; display:block; background-image:url(./../../fileadmin/template/images/arrow_categorie_activ.png); background-repeat: no-repeat; background-position:5px 5px; padding-left:20px;}
#main ul ul li a.subact{ font-size: 13px; font-weight:normal; padding-bottom:10px; color:#FF7A00; display:block; background-image:url(./../../fileadmin/template/images/arrow_categorie_activ.png); background-repeat: no-repeat; background-position:5px 5px; padding-left:20px;}
/*--------------------- NAVIGATION -----------------------*/
#navigationL { width:78%; float: right; padding: 0;}
#navigationL ul {margin:0; padding:0; right:0; }
#navigationL ul li { color:#414244; font-size:17px; margin-right:0px;}
#navigationL ul li.opener { margin-right:20px;}
#navigationL ul li { margin-right:0px;}
#navigationL ul li a {color:#414244; font-size:17px; letter-spacing:0.25px; padding-bottom:95px; font-weight:normal;}
#navigationL ul li a:hover {color:#1a181b;}
#navigationL ul li a.act {color:#1a181b; font-weight:bold;}
#navigationL ul li.navchanger {display:none}
#mynavigation{margin-right:0px}
#mymenu{width: 100%; margin: 0; padding: 0; z-index:9; }
#mymenu li{ position:relative; }
#mymenu li:hover > a{color:#1a181b;}
*html #mymenu li a:hover /* IE6 */{color:#1a181b;}
#mymenu li:hover > ul{ display: block;}
#mynavigation ul#mymenu li:hover > a{ color:#1a181b; }
/* Sub-menu */
#mymenu ul{ list-style: none; margin: 0; padding: 0; padding-top:20px; display: none; position: absolute; top: 15px; left: 0; z-index: 99999; }
#mymenu ul ul{ top: 20; left: 0px; }
#mymenu ul li{ float: none; margin: 0; padding: 0; display: block; width: auto; text-align:left; background-color:#FFFFFF; line-height:16px; padding-bottom:5px; min-width:200px; margin-left:10px;}
#mynavigation ul#mymenu li ul li{ border-left:0px; float:none; margin-right:0; background-color:#FFFFFF; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);}
#mynavigation ul#mymenu li ul li:last-child{margin-bottom:0px;}
#mynavigation ul#mymenu li ul li a{float: none; text-decoration: none; display:block; padding-bottom:0px; padding:18px 0px 8px 10px;}
#mynavigation ul#mymenu li ul li a.subact {color:#1a181b; font-weight:bold;}
*html #mymenu ul a /* IE6 */{ height: 10px;}
*:first-child+html #mymenu ul a /* IE7 */{ height: 10px;}
#mymenu ul a:hover{font-weight:normal;}
#mymenu ul li:first-child > a{ -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0;}
#mymenu ul li:first-child > a:after{ position: absolute; left: 0px; top: 0px; width: 0; height: 0;}
#mymenu ul ul li:first-child a:after{ left: 0; top: 20px; width: 0; height: 0; border: 0; }
#mymenu ul li:first-child a:hover:after{ border: 0; }
#mymenu ul ul li:first-child a:hover:after{ border: 0; }
#mymenu ul li:last-child > a{ border: 0; }
/* Clear floated elements */
#mymenu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */
#mymenu ul li ul li{ left:0px;}
#header { width:100%; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#header IMG { width:100%; max-width:980px; height:auto; margin:0; padding:0; }
#header .csc-textpic-imagewrap {margin:0px 0px -10px 0px; padding:0px 0px 0px 0px;}
#OPEN {font-size:17px; font-weight:500; text-align:left; min-width:100px; height: 23px; cursor:pointer; font-size:15px; letter-spacing:0.25px; background-color:#0085BD; padding: 10px 0px 0px 10px; color:#FFFFFF; margin:0px 35px 0px 35px;}
#CLOSE { text-align:left; min-width:125px; height: 23px; display:none; cursor:pointer; font-size:15px; letter-spacing:0.25px; background-image:url(./../../fileadmin/template/images/navigation-height.png); background-repeat: no-repeat; padding: 10px 0px 0px 19px; color:#FFFFFF; margin:0px 35px 0px 35px;}
/*
@media screen and (max-width: 1024px) {
#navigationL { width:100%; margin-top:-15px;}
#logo { width:100%;}
#sprache{margin-top:110px;}
}
*/
@media screen and (max-width: 1024px) {
#navigationL { width:100%; margin-top:0px;}
#navigationL{width:50%;}
#logo {width:50%;}
#OPEN { margin:0px 0px 0px 14px;}
#CLOSE { margin:0px 0px 0px 14px;}
.menu{display:none; }
#sprache{right:100px;}
#navigationL ul li.navchanger {display:block}
#navigationL ul li.navchanger #mobilOpen {display:block; padding-top:4px; cursor:pointer}
#navigationL ul li.navchanger #mobilClose {display:none; padding-top:8px; padding-right:2px; cursor:pointer}
#main ul { margin-right:0px; }
#mainMobil { display:none; padding: 0px; width:100%; z-index:9999; top:0px; background-color:#eeeeee}
#mainMobil ul {list-style:none; }
#mainMobil ul li {float:none; margin-right:0px; padding: 0; width:100%; text-align:left; border:0; border-bottom:1px dashed #2e2d30;}
#mainMobil ul li:last-child{ border-bottom:1px solid #2e2d30;}
#mainMobil ul li a {display:block; padding:20px 5.918%;}
#mainMobil ul li ul li { float:none; margin-right:0px; padding: 0; width:100%; text-align:left; border:0; border-bottom:0px;}
#mainMobil ul li ul li:last-child{ border-bottom:0px }
#mainMobil ul li ul li a {display:block; padding:10px 10%}
#mainMobil{position:relative; }
}
@media screen and (max-width: 520px) {
#navigationL{width:100%;}
#logo { width:50%;}
#navigation ul li ul li:last-child{ padding-right :14px; margin-bottom:20px;}
#navigation ul li ul li{ margin-bottom:20px;}
#navigationL { width:100%; margin-top:-15px;}
#sprache{margin-top:110px; }
}
@media screen and (max-width: 480px) {
#navigationL { margin-top:-5px;}
}
@media screen and (max-width: 320px) {
#navigationL { width:100%; margin-top:10px;}
#sprache{margin-top:110px; }
}
/* ----------------------------------------------------- NAVIGATION --------------------------------------------------------------------------------- */
#inhalt { position:relative; width:88.164%; padding:50px 5.918% 0% 5.918%; max-width:980px; margin: 0 auto; text-align:left; }
#inhalt2 { position:relative; width:94.082%; padding:50px 0 0% 5.918%; max-width:980px; margin: 0 auto; text-align:left; }
#inhalt H1, #inhalt2 H1 { font-size: 25px; line-height:30px; font-weight:bold;}
#inhalt H2, #inhalt2 H2 { font-size: 25px; line-height:30px; font-weight:normal;}
#inhalt H3, #inhalt2 H3 { font-size: 17px; line-height:30px; font-weight:normal;}
/*Micropelt-Blau:*/ .variante1{color:#0086bb;}
/*Maigrün:*/ .variante2{color:#a0c027;}
/*Dunkelorange:*/ .variante3{color:#e86926;}
/*Grau:*/ .variante4{color:#707173;}
/*Anthrazit:*/ .variante5{color:#1a181b;}
/*Micropelt-Blau:*/ .variante1 a{color:#0086bb;}
/*Maigrün:*/ .variante2 a{color:#a0c027;}
/*Dunkelorange:*/ .variante3 a{color:#e86926;}
/*Grau:*/ .variante4 a{color:#707173;}
/*Anthrazit:*/ .variante5 a{color:#1a181b;}
#inhalt b, #inhalt strong, #inhalt2 b, #inhalt2 strong {color:#1a181b;}
#inhalt p, #inhalt2 p {margin:0 0 30px 0}
#inhalt ul, #inhalt2 ul{margin:0; padding:0; list-style:none;line-height:25px;}
#inhalt ul li, #inhalt2 ul li{background-image: url("./../../fileadmin/template/images/bullet.png"); background-repeat: no-repeat; background-position:0px 15px; padding-left:14px;}
.csc-textpic-caption {font-size:10px; font-style:italic;}
#inhalt.csc-textpic-imagewrap, #inhalt2.csc-textpic-imagewrap { margin-top:5px;}
#inhalt img, #inhalt2 img { width:auto; max-width: 100%; height: auto; }
#inhalt embed, #inhalt2 embed { width: 100%; height: auto; }
#inhalt object, #inhalt2 object { width: 100%; height: auto; }
#inhalt video, #inhalt2 video { width: 100%; height: auto; }
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
float: none;
}
#inhalt a:link , #inhalt2 a:link {text-decoration: none; color: none;}
#inhalt a:visited, #inhalt2 a:visited {text-decoration: none; color: none;}
#inhalt a:hover, #inhalt2 a:hover {text-decoration: none; color: none;}
.csc-uploads-1 IMG {max-width:18px; padding:0px; margin:0; float:none;}
.csc-uploads-2 IMG {max-width:50px; padding:0px; margin:0; float:none;}
.csc-uploads-3 IMG {max-width:100px; padding:0px; margin:0; float:none;}
/* ----------------------------------------------------- GRID ELEMENTE INHALTE --------------------------------------------------------------------------------- */
.element2cols {}
.first2col{float:left; width:48.5%;text-align:left;}
.second2col{float:right; width:48.5%;text-align:left;}
.first2widecol{float:left; width:68.5%;text-align:left;}
.second2smallcol{float:right; width:28.5%;text-align:left;}
.element3cols{}
.first3col{float:left; width:31.22%; margin-right:3.16%; text-align:left;}
.second3col{float:left; width:31.22%; margin-right:3.16%;text-align:left;}
.third3col{float:left; width:31.22%; margin:0;text-align:left;}
@media screen and (max-width: 760px) {
.first2col{float:none; width:100%;text-align:left;}
.second2col{float:none; width:100%;text-align:left;}
.first2widecol{float:none; width:100%;text-align:left;}
.second2smallcol{float:none; width:100%;text-align:left;}
.first3col{float:none; width:100%; margin-right:0; text-align:left;}
.second3col{float:none; width:100%; margin-right:0;text-align:left;}
.third3col{float:none; width:100%; margin:0;text-align:left;}
}
/* ----------------------------------------------------- GRID ELEMENTE INHALTE --------------------------------------------------------------------------------- */
/* ----------------------------------------------------- FOOTER --------------------------------------------------------------------------------- */
#adresse{color:#707173; width:88.164%; padding:0px 5.918% 5px 5.918%; max-width:980px; margin: 0 auto; text-align:left; font-size:12px;}
#footer{color:#707173; background-color:#eeeeee; width:100%; max-width:980px; margin: 0 auto;}
#footer #inner{ position:relative; width:88.164%; padding:30px 5.918% 30px 5.918%; text-align:left; }
#footer #inner ul {margin:0; padding:0; list-style:none;}
#footer #inner ul li{float:left; font-size:13px; margin-right:0px; }
#footer #inner ul li ul li{ margin-right:20px; }
#footer #inner ul li ul li ul li{float:none }
#footer #inner li.footersprache ul{margin-left:25px}
#footer #inner li.footersprache ul li{float:right; margin-right:15px}
#footer #inner li.languageHigh a{font-weight:bold;}
#footer #inner ul li a {color:#414244; font-size:13px; letter-spacing:0.25px; font-weight:normal;}
#footer #inner ul li a:hover {color:#1a181b;}
#footer #inner ul li a.act {color:#1a181b; font-weight:bold;}
#footer #inner ul li a.subact {color:#1a181b; font-weight:bold;}
#footer #inner ul li ul li ul li:first-child{ margin-top:15px; }
@media screen and (max-width: 760px) {
li.footersprache{ width:100%; margin-right:15px}
}
@media screen and (max-width: 580px) {
#footer #inner ul li{float:none;}
#footer #inner ul li ul li{ margin-bottom:20px; }
#footer #inner ul li ul li ul li{ margin-bottom:5px; margin-left:15px }
#footer #inner ul li ul li ul li:first-child{ margin-top:5px; }
}
/* ----------------------------------------------------- FOOTER --------------------------------------------------------------------------------- */
#inhalt .pdf IMG {width:45px; height:auto; max-width: 45px;}
#inhalt2 .pdf IMG {width:45px; height:auto; max-width: 45px;}