/*
Theme Name: M. Halewijn
Theme URI:
Version: 1
Description: A blank WordPress Theme Framework that's everything you need, and nothing you don't. With features like microformats, a traditional template structure, convention over configuration, clean semantic code, documenation, and it's atomic templating system, WP Framework is completely extensible, flexible and the starting point for theme authoring and customization. To learn more, visit http://wpframework.com.
Author: Winy Schalke
Author URI: http://www.alva-design.com
Tags: one-column, two-columns, three-columns, fixed-width, sticky-post, threaded-comments, microformats
Copyright 2008 Ptah Dunbar All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.
If you have any questions, comments, or concerns,
visit for more information!
*/
/* Reset Browser Defaults */
@import url( 'library/media/css/reset.css' );
/**
* Basic 2 column (aside)(content) fixed layout
*
* @package WPFramework
* @subpackage Layouts
* @beta
*/
html,body {
margin:0;
padding:0;
height:100%; /* needed for container min-height */
}
.container { width: 740px; margin: 0 auto; position:relative; /* needed for footer positioning*/ position:relative; /* needed for footer positioning*/
height:auto !important; /* real browsers */
height:100%; /* IE6: treaded as min-height*/
min-height:100%; /* real browsers */}
.hfeed { width: 500px; float: right; padding: 0 0 10px 0;}
.aside { width: 200px; float: left; }
.footer { clear: both; position:absolute;
width:100%;
bottom:0; /* stick to bottom */
height:30px;background: #2361a1;
margin:0; padding:0;}
.footer p{margin:0; padding:0;line-height:30px;font-size: 11px; text-align: center;}
/* These empty css selectors are temporarily here for compatiability with the WordPress theme repository checklist. */
.aligncenter {} .alignleft {} .alignright {} .wp-caption {} .wp-caption-text {}
/**
* Base - Sets vertical rhythm and basic overall typographic face-lift
*
* @package WPFramework
* @subpackage Media
* @beta
*/
/* Document Body */
body, input, textarea { font: 14px/1.2 Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; }
/* Colors */
body { background: #2361a1; /* IE hack */overflow:auto; }
.container { background: #f39; color: #fff;}
/* Font Styles */
.serif { font-family: Georgia, "Times New Roman", Times, serif; }
.sans-serif { font-family: "lucida sans", Verdana, Arial, Helvetica, sans-serif; }
/* Vertical Rhythm */
.entry-meta { margin-bottom: 10px; }
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form, .gallery-row, .comment-list ul, .comment-list ol { margin-bottom: 20px; }
.hentry, .widget, .comment, .navigation-links { margin-bottom: 40px; }
/* Header */
.header {height: 180px; background: url(library/media/images/foto-header2.jpg) no-repeat;padding: 0 20px;position:relative;}
/* Logo */
#logo, #logo a { font-size: 20px; line-height: 16px; color: #fff; font-weight: bold; padding: 20px 0;}
#tagline1 a:hover, #tagline2 a:hover, #logo a:hover { color: #f39; text-decoration: none; }
#tagline1, #tagline2 { color: #fff; font-weight:bold; font-size: 16px; margin-bottom:0;}
#tagline1 {position:absolute; top:20px; left:380px;}
#tagline2 { position:absolute; top:40px; left:380px}
/* Content */
#content { padding:20px 20px 30px 0; /* bottom padding for footer */}
/* Sidebar */
#widget-pages { padding: 0 0 20px 20px; }
/* menu */
ul#nav { list-style-type: none; margin-top:-1em;margin-left: 0px; }
ul#nav ul { list-style-type: disc; }
ul#nav li {line-height: 1.3em;margin-top: 1em; font-weight: bold;}
ul#nav li li {font-weight:normal;font-size: 12px;margin-top: 0; }
ul#nav li.current_page_item a {color: #2361a1;}
/* Sitemap */
.ddsg-wrapper p {display:none;}
.ddsg-wrapper h2 {display: none; }
/* Links */
a, a:active, a:visited { color: #fff; text-decoration: none; }
a:hover { color: #2361a1; }
.entry-content a:link, .entry-content a:active, .entry-content a:visited, .footer a:link, .footer a:active, .footer a:visited { color: #fff; text-decoration: underline; }
.entry-content a:hover, { text-decoration: none; color: #2361a1; }
.footer a:hover { text-decoration: none; color: #f39; }
/* Taalkeuz-menu */
#primary {position: relative;}
#taalkeuze {position: absolute; right: 0;}
/* Headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; clear: both; }
h1 { font-size: 16px; line-height: 1.2em; padding: 0 0 20px 0px; }
h2 { font-size: 16px; line-height: 1.2em; padding: 0 0 20px 0px; }
h3 { clear:none;font-size: 14px; line-height: 1.2em; padding: 0 0 1.2em 0; }
h4 { font-size: 14px; line-height: 18px; padding: 5px 0 0 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }
/* Content */
.page-title {font-size: 16px; font-weight: bold; }
.page-title span { font-style: italic; font-weight: normal; }
.entry-title, .entry-title a { display:none; }
body.error404 .entry-title, body.error404 .entry-title a { display:block; }
.entry-title a:hover { color: #2361a1; text-decoration: none; }
/* Text Elements */
address { font-style: italic; }
abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px dotted #666; }
blockquote {font-style: italic; }
/* contact */
.pageid-38 blockquote {}
strong { font-weight: bold; }
em, dfn, cite { font-style: italic; }
dfn { font-weight: bold; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 12px; }
del { text-decoration: line-through; }
ins { text-decoration: underline; }
code, pre { line-height: 15px; }
var, kbd, samp, code, pre { font: 12px/1.4 Consolas, "Andale Mono", Courier, "Courier New", monospace; background: #fafafa; }
kbd { font-weight: bold; }
samp, var { font-style: italic; }
pre { white-space: pre; overflow: auto; padding: 10px; border: 1px solid #ddd; clear: both; }
code { padding: 0px 3px; }
/* Lists: (ul, ol, dl) */
ul, ol, dl { margin-left: 15px; }
.nav { margin-left: 0px; }
.entry-content ul, .entry-content ol, #search-query { margin-left: 25px; }
li ul, li ol { margin-bottom: 0; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
ol { list-style-type: decimal; }
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
dt { font-weight: bold; }
.fat li { margin-bottom: 10px; }
/* Tables */
table { border: 1px solid #ccc; border-width: 1px; line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; }
table .even { background: #ddd; }
caption { text-align: left; }
tr { border-bottom: 1px solid #ccc; }
th, td { padding: 5px 3px; }
/* bugfix */
.safari input { padding: 0px 3px; }
.chrome input { padding: 1px 3px; }
/* Comments */
.comment-list, .comment-list .children { list-style: none; }
.comment-list { margin-left: 10px; }
.comment { margin-bottom: 40px; }
.comment-list .children { margin-top: 40px; }
.comment-meta { margin-bottom: 10px; }
.commenter { font-size: 16px; }
.avatar { float: right; margin: 0px 0px 10px 20px; border: 1px #ddd solid; padding: 1px; }
/* Comment Reply */
#comment-form .form-section input { margin-right: 10px; }
.form-section { margin-bottom: 10px; }
.form-section label { cursor: pointer; }
#commenter-details input { margin-right: 10px; }
#allowed-tags { font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 5px 10px; background: #fff; border: 1px #ddd dotted; border-top: none; width: 573px; }
/* Images */
img.alignleft { float: left; margin-right: 20px; margin-top: 5px; margin-bottom:10px;}
img.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
img.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }
.wp-caption { text-align: center; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption .wp-caption-text { margin: 0; padding: 5px; }
.wp-smiley { max-height: 13px; margin: 0 !important; } /* Prevent the smileys from breaking line-height */
/* [gallery] */
.gallery { margin: auto; }
.gallery-image { border: 2px solid #cfcfcf; margin-left: 0; }
.gallery-caption { margin-left: 0; }
.gallery-item { float: left; text-align: center; margin-left: 0; }
.gallery-columns-2 { width: 50%; }
.gallery-columns-3 { width: 33%; }
.gallery-columns-4 { width: 25%; }
.gallery-columns-5 { width: 20%; }
.gallery-columns-6 { width: 16%; }
.gallery-columns-7 { width: 14%; }
.gallery-columns-8 { width: 12%; }
.gallery-columns-9 { width: 11%; }
/* Navigation */
.page-navigation .nav-next { float: left; }
.page-navigation .nav-previous { float: right; }
.single-page-navigation .nav-next { float: right; }
.single-page-navigation .nav-previous { float: left; }
/* [gallery] + navigation clearfix */
.gallery-row:after, .navigation-links:after, .container:after, .menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.gallery-row, .navigation-links, .container, .menu { display: block; }
/* Basic Alignments */
.alignleft { float: left; }
.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; }
/* */
/* Cforms main 'top-level' form elements */
/* */
@import "calendar.css";
.cform {
margin-top:10px;
width: 410px;
}
.cform fieldset {
margin-top:10px;
padding:5px 0 5px 0;
border:none;
}
.cform .cf_hidden {
display:none;
border:none!important;
background:none!important;
padding:0!important;
margin:0!important;
}
.cform legend {
margin:0;
padding:0;
color: #fff;
}
ol.cf-ol {
margin:0!important;
padding:15px 0 0 0!important;
}
ol.cf-ol li {
background:none!important;
margin:5px 0!important; /*some themes may interfere otherwise*/
padding:0;
list-style:none!important;
text-align:left;
line-height:1.1em;
}
/* */
/* just for text-only fields (no input) */
/* */
ol.cf-ol li.textonly {
color:#888888;
font-size:1em;
letter-spacing:2px;
margin:12px 0pt !important;
padding:0pt 0pt 0pt 100px;
}
/* */
/* global definitions for field labels */
/* */
.cform label {
width:90px;
margin:4px 10px 0 0;
display:-moz-inline-box; /*for mozilla*/
display:inline-block; /*for Opera & IE*/
text-align:left;
vertical-align:top;
color: #fff;
font-size:0.9em;
}
.cform label span {
width:90px; /* must be the same as above!*/
display:block;
}
label.cf-before {
margin:4px 10px 0 0;
}
label.cf-after {
margin:4px 2px 0pt 6px;
text-align:left;
width:75px;
}
label.cf-after span {
width:75px;
display:block;
}
label.cf-group-after {
margin:4px 0 0 2px;
width:60px;
text-align:left;
}
label.cf-group-after span {
width:60px;
display:block;
}
/* */
/* FORM FIELDS general formatting */
/* */
.cform input,
.cform textarea,
.cform select {
padding:3px;
border:1px solid #aaa;
font-size:0.9em ;
color:#888;
background:#ffffff url(../images/field-bg-top.gif) repeat-x top left;
vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover {
border: 1px solid #FFCC00;
background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left;
}
.cform input:focus,
.cform textarea:focus,
.cform select:focus {
color:#666;
background:#ffffff url(../images/field-bg-bottom.gif) repeat-x bottom left;
}
.cform textarea,
.cform input {
width:298px;
}
.cform select {
width:306px; /* attempt to have equal length */
}
.cform select.cfselectmulti {
height:7.5em;
}
.cform textarea {
font-family: arial;
font-size: 0.9em;
overflow:auto;
}
/* */
/* formatting for text: "(required)" & other */
/* */
span.reqtxt,
span.emailreqtxt {
margin:0px 5px 7px 98px;
display: block;
vertical-align:top;
color: #fff;
font-size:0.7em;
line-height:1.2em;
}
/* */
/* radio button title */
/* */
ol.cf-ol li.cf-box-title {
color:#888888;
font-size:1em;
letter-spacing:2px;
margin:12px 0pt 0 !important;
padding:0pt 0pt 0pt 100px;
}
/* */
/* check boxes */
/* */
input.cf-box-a,
input.cf-box-b {
margin:1px 0 0 0;
width:16px;
height:22px;
border:none!important;
background:none!important;
}
input.cf-box-a {
margin-left:100px; /* check with label 'width' incl. */
}
/* */
/* check box groups */
/* */
ol.cf-ol li.cf-box-group {
padding: 0 0 5px 100px;
}
/* */
/* FORM submit button */
/* */
p.cf-sb {
margin: 0;
padding:0pt 3px 0pt 0pt !important;
text-align:right;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton {
width:auto;
padding:2px 1em;
margin: 0;
font:0.8em Tahoma;
background:#fff;
color: 333;
border:1px solid #adadad!important;
border-left-color:#ececec!important;
border-top-color:#ececec!important;
}
.cform input.resetbutton {
margin: 0 5px 0 0;
}
.cform input.backbutton {
margin: 0 5px 0 0;
}
/* */
/* FORM FIELDS enhanced error display */
/* */
ol.cf-ol li.cf_li_err {
background:#f9c repeat!important;
border-color:#DF7D7D;
border-style:solid;
border-width:1px 0pt;
padding:5px 0!important;
margin:5px 0!important;
color: #333;
}
ol.cf-ol li ul.cf_li_text_err {
margin:0 0 0 10px;
padding:0;
color:#333;
}
ol.cf-ol ul.cf_li_text_err li {
background:url(icon-alert.png) no-repeat left 1px!important;
list-style:none!important;
font-weight:bold;
text-indent:0;
margin:0 0 2px!important;
padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
content:'';
}
/* */
/* 'visitor verification' related styles */
/* */
label.secq,
label.seccap {
vertical-align:text-bottom;
margin-bottom:4px;
}
input.secinput {
vertical-align:text-bottom;
}
#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
height:15px;
width:100px;
padding: 4px 4px;
margin: 0;
vertical-align:text-bottom;
}
img.captcha {
vertical-align:text-bottom;
margin:0 0 0 10px!important;
padding:0!important;
border:none!important;
float:none!important;
}
img.captcha-reset {
vertical-align:text-bottom;
background: url(captcha_reset_white.gif) no-repeat;
margin:0 0 2px 3px;
width:21px;
height:21px;
border:none;
}
img.imgcalendar {
border:none;
}
/* */
/* change formatting of response msgs here */
/* */
div.cf_info {
color:#333;
display:none;
padding:10px 15px!important;
width:380px;
line-height:1.3em;
margin:10px 0;
}
div.cf_info ol {
margin:0;
padding:5px 15px 0 30px;
}
div.cf_info ol li {
padding:1px 0;
margin:2px 0;
}
div.cf_info a {
color:red!important;
text-decoration:underline!important;
}
div.success {
background:#ff99cc none repeat scroll 0%;
color:#333;
display:block;
}
div.failure {
display:block;
background:#ff99cc !important;
border-color:#DF7D7D;
border-style:solid;
border-width:1px 0pt;
}
div.waiting {
background:#F9F9F9;
color:#AAAAAA;
display:block;
}
/* */
/* formatting for invalid user inputs */
/* */
.cform .cf_error {
color:red;
border:1px solid #FF0000;
}
div.mailerr {
display:block;
}
.mailerr,
.cform .cf_errortxt {
color:red;
}
/* */
/* change formatting of response msgs here */
/* */
p.cf_info {
margin:10px 0;
text-align:center;
}
p.success {
color:green;
}
p.failure {
color:red;
}
/* */
/* disabled fields [disabled] does not work on IE! */
/* */
[disabled] {
color:#dddddd;
border-color:#dddddd!important;
background:none!important;
}
.disabled {
border-color:#dddddd!important;
}
/* */
/* upload box styling */
/* */
.cform input.cf_upload {
width:220px;
background: #f9f9f9;
border:1px solid #888888;
}
/* */
/* Other: link love */
/* */
.linklove {
margin:6px auto 10px !important;
padding:0pt 6px 0pt 0pt !important;
text-align:right;
width:410px;
}
.linklove a,
.linklove a:visited {
font-size: 0.8em;
font-family: Tahoma;
color:#aaaaaa!important;
}
/* */
/* Other: browser hacks */
/* */
*+html ol.cf-ol,
*+html ol.cf-ol li {
display: inline-block; /*for ie7*/
}
* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt {
display: inline-block;
}
* html .cform legend {
position:absolute;
left: -8px;
top:0;
margin-left:0;
}
*+html .cform legend {
position:absolute;
left: -8px;
top:0;
margin-left:0;
}
* html .cform fieldset {
position: relative;
margin-top:15px;
padding-top:25px;
}
*+html .cform fieldset {
position: relative;
margin-top:15px;
padding-top:25px;
}
* html img.captcha {
margin-bottom:1px!important;
}
*+html img.captcha {
margin-bottom:1px!important;
}
p.linklove {display:none;}