/*   
Theme Name: Uitgeverij BOXPress
Theme URI: http://www.boxpress.nl/
Description: Ontwerp voor Uitgeverij BOXPress door Eightyfour Branding
Author: Eightyfour Branding
Author URI: http://www.84branding.nl/
Version: 1
*/

@font-face {
    font-family: 'allerregular';
    src: url('font/aller_rg-webfont.eot');
    src: url('font/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/aller_rg-webfont.woff') format('woff'),
         url('font/aller_rg-webfont.ttf') format('truetype'),
         url('font/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%; vertical-align: middle;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: #f26a26; }
a:hover, a:active {outline: none; color: #f26a26; text-decoration: underline;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0; }
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top; border: 1px solid #000;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
table {font-size: inherit; font: 100%;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable, label,  input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea, label {margin: 0; resize: none; font: 14px;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; clear: all; clear: both; }  
.clear { clear:both; }
.alignleft { display: inline; float: left; margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left: 1.625em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
p { margin-bottom: 18px; }

h1,h2,h3,h4,h5,h6 { color: #f26a26; font-family: 'allerregular', Arial, Helvetica, sans-serif; }
h1 { font-weight: 300; font-size: 1.45em; line-height: 1.333em; margin-bottom: 15px; }
h2 { font-weight: 300; font-size: 1.25em; line-height: 1.15em; }
h3 { font-weight: 600; font-size: 1.4em; line-height: 1.375em; }
h4 { font-weight: 600; font-size: 1.166em; line-height: 1.428em; }
h5 { font-weight: normal; font-size: 1.083em; line-height: 1.461em; }
h6 { font-weight: bold; font-size: 1em; line-height: 1.5em; }

body { font: 12px Arial, Helvetica, sans-serif; background: #dedede url(img/bg.png) repeat-x left top; line-height: 23px; color: #000; }
#wrapper { max-width: 945px; margin: 0 auto; position: relative; }

#header { position: relative; height: 191px; }
#logo { max-width: 751px; height: 147px; margin: 0 0 0 -35px; }
#logo a { height: 147px; max-width: 751px; display: block; text-indent: -9999em; margin: 0; background: url(img/logo.png) no-repeat left top; text-align: left; }
#social { top: 9px; right: 28px; position: absolute; z-index: +2; }
.checklist { color: #fe6817; position: absolute; top: 47px; right: 35px; }
.checklist li { background: url(img/check.png) no-repeat left 4px; display: block; text-indent: 22px; font-family: 'allerregular', Arial, Helvetica, sans-serif; }

#nav { width: 100%; background: url(img/menu.png) repeat-x left top; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 124px; height: 47px; }
#menu-hoofdmenu { }
#menu-hoofdmenu li { float:left; font: normal 16px 'allerregular', Arial, Helvetica, sans-serif; padding: 0 0 0 1px; background: url(img/menu_line.png) no-repeat left top; text-transform: lowercase; }
#menu-hoofdmenu li:first-child { background: none !important; }
#menu-hoofdmenu li a { color: #fff; text-decoration: none; display: block; padding: 12px 11px 18px; }
#menu-hoofdmenu li a:hover { background: url(img/menu_hover.png) repeat-x left top; }

#menu-hoofdmenu li ul { position:absolute; display:none; top: 47px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.1); background: url(img/menu_sub.png) repeat left top; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; }
#menu-hoofdmenu li ul li { background: none; }
#menu-hoofdmenu li ul li, #menu-hoofdmenu li.active li a, #menu-hoofdmenu li.active li.active li a { border: 0; float: none; }
#menu-hoofdmenu li ul a { width: 10em; text-align: left; padding: 11px 22px 15px; }
#menu-hoofdmenu li ul li:last-child a:hover { background: url(img/menu_sub_hover.png) repeat-x left top; }
#menu-hoofdmenu ul ul { top:auto; }	
#menu-hoofdmenu li ul ul { left: 10em; margin-left: 31px !important; }
#menu-hoofdmenu li:hover ul ul, #menu-hoofdmenu li:hover ul ul ul, #menu-hoofdmenu li:hover ul ul ul ul{ display:none; }
#menu-hoofdmenu li:hover ul, #menu-hoofdmenu li li:hover ul, #menu-hoofdmenu li li li:hover ul, #menu-hoofdmenu li li li li:hover ul{ display:block; z-index: 9999999; }

.tinynav { display: none; }

#header_buttons { height: 210px; margin: 0 0 45px; background: #fff url(img/header_buttons_bottom.png) no-repeat 50% 126px; position: relative; -moz-border-radius: 5px; border-radius: 5px; }
#header_buttons li { float: left; width: 25%; text-align: center; background: transparent url(img/header_buttons_line.png) no-repeat right top; position: relative; min-height: 175px; padding-top: 15px; }
#header_buttons li.last { background: transparent; }
#header_buttons li a { position: absolute; left: 0; top: 0; display: block; width: 100%; background: transparent url(img/header_buttons_dot.png) no-repeat 50% 115px; font-family: 'allerregular', Arial, Helvetica, sans-serif; font-size: 17px; color: #001a31; }
#header_buttons li a { height: 45px; padding-top: 165px; }
#header_buttons li a:hover { background: transparent url(img/header_buttons_dot_hover.png) no-repeat 50% 115px; text-decoration: none; }

#content_block_main { float: left; max-width: 658px; width: 658px; border-right: 1px solid #eaeaea; box-shadow: 7px 0 5px -5px rgba(0, 0, 0, 0.1); padding-right: 20px; min-height: 450px; }
#sidebar { float: left; width: 172px; margin-left: 30px; }
#sidebar h2 { margin-bottom: 10px; }
.content_block { -moz-border-radius: 5px; border-radius: 5px; background: #fff; padding: 30px 30px 20px; margin-bottom: 16px; }
.content_block_ebooks { -moz-border-radius: 5px; border-radius: 5px; background: #fff; padding: 30px 20px 12px; margin-bottom: 16px; }
.content_block.home_block { padding: 20px 30px 2px; }
.content_block ol, .content_block ul { margin: 0 0 18px 19px; }
.content_block ul { list-style: disc; }
.home_block { text-align: center; }
.home_block a { color: #f26a26; font: normal 15px 'allerregular', Arial, Helvetica, sans-serif; line-height: 30px; }
.post h2 a { color: #001a31; font-size: 1.2em; }
.meta { margin: -15px 0 35px; border-top: 1px solid #001a31; }
#respond { margin-top: 15px; }
#respond textarea, #respond input, .reply { margin-bottom: 15px; }

#footer { -moz-border-radius: 5px; border-radius: 5px; height: auto; background: #001120 url(img/bg_footer.png) repeat-x left top; margin-bottom: 16px; color: #f26a26; font-size: 11px; padding: 30px 30px 12px; }
#footer h3 { font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
#footer ul li:before { content:"- "; }
.footer_block_container { float: left; width: 75%; }
.footer_block_last { float: left; width: 23%; color: #fff; padding-left: 2%; }
.footer_block { float: left; width: 32%; padding-right: 1%; color: #fff; }
.footer_block a, .footer_block a:hover { color: #fff; }
#menu-footermenu, #menu-footermenu li { display: inline-block; }
#menu-footermenu li { margin: 0 5px; }

label { width: 210px; display: block; float: left; padding-top: 5px; line-height: normal; } 
label em, .error { color: #f26a26; }
.wpcf7-form-control-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

input, textarea, select { border: 1px solid #bbb; }
input:focus, textarea:focus, select:focus { border: 1px solid #666; }
input, textarea { width: 300px; padding: 5px; }
select { width: 312px; padding: 5px; }
textarea { height: 55px; }
.radio input { width: auto !important; margin-right: 5px; }
.wpcf7-submit { margin-left: 210px; }
input.wpcf7-submit { width: 100px !important; }

#recaptcha { margin: 0 0 15px 207px; }

.ebook_container li { float: left; width: 185px; min-height: 360px; margin: 15px 0 30px; border-right: 1px dotted #dbdbdb; text-align: center; padding: 0 20px; }
.ebook_container li:nth-child(4n+4) { border-right: none; }
.ebook_container li h3 { font:normal 1.18em Arial, Helvetica, sans-serif; color:#fe6817; line-height: 1.5em; margin-bottom: 15px; }
.ebook_container a { text-decoration: none; }
.ebook_container a:hover { text-decoration: underline; }
.ebook_image { margin-bottom: 10px; }

.ebook_container.jhs_ebook li { float: none; width: 185px; min-height: 300px; margin: 15px 0 30px; border-right: none; text-align: center; padding: 0 20px; }
.ebook_container.jhs li { float: left; width: 185px; min-height: 300px; margin: 15px 0 30px; border-right: 1px dotted #dbdbdb; text-align: center; padding: 0 20px; }

ul.share_buttons { list-style: none; margin: 35px 0; }
.share_buttons li { float: left; margin-right: 15px; }
.fb_button { display: block; width: 80px; height: 27px; text-indent: -9999em; margin-bottom: 20px; background: url(img/fb_share.png) no-repeat left top; text-align: left; }
li.linkedin, li.googleplus { padding-top: 4px; }

@media only screen and (max-width: 961px) {
#menu-hoofdmenu { max-width: 942px; width: 100%; padding: 0; }
#menu-hoofdmenu li a { padding: 12px 8px 18px; }
#content_block_main { float: none; max-width: 858px; width: auto; border-right: none; box-shadow: none; padding-right: none; min-height: 450px; }
#sidebar { float: none; width: 90%; margin-left: 0; margin-top: 35px; }
}
@media only screen and (max-width: 879px) {
#menu-hoofdmenu li { font: normal 15px 'allerregular', Arial, Helvetica, sans-serif; }
}
@media only screen and (max-width: 829px) {
#menu-hoofdmenu li { font: normal 14px 'allerregular', Arial, Helvetica, sans-serif; }
#menu-hoofdmenu li a { padding: 12px 7px 18px; }
}
@media only screen and (max-width: 767px) {
.js .tinynav { display: block; height: 26px; padding: 4px 10px; margin: 10px auto 0; background-color: #e5e5e5; border: none; width: 50%; position: relative; z-index: 99999999; }
.js .tinynav option { padding: 3px 10px; }
.js #nav ul { display: none !important; }
#header_buttons { height: 390px; background: #fff url(img/header_buttons_bottom_resp.png) repeat-y 50% 0; margin: 0 0 25px; }
#header_buttons li { width: 50%; background: transparent url(img/header_buttons_line.png) no-repeat right top; }
}
@media only screen and (max-width: 695px) {
#logo a { background: url(img/logo_small.png) no-repeat left top; }
}
@media only screen and (max-width: 609px) {
.footer_block_container { float: none; width: 100%; }
.footer_block_last { float: none; width: 100%; color: #fff; padding-left: 0; margin-top: 15px; }
}
@media only screen and (max-width: 559px) {
#nav { width: 100%; background: url(img/menu.png) repeat-x left top; -moz-border-radius: 5px; border-radius: 5px; position: absolute; top: 147px; height: 47px; }
#social { left: 50%; width: 164px; margin-left: -82px; top: 110px; }
.checklist { display: none; }
#header { position: relative; height: 213px; }
.footer_block { width: 48%; padding-right: 2%; margin-bottom: 15px; }
}
@media only screen and (max-width: 479px) {
		
}
@media only screen and (max-width: 400px) {
#logo a { background: url(img/logo_small_2.png) no-repeat left top; }
#header_buttons { height: 580px; background: #fff url(img/header_buttons_bottom_resp_2.png) no-repeat 50% 0; margin: 0 0 25px; }
#header_buttons li { width: 99%; background: transparent; min-height: 125px; }
#header_buttons li a { position: absolute; left: 0; top: 0; display: block; width: 100%; background: transparent; font-family: 'allerregular', Arial, Helvetica, sans-serif; font-size: 17px; color: #001a31; }
#header_buttons li a { height: 45px; padding-top: 95px; }
#header_buttons li a:hover { background: transparent url(img/header_buttons_dot_hover_2.png) no-repeat 50% 115px; text-decoration: none; }
.footer_block { width: 98%; padding-right: 2%; float: none; }
}
@media print {

}