/*   
Theme Name: vdpGO-2009
Theme URI: www.vandepolgrafischontwerp.nl
Description: 
Author: Van de Pol Grafisch Ontwerp
Author URI: www.vandepolgrafischontwerp.nl
Version:	mei 2009
*/


/*kleuren*/
.bovengrijs {
	color: #d9d5d5; /*bovengrijs*/
}
.contentgrijs {
	color: #f2f1f1; /*contentgrijs*/
}
.tekstbruin {
	color: #564346; /*tekstbruin*/
}
.oranje {
	color: #ff4400; /*oranje*/
}
.blauw {
	color: #0099cc; /*blauw*/
}
.groen {
	color: #00aa3c;/*groen*/
}
.roza {
	color: #ff3366;/*roza*/
}
.aubergine {
	color: #c1002d;/*aubergine*/
	}
.groenblauw {
	color: #00b7a8;/*groenblauw*/
}
/*einde kleuren*/





/*misc.*/

* {
	margin: 0px;
	padding: 0px;
	text-decoration:none;
}
body, html {
	background-color:#fff;
	height:100%;
	font-size:100%;
	line-height:1.125em;
}
img {
	border:0;
	margin:0;
	padding:0;
	border:none;
}
a:link img, a:visited img, a:hover img {
	border: none;
	padding:0px;
	margin:0px;
	outline:none;
}
.rij .post img, .rij .post img.alignleft {
	margin: 2px 4px 4px 0px;
	float: left;
	width: 75px;
	height: 75px;
	display: inline;
	}
#inhoud .post img{
	margin: 5px auto;
	width: 405px;
}
#inhoud .post img.alignleft{
	margin: 2px 4px 4px 0px;
	float: left;
	width: 150px;
	height:150px;
	display: inline;
}
form {
	margin:0px;
	padding:0px;
	clear: both;
}
#linkercolumn img{
	display: block;
	clear: both;
}
#linkercolumn img.alignleft{
	width: 300px;
	display: block;
	clear: both;
}
#linkercolumn img.alignright{
	clear: both;
	margin-left: 55px;
	margin-bottom: 15px;
}
.advies #linkercolumn img.alignright{
	clear: both;
	margin-top: -12px;
	margin-left: 93px;
	margin-bottom: 15px;
}
.advies #linkercolumn img.www{
	clear: both;
	margin-left: 108px;
	margin-bottom: 15px;
}

/*einde misc.*/



/*structuur*/
body {
	text-align:center;
	background-color:#FFF;
	background:url(images/vdpgo_background.gif) top left repeat-x;
}
#container {
	position: relative;
	padding: 0;
	margin: 0 auto;
	text-align:left;
	width: 980px;
	/*border: 1px solid red;*/
}
#boven {
position:relative;
top: 0;
left: 0;
width: 980px;
height: 72px;
margin:0;
padding:0;
/*border:1px solid yellow;*/
}
#header{
position:relative;
float:left;
width:350px;
height: 72px;
margin:0;
padding:0;
/*border:1px solid teal;*/
}
#menu{
position:relative;
float:left;
width:590px;
height: 72px;
margin:0;
margin-left:20px;
padding:0;
/*border:1px solid purple;*/
}
#onder{
	position: relative;
	width: 980px;
	top: 0;
	left: 0;
}
/*"content" en "linkercolumn" staan in omgekeerde volgorde in de pagina-code, om de WP-loop correct te laten werken, eea wordt rechtgezet hier in de CSS*/
#linkercolumn {
position: absolute;
width:350px;
top: 53px;
left: 0;
margin:0;
padding:0;
/*border:1px solid #000;*/
}
#content{	
position: absolute;
width:460px;
top: 0;
left: 350px;
margin:0;
padding:0;
background-color: #f2f1f1; /*contentgrijs*/
min-height:250px;
_height:250px;
/*border:1px solid blue;*/
}
.rij{	
float:left;
width:216px;
	margin:0;
	padding:0;
	margin-right: 8px;
	/*border:1px solid pink;*/
}
.post{
	clear: both;
}
.rij .post p{
	min-height:80px;
_height:80px;
}
#inhoud, #inhoudhome{	
width:405px;
	margin:0;
	padding:0;
	margin: 27px 25px;
	clear: both;
	/*border:1px solid rose;*/
}
.alignleft{
	float: left;
	margin: 0 auto;
}
.aligncenter{
	float: left;
		margin: 0 110px;
}
.alignright{
	float: left;
}
#rechtercolumn {
position: absolute;
width:150px;
height: 300px;
top: 0;
left: 810px;
margin:0;
padding:0;
/*border:1px solid #ff3300;*/
}
#footer {	
	position: relative;
	width:460px;
	height:25px;
	margin:0;
	padding:8px 0 0 0;
	text-align:center;
/*border:1px solid yellow;*/
}
/*einde structuur*/



/*typografie*/
body{
	font: normal normal 62.5%/1.125em Georgia, "Times new roman", serif; /* brengt 1em naar 10px */
}
* html body { f\ont-size:x-small; /* is ook ongeveer 10px, voor IE6 */
}
body, h1, h2, h3, h4, h5, h6, h7, ul, li, label, p, form, code {
	text-decoration: none;
	list-style: none;
	margin:0px;
	padding:0px;
}
.home a{
	color: #0099cc; /*blauw*/
}
.drukwerk a {
	color: #00aa3c;/*groen*/
}
.websites a {
	color: #c1002d;/*aubergine*/
}
.advies a {
color: #ff4400; /*oranje*/
}
.profiel a{
	color: #00b7a8; /*groenblauw*/
}
.contact a {
	color: #ff3366;/*roza*/
}
.home a:hover, .drukwerk a:hover, .websites a:hover, .advies a:hover, .profiel a:hover, .contact a:hover {
	color: #564346; /*tekstbruin*/
}
.terug a, .more-link{
word-spacing: normal;
	display: block;
}
h1{
font-size: 0.01em;
color: #d9d5d5; /*bovengrijs*/
display: block;
}
.home h1 a, .home h1 a:hover,
.websites h1 a, .websites h1 a:hover,
.drukwerk h1 a, .drukwerk h1 a:hover,
.advies h1 a, .advies h1 a:hover,
.profiel h1 a, .profiel h1 a:hover,
.contact h1 a, .contact h1 a:hover{
	color: #d9d5d5; /*bovengrijs*/
}
h1 a{
display: block;
background:url(images/logo_vdpgo.gif) top left no-repeat;
background-position:0px 0px;
width:350px;
height: 72px;
overflow: hidden;
}
.home h1 a, .home h1 a:hover{
	background-position:0px 0px;
	cursor: text;
}
.drukwerk h1 a:hover{
	background-position:0px -68px;
}
.websites h1 a:hover{
	background-position:0px -136px;
}
.advies h1 a:hover{
	background-position:0px -204px;
}
.profiel h1 a:hover{
	background-position:0px -340px;
}
.contact h1 a:hover{
	background-position:0px -272px;
}
/*.drukwerk h1 a{
	background-position:0px -68px;
}
.drukwerk h1 a:hover{
	background-position:0px 0px;
}
.websites h1 a{
	background-position:0px -136px;
}
.websites h1 a:hover{
	background-position:0px 0px;
}
.advies h1 a{
	background-position:0px -204px;
}
.advies h1 a:hover{
	background-position:0px 0px;
}
.profiel h1 a{
	background-position:0px -340px;
}
.profiel h1 a:hover{
	background-position:0px 0px;
}
.contact h1 a{
	background-position:0px -272px;
}
.contact h1 a:hover{
	background-position:0px 0px;
}*/
.rij .post p{
	margin: 3px 3px 12px 24px;
	font: normal normal 1.125em/1.2em "Lucida sans unicode", Helvetica, Arial, sans-serif;
color: #564346; /*tekstbruin*/
word-spacing: 0.3em;
text-align: left;
	padding-bottom: 8px;
	border-bottom: 1px solid #d9d5d5; /*bovengrijs*/
}
.rij#r .post p{
	margin-left: 14px;
}
.rij .post h2{
	padding-left:24px;
	font: italic normal 1.4em Georgia, "Times new roman", serif;
color: #564346; /*tekstbruin*/
}
.rij#r .post h2{
	padding-left:18px;
}
.rij .post h2 a{
color: #564346; /*tekstbruin*/
cursor: pointer;
}
.profiel .rij .post h2 a{
cursor: text;
} 
#inhoud .post{
font: normal normal 1.25em/1.85em Georgia, "Times new roman", serif;
text-align: justify;
color: #564346; /*tekstbruin*/
}
#inhoud .post p{
margin-bottom: 15px;
}
#inhoud h2, #inhoud .post h2, #inhoudhome .post h2{
	font: italic normal 1.25em Georgia, "Times new roman", serif;
text-decoration:none;
}
#inhoud .post h2 a, #inhoud .post h2 a:hover, h2 a:hover{
	text-decoration: none;
	display: block;
		cursor:text;
}
.home #inhoudhome h2{
	font: italic normal 1.4em Georgia, "Times new roman", serif;
		color: #0099cc; /*blauw*/
}
.home #inhoud h2, .home #inhoud h2 a:hover{
		color: #0099cc; /*blauw*/
}
.drukwerk #inhoud h2 a:hover{
	color: #00aa3c;/*groen*/
}
.websites #inhoud h2 a:hover{
	color: #c1002d;/*aubergine*/
}
.advies #inhoud h2 a:hover{
	color: #ff4400; /*oranje*/
}
.profiel #inhoud h2 a:hover{
	color: #00b7a8;/*groenblauw*/
}
.contact #inhoud h2 a:hover{
	color: #ff3366;/*roza*/
}
#inhoud .post h4{
	font: normal normal 1.125em/1.85em Georgia, "Times new roman", serif;
font-variant:small-caps;
display: block;
	text-decoration: none;
}
#inhoud h3, #inhoud .post h3, blockquote{
	font: italic normal 1.25em/1.0em Georgia, "Times new roman", serif;
	text-decoration: none;
	display: block;
	margin: 20px 0;
}
#rechtercolumn .post p{
	position: relative;
	top: 53px;
	left: 22px;
	font: normal bold 1.05em/1.5em Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
color: #564346; /*tekstbruin*/
}
#linkercolumn .post p{
	font: normal bold 1.05em/1.5em Arial, Helvetica, sans-serif;
	letter-spacing: 0.05em;
color: #564346; /*tekstbruin*/
margin:0 40px 0 10px;
text-align: justify;
}
#footer p, #footer p a{
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 0.95em;
	color: #564346; /*tekstbruin*/
	text-decoration: none;
}
#footer a:hover{
	text-decoration: none;
}
.home #footer a:hover{
		color: #0099cc; /*blauw*/
}
.drukwerk #footer a:hover{
	color: #00aa3c;/*groen*/
}
.websites #footer a:hover{
	color: #c1002d;/*aubergine*/
}
.advies #footer a:hover{
	color: #ff4400; /*oranje*/
}
.profiel #footer a:hover{
	color: #00b7a8;/*groenblauw*/
}
.contact #footer a:hover{
	color: #ff3366;/*roza*/
}
/*einde typografie*/




/*-- menu--*/
ul.navigation {
	float:left;
	list-style:none;
	margin-top: 32px;
	margin-left: 0;
padding-left: 0;
}
ul.navigation li {
	display: inline;
	margin:0px;
	margin-right: 50px;
	padding:0px;
	position:relative;
}
ul.navigation li a {
	font: italic normal 1.8em Georgia, "Times new roman", serif;
	color: #564346; /*tekstbruin*/
	text-decoration: none;
}
ul.navigation li a:hover {
	text-decoration: none;
}
ul.navigation li.current_page_item a,
ul.navigation li.current_page_item a:hover,
ul.navigation li.current_item_parent a {
	text-decoration: none;
	cursor:text;
}
ul.navigation li.current_item_parent a:hover{
	text-decoration: none;
	cursor:pointer;
}
.home ul.navigation li a:hover,
.home ul.navigation li.current_page_item a,
.home ul.navigation li.current_page_item a:hover,
.home ul.navigation li.current_item_parent a,
.home ul.navigation li.current_item_parent a:hover{
	color: #0099cc; /*blauw*/
}
.drukwerk ul.navigation li a:hover,
.drukwerk ul.navigation li.current_page_item a,
.drukwerk ul.navigation li.current_page_item a:hover,
.drukwerk ul.navigation li.current_item_parent a,
.drukwerk ul.navigation li.current_item_parent a:hover{
	color: #00aa3c;/*groen*/
}
.websites ul.navigation li a:hover,
.websites ul.navigation li.current_page_item a,
.websites ul.navigation li.current_page_item a:hover,
.websites ul.navigation li.current_item_parent a,
.websites ul.navigation li.current_item_parent a:hover{
	color: #c1002d;/*aubergine*/
}
.advies ul.navigation li a:hover,
.advies ul.navigation li.current_page_item a,
.advies ul.navigation li.current_page_item a:hover,
.advies ul.navigation li.current_item_parent a,
.advies ul.navigation li.current_item_parent a:hover{
	color: #ff4400; /*oranje*/
}
.profiel ul.navigation li a:hover,
.profiel ul.navigation li.current_page_item a,
.profiel ul.navigation li.current_page_item a:hover,
.profiel ul.navigation li.current_item_parent a,
.profiel ul.navigation li.current_item_parent a:hover{
	color: #00b7a8;/*groenblauw*/
}
.contact ul.navigation li a:hover,
.contact ul.navigation li.current_page_item a,
.contact ul.navigation li.current_page_item a:hover,
.contact ul.navigation li.current_item_parent a,
.contact ul.navigation li.current_item_parent a:hover{
	color: #ff3366;/*roza*/
}
/*-- einde menu--*/





/*-- formulier--*/
/* main top-level form elements*/
.cform {
	margin:10px 0 0 0;
	width: 370px;
}
.cform .cf_hidden {
	display:none;
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}
ol.cf-ol {
	margin:0!important;
	padding:0!important;
}
ol.cf-ol li	{
	background:none!important;
	margin:5px 0!important;
	padding:0;
	list-style:none!important;
	text-align:left;
	line-height:1.3em;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */
.cform label {
	width:60px;
	margin:4px 10px 0 0;
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
		
	text-align:left;
	vertical-align:top;
}
.cform label span {
	width:60px; /* must be the same as above!*/
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select {
	padding:3px;
	background: #f9f9f9;
	border: 1px solid  #564346; /*tekstbruin*/
	vertical-align:top;
	color: #ff3366;/*roza*/
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background:#fff;
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{
		border: 1px solid #ff3366;/*roza*/
}

.cform textarea,
.cform input {
	width:250px;
}
.cform select {
	width:264px; /* attempt to have equal length */
	padding:2px 0;
}

.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:3px 0 0 3px;
	font-size:0.9em;
	display: -moz-inline-box;
	vertical-align:top;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */
p.cf-sb {
width:270px;
	text-align:right;
	padding: 0!important;
	margin: 0;
}
.cform input.backbutton,
.cform input.resetbutton,
.cform input.sendbutton	{
	width:100px;
	padding:5px;
	margin: 10px 0 0 150px;
	font-size:0.9em;
	border:1px solid #564346; /*tekstbruin*/
}
.cform input.resetbutton {
	width: auto;
	padding:5px 1em;
}
.cform input.backbutton {
	width: auto;
	padding:5px 1em;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	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:50px;
	padding: 4px 4px;
	margin: 0;
}

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_grey.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:220px;
	line-height:1.3em;
	margin:10px auto;
}
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:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
	background:#F7F7F7 none repeat scroll 0% 50%;
	color:#444444;
border:1px solid #ee1c23;
	display:block;
	color:#ee1c23;
clear:both;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
border:1px solid #ee1c23;
	color:#ee1c23;
clear:both;
}
div.waiting {
	background:#F9F9F9;
		color:#ee1c23;
	display:block;
clear:both;

}
/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error {
	color:#ad2929;
	border:1px solid #ad2929;
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove, .linklove a,
.linklove a:visited {
	display:none;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px;
}
* html .cform legend {
	position:absolute;
	top: -10px;
	left: 10px;
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px;
}
*+html .cform legend {
	position:absolute;
	top: -10px;
	left: 10px;
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt {
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}

* html img.captcha {
	margin-bottom:1px!important;
}
*+html img.captcha {
	margin-bottom:1px!important;
}

/*-- einde formulier--*/