/*
Theme Name: Conversive NL
Theme URI: http://www.hfdesign.nl
Description: Theme ontwikkeld voor Conversive.nl 2010 door <a href="http://www.hfdesign.nl">HFdesign Webdesign</a>.
Version: 1.1
Author: Jasja ter Horst
Author URI: http://www.hfdesign.nl
Tags: conversive, blue, pink, fixed width, three columns, widgets
*/


html{

}
body{
	margin: 0 auto;
	color:#646464;
	font-size:80%;
	font-family: Arial, "Helvetica", sans-serif;
	background: #fff url("../images/hdr.gif") repeat-x left bottom;
}
#header{
	padding: 0;
	margin: 0 auto;
	border-top: 7px solid #232323;
	height:95px;
}
#home #header_section {
	background: url("images/bg-header-home.gif") repeat-x top left; 
	height:236px; 
	margin-bottom: 20px;
}
#header_section {
	background: url("images/bg-header-home.gif") repeat-x 50% -120px; 
	height:90px; 
}
.wraper{
	padding: 0;
	margin: 0 auto;
	width:928px;
	display:block;
	overflow:hidden;
}
#bg {background:url("images/bg.gif") repeat-x 0px 162px; overflow:hidden; display:block; }
#home #bg {background:url("images/bg.gif") repeat-x 0px 309px; overflow:hidden; display:block; }
.selection_wraper{
	padding: 0;
	margin: 0 auto;
	float:left;
	width:628px;
	display:block;
	overflow:hidden;
}
#links{
	margin: 0 ;
	padding: 20px 0 0 0;
	display:block;
	overflow:hidden;
	background:#232323;
	text-align:left;
	clear:both;
}	
#footer{
	padding: 0;
	margin: 0;
	color:#bababa;
	width:100%;
	font-size:12px;
	background:#000;
	text-align:center;
	clear:both;
}	
/*////////////////////////////////Onderdelen////////////////////////////////////////*/

/*--------------------------------Navigatie---------------------------------------------*/
#hoofdmenu {padding: 0; margin:0; background:#c3024e url("images/hoofdmenu-bg.gif") repeat-x left top; overflow:hidden; height:38px; }
#hoofdmenu ul {margin: 0 auto; width:928px; padding:0; list-style-type: none; text-align: center;}
#hoofdmenu ul li {padding: 0; margin-top: 3px; display: block; float: left; text-align: center;}
#hoofdmenu ul li a {padding: 10px 26px;  color: #fff;  text-decoration: none; display: block; text-align: center; font-weight:bold; font-size:12px; background: url("images/menu-separator.gif") no-repeat 0px 45%; margin: 0 3px 0 0;}
#hoofdmenu ul li a:hover {color: #232323; background: #eae6e6 url("images/menu-active-bg.gif") repeat-x top left;}
#hoofdmenu a:active {background: #000; color: #fff;}
#hoofdmenu li.current_page_item a, #hoofdmenu li.current_page_parent a, #hoofdmenu li.current_page_ancestor a {background: #eae6e6 url("images/menu-active-bg.gif") repeat-x top left; color: #232323;}
.hoofdmenu_border {height:33px; background: #eae6e6;}

/*--------------------------------Sub navigatie (sidebar)---------------------------------------------*/
#sidebar ul.submenu {margin-bottom:25px; padding:0px; display:block;} 
ul.submenu li {margin:0; padding:0; font-weight:bold;  }
ul.submenu li a{margin-top:1px; padding:7px 10px 10px 50px; display:block; color:#666;}
ul.submenu li a:hover{color:#000; background:  url("images/submenu-hover-bg.gif") no-repeat top left;}
ul.submenu li.current_page_item a, ul.submenu li.current_page_item a:hover {background:  url("images/submenu-active-bg.gif") no-repeat top left; color: #fff;}

/* niveau -1*/
ul.submenu li ul {margin:0; padding:0;}
ul.submenu li ul li {margin:0; padding:0;}
ul.submenu li ul li a {margin-top:1px; padding:7px 10px 10px 90px; display:block; color:#555;}
ul.submenu li ul a:hover{color:#000; background:  url("images/submenu-hover-bg.gif") no-repeat top right;}
ul.submenu li.current_page_item ul li a {background:none; margin-top:1px; padding:7px 10px 10px 90px; display:block; color:#555;}
ul.submenu li.current_page_item ul li a:hover {background:  url("images/submenu-hover-bg.gif") no-repeat top right; color:#000;}

/*--------------------------------Sidebar---------------------------------------------*/
#sidebar {padding: 0; margin:35px 0; overflow:hidden; width:300px; float:left;}
#sidebar ul { margin: 0; padding:0; }
#sidebar ul.side_stuff li{ margin:7px 0; }
#sidebar ul.side_stuff li a{border-bottom:1px solid #ccc; display:block; padding:  5px 10px 5px 30px; }
#sidebar ul.side_stuff li a:hover {background:  url("images/submenu-hover-bg.gif") no-repeat -260px center; color:#000; padding:  5px 10px 5px 30px;}

/*--------------------------------Sidebar (CTA)---------------------------------------------*/
#sidebar ul.sidebar_cta {margin:25px 0; padding:0; background:#f7f7f7; padding-top:5px; padding-bottom:5px; border:1px solid #eee;}
#sidebar ul.sidebar_cta li {margin: 5px 0; }
#sidebar ul.sidebar_cta li a{color:#666; border-bottom:none;}
ul.sidebar_cta li a:hover{color:#000;}
ul.sidebar_cta li a:hover strong {color:#000; text-decoration:underline;}
#sidebar .nieuwsbrief {padding: 0px 10px 5px 50px; margin:0; background:url("images/nieuwsbrief.gif")  no-repeat 3% top;}
#sidebar .affiliate_test {padding: 0px 10px 5px 50px; margin:0; background:url("images/affiliate-test.gif")  no-repeat 3% top;}
#sidebar .download {padding: 0px 10px 5px 50px; margin:0; background:url("images/download.gif") no-repeat 3% top;}
#sidebar .referenties {padding: 0px 10px 5px 50px; margin:0; background:url("images/referenties-cta.gif") no-repeat 3% top;}

/*--------------------------------Up button---------------------------------------------*/
#up_button ul{background:#efefef ; border-bottom:5px solid #cd0554; list-style:none; margin:1px 0 0 0; padding:7px; display:block; overflow:hidden;}
#up_button ul li {margin:0 auto; padding:0; text-align:right; width:928px;  list-style:none;}
#up_button ul li a{background:#cd0554  url("images/up-button.gif") no-repeat 30% 30%; height:31px; list-style:none; margin:0; padding:4px 30px 7px 50px; color:#fff; text-decoration:none; font-weight:bold;}

/*--------------------------------Standaard opmaak---------------------------------------------*/

a {color:#000; text-decoration:none; }
a img  {border:none;}
p {	padding:  5px; margin: 0;}
.col_content p {line-height:160%; padding:10px 15px}
.col_content a {color:#cd0554;}
.col_content a:hover { text-decoration:underline;}
.postmetadata a {color:#000; }
.icons {text-align:right; margin: 0 auto; padding-top:4px; width:928px;}

.col_content h1{color:#000; font-size:19px; padding:3px 5px 10px 5px; background: url("images/h1-border-bottom.gif") repeat-x bottom left;  overflow:hidden; line-height:20px;}
#home h2 {color:#000; padding: 5px; margin: 0; font-size:13px; width:290px; overflow:hidden; height: 18px; }
#home h2 a{ }
#sidebar h2{font-size: 13px; color:#000; margin:10px 0 ;}
.col_content h2 {color:#000; font-size:15px; padding:5px ; margin:0 10px;}
h3{margin:5px 0 0 0; padding:25px 15px 0px 15px; color:#646464;}
.col_content h3 a{color:#000;}
h3 a:hover{  color:#000; text-decoration:underline;}

ul {}
ul li {padding:5px 0; list-style:square;}
ul.voordelen{padding:0; margin:0 14px;}
ul.voordelen li {padding:8px 40px;  background: url("images/submenu-hover-bg.gif") no-repeat -260px 0; list-style:none;}
ul li a {}
ol {}
ol li {}
ol li a {}

#sidebar ul {list-style:none;}

blockquote {padding: 0px; margin:5px 15px;}
blockquote.referentie {padding: 0px; margin:5px 15px;}  

/*--------------------------------Content CTA's---------------------------------------------*/
ul.cta { margin:13px 0 28px 0; padding:0; list-style:none; width:614px; display:block; overflow:hidden; clear:both;}
ul.cta li{ padding:0; margin:0; list-style:none;}
ul.cta li.contact a{float:right; background: url("images/cta-contact.gif") no-repeat 0% 50%; padding:12px 10px 14px 30px; margin-top:7px;  width:260px; display:block; color:#fff; font-weight:bold; }
ul.cta li.test a{ float:left; background: url("images/cta-test.gif") no-repeat 0% 50%; padding:12px 10px 14px 30px; margin-top:7px;  width:260px; display:block; color:#fff; font-weight:bold; }


ul.cta li.contact a:hover, ul.cta li.test a:hover {text-decoration:underline;}

/*--------------------------------Related---------------------------------------------*/
ul.related{border: 1px dashed #ccc; margin:10px; padding:5px 0 10px 0; clear:both;}
ul.related li.none{margin:0; list-style:none; padding:10px 10px 10px 10px;  font-weight:bold; }
ul.related li { list-style:circle; margin-left:20px; margin-left:30px;   }
ul.related li a{padding:0px 10px 5px 10px; display:block; color:#000;  }
ul.related li a:hover {text-decoration:underline;}

/*--------------------------------Colom---------------------------------------------*/

.col_content {
	float:left;	
	margin: 0 0 40px 14px;
	padding: 0;
	display:block;
	width:614px; 
}
.content_bg {
	margin: 0 ;
	padding: 5px 0 0 0;
	display:block;
	background: url("images/content-white.gif") repeat-x 0 0; 
}
.col_left {
	float:left;	
	padding: 0;
	margin-bottom: 10px;
	width:300px;
}
.col_center {
	float:left;	
	padding: 0;
	margin: 0 14px 10px 14px;
	width:300px;
}
.col_right {
	float:left;	
	padding: 0;
	margin-bottom: 10px;
	width:300px;
}
.col_teasers {
	float:left;
	margin: 2px 4px 10px 4px;	
	width:300px;	
}
/*--------------------------------Specifieke opmaak---------------------------------------------*/
#header a img {
	padding: 0;
	margin: 0;
	border:none;
}
#header h1{
	padding: 5px 0 0 5px;
	margin: 0;
}
/*--------------------------------Heade section---------------------------------------------*/
#home .header_section_img {background:  url("images/header_section_image.jpg") no-repeat 50%; height:236px; color:#fff;}
.header_section_img {background:  url("images/header_section_image_next.jpg") no-repeat 50% -120px; height:90px; color:#fff;}
#shades{background: url("images/shades-home.png") repeat-x left top; }
#shades_small{background: url("images/shades.png") repeat-x left top; height:90px; }
.header_section_cta {float:right; display:block; overflow:hidden; width:500px; background:  url("images/cta-home.png") no-repeat 100% 31%; padding-left:10px; }
.header_section_cta img{float:left;}
p.affiliate-test {text-align:center; line-height:10px; margin-top:18px; font-size:11px;}
p.downloads {text-align:center; line-height:10px; margin-top:18px; font-size:11px;}

p.affiliate-test strong, p.downloads strong {color:#cd0554; font-size:15px; margin-bottom:5px;}
p.cta {font-size:11px; text-align:center; background:url("images/cta-button.png") no-repeat 98% 0%; padding:7px 0 7px 0; margin-top:4px;} 
p.cta a{color:#555; text-decoration:none; }
#header_section p.cta a:hover{color:#000; text-decoration:underline; background:none;}
#home h1{margin:0; padding:27px 0 0 12px; padding-bottom:10px; color:#fff;   font-size:18px; font-weight:normal; background:0;}
#home h1 strong{font-weight:normal; }
.arial-black { font-family:Geneva, Arial, "Helvetica", sans-serif; font-weight:normal; color:#000; font-size:37px; padding:5px 0 0 0px; }
#header_section a {text-decoration:none; font-weight:bold;}
p.clear_default {padding:14px 15px 0 14px;}
p.over_conversive {padding:15px 15px 0 14px; }


#header_section a:hover {text-decoration:underline;}

/*--------------------------------Teasers---------------------------------------------*/
a .paragraph {padding: 5px; color:#646464; text-decoration:none; overflow:hidden; display:block;} 
a .paragraph strong{ color:#000; } 
a:hover .paragraph {color:#000; text-decoration:none;} 

img.image_holder {background: url("images/image-holder.png") no-repeat top left; padding: 4px 18px 4px 4px; float:left; }
a:hover img.image_holder {background: url("images/image-holder-hover.png") no-repeat top left; padding: 4px 18px 4px 4px; float:left; }

.affiliate_marketing {background: url("images/affiliate_marketing.png") no-repeat 0 -97px; padding: 4px 18px 4px 0px; float:left; width:93px; height:90px; }
a:hover .affiliate_marketing {background: url("images/affiliate_marketing.png") no-repeat top left; padding: 4px 18px 4px 0px; float:left; }
.ant {background: url("images/ant.png") no-repeat 0 -97px; padding: 4px 18px 4px 0px; float:left; width:93px; height:90px;}
a:hover .ant {background: url("images/ant.png")  no-repeat top left; padding: 4px 18px 4px 0px; float:left; }
.media_buying{background: url("images/media_buying.png") no-repeat 0 -97px; padding: 4px 18px 4px 0px; float:left; width:93px; height:90px; }
a:hover .media_buying {background: url("images/media_buying.png") no-repeat top left; padding: 4px 18px 4px 0px; float:left; }
.conversie_consultancy{background: url("images/conversie_consultancy.png") no-repeat 0 -97px; padding: 4px 18px 4px 0px; float:left; width:93px; height:90px;}
a:hover .conversie_consultancy {background: url("images/conversie_consultancy.png") no-repeat top left; padding: 4px 18px 4px 0px; float:left; }

#links .border{border:1px solid #393939; background:#000; padding:10px 5px 25px 15px; overflow:hidden; display:block; height:80px;}
#links .border_none {border:1px solid #232323; padding-bottom:25px; padding-top:10px;}

#home .border_grey {border-bottom:1px solid #eee; height:110px;}
.border_grey {border-bottom:1px dashed #ccc; }
#home .grey {background:#f7f7f7; height:100px; padding-top:5px; border:1px solid #eee;}
.grey {background:#f7f7f7; padding-top:5px; padding-bottom:5px; border:1px solid #eee;  height:100px;}
.border_grey_news {	border:1px dashed #999; height:229px; background:#f7f7f7;}
.border_grey_news a:hover{text-decoration:underline;}

p.adres{width:120px; float:left; margin:0 7px 0 0; padding:0;}

/*--------------------------------Search---------------------------------------------*/
form#searchform {float:right; margin-top:9px; clear:right;}
input#s {border: 1px solid #232323; width:200px; padding:2px;}
#searchsubmit {color:#fff; background:#232323; border: none; padding:4px; font-size:11px; width:80px;}

/*--------------------------------Translation---------------------------------------------*/
.translation a {float:right; margin:5px 0 5px 5px;}


/*--------------------------------Table-----------------------------------------------*/
table {margin:9px 13px; padding:0;  font-size:12px; }
.programma td {border-bottom:1px solid #eee; padding:6px 5px; background:none;}
td.top {background: url("images/table-top.gif") no-repeat left top; text-align:left; color:#fff; border-bottom:2px solid #000; }
td.top strong {padding: 0px 100px;}
tr.zebra td {background:#eee; }

/*--------------------------------Overige---------------------------------------------*/
p.footer  {width:928px; text-align:left; color:#888; padding:10px 0; font-size:11px; margin:0 auto;}
p.footer a {color:#888;}
#links a {	color:#bababa;}
#links a:hover {color:#fff; text-decoration:underline;}
img.accreditaties {padding-left:20px;}



p.postmetadata {border-top: 1px solid #eee; border-bottom: 1px solid #eee; background:#f7f7f7;  margin:10px;  padding:5px 10px; clear:both;}
#spacer {margin-top:40px;}
.pink {color:#cd0554;}
.white {color:#fff;}
.black {color:#000;}
.big {font-size:20px;}
.right {float:right; display:block; overflow:hidden; width:320px;}
.dached {border: 1px dashed #ccc;}

/*--------------------------------Widgets---------------------------------------------*/
#home .widget ul {margin:0 0 0 15px; padding:5px; list-style: square;}
#home .posts   { margin:0;   overflow:hidden;}
#home .widget ul li{padding:3px 0px; /*font-weight:bold;*/}
#home .widget ul li a{color:#646464; text-decoration:underline;}
#links h2 { font-size:12px; padding:5px ; margin:0 10px;}

.socialbookmarks {text-align: left;  margin: 10px ; }
.socialbookmarks a img {
	margin:5px 3px 1px 3px;
	padding:4px;
	background:#fff;
	border: 1px solid  #33CCFF;
	}
.socialbookmarks a:hover img {
	border: 1px solid #0079c2;
	}


/*--------------------------------Comments---------------------------------------------*/
.comment {overflow:hidden; display:block; clear:both; margin:30px 10px 30px 0; padding:20px;}
.comment-author img {float:left; padding: 3px; border:1px solid #eee; margin-right:10px;}
.commentlist p{margin-top:20px; padding:0;}
.even {background:#FEDEEB; 	border: 1px solid #cd0554; }

/*--------------------------------Captions---------------------------------------------*/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/*--------------------------------Plugins---------------------------------------------*/
.navigation {margin:45px 5px 5px 5px; clear:both;}
#twitter-tools {
	float:left;	
	padding: 5px 0;
	margin-bottom: 20px;
	width:300px;
}
#twitter-tools h2{
	padding: 0;
	margin: 0 ;
	color:#bababa;
}
#footer #twitter-tools ul li a {
	color:#fff;
}