/* Add font */
@font-face {font-family:'Orator W01 Medium';}
@font-face {font-family:'Orator W01 Slanted';}

/* General */
html {height:100.2%;}
body {margin:0; font-family:Arial,sans-serif; background-color:#333333;}
img {border:none;}
div, p, li, th, td, dt, dd {font-size:12px;}
th, td {vertical-align:top;}
hr {height:0; border-style:none none solid none; border-width:1px; border-color:#999;}
.csc-frame-rulerAfter {border-bottom:dotted 1px #005588;}
.csc-frame-rulerBefore {border-top:solid 1px #005588;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}
span.blue {color:#3886c0;}
span.bigger {margin-bottom:5px; margin-top:5px; display:block; font-size:14px; font-weight:bold;}
span.small {display:block; margin-top:12px; font-size:10px;}
span.information {display:block; margin-top:8px; font-size:9px;}
span.big {font-size:13px; font-weight:bold;}
a#up {display:block; float:right; margin:25px 20px 0 0; width:34px; height:36px; background:url(../img/totop.png) no-repeat;}
a.test {display:inline-block; padding-left:2%; line-height:26px; background:url(../img/arrow_btn.png) 70px center no-repeat #189acb; background-size:10%; border-radius:5px; width:76px; height:20px; color:#fff !important; font-size:13px; line-height:22px; text-transform:uppercase; font-family:Orator W01 Medium;}
a.buy {display:inline-block; padding-left:2%; line-height:26px;  background:url(../img/arrow_btn.png) 70px center no-repeat #189acb; background-size:10%; border-radius:5px; width:76px; height:20px; color:#fff !important; font-size:13px; line-height:22px; text-transform:uppercase; font-family:Orator W01 Medium;}

/* Overall layout */
div#wrapper1 {text-align:center;}
div#wrapper2 {width:1000px; margin:0 auto; text-align:left; overflow:hidden;}
ul#skipnav {display:none;}
div#wrapper3 {overflow:hidden; padding:0 0 15px 0; width:1000px; background-color:#efefed;}
div#topbox {width:1000px; height:240px; background-color:#fff; border-top:14px solid #4e4e4e;}
div#topnav {position:relative; width:1000px; margin:0; padding:0; background-color:#4e4e4e; z-index:10000;}
div#topimage {overflow:hidden; width:1000px; line-height:0;}
div#basenav {float:left; margin-top:18px; width:148px; overflow:hidden;}
div#breadcrumb {display:none; height:28px; padding-left:10px; overflow:hidden;}
div#contentbox {overflow:hidden; float:left; padding-bottom:20px; width:658px; background-color:#fff; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px;}
div#content {float:right; overflow:hidden; width:460px; padding-top:20px; padding-right:16px;}
div#rightbox {float:right; width:342px;}
div#right {padding:0 18px; width:305px;}
div#footerwrapper {margin:0 auto; width:1000px; background-color:#dedfdf;}
div#footer {}
div#metanav {padding:10px 0 10px 0;}

/* Top box */
div#topbox img {clear:none; float:left; margin:0; padding:0;}
div#topbox a#homelink {display:block; float:right; margin-right:90px; margin-top:48px; width:325px; height:148px;}
div#topbox img.newproduct {margin-left:26px; margin-top:49px;}


/*Menus */
 /* Top menu */
div#topnav {padding:14px 0 15px 0;}
div#topnav ul {position:relaltive; display:inline; list-style:none; margin:0; padding-left:0; font-size:17px; color:#fff;}
div#topnav ul li {display:inline;}
div#topnav ul li a {height:19px; padding:0 16px 15px 16px; font-size:17px; text-decoration:none; color:#fff; font-family:Orator W01 Medium; text-transform:uppercase;}
div#topnav ul li a:hover {border-bottom:solid 10px #3886c0;}
div#topnav ul li.act a {border-bottom:solid 10px #3886c0;}

  /* Language and Searchslide */
div#topnav div#search-nav {overflow:visible; position:absolute; top:48px; right:25px; width:166px; height:24px; background-color:#4e4e4e;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;}
div#topnav div#search-nav a.searchclick {display:inline-block; padding-left:20px; height:24px; width:31px; color:#fff; cursor:pointer;}
div#topnav div#search-nav form {display:none; position:absolute; right:15px; top:-7px; padding:4px 0 0 0; text-align:center;}
div#topnav div#search-nav form fieldset {width:137px; margin:0; padding:0; border:none;}
div#topnav div#search-nav form legend {display:none;}
div#topnav div#search-nav form label {display:none;}
div#topnav div#search-nav form input#searchinput {width:135px; height:20px; margin:6px 0 0 0; padding:0 0 0 4px; font-size:11px; background-color:#fff; border:none;}
div#topnav div#search-nav form input#searchsubmit {display:none; float:left; width:42px; height:20px; margin:0 16px 0 0; padding:0; font-size:11px; color:#fff; background-color:transparent; border:none;}
div#topnav div#search-nav form input#searchsubmit:hover {text-decoration:underline;}

div#topnav div#search-nav a.languageclick {display:block; float:left; padding-left:20px; height:24px; width:81px; line-height:20px; font-size:14px; color:#fff; text-transform:uppercase; cursor:pointer; font-family:Orator W01 Medium;}
div#topnav div#search-nav div.tx-srlanguagemenu {display:none; position:absolute; margin-top:5px; width:100%; left:20%; height:22px; text-align:center; font-size:11px; color:#000;}
div#topnav div#search-nav div.tx-srlanguagemenu div {color:#000;}
div#topnav div#search-nav div.tx-srlanguagemenu div a {display:block; float:left; width:30%; font-size:11px; text-decoration:none; color:#fff; text-align:center;}
div#topnav div#search-nav div.tx-srlanguagemenu div a:hover {text-decoration:underline;}

div#topnavmobil {display:none;}

 /* Left menu */
div#basenav ul {list-style:none; margin:0 0 0 0; padding:0;}
div#basenav ul li {margin:0; padding:0;}
div#basenav ul li a {display:block; margin:0 0 0 0; padding:5px 0 5px 16px; line-height:14px; font-size:13px; color:#3f4344; font-weight:bold; text-decoration:none;}
div#basenav ul li a:hover {color:#3886c0; background:url(../img/basenav-dot.png) 0 6px no-repeat;}
div#basenav ul li.act a {font-weight:bold; color:#3886c0; background:url(../img/basenav-dot.png) 0 6px no-repeat;}

div#basenav ul li.act ul {margin:0; border-bottom:none;}
div#basenav ul li.act ul li {margin:0;}
div#basenav ul li.act ul li a {margin:0 0 0 0; padding:10px 0 10px 34px; font-weight:normal; color:#3f4344; background:none;}
div#basenav ul li.act ul li a:hover {color:#3886c0; background:url(../img/basenav-dot.png) 0 11px no-repeat;}
div#basenav ul li.act ul li.act a {color:#3886c0; background:url(../img/basenav-dot.png) 0 11px no-repeat;}


 /* Breadcrumb*/
div#breadcrumb {line-height:28px; font-size:11px;}
div#breadcrumb a {font-size:11px; color:#10375b; text-decoration:none;}
div#breadcrumb a:hover {text-decoration:underline;}


/* Content */
div#contentbox h1 {margin:0 0 10px 0; font-size:18px; font-weight:normal; color:#10375b;}
div#content h2 {margin:0 0 10px 0; color:#3886c0; font-size:20px; font-weight:normal; font-family:Orator W01 Medium; text-transform:uppercase;}
div#content h3 {margin-top:0; font-size:14px; color:#4e4e4e;}
div#content h5 {margin:0 0 10px 0; padding-left:45px; color:#3886c0; font-size:18px; line-height:30px; font-weight:normal; font-family:Orator W01 Medium; text-transform:uppercase; background:url(../img/tags-icon.png) 0 0 no-repeat;}
div#content p {margin:0 0 10px 0; line-height:21px; color:#3f4344; font-size:13px;}
div#content li {line-height:21px; color:#3f4344; font-size:13px; list-style-image:url(../img/bullet.png);}
div#content th, div#content td {font-size:12px;}
div#content dd, div#content dt {font-size:12px;}
div#content span.blue {color:#3886c0;}

div#content a.greybg {display:inline-block; margin:3px; padding:5px; background-color:#dddede;  color:#4e4e4e; text-decoration:none;}
div#content form fieldset {border:none;}
div#content form legend {display:none;}
div#content form label {font-size:12px;}
div#content form div.csc-mailform-field {clear:left; margin-bottom:5px;}
div#content form div.csc-mailform-field label {display:block; float:left; width:100px;}
div#content form div.csc-mailform-field input {width:300px;}
div#content form div.csc-mailform-field textarea {width:300px;}
div#content a {color:#3886c0; text-decoration:none;}
div#content a:hover {text-decoration:underline;}
div#content .csc-textpic-imagewrap {padding:0 5px 2px 0;}
div#content div.csc-frame-indent3366 {margin-left:165px;}
div#content div.csc-frame-rulerBefore {height:10px; border-top:solid 1px #767676;}
div#content div.csc-frame-rulerAfter {height:10px; margin-bottom:10px; border-bottom:dotted 1px #c1c1c1;}
div#content span.Anmerkung {font-size:9px; color:#999;}
  /* Standardframe */
div#content div.csc-default {margin-bottom:20px;}
div#content div.csc-default h3 {margin-top:0; font-size:16px; color:#4e4e4e;}
  /* Frame 1 line top */
div#content div.csc-frame-frame1 {padding:25px 12px 12px; background-color:#fff; background:url(../img/contentbg-linetop.png) repeat-x;}
  /* Frame 2 line top */
div#content div.csc-frame-frame2 {padding:25px 12px 12px; background-color:#fff; background:url(../img/contentbg-linetop.png) repeat-x;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius-bottomleft: 8px;
-moz-border-radius-bottomright: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;}
  /* Frame 5 rounded corners on every side */
div#content div.csc-frame-frame5 {padding:25px 12px 12px; background-color:#fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}
div#content div.csc-frame-frame5 h5 {margin:0 0 10px 0; padding-left:45px; color:#3886c0; font-size:18px; line-height:30px; font-weight:normal; font-family:Orator W01 Medium; text-transform:uppercase; background:url(../img/tags-icon.png) 0 0 no-repeat;}
  /* Frame 7  white rounded corners top*/
div#content div.csc-frame-frame7 {padding:20px 12px 12px; background-color:#fff; 
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#content div.csc-frame-frame7 h1 {font-size:20px; color:#4e4e4e;}



  /* Indexed search */
div#content form div.tx-indexedsearch-form label {display:block; width:100px;}
div#content form div.tx-indexedsearch-form input.sword {display:block; clear:left; float:left; width:175px; height:17px; margin:10px 0 0 0; padding:2px 0 0 0; font-size:12px; border:solid 1px #999;}
div#content form div.tx-indexedsearch-search-submit input.submit {display:block; width:68px; height:21px; margin:10px 0 0 2px; padding:0; font-weight:bold; color:#1d2288; background-color:#efefef; border:solid 1px #999;}
div#content form div.tx-indexedsearch-search-submit input.submit:hover {color:#fff; background-color:#1d2288; border:solid 1px #999;}
div#content div.tx-indexedsearch-whatis {font-size:14px;}

/* Lemkecoupon */
div.user-lemkecoupon-controller label {display:block; float:left; width:80px; margin-bottom:5px;}
div.user-lemkecoupon-controller input {margin-bottom:5px; width:300px;}
div.user-lemkecoupon-controller input.step-2-submit {margin-top:15px; width:80px;}
div.user-lemkecoupon-controller input.step-1-submit {float:right; margin-top:15px; margin-right:25px; width:80px;}
div.user-lemkecoupon-controller span.error {display:block; margin-left:80px; font-size:10px; color:red;}


/* Right side */
div#right h1 {font-size:16px; color:#10375b;}
div#right h2 {margin:0 0 10px 0; font-size:13px; color:#10375b;}
div#right h3 {font-size:12px;}
div#right p {padding:0 15px; color:#3f4344;}
div#right ul {margin-top:5px; padding-left:20px;}
div#right li {}
div#right a {color:#3886c0; text-decoration:none;}
div#right a:hover {text-decoration:underline;}
/* Grey Box Right Side */
div#right div.csc-frame-frame3 {margin-bottom:38px; padding-bottom:10px; background-color:#fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
div#right div.csc-frame-frame3 h2 {padding:10px 0 15px 20px; height:17px; color:#fff; font-size:18px; font-weight:normal; font-family:Orator W01 Medium; text-transform:uppercase; background-color:#4e4e4e; 
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.csc-frame-frame3 h3 {padding:10px 0 15px 50px; height:17px; color:#fff; font-size:18px; font-weight:normal; font-family:Orator W01 Medium; text-transform:uppercase; background:url(../img/support-icon.png) 10px 5px no-repeat; background-color:#4e4e4e;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.csc-frame-frame3 h4 {margin:0; padding:10px 0 15px 50px; height:17px; color:#fff; font-size:18px; font-weight:normal; font-family:Orator W01 Medium; text-transform:uppercase; background:url(../img/patch-icon.png) 10px 5px no-repeat; background-color:#4e4e4e;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.csc-frame-frame3 h5 {margin:0; padding:10px 0 15px 50px; height:17px; color:#fff; font-size:18px; font-weight:normal; font-family:Orator W01 Medium; text-transform:uppercase; background:url(../img/newsletter-icon.png) 10px 5px no-repeat; background-color:#4e4e4e;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.csc-frame-frame3 h6 {margin:0; padding:10px 0 15px 50px; height:17px; color:#fff; font-size:18px; font-weight:normal; font-family:Orator W01 Medium; text-transform:uppercase; background:url(../img/cd-icon.png) 10px 5px no-repeat; background-color:#4e4e4e;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.csc-frame-frame3 p {padding:0 15px; line-height:18px;}
div#right div.csc-frame-frame6 {margin-bottom:0;  padding-bottom:20px; border-radius:0;  background-color:#fff;}
div#right div.csc-frame-frame6 h2 {padding:10px 0 15px 20px; height:17px; color:#fff; font-size:18px; font-weight:normal; font-family:Orator W01 Medium; text-transform:uppercase; background-color:#4e4e4e;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.csc-frame-frame6 p {margin-bottom:0;}
/* Blue Box Right Side */
div#right div.csc-frame-frame4 {margin-bottom:38px; padding-bottom:10px; background-color:#cde8f1; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
div#right div.csc-frame-frame4 h2 {padding:10px 0 15px 20px; height:17px; color:#fff; font-size:18px; font-weight:normal; font-family:Orator W01 Medium; text-transform:uppercase; background-color:#3886c0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;}
div#right div.csc-frame-frame4 a {padding-left:18px; color:#3886c0; text-decoration:none; background:url(../img/linkicon-blue-right.png) no-repeat;}
div#right div.csc-frame-frame4 a:hover {text-decoration:underline;}
div#right div.csc-frame-frame4 p {padding:0 15px; line-height:18px;}



/* Footer */
div#footer {overflow:hidden; padding-top:22px; padding-bottom:27px; text-align:left; color:#737373; font-family:Orator W01 Medium;}
div#footer h4 {margin-top:0; margin-bottom:12px; font-weight:normal; color:#3886c0; font-size:13px;}
div#footer div#contact {float:right; padding:0 50px; font-size:13px;}
div#footer div#contact span.blue {display:block; font-size:13px;}
div#footer div#contact div.contacts {font-size:13px;}
div#footer div#contact div.contacts span.blue {padding-bottom:5px;}
div#footer div#contact div.contacts a {color:#737373; text-decoration:none;}
 /* Support */ 
div#footer div#support {float:right;  padding:0 50px;}
div#footer div#support a {color:#737373; font-size:13px; text-decoration:none;}
div#footer div#support a:hover {text-decoration:underline;}
 /* Worldclock */
div#footer div#worldclock {margin-top:23px;}
div#footer div#worldclock div.timeslot {width:150px;}
div#footer div#worldclock span.label {font-size:14px; width:30px; margin-right:10px;}
div#footer div#worldclock span.time {float:right;}

 /* Metanav */
div#metanav {width:205px; padding:0 50px;}
div#metanav ul {list-style:none; margin:0; padding:0;}
div#metanav ul li {}
div#metanav ul li a {padding:0; font-size:13px; line-height:22px; text-decoration:none; color:#737373;}
div#metanav ul li a:hover {text-decoration:underline;}
 /*Socialbar */
div#footer div#socials {padding:0 50px;}
div#footer div#socials div.network a {display:block; margin-right:6px; color:#737373; font-size:13px; text-decoration:none;}
div#footer div#socials {float:right;}
div#footer div#socials div.social h4 {margin-top:24px;}
div#footer div#socials div.social a {display:inline-block; margin-right:6px; width:19px; height:19px;}
div#footer div#socials div.social a.twitter {background:url(../img/social-sprite.png) no-repeat;}
div#footer div#socials div.social a.facebook {background:url(../img/social-sprite.png) -25px 0 no-repeat;}
div#footer div#socials div.social a.google {background:url(../img/social-sprite.png) -49px 0 no-repeat;}
div#footer div#socials div.social a.youtube {background:url(../img/social-sprite.png) -74px 0 no-repeat;}
  /* Logo Footer */
div#footer div.lemkelogo {float:right; margin-right:34px; margin-top:113px; width:347px; height:181px; background:url(../img/lemkesoft_footer.png) no-repeat;}


/* Sitemap */
.csc-sitemap ul {list-style-type:none; padding:0px; margin:0px; margin-left:15px; background-image:url('../img/ul-bg.gif'); background-repeat:repeat-y;}
.csc-sitemap ul li {background-image:url('../img/li-bg.gif'); background-repeat:no-repeat; padding-left:15px; padding-top:4px; padding-bottom:0px;}
.csc-sitemap ul li.first {background-image:url('../img/li-first-bg.gif'); }
.csc-sitemap ul li.last {background-image:url('../img/li-last-bg.gif'); }
.csc-sitemap ul li p {padding:0px; margin:0px;}
div#content ul.csc-sitemap a {font-size:11px; width:135px; text-decoration:none; display:block; padding:2px; border:solid 1px #afafaf; background:white;}
div#content ul.csc-sitemap a:hover {font-weight:bold;}



/* Media queries */
@media only screen
and (max-width : 1000px) {
  /* overall */
div#wrapper2 {max-width:1000px; width:auto;}
div#wrapper3 {max-width:1000px; width:auto;}
a#up {margin:5% 3% 0 0;}
  /* header */
div#topnav {width:100%;}
div#topnav ul li a {padding:0 2% 15px;}
div#topbox {overflow:hidden; width:100%; height:auto; padding-bottom:2%;}
div#topbox img.newproduct {width:30%; height:auto; margin-left:2%; margin-top:2%;}
div#topbox a#homelink {width:33%; height:auto; margin-right:2%; margin-top:2%;}
div#topbox a#homelink img {width:100%; height:auto;}
 /* topimage */
div#topimage {width:100%; height:auto;}
div#topimage img {width:100%; height:auto;}
 /* content */
div#contentbox {float:none; width:100%;}
div#content {width:70%; padding:2% 5% 4% 5%;}
div#content table {display:block; overflow:auto; width:100% !important;}
div#content table.contenttable {margin-bottom:5%;}
div#basenav {width:20%; margin-top:2%;}
 /* right */
div#rightbox {float:none; width:100%;  margin-top:4%;}
div#right {width:96%; padding:0 2%;}
div#right div.csc-frame-frame3 {margin-bottom:8%;}
/* footer */
div#footerwrapper {max-width:1000px; width:auto;}
div#footer {width:92%; padding:3% 4% 2%;}
div#footer div#contact {float:left; width:25%; padding:0;}
div#footer div#contact div.contacts span.blue {}
div#footer div#support {float:left; width:25%; padding:0;}
div#footer div#socials {float:left; width:25%; padding:0;}
div#footer div.lemkelogo {display:none;}
div#footer div#metanav {float:left; width:25%; padding:0;}
}

@media only screen
and (max-width:767px) {
  div#topnav {height:6px; padding:0;}
  div#topnav ul {display:none;}
div#topnav div#search-nav {top:6px; right:2%; display:none;}
div#topbox img.newproduct {display:none;}
  /* topnavmobile */
div#topnavmobil {display:block;}
div#topnavmobil {display:inline; clear:both; margin:0 0 0 0; padding:0; width:100%;}
div#topnavmobil div.menuopen {display:block; margin:5% 0 0 15px; width:35px; height:35px; background:url(../img/mobilemenu-icon.png) no-repeat; background-size:100%; text-decoration:none; color:transparent; text-align:center; font-size:0; cursor:pointer;}
div#topnavmobil ul#firstlvlmobil {display:none; clear:both; list-style:none; margin:0; padding:0;}  
div#topnavmobil ul#firstlvlmobil li {display:block;}
div#topnavmobil ul#firstlvlmobil li a {float:none; display:block; padding:3% 0; border-bottom:solid 1px #4e4e4e; text-align:center; font-size:16px; font-weight:bold; text-decoration:none; color:#6f777e;}
div#topnavmobil ul#firstlvlmobil li a:hover {background-color:#dddede; color:#6f777e;}
div#topnavmobil ul#firstlvlmobil li.act a {background-color:#dddede; color:#6f777e;}
div#topnavmobil ul#firstlvlmobil li ul.topnavsub {display:none;}
div#topnavmobil ul#firstlvlmobil li ul.topnavsub li a {font-size:14px; font-weight:normal; background-color:#efefef; color:#6f777e;} 
div#topnavmobil ul#firstlvlmobil li ul.topnavsub li a:hover {background-color:#3886c0; color:#fff;}
div#topnavmobil ul#firstlvlmobil li ul.topnavsub li.act a {background-color:#3886c0; color:#fff;}
div#topnavmobil ul#firstlvlmobil li ul li ul.topnavsubsub {display:none;}
div#topnavmobil ul#firstlvlmobil li ul.topnavsub {padding:0;}
  
div#topnavmobil ul#firstlvlmobil li ul.topnavsub li ul.topnavsubsub {display:none; padding:0;}
div#topnavmobil ul#firstlvlmobil li ul.topnavsub li ul.topnavsubsub li a {font-size:13px; font-weight:normal; background-color:#fff; color:#6f777e;} 
div#topnavmobil ul#firstlvlmobil li ul.topnavsub li ul.topnavsubsub li a:hover {background-color:#3886c0; color:#fff;}
div#topnavmobil ul#firstlvlmobil li ul.topnavsub li ul.topnavsubsub li li.act a {background-color:#3886c0; color:#fff;}

/* content */
div#basenav {display:none;}
div#contentbox {float:none; max-width:100%; width:100%;}
div#content {width:90%; padding-top:8%;}
div#content div.csc-textpic figure {width:100%; height:auto;}
div#content div.csc-textpic figure img {width:100%; height:auto;}

/* right */
div#rightbox {float:none; width:100%;}
div#right {width:96%; padding:0 2%;}

/* footer */
div#footer div#contact {width:45%;}
div#footer div#contact div.contacts span.blue {margin-top:4% !important;}
div#footer div#support {width:45%; padding:0; margin-top:2%; margin-bottom:2%;}
div#footer div#socials {float:none; width:100%; padding:0; margin-top:4%;}
div#footer div#metanav {width:100%; padding:0; margin-top:4%;}
div#footer h4 {margin-bottom:3%;}

}

@media only screen and (max-width : 480px) {
div#topbox {border-top: 8px solid #4e4e4e; padding:3% 0;}
div#topimage {display:none;}
/* content */
div#content div.csc-textpic-text ul {padding-left:8%;}
div#content div.csc-default ul {padding-left:8%;}

/* footer */
div#footer div#contact {float:none; width:100%; padding:0;}
div#footer div#contact div.contacts span.blue {margin-top:4% !important;}
div#footer div#support {float:none; width:100%; padding:0; margin-top:4%;}
div#footer div#socials {float:none; width:100%; padding:0; margin-top:4%;}
div#footer div#metanav {width:100%; padding:0; margin-top:4%;}
div#footer h4 {margin-bottom:3%;}
}

@media only screen and (max-width : 320px) {

}






