/*
	GEBRUIKTE KLEUREN:
	
	Rood: #d3001d
	-> rood: #ec4427
	
	Donkergrijs: #1e1f21 / 2D3F6D
	-> donker blauw: #2d3f6d
	
*/

body {
	background-color: white;
	margin: 0px;
	padding: 0px;
}

img {border: none;}

div#print_preview {
	position:absolute;
	top:-17px;
	right:0px;
}

div#content {
	position:relative;
	background-color: white;
	width: 960px; 
	height: 768px; 	
}

div.vierkantje {
	width: 192px;
	height: 192px;
	position:absolute;
	
	background-image:url(../images/vierkantje-omtrek.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	
	z-index:1;
	
	background-color: #ec4427;	
}

div.vierkantje a{
	text-decoration:none;
	width: 192px;
	height: 192px;
	position:absolute;
	top: 0px;
	left: 0px;
	background-color: #2d3f6d;
	background-image:url(../images/vierkantje-omtrek.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	
	color: white;
}

div.vierkantje a:visited{
	background-color: #2d3f6d;
}

div.vierkantje a:hover{
	background-color: #ec4427;
}



div.vierkantje a span{
	font-size:20px;
	text-align:center;
	width:176px;
	margin: 16px 8px 0px 8px;
	display: none;
}

img.noel_slangen{
	position: absolute;
	top: 0px;
	left: 0px;
}

div.grijs{
	background-color: #2d3f6d;	
}

div#content div#rss_stuff{
	position: absolute;
	top: 768px;
	right:8px;
	left:10px;
}
div#content div#rss_stuff p {
 text-align:right;	
}
div#content div#rss_stuff img#rss{
	margin-left:1px;
	position:relative;
	top:1px;
}

div#content div#tekst div#inhoud div#rss_stuff_tekst{
	position: absolute;
	bottom: -20px;
	right:0px;
 width:545px;
 text-align:right;
}
#inhoud #rss_stuff_tekst a.fb,
#inhoud #rss_stuff_tekst a.twitter,
#inhoud #rss_stuff_tekst a.linkedin,
#content #rss_stuff a.fb,
#content #rss_stuff a.twitter,
#content #rss_stuff a.linkedin
 {
 position:absolute;
 width:18px;
 height:18px;
 overflow:hidden;
 text-decoration:none;
 background: url(/images/iconFacebook.jpg) no-repeat left top;
 left:0;
 top:0;
}
#inhoud #rss_stuff_tekst a.twitter,
#content #rss_stuff a.twitter { 
 background-image:url(/images/iconTwitter.jpg);
 left:20px;
}
#inhoud #rss_stuff_tekst a.linkedin,
#content #rss_stuff a.linkedin { 
 background-image:url(/images/iconLinkedIn.jpg);
 left:40px;
}
#inhoud #rss_stuff_tekst a span, #content #rss_stuff a span {display: none; }


/* Eerste rij */
div#a2{
	top: 0px;
	left: 192px;
}

div#a3{
	top: 0px;
	left: 384px;
}

div#a4{
	top: 0px;
	left: 576px;
}

div#a5{
	top: 0px;
	left: 768px;
}

/* Tweede rij */
div#b2{
	top: 192px;
	left: 192px;
}

div#b3{
	top: 192px;
	left: 384px;
}

div#b4{
	top: 192px;
	left: 576px;

}

div#b5{
	top: 192px;
	left: 768px;
}

/* Derde rij */
div#c2{
	top: 384px;
	left: 192px;
}

div#c3{
	top: 384px;
	left: 384px;
}

div#c4{
	top: 384px;
	left: 576px;	
}

div#c5{
	top: 384px;
	left: 768px;
}

/* Derde rij */
div#d1{
	top: 576px;
	left: 0px;
}

div#d2{
	top: 576px;
	left: 192px;
}

div#d3{
	top: 576px;
	left: 384px;
}

div#d4{
	top: 576px;
	left: 576px;	
}

div#d5{
	top: 576px;
	left: 768px;
}

div.flasher{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 192px;
	height: 192px;
}
div.flasher div.tekst{
	color: white;	
	text-align:center;
	position: absolute;
	top: 70px;
	left: 0px;	
	width: 192px;
}
a:hover div.vierkantje{
	background-color:#ec4427;
}	

/* CSS ROLLOVERS VIERKANTJE */
div.vierkantje a#snuffelenopdeboekenplank{
	background-image:url(../images/rollovers/vierkantje-snuffelen.png);
}
div.vierkantje a#wieisdiedekselseslangen{
	background-image:url(../images/rollovers/vierkantje-wie_is.png);
}
div.vierkantje a#nogietsnieuws{
	background-image:url(../images/rollovers/vierkantje-nieuws.png);
}
div.vierkantje a#galoflofspuwen{
	background-image:url(../images/rollovers/vierkantje-contact.png);
}
div.vierkantje a#bezoekbonanza{
	background-image:url(../images/rollovers/vierkantje-columns.png);
}
div.vierkantje a#strategischegeheimengroepc{
	background-image:url(../images/rollovers/vierkantje-modellen_van_c.png);
}
div.vierkantje a#heeftdepers{
	background-image:url(../images/rollovers/vierkantje-pers.png);
}
div.vierkantje a#vanbettietotc{
	background-image:url(../images/rollovers/vierkantje-links.png);
}

div.vierkantje a#kerstverhaal{
	background-image:url(../images/rollovers/vierkantje-kerstverhaal.png);
}
div.vierkantje a#boekenkast{
	background-image:url(../images/rollovers/vierkantje-boekenkast.png);
}
div.vierkantje a#communicatie{
	background-image:url(../images/rollovers/vierkantje-communicatie.png);
}
div.vierkantje a#marketing{
	background-image:url(../images/rollovers/vierkantje-marketing.png);
}
div.vierkantje a#mythe{
	background-image:url(../images/rollovers/vierkantje-mythe.png);
}
div.vierkantje a#naschrift{
	background-image:url(../images/rollovers/vierkantje-naschrift.png);
}
div.vierkantje a#nooitstil{
	background-image:url(../images/rollovers/vierkantje-nooit_stil.png);
}
div.vierkantje a#afraden{
	background-image:url(../images/rollovers/vierkantje-ikRaadHetAf.png);
}
div.vierkantje a#hardgewerkt{
	background-image:url(../images/rollovers/vierkantje-hardGewerkt.png);
}
div.vierkantje a#arrogant{
	background-image:url(../images/rollovers/vierkantje-arrogant.png);
}
div.vierkantje a#fijnstof{
	background-image:url(../images/rollovers/vierkantje-fijnStof.png);
}
div.vierkantje a#radio{
	background-image:url(../images/rollovers/vierkantje-radio.png);
}
div.vierkantje a#uitgehoord{
	background-image:url(../images/rollovers/vierkantje-uitgehoord.png);
}
div.vierkantje a#rss{
	background-image:url(../images/rollovers/vierkantje-rss.png);
}	
div.vierkantje a#c{
	background-image:url(../images/rollovers/vierkantje-c.png);
}
div.vierkantje a#c_model{
	background-image:url(../images/rollovers/vierkantje-c-model.png);
}	
div.vierkantje a:hover#c,
div.vierkantje a:hover#c_model{
	background-image:url(../images/rollovers/vierkantje-c-over.png);
}	
div.vierkantje a#gevecht{
	background-image:url(../images/rollovers/vierkantje-gevecht.png);
}	
div.vierkantje a:hover#gevecht{
	background-image:url(../images/rollovers/vierkantje-gevecht-over.png);
}	

div.vierkantje a#meneerrik{
	background-image:url(../images/rollovers/vierkantje-meneerrik.png);
}	
div.vierkantje a#groepc{
	background-image:url(../images/rollovers/vierkantje-groepc.png);
}	
div.vierkantje a#connect{
	background-image:url(../images/rollovers/vierkantje-connect.png);
}	
div.vierkantje a#bettie{
	background-image:url(../images/rollovers/vierkantje-bettie-elias.png);
}	
div.vierkantje a#vld{
	background-image:url(../images/rollovers/vierkantje-open-vld.png);
}

div.vierkantje a:hover#meneerrik{
	background-image:url(../images/rollovers/vierkantje-meneerrik-over.png);
}	
div.vierkantje a:hover#groepc{
	background-image:url(../images/rollovers/vierkantje-groepc-over.png);
}	
div.vierkantje a:hover#connect{
	background-image:url(../images/rollovers/vierkantje-connect-over.png);
}	
div.vierkantje a:hover#bettie{
	background-image:url(../images/rollovers/vierkantje-bettie-over.png);
}	
div.vierkantje a:hover#vld{
	background-image:url(../images/rollovers/vierkantje-open-vld-over.png);
}

div.vierkantje a#columns_andere{
	background-image:url(../images/rollovers/columns_andere.png);
}	
div.vierkantje a#columns_bonanza{
	background-image:url(../images/rollovers/columns_bonanza.png);
}	
div.vierkantje a#columns_communicatie{
	background-image:url(../images/rollovers/columns_communicatie.png);
}	
div.vierkantje a#columns_de_gedachte{
	background-image:url(../images/rollovers/columns_de_gedachte.png);
}	
div.vierkantje a#columns_gedachtentrein{
	background-image:url(../images/rollovers/columns_gedachtentrein.png);
}	

div.vierkantje a:hover#columns_bonanza{
	background-image:url(../images/rollovers/columns_bonanza_over.png);
}		
div.vierkantje a:hover#columns_de_gedachte{
	background-image:url(../images/rollovers/columns_de_gedachte_over.png);
}	
div.vierkantje a:hover#columns_gedachtentrein{
	background-image:url(../images/rollovers/columns_gedachtentrein_over.png);
}	

div.vierkantje a#reuzen{
background-color:#ec4427;
	background-image:url(../images/rollovers/vierkantje-reuzen.png);
}
div.vierkantje a#reuzen:hover{
background-color:#ec4427;
	background-image:url(../images/rollovers/vierkantje-rollover-reuzen.png);
}

div.vierkantje a#kippenvel{
	background-image:url(../images/rollovers/links-kippenvel.png);
}
div.vierkantje a#kippenvel:hover{
	background-image:url(../images/rollovers/links-kippenvel_over.png);
}

a.reuzen {
	display:block;
	width:120px;
	height:600px;
	position:absolute;
	left:970px;
	top:10px;
}

a.overlayreuzen, p#close, div.overlay {display:none;}

a.overlayreuzen {
display:block;
width:336px;
height:280px;
position:absolute;
z-index:9999;
top:50%;
left:50%;
margin-left:-168px;
margin-top:-140px;

}
a.overlayreuzen img {border:none;}
p#close {
position:absolute;
width:336px;
height:20px;
margin-top:-160px;
margin-left:-168px;
left:50%;
top:50%;
z-index:9998;
text-align:right;
font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif;	
font-weight:bold;
color:#fff;
cursor:pointer;
}
div.overlay {
position:absolute;
top:0;
left:0;
background:#000;
width:100%;
height:100%;
z-index:9997;
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;

}
p.followMe {
 text-align:right;
}
p.followMe a{
 display:inline;
 float:right;

 width:77px;
 height:27px;
 line-height:27px;
 
 background:url(../images/twitter-follow.png) no-repeat right center;
 padding-right:10px;
 font-size:11px;
}