/*
Theme Name: Campagne Counselling
Theme URI: http://www.campagnecounselling.nl
Description: Default Compagny Theme <a href="http://www.campagnecounselling.nl">Martijn Hendriks</a>.
Version: 0.1
Author: Martijn Hendriks
Author URI: http://www.campagnecounselling.com/
Tags: custom made theme

*/
#kop {
	position:relative;
	float:right;
	right:14px;
	height:20px;
	width:537px;
}
#kop_contact {float:left; left:27px; position:relative; height:20px; width:750px; margin: 0 auto;}

.page_item a:link,
.page_item a:visited,
.page_item{
  display: inline;
  color:#707070; 
  text-decoration:none;	
}
.page_item a:hover {color: #b0cc23;}
#menu .first_page_item {background: #fff;}

#menu .current_page_item a,
#menu .current_page_parent a
{color: #b0cc23;font-weight:bold;	}

#menu li,
#menu a { 
	display: inline; 
  	float: left; 
	margin-left:0;
	font-size:11px;
	padding-bottom:3px;
	
}

#menu li {  
	background: url( "images/menu_diverder.png") left top no-repeat;
	padding: 0 5px 0px 5px;

	}

#menu {
	position: relative; 
	top: 29px; 
	float:left;
	margin:0;
	padding-bottom:5px;
	line-height:1;
}

body {
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	text-align:center;
	background: #b0cc23 url("images/background.png") repeat-x;

}

#page {
	margin:0 auto;
	padding-top:18px;
	text-align:left;
	width:795px;
}

#header {
	position:relative;
	float:left;
	left:8px;
	text-align:left;
	width:770px;
	padding-bottom:16px;
	/*height: 82px;*/
}

#logo {
	position: relative; 
	float:left;
	left: 7px;
	height:48px;
	width:205px;
}

#verzekeraars{ bottom:104px; float:right; position:relative; right:9px;  background: url("images/verzekeraars.png") no-repeat; background-position: left bottom; height:113px; width:116px;}
#verzekeraars:hover{ background-position: left top; }

/* CONTACT */
#contact { float: left; 	position:relative; /*left:7px;*/ margin-top: 6px; /*background: url("images/contact.png") no-repeat; background-position: left bottom;  height:63px; width:201px;*/ } 
#contact:hover {	background-position: left top; }
a #contact  { left:5px;}
#naw_details { position:relative;display:block;float:left}
.contact_header { float: left; padding-left:10px; height:20px; width:200px; /*border-bottom: solid 1px #ffb000; */ margin-bottom:0; }
.contact_lblock {color:#646464;float:right; position: relative; right:27px;margin-top:14px;}
.contact_item img {vertical-align:middle; margin-right: 20px;} 
.contact_item  {min-height:35px;margin-top:15px;font-size:16px;background: url("images/sep.png") no-repeat; background-position: left bottom; font-weight:bold;}
.last_contact_item  {background:none;height:auto;}
.contact_item  a {color:#707070;text-decoration:underline;}
.contact_item  a:hover{text-decoration:none;}

#box {
	position: relative;
	float: left;
	text-align: left;
	width: 799px;
	/*height: 579px;*/
	background: url("images/transparent_bg.png") repeat-y;
	/*background: #fff url("images/left_border.png") 0px 19px no-repeat;*/
	display:table;
	margin-top:0;
	overflow:visible;
	z-index:1;
}

#top {
	position: relative;
	height: 21px;
	background: url("images/top.png") no-repeat;
}

#brandbox {
	position: relative;
	left:19px;/*19*/
	height: 181px;
}

#brandbox  img{
	position: relative;
	right: 38px;
	float:right;
	top:-6px;
}

#left {
	position: relative;
	float:left;
	left:18px;/*18px*/
	margin-top:14px;
	/*height: 340px;*/
	list-style-type:none;
	color:#707070; 
	width:210px;
}
#left .current_page_item   a {color: #b0cc23;font-weight:bold;}

#left .page_item {
	margin-right:20px;
	display:block;
	width:200px;
	font-size:12px;
	line-height:28px; /*32*/
	padding-left:10px;
	border-top: solid 1px #c7e626;
	margin:0;
}

#left .page_item  a:hover{
	font-family: "Segoe UI", Arial;
	color:#b0cc23;
	text-decoration:none;
}

#middle {
	float: left;
	position: relative;
	left:18px;
	width: 301px;
	margin-top:14px;
	padding:0px 20px;
	height: 350px;	
}

#right {
	position: relative;
	margin-top:14px;
	/*margin-right: 20px;*/
	margin-left:10px;
	float:left;
	height: 340px;
	width: 210px;	
}

.kolom-detail {
	position: relative;
	float:left;
	left:18px;
	margin-top:4px; /*14*/
	height: 340px; /*340*/
	width: 251px; 
}

#bottom {
	position: relative;	
	float:left;
	height: 23px;
	width: 799px;
	background: url("images/bottom.png") no-repeat;
	z-index:2;
}

#footer {
	float:left;
	position: relative;
	padding-top:0px;
	margin: 0px auto;
	width: 799px;
	color: #7f7f7f;
}
.position_left {
	float:left;
}

.position_right {
	float:right;
}

.position_bottom {
	height:35px;
	position:relative;
	top:6px;
}

.column_header {
	float: left;
	padding-left:10px; /**/
	height:20px;
	width:205px;
	border-bottom: solid 1px #c7e626;
	margin:0;

}
 
.column_header_mid {
	float: left;
	padding-left:10px; /**/
	height:20px;
	width:292px;
	border-bottom: solid 1px #c7e626;
	margin-bottom:3px;

}

.more_info {
	width:100px;
	padding-left:0px; /**/
	float: left;
	clear:both;
	overflow:hidden;
	
} 

.text_box {
	float:left;
	padding-right:5px;
	padding-left:0px; /**/
	/*height:150px;*/
	width: 200px;
	font-family: "Segoe UI", Arial;
	color:#646464;
	font-size:12px;
	line-height:1.3em;
	text-decoration:none;
}

.nieuws:hover { background-color: #f3f7de;}

.nieuws {
	position:relative;
	float:left;
	padding-right:5px;
	margin-top:3px;
	height:70px;
	width: 205px;
	font-family: "Segoe UI", Arial;
	color:#646464;
	font-size:12px;
	line-height:1.3em;
	text-decoration:none;
	border-bottom: solid 1px #c7e626;
}

.header_text_box {
	float:left;
	left:12px; /*11*/
	padding-top:15px;
	position:relative;
	width:209px;
}
#ad { float:left; position:relative; /*background-color:#f3f7de*/; height:157px; width:215px}
#sidebar , #naw{
	position: relative;
	float:left;
	left:18px;/*18px*/
	margin-top:14px;
	/*height: 120px;*/
	list-style-type:none;
	color:#707070; 
	width:210px;
}
#naw {left:27px;width:375px;font-size:14px;line-height:18px;}

#sidebar .current_page_item   a {color: #b0cc23;font-weight:bold;}
#sidebar ul { /*height:215px;*/ border-bottom: solid 1px #c7e626;margin:0px;} 
#sidebar .page_item {
	margin-right:20px;
	display:block;
	width:200px;
	font-size:12px;
	line-height:28px; /*32*/
	padding-left:10px;
	border-top: solid 1px #c7e626;
	margin:0;
		font-weight:normal;

}

#sidebar h2{
	margin:0;	
	/*color:#707070;
	font-weight:normal;*/
}

#sidebar .page_item  a:hover{
	font-family: "Segoe UI", Arial;
	color:#b0cc23;
	text-decoration:none;
}

#widget_stags-1  {margin:0;} 

.post-pagination {
	position : relative;
	float: right;
	right:8px;
}

.pagenumbers{
	position : relative;
	float: right;
	right:8px;
	/*margin-bottom: 10px;*/
	color:#646464; 
}
 
.pagenumbers a, .pagenumbers a:link {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #FFB000;
	font-weight: bold;
	background-color: #FFFFFF;	
}
.pagenumbers a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #FFB000;
	background-color: #FFFFFF;	
}
.pagenumbers a:hover {	
	border: 1px solid #3b3b3b;
	color: #3b3b3b;
	background-color: #FFFFFF;
}
.pagenumbers a:active {
	padding: 2px 4px 2px 4px; 
	margin: 1px;
	text-decoration: none;
	border: 1px solid #e7e7e7;
	color: #e56100;
	background-color: #FFFFFF;	
}

/* FLYOUT TOUT */
#cta-flyout {width: 0;position: fixed; _position:absolute; z-index: 99; overflow: hidden; right: 0; top: 40%	; height: 158px; }
#cta-flyout-tout {height: 158px; width: 587px;}
#cta-flyout-tout #cta-flyout-content {margin: 0 0 0 150px; padding-top: 40px; width: 415px; }
#cta-flyout-tout #cta-flyout-content p {font-size: 20px; line-height: 32px; color: #666666; font-family:arial,sans-serif;}
#cta-flyout-content a {font-weight: normal; background: url("images/flyout-link-arrow.png") no-repeat right 10px; padding-right: 10px;}
#cta-flyout-content a:hover{text-decoration:underline;}

#cta-flyout-toggle {display: block; position: absolute; left:0; width: 125px; height: 255px;}

/* MAX TOUT */
#cta-flyout.max-tout #cta-flyout-tout { background: url("images/flyout.png") no-repeat;  }
#cta-flyout.max-tout #cta-flyout-content {margin: 0 0 0 125px; width: ;}
