/*
Theme name: marinsido
Description: afgeleid thema voor mhsdesign
Author: Marin
Author URI: https://www.mhsdesign.eu/
Template: nirvana
Version: 1.0
*/

@import url(../nirvana/style.css);

h5 {font-size:11px; line-height:13px;}
h6 {margin-top:0 !important; margin-bottom:1.3em !important; font-size:12px !important; font-family:Verdana !important; color:#cb3b08 !important; font-style:italic !important;}

@font-face {font-family: 'MagallanesRegular';src: url('webfonts/232C98_2_0.eot');src: url('webfonts/232C98_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/232C98_2_0.woff') format('woff'),url('webfonts/232C98_2_0.ttf') format('truetype');}

 @font-face {font-family: 'MagallanesLight';src: url('webfonts/232C98_C_0.eot');src: url('webfonts/232C98_C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/232C98_C_0.woff') format('woff'),url('webfonts/232C98_C_0.ttf') format('truetype');}

@font-face {font-family: 'MagallanesExtraLight';src: url('webfonts/232C98_A_0.eot');src: url('webfonts/232C98_A_0.eot?#iefix') format('embedded-opentype'),url('webfonts/232C98_A_0.woff') format('woff'),url('webfonts/232C98_A_0.ttf') format('truetype');}

 @font-face {font-family: 'MagallanesMedium';src: url('webfonts/232C98_E_0.eot');src: url('webfonts/232C98_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/232C98_E_0.woff') format('woff'),url('webfonts/232C98_E_0.ttf') format('truetype');}

@font-face {font-family: 'MagallanesUltraLight';src: url('webfonts/232C98_1_0.eot');src: url('webfonts/232C98_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/232C98_1_0.woff') format('woff'),url('webfonts/232C98_1_0.ttf') format('truetype');}

 @font-face {font-family: 'MagallanesBold';src: url('webfonts/232C98_4_0.eot');src: url('webfonts/232C98_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/232C98_4_0.woff') format('woff'),url('webfonts/232C98_4_0.ttf') format('truetype');}

@font-face {font-family: 'MussicaOT';src: url('webfonts/1E6CAC_0_0.eot');src: url('webfonts/1E6CAC_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1E6CAC_0_0.woff') format('woff'),url('webfonts/1E6CAC_0_0.ttf') format('truetype');}



/* ......................... Aanpassingen template .......................... */


li {line-height:1.2em;}
#content li {line-height:1.5em;}

#content hr {
    margin-bottom: 1.0em;
    margin-top:0;
background-color:#dfeed7;
}

.entry-content {padding-top:0;}

#breadcrumbs {background-color:#CCCCCC !important;}

#content {margin-top:30px; padding-right:20px;}

#container.one-column #content {width:100%;}

.xoxo {margin-top:0px; background-color:#dfeed7;}

#header {background: url("https://www.mhsdesign.eu/wp-content/uploads/banner1.jpg") !important;}

#site-description {
    background-color: rgba(255,255,255,0.4);
    font-size:16px;
    margin-top:14px;
}

.alert {margin: 10px 20px 0 20px;}

#comments {border-top:5px solid #639e43;}

.titelimg {width:100%; max-width:200px !important; margin-top:10px !important;}
.titel {margin-top:0 !important;}


/* .................... aanpassingen widgets .................. */
.widget-title span {
    border-color:#639e43 !important; line-height:normal !important; padding:6px 10px !important;
}
.widget-title {border-bottom:2px solid #639e43  !important;  }

#custom_html-6 .widget-title span {border-bottom:0 none;}

#custom_html-23 {margin-bottom: -30px !important; padding-bottom: -30px !important;}

.entry-meta a:hover, .widget-container a:hover, .footer2 a:hover {
 border-bottom:0 none;   border-bottom-color: transparent;
}

.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
	color:#555555;
font-family:MagallanesRegular, Verdana;
}
.widget-area a:active,
.widget-area a:hover {color:#639e43; text-decoration: none !important;}

.textwidget {font-family:MagallanesRegular, Verdana; padding:0 10px; }

.widget-container {
	padding: 5px;
	margin: 0 0 15px 0;
}

#header-widget-area {
    display: block;
    position: absolute;
    right: 20px;
    top: 5px;
}

#bestellink {width:100%; max-width:298px; padding:10px 0 6px; border:1px solid #e87528; margin:10px 0 15px; float:left; text-align:center; border-radius:3px; line-height:30px !important;}
#bestellink:hover {border-color:#639e43;}
.bestell {font-size: 20px !important; font-family:MagallanesLight !important; }


/* .................... aanpassingen menu .................. */
#access ul > li.current_page_item, #access ul > li.current-menu-item, #access ul > li.current_page_ancestor, #access ul > li.current-menu-ancestor {
    background-color: #000000!important; 
}
#access ul > li.current-menu-item a {color:#b9daa7!important;}

#menu-item-21179 {float:right !important; background-color:#CB5920 !important; border-right:5px solid #dfeed7;}
#menu-item-21179:hover {background-color:#000000 !important;}


/* vakverdeling formulieren */
#betaalvak {margin:10px 20px 0 0; padding:0; float:left;}
#betaalvak:hover {opacity:0.7;}

.vbl {width:32%; padding:10px 0px; border:2px solid #c1c1c1; margin:0 1.3% 2% 0; float:left; font-size:16px !important; line-height:18px; text-align:center; border-radius:7px;}
.vbm {width:32%; padding:10px 0px; border:2px solid #c1c1c1; margin:0 0 2% 0; float:left; font-size:16px !important; line-height:18px; text-align:center; border-radius:7px;}
.vbr {width:32%; padding:10px 0px; border:2px solid #c1c1c1; margin:0 0 2% 0; float:right; font-size:16px !important; line-height:18px; text-align:center; border-radius:7px;}

#vakppL {width:46.7%; float:left; border:1px solid #999999; padding:0 0.7em 0 0.7em; margin: 0 0 1.2% 0;}
#vakppR {width:46.7%; float:right; border:1px solid #639e43; padding:0 0.7em 0 0.7em; margin:0 0 1.2% 0;}
.vakpp {padding-bottom: 0.7em !important;}
.mt5pp {margin-top:0.5rem !important; color:#333333 !important; font-size:18px !important;}
.pp {color:#555555 !important;}

.mt5info {margin-top:0.3em !important; color:#639e43!important; font-size:18px !important;}

.onderwerp {width:100%; text-align:center; margin-top:0 !important;  font-size:24px !important; line-height:24px; padding:5px !important; border:0px solid #ededed !important; background-color:#ffffff !important; color:#808080!important; font-family: MagallanesRegular, Verdana;}
.bestelveld {width:50% !important; margin-bottom:0em !important; margin-top:1.0em; font-size:14px !important; line-height:18px; padding:3px 5px !important; border:1px inset #ededed !important; border-radius:3px;}
.spamveld {width:5% !important; margin-bottom:0 !important; margin-top:0; font-size:14px !important; line-height:14px !important; padding:3px 10px !important; border:1px inset #ededed !important; border-radius:3px;}

.knop {padding:3px 10px !important; border-radius:5px; font-size:18px !important; color:#639e43 !important; float:left; margin:0 10px 10px 0; font-family: MagallanesRegular, Verdana;}
.knop:hover {color:#555555 !important;}
span.wpcf7-list-item {margin-left: 0;}

#offerteL {width:46.7%; height:auto; float:left; border:1px solid #999999; padding:0 0.7em 0 0.7em; margin: 0 0 1.2% 0;}
#offerteR {width:46.7%; height:auto; float:right; border:1px solid #999999; padding:0 0.7em 0 0.7em; margin:0 0 1.2% 0; text-align:left;}
.thema {font-size:14px !important; padding:0.15em 0.5em !important; width:40%; font-family:Verdana; border-radius:3px;}
.menuitems {font-size:14px !important; padding:0.4em 0.5em 0.55em !important; width:40%; font-family:Verdana; border-radius:3px; line-height:14px !important;}
#vaktotaal {width:97.4%;  border:1px solid #999999; padding:0 0.7em 0 0.7em; margin: 0 1.2% 1.2% 0; float:left;}
.bericht {font-size:14px !important; padding:3px 7px !important; width:98.2%; font-family:Verdana; border-radius:3px; }
.offerteveld {width:46% !important; font-family:Verdana; margin-bottom:0em !important; margin-top:0.7em; font-size:14px !important; padding:0.4em 0.5em 0.55em !important;  border-radius:3px; line-height:14px !important;}

.edd-submit.plain {
width:auto;
padding:3px 7px;
color:#639e43 ;
border-color: #999999;
font-size:15px !important;
margin-top:0px;
margin-bottom:10px;
}
.edd-submit.plain:hover {color:#999999;}

#content tr th {
    background-color: #ff0000;
    color: #333333!important;
font-weight:normal;
font-family: MagallanesRegular, Verdana;
font-size:24px;
}

.edd_cart_total, .edd_cart_amount {font-family: Verdana; font-size:15px !important;}

/* vakverdelingen downloads etc */
#download1 {width: 18%; height:auto; float:left; margin: 0 2.25% 2.2% 0; border:1px solid #639e43; border-radius:4px; text-align:center; padding-bottom:7px; padding-top:12px; background-color:#ffffff;}
#download2 {width: 18%; height:auto; float:left; margin: 0 0 2.2% 0; border:1px solid #639e43;  border-radius:4px; text-align:center; padding-bottom:7px; padding-top:12px;}

.tuutli {margin-left: 170px !important;}
.dlklein {font-size:14px;}
.freewareinfo {font-size:11px; line-height:14px !important; text-align:left; float:left; margin:6px 15px 4px 15px;}

#infobalk {width:98.2%; height:auto; background-color:#ffffff; border:1px solid #b9daa7; padding:5px 10px; font-size:88.6%; margin:0px 0 0px 0px;}
#infobalkort {width:97.5%; height:auto; background-color:#ffffff; border:1px solid #b9daa7; padding:5px 10px; font-size:88.6%; margin:0px 0 0px 0px;}
.links {float:left;}
.rechts {float:right;}
#bannergall {width:100%; margin-left:4.5%;}
.ngg-navigation {
    padding-right:9%;
}

#download3 {width: 10%; max-width:100px; height:auto; float:left; margin: 0.85% 0.85% 0 0; background-color:#999999; text-align:center; padding:0.45% 0.45% 0 0.45%;}
#download4 {width: 10%; max-width:100px; height:auto; float:left; margin: 0.85% 0 0 0; background-color:#999999; text-align:center; padding:5px 5px 0 5px;}
.pijl {width:100%; height:auto; border:1px solid #FFFFFF; cursor:pointer;}
.pijl60 {width:100%; height:auto; border:1px solid #FFFFFF; cursor:pointer; padding:15%;}
.pijl:hover, .pijl60:hover {border:1px solid #d2582d; background:rgba(255,255,255,0.5);}
.dia60 {width:100%; height:auto; background-color: #7aba0c; border:1px solid #333333; cursor:pointer; padding:15%;}
.dia60:hover {background-color: #8ecc4c;}

#download5 {width: 6%; max-width:100px; height:auto; float:left; margin: 1.6% 2.1% 0 0; background-color:#94a9c4; text-align:center; padding:0.45% 0.45% 0 0.45%;} 
#download6 {width: 6%; max-width:100px; height:auto; float:left; margin: 1.6% 0 0 0; background-color:#94a9c4; text-align:center; padding:5px 5px 0 5px;}
.frame {width:100%; height:auto; border:1px solid #41589f; cursor:pointer;}
.frame:hover {border:1px solid #41589f; background:rgba(255,255,255,0.5);}

.dlsquare {width: 10%; max-width:100px; height:auto; float:left; margin: 1.6% 2.1% 0 0; background-image:url("https://www.mhsdesign.eu/wp-content/uploads/sqoverlay/bg.jpg"); background-repeat:no-repeat; background-size:contain; text-align:center; padding:5px 5px 0 5px;}
.square {width:100px; height:100px; margin:0; padding:0;}
.square:hover {opacity:0.7;}

.dlscinema {width:14.4%; height:auto; border:1px solid #999999; margin:1.5% 1.5% 0 0; float:left; padding:5px;}
.dlscinema2 {width:14.4%; height:auto; border:1px solid #999999; margin:1.5% 0 0 0; float:left; padding:5px;}

.cinimg {width:100%; height:auto; margin:0; padding:0;}
.cinema {padding:4px 4px 0 4px;}
.dlknop {width:100%; height:auto; margin:0; float:left;}
.dlimg {float:right; width:30px; height:auto; margin:0; padding:0;}
.dlinfo {float:left; margin:25px 0 0 0; padding:0; font-family: MagallanesRegular, Verdana; font-size:12px; line-height:0px; text-decoration:overline; text-decoration-color: #639e43;}

/* .................... eBooks pagina .................. */
#boekinfoL {width:32%; height:auto; margin:0 1.6% 1.6% 0; float:left; border:1px solid #737373;}
#boekinfo {width:32%; height:auto; margin:0 0 1.6% 0; float:left; border:1px solid #737373;}
#boekinfoR {width:32%; height:auto; margin:0 0 1.6% 0; float:right; border:1px solid #737373;}

#shopnaam {width:96%; height:auto; margin:2%; float:left; background-color:#639e43; line-height:40px; font-size:20px; color:#ffffff; text-align:center; font-family:MagallanesMedium, Verdana;}
#shopnaam a {color:#ffffff;}
#shopnaam a:hover {color:#dfeed7;}
.shopimg {width:33%; height:auto; margin: 0 0 2% 2%; float:left; border:1px solid #737373;}
#shopvb {width:59.4%; height:auto; margin:0 2% 2% 0; float:right; border:1px solid #737373; border-radius:5px; text-align:center; line-height:32px; color:#737373; font-size:13px;}
#shopinfo {width:59.4%; height:auto; margin:0 2% 2% 0; float:right; border:1px solid #737373; border-radius:5px; text-align:center; line-height:32px; color:#737373; font-size:13px;}
#shopvb a, #shopinfo a {color:#333333;}
#shopvb a:hover, #shopinfo a:hover {color:#639e43;}
#shoppp {width:95.2%; height:auto; margin:0px 0 2% 2%; float:left; border:1px solid #737373; border-radius:5px; text-align:center; line-height:32px; color:#737373; font-size:14px;}

.muis {width:100%; max-width:80px; height:auto;  float:left;}
.muis:hover {opacity:1.0 !important;}

/* .................... sidebar aanpassingen voor widgets .................. */
.widgetimg {max-width:288px; height:auto; margin-left:-10px; margin-top:-5px; border:1px solid #333333;}
.widgetimg:hover {opacity:0.9;}

.themaimg {max-width:270px; height:auto; margin-left:-10px; margin-top:-5px; border:1px solid #333333; padding:9px;}
.themaimg:hover {opacity:0.9;}

.btimg {max-width: 290px; height: auto; margin-left:-10px; margin-bottom:0 !important; margin-top:-10px !important; float:left;}

.sideimg {margin-bottom: -20px !important;}
.opa:hover {opacity:0.9;}



#custommetawidget-2 {margin-bottom:0; padding-bottom:0px;}


/* .................... nieuwsbrief .................. */
#widgetxt {color: #333333!important; padding:0 !important; font-size:12px; margin:10px 0 10px 0; line-height:18px;}
#wysija-2 input[type="text"] {width:218px; margin-left:10px !important; margin-bottom:10px; padding:2px 5px; font-size:12px !important;}
.widget_wysija_cont .wysija-submit {margin-left: 0px; margin-top:10px; margin-bottom:15px; cursor:pointer; color:#639e43; font-family:Verdana; font-size:14px; padding:3px 5px; background-color:#ffffff;}
.wysija-submit:hover {color:#333333;}
.poetxt {font-size:10px; line-height:12px !important; padding:0 10px 10px 0px;}
#wysija-2 {padding-bottom:0.3em; margin-top:0.3em !important;}


/* .................... downloads .................. */
#hidejava {visibility:hidden; display:none; }
#links {float:left; margin:0 20px 0px 0;}
h2.hoger {margin-top: 0;} 

#stbnaam {width:auto; background-color:#CCCCCC; margin-top:-6px; margin-bottom:0px; padding:0 6px 26px 6px; color:#333333;}
#stbplaatjes {margin-left:4px; margin-right:-5px; margin-bottom:-4px; margin-top:-6px;}
#dlstb {width:30.8%; height:auto; float:left; border:1px solid #CCCCCC; padding:6px 0px 8px 0px; margin:12px 12px 0 0px;}
#dlstb2 {width:30.8%; height:auto; float:left; border:1px solid #CCCCCC; padding:6px 0 8px 0px; margin:12px 0px 0 0px;}

#klokvb {float:left; margin-right:30px; margin-top:10px; margin-bottom:20px;}
#klok {float:left; width:108px; height:auto; padding:4px; background-color:#fcf8ed; font-size:12px; line-height:12px; color:#1b1b1b; border:1px solid #000000; margin-right:9px; margin-bottom:9px;}
#klokR {float:left; width:108px; height:auto; padding:4px; background-color:#fcf8ed; font-size:12px; line-height:12px; color:#1b1b1b; border:1px solid #000000; margin-right:0px; margin-bottom:9px;}
#klokhr {margin-top:10px !important; margin-bottom:5px !important;}
.muis {border:0 none; opacity:1.0; margin-right:10px !important;}
.muis:hover {opacity:0.5;}

/* .................... decofonts .................. */
#decocontainer{
margin:0px 0px 20px 0;
width:100%;
height:auto;
text-align:left;
border: solid 0px #B9DAA7;
color:#000;
}

#decoheader{
width:99.6%;
height:auto;
border: 1px solid #737373;
text-align:center;
font-family:Verdana;
font-size: 16px;	
font-weight:normal;
margin-top:0;
margin-bottom:10px;
padding-top:0;
line-height:38px;
color:#333333;
background-color:transparent;
}


.groot{width:100%; height:auto; margin:0; border: 0px solid #4a66a7; padding:0;}


#inhoudlinks{width:100%; height:auto; text-align:left; margin-top: 20px; float:left;}

#fotorechts{height:118px; width:99.6%;text-align:center; margin:0 auto 10px; border: 1px solid #4a66a7; background:url(https://www.mhsdesign.eu/wp-content/uploads/fotorechts.jpg) no-repeat; background-size:cover;}
 

#blok1{width:100%;height:auto;text-align:center;display:block; margin:0 auto; margin-left:0px;}


.thumb{width:32%;height:auto !important;border:solid 1px #639e43; float:left; margin:0 1.6% 1% 0; padding-bottom:0 !important;}
.thumbR{width:32%;height:auto !important;border:solid 1px #639e43; float:left; margin:0 0 1% 0; padding-bottom:0 !important;}

.thumbimg {margin-bottom:-5px !important;}
.thumbimg:hover {opacity:0.5;}

#bijschrift {width:99.6%; height:auto; border: 1px solid #737373; font-family: Verdana; font-size:13px; line-height:20px; margin:10px 0 10px 0; float:left;}
#dcsdownload{width:498px; height:38px; border: 1px solid #737373; margin:0px 0 10px 8px; float:left; text-align:center;}
.dcs {color:#000000; float:left; margin-top:2px; margin-left:10px; margin-bottom:3px;}
.dcs1 {color:#ff0000;}
.dcs2 {color:#0000ff;}
.dcsdl {float:right; margin-top:8px; margin-right:10px;}
.dcsdl:hover {opacity:0.5;}


/* .................... NGG Gallery.................. */
.ngg-gallery-thumbnail {
 margin-right: 7px;
 margin-bottom: 5px;
    text-align: center;
}

.verborgen {display:none !important;}


/* .................... knoppen .................. */
#afbarea {width:100%; float:left;}


#btsafbR {width:5%; height:auto; padding:5px 5px 0 5px; float:left; margin-right:0; margin-bottom:3px; background-color:#6685ad; text-align:center;}
#btsstb {width:5%; height:auto; padding:5px 5px 0 5px; float:left; margin-right:0.44%; margin-bottom:3px; background-color:#444444; text-align:center;}
#btsstbR {width:5%; height:auto; padding:5px 5px 0 5px; float:left; margin-right:0; margin-bottom:3px; background-color:#444444; text-align:center;}
#icthema {width:100%; background-color:#639e43; font-family:MagallanesLight, Verdana; font-size:16px; line-height:28px; color:#ffffff; margin-bottom:3px !important; padding:0px 0 0 10px; float:left; margin-top:3px;}
.icthema {margin-top:5px !important;}
#icbottom {width:100%; height:10px; background-color:#639e43;  margin-bottom:0px !important; padding:0; float:left; margin-top:0px;}
.btsvb { margin:0 0 0px 22px !important; max-width:100px;}
.btsvb2 { margin:10px 0 0px 14px !important; max-width:70px;}
#btsleegg {width:9.1%; height:auto; border:1px solid #639e43; padding:3px; float:left; margin:10px 1.2% 0 0 !important; background-color:#ffffff;}
#btsleeggR {width:9.1%; height:auto; border:1px solid #639e43; padding:3px; float:left; margin:10px 0px 0 0; background-color:#ffffff;}
#dlbt {width:30px; background-color:#639e43; height:30px; float:right; border-radius:100%; margin-right:3px; margin-top:-10px !important; text-align:center;}
.dlbt {padding-top:5px;}
.dlbt:hover {opacity:0.5;}
.bt {float:left;}

#btsafb {width:5.25%; height:auto; padding:0.5%; float:left; margin:0px; background-color:#999999; text-align:center;}
#buttonleeg {width:5.25%; height:auto; padding:0.5% 0.5% 0.5% 0.5%; float:left; margin:0px; background-color:#999999; text-align:center;}
.btsocleeg {width:100%; height:auto; margin-top:0px !important; margin-bottom:0px !important; float:left;}
#btsafb:hover, #btsafbR:hover {background-color:#333333;}
#btsafb:active, #btsafbR:active {background-color:#b9daa7;}

#btvorm {width:5%; height:auto; padding:5px 8px 0 0px; float:left; margin-right:0.44%; margin-bottom:3px; text-align:center;}
#btvormR {width:5%; height:auto; padding:5px 0px 0 0px; float:left; margin-right:0; margin-bottom:3px; text-align:center;}
.btvorm:hover {opacity:0.7;}

.btsoc {width:100%; height:auto; margin-top:0px !important; margin-bottom:0px !important; cursor:pointer; float:left;}
.btsoc:hover {background-color:#333333;}
.btsoc:active {background-color:#b9daa7;}

#btsoc {width:8.2%; height:auto; padding:0; float:left; margin:4px 1.99% 2px 0; text-align:center;}
#btsocR {width:8.2%; height:auto; padding:0; float:left; margin:4px 0 2px 0; text-align:center;}
.btsocvorm {width:100%;  height:auto; cursor:pointer;}
.btsocvorm:hover {opacity:0.7;}
.btsocvorm:active {opacity:0.3;}

.curr, .curr:hover {opacity:0.3; cursor:default;}
.btkleur {color: #f76707;}

#btwidget {width:18%; height:auto; padding:0; float:left; margin-right:2%; margin-bottom:1%;}
#btwidgetR {width:18%; height:auto; padding:0; float:left; margin-right:0; margin-bottom:1%;}

#btinfo {margin-top:10px;}
#btinfo a {color:#639e43;}
#btinfo a:hover {color:#333333;}

.stb, .stb:hover {opacity:0.7;}
.btsafb {float:left; padding:12px 8px 0;}
.afbC {clear:left;}
.soc {width:100%; max-width:30px !important; padding-top:8px !important; padding-bottom:6px !important;}

#socicon{width:48px; height:48px; border:2px solid #639e43; padding:3px; float:left; margin:12px 2px 0 10px;  cursor:pointer; background-color:#737373;}


#icinfo {width:97.5%; height:auto; background-color:#ffffff; border:1px solid #b9daa7; padding:5px 10px; font-size:88.6%; margin:10px 0 0px 0px;}
#btsleeg {width:48px; height:102px; border:1px solid #639e43; padding:3px; float:left; margin:12px 12px 0 0;}
#btsleegvb {width:350px; height:48px; border:1px solid #639e43; padding:3px; float:left; margin:12px 12px 0 0;}

#btsbottom {width:98.2%; height:5px; background-color:#639e43;  margin-bottom:0px !important; padding:0; float:left; margin-top:-1px;}



#iconthema {float:left;}