
/* --------------------------------------------------------- */ 
/*   BASIS STRUCTUUR							 		
/* --------------------------------------------------------- */

body{
	min-width:990px;
}

#container,#header,#content{
	width:981px;
	margin: 0 auto;
}
#content{;
	margin-bottom: 0!important;
}


/*-----------------------------------------------------------*/	
/*   TOM SCHOLTE 1.2 Updates
/*-----------------------------------------------------------*/	

#linkedin{
	margin-bottom: 14px; 
}
#linkedinweblog{
	width: 150px;
	float: left;
}

#linkedin-like{
	position: absolute;
	right: 23px;
	top: 135px;
}
.archive .post{
	position: relative;
}
.archive #linkedin-like{
	top: 90px;
	right: 0;
}

#sidebar-social-networks,
#sidebar-social-networks ul{
	float: left;
	margin-top: 2px;
	margin-left: 1px;
}
#sidebar-social-networks li{
	width: 32px;
	height: 30px;
	float: left;
	list-style: none;
	margin: 5px 13px 8px 0;
}
#sidebar-social-networks li a{
	width: 32px;
	height: 32px;
	display: block;
	float: left;
	background-image:	url('../images/tom-scholte-sociale-netwerken.jpg') ;
	background-repeat: no-repeat;
}
#sidebar-feed a{ 
	background-position: 0 0; 
}
#sidebar-twitter a{ 
	background-position: -35px 0; 
}
#sidebar-linkedin a{ 
	background-position: -70px 0; 
}
#sidebar-facebook a{ 
	background-position: -105px 0; 
}
#sidebar-hyves a{ 
	background-position: 0 -35px; 
}

#sidebar-delicious a{ 
	background-position: -35px -35px; 
}
#sidebar-slideshare a{ 
	background-position: -70px -35px; 
}
#sidebar-youtube a{ 
	background-position: -105px -35px; 
}

#contactmogelijkheden li{
	font-size: 1.3em;
	padding-left: 25px!important;
}
#contactmogelijkheden li a{
	font-size: 1em;
}
#contactmogelijkheden .phone{
	background: url('images/icon_phone.jpg') 2px center no-repeat;
}
#contactmogelijkheden .mail{
	background: url('images/icon_mail.jpg') 2px 6px no-repeat;
}


#middenkolom{
	position: relative;
}
.visual{
	position: absolute;	
	top: -2px;
	left: -2px;
	
	width: 790px;
	height: 297px;	
	padding-bottom: 5px;
	
	overflow: hidden;
	
	/* Rand onderaan */
    background: rgb(187, 208, 210);
    background: rgba(187, 208, 210, 0.35);
    *background: transparent;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?=rgbaHex(0.35)?>b6cccf,endColorstr=#<?=rgbaHex(0.35)?>b6cccf);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#<?=rgbaHex(0.35)?>b6cccf,endColorstr=#<?=rgbaHex(0.35)?>b6cccf)";
}
.visual img{
	position: absolute;
	top: 0;
	left: 0;
}

.visual .corner{
	position: absolute;

	width: 3px;
	height: 3px;
	background-image: url('images/pagina-corners.png');
	background-repeat: no-repeat;
	overflow: hidden;
}
.visual .corner.lb{
	top: 0;
	left: -1px;	
	background-position: 0 0;
}
.visual .corner.rb{
	top: 0;
	right: 0px;
	background-position: -3px 0;
}


.visual h1{
	position: absolute;
	top: 245px;
	left: 15px;
	
	font-size: 34px;
	font-weight: normal;
	color: #fff;
	text-shadow: #000 1px 1px 2px;
	
	z-index: 10;
}

#tekstvak.content h2,
#tekstvak.content h3{
	padding-top: 5px;
	padding-bottom: 0;
	margin-bottom: 0;
	
	font-size: 19px;
	text-shadow: 0 0 0 #000;
	font-weight: normal;
	color: #165157;
}
#tekstvak.content h3{
	padding-left: 0;
	background: none;
}

#tekstvak.withVisual{
	margin-top: 276px; 
}
.page-title{
	padding-left: 0;
	margin-left: 0;
	color: #83AD36;
}

.vak_corner{
	position: absolute;
	width: 5px;
	height: 5px;
	background-image: url('images/pagina-corners.jpg');
	background-repeat: no-repeat;
	overflow: hidden;	
	z-index: 10;
}  
.vak_corner.lb{
	top:-2px;
	left: -2px;
}
.vak_corner.rb{
	top:-2px;
	right: -2px;
	background-position: -5px 0;	
}
.vak_corner.lo{
	bottom: -2px;
	left: -2px;
	background-position: 0 -5px;	
}  
.vak_corner.ro{
	bottom: -2px;
	right: -2px;
	background-position: -5px -5px;	
}  

.entry p img,.entry object{
	position: relative;
	top: -5px;
	
	border: 2px solid #93C530;
	padding: 0;	
	margin: 20px auto 25px auto;
	-moz-box-shadow: 2px 3px 1px #E5E5E5;
	-webkit-box-shadow: 2px 3px 1px #E5E5E5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#E5E5E5,strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#E5E5E5,direction=135,strength=1)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#E5E5E5,strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#E5E5E5,direction=135,strength=1);		
	display: block;
}
.entry object{
	margin: 25px auto 0 auto;
}

#tekstvak p img.alignleft{
	margin: 10px 20px 25px 0;
} 
#tekstvak p img.alignright{
	float: right;
	margin: 10px 0 25px 10px;
	-moz-box-shadow: -2px 3px -1px #E5E5E5;
	-webkit-box-shadow: -2px 3px -1px #E5E5E5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Glow(color=#E5E5E5,strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#E5E5E5,direction=-135,strength=1)";
	filter: progid:DXImageTransform.Microsoft.Glow(color=#E5E5E5,strength=1) progid:DXImageTransform.Microsoft.Shadow(color=#E5E5E5,direction=-135,strength=1);		
} 

/*---------------------------------------------------------- */	
/*   TOM SCHOLTE 1.1 Updates
/*---------------------------------------------------------- */	

#menu{
	height: 50px;
	overflow: hidden!important;
}
#menu-hoofdmenu{
	height: 50px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#home_middenkolom{
	width:788px;/*788*/
	float: left;
}	

.home #spotlight{
	position: relative;
	margin-bottom: 15px;
	
	width: 786px;
	height: 275px;
	border: 1px solid #61971c;
	z-index: 0;
	background: #fff;
}

.home #spotlight-bottom{
	position: absolute;
	left: -1px;
	bottom: -1px;
	
	width: 789px;
	height: 10px;
	
}
.corners{
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 10000;
	background: #fff url('images/home-spotlight-corners.jpg') no-repeat;
}
.corners.left{
	top: -1px;
	left: -1px;

	background-position: 0 0;
}
.corners.right{
	top: -1px;
	right: -1px;
	background-position: -4px 0;	
}

.home #spotlight_foto{
	position: absolute;
	top: 32px;
	left: 16px;
	
	width: 286px;
	height: 229px;
	overflow: hidden;
	background: url('images/home-foto.jpg') no-repeat;
}
.home #spotlight_foto span{
	position: absolute;
	top: 2px;
	left: 19px;
	width: 246px;
	height: 215px;
	display: block;
	overflow: hidden;
}
.home #spotlight_foto span img{
	min-width: 246px;
	float: left;
}

#spotlight h1{
	padding: 0;
	margin: 0;
	
	position: absolute;
	top: 30px;
	left: 327px;
	
	font-size: 22px;
	color: #185563;
}
#spotlight #spotlight-inleiding{
	width:368px;
	
	padding: 0;
	margin: 0;
	
	position: absolute;
	top: 88px;
	left: 320px;	

	font-size: 13px;
	line-height: 19px;
	font-weight: bold;
}
#spotlight-action{
	width: 433px;
	height: 21px;
	
	padding: 6px 0 0 10px;
	
	position: absolute;
	top: 120px;
	left:  317px;	
	
	font-size: 12px;
	font-weight: bold;
	color: #3c6704;
	
	display: block;
	overflow: visible;
	background: #e1edcc url('images/spotlight_action.jpg') right -3px no-repeat;
}

#spotlight-action:hover{
	color: #497b05!important;
	text-decoration: none;
	background: #e1edcc url('images/spotlight_action.jpg') right -3px no-repeat;
}

/*#spotlight a{
	position: absolute;
	top: 133px;
	left: 530px;
	
	width: 154px;
	height: 24px;
	background: url('images/home-buttons.jpg') 0 -45px no-repeat;
	display: block;
}
	#spotlight a:hover,
	#spotlight a:focus{
		background-position: -154px -45px;
	}*/

#spotlight strong{
	position: absolute;
	right: 92px;
	bottom: 10px;
	font-style: normal;
	float: left;
	padding-top: 2px;
}
#spotlight #quote{
	position: absolute;
	bottom: 25px;
	right: 26px;
	
	width: 350px;
	height: 68px;
	
	padding: 13px 80px 0 15px;
	
	font-size: 11px;
	line-height: 14px;
	font-style: italic;
	
	background: url('images/home-quote.jpg') 0 0 no-repeat;
}

#adresgegevens{
	position: absolute;
	right: 165px;
}

/*   LAATSTE BERICHTEN
/*---------------------------------------------------------- */	

#home_middenkolom h2 a{
	position: relative;
	left: -2px;
	
	margin-bottom: 10px;
	
	width: 393px;
	height: 33px;
	overflow: hidden;
	
	background: url('images/home-headers.png') no-repeat;
	display: block;
}
#scholteWeblog h2 a{
	background-position-y: -33px;
}
#home_middenkolom h2 a:hover,
#home_middenkolom h2 a:focus{
	background-position-x: -403px;
}

#updateContainer{
	width:787px;/*788*/
	position: relative;
	left: -1px;
	float: left;
}

#scholteNieuws{
	width: 395px;
	float: left;	
}
#scholteWeblog{
	position: relative;
	left: 5px;
	
	width: 388px;
	float: left;
}


.laatsteBerichten ul{
	list-style: none;
}
.laatsteBerichten li{
	position: relative;
	width: 388px;
	margin-top: 15px 0 0 0;
	
	float: left;
	margin-bottom: 13px;
}
.laatsteBerichten .berichtInfo{
	width: 354px;
	float: left;	
	padding: 12px 18px 10px 18px;
	margin: 0;
	background: url('images/home-vak-gradient.jpg') 1px bottom no-repeat;
}

.laatsteBerichten h3{
	margin: 0;
	padding: 0;
	background: none;	
}
.laatsteBerichten h3 a{
	padding: 0;
	margin: 0;

	font-size: 18px;
	color: #174850;
	background: none;	
}

.laatsteBerichten h3:first-letter{
	text-transform: uppercase;
}

.laatsteBerichten p{
	padding: 0;
	margin: 0;
}

.laatsteBerichten p.meta{
	padding: 15px 0 13px 0;
	
	font-size: 10px;
	color: #666666;
}
.laatsteBerichten .date{
	padding-left: 14px;
	background: url('images/home-icons.jpg') 0 -19.5px no-repeat
}
.laatsteBerichten .author{
	padding-left: 15px;
	margin-left: 3px;
	background: url('images/home-icons.jpg') 0 -35px no-repeat
}


.laatsteBerichten .thumb{
	position: relative; 
	padding: 0;
	margin: 0 0 10px 0;

	width: 91px;	
	height: 87px;
	display: block;
	
	overflow: hidden;	
	float: left;
	background: url('images/home-thumb-rand.jpg') right bottom no-repeat;
}		
.laatsteBerichten .thumb img{
	width: 85px;
	height: 80px;
	border: 2px solid #93c530;
}

.laatsteBerichten .geenFoto{
	position: absolute;
	left: 0;
	top: 0;
	width: 85px;
	height: 80px;
	display: block;
	border: 2px solid #93c530;
	background: url('images/home-geen-foto.jpg') no-repeat;
}


.laatsteBerichten .berichtTekst p{
	position: relative;
	top: -4px;
	
	width: 245px;
	padding: 0 0 0 13px;
	margin: 0;
	
	font-size: 12px;
	
	float: left;
	clear: right;
}

.laatsteBerichten p.bericht_footer{
	width: 354px;
	margin: 8px 0 0 0;
	float: left;
	display: block;
}
.bericht_footer span{
	display: block;
	float: right;
}
.bericht_footer em{font-style: normal;}
.bericht_footer em a{
	height: 16px;
	
	margin: 3px 11px 0 0;
	padding-left: 30px;
	
	font-weight: bold;
	text-decoration: none;
	color: #174850;
	display: block;
	
	float: left;
	overflow: hidden;
	background: url('images/home-icons.png')  no-repeat
}
.bericht_footer .lees-meer{	
	width: 103px;
	height: 23px;
	
	display: block;
	float: left;
	background: url('images/home-buttons.jpg') 0 -22px no-repeat;	
}
.bericht_footer .lees-meer:hover,
.bericht_footer .lees-meer:focus{
	-webkit-transition:background-position-y 0.5s ease-in;
	-moz-transition:background-position-y 0.5s ease-in;
	-o-transition:background-position-y 0.5s ease-in;
	
	background-position-x:-154px;
	background-position-y:-22px;
}	



.laatsteBerichten span.hoeken{
	width: 390px;
	float: left;
	overflow: hidden!important;
	background: url('images/home-corners.png') no-repeat;
}
.laatsteBerichten span.hoeken.bovenkant{
	height: 5px;
	overflow: hidden!important;
}
.laatsteBerichten span.hoeken.onderkant{
	height: 11px;
	overflow: hidden!important;
	background-position: 0 -8px;
}




/*   CONTAINER
/*---------------------------------------------------------- */	
#container{
	min-height:500px;
	margin:0 auto 0;
	background:url('images/bg.jpg') 93% 0 no-repeat;
}

#facebook-like{
	margin-top: 20px;
}
.facebook-like{
	height: 55px!important;
}
/* --------------------------------------------------------- */ 
/*   HEADER							 		
/* --------------------------------------------------------- */

#header{
	position: relative;
	height:170px;
	margin-top:10px;
	float:left;
	overflow: hidden!important;
}

/*   LOGO
/*---------------------------------------------------------- */	
#logo{
	position: relative;
	top: 10px;
	
	width:191px;
	height:177px;
	
	float:left;
}

/* --------------------------------------------------------- */ 
/*   CONTENT 					 		
/* --------------------------------------------------------- */

#content,#linkerkolom,
#middenkolom,#rechterkolom,
#midden_content{
	float:left;
}

#menu-hoofdmenu{
	height: 50px;
	overflow: hidden;
}

/*   ZIJ KOLOMMEN
/*---------------------------------------------------------- */	
#linkerkolom{
	position: relative;
	top: -3px;	
	width:192px;
	min-height: 300px;
}
#rechterkolom{
	width:170px;
	padding-left:22px;	
}
.kolomvak,#sidebar ul li{
	width:180px;
}

/*   MIDDEN KOLOM
/*---------------------------------------------------------- */	
#middenkolom{
	width:785px;/*604*/
	min-height:450px;
	padding:15px 0 15px 0;
	border:2px solid #9ecb44;
	background: #fff;
}

#midden_content{
	margin-left:10px;
}

#tekstvak{
/* 	position: relative; */
	width:737px;
	
	min-height:400px;
	
	padding:15px 15px 0 15px;
	background:#ffffff;
}

.single #plusone,
.archive #plusone{
	position: absolute;
	top: 0;
	right: 50px;
	width: 60px;
	height: 100px;
}
.single #plusone *{
	position: relative;
	z-index: 1000;
}
.archive #plusone{
	top: 20px;
}

#plusonePage{
	width: 80px;
	height: 25px;
	
	position: absolute;
	right: 24px;
	bottom: 20px;
	
	background: #ffffff;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	-o-border-radius: 5px;
}
#plusonePage div{
	position: absolute;
	left: 16px;
	top: 5px;
}
#plusonePage.noThumb{
	top: 30px;
	right: 10px;
}



/*   FOOTER
/*---------------------------------------------------------- */	
#footer{
	/*position:relative;*/
	/*top:22px;*/
	
	width:788px;
	height:30px;
	
	padding:5px 0;
	margin:20px 0 0 192px;
	
	float: left;
	border-top:1px solid #cccccc;		
}
#footer a{
	color:#666;
}
#footer a:hover{
	color:#000;
}
#footer img{
	position: relative;
	top: 4px;
	margin-right: 5px;
}

#footer #socialFeeds{
	margin: -5px 17px 0 0;
	
	width: 108px;
	height: 26px;
	list-style: none;
	float: right;	
}
#footer #socialFeeds li{
	float: left;
}
#footer #socialFeeds li a{
	float: left;
}
#footer #socialFeeds a{
	margin: 0;
	padding: 0;
	
	width: 33px;
	margin-right: 4px;
	height: 26px;
	display: block;
	background: url('images/home-social.jpg') 0 -10px no-repeat; 
}
#footer #socialFeeds .rssFeed a{
	background-position: -34px -10px;
}
#footer #socialFeeds .nieuwsbrief a{
	margin-right: 0!important;
	background-position: -68px -10px;
}

#footer #socialFeeds .twitter a:hover{
	background-position: 0 0; 
	-webkit-transition: background-position 0.3s linear;
	-moz-transition:background-position 0.3s linear;
	-o-transition:background-position 0.3s linear;
}	
#footer #socialFeeds .rssFeed a:hover{
	background-position: -34px 0; 
	-webkit-transition: background-position 0.3s linear;
	-moz-transition:background-position 0.3s linear;
	-o-transition:background-position 0.3s linear;
}	
#footer #socialFeeds .nieuwsbrief a:hover{
	background-position: -68px 0; 
	-webkit-transition: background-position 0.3s linear;
	-moz-transition:background-position 0.3s linear;
	-o-transition:background-position 0.3s linear;
}	

/*   Tweet button (plugin: tweetmeme)
/*---------------------------------------------------------- */	

.tweetmeme_button{
	float: left;
}
.tweetmeme_button iframe{
	position: absolute;
	right: 0;
	width:50px;
	height: 63px;
}
.post{
	position: relative;
}
#tekstvak.bericht-overzicht{
	padding-top: 0;
}
.bericht-overzicht .tweetmeme_button iframe{
	top:20px;
}

