/*CSS fuer alle Seiten*/

body  {
height: 100%;
margin:0px;
padding:0px;
border: 0px;
font-size:19px;
line-height:23px;
color: #313131;
font-family: 'PT Sans', sans-serif; 
background-color:#fff; 
}
html, body {
height: 100%;
}
h1, h1.csc-firstHeader,
.flexslider .caption-text p.caption-title{
font-family: 'Carrois Gothic', sans-serif;
font-size:1.5em; 
line-height:1.1em;
font-weight:normal;
margin:0em 0px 1.5em 0px;
}

h2 {
font-family: 'PT Sans', sans-serif; 
color:#666;
font-size:1.4em;
line-height:1.1em;
font-weight:bold;
margin:0px 0px 1.2em 0px;
}
h3{
font-family: 'PT Sans', sans-serif;
font-weight:bold;
margin-top:0px;
margin-bottom: 0.6em;
font-size:1em;
line-height:1.2em;
color:#444;
text-transform:uppercase;
}
h4{
font-family: 'PT Sans', sans-serif; 
color:#666;
letter-spacing:0.04em;
margin:0px;
font-weight:bold;
}
img {
border: 0px;
margin: 0px 0px 0px 0px;
}
.csc-frame-rulerAfter {
float:left;
clear:left;
width:100%;
padding-bottom:3%;
margin-bottom:3%;
border-bottom:2px dotted #585856; 
}
.csc-frame-rulerBefore {
float:left;
clear:left;
width:100%;
padding-top:3%;
margin-top:3%;
border-top:2px dotted #585856; 
}
#wrapper {
position:relative;
margin:0 auto;
width: 100%;
height: auto;
padding:0px;
z-index: 2;
text-align: left;
border:1px solid transparent;
}  
#content {
position: relative;
float: none;
margin-top: 00px;
width: 1100px;
z-index: 1;
height: 100%;
min-height: 500px;
padding: 60px 20px 0px 20px;
background-color: rgba(255,255,255, 0.95);
max-width: 1100px;
margin-left: auto;
margin-right: auto;
clear: both;
}
#header  {
position: relative;
width:100%;
float:left;
border: 0px;
height: auto;
margin:0;
left: 0px;
top: 0px !important;
z-index: 2;
overflow: visible;
background-color:#fff;
}
#headertext {
position:relative;
float:right;
clear:right;
overflow:hidden;
z-index:1;
width:100%;
height:auto;
margin-top:38px;
}
div#c305 {
position:relative;
float:left;
width:100%;
margin-top:80px;
padding-top:1%;
padding-bottom:0.5%;
font-size:0.8em;
line-height:1.1em !important;
border-top: 10px solid #00843f;
background-color: #efefef;
}
div#c305 h2 {
margin-top:3px !important;
}
div#c303 {
position:relative;
float:left;
width:100%;
font-size:0.7em;
color:#888;
background-color: #efefef;
border-top:1px solid #ccc;
padding-top:0.5%;
}
div#c305 .multicolumnContainer,
div#c303 .multicolumnContainer{
max-width:1100px;
margin:0 auto;
}
#menuedesctop.scroller {
position: fixed;
float: left;
clear: left;
margin:-1px 0px 0px -100%;
border: 0;
padding: 0px 0px 0px 0px;
width:300%;
overflow:visible;
z-index:3;
text-align: left;
list-style-type: none;
left: 0px;
background-color:#585856; 
} 

/* Scroller Menue fixed */
.scroller_anchor{
position:relative;
float:left;
clear:left;
width:1px;
height:1px !important;
top:0px; 
padding:0;
}
#menuedesctop ul {
position: relative;
width:1100px !important;
margin:0 auto;
padding: 0px 0px 0px 0px;
list-style-type: none;
font-weight: normal;
}
#menuedesctop li {
position:relative;
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
text-align:center;
color:#ffffff;
font-weight: normal;
} 
.contentbox .scrollmenu a {
}
#menuedesctop ul li a,
.contentbox .scrollmenu a{
display:inline-block;
font-weight: normal;
color:#ffffff;
text-decoration:none;
font-size:0.9em;
line-height:40px;
padding-left:1em;
padding-right:1em;
} 

#menuedesctop ul li.level1  {
list-style-type: none;
display:inline-block;
text-decoration: none;
}

#menuedesctop ul li.level1 a:link, 
#menuedesctop ul li.level1 a:visited {
text-decoration: none;
list-style-type: none;
display:block;
color: #ffffff;
}  
#menuedesctop ul li.level1 a:hover,
#menuedesctop ul li.current1 a:link, 
#menuedesctop ul li.current1 a:visited,
.contentbox .scrollmenu a:hover{
display:inline-block !important;
text-decoration: none;
list-style-type: none;
display:block;
color: #ffffff;
background-color: #00843f;
} 
#produktedesctop {
position:relative;
float:left;
width:100%;
margin:0px;
padding:0px;
margin-top:27px;
}
#produktedesctop ul {
padding-left:0px;
margin:0px;
}
#produktedesctop ul li {
display:inline-block;
list-style:none;
margin-right:60px;
}

#produktedesctop ul li a:before {
content: '●';
color:#00843f;
font-size:0.9em;
margin-right:5px;
}
#produktedesctop a {
color:#00843f;
}
#produktedesctop a:hover {
color:#585856;
}
#suche{
position: relative;
float:right;
clear:right;
font-size:0.8em;
line-height:1.8em;
margin-top: -27px;
margin-right:15px;
right:0px;
padding: 0px 0px 0px 5px;
border:0;
width: 150px;
height: 25px;
overflow: visible; 
background-color: rgba(255,255,255, 0.8);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:1px solid #860F12;
-moz-opacity:0.90; 
-khtml-opacity:0.90; 
opacity:0.90;
}
.suchbox{
position:relative;
float:left;
z-index:3;
width: 150px;
height: 25px;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 5px;
border:0;
background:none;
}
.suchbild {
position:relative;
float:right;
right:3px;
top:4px;
width:19px;
height:19px;
z-index:5;
margin:0px;
padding:0px;
border:0px;
text-decoration: none;
background-attachment: scroll;
background-image: url(https://www.sv-arlt.de/fileadmin/arlt/templates/images/dp-linkpoint.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}

a:link,  a:visited {
color: #CC0000;
text-decoration: none;
}
a:hover {
color: #585856;
}
.linkbutton p.bodytext a,
a.linkbutton,
.tx-powermail input.powermail_submit,
input[type="submit"],
.textbutton a, .frame-textbutton a {
text-decoration: none;
list-style-type: none;
display:inline-block;
min-width:150px;
color: #ffffff !important;  
line-height:1.1em;
text-align: center;
background-color: #585856;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
    font-size: 0.8em;
    text-shadow: none;
    padding: 0.6em 1.5em;
    font-weight: bold;
    text-transform: none;
    transition: all 200ms ease-in-out;
}

.linkbutton p.bodytext a:hover,
a.linkbutton:hover,
.tx-powermail input.powermail_submit:hover {
background-color: #CC0000 !important;
}
.csc-default {
float:left;
width:100%;
}
p {
margin-top:0px;
}
.align-center {
text-align:center;
}
.align-right {
text-align:right;
margin:0;
}
.csc-textpic-intext-right-nowrap .csc-textpic-text {
width:98%;
}
.csc-textpic-intext-left .csc-textpic-text,
.csc-textpic-intext-right .csc-textpic-text {
margin-top: -3pt;
} 
.contentbox {
position:relative;
float:left;
width:96.6%;
margin-left:0.2%;
padding:0px 1% 1% 1%;
margin-bottom:30px;
overflow:hidden;
}
.infobox .csc-default {
position:relative;
float:left;
clear:left;
width:96%;
overflow:hidden;
float:left;
font-size:0.9em;
border:1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding-left:2%;
padding-right:2%;
margin-bottom:15px;
}
.infobox .csc-header h1 {
float:left;
clear:left;
width:100%;  
padding:3px 3% 3px 3%;
color:#333;
font-size:1.2em;
line-height:1.1em;
font-weight:normal;
margin-left:-3%;
margin-bottom:0.3em;
-webkit-border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px 0px 0px;
border-radius: 2px 2px 0px 0px;
border-bottom:1px solid #ccc;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,efefef+100 */
background: #cccccc; /* Old browsers */
background: -moz-linear-gradient(top, #cccccc 0%, #efefef 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cccccc 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cccccc 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
}

.infobox p {
margin-bottom:3px !important;
line-height:1.2em;
}
.infobox ul.csc-menu li {
width:auto;
background-position: 0px 3pt;
}
.infobox ul.contentList li {
float:left;
clear:left;
display:inline-block;
width:auto;
background-position: 0px 5pt;
}
.extrabox {
width:300px;
min-height:200px;
float:left;
overflow:hidden;
font-size:0.9em;
border:1px solid #EA4448;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding:0px 2px 0px 3px;
margin-bottom:15px;
margin-left:5px;
margin-right:5px;
background-color: rgba(255,255,255,0.9);
}
.extrabox p {
font-size:0.9em;
line-height:1.2em;
}

.extrabox .csc-header h1 {
float:left;
width:100%;  
min-height:15px;
padding:3px 2px 3px 5px;
color:#fffffff;
font-size:1.2em;
line-height:1em;
font-weight:normal;
margin:0px 0px 10px -3px;
background:#EA4448;
-webkit-border-radius: 2px 2px 0px 0px;
-moz-border-radius: 2px 2px 0px 0px;
border-radius: 2px 2px 0px 0px;
border:0px;
}

.extrabox .csc-textpic,
.infobox .csc-textpic{
position:relative;
float:left;
width:100%;
}
.extrabox .csc-textpic .csc-textpic-image {
position:relative;
float:left;
}
.extrabox .csc-textpic .csc-textpic-text {
position:relative;
float:right;
}
.extrabox .csc-textpic-imagewrap img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:none;
box-shadow:none;
background:none !important;
}
.csc-frame-frame1 {
position:relative;
float:left;
width:560px;
margin:0px;
padding:0px 0px 10px 10px;
border-left:1px solid #B7151B;
background-color: rgba(255,255,255,0.9);
}
.csc-frame-frame2 {
position:relative;
float:right;
width:148px;
margin:0px;
font-size:0.85em;
line-height:1.2em;
padding:0px 10px 10px 20px;
border-right:1px solid #B7151B;
background-color: rgba(255,255,255,0.9);
}

.csc-textpic-caption {
font-size: 0.8em;
color: #333333;
line-height: 1em;

text-align: left;
margin-top:0.3em;
}
p.bodytext {
margin-top:0px;
margin-bottom:0.8em;
}
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
float:left;
}
.acc-section ul.contentList,
ul.contentList {
width:auto;
height:auto;
list-style-type: none;
padding:0px;
margin:0px 0px 20px 0px;
overflow-y:hidden;
}
ul.contentList li {
width:auto;
float:left;
clear:left;
display:block;
list-style-type: none;
padding:0px 0px 0px 20px;
margin:0px 0px 0pt 0px;
}
ul.contentList li:before {
content: '■';
color:#585856;
margin-right:5px;
margin-left:-20px;
vertical-align:2px;
}
ul.csc-menu {
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none; 
width:98%;
}
ul.csc-menu li {
display:inline-block;
float:left;
clear:left;
width:98%;
margin: 0px 0px 4pt 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;  
}
ul.csc-menu li:before {
content: '►';
font-size:13px;
color:#CC0000;
margin-right:2px;
vertical-align:2px;
}
.csc-sitemap-level1 {
margin:1em 0 0.3em 0;
border-bottom:1px solid #FFFFFF;
display: compact;  
}
.csc-sitemap-level2 {
margin: 0 0 0 20px;
border: 0;  
}
.csc-sitemap-level3 {
margin: 0 0 0 45px;
border: 0;  
}
.csc-sitemap-level4 {

margin: 0 0 0 55px;
border: 0;  
}
.csc-sitemap-level5 {
margin: 0 0 0 65px;
border: 0;  

}
.csc-sitemap-level6 {
margin: 0 0 0 75px;
border: 0;  
}

.suchbutton  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.85em;
color: #FFFFFF;
background-color: #333333;
border: 1px solid #FF6600;
height: 22px;
width: 80px;
cursor: hand;
font-weight: normal;
text-decoration: none;
}

.termintabelle table.contenttable {
border:0px solid #cccccc !important; 
border-collapse:collapse;
}
.termintabelle table.contenttable td {
border:1px solid #999999 !important; 

border-collapse:collapse;
text-align:center;
vertical-align:middle;
}
table .contenttable-0 {
width:100%;
}
.indent {
margin-left:40px; 
}

/* Flexslider*/

.flexslider {
background:transparent !important;
z-index:1 !important;
overflow:hidden;
border:0px !important;
box-shadow:none !important;
-webkit-border-radius: 0px !important; 
-moz-border-radius: 0px !important; 
-o-border-radius: 0px !important; 
border-radius: 0px !important;
}
#headertext .tx-ws-flexslider {
position:relative;
float:left;
clear:left;
margin-left:0px;
margin-top:0px;
width:100%;
height: 450px;
z-index:5;
overflow:hidden;
}
.flexslider ul li {
bottom:0px !important;
} 
#headertext .tx-ws-flexslider * {
width: 100%;
height: 100%;
}
.flex-direction-nav {
position: absolute;
top: 0px;
left: 0px;
}
.flex-direction-nav .flex-next,
.flex-direction-nav .flex-prev {
visibility: hidden;
}
#headertext .flexslider .slidercontent img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
height: auto !important;
width: auto !important;
max-width: 250% !important;
z-index: 999;
}
.flexslider .caption-wrapper {
position: absolute;
display: block !important;
height: 100% !important;
width: 100% !important;
top: 0px;
left: 0px;
}
.flexslider .caption-text {
display:none !important;
}
.flexslider .caption-link {
display:block;
position:absolute;
margin-top:-65px !important;
width:100%;
height:100%;
}
.flexslider .caption-link a {
display:block;
position:absolute;
left:0px;
top:0px !important;
width:100%;
height:65px;
color:transparent;
}
/* Accordion */
ul.tinyaccordion {
width:100%;
margin:0px !important;
padding:0px !important;
}

ul.tinyaccordion h4 {
font-size:1em;
background-image:none !important;
padding:6px !important;
color:#fff;
font-weight:normal;
text-transform:none;
font-size:0.9em;
background-color: #585856;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
border:1px solid #585856;
box-shadow: 0px 0px 8px #999999;
-moz-opacity:0.90; 
-khtml-opacity:0.90; 
opacity:0.90;
}
ul.tinyaccordion h4:hover,
ul.tinyaccordion h4.acc-selected {
text-decoration:none;
background-color: #CC0000 !important;
border:1px solid #CC0000 !important;
}
ul.tinyaccordion .csc-default{
padding-left:0px !important;
}
/* VVK Barometer Tabellen */
table.tablebarometer {
color:#fff;
font-size:85%;
line-height:110%;
}
table.tablebarometer td {
padding:2% 0.5% 2% 0.5%;
}
/* Scrollicon Seitenanfang */
.back-to-top {
position: fixed;
display:block;
z-index:2000;
bottom:20px;
right:0px;
padding:10px;
font-size:150%;
color:#333;
border:2px solid #fff;
background: rgba(88,88,86,0.7);     
}
.back-to-top img {
width:25px;
}

/* Suchseite css */
.cse input.gsc-input,
input.gsc-input {
font-size: 15px !important;
}
.cse input.gsc-search-button,
input.gsc-search-button {
font-size: 14px !important;
height: 27px !important;
}
.gsc-tabHeader {
font-family: arial,verdana !important;

font-size:16px !important;
}
.gsc-control-cse {
background:transparent !important;
border:0 !important;
}
input.gsc-input, .gs-richsnippet-box {
background-color: rgba(255, 255, 255, 0.6) !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
img,  embed, object, video {
max-width: 100%;
height: auto;
width: auto;
}

}
@media \0screen {
img, #spalte_rechts img, embed, object, video { 
width: auto\9; /* for ie 8 */
}
}
@media screen and (max-width: 1099px) {
body {
}
#headertext {
margin-top:-1px;
}
#header, #content {
padding:0px;
}
#content {
margin-top:40px;
}
#menuedesctop, #produktedesctop,
/* solange wie ohne Onlineshop Produkte select deaktiviert */
#mobilprodukte select {
display:none;
}
iframe {
width:100% !important;
} 
.csc-header-alignment-right {
float:left;
} 
}
@media screen and (min-width: 1100px) {
body {
}
#header {
border-bottom:5px solid #585856;
}
#menuemobil, #mobilprodukte {
display:none;
}
ul.csc-menu li {
font-size:13pt;
line-height:1.1em;
}
}
/***********************
Cookie Banner centruiert usercentrics
**********************/
#usercentrics-button .uc-banner-content {
 background-color:rgba(255,255,255,0.9) !important;
 text-align:center;
border:1px solid #333;
padding-top:15px !important;
}
#uc-full-optin-description {
color:#353332;
font-size:0.8em;
line-height:1.2em !important;
}
a.uc-powered-by-footer,
.uc-powered-by-icon,
a.uc-powered-by-logo,
.uc-powered-by-label {
 display:none !important;
}
.uc-banner-btn-list button.uc-btn-deny,
.uc-embedding-buttons button.uc-embedding-more-info {
 background-color:#585856 !important;
 color:#ccc !important;
 font-weight:normal;
font-size:0.8em !important;
padding:0px !important;
}
.uc-banner-btn-list button.uc-btn-accept,
.uc-embedding-buttons button.uc-embedding-accept {
 background-color:#00843F !important;
 color:#fff !important;
 font-weight:normal;
font-size:0.8em !important;
padding:0px !important;
 text-transform:uppercase;
border:2px solid #00843F;
}
.uc-banner-btn-list button.uc-btn-more {
 background-color:#585856 !important;
 color:#fff !important;
font-size:0.8em !important;
padding:0px !important;
}
.uc-embedding-wrapper,
.uc-embedding-wrapper h3 {
 color:#000;
}
.uc-embedding-wrapper a {
color: #000;
}
.uc-corner-modal-content {
 border-radius:10px;
line-height:1em;
 border:2px solid #585856 !important;
 box-shadow:0px 0px 15px 2px rgba(51,51,51,0.5);
}
.usercentrics-button .uc-corner-modal .uc-card-footer .uc-save-settings-button {
 background-color:#585856 !important;
 cursor:inherit;
 color:#fff !important;
}
.usercentrics-button .uc-corner-modal .uc-card-header {
 background-color:#585856 !important;
}
.uc-card-body li.uc-nav-item{
 background-color:#00843F !important;
}
.uc-card-body li.uc-nav-item a.uc-nav-link#uc-btn-select-tab-history,
.uc-card-body li.uc-nav-item a.uc-nav-link#uc-btn-select-tab-settings{
color:#fff !important;
font-size:0.8em !important;
line-height:0.6em;
}
[fill="#3ca1db"] {
 fill:rgba(0,132,63,1) !important;
border-color: #fff !important;
}