/*  
Theme Name: Werkmakers
Theme URI: http://www.webdesigndiensten.nl
Description: Werkmakers is <a href="http://www.webdesigndiensten.nl" title="ons thema">design wordpress</a> met widgets support. Designed by <a href="http://www.webdesigndiensten.nl">webdesigndiensten</a> 
Version: 1.0
Als je template functies/stijlen wilt aanpassen, open dan de general-template.php in wp-includes en zoek de template function die je wilt veranderen.
Author: H. de Vries
Author URI: http://www.webdesigndiensten.nl

	This theme is released under Creative Commons Attribution 2.5 License.

*/

body {
	font: 90%/150% "Trebuchet MS", Tahoma, Arial;
	background:#fff  url(images/back1.jpg);	
	background-repeat: repeat-x;
	color: #000;
	
	margin: 0px;
	padding: 0px;
}
a {
	color:#07799f;
	text-decoration:none;	
	
	
}

a:hover {
	
	text-decoration:underline;
}

img .portfolio{
	background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 5px;
}

img {
	background: #fafafa;
   border: 0px solid #dcdcdc;
	padding: 5px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}
}
p {
	padding: 0px 0px 15px;
	margin: 0px;
}
h1 {
	margin: 5px 0;
	font: lighter 2em/1em "trebuchet MS", "Lucida Sans Unicode", Georgia;
	color: #FFFFFF;
}
h1 a, h1 a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
h1 a:hover{
	color: #FFFFFF;
	text-decoration: none;
	border: none;
	background: none;
}
h2 {
	color: #023d60;
	margin: 0px 0px 2px;
	background: none;
	padding:0 0 1px 0;
	width:100%;
	font: lighter 1.6em/1.5em "trebuchet MS", "Lucida Sans Unicode", Georgia;
}
h2 a, h2 a:visited {
	color: #023d60;
	text-decoration: none;
}
h2 a:hover {
	color: #023d60;
	text-decoration: none;
}
h3 {
	font: bold 125%/100% "Trebuchet MS", Tahoma, Arial;
	color: #023d60;
	margin: 10px 0px 5px;
	padding: 0 0 4px 0;
	
}
h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: ##02507e;
	margin: 10px 0px 5px;
}

ul li
	 { list-style: none; }

		 
form {
	margin:0px;
	padding:0px;
}
#wrapper {


	}
	
	#pagerest, #page {
	
	width: 900px;
	margin: 0 auto;
	text-align:left;
	border:none;
	border-top: none;
	background: #fff url(images/pagewrap1.jpg);	
	background-repeat: repeat-x;
}

#page{
	background: #fff url(images/pagewrap.jpg);
	}	

/* header area */
 #header, #headerrest, #headeruwv{
	position: relative;
	margin: 0px auto;
	background: url(images/head.jpg);	
	height:363px;
	width: 900px;
}
#headerflash{
	
	margin:0;
	padding: -4px 0 0 0;
	background: url(images/head.jpg) no-repeat;	
	height:237px;
	width: 900px;
}

#headerrest{
	
	background:#215273 url(images/head1.jpg) no-repeat;	
	height:273px;
	width: 900px;
}
#headeruwv{
	
	background:#215273 url(images/head2.jpg) no-repeat;	
	height:273px;
	width: 900px;
}

#header h1#logo-text a {
	position: absolute;
	
	margin: 0; padding: 0;
	font: normal 21px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -.5px;
	color: #02507e;
	text-transform: none;
	text-decoration: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 155px; left: 35px;	
}
#header h1#logo-text a:hover {
	background: none;	border: none;
}
#header p#intro, #header p#contact {
	position: absolute;
	margin: 0; padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 15px;
	line-height: 1.4em;
	font-style: normal;
	text-transform: none;
	color: #02507e;
	width: 530px;
	left: 35px;
	/* change the values of top and left to adjust the position */
		
}

#header p#intro{
top: 190px; 	
 }

#header p#contact {
font-style: normal;
line-height: 1.1em;
font-size: 13px;
top: 292px;
}




#headersearch {
padding:17px 0 0 688px;
}
#navi{
	float: left;
	margin-top:81px;
	height: 45px;
	width: 100%;
	
	
	overflow: hidden;
}
#nav {
	list-style: none;
	margin: 0 0 0 -40px;
	padding-top: 0px;	
}

#nav li, #nav li:hover {
	float: left;
	height: 37px;	
	margin: 0 0px;
	padding-bottom:4px;
	white-space: nowrap;
}
#nav li.page_item a, #nav li.page_item a:hover{
	color: #000;
	display: block;
	
	background: none;
	text-decoration: none;
	padding: 0px 10px 2px 9px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 39px;
}

#nav li.page_item a:hover {
	background: #fff url(images/butleft1.gif);		
	color: #fff;
	text-decoration:none;
}

#nav li.current_page_item {
	color: #fff;
	text-decoration: none;
	background: url(images/butright.gif) top right no-repeat;
}














#mainbanner{
	height:0px;
	width:754px;
	clear:both;
	margin:0 auto;	
	}

.description{
	padding: 30px 0 0 20px;
	color: #fff;
	font: lighter 14px "Trebuchet MS", "Lucida Sans Unicode", Verdana;
}


/* content area */
#content, #contenthome {
	
	float: left;
	
	overflow:hidden;	
}

#content {	
padding: 14px 0px 30px 10px;
text-align: left;
	width: 540px;	
}
#contenthome {	
	width: 900px;	
	padding-top:12px;
	
}


#content a {
	
	font-weight:bold;
}	
#content img {
	
	padding: 0px;
}	

.narrowcolumn {
	margin: 15px 0 10px 0;
}

.post {
	clear:both;
}

ul.rest, ul.resta ul.lolliea
{
list-style:none;
padding:0 0 14px 0;
margin-top:0;
margin-left:0px;
}
 li.rest, li.resta
{
display:block;
margin:8px 0 9px 0;
margin-left:0px;
width: 529px;
height:11px;
border:none;
font : .9em, Verdana;
background-repeat: no-repeat; 
color:#252525;
background-position: 0.4em;
padding: 0 0 .2em 1.2em;
margin-left: 0;
}

li.resta{
height:31px;
} 

li.rest, li.resta{
background-image: url("images/list.gif");
} 
li.rest a {
	color: #399BC4;
	display:block;	
	font-size:11px;						
		padding:0 6px 0 0;		
	text-decoration: none;
	font-weight: normal;
	}



/*  
h2 article titles

*/
.entry {
	background: none;
	padding-bottom:7px;
	width:555px;
	display: table;
}
.entrytop{
	padding-top: 9px;
	background: none;
	width:555px;
	display:table;
	}

.entry h2 {
	width:555px;
	margin:0 auto!important;
}
.postmeta {
border-bottom: 1px solid #59585A;
background-color:#none;
	margin: 0;
	padding: 3px 5px 3px 5px;
	font-size: 0.8em;
	color: #252525;	
	}
.comments-link{
	padding: 0 0 0 0px;
	color: #676766;
	text-decoration:underline;
	background: none;
	}
.post-content {
	clear: both;
	padding: 5px;
	margin-left:-4px;
}
.post-content a {
	color: #399BC4;
	font-weight:bold;
	
	font-size:11px;						
		padding:0 6px 0 0;		
	text-decoration: none;
	font-weight: normal;
	
}
.post-content a:hover {
	color: #fe7801;
	text-decoration: underline;
	font-weight: normal;
	border-bottom: none;
}

.post-info {
	padding: 5px 5px 15px 5px;
	height: 15px;
	color: #676766;
	font: 12px "Trebuchet MS", "Tahoma", sans-serif;
}
.post-info a {
	color: #676766;
	text-decoration: none;
}
.post-info a:hover {
	color: #fe7801;
	text-decoration: underline;
	border: none;
	background: none;
}
.post-content blockquote {
	background: url(images/quote.gif) no-repeat left top ;
	font-style:italic;
	padding: 0 0 0 20px;
	margin:0 0 0 10px;
	width: 415px;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #006699;
}
.previous-entries a {
	float: left;
	padding-left: 18px;
	background: url(images/mini-nav-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 18px;
	background: url(images/mini-nav-right.gif) no-repeat right center;
}

#homewrap {
	float: right;
	width:900px;
	height:256px;
	
	
	margin:-5px 0 0 0px;
	

	
}


#home-columns {
	color: #000;
	margin: 0 auto;	
	padding: 0;			
}
#home-columns ul, #home-columns ul.b{
	list-style: none;	
	padding: 0;
	margin:0;
}







#home-columns li,  #home-columns li.b{
list-style: none;
	font-family:"Verdana";
	font-size:11px;	
	}
	
	#home-columns li.b{
background-image:none;
margin:0;
padding:0;
	}
	
	
#home-columns li{
background-image: url("images/voordeel1.gif");
background-repeat: no-repeat;
background-position: 0.3em;
padding: 0 0 .1em 2.5em;
margin-left: 0em;
}

#home-columns  p, #home-columns h3 {
color:#fff;
font: 12px "Verdana", "Tahoma", sans-serif;
	padding: 0 7px 4px 7px;		
}

#home-columns h3 {	
	
	margin-bottom:12px;
	border-bottom:none;
	font: bold 14px "Verdana", "Tahoma", sans-serif;
		
}

#home-columns a {	
	color:#fff;
	text-decoration:none;	
	font: bold 12px "Verdana", "Tahoma", sans-serif;
	padding-left:179px;		
}
#home-columns a:hover {	
	color:#fff;
	text-decoration:underline;	
		
}

#home-columns .col1, .col1-center, .col1-right{
	float: left;
	height:225px;	
	
}

#home-columns .col1, .col1-center{		
	margin:0;
}

#home-columns .col1{
		
width: 300px;

background-color:#858d8f;
}
 .col1-center{
	
width: 300px;
background-color:#a6c61d;
}

.col1-right {
	float: left;	
	width: 300px;
background-color:#546064;
	
}

/*Sidebar starts*/



#sidebar {
	float: right;	
	text-align: left;
	font-size:100%;
	
	width: 320px;	
	
	
	margin: 0;		
	}


#sidebar h2, #sidebar h3{
	color: #fff;
	padding:8px 0 0 0px;
	margin: 15px 0px  10px 0px;
	width:100%;	
	
	
	font: lighter 1.1em/1em "Verdana";
	font-weight:bold;
	
}

#sidebar h3 {width:300px;

}

#sidebar p{
	padding: 2px 0px 16px 8px;
	color:#fff;
	margin: 0px;
	line-height: 20px;
	}
	
	#sidebar a:hover, #sidebar.low a:hover{
	text-decoration:underline;
	}

/*sidebar list level1 */
#mainul{
	margin:0 15px!important;
}

#sidebar ul, #sidebar ul.low{
	margin: 0;	
	padding: 0 0 6px 0;
}



#sidebar ul li, #sidebar ul li.low{
	list-style: none;
	margin: 0 -15px 6px 0px;	
	padding: 0 0 0 16px;
	border: none;
	background-color:#a9c920;	
}
#sidebar ul li.low{
	
	background-color:#576367;	
}

#sidebar ul li a, #sidebar ul li h2{	
	color:#000;	
	text-decoration:none;
	}
	
	
	
	#sidebar ul li.low a, #sidebar ul li.low h2{	
	color:#fff;	
	text-decoration:none;
	}
	
	

li.list-diensten ul li, ul li .low, .widget_diensten ul li{
font-family:"Verdana";
	font-size:12px;
	color:#fff; 
	background: url(images/arrow.gif) no-repeat !important;
	background-position:0 6px!important;
	padding-left: 14px !important;
}

ul li .low{
	padding-left: 14px !important;
	background: url(images/arrow1.gif) no-repeat !important;
	background-position:0 6px!important;
}


/* Form Elements */
#search{
	display: none;
}

#headersearch {
padding:13px 0 0 648px;
}

#headersearch form#qsearch {
	padding: 0; margin: 0px 0 30px 0px;
	border: none;
	border: 1px solid #7a787c;
	width: 254px; height: 30px;
	background: #F2F0F0 url(images/qsearch.gif) no-repeat;		
}
#headersearch form#qsearch p {
	margin: 0; padding: 0;		
}
#headersearch form#qsearch input {
	float: left;
	border: none;
	background: transparent;
	color: #000;	
	margin: 0;
}
#headersearch form#qsearch .tbox {
	margin: 5px 0 0 5px; 
	width: 220px;	
	display: inline;	
	font: 1em 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-serif;	
}
#search form#qsearch .btn{
	width: 25px; height: 30px;						
}
.btn{
background: url(images/search.gif)
}
#headersearch form#qsearch label {
	display: none;
}
	
/* Sidebar RSS Link*/

.rsslinks{
	padding:1px;
	margin-bottom:15px;}
.rsslinks ul{
	list-style:none;}
.rsslinks li{
	display:inline;}
.rsslinks li a{
	background:url(images/rss.gif) no-repeat left;
	padding:3px 3px 3px 20px;
	margin-right:10px;
	}

/*text widget */
.textwidget {
	padding-top: 5px;
}

/* comments area */
#comments, #respond {
	border-bottom: 0px solid #e4f1fa;
	margin: 0 10px 0 0px;
	padding-bottom: 4px;
	clear: both;
}

.commentlist {
	margin:0; padding:0;
	line-height: 130%;
	width:550px;
}
.commentlist li{
	margin:10px 0; padding:0;
	list-style:none;
	border: 1px solid #59585A;
background-color:#4D4B4F;
	width:550px;
}

.commenttext{
	border-bottom:none;
	padding: 6px 0 6px 5px;
	margin-bottom:5px;}



.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-style: normal;
	font-size: 100%;
}
.commentlist small {
	margin-bottom: 5px;
	font-size: 87%;
}
#commentform {
border: 0px solid #59585A;
background-color:none;
	margin-top: 10px;
	padding: 0 0 32px 16px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #252525;
	padding-left:7px;
	font-size: 87%;
}
#commentform input{
	width: 200px;
	background:#EAEAEA;
	border: 1px solid #252525;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 475px;
	height: 115px;
	background:#E7E7E6;
	border: 1px solid #000;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	border: none;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
	width: 129px;
	height: 26px;
	margin-right:10px;
	cursor: pointer;
}



/* footer area */
/***** Footer *****/

#footer {
		background-color:#96a9ae;
		height:124px;
			
		margin: 0 auto;
		clear:both;
	}
#footin  {
height:90px;			
text-align:center;
padding: 10px 130px 0 130px;
}
#footin p { color:#000;
font:11px Verdana;
}
#footer a
{
text-decoration: none;
margin:0;
padding:0;
font-weight:bold;
font:1.0em Verdana;
color: #000;
}
#footer a:hover {
color: #fff;
text-decoration:underline;
}


/* thumbnails */
p.thumbs{ padding: 12px 0 0 10px; }

.thumbs img { 
	position: relative;
	border: 0px solid #ebebeb;
	background: none;
	padding: 4px;
	margin: 5px;
	/* margin: 4px 7px 4px 4px; */	
}
.thumbs img:hover	{
	border: 1px solid #c5c5c5; 
	background: none;	
}
.thumbs a:hover { background-color: transparent; border: none }


/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
	border:none;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}

  div.hr {
  height: 24px;
	margin-left:-10px;
  background: url(images/hr1.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}