@keyframes fadein { from {opacity:0.5;} to {opacity:1;} }
@-o-keyframes fadein { from {opacity:0.5;} to {opacity:1;} }
@-moz-keyframes fadein { from {opacity:0.5;} to {opacity:1;} }
@-webkit-keyframes fadein { from {opacity:0.5;} to {opacity:1;} }

html { }
body { background: url('../images/bg.001.jpg') center top #ececec fixed no-repeat; color: #333; font-size: 14px; margin: 0; padding: 0; z-index: 1; }
body, p, ul, li, fieldset, legend, p, a, button, input, select, textarea, small { font-family: Helvetica, Verdana, Arial; line-height: 150%; }
#button, #input, #select, #textarea { font-size: 12px !important; }
#label { font-size: 12px; }

a { color: #0180C2; text-decoration: none; }
a:link, a:visited { color: #0180C2; text-decoration: none; }
a:active, a:hover, a:focus { color: #989898; text-decoration: none; }
img, a img { max-width: 100%; height: auto; border: none !important; }
a strong, strong a { }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }

h1, h2, h3, h4, h5, h6 { line-height: 125%; margin: 5px 0 10px; }
h1 a, h2 a, h3 a, h1 a strong, h2 a strong, h3 a strong { }
h4 a, h5 a, h6 a, h4 a strong, h5 a strong, h6 a strong { }
h1 small, h2 small, h3 small { display: inline-block; font-size: 70%; line-height: 135% !important; }
h1 strong, h2 strong, h3 strong { }
h4 strong, h5 strong, h6 strong { }
h1 { font-size: 24px; }
h2 { font-size: 24px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 14px; }

br { font-size: 1px !important; line-height: 1px !important; margin: 0 !important; }
b, strong { }
p { margin: 0 0 10px; }
.clearfix,.wrap,.zeilenumbruch{ display:block !important; height:1px !important; min-height:1px !important; overflow:hidden !important; clear:both !important; margin:0 !important; padding:0 !important;}

img { margin: 6px 10px 10px 0; }

ul { margin-top: 8px; }
ul li { padding-bottom: 3px !important; }
ul li ul { margin-top: 8px; margin-bottom: 2px; }
ul li ul li { padding-bottom: 3px !important; }

#backtop { display: inline-block; z-index: 99999; position: fixed; right: 3.75%; bottom: 3.75%; }
#backtop a { display: block; width: 36px; height: 36px; border-radius: 50%; position: relative; overflow: hidden; border: 4px solid #fff; background: #4e4e4e; color: #fff; text-decoration: none; }
#backtop a span.arrow{ position: relative; display: block; height: 34px; width: 34px; border-radius: 50%; background: url('../images/backtop.png') no-repeat #4E4E4E; margin-left: 1px; }
#backtop a span.text { display: none; }

form .zitform { padding: 10px 0 0; }
form input.error, .zitform select.error, .zitform textarea.error { color: #B71B1B !important; border-color: rgb(233, 50, 45) !important; box-shadow: 0px 0px 6px rgb(248, 185, 183) !important; }
form label.error, form p.error label { color: #B71B1B; font-size: 11px; letter-spacing: 1px; display: none; }
form .error label.error { display: inline-block; }
#component form div[class*="span"] { float: none !important; margin-left: 0 !important; width: 100% !important; }
form .input { padding-left: 38%; position: relative; }
form .input input { width: 65% !important; min-height: 26px !important; line-height: 26px !important; padding: 0 4px !important; }
form .input select { width: 65% !important; min-height: 26px !important; height: 26px !important; }
form .input textarea { width: 65% !important; height: 97px; line-height: 150% !important; padding: 2px 4px !important; }
form .input label[class*="zitform"] { display: block; width: 35%; position: absolute; left: 0; top: 3px; }
form .input label.inline { display: inline; position: static; }
form .input input.inline { display: inline-block; width: auto !important; margin: 0; float: none;  }
form .input span.inline { display: block; width: 90%; }
form .input span.inline-wrap { display: block; height: 1px; overflow: hidden; clear: both; }
form .input.calendars, form .input.radio, form .input.checkbox { margin-bottom: 20px; line-height: 150%; }
form .input.radio span.inline { display: block; width: auto; margin-right: 10px; }
form .input.radio span.inline-wrap { display: none; }
form .html h1, form .html h2, form .html h3, form .html h4, form .html h5, form .html h6 { margin-top: -10px; }
form .html hr { margin-top: 0; margin-bottom: 20px; }
form .nolabel p { padding-left: 0; }
form .nolabel label[class*="zitform"] { display: none; }
form .nolabel label.inline { display: inline; position: static; }
form .nolabel span.inline { display: inline-block; width: 100%; }
form input.calendars .input-append button { margin-top: -1px; }
input, textarea { min-height: 26px !important; line-height: 26px !important; padding: 0 4px !important; }
input[type="file"] { padding: 0 !important; }

.container { width: 972px; padding: 6px; }
#head { margin: 10px auto 0; }
#inheadtop { }
#inheadmiddle { background: #fff; font-size: 11px; letter-spacing: 1px; height: 14px; overflow: hidden; }
#inheadmiddle #logo { display: inline-block; }
#inheadmiddle #logo img { display: none; }
#inheadmiddle #logo .logo { display: inline-block; color: #333; }
#inheadmiddle #logo .slogan { display: inline-block; color: #333; }
#inheadmiddle #logo .slogan:before { content: "-"; margin: 0 3px;}
#inheadmiddle #logo:active .slogan,
#inheadmiddle #logo:hover .slogan,
#inheadmiddle #logo:focus .slogan { color: #989898; }
#inheadbanner { background: #fff; width: 984px; height: 199px; overflow: hidden; padding: 0; }
#inheadbottom {
    background-image: linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -o-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -moz-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -webkit-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -ms-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.4, #D8D8D8), color-stop(1, #F9F9F9) );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D8D8D8',GradientType=0 );
}
#content { margin: 0 auto; }
#incontent { background: #fff; padding: 12px 6px; }
#component { padding-right: 14px; }
#foot { margin: 0 auto 0; }
#infoottop { height: 10px; min-height: 10px; max-height: auto; margin-bottom: 10px;
    background-image: linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -o-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -moz-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -webkit-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -ms-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.4, #D8D8D8), color-stop(1, #F9F9F9) );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D8D8D8',GradientType=0 );
}
#infootmiddle { }
#infootbottom { font-size: 11px; text-align: center; letter-spacing: 1px; }

.users .well { background: none; border: none; border-radius: 0; margin-top: 4px; padding: 0; box-shadow: none; }
.users .well .control-group .control-label { text-align: left; }
.users .well .control-group .controls input { width: 68%; }
.users .well .control-group .controls br { display: none; }
.users ul { padding: 0; margin: 0; }
.users ul li { list-style: none;   }
.admin form#user-registration fieldset { height: 10px; }
.admin form#user-registration fieldset .control-label { text-align: left; }
.admin form#user-registration fieldset .controls input { width: 68%; }
.admin form#user-registration .form-actions { background: none; border: none; }
.edit { padding-top: 20px; }

[class*="blog"] .item:first-child { margin-top: 0!important; padding-top: 0!important; border: none !important; }
[class*="blog"] .item { padding-top: 20px; position: relative; margin-top: 20px; border-top: 3px dotted #D8D8D8; }
[class*="blog"] .item .item-title { font-size: 18px; }
[class*="blog"] .item.column-1 { margin-left: 0; }
[class*="blog"] .item.item-image { padding-left: 194px; position: relative; }
[class*="blog"] .item.item-image header h1, [class*="blog"] .item.item-image header h2,
[class*="blog"] .item.item-image header h3, [class*="blog"] .item.item-image header h4,
[class*="blog"] .item.item-image header h5, [class*="blog"] .item.item-image header h6 { }
[class*="blog"] .item a.item-image { height: 120px; width: 160px; overflow: hidden; display: inline-block; overflow: hidden; padding: 1px; float: left; margin: -24px 0 0 -194px; }
[class*="blog"] .item a.item-image:hover, [class*="blog"] .item a.item-image:focus { }
[class*="item"] ul li { padding-bottom: 6px; }

.module.iso { margin: 0 !important; text-align: right; min-height: 0px !important; height: 20px; }
.module.iso p { margin: 0 !important; padding: 0 !important; line-height: 20px; }
.module.iso .clearfix { display: none !important; }

.module.breadcrumbs { min-height: 0px !important; height: 20px; }
.module.breadcrumbs ul.breadcrumb { background: none; padding: 0 !important; margin: 0 !important; min-height: 0px !important; height: 20px; }
.module.breadcrumbs ul.breadcrumb a { border: none; }
.module.breadcrumbs ul.breadcrumb .divider { color: #333; }
.module.breadcrumbs ul.breadcrumb .divider.icon-home { padding: 0; margin: 0 4px 0 0; }
.module.breadcrumbs ul.breadcrumb li { text-shadow: none; padding: 0 !important; };

.module.toplinks { }
.module.toplinks p { margin: 2px 0 0; }
.module.toplinks a { border: none !important; color: #333; }
.module.toplinks a:active,
.module.toplinks a:hover,
.module.toplinks a:focus { color: #989898; }

.module.menue { margin-top: 6px; margin-bottom: 20px;}
.module.menue.nomobile { display: block !important; }
.module.menue ul { margin: 0 !important; }
.module.menue ul li { margin-top: 1px; padding: 0 !important; }
.module.menue ul li a { border: none; display: block; padding: 6px 6px 6px 4px; color:#333; border-left: 2px solid #D8D8D8; background: #F4F4F4; }
.module.menue ul li.active a,
.module.menue ul li a:active { border-left: 2px solid #0180C2 !important; color: #0180C2 !important; }
.module.menue ul li a:hover,
.module.menue ul li a:focus { border-left: 2px solid #D8D8D8; color: #777 !important; }

.module.menue ul li.active ul { margin: 0 !important; }
.module.menue ul li.active ul li { padding: 0 !important; }
.module.menue ul li.active ul li a { border-left: 2px solid #D8D8D8 !important; color: #333 !important; padding: 3px 6px 3px 6px; background: #F9F9F9; font-size: 12px; }
.module.menue ul li.active ul li a:before { content: "» "; }
.module.menue ul li.active ul li.active a,
.module.menue ul li.active ul li a:active { border-left: 2px solid #0180C2 !important; color: #0180C2 !important; }
.module.menue ul li.active ul li a:hover,
.module.menue ul li.active ul li a:focus { border-left: 2px solid #D8D8D8 !important; color: #777 !important; }

.module.menue ul li.divider { margin-top: 20px; padding: 6px 6px !important; text-transform: uppercase;
    background-image: linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -o-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -moz-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -webkit-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -ms-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.4, #D8D8D8), color-stop(1, #F9F9F9) );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D8D8D8',GradientType=0 );
}
.module.menue ul li.divider:first-child { margin-top: 0px; }
.module.menue ul li.divider .separator { }
/* .module.menue ul li.item-570.divider { background: none; padding: 0; } */

.module.lang ul {margin: 0; padding: 0; list-style: none}
.module.lang ul li {float: left; margin: 0}
.module.lang ul li a {margin: 0 0 0 6px}
.module.lang ul li a img {margin: 0}

.article-info h3 { display: none; }
.article-info ul { margin: -6px 0 4px; padding: 0; list-style: none; }
.article-info ul li {}

.btn-link { margin: 0; padding: 0; }

.bild { margin: 6px 0 10px 0; }
.bild-circle { border-radius: 50%; margin: 6px 0 10px 0; }
.bild-polaroid { padding: 1px; margin: 6px 0 20px 0; border: 4px solid #F9F9F9; width: 93%; }
a:hover img.bild-polaroid, a:focus img.bild-polaroid { border: none !important; }
.bild-rounded { border-radius: 6px; margin: 6px 0 10px 0; }

.bild-links { float: left; margin: 5px 20px 10px 0; }
.bild-links-circle { border-radius: 50%; float: left; margin: 5px 20px 10px 0;}
.bild-links-polaroid { float: left; padding: 1px; margin: 5px 20px 10px 0; border: 4px solid #F9F9F9; }
a:hover img.bild-links-polaroid, a:focus img.bild-links-polaroid { border: none !important; }
.bild-links-rounded { border-radius: 6px; float: left; margin: 5px 20px 10px 0; }

.bild-rechts { float: right; margin: 5px 0 20px 10px;}
.bild-rechts-circle { border-radius: 50%; float: right; margin: 5px 0 20px 10px;  }
.bild-rechts-polaroid { float: right; padding: 1px; margin: 5px 0 20px 10px; border: 4px solid #F9F9F9; }
a:hover img.bild-rechts-polaroid, a:focus img.bild-rechts-polaroid { border: none !important; }
.bild-rechts-rounded { border-radius: 6px; float: right; margin: 5px 0 20px 10px; }

.bild-mitte { width: 100%; height: auto; margin: 10px 0 10px; }
.bild-mitte-circle { border-radius: 50%; width: 100%; height: auto; margin: 10px 0 10px; }
.bild-mitte-polaroid { padding: 1px; margin: 10px 20px 10px 0; border: 4px solid #F9F9F9; width: 98.74%; height: auto; }
a:hover img.bild-mitte-polaroid, a:focus img.bild-mitte-polaroid { border: none !important; }
.bild-mitte-rounded { border-radius: 6px; width: 100%; height: auto; margin: 10px 0 10px; }

.bild-zentriert { display: block; margin: 10px auto 10px; }
.bild-zentriert-circle { border-radius: 50%; display: block; margin: 10px auto 10px; }
.bild-zentriert-polaroid { padding: 1px; margin: 6px 20px 20px 0; border: 4px solid #F9F9F9; margin: 10px auto 10px; }
a:hover img.bild-zentriert-polaroid, a:focus img.bild-zentriert-polaroid { border: none !important; }
.bild-zentriert-rounded { border-radius: 6px; display: block; margin: 10px auto 10px; }

.box-grau {
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    padding: 15px !important;
    background-image: linear-gradient(bottom, #E6E6E6 10%, #FFFFFF 100%);
    background-image: -o-linear-gradient(bottom, #E6E6E6 10%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(bottom, #E6E6E6 10%, #FFFFFF 100%);
    background-image: -webkit-linear-gradient(bottom, #E6E6E6 10%, #FFFFFF 100%);
    background-image: -ms-linear-gradient(bottom, #E6E6E6 10%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.1, #E6E6E6), color-stop(1, #FFFFFF) );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E6E6E6',GradientType=0 );
}
.box-blau {
    border-radius: 6px;
    padding: 15px !important;
    color: #fff;
    background: #0180C2;
    background-image: linear-gradient(bottom, #0180C2 5%, #1BA8F1 100%);
    background-image: -o-linear-gradient(bottom, #0180C2 5%, #1BA8F1 100%);
    background-image: -moz-linear-gradient(bottom, #0180C2 5%, #1BA8F1 100%);
    background-image: -webkit-linear-gradient(bottom, #0180C2 5%, #0180C2 100%);
    background-image: -ms-linear-gradient(bottom, #0180C2 5%, #1BA8F1 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #0180C2), color-stop(1, #1BA8F1) );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1BA8F1', endColorstr='#0180C2',GradientType=0 );
}
.box-blau h1, .box-blau h2, .box-blau h3, .box-blau h4, .box-blau h5, .box-blau h6,
.box-blau h1 a, .box-blau h2 a, .box-blau h3 a, .box-blau h4 a, .box-blau h5 a, .box-blau h6 a,
.box-blau strong { color: #fff; }
.box-blau a, .box-rot a { color: #fff; }
.box-blau ul li { list-style-image: none; color: #fff; }
.box-orange {
    border-radius: 6px;
    padding: 15px !important;
    color: #333;
    background-image: linear-gradient(bottom, #FF9E43 5%, #FFCEA0 100%);
    background-image: -o-linear-gradient(bottom, #FF9E43 5%, #FFCEA0 100%);
    background-image: -moz-linear-gradient(bottom, #FF9E43 5%, #FFCEA0 100%);
    background-image: -webkit-linear-gradient(bottom, #FF9E43 5%, #FFCEA0 100%);
    background-image: -ms-linear-gradient(bottom, #FF9E43 5%, #FFCEA0 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #FF9E43), color-stop(1, #FFCEA0) );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCEA0', endColorstr='#FF9E43',GradientType=0 );
}
.box-rot {
    border-radius: 6px;
    padding: 15px !important;
    color: #fff;
    background: #AD1A24;
    background-image: linear-gradient(bottom, #AD1A24 5%, #EB5761 100%);
    background-image: -o-linear-gradient(bottom, #AD1A24 5%, #EB5761 100%);
    background-image: -moz-linear-gradient(bottom, #AD1A24 5%, #EB5761 100%);
    background-image: -webkit-linear-gradient(bottom, #AD1A24 5%, #EB5761 100%);
    background-image: -ms-linear-gradient(bottom, #AD1A24 5%, #EB5761 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.05, #AD1A24), color-stop(1, #EB5761) );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB5761', endColorstr='#AD1A24',GradientType=0 );
}
.box-rot h1, .box-rot h2, .box-rot h3, .box-rot h4, .box-rot h5, .box-rot h6,
.box-rot h1 a, .box-rot h2 a, .box-rot h3 a, .box-rot h4 a, .box-rot h5 a, .box-rot h6 a,
.box-rot strong, .box-rot a { color: #fff; }
.box-rot ul li { list-style-image: none; color: #fff; }

#system-message-container { margin-top: 0; }
#system-message-container a.close { float: right; color: #000; color: rgba(0,0,0) !important; background: none !important; margin-right: 20px;}
#system-message-container h4 { display: none !important; }
/* #system-message-container p:before { content: "» "; color: rgb(185, 74, 72); } */
#system-message-container p { }
#system-message-container [class*="alert"] { padding: 0; border: none; margin-top: 10px; height: auto; }
#system-message-container [class*="alert"] .container { padding: 20px 20px 10px !important; width: auto; }


.pagination ul li span, .pagination ul li a { background: #F1EFE7 !important; border: none !important; margin-right: 1px;}

.block-50 { display: block; width: 50px; float: left; }
.block-60 { display: block; width: 60px; float: left; }
.block-70 { display: block; width: 70px; float: left; }
.block-80 { display: block; width: 80px; float: left; }
.block-90 { display: block; width: 90px; float: left; }
.block-100 { display: block; width: 100px; float: left; }
.block-110 { display: block; width: 110px; float: left; }
.block-120 { display: block; width: 120px; float: left; }
.block-150 { display: block; width: 150px; float: left; }
.block-180 { display: block; width: 180px; float: left; }
.block-200 { display: block; width: 200px; float: left; }

a.icons-pdf { background: url('../images/icon.pdf.gif') 0 0 no-repeat transparent; padding-left: 22px; }
a.icons-zip { background: url('../images/icon.zip.2.png') 0 0 no-repeat transparent; padding-left: 22px; }
a.icons-doc, a.icons-docx { background: url('../images/icon.doc.png') 0 0 no-repeat transparent; padding-left: 22px; }
a.icons-csv { background: url('../images/icon.csv.png') 0 0 no-repeat transparent; padding-left: 22px; }
a.icons-xls, a.icons-xlsx { background: url('../images/icon.xls.png') 0 0 no-repeat transparent; padding-left: 22px; }
a.icons-rss { background: url('../images/icon.rss.png') 0 0 no-repeat transparent; padding-left: 22px; }

.noborder { border: 0px solid transparent !important;}
.nodesktop { display: none; }
.nomobile { display: inline-block; }

.schrift-weiss { color: #fff; }
.schrift-blau { color: #0057A1; }
.schrift-rot { color: #ad1a24; }
.schrift-schwarz { color: #000; }
.schrift-schmal { font-weight: 400; }
.schrift-klein { font-size: 11px !important; line-height: 13px !important; }

.subheading { display: block; font-size: 70%; color: #999; }
.subheading:before { content: "SUBTITLE: "; }

.systartT { color: #049cdb; font-weight: bold; }

[class*="span"]:first-child { margin-left: 0; }

#xmap ul { list-style: none; padding: 0; margin: 0;  }
#xmap ul li span { display: block; font-weight: bold; margin: 10px 0 0 0; }
#xmap ul li ul { margin: 6px 0 0 0; }
#xmap ul li ul li a:before { content: "— "; color: #333; }

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
    body { background: #fff; padding: 0 6px; }
    .container { width: 100% !important; padding: 0 !important;}
    #inheadmiddle { height: auto; padding: 6px 0 !important; }
    #inheadbanner { height: auto; }
    #inheadbanner p, #inheadbanner img { margin: 0; }
    #inheadbottom { padding: 6px 0 !important; }
    #infoottop { height: 1px; min-height: 1px; }
    #incontent { margin: 10px 0 20px; }
    .module.breadcrumbs ul.breadcrumb .divider.icon-home { margin-left: 6px; }
    form#systart .control-group label.error { display: block; position: relative; top: auto; left: auto; margin: 2px 0 0;  padding-left: 0;}
    form#systart .control-group .help-inline { display: block; padding-left: 0; }
    form#systart .control-group { margin: 0 0 10px 0 !important; }
    form#systart .input-append { float: none !important; }
    form#systart .input-append input { width: auto !important; }
    form#systart.zusammenfassung .checkmail { display: block; width: 100% !important; float: none !important; }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    body { padding-bottom: 30px; }
    #inheadmiddle { text-align: center; padding: 100px 0 10px !important; position: relative; overflow: visible;}
    #component { padding-right: 0;}
    #module_left { display: none; }
    #module_right { display: block; }
    #inheadmiddle .module.topmenu { width: 100%; height: 40px; min-height: 40px !important; max-height: auto !important;
    border-top: 1px solid #eee; border-bottom: 1px solid #eee; overflow: hidden !important; background: #fff; position: absolute; top: 46px; }
    #inheadmiddle .module.topmenu.collapse,
    #inheadmiddle .module.topmenu .topmenu.collapse { overflow: hidden !important; }
    #inheadmiddle .module.topmenu i.btn.btn-navbar { display: inline-block; float: right; margin: 8px 10px 0 20px; padding: 5px 5px 0px; background: #999 !important; border-radius: 6px; cursor: pointer; }
    #inheadmiddle .module.topmenu i.btn.btn-navbar .icon-bar { display: block; width: 30px; height: 1px; background: #fff !important; margin-bottom: 5px; }
    #inheadmiddle .module.topmenu i.brand { display: block; text-align: right; font-size: 14px; text-transform: uppercase; height: 40px !important; line-height: 40px !important; color: #555; font-style: normal; }
    #inheadmiddle .module.topmenu { text-align: left !important; font-size: 14px; }
    #inheadmiddle .module.topmenu .nav-collapse { height: auto !important; }
    #inheadmiddle .module.topmenu ul { padding: 0; margin: 0; }
    #inheadmiddle .module.topmenu ul li { background: #F4F4F4; margin-top: 1px; padding: 0 !important; }
    #inheadmiddle .module.topmenu ul li a { padding: 0 6px; background: none !important; color: #333; line-height: 34px !important; }
    #inheadmiddle .module.topmenu ul li a:before { content: "» "; }
    #inheadmiddle .module.topmenu ul li.active a,
    #inheadmiddle .module.topmenu ul li a:active { color: #0180C2; }
    #inheadmiddle .module.topmenu ul li a:hover,
    #inheadmiddle .module.topmenu ul li a:focus { color: #999; }
    #inheadmiddle .module.topmenu ul li ul { border-top: none !important; }
    #inheadmiddle .module.topmenu ul li ul li { background: #F9F9F9; border-top: 1px solid #fff; margin-top: 0 !important; }
    #inheadmiddle .module.topmenu ul li.active ul li a { padding-left: 22px !important; color: #333; display: block; }
    #inheadmiddle .module.topmenu ul li.active ul li a:before { content: "- "; }
    #inheadmiddle .module.topmenu ul li.active ul li.active a,
    #inheadmiddle .module.topmenu ul li.active ul li a:active { color: #0180C2; }
    #inheadmiddle .module.topmenu ul li.active ul li a:hover,
    #inheadmiddle .module.topmenu ul li.active ul li a:focus { color: #999; }
    #inheadmiddle .module.topmenu ul li.divider { margin-top: 1px; padding: 0 6px !important; text-transform: uppercase;  line-height: 34px !important;
        background-image: linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
        background-image: -o-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
        background-image: -moz-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
        background-image: -webkit-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
        background-image: -ms-linear-gradient(bottom, #D8D8D8 40%, #F9F9F9 100%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.4, #D8D8D8), color-stop(1, #F9F9F9) );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#D8D8D8',GradientType=0 );
    }
    #inheadmiddle #logo { font-size: 14px;  }
    .module.toplinks { float: none; position: absolute; top: 6px; width: 100%; padding: 6px 0; }
    form .input input { width: 80% !important; }
    form .input select { width: 80% !important; }
    form .input textarea { width: 80% !important; }
    form .input input.inline { width: auto !important; }
    #backtop { height: 30px !important; width: 100% !important; border-radius: 0; border: none; right: auto; bottom: 0; left: 0;}
    #backtop a { height: 30px !important; width: 100% !important; line-height: 30px; border-radius: 0; border: none; }
    #backtop a span.arrow { display: none; }
    #backtop a span.text { display: block; text-align: center; }
    form#systart .control-group .control-label { text-align: left; width: 100% !important; display; block !important; float: none !important; }
    form#systart .control-group .controls { margin-left: 0 !important; }
    form#systart .control-group label.error { display: block; position: relative; top: auto; left: auto; margin: 2px 0 0;  padding-left: 0;}
    form#systart .control-group .help-inline { display: block; padding-left: 0; }
    form#systart .control-group { margin: 0 0 10px 0 !important; }
    form#systart input { width: 98% !important; }
    form#systart input[type="checkbox"], form#systart input[type="radio"] { width: auto !important; }
    form#systart select { width: 100% !important; }
    form#systart textarea { width: 100% !important; }
    .module.iso { text-align: left; padding-left: 6px; margin-top: 10px; }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    #inheadbottom { display: none; }
    #inheadmiddle #logo { display: inline-block; }
    #inheadmiddle #logo img { display: inline-block; width: 85%; }
    #inheadmiddle #logo .logo { display: none; }
    #inheadmiddle #logo .slogan { display: none; }
    [class*="bild"] { display: block; float: none !important; margin: 6px 0 10px !important; }
    [class*="block"] { display: block; float: none !important; }
    form .input { width: 100%; position: static; padding-left: 0; }
    form .input label[class*="zitform"] { display: block; width: 100%; position: static; }
    form .input input { width: 100% !important; }
    form .input select { width: 100% !important; }
    form .input textarea { width: 100% !important; }
    form .input input.inline { width: auto !important; }
}


#inheadbanner .logo {display: inline-block; float: right; margin: 6px 0 0}
#inheadbanner .slide {display: inline-block; float: left; margin: 6px 0 0}
#inheadbanner .logo p,
#inheadbanner .logo img,
#inheadbanner .slide p,
#inheadbanner .slide img {padding: 0 !important; margin: 0 !important; line-height: 0 !important}

#inheadbanner .slide .carousel-indicators {right: auto; left: 10px; top: auto; bottom: 20px; cursor: pointer}
#inheadbanner .slide .carousel-indicators li {background: #FFF !important}
#inheadbanner .slide .carousel-indicators li.active {background: #0180C2 !important}


#ds { position: fixed; right: 0; bottom: 0; left: 0; background: #fff; border-top: 3px solid #0180C2}
#ds #inside {max-width: 972px; padding: 15px 15px 10px; margin: 0 auto;}
#ds #inside a.close {float: none; font-size: 14px; text-transform: uppercase; color: #0180C2 !important; opacity: 1;}
#ds #inside a.close:hover, #ds #inside a.close:focus {color: #989898 !important}