/* floatbar */
.floatbar{
  background-color: #fff;
  box-shadow:0 0 20px 3px rgba(0,0,0,.72);
  bottom:0;
  left:0;
  font-family: Arial, Helvetica;
  position:fixed; 
  width:100%;
  font-size:14px; 
  z-index:99999;
  display:none
}
.floatbar_content{
  background-image: url('https://stcm.nl/mobiel/img/t-i-152x152-precomposed.png');
  background-repeat:no-repeat;
  background-size:60px 60px;
  min-height:60px;
  margin:20px 20px 0 20px;
  padding-left:80px
}
.floatbar_footer{
  margin:10px 20px 20px 20px
}
.floatbar_footer button{
  float:right;
  line-height: 1.5;
  padding:5px 20px 5px 20px;
  text-align: center;
  letter-spacing: .05em;
  font-size: 1em;
  border-radius: 2px
}
.floatbar_footer button.primair{
  color:#FFF;
  border: 1px solid transparent;
  box-shadow:0 2px 5px 0 rgba(0,0,0,.16);
  background-color:#4285f4;
  margin-left:20px
}
.floatbar_footer button.secundair{
  color:#4285f4;
  background-color:transparent;
  border: 1px solid #4285f4
}

@media screen and (max-width:768px){
#mobilemenu{
  display:block !important;
  color:#979797;
  font-family: Arial;
  font-size:15px
}
body{
  background:0
}
#navbar, #wbds_billboard, #subscription_info{
  display:none
}

header .logo, header .logo_referer, .nav2, .nav3, .nav4, .nav_gebed, .nav1_button, .nav2_button, .nav3_button, .nav4_button, .nav_gebed_button, .userspace_loggedout, .userspace_loggedin_logout, .userspace_loggedin_avatari{
  background-image:url('https://stcm.nl/mobiel/img/sprite.png?v=2.1.42');
  background-repeat:no-repeat
}
nav, .nav_on, .nav_off{
  background-image:url('https://stcm.nl/mobiel/img/spritev.png?v=2.1.42');
  background-repeat:repeat-x
}

/* header, footer en logo */
header{
  width:100%;
  height:45px;
  background-color:#333
}
header .logo, header .logo_referer{
  width:105px;
  height:45px;
  cursor:pointer
}
#logo{
  float:left
}
#logo .logo{
  width:45px;
  background-position:-550px -400px
}
#logo .logo_referer{
  background-position:-310px -1080px
}
#logo .logo_referer .logohome, #logo .logo_referer .logoback{
  width:45px;
  height:45px;
  float:left
}
#footer A:hover{color:#FFF;text-decoration:underline}
#footer A:link,#footer A:visited,#footer A:active{color:#FFF;text-decoration:underline}
#footer{
  display:block !important;

  padding:10px 0 10px 0;
  background-color:#363636
}

/* userspace */
.gradddwn{
  background-image: linear-gradient(bottom, rgba(0,0,0,0.3) 0%, transparent 100%);
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, transparent 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, transparent 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, transparent 100%);
  background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, transparent 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0,0,0,0.3)), color-stop(1, transparent));
}
#userspace{
  float:right
}
.userspace_loggedin_pmunread{
  background-color:#FF0000;
  border-radius:5px;
  font-size:10px;
  text-align:center;
  padding:3px 4px 1px 4px;
  position:relative;
  top:5px;
  right:-15px;
  color:#FFF;
  box-shadow: 0 1px 3px #000;
  float:left
}
.userspace_loggedin_avatar{
  background-position:46% 50%;
  background-repeat:no-repeat;
  background-size: 36px 36px;
  float:left
}
.userspace_loggedin_avatari{
  background-position:-378px -1231px;
  width:46px;
  height:45px
}
.userspace_loggedin_logout{
  background-position:-424px -1231px;
  width:46px;
  height:45px;
  float:left;
  cursor:pointer
}
.userspace_loggedout{
  background-position: -310px -1038px;
  width:60px;
  margin:10px;
  height:25px
}

/* navigation */
nav{
  background-position:0 0;
  background-color:#333;
  width:100%
}
nav A:link, nav A:visited, nav A:active{
	color:#979797;
	text-decoration:none
}
nav A:hover{
	color:#979797;
}
.font_nav{
  font-size:70%
}
.bar1, .bar2, .bar3, .bar4, .bar5{
  width:20%;
  float:left;
  height:2px
}
.bar1{
  background-color:#009DD3
}
.bar2{
  background-color:#C72780
}
.bar3{
  background-color:#ECDE00
}
.bar4{
  background-color:#B7412A
}
.bar5{
  background-color:#8FD400
}
.nav1, .nav2, .nav3, .nav4, .nav_gebed{
  background-position:0 -10px;
  float:left;
  width:20%;
  text-align:center;
  height:50px
}
.nav1_button, .nav2_button, .nav3_button, .nav4_button, .nav_gebed_button{
  width:100%;
  height:25px;
  padding-top:20px;
  margin-top:5px
}
.nav_gebed span{
  font-size:95%;
  position:relative;
  left:14px;
  top:-36px
}
.nav1_button{
  background-position:50% -97px
}
.nav2_button{
  background-position:50% -1290px
}
.nav3_button{
  background-position:50% -148px
}
.nav4_button{
  background-position:50% -350px
}
.nav_gebed_button{
  background-position:50% -280px
}
.nav_off{
  background-position:0 0
}
.nav_on{
  background-position:0 -55px
}


body{
  min-width:0;
  overflow:hidden
}
.formcontrols .blockrow .primary,body,html{
  width:100% !important;
  max-width:100%;
  overflow-x:hidden
}
.above_body{
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0
}
.eventbit .content img,.postbit .content img,.postbitdeleted .content img,.postbitignored .content img,.postbitlegacy .content img,div{
  max-width:100%
}
input:focus,select:focus,textarea:focus{
  font-size:16px;
  background:#eee
}
.logo-image{
  width:100%;
  overflow:hidden;
  height:90px !important;
  position:absolute;
  top:0
}
.logo-image img{
  width:100%;
  height:90px
}
.postdetails{
  overflow:hidden
}
#ad-rec-btf-top{
  margin:0
}
.mcpbitarr{
  display:none
}
.mcpbitavatar{
  float:left;
  width:90px;
}
.mcpbitfieldcontainer{
  width:120px;
  float:left
}
#header, #mcheaderlogo, #ad-banner-atf, #ad-header-atf{
  display:none
}
#c_left,.above_body{
  width:100% !important;
  overflow:hidden
}
.formcontrols .blockrow label{
  width:30%
}
.formcontrols .blockrow .description,form .rightcol{
  margin-left:30%
}
#newreplylink_bottom,#newreplylink_top,#newthreadlink_bottom,#newthreadlink_top,#pagetitle,#mvc_add_sub_top,#navbar_watisernieuw{
  text-align:center
}
#c_left{
  float:none;
  padding:0
}
#navbar{
  height:27px
}
#breadcrumb{
  margin-top:5px
}
#view-visitors .commalist table{
  width:100%
}
#view-visitors .commalist table tr>td:last-of-type{
  width:100%;
  font-size:80%
}
#view-visitors .commalist table tr>td:last-of-type a{
  font-size:8px
}
#sidebar_container .blocksubhead{
  padding:5px 0 !important
}
#c_bottom,#c_top,#globalsearch,#view-visitors .commalist table tr>td:first-of-type,.threadbit .threadpostedin{
  display:none
}
.forumbit_post .foruminfo .forumicon{
  left:5px;
  display:none
}
.forumbit_post .foruminfo .forumdata .datacontainer{
  width:84%;
  padding-left:6px
}
.forumbit_post .forumstats li,.forumbit_post .forumstats_2 li{
  padding-right:30px
}
.forumbit_post .forumrow .forumlastpost{
  font-size:11px;
  width:30%
}
.forumbit_post .forumdescription,.forumbit_post .forumrow .lastpostby,.forumbit_post .forumrow .lastpostdate,.forumbit_post .forumstats li,.forumbit_post .forumstats_2 li,.threadbit .threadlastpost,.threadbit .threadstats{
  font-size:80%
}
.forumbit_post .forumstats,.forumbit_post .forumstats_2{
  width:18%;
  margin-right:5%
}
.threadbit .threadlastpost{
  width:15%
}
.threadbit .threadlastpost .username{
  font-size:10px
}
.forumbit_post .foruminfo{
  min-width:30%;
  width:45%
}
.threadbit .threadinfo{
  min-width:30%;
  width:57%
}
#searchbits .threadinfo{
  width:59%
}
.threadbit .nonsticky a.threadstatus,.threadbit .sticky a.threadstatus{
  width:10px;
  background-position:-4px 4px
}
.threadbit .threadtitle{
  margin-right:0;
  max-height:80px
}
.searchtitle{
  padding-left:0
}
.threadbit .threadmeta{
  font-size:11px !important;
  padding-left:35px
}
.threadbit .threadstats li{
  margin-right:6%
}
.threadbit .threadlastpost dd{
  font-size:0;
  margin:0;
  margin-left:2px
}
.threadbit .threadlastpost dd a:last-of-type{
  display:block
}
.forumbit_post .forumrow .forumlastpost .lastposttitle a:last-of-type img,.threadbit .threadlastpost dd a:last-of-type img{
  position:absolute;
  
}
.threadbit .threadlastpost dd a,.threadbit .threadlastpost dd em{
  font-size:10px
}
.postbitlegacy .signature{
  max-height:50px
}
.threadbit .threadstats{
  overflow:hidden;
  text-align:left;
  padding-left:3px;
  width:15%
}
.threadbit .pagination{
  margin-bottom:-10px;
  margin-top:0
}
#searchbits .threadstats{
  width:18%
}
.threadlisthead{
  font-size:65%
}
#searchbits .threadlastpost{
  width:21%
}
#thread_000001 .nonsticky a.threadstatus,#thread_000001 .sticky a.threadstatus,#thread_000001 .threadlastpost,#thread_000001 .threadstats{
  display:none
}
#search_inlinemod_form{
  margin-top:1em
}
#thread_000001 .inner,#thread_000001 .threadinfo{
  width:100%
}
#thread_000001 .inner{
  text-align:center
}
#toplinks{
  width:190px;
  overflow:hidden
}
#usercp_nav{
  width:20%
}
#sidebar_container{
  width:25% !important;
  overflow:hidden
}
#sidebar_container+.contentright{
  margin-left:26%
}
#visitor_message_inlinemod_form{
  margin-top:40px
}
#usercp_nav .blockrow * a{
  line-height:1.2em
}
#sidebar_container a,#usercp_nav .blockhead,#usercp_nav .blocksubhead,#usercp_nav li a,.usercp_content .blockhead,.usercp_content .blocksubhead{
  padding:3px;
  font-size:70%;
  text-transform:uppercase;
  overflow:hidden
}
#sidebar_container .userprof_content .blockrow{
  font-size:80% !important
}
#sidebar_container .blockrow{
  padding:2px
}
#usermenu,.member_summary dl.stats dd{
  margin-left:0 !important
}
.postbit-lite .avatarlink img{
  width:30px
}
.userprof_vmright{
  margin-left:40px
}
#usercp_nav li a.usercp_folder-left{
  background:0 0
}
#usercp_content .cp_content{
  margin-left:21%
}
#pmfolderlist,.pmlist{
  font-size:80% !important
}
.pmlist .blockrow .title{
  font-size:12px
}
.pmlist .blockrow .commalist,.pmlist .blockrow .datetime{
  font-size:10px
}
.pmlist .blockrow .threadicon{
  margin-right:5px
}
.pmlist .blockrow{
  padding:5px
}
#pm_filterform{
  margin-left:-21%
}
#foldercontrols,#pmlist_info{
  margin-left:-10.5%
}
.postbit .posthead .postdate{
  width:auto
}
#postpagestats_above,#showpm .pbit1,#showpm .postbit_reputation,#showpm .userinfo_extra,.forumbit_post .forumdescription{
  display:none
}
#showpm .pbit2{
  padding:3px;
  margin-top:3px;
  margin-right:-6px
}
.postfoot{
  margin-bottom:5px
}
.postcontrols a{
  font-size:0 !important;
  height:15px;
  margin-left:-5px !important
}
#c_right{
  z-index:1000;
  width:203px;
  position:fixed;
  padding-left:3px;
  top:0;
  right:-206px;
  background-color:#fff;
  height:100%;
  overflow-y:scroll;
  overflow-x:hidden;
  -webkit-transition:right .2s ease-in-out;
  -moz-transition:right .2s ease-in-out;
  -o-transition:right .2s ease-in-out;
  transition:right .2s ease-in-out
}
#c_right>div{
  z-index:1002
}
#responsivebutton{
  -webkit-transition:right .2s ease-in-out;
  -moz-transition:right .2s ease-in-out;
  -o-transition:right .2s ease-in-out;
  transition:right .2s ease-in-out;
  display:block;
  cursor:pointer;
  color:#3F5A96;
  background:#fff;
  -webkit-border-top-left-radius:5px;
  -moz-border-top-left-radius:5px;
  border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-bottom-left-radius:5px;
  border-bottom-left-radius:5px;
  top:25px;
  padding:8px 7px 6px 10px;
  right:0;
  height:27px;
  width:24px;
  margin-left:-43px;
  position:fixed;
  font:400 26px Arial,Calibri,Verdana,Geneva,sans-serif;
  text-decoration:none;
  line-height:26px;
  z-index:1001;
  -webkit-box-shadow:-10px 5px 15px 0 hsla(0,0%,0%,.25);
  box-shadow:-10px 5px 15px 0 hsla(0,0%,0%,.25);
  text-rendering:geometricPrecision
}
#responsivebutton:before{
  content:"\2261"
}
#c_right .rcontent:first-of-type:before{
  content:"";
  display:block;
  position:relative;
  height:8px;
  width:203px;
  margin-left:-5px;
  margin-top:5px;
}
#c_right.expand{
  right:0 !important;
  -webkit-overflow-scrolling:touch;
  -webkit-box-shadow:-10px 0 15px 15px hsla(0,0%,0%,.25),-180px 0 100px 100px hsla(0,0%,0%,.5);
  box-shadow:-10px 0 15px 15px hsla(0,0%,0%,.25),-180px 0 100px 100px hsla(0,0%,0%,.5)
}
#responsivebutton.expand{
  right:206px
}
.body_wrapper{
  width:96%;
  padding-left:2%;
  padding-right:2%
}
#above_postlist,#above_threadlist,#below_threadlist{
  float:none;
  height:75px
}
.below_postlist .newcontent_textcontrol{
  position:relative !important;
  top:auto !important
}
#newreplylink_bottom,#newreplylink_top,#newthreadlink_bottom,#newthreadlink_top,#mvc_add_sub_top,#mvc_add_sub_bottom,#navbar_watisernieuw{
  float:none;
  width:82%;
  display:inline-block;
  margin-left:3% !important;
  margin-right:3%;
  padding-left:6%;
  padding-right:6%
}
#newreplylink_bottom,#newthreadlink_bottom{
  top:3em
}
#pagination_bottom,#pagination_top,.above_threadlist .threadpagenav,.below_threadlist .threadpagenav{
  float:none;
  width:100%;
  margin:15px 0
}
.below_threadlist .threadpagenav .pagination{
  margin-top:-5px
}
p.description{
  display:none
}
.pagination{
  margin-top:0;
  padding-top:3px;
  top:10px;
  overflow:hidden;
  height:35px;
  text-align:right
}
.first_last,.prev_next{
  position:relative;
  top:-1px
}
#navtabs li:nth-of-type(1) .floatcontainer>li,#navtabs>li:nth-of-type(n+3),.forum_info_form_block+.options_block_container .options_block2,.options_block,.postbit .userinfo .rank,.postbit .userinfo .usertitle,.postbit .userinfo_noavatar .rank{
  display:none
}
#mcfooter, .below_body{
  display:none
}
#mvcfooterl{
  background:0 0
}
#posts>li{
  float:none;
  width:99%;
  margin-left:auto;
  margin-right:auto
}
#posts .userinfo{
  float:none;
  min-height:50px;
  width:92%
}
#posts .userinfo:before{
  content:"";
  position:absolute;
  margin:5px 0 0 -50px
}
#posts .imlinks,#posts .userinfo_extra dd:not(:last-of-type),#posts .userinfo_extra dt:not(:last-of-type){
  display:none
}
#posts .imlinks,#posts .userinfo_extra{
  width:40%;
  position:absolute;
  top:15px;
  right:44px
}
#posts .postbody{
  margin:0;
  padding:0
}
.bbcode_container div.bbcode_quote div.message,.bbcode_postedby,.blockhead{
  font-size:11px
}
.bbcode_container{
  margin:0
}
.first_last,.pagination span a.popupctrl{
  font-size:0
}
.toolsmenu{
  width:99%
}
.postbitlegacy .userinfo .rank{
  margin-bottom:-10px
}
.postbit .postuseravatarlink+.username_container{
  float:none
}
.mcnavbar{
  display:none;
  background:0
}
.forumhead{
  background-position-x:-30px !important;
}
.mcnavbarf, .mcnavbari, .mcnavbarl{
  border-radius:3px;
  background-color:#EEE;
  margin:2px 5px 0 0;
  padding:2px 4px 2px 4px
}
.options_block2{
  width:100%;
  float:none;
  min-width:100%
}
#c_container{
  background-position:-10px 0;
  width:100%;
  padding:0
}
.mcnoticeh, .mcnoticef, .mcnoticec{
  width:100%;
}
.mcnoticec{
  padding:0
}
.mcnoticec div{
  padding:0 10px 0 10px
}

#navbar_watisernieuw{
  display:block !important;
  margin-top:5px;
  margin-bottom:5px
}
.searchtitle{
  overflow:auto !important;
  height:auto !important
}

#ad-mobheader{
  padding: 0 0 3px 0;
  text-align: center;
  margin: auto;
  background-color: #EEE;
}
}