/* 
(c) 2010-2011 Erwin Rietveld // www.erwinrietveld.nl 
GETTING INSPIRED IS GOOD. COPYING IS NOT.
*/

*{
	margin: 0;
	padding: 0;
}

body{
	background: #f5f5f5 url(../images/bg.jpg) repeat top center;
	font-family: georgia, "Times new roman", serif;
	font-size: 12px;
	color: #696969;
	text-align: center;
}

table{
	font-size: 11px;
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

a{
	text-decoration: none;
	color: #111111;
}

a:hover{
	text-decoration: none;
	color: #111111;
}

a:active, a:focus{
	outline:0;
}

a img, p a img{
	border: 0px;
	text-decoration: none;
}

textarea {
  outline: none;
}

p{
	line-height: 20px;
	letter-spacing: 0px;
	color: #696969;
	margin-top: 10px;
}

p.klein{
	color: #989898;
	font-size: 9px;
	margin: 10px 0px 10px 0px;
	height: 24px;
	background: transparent url(../images/pklein.gif) repeat-x top left;
	text-transform: uppercase;
	font-family: arial;
	padding-top: 1px;
	letter-spacing: 0px;
}

p.klein a{
	border-bottom: 0px;
}

p.grijs{
	color: #a6a6a6;
}

p a{
	font-style: italic;
	border-bottom: 1px solid #CACACA;
}

p a:hover{
	color: #000000;
	border-color: #000000;
}

h1{
	font-size: 2.6em;
	color: #000000;
	font-weight: normal;
}

h1.groot{
	font-size: 3.6em;
}

h1.huge{
	font-size: 5.8em;
}

h1.pagtitel{
	font-size: 4em;
	text-transform: uppercase;
}

h1 a:hover{
	color: #111111;
}

h2{
	font-size: 1.9em;
	color: #000000;
	font-weight: normal;
	text-transform: lowercase;
	height: 35px;
}

h2.floatleft{
	float: left;
	width: 75%;
}

h2.wit{
	color: #FFFFFF;
}

h3{
	font-size: 1.3em;
	color: #898989;
	font-weight: normal;
}

div{
	float: left;
	text-align: left;
}

#headerwrap{
	width: 980px;
	margin: 0 auto 0 auto;
	float: none;
}

#WRAP{
	width: 980px;
	margin: 0 auto 0 auto;
	float: none;
}

#HEADER{
	width: 100%;
	height: 85px;
	background: #DDDDDD url(../images/menugradient.png) repeat-x top left;
	margin: 5px 0px 50px 0px;
}

#top{
	float: none;
	width: 100%;
	height: 5px;
	background: transparent url(../images/1pxwit60.png) repeat top left;
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
}

#headerbar{
	height: 0px;
	width: 100%;
	display: none;
}

#logo{
	width: 140px;
	height: 96px;
	background: transparent url(../images/logo.png) no-repeat 0px 0px;
	margin-left: 105px;
}

#logo a{
	width: 140px;
	height: 96px;
	display: block;
}

#twitterwrap{
	width: 760px;
	background: transparent url(../images/1pxwit39.png) repeat top left;
	margin-left: 40px;
}

#twitterpijl{
	margin-left: 40px;
	width: 720px;
	height: 14px;
	background: transparent url(../images/twitterpijl.png) no-repeat 70px 0px;
}

#twitterlogo{
	width: 25px;
	height: 25px;
	background: transparent url(../images/toptwitter.png) no-repeat center center;
	margin: 15px 0px 0px 10px;
}

#twitterbericht{
	width: 680px;
	float: left;
	margin: 7px 0px 20px 20px;
}

#twitterbericht p{
	font-size: 16px;
	color: #AAAAAA;
	font-style: italic;
	line-height: 23px;
}

#twitterbericht p a{
	border-bottom: 0px;
}

#twitterbericht span.klein{
	color: #BCBCBC;
	font-size: 9px;
	border-top: 0px;
	border-bottom: 0px;
	text-transform: none;
}

#twitterbericht span.klein a{
	color: #BCBCBC;
	font-size: 9px;
	border-bottom: 0px;
}

#eml{
	cursor: pointer;
}

#cv{
	display: none;
	position:absolute;
	height:500px; 
	width:800px;
	margin:-250px 0px 0px -400px;
	top: 50%; 
	left: 50%;
	text-align: left;
	padding: 0px;
	background: transparent url(../images/1pxwit90.png) repeat top left;
	overflow: auto;
	border: 2px solid #898989;
	z-index: 250;
}

#cv_content{
	width: 740px;
	
	margin: 0px 0px 0px 30px;
}

#cv_sluit{
	width: 800px;
	height: 40px;
	text-align: right;
}

#cv_sluiten{
	cursor: pointer;
}

#topimage{
	height: 110px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

#topcontrolswrap{
	width: 100%;
	height: 110px;
	background: transparent url(../images/topimgtrans.png) repeat-x top left;
}

#style{
	width: 40px;
	height: 40px;
	float: right;
	position: absolute;
	top: 30px;
	right: 25px;
	z-index: 100;
}

#styleswitch{
	width: 40px;
	height: 30px;
	background: transparent url(../images/topcontrol.png) no-repeat top left;
	float: right;
}

#styleswitchladen{
	width: 40px;
	height: 30px;
	background: transparent url(../images/topcontrolleeg.png) no-repeat top left;
	text-align: center;
	display: none;
	float: right;
}

#styleswitchladen img{
	margin-top: 7px;
}

#stylevorige{
	width: 20px;
	height: 30px;
	cursor: pointer;
}

#stylevolgende{
	width: 20px;
	height: 30px;
	cursor: pointer;
}

.feature{
	width: 170px;
	height: 170px;
	background-repeat: no-repeat;
	background-position: 0px 0px ;
	background-color: transparent;
	margin-top: 20px;
}

.feature a{
	display: block;
	text-decoration: none;
	border: 0px;
	cursor: pointer;
	float: left;
	width: 170px;
	height: 170px;
	background: transparent url(../images/1pxwit39.png) repeat top left;
}

.feature.mo a{
	background: none;
}

#menubar{
	width: 450px;
	height: 90px;
	margin: 0px 90px 0px 0px;
	float: right;
}

#menu{
	width: 550px;
	height: 110px;
}

.menuitem{
	width: 73px;
	height: 80px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px -61px;
}

.menuitem a{
	width: 100%;
	height: 80px;
	cursor: pointer;
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 30px;
}

.menuitem#menuhome{
	background-image: url(../images/menunewhome.png);
}

.menuitem#menuhome a{
	background-image: url(../images/menunewhometxt.png);
}

.menuitem.act#menuhome{
	background-image: url(../images/menunewhomeact.png);
}

.menuitem#menuportfolio{
	background-image: url(../images/menunewportfolio.png);
	width: 115px;
}

.menuitem#menuportfolio a{
	background-image: url(../images/menunewportfoliotxt.png);
}

.menuitem.act#menuportfolio{
	background-image: url(../images/menunewportfolioact.png);
}

.menuitem#menublog{
	background-image: url(../images/menunewblog.png);
	width: 68px;
}

.menuitem#menublog a{
	background-image: url(../images/menunewblogtxt.png);
}

.menuitem.act#menublog{
	background-image: url(../images/menunewblogact.png);
}

.menuitem#menufoto{
	background-image: url(../images/menunewfoto.png);
	width: 69px;
}

.menuitem#menufoto a{
	background-image: url(../images/menunewfototxt.png);
}

.menuitem.act#menufoto{
	background-image: url(../images/menunewfotoact.png);
}

.menuitem#menuovermij{
	background-image: url(../images/menunewovermij.png);
	width: 95px;
}

.menuitem#menuovermij a{
	background-image: url(../images/menunewovermijtxt.png);
}

.menuitem.act#menuovermij{
	background-image: url(../images/menunewovermijact.png);
}

/* KOLOMMEN ====================================================================== */

.l110{
	margin-left: 110px;
}

.l50{
	margin-left: 50px;
}

.l40{
	margin-left: 40px;
}

.l30{
	margin-left: 30px;
}

.k110{
	width: 110px;
}

.k150{
	width: 150px;
}

.k170{
	width: 170px;
}

.k380{
	width: 380px;
}

.k420{
	width: 420px;
}

.k500{
	width: 500px;
}

.k600{
	width: 600px;
}

/* CONTENT ======================================================================= */



#CONTENT{
	width: 980px;
}

#CONTENT.nieuw{
	/*background: transparent url(../images/nieuw.gif) no-repeat 530px 30px;*/
}

#CONTENT.klikop{
	background: transparent url(../images/klikop.png) no-repeat 740px 180px;
}

#quote{
	margin-top: 30px;
	width: 100%;
	color: #888888;
	letter-spacing: 1px;
	font-style: italic;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
}

#quote span.quote{
	font-size: 16px;
	font-weight: bold;
	color: #666666;
}

#quote span{
	font-size: 11px;
	color: #AAAAAA;
}

/* home portfolio */

#PORTINTRO{
	width: 100%;
	height: 360px;
	margin-bottom: 30px;
	background: transparent url(../images/PORTINTRO.jpg) no-repeat center center;
	text-align: center;
}

#PORTINTRO_wrap{
	width: 960px;
	height: 360px;
	margin: 0px auto 0px auto;
	text-align: left;
	float: none;
}

#portintro_content{
	width: 960px;
	height: 360px;
	background: transparent url(../images/portintro_bg.png) repeat-y top right;
}

#portintro_rechts{
	width: 940px;
	height: 360px;
	background: transparent url(../images/portintro_rechts.png) no-repeat top left;
}

#portintro_links{
	width: 20px;
	height: 360px;
	background: transparent url(../images/portintro_links.png) no-repeat top right;
}

#portintro_gallery{
	width: 880px;
	height: 300px;
	margin: 30px 0px 0px 30px;
}

.portintro_galleryitem{
	display: none;
	width: 880px;
	height: 300px;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
}

#portintro_gallery a{
	display: block;
	text-decoration: none;
	border: 0px;
	width: 880px;
	height: 300px;
}

#portintro_gallery a img{
	border: 0px;
	text-decoration: none;
}

#portintro_control{
	width: 125px;
	height: 20px;
	margin-right: 30px;
	margin-top: 6px;
	float: right;
}

#portintro_control .blok{
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: transparent url(../images/portintro_nav.png) no-repeat 0px 0px;
	cursor: pointer;
}

#portintro_control .blok:hover{
	background-position: 0px -15px;
}

#portintro_control .blok.activeSlide{
	background: transparent url(../images/portintro_navact.png) no-repeat 0px 0px;
}

/* einde home portfolio */

#home_weblog{
	width: 550px;

}

.sectietitel{
	width: 100%;
	height: 30px;
}

.sectietitel#sectiewelkom{
	background: transparent url(../images/sectiewelkom.png) no-repeat 110px 0px;
}
.sectietitel#sectieweblog{
	background: transparent url(../images/sectieweblog.png) no-repeat 110px 0px;
}
.sectietitel#sectieditisnieuw{
	background: transparent url(../images/sectieditisnieuw.png) no-repeat 110px 0px;
	
}
.sectietitel#sectienieuw{
	background: transparent url(../images/sectienieuw.png) no-repeat 110px 0px;
}
.sectietitel#sectieportfolio{
	background: transparent url(../images/sectieportfolio.png) no-repeat 0px 0px;
	width: 710px;
}
.sectietitel#sectieportfolio2{
	width: 100%;
	margin-top: 57px;
}
.sectietitel#sectiefoto{
	background: transparent url(../images/sectiefoto.png) no-repeat 0px 0px;
	width: 710px;
}
.sectietitel#sectielinks{
	background: transparent url(../images/sectielinks.png) no-repeat 0px 0px;
	width: 710px;
}
.sectietitel#sectieblogarchief{
	background: transparent url(../images/sectiealleweblog.png) no-repeat 0px 0px;
	width: 710px;
}
.sectietitel#sectietags{
	background: transparent url(../images/sectietags.png) no-repeat 0px 0px;
	width: 710px;
}
.sectietitel#sectiearchief{
	background: transparent url(../images/sectiearchieven.png) no-repeat 0px 0px;
	height: 40px;
}

#intro{
	width: 830px;
	margin-bottom: 40px;
	margin-left: 110px;
}

#intro p{
	font-size: 16px;
	color: #AAAAAA;
	font-style: italic;
	line-height: 23px;
}

#intro p a{
	
	border-bottom: 0px;
}

.blogbericht{
	width: 100%;
	margin-bottom: 40px;
}

.blogdatum{
	width: 90px;
	height: 80px;
	background: transparent url(../images/datumbg.png) no-repeat top left;
	font-size: 20px;
	text-align: left;
	padding: 30px 0px 0px 20px;
	line-height: 15px;
}

.blogdatum.portfoliodatum{
	padding: 25px 0px 0px 12px;
	width: 98px;
	line-height: 17px;
}

.blogdatum span{
	color: #dcdcdc;
	font-size: 14px;
}

.blogdatum.kleineavatar{
	height: 145px;
	width: 110px;
	padding: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: transparent;
}

.blogdatum .datumwrap{
	height: 45px;
	text-align: center;
	margin: 28px 0px 0px 20px;
}

.blogdatum .kleineavatarwit{
	width: 110px;
	height: 145px;
	background: transparent url(../images/datumbg2.png) no-repeat top left;
}

#home_weblog .blogcontent{
	width: 390px;
}

#home_weblog .blogcontent h1{
	font-size: 1.7em;
}

.blogbericht.deelditartikel{
	background: transparent url(../images/deelditartikel.png) no-repeat bottom left;
}

.icons{
	width: 100%;
	margin-bottom: 1px;
}

.icon.socials{
	display: none;
}

.icon{
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #DDDDDD;
	margin-right: 1px;
	cursor: pointer;
}

.icon a{
	display: block;
	width: 40px;
	height: 40px;
	text-decoration: none;
}

.icon.mo{
	background-color: #222222;
}

.icon.social{
	background-image: url(../images/icon_social.png);
}

.icon.tags{
	background-image: url(../images/icon_tags.png);
}

.icon.reactie{
	background-image: url(../images/icon_reactie.png);
}

.icon.reactie.aan{
	background-image: url(../images/icon_reactieaan.png);
	width: 60px;
}

.icon.reactie.aan a{
	width: 40px;
	height: 20px;
	padding: 10px;
	text-align: right;
	color: #FFFFFF;
}

.icon.reactie.aan a:hover{
	color: #FFFFFF;
}

.icon.twitter{
	background-image: url(../images/icon_twitter.png);
}

.icon.facebook{
	background-image: url(../images/icon_facebook.png);
}

.icon.hyves{
	background-image: url(../images/icon_hyves.png);
}

.icon.delicious{
	background-image: url(../images/icon_delicious.png);
}

.icon.digg{
	background-image: url(../images/icon_digg.png);
}

.icon.nu{
	background-image: url(../images/icon_nu.png);
}

.micons{
	width: 70px;
	float: right;
}

.micon{
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #DDDDDD;
	margin-left: 10px;
	cursor: pointer;
	float: left;
}

.micon.mo{
	background-color: #000000;
}

.micon.gl{
	margin-left: 0px;
}

.micon.off{
	cursor: default;
}

.micon a{
	display: block;
	width: 25px;
	height: 25px;
	text-decoration: none;
}

.micon.lijstweergave{
	background-image: url(../images/micon_lijst.png);
}

.micon.open{
	background-image: url(../images/micon_open.png);
}

.micon.pijlomhoog{
	background-image: url(../images/micon_boven.png);
}

.micon.pijlomlaag{
	background-image: url(../images/micon_onder.png);
}

.micon.pijllinks{
	background-image: url(../images/micon_links.png);
}

.micon.pijlrechts{
	background-image: url(../images/micon_rechts.png);
}

.micon.raster{
	background-image: url(../images/micon_raster.png);
}

.taglijst{
	height: 40px;
	width: auto;
	margin-right: 1px;
	display: none;
	color: #FFFFFF;
	
}

.taglijst_content{
	height: 28px;
	margin: 10px 10px 0px 10px;
}

.taglijst a{
	color: #FFFFFF;
	letter-spacing: 0px;
	font-size: 10px;
}

.taglijst a:hover{
	color: #222222;
}

.taglijsthoek{
	height: 40px;
	font-size: 1px;
	width: 1px;
	background: #DDDDDD url(../images/taglijst.gif) no-repeat top left;
}

.lijst{
	width: 100%;
	margin-bottom: 40px;
}

.lijst.twee{
	margin-top: 40px;
}

.lijstcontent{
	width: 100%;
}

.lijst ul{
	width: 100%;
	list-style: none;
}

.lijst ul li{
	width: 100%;
	height: 20px;
	background-repeat: no-repeat;
	background-position: top left;
	background-color: transparent;
	list-style: none;
	padding: 5px;
	color: #DDDDDD;
}

.lijst ul li a{
	color: #9d9d9d;
	display: block;
	width: 100%;
	height: 20px;
}

.lijst ul li span.datumblog{
	float: right;
	margin-right: 15px;
	text-align: left;
}

.lijst.lijstdatum ul li a{
	width: 80%;
	float: left;
	display: block;
}

.lijst ul li a:hover{
	color: #000000;
}

.lijst ul li.mo{
	background-position: 0px -30px;
}

.lijst#portfoliodownload ul li a{
	color: #FFFFFF;
}

.k380 .lijst{
	width: 380px;
}

.k380 .lijst ul li{
	background-image: url(../images/lijst380.png);
}

.k150 .lijst ul li{
	background-image: url(../images/lijst150.png);
}

.k170 .lijst ul li{
	background-image: url(../images/lijst170.png);
}

.lijst#portfoliodownload ul li{
	background-image: url(../images/lijstprojectdownload.png);
}

.lijst#portfoliodownload ul li.popupd{
	background-image: url(../images/lijstprojectdownload2.png);
}

.k380 .lijst.lijstdatum ul li{
	background-image: url(../images/lijst380datum.png);
}

.k380 .lijst ul li.nieuw {
	background-image: url(../images/lijst380nieuw.png);
}

.k170 .lijst ul li.nieuw{
	background-image: url(../images/lijst170nieuw.png);
}

.k150 .lijst ul li.nieuw{
	background-image: url(../images/lijst150nieuw.png);
}

#home_kolom{
	width: 420px;
	margin-top: 30px;
}

#home_projectgallery{
	width: 420px;
	height: 310px;
	background: transparent url(../images/sectieportfolio2.gif) no-repeat 80px 0px;
	margin-bottom: 70px;
}

.gallerycontrol{
	width: 70px;
	height: 310px;
	cursor: pointer;
}

.gallerycontrol#links{
	background: transparent url(../images/pijlgroot_links.gif) no-repeat center left;
}

.gallerycontrol#rechts{
	background: transparent url(../images/pijlgroot_rechts.gif) no-repeat center right;
}

#gallerycontent{
	width: 260px;
	height: 300px;
}

#galleryschaduw{
	width: 260px;
	height: 300px;
	background: transparent url(../images/gallery_schaduw.png) no-repeat top left;
}

#gallery_projecten{
	width: 260px;
	height: 260px;
	margin-top: 40px;
	text-align: center;
}

.gallery_project{
	background-repeat: no-repeat;
	background-position: top center;
	background-color: transparent;
	width: 260px;
	height: 260px;
	display: none;
}

.gallery_project a{
	padding-top: 225px;
	padding-right: 20px;
	text-align: right;
	display: block;
	width: 240px;
	height: 35px;
	color: #a8a8a8;
	background: transparent url(../images/projectrand.png) no-repeat 20px 0px;
}

.gallery_project span{
	font-size: 0.8em;
}

#home_links{
	width: 380px;
}

#home_fotos{
	width: 380px;
	height: 230px;
	margin-top: 40px;
}

#fotocollage{
	width: 100%;
	height: 190px;
}

.home_foto{
	width: 110px;
	height: 73px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #DDDDDD;
	margin: 0px 20px 20px 0px;
}

.home_foto a{
	display: block;
	width: 90px;
	height: 53px;
	padding: 10px;
	text-decoration: none;
	border: 0px;
	background: transparent url(../images/1pxwit28.png) repeat top left;
}

.home_foto a:hover{
	background: none;
}

.home_foto_schaduw{
	width: 110px;
	height: 73px;
	background: transparent url(../images/fotoschaduw.png) no-repeat top left;
}

#linksblokken{
	width: 830px;
	float: left;
	margin-bottom: 30px;
}

.linkblok{
	width: 220px;
	height: 110px;
	background: transparent url(../images/1pxwit28.png) repeat top left;
	color: #767676;
	margin: 0px 5px 5px 0px;
	font-size: 10px;
	cursor: pointer;
}

.linkblok span{
	display: none;
}

.linkblok_margin{
	width: 200px;
	height: 90px;
	margin: 10px 0px 0px 10px;
}

.linkblok.mo{
	background-color: #222222;
	color: #FFFFFF;
}

.linkblok a{
	font-size: 22px;
	letter-spacing: 1px;
	line-height: 20px;
}

.linkblok a:hover{
	color: #111111;
}

.linkblok.mo a{
	line-height: normal;
	color: #111111;
	font-size: 12px;
}



/* weblog ================================ */

#main_weblog{
	width: 920px;
}

#main_weblog .blogcontent{
	width: 590px;
}

#main_weblogbericht{
	width: 920px;
}

#main_weblogbericht .blogcontent{
	width: 800px;
}

#main_weblogbericht #main_weblog_avatar{
	margin-top: 15px;
}

#iconwrap{
	width: 550px;
	height: 60px;
	background: transparent url(../images/1pxwit39.png) repeat top left;
}

#iconwrap_content{
	width: 530px;
	height: 40px;
	margin: 10px 0px 0px 10px;
}

#main_weblogtekst{
	width: 550px;
	margin-left: 30px;
}

#main_weblogtekst .icon{
	display: block;
}

.showicons .icon{
	display: block;
}

#main_weblogtekst p.klein{
	margin-bottom: 0px;
	background-position: 0px 23px;
	text-align: right;
}

#sub_weblog{
	width: 690px;
	margin-top: 40px;
}

#sub_weblog .blogcontent{
	width: 570px;
}

#sub_weblog .blogbericht{
	margin-bottom: 40px;
}

#main_weblog_opties{
	width: 200px;
	float: right;
}

#main_weblog_avatar{
	width: 220px;
	height: 220px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}

#main_weblog_avatarrand{
	width: 220px;
	height: 220px;
	background: transparent url(../images/projectrand.png) no-repeat 0px 0px;
}

#weblog_kolommen{
	width: 220px;
	margin-left: 30px; 
	margin-top: 40px;
}

.kolom_wit{
	width: 150px;
	background: transparent url(../images/1pxwit28.png) repeat 0px 0px;
	padding: 10px 10px 5px 10px;
}

.kolom_wit .lijst{
	margin-bottom: 0px;
}

.kolom_wit .lijst ul li{
	background-image: url(../images/lijst150.png);
}

table#stats{
	width: 150px;
	margin-bottom: 10px;
	border: 0px;
	padding: 0px;
}

table#stats tr{
	width: 150px;
	height: 20px;
	font-size: 11px;
	color: #989898;
}

table#stats td{
	width: 100px;
	height: 20px;
}

table#stats td.getal{
	width: 50px;
	height: 20px;
	text-align: right;
}

#archieflijst{
	width: 810px;
	margin-left: 110px;
}

#archieftitel{
	width: 810px;
	height: 70px;
}

#archieftitel_content{
	width: 600px;
}

#archieftitel_controls{
	width: 70px;
	float: right;
}

#lijst{
	width: 810px;
}

.lijsttags{
	width: 200px;
	margin-bottom: 50px;
}

#lijstcontrol{
	width: 810px;
	height: 30px;
	margin-top: 30px;
}

#lijstcontrolinfo{
	float: left;
	font-size: 12px;
	color: #c9c9c9;
	margin-top: 7px;
	width: 700px;
	text-align: right;
}

table#lijstarchief{
	width: 100%;
}

table#lijstarchief tr{
	width: 810px;
	height: 40px;
	background: transparent url(../images/1pxwit60.png) repeat-x bottom left;
}

table#lijstarchief tr.mo{
	background: transparent url(../images/1pxwit39.png) repeat top left;
}

table#lijstarchief td{
	width: 290px;
	height: 40px;
}

table#lijstarchief td a:hover{
	color: #111111;
}

table#lijstarchief td.datum{
	width: 130px;
	text-align: right;
	color: #c9c9c9;
}

table#lijstarchief td.tagsicon{
	width: 40px;
	background: transparent url(../images/icon_tagsgr.png) no-repeat center left;
}

table#lijstarchief td.tagsnaam{
	width: 120px;
}

table#lijstarchief td.tagsaantal{
	width: 40px;
	background: transparent url(../images/1pxwit39.png) repeat-y top right;
}

table#lijstarchief td.tags{
	width: 300px;
	font-size: 10px;
}

table#lijstarchief td.tags a{
	color: #c9c9c9;
}

table#lijstarchief td.tags a:hover{
	color: #111111;
}

table#lijstarchief td.reacties{
	width: 50px;
	font-size: 12px;
	text-align: right;
	background: transparent url(../images/icon_reactiegr.png) no-repeat -8px 0px;
}

#blogterug{
	width: 100%;
	height: 110px;
	background: transparent url(../images/pijlterug.png) no-repeat 0px 0px;
}

#blogterug a{
	display: block;
	width: 110px;
	height: 110px;
}

#blogterug.mo{
	background-position: 0px -110px;
}

.facebooklike{
	width: 110px;
	float: right;
	margin-top: 8px;
}

#facebooklike{
	width: 540px;
	height: 40px;
	float: left;
}

#facebooklike .facebooklike{
	float: left;
	width: 500px;
}


/* portfolio ==================================================================== */

#content_portfolio{
	width: 810px;
	margin: 0px 0px 0px 110px;
}

#portfolio_titel{
	width: 100%;
	height: 120px;
	background: transparent url(../images/portfolio_titel.png) no-repeat top left;
}

#portfolio_titel .micons{
	margin-left: 350px;
	margin-top: 27px;
	float: left;
}

#projectgallery{
	width: 800px;
}

.galtxtwrap{
	width: 800px;
	height: 110px;
}

.galtxtthumb{
	background: transparent url(../images/galtxtthumb.png) no-repeat top left;
	width: 110px;
	height: 110px;
	margin-right: 20px;
}

.galtxtthumb_img{
	width: 90px;
	height: 90px;
	margin: 10px 0px 0px 10px;
}

.galtxt{
	width: 660px;
	height: 110px;
}

.galtxt h1{
	margin-bottom: 0px;
}

.galtxt p{
	margin-top: 0px;
}

.galtxt p span{
	color: #989898;
}

.galwrap{
	width: 240px;
	height: 240px;
	margin: 0px 10px 10px 0px;
	background: transparent url(../images/galwrap.png) no-repeat top left;
}

.gal{
	width: 220px;
	height: 220px;
	background-repeat: no-repeat;
	background-color: #FEFEFE;
	background-position: top left;
	cursor: pointer;
	margin: 10px 0px 0px 10px;
}

.gal_rand{
	width: 220px;
	height: 220px;
	background: transparent url(../images/portfolio_hover.png) no-repeat top left;
	display: none;
}

.gal_content{
	width: 165px;
	height: 36px;
	margin: 157px 0px 0px 15px;
	color: #111111;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
}

.gal_content span{
	font-size: 11px;
	color: #999999;
	font-weight: normal;
}

#portfolioproject{
	width: 780px;
	margin-left: 110px;
}

#projecttitel{
	width: 770px;
	margin-bottom: 50px;
}

#projecttitel_content{
	width: 760px;
}

#projecttitel_content h1.pagtitel{
	font-size: 6em;
}

#project_main{
	width: 760px;
	margin-bottom: 100px;
}

.projectimg{
	width: 750px;
	height: 260px;
	background: transparent url(../images/portfolio_projectimgklein.png) no-repeat top left;
	margin-bottom: 40px;
}

.projectimg.groot{
	height: 420px;
	background: transparent url(../images/portfolio_projectimggroot.png) no-repeat top left;
}

.projectimg .projectimg_content{
	width: 720px;
	height: 240px;
	margin: 10px 0px 0px 10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}

.projectimg.groot .projectimg_content{
	height: 400px;
}

#project_maintekst{
	width: 490px;
	margin-bottom: 40px;
}

#project_downloads{
	width: 220px;
	margin-left: 20px;
}

#project_zijbalk{
	width: 660px;
	margin-bottom: 40px;
}

.project_zijbalkitem{
	width: 170px;
	margin-right: 20px;
}

#project_zijbalk p{
	color: #9e9e9e;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
}

#portfoliohomeinfo{
	width: 700px;
	margin-left: 110px;
	margin-top: 40px;
}

#bekijkproject_WRAP{
	width: 900px;
	margin: 0 auto 0 auto;
	float: none;
}

#bekijkproject_CONTENT{
	width: 900px;
}

#bekijkproject_header{
	width: 100%;
	height: 40px;
	background: transparent url(../images/1pxwit60.png) repeat top left;
	margin: 10px 0px 10px 0px;
}

#bekijkproject_main{
	width: 100%;
	text-align: center;
}

#bekijkproject_headerwrap{
	width: 900px;
	margin: 0 auto 0 auto;
	float: none;
}

#bekijkproject_terug{
	width: 40px;
	height: 40px;
	background: transparent url(../images/sluiten.png) no-repeat 0px 0px;
	float: right;
}

#bekijkproject_terug a{
	display: block;
	text-decoration: none;
	border: 0px;
	height: 40px;
	width: 40px;
}

#bekijkproject_logo{
	width: 110px;
	height: 40px;
	background: transparent url(../images/bekijkproject_logo.png) no-repeat 0px 0px;
	float: left;
}


/* foto ======================================================================== */


#foto_headertitel{
	height: 55px;
	width: 920px;
	background: transparent url(../images/fotobeeld.png) no-repeat 106px 0px;
}

#foto_headertitel .micons{
	margin: 10px 0px 0px 320px;
	float: left;
}

.foto_titel{
	height: 35px;
	width: 920px;
}

#fotomain{
	width: 850px;
	margin-left: 70px;
	background: transparent url(../images/1pxwit28.png) repeat top left;
}

#fotomain_content{
	width: 770px;
	margin: 40px 0px 0px 40px;
}

.foto{
	width: 770px;
	height: 513px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}

.foto a{
	display: block;
	width: 770px;
	height: 513px;
	border-bottom: 0px;
	text-decoration: none;
}

.foto_schaduw{
	width: 770px;
	height: 513px;
	background: transparent url(../images/fotoschaduwgroot.png) no-repeat top left;
}

.foto_optie{
	width: 770px;
	height: 50px;
	margin-bottom: 30px;
}

.foto_bijschrift{
	width: 380px;
	height: 30px;
	margin-top: 15px;
}

.foto_bijschrift p{
	font-size: 11px;
	color: #9e9e9e;
	margin: 0px;
}

.foto_optie .icons{
	width: 350px;
	float: right;
	margin-top: 10px;
}

.foto_optie .icon{
	float: right;
}

.foto_control{
	float: left;
	font-size: 12px;
	color: #c9c9c9;
	margin-top: 7px;
	width: 830px;
	text-align: right;
}

#fotografieinfo{
	width: 700px;
	margin-left: 110px;
	margin-top: 40px;
}

#fotografieinfo .k170 h2{
	color: #9d9d9d;
}

#fotografieinfo .k170 p{
	color: #a2a2a2;
}

#foto_main{
	width: 770px;
	margin: 0px 0px 0px 110px;
}

#fotoproject{
	width: 780px;
	margin-left: 110px;
}

#fototitel{
	width: 770px;
	margin-bottom: 20px;
}

#fototitel_content{
	width: 770px;
}

#fototitel_content h1.pagtitel{
	font-size: 6em;
}

.thumb_foto{
	width: 110px;
	height: 73px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #DDDDDD;
	margin: 0px 25px 25px 0px;
}

.thumb_foto a{
	display: block;
	width: 90px;
	height: 53px;
	padding: 10px;
	text-decoration: none;
	border: 0px;
	background: transparent url(../images/1pxwit28.png) repeat top left;
}

.thumb_foto a:hover{
	background: none;
}

.thumb_foto_schaduw{
	width: 110px;
	height: 73px;
	background: transparent url(../images/fotoschaduw.png) no-repeat top left;
}

#foto_delen{
	width: 810px;
	height: 25px;
	margin-top: 10px;
	margin-left: 110px;
}

#foto_delen .icon{
	display: block;
	margin-right: 1px;
}

.knop{
	width: 180px;
	height: 40px;
	background-color: #DDDDDD;
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;	
}

.knop a{
	display: block;
	text-decoration: none;
	border: 0px;
	width: 100%;
	height: 40px;
}

.knop#bekijkcv{
	background-image: url(../images/knop_bekijkcv.png);
	float: right;
	margin: 20px 0px 0px 0px;
}



/* OVERMIJ ===================================================================== */

#contactopties{
	width: 200px;
	height: 700px;
	margin-top: 80px;
}

#contactopties p{
	color: #989898;
	text-align: right;
	letter-spacing: 1px;
	font-style: italic;
}

#contactopties ul{
	width: 180px;
	margin: 10px 0px 10px 10px;
	list-style: none;
	text-align: right;
	font-size: 11px;
	color: #AAAAAA;
}

#contactopties ul li{
	border-bottom: 1px solid #DDDDDD;
	padding: 5px;
}

div.f{
	display: none;
}

div#readerpublishermodule0{
	width: 370px;
}

div.reader-publisher-module{
	width: auto;
}

#contactopties p a{
	border: 0px;
	text-decoration: none;
}

#kolomlinks{
	width: 340px;
	margin-left: 50px;
}

#ditbenik{
	width: 320px;
	height: 240px;
	background: transparent url(../images/1pxwit28.png) repeat top left;
}

#ditbenikmargin{
	width: 300px;
	height: 210px;
	margin: 20px 0px 0px 20px;
}

#socialmedia{
	width: 340px;
	height: 350px;
	margin-top: 20px;
}

.socialknop{
	width: 100px;
	height: 100px;
	background: transparent url(../images/1pxwit39.png) repeat top left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.socialknop.mo{
	background-image: url(../images/1pxwit90.png);
}

.socialknoplogo{
	width: 100px;
	height: 100px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 25px 36px;
}

.socialknoplogo#twitter{
	background-image: url(../images/social_twitter.png);
}

.socialknoplogo#facebook{
	background-image: url(../images/social_facebook.png);
}

.socialknoplogo#hyves{
	background-image: url(../images/social_hyves.png);
}

.socialknoplogo#youtube{
	background-image: url(../images/social_youtube.png);
}

.socialknoplogo#delicious{
	background-image: url(../images/social_delicious.png);
	background-position: 20px 36px;
}

.socialknoplogo#lastfm{
	background-image: url(../images/social_lastfm.png);
}

.socialknoplogo#flickr{
	background-image: url(../images/social_flickr.png);
	background-position: 27px 36px;
}

.socialknoplogo#google{
	background-image: url(../images/social_google.png);
	background-position: 22px 36px;
}

.socialknoplogo#wakoopa{
	background-image: url(../images/social_wakoopa.png);
	background-position: 20px 36px;
}

.socialknop a{
	display: block;
	text-decoration: none;
	border: 0px;
	width: 100px;
	height: 100px;
}

#contactform{
	width: 320px;
	height: 300px;
}

#overmijwelkom{
	width: 320px;
	margin-bottom: 140px;
}

#overmijwelkom p{
	text-align: justify;
}

#kolomrechts{
	width: 280px;
	float: right;
	margin-right: 50px;
	margin-top: 87px;
}

#contentovermij{
	width: 980px;
	margin-top: 40px;
}

#watikkan{
	width: 280px;
	margin-top: 30px;
}

/* ============================================================================= */

#reacties_main{
	width: 790px;
	margin-left: 110px;
	margin-top: 60px;
}

#reactie_titel{
	height: 60px;
	width: 100%;
	margin-bottom: 20px;
}

#reactie_titel_reacties{
	width: 200px;
	float: left;
	height: 60px;
	background: transparent url(../images/reacties_titel.gif) no-repeat 0px 10px;
}

#reactie_titel_reageer{
	width: 300px;
	float: right;
	height: 60px;
	background: transparent url(../images/reacties_reageer.gif) no-repeat 0px 25px;
}

#reactie_lijst{
	width: 440px;
}

.reactie_naam{
	width: 430px;
	height: 25px;
	margin-left: 5px;
	margin-top: 10px;
}

.reactie_naam p{
	margin-top: 0px;
}

.reactieveld{
	width: 440px;
	background: #f9f9f9;
	margin-bottom: 20px;
}

.reactie_content{
	width: 330px;
}

.reactie_content_top{
	width: 330px;
	height: 7px;
	background: transparent url(../images/reacties_reactietop.gif) no-repeat 0px 0px;
}

.reactie_content_content{
	width: 300px;
	margin: 15px 0px 15px 15px;
}

.reactie_content_content p{
	color: #565656;
	line-height: 19px;
	margin-top: 0px;
	font-style: italic;
	letter-spacing: 0.3px;
}

.reactie_content_content p span{
	font-weight: bold;
	color: #FFFFFF;
}

.reactieveld.admin .reactie_content{
	background: #FFFFFF;
}

.reactieveld.admin .reactie_content .reactie_content_content p{
	font-style: normal;
	color: #878787;
}

.reactieveld.admin .reactie_content .reactie_content_content p span{
	color: #222222;
}

.reactie_content_bottom{
	width: 330px;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	background: transparent url(../images/reacties_reactiebottom.gif) no-repeat 0px 0px;
}

.reactie_meta{
	width: 110px;
	float: right;
	background: transparent url(../images/reacties_reactietop2.gif) repeat-x 0px 0px;
	height: 45px;
}

.reactie_meta_content{
	background: transparent url(../images/icon_reactiegr.png) no-repeat 10px 10px;
	width: 110px;
	height: 45px;
}

.reactie_meta_datum{
	float: right;
	width: 50px;
	margin-right: 10px;
	margin-top: 23px;
}

#nieuwereactie{
	width: 330px;
	height: 330px;
	float: right;
	background: #AAAAAA url(../images/reacties_blok.png) no-repeat top left;
}

#nieuwereactiewrap{
	width: 440px;
	height: auto;
}

#geenreacties{
	width: 340px;
	height: 40px;
}

#geenreacties p{
	font-style: italic;
	color: #878787;
}

#nieuwereactiebedankt{
	width: 300px;
	height: 330px;
	float: right;
	display: none;
}

/* ============================================================================= */

#formreactie{
	width: 250px;
	height: 300px;
	margin: 55px 0px 0px 55px;
}

input, textarea{
	width: 140px;
	padding: 5px;
	height: 20px;
	border: 0px;
	margin: 0px 0px 0px 0px;
	background: transparent url(../images/1pxwit60.png) repeat top left;
	font-size: 11px;
	font-style: italic;
	color: #999999;
	letter-spacing: 0px;
	line-height: 18px;
	font-family: georgia, times, serif;
	outline: none;
}

textarea{
	width: 230px;
	height: 60px;
}

input:focus, textarea:focus{
	background: #FFFFFF;
	color: #000000;
}

input.error, textarea.error{
	background: #dda9a9;
	color: #f3e4e4;
}

input#opslaan{
	width: 57px;
	height: 40px;
	background: transparent url(../images/reacties_ok.png) no-repeat 0px 0px;
	cursor: pointer;
}

input#opslaan.mo, input#opslaan:focus{
	background-position: 0px -40px;
	outline: none;
}

.input{
	width: 100%;
	height: 40px;
}

.textarea{
	width: 100%;
	height: 80px;
}

.ok{
	width: 67px;
	height: 40px;
}

#letop{
	font-size: 10px;
	letter-spacing: 0px;
	color: #323232;
	width: 130px;
	line-height: 14px;
	height: 40px;
	display: none;
}

#nieuwereactiemailbedankt{
	width: 280px;
	height: 80px;
	display: none;
}

#nieuwereactiemail{
	width: 280px;
	height: 390px;
	float: left;
}

#nieuwereactiemail p{
	font-size: 14px;
	color: #AAAAAA;
	font-style: italic;
	line-height: 23px;
}

#nieuwereactiemail textarea{
	height: 120px;
}

#nieuwereactiemail .textarea{
	height: 140px;
}

#nieuwereactiemail #formreactie{
	margin: 20px 0px 0px 0px;
	height: 260px;
}


/* ============================================================================= */

#footer{
	height: 550px;
	width: 100%;
	background: transparent url(../images/1pxwit60.png) repeat top left;
	margin-top: 50px;
}

#footerwrap{
	width: 980px;
	margin: 0 auto 0 auto;
	float: none;
}

#footermenu{
	width: 290px;
	float: right;
	height: 30px;
	font-size: 1.2em;
	text-transform: lowercase;
	margin-top: 30px;
}

#footermenu a{
	color: #BABABA;
}

#footermenu a:hover{
	color: #787878;
}

#footermenu a.act{
	color: #000000;
}

#footer .quotebron{
	color: #656565;
	display: none;
}

#footer .quote{
	color: #DDDDDD;
	font-weight: bold;
}

#breadcrumb{
	height: 42px;
	width: 600px;
	margin: 50px 0px 0px 110px;
	font-size: 18px;
	color: #FFFFFF;
	font-style: italic;
}

#breadcrumb a{
	color: #111111;
}

#breadcrumb a:hover{
	color: #343434;
}

#footer_content{
	width: 850px;
	height: 230px;
	margin-left: 110px;
	margin-top: 30px;
}

.footer_kolom{
	width: 250px;
	font-size: 11px;
	color: #878787;
	line-height: 19px;
	letter-spacing: 0px;
	margin-right: 40px;
}

.footer_kolom#footerintro{
	font-size: 14px;
	line-height: 18px;
}

.footer_kolom#footeroutro{
	margin-right: 0px;
}

.footer_kolom#footeroutro a img{
	margin-right: 5px;
	margin-bottom: 5px;
}

.footer_kolom a{
	color: #AAAAAA;
	font-style: italic;
}

.footer_kolom a:hover{
	color: #343434;
}

.footer_kolom h1{
	font-style: italic;
	font-size: 1.7em;
	color: #878787;
	text-transform: lowercase;
	margin-bottom: 5px;
}

#footerinfo{
	height: 80px;
	width: 800px;
	margin-top: 40px;
	color: #a6a6a6;
	margin-left: 110px;
	font-size: 11px;
	letter-spacing: 0px;
}

#footerinfo a{
	color: #787878;
}

#footerinfo a:hover{
	color: #000000;
}

/* overige ============================================================= */

#terugnaarboven{
	position: fixed;
	right: 0px;
	bottom: 20px;
	background: transparent url(../images/top.gif) no-repeat 0px 0px;
	width: 22px;
	height: 19px;
	cursor: pointer;
	z-index: 100;
	overflow:hidden;
	text-indent:-999px;
}

#terugnaarboven a{
	display: block;
	text-decoration: none;
	border: 0px;
	width: 22px;
	height: 19px;
}

#terugnaarboven.mo{
	background-position: 0 -19px;
}

#laden{
	position: fixed;
	right: 0px;
	bottom: 0px;
	background: transparent;
	width: 1px;
	height: 1px;
	z-index: 100;
	overflow:hidden;
	text-indent:-999px;
	font-size: 1px;
	color: #DDDDDD;
	display: none;
}














#simpleTooltip { padding: 3px; border: 1px solid #DDDDDD; background: #FFFFFF; font-size: 10px; }

.clear{
	clear: both;
}

/* :) */