/*
Theme Name: Rolstoelboot
Theme URI: 
Description: 
Version: 
Author: 
Tags: 

*/

@import url(css/reset.css);
@font-face {
    font-family: "museo300";
    src: url(fonts/Museo300-Regular.eot); /* IE */
    src: local("museo300"), url(fonts/Museo300-Regular.otf ) format("opentype");
}
@font-face {
    font-family: "museo500";
    src: url(fonts/Museo500-Regular.eot); /* IE */
    src: local("museo500"), url(fonts/Museo500-Regular.otf ) format("opentype");
}


/* layout */
#wrapper { }
#header-wrapper { height: 73px }
#header, #main, #footer, #subfooter, #submenu  { width: 940px; margin: 0 auto; position: relative } 
#footer { width: 960px }
#header { height: 73px }
#submenu { height: 40px }
#logo { position: absolute; left: 0; top: 0 }
#navigation { height: 71px; position: absolute; right: 0; top: 0 }
.wrapper-home-layout #main { height: 410px }
.wrapper-default-layout #main-wrapper { min-height: 360px; _height: 360px; padding: 30px 0 20px 0 }
#submenu-wrapper { height: 41px;}
#footer-wrapper { height: 260px;  }
#subfooter-wrapper { height: 53px; }
#subfooter { height: 53px; overflow: hidden }
#footer { padding: 25px 0 0 }
.sidebar-home { position: absolute; right: 0; bottom: 0 }
.sidebar-default { float: right; }
#content { width: 660px; padding: 5px 0; float: left }



/* theme */
body { background:  #47b2c6; }
.wrapper-home-layout { background: url(images/foto_bg.jpg) center 71px no-repeat }
.wrapper-default-layout { background: #fff }
#header-wrapper { background: url(images/header_bg.png) repeat-x }
#logo h1 a { display: block; width: 212px; height: 71px; background: url(images/logo-rolstoelboot.png) center center no-repeat }
#logo h1 a span { display: none }
#footer-wrapper { background: url(images/footer-top_bg.png) repeat-x }
#subfooter-wrapper { background: #47b2c6; }
#submenu-wrapper { background: #f2efe6 url(images/submenu_bg.png) repeat-x }

/* typography */
body, input, textarea, button, td, th { font-size: 12px; font-family: Arial, sans-serif;  line-height: 1.5em; color: #605249 }
p {  margin: 0 0 1em }
h1 { font-size: 24px; margin: 0 0 12px }
h2 { font-size: 20px; margin: 0 0 10px }
h3 { font-size: 18px; margin: 0 0 10px }
h4 { font-size: 15px; margin: 0 0 10px }
h1, h2, h3 { font-family: museo300, Georgia, serif; color: #47b2c6 }
h4, h5, h6 { font-family: Georgia, serif; font-weight: normal; font-style: italic; color: #47b2c6 }
h4.free-boattrip { text-align: center; padding: 10px 25px 0; line-height: 15px; font-family: museo500, Georgia, serif; font-style: normal  }
a { color: #47b2c6; text-decoration: none }
a:hover { text-decoration: underline }
ul { margin-bottom: 2em }
#content ul { list-style-type: circle } 
#content ol { list-style-type: decimal } 
#content ul li, #content ol li { margin-left: 30px }


/* blocks */
.block-fourth { width: 220px; padding: 0 9px 0 10px; border-right: 1px solid #eceade }
.block-fourth-right { border-right: 0; }
#footer .block-fourth { height: 230px; }
.widget_custom_cf7 { border-right: 0; padding-right: 0 }
#footer { word-spacing: 0 }
#footer .block-fourth { word-spacing: normal }

/* standout */
.standout-top { background: url(images/reacties-top_bg.png) left top no-repeat; height: 5px; margin-left: -1px; width: 221px; font-size: 1px }
.standout-main { background: url(images/reacties_bg.png) repeat-y; margin-left: -1px; width: 221px }
.standout-bottom { background: url(images/reacties-bottom_bg.png) left bottom no-repeat; height: 6px; margin-left: -1px; width: 221px; font-size: 1px }
.standout { padding: 10px 20px 20px }
.standout h4 { color: #f1f1e7; font-size: 13px }
.standout-reactions h4.reactions-date { float: right }
.standout-reactions p { color: #f1f1e7 }
.standout-reactions .read-more { margin: 0 }
.standout-reactions .read-more, .standout-reactions .read-more a { text-decoration: none; font-weight: bold; font-style: italic; color: #f1f1e7 }


/* navigation */
#navigation ul { padding: 0; margin: 0; list-style-type: none }
#navigation li { height: 71px; vertical-align: top }
#navigation a { color: #f1f1e7; display: block; _display: inline-block; padding: 0 15px; height: 71px; line-height: 70px; font-size: 13px; font-family: "museo300", Georgia, serif; text-decoration: none }
#navigation a:hover { color: #635147; }
#navigation li.current_page_item { height: 81px; background: url(images/menu-active-kartelrand_bg.png) center bottom repeat-x }
#navigation li.current_page_item a { color: #635147; background: url(images/menu-active_bg.png) repeat-x }


#submenu ul { list-style: none; margin:0;}
#submenu li {list-style: none;padding: 3px 0 0 30px;float: left;}
#submenu a {font-family: georgia, times;font-size: 12px; display: block;background: transparent;padding: 0 0 0 22px;heigth: 40px;line-height: 30px;color: #605149;text-decoration: none;}
#submenu a:hover, #submenu a:active, #submenu li.current_page_item a {background: transparent url('images/visje.png') center left no-repeat;color: #47b1c4;text-decoration: none;}


/* subfooter */
#subfooter a, #subfooter { color: #f1f1e7; font-style: italic }
#subfooter .menu { float: right; width: 300px; padding-top: 20px; height: 20px  }
#subfooter .menu ul { list-style-type: none; display: block; text-align: right }
#subfooter .menu ul li { display: inline; padding: 0 5px; border-right: 1px solid #f1f1e7; line-height: 14px  }
#subfooter .menu ul li.page-item-30 { border: none }
#copyright { float: left; padding-top: 20px; width: 200px; height: 20px  }

/* sidebar */
#sidebar .counter-link { display: block; background: url(images/counter_bg.png) no-repeat; width: 221px; height: 124px; font-family: Arial, sans-serif; font-size: 44px; color: #fff; text-align: center; line-height: 86px; margin-bottom: 20px }
#sidebar .counter-link:hover { text-decoration: none; background: url(images/counter_bg.png) left -124px no-repeat }
#sidebar .become-sponsor-link { display: block; background: url(images/wordooksponsor_button.png) no-repeat; width: 221px; height: 62px }
#sidebar .become-sponsor-link:hover { display: block; background: url(images/wordooksponsor_button.png) left -62px no-repeat; }
#sidebar .sponsoren-top { background: url(images/sidebar-sponsor-top_border.png) no-repeat; width: 219px; height: 4px }
#sidebar .sponsoren-main { border: 1px solid #dfdfdf; border-top: 0; border-bottom: 0; padding: 5px 0;  width: 217px }
#sidebar .sponsoren-bottom { background: url(images/sidebar-sponsor-bottom_border.png) no-repeat; width: 219px; height: 4px }
#sidebar .widgetcontainer { margin-bottom: 20px }

/* forms */
button::-moz-focus-inner { border: none }
#footer .wpcf7-form label { display: none }
#footer .input-text { background: transparent url(images/contactform-naamemail_bg.png); padding: 4px 6px; font-size: 12px; width: 207px; height: 16px; border: 0; margin: 2px 0; }
#footer .validation-error .input-text { background: transparent url(images/contactform-naamemail-error_bg.png) }
#footer .wpcf7-form button { cursor: pointer; _cursor: hand; background: url(images/contactform_button.png); width: 101px; height: 28px; border: 0 }
#footer .wpcf7-form button span { display: none }
#footer textarea { background: transparent url(images/contactform-bericht_bg.png); padding: 3px 6px; font-size: 12px; width: 207px; height: 84px; border: 0; margin: 2px 0 }
#footer .wpcf7-validation-errors { display: none }
#wrapper div.wpcf7-response-output { margin: 0; padding: 0.2em 1em; }
#wrapper div.wpcf7-mail-sent-ok { border: 2px solid #398f14; }
#wrapper img.ajax-loader { border: none; vertical-align: middle; }
.default-value { font-style: italic }
button:focus { outline: 0 }
#wrapper span.wpcf7-form-control-wrap { display: block }
#footer span.wpcf7-not-valid-tip, #footer span.wpcf7-not-valid-tip-no-ajax { position: absolute; top: 1px; left: -234px; z-index: 100; background: url(images/contactform-error.png) no-repeat; border: none; width: 215px;height: 24px; line-height: 23px; padding: 0 20px 0 0; text-align: right; font-size: 12px }

#main .input-text, input#email, input#author, input#url { background: transparent url(images/form-naamemail_bg.png); padding: 4px 6px; font-size: 12px; width: 288px; height: 16px; border: 0; margin: 2px 0; }
#main .validation-error .input-text { background: transparent url(images/form-naamemail-error_bg.png) }
#main button { cursor: pointer; _cursor: hand; background: url(images/form_button.png); width: 151px; height: 28px; border: 0; text-align: center }
#main button span { display: block; height: 24px; font-family: museo500, Georgia, serif; color: #47b2c6; font-size: 13px; line-height: 24px }
#main textarea { background: transparent url(images/form-bericht_bg.png); padding: 3px 6px; font-size: 12px; width: 388px; height: 194px; border: 0; margin: 2px 0 }
#main span.wpcf7-not-valid-tip, #footer span.wpcf7-not-valid-tip-no-ajax { position: absolute; top: 1px; left: 300px; z-index: 100; background: url(images/form-error.png) no-repeat; border: none; width: 215px;height: 24px; line-height: 23px; padding: 0 0 0 20px; font-size: 12px }
#wrapper .validation-error textarea { background-color: #f99 }
/* content */

/* comments */
li.comment { background: #f2fafb; padding: 10px; margin-bottom: 1em }
li.comment cite, li.comment cite a { font-style: italic; text-decoration: none; color: #605249 }
#commentlist, .post { margin-bottom: 2em }

/* tables */
th, td { vertical-align: top; padding: 5px 10px 5px 0}
table { margin-bottom: 2em }


/* inline blocks */
#navigation li,
.ib-fix
{ display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top;}

* html #navigation li,
* html .ib-fix
{ display:inline; }

* + html #navigation li,
* + html .ib-fix
{ display:inline; }