/*
Theme Name: Yes-co 2010
Theme URI: http://www.yes-co.nl
Description: Yes-co WordPress theme.
Version: 1.0
Author: Stefan Groen | Brandman
Author URI: http://www.brandman.nl
Tags:
*/



/* Begin Typography & Colors */
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input, textarea { color:#4E4E4E; font-size:13px; line-height: 20px; margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;line-heigt:16px;}
h1,h2,h3,h4,h5,h6,p,pre,code,address,caption,cite,code,em,strong,th,fieldset,input,textarea { color:#4E4E4E;}
ul,ol { list-style: none; }
img { border: none;outline: 0; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	}

#content {
	font-size: 1.2em
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

h2, h3, h4 {
	font-weight: bold;
	color: #003e7e;	
	}

h1 {
	font-size: 36px;
	line-height:36px;
	letter-spacing: -0.5px;
	}

h2 {
	font-size: 20px;
	line-height:20px;
	}

h2.pagetitle {
	font-size: 28px;
	line-height:28px;
	margin: 0 0 18px 0;
	color: #003e7e;
	font-weight:normal;
	letter-spacing: -0.5px;
	padding-top:0;
	}

#sidebar h2 {
	font-size: 12px;
	color:#333333;
	}

h3 {
	font-size:14px;
	color:#333333;
	}

h4 { font-size:14px;
}

h4 a {
	text-decoration:underline;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: #333333;
	}

h2, h2 a, h2 a:visited {
	color: #003e7e;
	}		
	
 h3, h3 a, h3 a:visited {
	}
	
	.post h3 {
	font-size:16px;
	line-height:16px;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
	
H6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	line-height:22px;
	font-weight:normal;
}

.post {
margin-bottom:30px;
}

.entry p {
margin: 10px 0;
}

	.entry p a {
	text-decoration:underline;
	}
	
	.entry p a:visited {
	/*color: #b85b5a;*/
	}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font-size: 1em;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #999999;
	font-size:11px;
	line-height:14px;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #003e7e;
	text-decoration: none;
	}

a:hover {
	color: #003e7e;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font-size: 1.3em;
	font-weight:bold;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */


HTML {
}

HTML,body {
background:#cccccc;
}

body {
text-align:center;
}

#placeholder {
background: url(images/bg-header.gif) repeat-x;
}

/* HEADER */

#header {
text-align: left;
width:960px;
margin: 0 auto;
}
			
		#logoholder {
		float:left;	
		overflow:hidden;
		padding-top:20px;
		}
		
			#logo {
			padding-top:4px;
			}
			
				#logo a {
				width:170px;
				height:43px;
				display:block;
				background:url(images/logo-yes-co.png) no-repeat;
				}
				
					#logo a:hover {
					background:url(images/logo-yes-co_hov.png) no-repeat;
					}



		#mainmenu {
		height:75px;		
		background:#333333;
		position:relative;
		margin-left:200px;
		}
		
				#mainmenu ul {
					padding-top:49px;
				}
				
				#mainmenu ul li {
				float:left;
				margin: 0 0 0 0;				
				}
				
				#mainmenu ul li.border {
				position:absolute;
				right:0;
				bottom:8px;
				}
				
				#mainmenu ul li.page_item a, #mainmenu ul li.current_page_parent a {
				display:block;	
				padding:3px 10px 0 10px;
				text-decoration:none;
				color:#ffffff;
				font-size:13px;				
				}
				
/*					#mainmenu li.current_page_item:first-child {
					margin-left:0px;
					}
					
						#mainmenu li.current_page_item:first-child a {
						padding-left:10px!important;
						}
					
					#mainmenu li:first-child a {
					padding-left:0px!important;
					}*/
				
					#mainmenu li.current_page_item, #mainmenu li.current_page_parent {
					background:#ffffff url(images/dot-darkgrey.gif) left top no-repeat;		
					margin-left:8px;
					margin-right:8px;
					}
					
					#mainmenu ul li.page_item a:hover, #mainmenu ul li.current_page_parent a:hover {
					text-decoration:underline;
					}
					
					#mainmenu ul .current_page_item a, #mainmenu ul .current_page_parent a {					
					color:#333333!important;
					background: url(images/dot-darkgrey.gif) right top no-repeat;
					height:23px;				
					}
					
					#mainmenu ul .current_page_item a:hover, #mainmenu ul .current_page_parent a:hover {
					text-decoration:none!important;
					}
					
	#submenu {
	clear:both;
		
	/* min-height hack */
	min-height:68px;
	height:auto !important;
	height:68px;
	}
	
		#submenu h2 {
		float:left;
		margin:0;
		font-size:24px;
		line-height:24px;
		padding-top:20px;
		}
		
		#submenu ul {
		float:right;
		padding-top:25px;
		}
		
		#submenu li {
		margin-left:15px;
		}
		
			#submenu li a {
			color:#336699;
			letter-spacing:-0.3px;
			}
			
			#submenu li.current_page_item a {
			font-wight:bold;
			color:#000000;
			font-size:14px;
			font-weight:bold;
			text-decoration:underline;
			}
			
	#concept {
	position: relative;
	padding: 40px 30px 0 60px;
	}
	
		#concept table {
		}
	
		#concept td {
		padding: 0 10px;
		width:50%;
		text-align:left;
		}
		
		#concept .right {
		width:380px;
		margin:40px 75px 0 0;
		float:right;
		}
		
		#concept h2 {		
		font-size:18px;
		line-height:18px;
		margin:0 0 12px 0;
		font-weight:bold;
		color:#003E7E;
		float:none;
		}
		
		#concept h3 {
		font-size:16px;
		line-height:16px;
		margin:0 0 12px 0;
		font-weight:normal;
		color:#666666;
		}
		
		#concept p {
		font-size:13px;
		}
		
		#concept a {
		color: #cc6600;
		text-decoration:underline;
		}

#borderholder {
float:left;
display:inline;
width: 210px;
}

	#border {
	text-align: left;
	padding: 0 0 60px 0;
	}
	
		.toolbox {
		width:210px;
		}
		
			.toolbox h3 {
			background:url(images/bg-header-toolbox.gif) no-repeat;
			line-height:24px;
			font-weight:normal;
			text-transform:uppercase;
			padding: 2px 0 0 12px;
			margin:0;
			}
			
			.toolbox ul {
			background:url(images/bg-body-toolbox.gif) left bottom no-repeat;
			margin:0;
			padding:8px 0;
			}
			
				.toolbox .last {
				border:0;
				}
			
				.toolbox ul li {
				margin:0;
				line-height:24px;
				margin:0px 12px;				
				border-bottom:1px solid #cccccc;
				
				}
				
					.toolbox ul li a {
					text-decoration:none;
					color:#333333;
					background:url(images/bullet-diamond.png) 0 4px no-repeat;
					padding:0 0 0 12px;
					}
					
					.toolbox ul li a:hover {
					text-decoration: underline;
					color:#000000;
					}
					
#contentborderholder {
float:right;
width: 210px;
margin:0 0 15px 0px;
}

#sidebarholder {
display:inline;
float:right;
width: 240px;
}

	#sidebar {
	text-align: left;
	padding: 0 0 60px 0;
	}
	
	#sidebar ul li form {
	}
	
		#sidebar ul li .searchicon {
		text-decoration:none;
		padding-left:3px;
		float:left;
		margin-top:3px;
		display:block;
		width:14px;
		height:14px;
		cursor:pointer;
		}
		
		#sidebar ul li form input {
		}
		
		#sidebar ul li form img {
		float:left;
		}
		
		#sidebar ul li #button_login {
		margin-left:7px;
		float:left;
		}


#mainholder {
background: #ffffff url(images/bg-fade-main.gif) repeat-x;
padding: 20px 0 0 0;

/* min-height hack */
min-height:400px;
height:auto !important;
height:400px;
}

#contentholder {
text-align: left;
width:960px;
margin: 0 auto;
}
	
	#content_small {
	padding:0 0 40px 0;
	}
	
	#content_left {
	margin: 0 300px 0 0;
	padding:0 0 40px 0;
	}
	
	#content_right {
	margin: 0 0 0 300px;
	padding:0 0 40px 0;
	}


	#content {
	margin: 0 300px 0 0;
	padding:0 0 40px 0;
	}

#footerholder {
height:80px;
color:#4e4e4e;
background:#cccccc;
}

	#footer {
	width:960px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	}
		
		#footer .footermenu {
		height:20px;
		margin: 0 auto;
		}
		
			#footer ul {
			margin:0;
			}
				
				#footer ul li {
					display: inline;
				}
		
					#footer .footermenu a {
					font-size:13px;	
					text-decoration:none;
					padding: 0 10px;
					border-right:1px solid #666;
					color:#4e4e4e;
					margin:0!important;
					}
					
					#footer .footermenu ul li:last-child a {
						border:0;
					}
					
						#footer .footermenu a:hover {
						text-decoration:underline;
						
						}
					
						#footer .footermenu .last a {
						border:0!important;
						}
		
		#footer .legal {
		margin-top:3px;
		text-align:center;
		font-size:11px;
		color:#4e4e4e;
		}
		
			#footer .legal a {
			color:#4e4e4e;
			}
			
		#footercms {
		text-align:left;
		width:600px;
		margin: 30px auto;
		}
/* End Structure */



/*	Begin Headers */
h1 {
	margin: 0;
	}

h2 {
	margin: 24px 0 4px 0;
	}

h2.pagetitle {
}

#sidebar h2, #contentborder h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 4px 0;	
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}
	
.image_border {
	border: 20px solid #eeeeee;	
}

.table_border {
	border: 20px solid #eeeeee;
	width:740px!important;
	margin:0 auto;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body #recentcomments {
	margin-left: 0px;
	padding: 0 0 0 10px;
	list-style: none;
	text-indent: -10px;
	}

html>body #recentcomments li {
	margin: 0 0 0 10px;
	}

#recentcomments li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 0;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 0 0 6px 0;
	padding: 0;
	}
	
.widget_tag_cloud {
	margin-left:0px!important;
	padding-left:0px!important;
	text-indent:0px!important;
}
/* End Entry Lists */



/* Begin Form Elements */

.hidesubmitbutton {
background-color:transparent!important;
border:0 none!important;
height:1px!important;
left:0!important;
position:absolute!important;
top:0!important;
width:0px!important;
}
	
#searchform {
margin:0;
}

/* BUTTONS */

.button {
background-image:url(images/button-medium-yellow.png);
background-repeat:no-repeat;
height:28px;
margin:0 0 0 10px;
padding:0 0 0 10px;
}

	.button a {
	background-image:url(images/button-medium-yellow.png);
	background-color:#333333;
	background-position: right top;
	background-repeat:no-repeat;
	display:block;
	margin-left: 0 0 0 10px!important;
	padding-right: 15px;
	line-height:28px;
	height:28px;
	}
	
	.button a img {
	padding-top:3px;
	}
	
.buttonholder {
height:21px;
cursor:pointer;
}

  .buttonholder .buttonstart {
  float:left;
  height:21px;
  background: url(images/bg-button-start.png) no-repeat;
  }

  .buttonholder .buttonstart a {
  text-decoration:none;
  padding:0px 3px 0 7px;
  display:block;
  width:auto;
  color:#000000!important;
  font-size:11px;
  line-height:20px;
  }

  .buttonholder .buttonstart a:hover {
  text-decoration:none;
  color:#000000;
  }

  .buttonholder .buttonend {
  float:left;
  height:21px;
  width: 5px;
  background:url(images/bg-button-end.png) no-repeat;
  color:#fe9641!important;
  font-size:1px;
  }
  
  #button_login img {
	  vertical-align: text-bottom;
  }

#concept .bigbuttonholder {
	float:left;
	margin:15px 10px 0 0;
}

#concept .bigbuttonholder .buttonstart {
	width:170px;
}

.bigbuttonholder {
height:40px;
}

  .bigbuttonholder .buttonstart a {
  text-decoration:none!important;
  padding:9px 8px 0 15px;
  display:block;
  width:auto;
  color:#ffffff!important;
  font-size:15px;
  font-weight:bold;
  text-transform:uppercase;
  }

  .bigbuttonholder .buttonstart a:hover {
  text-decoration:none;
  color:#330000;
  }

  .bigbuttonholder .buttonstart {
  background-image:url(images/button-big-yellow.png);
  float:left;
  height: 100%;
  }
  
  	#watch_demo .buttonstart {
		 background-image:url(images/button-big-blue.png);
	}


  .bigbuttonholder .buttonend {
  float:left;
  height: 100%;
  width: 6px;
  background:url(images/button-big-yellow.png) top right;
  }
  
  	#watch_demo .buttonend {
		 background-image:url(images/button-big-blue.png);
	}
	
#contentholder .bigbuttonholder .buttonstart {
	width:233px;
}

#contentholder .bigbuttonholder {
	margin-bottom:10px;
}




#sidebar #searchform #s {
	width:90px;
	padding: 2px;
	height:13px;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size:11px;
	float:left;								
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
	
#commentform .buttonholder {
float:right;
}

#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
border:none 0;
border-top:1px solid #cccccc;
height:1px;
padding:0;
margin: 30px 0;
}

	.blog .post hr {
	margin-right:95%;
	}

a img {
	border: none;
	}

.nav-hor {
white-space:nowrap;
}

	.nav-hor li {	
	display:inline;
	}
	
		.nav-hor li:first-child {
		padding-left:0px!important;
		margin-left:0px!important;
		border-left:0!important;
		}
		
		.nav-hor li:last-child {
		padding-right:0!important;
		margin-right:!important;
		border-right:0!important;
		}
	

		
.nav-ver {
white-space:nowrap;
}

	.nav-ver li {
	display:block;
	}
	
	.nav-ver li a {
	display:block;
	width:auto;
	}
	
		.nav-ver li a:hover {
		}
		
.navigation .alignleft, .navigation .alignright{
	height:40px;
}
	
/* End Various Tags & Classes*/



/* Captions */
.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;
}
/* End captions */

#mainholder table {
width:100%;
}

	#mainholder table .even, table .alt {
	border:0;
	}
	
	#mainholder table tbody tr td:last-child {
	border-right:0;
	}

    #mainholder table td {
    vertical-align: top;
    }

  #mainholder  table thead .column-1 {
   text-align:left;
   background:none;
    }

   #mainholder  table thead th {
    width:100px;
    background: url(images/bg-tab-table.gif) no-repeat;
    text-align:center;
    font-weight:bold;
    color:#663333;
    vertical-align: middle;
	height:24px;
    }

   #mainholder  table tbody .column-1 {
	text-align:left;
    }
	
.content_table {
	background:#ffffff;
	border:1px solid #cccccc;
	margin:15px 0;
	margin:0 auto;
}

.content_table td {
		padding:10px;
	}
	
table.columns3 td {
	width:33%;
}

	table.columns3 .col1 {
		padding-right:20px;
	}
	
	table.columns3 .col2 {		
		padding:0 20px;
	}
	
	table.columns3 .col3 {
		padding-left:20px;
	}
	
.cornered {
position:relative!important;
padding:5px 10px;
}

	
	.cornered .lt, .cornered .rt, .cornered .rb, .cornered .lb {
	position: absolute;
	display: block;
	width: 8px;
	height: 8px;
	margin:0;
	padding:0;
	background-repeat:no-repeat;
	background-image:url(images/corners-content.png);
	z-index:99;
	line-height:normal!important;
	}
	
			.cornered .lt {
				left:0;
				top:0;
				background-position: -8px -8px;
			}
			
			.cornered .rt {
			right: 0px;
			top: 0px;
			background-position: 0px -8px;
			}
			
			.cornered .rb {
			right: 0;
			bottom: 0;
			background-position: 0px 0px;
			}
			
			.cornered .lb {
			left: 0;
			bottom: 0;
			background-position: -8px 0;
			}

.cornered h2 {
	margin-top:0px!important;
	padding-top:0px!important;
}


.bgwhite {
	background-color:red !important;
}

.bglightgrey {
	background-color: #eaeaea!important;
}

.corners {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding:10px;
	margin-bottom:10px;
	border:0!important;
}

#twitter {
	background:url(images/logo-twitter.png) left center no-repeat;
}

	#twitter td {
		padding-left:50px;
	}
	
#makelaars {
	text-align:center;
}

#makelaars img {
	padding:3px;
}

.rsshome li{
	font-size:10px;
}
.rsshome a {
	display:block;
	font-size:12px;
	line-height:12px;
}

.rsshome li br {
	line-height:7px;
	font-size:7px;
	height:7px;
}