@font-face  {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/raleway-v22-latin-regular.eot');
    src: local(''), url('fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-v22-latin-regular.woff2') format('woff2'), url('fonts/raleway-v22-latin-regular.woff') format('woff'), url('fonts/raleway-v22-latin-regular.ttf') format('truetype'), url('fonts/raleway-v22-latin-regular.svg#Raleway') format('svg');
}
@font-face  {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/raleway-v22-latin-700.eot');
    src: local(''), url('fonts/raleway-v22-latin-700.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-v22-latin-700.woff2') format('woff2'), url('fonts/raleway-v22-latin-700.woff') format('woff'), url('fonts/raleway-v22-latin-700.ttf') format('truetype'), url('fonts/raleway-v22-latin-700.svg#Raleway') format('svg');
}
@font-face  {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/raleway-v22-latin-italic.eot');
    src: local(''), url('fonts/raleway-v22-latin-italic.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-v22-latin-italic.woff2') format('woff2'), url('fonts/raleway-v22-latin-italic.woff') format('woff'), url('fonts/raleway-v22-latin-italic.ttf') format('truetype'), url('fonts/raleway-v22-latin-italic.svg#Raleway') format('svg');
}
@font-face  {
    font-family: 'Raleway';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/raleway-v22-latin-700italic.eot');
    src: local(''), url('fonts/raleway-v22-latin-700italic.eot?#iefix') format('embedded-opentype'), url('fonts/raleway-v22-latin-700italic.woff2') format('woff2'), url('fonts/raleway-v22-latin-700italic.woff') format('woff'), url('fonts/raleway-v22-latin-700italic.ttf') format('truetype'), url('fonts/raleway-v22-latin-700italic.svg#Raleway') format('svg');
}
html, body  {
	background-color: #D8D8D8;
	
	/*Hintergrung Verlauf blau nach weiß*/
	/*background-image: -moz-linear-gradient(top, #0362de, #fff);
	background-image: -ms-linear-gradient(top, #0362de, #fff);
	background-image: -o-linear-gradient(top, #0362de, #fff);
	background-image: -webkit-linear-gradient(top, #0362de, #fff);
	background-image: linear-gradient(top,*#0362de, #fff);*/
	
	/*Hintergrung Verlauf dunkelgrau nach grau*/
	/*background-image: -moz-linear-gradient(top, #E6E6E6, #D8D8D8);
	background-image: -ms-linear-gradient(top, #E6E6E6, #D8D8D8);
	background-image: -o-linear-gradient(top, #E6E6E6, #D8D8D8);
	background-image: -webkit-linear-gradient(top, #E6E6E6, #D8D8D8);
	background-image: linear-gradient(top, #E6E6E6, #D8D8D8);*/

    background-attachment: fixed;
    -o-background-size: 100% 100%, auto;
    -moz-background-size: 100% 100%, auto;
    -webkit-background-size: 100% 100%, auto;
    background-size: 100% 100%, auto;
    margin: 0!important;
    padding: 0;
    height:100%;
}
body  {
    color:#444444;
    font-family: 'Raleway', sans-serif!important;
    font-size: 16px!important;
    line-height:150%!important;
}
p  {
    margin:0 0 5px 0;
    text-align: justify;
    hyphens: auto;
}
p a  {
    font-weight:bold;
}
h1, h2, h3, h4, h5, h6  {
    margin: 10px 0 4px 0;
    line-height: 120%;
}
h1, h2  {
    color: #0022FF;
}
h3, h4, h5, h6  {
    color: #000;
}
h1  {
    font-size: 2em;
    font-weight: 300;
    line-height:110%;
}
h2  {
    font-size: 1.5em;
}
h3  {
    font-size: 1.3em;
}
h4  {
    font-size: 1em;
    margin:10px 0 0 0;
}
h5  {
    font-size: 0.95em;
    margin:10px 0 0 0;
}
h6  {
    font-size: 0.9em;
    margin:3px 0 0 0;
}
a, a strong  {
    color: #ff6c00;
}
a:hover , a:hover strong  {
    color: #000;
}
a:hover, a:active  {
    text-decoration: none;
    transition:0.5s all;
}
a:link, a:visited  {
    text-decoration: none;
    transition:0.5s all;
}
a img  {
    border:0
}
img  {
    float: left;
    margin: 5px;
    max-width: 100%;
}
td  {
    vertical-align:top;
}
form  {
    margin: 0;
}
.menubox  {
    background-color: #0034ae;
}
#nav a.menu-current, #nav li ul  {
    background-color: #0034ae;
}
#nav a:hover  {
    background-color: #0738fe ! important;
}
#nav li a.menu-current, #nav li a.menu-parent, #nav li a.focus  {
    background-color: #e67800! important;
}
#nav2  {
    background-color: #0034ae;
}
#nav2 a:hover, #nav2 li.is_opened a  {
    background-color: #0738fe ! important;
}
#nav2 li a.menu-current, #nav2 li a.menu-parent, #nav2 li a.focus  {
    background-color: #e67800 ! important;
}
#leftmenu li a  {
    color: #0034ae;
}
#leftmenu li a:hover  {
    background-color: #0738fe ! important;
}
#leftmenu li a.menu-current, #leftmenu li a.menu-parent, #leftmenu li a:hover, #leftmenu li a:focus  {
    background-color: #e67800;
}
#leftmenu, blockquote  {
    background: #eff6f6;
}
.breadcrumbs .innerbc a  {
    border-bottom: 1px dotted #0034ae;
}
.breadcrumbs .innerbc a:hover  {
    border-bottom: 1px solid #0738fe;
}
hr  {
    border: none;
    border-bottom:dotted #0022FF 1px;
}
address  {
    border-left: 6px solid #ff6c00;
}
blockquote  {
    border: 1px solid #ff6c00;
    border-left: 4px solid #ff6c00;
}
pre, .code  {
    border: 2px solid #ff6c00;
}
address  {
    border-left: 6px solid #0022FF
}
.bodybox  {
    max-width: 1280px;
    min-height:90%;
    margin: 30px auto 0 auto;
    padding: 0;
    background: #fff;
    -webkit-border-radius: 15px 15px 15px 15px;
    border-radius: 15px 15px 15px 15px;
    box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.6);
}
#simple-translate  {
    display:none;
}
hr  {
    padding: 10px 0px 5px 0px;
    border: 0;
    clear:both;
}
ul  {
    line-height: 150%;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0.7em;
    padding-left: 0.7em;
}
ul li  {
    padding-bottom: 0px;
    list-style: url(img/lipu.gif);
}
ol  {
    line-height: 150%;
    margin-top: 0;
    margin-bottom: 10px;
    margin-left: 0.9em;
    padding-left: 0.9em;
}
blockquote  {
    padding: 6px;
    margin: 3px 0 20px 0;
}
pre, .code  {
    padding: 6px 0 20px 6px;
    margin: 3px 0 20px 0;
    font-size:1em;
    overflow:auto;
    line-height:2.2em;
}
address  {
    line-height:120%;
    margin: 10px 0 20px 0;
    padding-left: 10px;
    font-style: normal;
    font-weight: bold;
}
input[type="text"], input[type="submit"], input[type="file"], select,textarea  {
    width:96%;
    max-width:400px;
    padding: 3px 1%;
    margin-bottom:5px;
}
input[type="image"]  {
    border:none;
    background: transparent;
}
.important  {
    font-weight:bold;
    color:#f00;
}
.code  {
    font-family: "Courier New", Courier, mono;
    letter-spacing: 1px;
}
.info-box  {
    border: 1px solid #cc3;
    background-color:#dadbe8;
    padding:4px;
}


.info-box  a, a strong  {
	color: #ff6c00 !important;
	}







.info_body ul li  {
    list-style:none;
    border-bottom: none;}
    
.info_body ul li a, a strong  {
	color: #ff6c00 !important;
	}

a[href$=".pdf"]  {
    background: url(img/pdficon12.png) no-repeat;
    padding-left: 20px;
}
.highlight  {
    background-color:#ffcc00;
}
.teaserbutton  {
    display: block;
    clear:both;
    padding: 5px 10px 5px 10px;
    margin: 10px 10px 10px 10px;
    text-align: center;
    border: 2px solid #ccc;
    border-radius: 1.2em;
    transition: 0.8s all;
    background: rgba(200, 200, 200, 0.5);
}
.teaserbutton:hover  {
    background: rgba(50, 50, 50, 0.5);
    color: #fff;
    border-radius: 0.5em;
    text-shadow:none;
}
.responsiveVideo, .flex-video  {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.responsiveVideo iframe, .flex-video iframe, .responsiveVideo object, .flex-video object, .responsiveVideo embed, .flex-video embed  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
table  {
    border-collapse:collapse;
    border: none;
}
table.table  {
    clear:both;
    border-collapse:collapse;
    border: none;
    border-top: 1px solid #666;
    margin: 20px 0 5px 0;
    width:100%;
    font: 0.85em;
}
table.table caption  {
    font-size:1.1em;
    text-align:left;
}
table.table th  {
    font-size:0.9em;
    padding: 4px;
    text-align:left;
    vertical-align: top;
    border: none;
    border-bottom: 1px solid #999;
}
table.table tbody td  {
    font-size:0.9em;
    padding: 4px;
    vertical-align: top;
    border: none;
    border-bottom: 1px solid #999;
}
table.table tbody tr:hover td  {
    background-color:#eee;
}
table.table tbody td p, table.table tbody td h1, table.table tbody td h2, table.table tbody td h3, table.table tbody td h4  {
    margin: 0;
    line-height:110%;
}
img.picfull  {
    max-width:100%;
    height:auto;
}
img.pic2left  {
    float:left;
    max-width:48%;
    margin: 3px 3% 2px 0;
    height:auto;
}
img.pic2right  {
    float:right;
    max-width:48%;
    margin: 3px 0 2px 0.9%;
    height:auto;
}
img.pic3left  {
    float:left;
    max-width:32%;
    margin: 3px 1.5% 2px 0;
    height:auto;
}
img.pic3right  {
    float:right;
    max-width:32%;
    margin: 3px 0 2px 0.3%;
    height:auto;
}
img.pic4left  {
    float:left;
    max-width:24%;
    margin: 3px 1% 2px 0;
    height:auto;
}
img.pic4right  {
    float:right;
    max-width:24%;
    margin: 3px 0 2px 0.5%;
    height:auto;
}
.box  {
    background: #d1d1d1;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 4px 4px 4px #575757;
    -webkit-box-shadow: 4px 4px 4px #575757;
    box-shadow: 4px 4px 4px #575757;
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 4, direction = 135, color = '#575757');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 4, Direction = 135, Color = '#575757')";
    margin-bottom: 15px;
    margin-left: 10px;
    padding: 10px;
}
#headerbox  {
    width: 100%;
    margin:0 0 0 0;
}
#headerbox img  {
    margin:0 0 0 0;
    border-radius: 15px 15px 0 0;
}
#headerpic, .logobox  {
    height: auto;
}
a.homelink  {
    width: 100%;
    height:100%;
    float:right;
    text-align:center;
    vertical-align:middle;
}
a.homelink img  {
    max-width:90%;
    max--height:100%;
    padding: 30px;
    float:right;
}
#headerpic  {
    width: 75%;
    float:right;
    overflow:hidden;
    background-size: 100% auto, auto;
    background-position: center, center;
}
#headerbox_replace  {
    height:0;
    clear:both;
}
.noheader #headerbox_replace  {
    height: 200px;
}
.noheader #headerbox  {
    position:fixed;
    max-width: 1280px;
    margin: -110px auto 0 auto;
    z-index:5000;
}
.noheader #headerbox .headertop  {
    display:none;
}
.reduced #headerbox  {
    margin: -30px auto 0 auto ! important;
    transition:0.5s all;
}
#aprevnext2  {
    display:none;
}
#topslider  {
    width: 75%;
    float:right;
}
#topslider ul, #topslider li  {
    list-style: none;
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#topslider img  {
    float:right;
    width:100%;
    margin: 0;
    -webkit-border-radius: 0 15px 0 0;
    border-radius: 0 15px 0 0;
}
.search_box  {
    width:25%;
    float:left;
}
.menubox  {
    width: 100%;
    height:40px;
    float:left;
    position:relative;
}
.mobileheader  {
    display:none;
}
#opensidebarswitch, #closesidebarswitch {
    display:none;
}
.vid  {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.vid iframe, .vid object, .vid embed  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.leftbox  {
    margin-left: 0;
    width:25%;
    float:left;
    display:inline;
    min-height: 1px;
}
.leftbox .inner  {
    margin:50px 10px 20px 10px;
    min-height:200px;
}
.leftbox .inner img  {
    max-width:100%;
    height: auto;
}
.widetop  {
    width:auto;
    margin: 20px;
}
.widetop, .widebottom  {
    clear:both;
}
.mainbox  {
    width:100%;
    float:left;
    display:inline;
}
.maincontent  {
    width: 70%;
    float: left;
    display:inline;
    margin-left: 2%;
    padding-top:10px;
}

.maincontent a {
	color:#ff6c00 !important;
	}
.mainbox .contentwide  {
    width:95%;
    margin:0 0 0 20px;
}
.mainbox .maincontent p img:not([class^="pic"])  {
    height:auto ! important;
}
.sidebar  {
    width: 25%;
    float: right;
    display:inline;
}
.sidebar img  {
    float: none;
}
.sidebar .inner  {
    margin: 20px 15px 0 0;
    font-size:0.9em;
    line-height:135%
}
.sidebar .inner p img  {
    max-width:100%;
    height:auto ! important;
}


.sidebar .inner a, .sidebar .inner a strong {
	color:#ff6c00 !important;
	}




.clearcontent  {
    height:180px;
    clear:both;
}
.footerbox  {
    margin: -100px auto 50px auto;
    height:160px;
    max-width: 1280px;
    font-size:12px!important;
    color: #999;
}
.footerbox .left  {
    width: 25%;
    margin:15px 0 0 0;
    float:left;
}
.footerbox .center  {
    width: 75%;
    margin: 1px 0 0 0;
    float:left;
}
.footerbox h3  {
    font-size:16px;
    color: #999;
}
#gototopswitch  {
    float:right;
    margin:10px 10px 0 0;
}
.breadcrumbs  {
    height:30px;
    line-height:100%;
    margin: 0 0 0 0;
    padding: 3px 0 3px 0;
    clear:both;
}
.innerbc  {
    font-size:14px;
    margin:10px 0 0 18px;
    width: 650px;
}
.breadcrumbs .innerbc span  {
    background: transparent url(img/bclink.gif) no-repeat;
    padding: 6px 2px 0px 12px;
    font-weight: normal;
}
.breadcrumbs .innerbc a  {
    padding:1px;
    text-decoration: none;
}
.breadcrumbs .innerbc .menu-current a {
    color: #000000;
}
.aprevnext  {
    display:block;
    width:90px;
    height:27px;
    float:right;
}
.aprevnext a  {
    display:block;
    width:40px;
    height:27px;
    float:right;
    opacity:0.5;
    border:none;
}
.aprevnext a.aprev  {
    background: url(img/prev.png) no-repeat center top;
}
.aprevnext a.anext  {
    background: url(img/next.png) no-repeat center top;
}
.aprevnext a:hover  {
    opacity:0.8
}
#nav  {
    position:absolute;
    top:0;
    left:25%;
    width:75%;
    height: 40px;
    border: 0;
    padding:0;
}
#nav ul, #nav2 ul  {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    width: auto;
    position: relative;
    z-index: 800;
}
#nav ul li, #nav2 ul li  {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#nav ul li  {
    float: left;
    color: #fff;
    text-align: left;
    font-weight: normal;
    list-style-type: none;
    list-style-image: none;
}
#nav ul li a  {
    display: block;
    text-shadow: 1px 2px 8px #000;
    font-size: 16px;
    border-right:1px #fff solid;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    background-repeat: no-repeat;
}
#nav ul li a span  {
    display:block;
    padding: 10px 10px 6px 6px;
}
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current, #nav a.menu-parent  {
    color: #fff;
    background: #217cd7 ;
}
#nav li a.menu-current, #nav li a.menu-parent  {
}
#nav li ul  {
    position: absolute;
    width: 200px;
    margin: -3px 0 0 -10000px;
    opacity:0.0;
    text-transform: none;
    border-bottom: 1px solid #fff;
    background: url(img/glitzi.png) no-repeat right 0px;
    box-shadow: 0px 10px 10px -4px rgba(0, 0, 0, 0.4);
}
#nav li ul li  {
    text-align: left;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
#nav li ul li a  {
    width: 200px;
    height:auto;
    margin:0;
    padding: 0;
    border-top: 1px solid #fff;
    line-height: 1.2em;
    font-size: 0.94em;
    background: blue;
    text-shadow: 0px 1px 3px rgba(0,0,0,0.6);
}
#nav li ul li a span  {
    display:block;
    padding:8px;
}
#nav li ul a:hover, #nav li ul a.menu-current  {
    text-shadow: 1px 2px 4px rgba(0,0,0,1);
}
#nav li ul a.menu-expand  {
    background: blue url(img/arr-right.png) no-repeat right 7px ;
}
#nav li ul a.menu-parent  {
    background: url(img/arr-right.png) no-repeat right 5px;
}
#nav li:hover ul, #nav li a:focus ul {
    margin: -3px 0 0 0;
    opacity:1;
    transition:0.5s opacity;
}
#nav li ul ul  {
    margin-left: -10000px;
    opacity:0.0;
    transition:0.5s opacity;
}
#nav li:hover ul ul, #nav li.subMenu ul ul  {
    margin-left: -10000px;
    opacity:0.0;
    transition:0.5s opacity;
}
#nav li:hover>ul, #nav li li:hover>ul, #nav li.tabselected ul  {
    opacity:1;
    margin-left: 0;
    transition:0.5s opacity;
    z-index: 1000;
}
#nav ul li ul li:hover>ul  {
    margin-left: -30%;
    opacity:0.9;
}
#nav li ul li ul  {
    width: 180px;
    margin: 10px 0 0 -40%;
    z-index: 2000;
}
#nav li ul li ul li  {
    width: 100%;
}
#nav li ul li ul li a  {
    width: 100%;
}
#nav li  {
    position: relative;
}
#nav ul ul ul  {
    position: absolute;
    top: 1px;
    left: 100%;
}
#nav li:hover  {
    z-index: 1000;
    white-space: normal;
}
#leftmenu  {
    margin-top:0px;
}
#leftmenu ul, #leftmenu ul li  {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
#leftmenu li a  {
    margin:0;
    display:block;
    font-size:14px;
    padding:10px 0 3px 10px;
    line-height: 120%;
    color: #217cd7;
    text-decoration: none;
    border-bottom: 1px #fff solid;
}
#leftmenu li li a  {
    font-size:13px;
    padding:5px 0 5px 20px;
}
#leftmenu li li li a  {
    font-size:12px;
    padding:5px 0 5px 30px;
}
#leftmenu a.menu-current, #leftmenu a.menu-parent, #leftmenu a:hover, #leftmenu a:focus  {
    color:#fff;
    text-shadow: 0px 1px 1px #333;
}
#leftmenu a.menu-current, #leftmenu a.menu-parent  {
    font-weight: bold;
}
#search_box  {
    padding-top:10px;
    width:25%;
}
#search_box .searchstring  {
    width:70%;
    border: 1px solid;
    font-size:14px;
    padding:2px;
    margin-left:10px;
}
#search_box .submitbutton  {
    vertical-align: top;
    margin:0 0 0 10px;
}
#suggestbox  {
    z-index:1000;
    width:280px;
    position: absolute;
    float:left;
    clear:both;
}
#suggestbox ul  {
    width: 280px;
    margin: -5px 0 0 20px;
}
#suggestbox ul, #suggestbox li  {
    list-style-type: none;
    list-style-image: none;
    padding: 0 0 0 0 ;
    font-size:11px ;
    line-height: 120%;
    text-align: left;
}
#suggestbox ul li a  {
    display:block;
    padding: 5px 10px 5px 15px;
    text-decoration: none;
    margin:0;
    font-weight:normal;
    font-size:13px;
    line-height: 120%;
    overflow:hidden;
}
#suggestbox ul li  {
    background: transparent url(img/suggestli.png) repeat-y;
}
#suggestbox ul li.suggestdivide  {
    font-size:5px;
}
#suggestbox ul li.suggesttop  {
    height:30px;
    background: transparent url(img/suggesttop.png) no-repeat;
}
#suggestbox ul li.suggestbottom  {
    height:15px;
    background: transparent url(img/suggestbottom.png) no-repeat;
}
#showlogin  {
    display:block;
    float:left;
    position:relative;
    width:30px;
    text-align:right;
    margin:6px 6px 0 0;
}
#login-box  {
    position:absolute;
    width:200px;
    left:30px;
    top:-10px;
    padding:5px;
    font-size:11px;
    z-index:2000;
    background: #eee;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}
#login-box .loginsubmit  {
    border:0;
}
#login-box .inputfield  {
    width:80px;
    border: 1px solid #c9e8f9;
    padding:1px;
}
a.template_edit_link  {
    width:16px;
    height:16px;
    position:absolute;
    top:0;
    left:0;
    background:url(img/edit.gif) no-repeat;
    z-index:5000
}
.footercredits  {
    font-size:12px;
    padding:3px 0 0 0;
}
#headerbox  {
    position: relative
}
.logobox  {
    right: 0;
    position: absolute;
    z-index: 2;
}
.logobox img  {
    filter: drop-shadow(0 0 2rem #fff);
    width: 150px;
}
.clearfix:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html #clearfix  {
    height: 1%;
}
.stealth  {
    visibility:hidden;
    display:none;
}
#cookie_permission  {
    position:fixed;
    top:0;
    right:0;
    z-index:9950;
    width: 200px;
    padding:10px;
    background: #555;
    text-align:center;
    font-size: 0.9em;
    line-height:120%;
    border-radius: 0 0 0 25px;
    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);
}
#cookie_permission p , #cookie_permission a  {
    color:#fff;
}
#cookie_permission a.cookieaccepted  {
    color:#000;
    background: #eeb300;
    display:block;
    padding:5px;
    border-radius: 15px;
    border: 1px solid #fff;
    font-weight:bold;
}
.hideOnDesktops  {
    display: none;
}
@media screen and (max-width: 1110px)  {
    #nav ul li a span  {
        padding: 11px 5px 9px 2px;
        font-size:0.95em;
    }
}
@media screen and (max-width: 960px)  {
    XXbody  {
        font-size: 14px;
    }
    .bodybox  {
        margin-top: 0
    }
    .bodybox, .footerbox  {
        width:100%;
        background: #fff;
        background-image:none;
    }
    .menubox, .leftbox, .logobox  {
        display:none;
    }
    .headerbox, .mainbox, .headerbox, #headerpic  {
        width:100%;
        margin: 0 0 0 0;
    }
    #rightheader  {
        float:none;
        height:auto;
    }
    #headerpic  {
        height:80px;
    }
    #headerpic img  {
        display:none;
    }
    .logobox a.logo  {
        display:none;
    }
    .mobileheader  {
        display:block;
        height:80px;
    }
    .mobileheader #mobile-logo  {
        margin:20px 0 0 10px;
        max-height:50%
    }
    #topslider  {
        width: 100%;
        float:right;
    }
    a.toggleMenu  {
        float:left;
        width:20px;
        height:60px;
        background: url(img/menuswitch.png) no-repeat top right;
        margin:20px 30px 0 0;
    }
    .search_box  {
        width: 180px;
        margin-left:60px;
    }
    .search_box .searchstring  {
        width: 100px;
    }
    .maincontent  {
        width: 63%;
        margin-left:2%;
    }
    .mainbox .contentwide  {
        width:96%;
        margin:0 0 0 2%;
    }
    .sidebar  {
        width: 33%;
    }
    .sidebar .inner  {
        margin: 0 5% 0 5%;
    }
    #suggestbox ul li a  {
        padding: 6px 10px 6px 15px;
        font-size:12px;
    }
    .footerbox .center {
        width:90%;
        margin: 15px 0 0 0;
    }
    .footerbox .left  {
        width:5%;
        margin: 15px 0 0 2%;
    }
    .footerbox .left #showlogin  {
        width:100%;
        margin: 0 0 0 0;
        text-align: left;
    }
    #nav2  {
        width:250px;
        height: auto;
        position:absolute;
        left:0;
        top:100px;
        z-index:2000;
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.4);
    }
    #nav2>ul  {
    }
    #nav2 li  {
        width:250px;
        padding: 0 0 0 0;
    }
    #nav2 li a  {
        display:block;
        padding: 12px 0 12px 20px;
        font-size:18px;
        color:#fff;
        text-decoration:none;
        border-bottom: 1px solid #fff;
    }
    #nav2 li li a  {
        padding: 10px 0 10px 30px;
        font-size:16px;
    }
    #nav2 li li li a  {
        padding: 8px 0 8px 40px;
        font-size:14px;
    }
    #nav2 li li li li a  {
        padding: 6px 0 6px 50px;
        font-size:13px;
        ;
    }
    #nav2 li ul  {
        display:none;
        border-bottom: 3px solid #fff;
    }
    #nav2 li.menu-parent > ul, #nav2 li.menu-current > ul  {
        display:block;
    }
    #nav2 li.is_opened > ul, #nav2 li.is_opened > ul  {
        display:block;
    }
    #nav2 li a.menu-expand  {
        background: transparent url(img/arr-down.png) no-repeat left center ;
    }
    #nav2 li a.menu-current  {
        color:#fff;
        text-shadow: 1px 2px 4px #000;
        font-weight:bold;
    }
    #nav2 ul li a.menu-expand.is_opened, #nav2 ul li a.menu-parent  {
        font-weight:bold;
        color:#fff;
        background: url(img/arr-right.png) no-repeat 2px center ;
    }
    #nav2close  {
        display:none;
        position:absolute;
        top:0;
        width:100%;
        height: 900px;
        background-image:none;
    }
    #nav2 form  {
        margin: 10px 20px 0 20px;
    }
    #nav2 .searchstring  {
        width:80%;
        float:left;
        margin-right:10px;
    }
    .reduced .headerbox  {
        display:none;
    }
    .breadcrumbs  {
        width: 100%;
        height: auto;
    }
    .innerbc  {
        margin: 2px 0 5px 2%;
        width: 96%;
    }
    .innerbc span  {
        display: block;
        float:left;
        padding: 2px 2px 2px 12px;
        margin: 0 0 5px 0;
    }
    .innerbc b  {
        display: none;
    }
    #aprevnext  {
        display:none;
    }
    #aprevnext2  {
        display:block;
        margin-top:20px;
    }
}
@media (max-width: 768px)  {
    img.pic2left, img.pic2right  {
        max-width: 100%;
        margin: 3px 0 2px 0;
    }
    img.pic3left, img.pic3right, img.pic4left, img.pic4right  {
        max-width: 49%;
    }
    body .hideOnTablets  {
        display: none;
    }
    .hideOnDesktops  {
        display: block;
    }
}
@media screen and (max-width: 500px)  {
    .maincontent  {
        width: 96%;
        margin-left:2%;
    }
    #headerbox  {
        margin-top: 50px;
    }
    .sidebar  {
        display:none;
        width:300px;
        border-left:none;
        position:absolute;
        right:0;
        top:230px;
        background:#f0f0f0;
        box-shadow: 0px 20px 30px -20px rgba(0, 0, 0, 0.4);
    }
    .sidebar.sidebar1, .sidebar.sidebar2  {
        display:block;
        float:none;
        clear:both;
        width:100%;
        position:static;
        box-shadow:none;
        background:none;
    }
    .sidebar.sidebar1 .inner, .sidebar.sidebar2 .inner  {
        width: 96%;
        margin-left:2%;
    }
    .innerbc  {
        width:90%;
        float:left;
    }
    #opensidebarswitch  {
        display:block;
        width: 19px;
        height:57px;
        position:absolute;
        right:0;
        top:230px;
    }
    #closesidebarswitch  {
        display:block;
    }
    .frontpage #opensidebarswitch  {
        top:270px;
    }
    .mobileheader  {
        height: 50px;
        width:100%;
        position:fixed;
        top: 0;
        left:0;
        background:#fff;
        z-index:900;
        box-shadow: 0px 20px 30px -10px rgba(0, 0, 0, 0.4);
    }
    .mobileheader #mobile-logo  {
        margin: 0 0 0 10px;
        max-height: 100%;
    }
    a.toggleMenu  {
        height: 40px;
        margin: 5px 30px 0 0;
    }
    #aprevnext2  {
        display:block;
        margin-top:10px;
    }
    h1  {
        font-size: 1.6em;
    }
    h2  {
        font-size: 1.4em;
    }
    h3  {
        font-size: 1.2em;
    }
    #colorpickericon  {
        top:60px;
    }
    #colorpicker  {
        top:60px;
    }
}
@media (max-width: 479px)  {
    img.pic2left, img.pic2right  {
        max-width: 100%;
        margin: 3px 0 2px 0;
    }
    img.pic3left, img.pic3right, img.pic4left, img.pic4right  {
        max-width: 49%;
    }
    .hideOnMobiles  {
        display: none;
    }
    body .hideOnTablets  {
        display: block;
    }
    body .hideOnDesktops  {
        display: block;
    }
}

 /*##################################
	Boxes startpage overview
##################################*/
.equalbox {width:32%; float:left; margin:0 1% 20px 0; background: rgba(100,100,100,0.1); border-radius: 15px 15px 0 0; box-shadow: 4px 4px 4px #575757;}
.equalbox ul {margin: 0 10px 10px}
.equalbox > div > .w3-btn a {
	/*font-size: 2vw;*/
	color: white !important;
}
.equalbox .item-long1 {/*padding: 5px 10px; text-shadow: 0 0 2px #000;*/ text-align: left;/* overflow:auto*/}

    html {
      --scrollbarBG: #CFD8DC;
      --thumbBG: #90A4AE;
    }
    .equalbox .item-long1::-webkit-scrollbar {
      width: 11px;
    }
    .equalbox .item-long1 {
      scrollbar-width: thin;
      scrollbar-color: var(--thumbBG) var(--scrollbarBG);
    }
    .equalbox .item-long1::-webkit-scrollbar-track {
      background: var(--scrollbarBG);
    }
    .equalbox .item-long1::-webkit-scrollbar-thumb {
      background-color: var(--thumbBG) ;
      border-radius: 6px;
      border: 3px solid var(--scrollbarBG);
    }

@media screen and (max-width: 600px) {.equalbox {width:98%!important}}	
@media screen and (max-width: 900px) {.equalbox {width:48%}}

.w3-display-topleft {
	position: relative!important;
	left: 0;
	top: 0;
}