* {
	margin: 0;
	padding: 0;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #646464;
	background: url(../images/body-gradient.png) left 90px repeat-x;
}
.hidden { display: none; }
.unhidden { display: block; }
	
	#banner{
	width: 600px;
	height:585px;
	top:100px;
	left: 25%;
	position:absolute;
	z-index:99;
	
	
	}
a {
	outline: none;
}

#wrapper {
	margin: 0 auto;
	width: 940px;
}

#header {
	position: relative;
	width: 940px;
	height: 226px;
}

h1 {
	position: absolute;
	top: 26px;
	left: 20px;
	width: 227px;
	height: 84px;
	background: url(../images/logo-digitales.png) left top no-repeat;
	text-indent: -9999px;
}
h2 {
		font-size:30px;
		color:#000;
		padding-bottom:0px;
		margin-bottom:-4px;
}

h1 a {
	display: block;
	width: 227px;
	height: 84px;
}

#login {
	position: absolute;
	top: 86px;
	right: 17px;
}

#login fieldset {
	float: right;
	border: none;
}

#login p {
	float: left;
	margin: 0 13px 0 0;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 22px;
	color: #838383;
}

#login input {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	border: none;
}

#login input.textinput {
	margin: 0 8px 0 0;
	padding: 5px 8px 0 8px;
	width: 107px;
	height: 17px;
	color: #969696;
	background: url(../images/login-textinput.png) left top no-repeat;
}

#login input.submit {
	padding: 0 0 7px 0;
	width: 94px;
	height: 27px;
	font-weight: bold;
	color: #fff;
	background: url(../images/login-submit.png) left top no-repeat;
	cursor: pointer;
}

#menu {
	position: absolute;
	top: 142px;
	left: 16px;
	padding: 0 4px;
	width: 900px;
	height: 82px;
	background: url(../images/menu-reflection.png) left 42px no-repeat;
}

#menu ul {
	height: 45px;
	font-size: 1.5em;
	line-height: 45px;
	list-style: none;
}

#menu ul.homeActive {
	background: url(../images/menu.png) left top no-repeat;
}

#menu ul.werkActive {
	background: url(../images/menu.png) left -45px no-repeat;
}

#menu ul.productenActive {
	background: url(../images/menu.png) left -90px no-repeat;
}

#menu ul.bedrijfActive {
	background: url(../images/menu.png) left -90px no-repeat;
}
#menu ul.blogActive {
	background: url(../images/menu.png) left -135px no-repeat;
}
#menu ul.contactActive {
	background: url(../images/menu.png) left -180px no-repeat;
}


#menu li {
	float: left;
	width: 180px;
	height: 45px;
}

#menu a:link,
#menu a:visited {
	display: block;
	padding: 0 20px;
	width: 110px;
	height: 45px;
	color: #fff;
	text-decoration: none;
}

#menu a:hover,
#menu a:active {
	color: #fff;
}

#content {
	padding: 0 1px 0 20px;
}

#colMain {
	float: left;
	width: 535px;
}

#colSide {
	position: relative;
	float: left;
	padding: 0 19px 0 10px;
	width: 355px;
	background: url(../images/block-black-bg.png) left top repeat-y;
}

#colSideTop {
	position: absolute;
	top: 0;
	left: 0;
	width: 384px;
	height: 443px;
	background: url(../images/block-black-top.png) left top no-repeat;
}

#colSideBottom {
	margin: 5px -19px 0 -10px;
	width: 384px;
	height: 25px;
	background: url(../images/block-black-bottom.png) left top no-repeat;
}

.block {
	padding: 0 20px;
}

.block h3 {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 30px;
	padding-top:15px;
	padding-bottom:10px;
	color: #00acec;
	
}

.block h4 {
	padding: 0 0 20px 0;
	font-size: 1.6em;
	font-weight: normal;
	color: #8c8b90;
}

.block h5 {
	padding: 0 0 4px 0;
	font-size: 1.2em;
	line-height: 20px;
	font-weight: normal;
}

.block p {
	padding: 0 0 20px 0;
	font-size: 1.2em;
	line-height: 20px;
}

.block a:link,
.block a:visited {
	color: #646464;
	text-decoration: underline;
}

.block a:hover,
.block a:active {
	color: #646464;
	text-decoration: none;
}

.block ul {
	padding: 0 0 20px 0;
	font-size: 1.2em;
	line-height: 20px;
	list-style: none;
}

.block ol {
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
	font-size: 1.2em;
	line-height: 20px;
}

.block ol li {
	padding: 0 0 0 4px;
}

.block fieldset {
	border: none;
}

.block dt {
	float: left;
	width: 180px;
}

.block dd {
	float: left;
	margin: 0 0 12px 0;
	padding: 0 0 0 26px;
	width: 289px;
}

.block label {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 22px;
}

.block input.textinput {
	padding: 5px 8px 0 8px;
	width: 273px;
	height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #969696;
	background: url(../images/input-text.png) left top no-repeat;
	border: none;
}

.block select {
	padding: 3px 4px 3px 8px;
	width: 289px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #969696;
	background: url(../images/input-text.png) left top no-repeat;
	border: none;
}

.block textarea {
	padding: 4px 4px 4px 8px;
	width: 277px;
	height: 76px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 18px;
	color: #969696;
	background: url(../images/textarea.png) left top no-repeat;
	border: none;
}

.bg textarea {
	padding: 4px 4px 4px 8px;
	width: 277px;
	height: 76px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 18px;
	color: #969696;
	background: url(../images/textarea.png) left top no-repeat;
	border: none;
}

.block input.submit {
	float: right;
	margin: 0 0 13px 0;
	width: 110px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	background: url(../images/button-black-on-white.gif) left top no-repeat;
	border: none;
	cursor: pointer;
}

.block dd.error {
	background: url(../images/icon-error.gif) left 5px no-repeat;
}

.block dd.error input.textinput,
.block dd.error select,
.block dd.error textarea {
	color: #ff1e1e;
}


.telefoon textarea {
	padding: 4px 4px 4px 8px;
	width: 277px;
	height: 76px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	line-height: 18px;
	color: #969696;
	background: url(../images/textarea.png) left top no-repeat;
	border: none;
}

.telefoon input.submit {
	float: right;
	margin: 0 0 13px 0;
	width: 110px;
	height: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	background: url(../images/button-black-on-white.gif) left top no-repeat;
	border: none;
	cursor: pointer;
}

.telefoon dd.error {
	background: url(../images/icon-error.gif) left 5px no-repeat;
}

.block dd.error input.textinput,
.block dd.error select,
.block dd.error textarea {
	color: #ff1e1e;
}

.block .image {
	float: left;
	margin: 3px 20px 0 0;
	padding: 2px 6px 6px 2px;
	width: 126px;
	height: 126px;
	background: url(../images/image-border.png) left top no-repeat;
	overflow: hidden;
}

.block p.readmore {
	padding: 0 10px 13px 0;
	height: 22px;
	font-size: 1.1em;
	line-height: 22px;
}

.block p.readmore a:link,
.block p.readmore a:visited,
.block p.readmore a:hover,
.block p.readmore a:active {
	float: right;
	display: block;
	width: 110px;
	height: 22px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: url(../images/button-black-on-white.gif) left top no-repeat;
}

.block p.readmore a span {
	padding: 0 10px 0 0;
	background: url(../images/button-arrow-lightgrey.gif) right 4px no-repeat;
}

.blockMain {
	background: url(../images/block-main-top.png) left top no-repeat;
}

.blockMain .icon {
	position: absolute;
	top: -10px;
	right: -7px;
	width: 41px;
	height: 56px;
	background: url(../images/icon-main.jpg) left top no-repeat;
}

#colMain #spotlight {
	position: relative;
	height: 268px;
	background: url(../images/spotlight-box.png) left top no-repeat;
}

#spotlight #spotlightMask {
	position: absolute;
	top: 0;
	left: -20px;
	width: 555px;
	height: 268px;
	overflow: hidden;
}

#spotlight #spotlightItems {
	position: absolute;
	top: 0;
	left: 0;
	height: 268px;
}

#spotlight .item {
	float: left;
	position: relative;
	padding: 0 20px 0 40px;
	width: 495px;
	height: 268px;
}

#spotlight h3 {
	padding: 20px 0 0 0;
	line-height: 30px;
}

#spotlight img {
	position: absolute;
	top: 85px;
	left: 0;
}

#spotlight .content {
	padding: 0 0 0 115px;
}

#colMain #spotlight .content {
	width: 380px;
}

#spotlight h5 {
	padding: 0 0 20px 0;
}

#spotlight ul li {
	padding: 0 0 0 20px;
	background: url(../images/list-style-square.gif) left 8px no-repeat;
}

#spotlight ul#spotlightNav {
	position: absolute;
	top: 226px;
	right: 20px;
	padding: 0;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 22px;
}

#spotlight ul#spotlightNav li {
	float: left;
	margin: 0 0 0 4px;
	padding: 0;
	width: 22px;
	height: 22px;
	text-align: center;
	background: none;
}

#spotlight ul#spotlightNav li a:link,
#spotlight ul#spotlightNav li a:visited,
#spotlight ul#spotlightNav li a:hover,
#spotlight ul#spotlightNav li a:active {
	display: block;
	width: 22px;
	height: 22px;
	color: #fff;
	background: url(../images/spotlight-nav.gif) left top no-repeat;
	text-decoration: none;
}

#spotlight ul#spotlightNav li.active a:link,
#spotlight ul#spotlightNav li.active a:visited,
#spotlight ul#spotlightNav li.active a:hover,
#spotlight ul#spotlightNav li.active a:active {
	display: block;
	width: 22px;
	height: 22px;
	background: url(../images/spotlight-nav-active.gif) left top no-repeat;
}

#colMain .block {
	position: relative;
	margin: 0 0 10px 0;
	width: 495px;
	background: url(../images/block-bg.png) left top repeat-y;
}
#colSplash .block {
	position: relative;
	margin: 0 0 10px 0;
	width: 870px;
	background: url(../images/block-bg-splash.png) left top repeat-y;
}

#colMain .block .blockTop {
	position: absolute;
	top: 0;
	left: 0;
	width: 535px;
	height: 109px;
	background: url(../images/block-main-top.png) left top no-repeat;
}
#colSplash .block .blockTopsplash {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 109px;
	background: url(../images/block-main-top-splash.png) left top no-repeat;
}
#colMain .block .blockTopBlog {
	position: absolute;
	top: 0;
	left: 0;
	width: 535px;
	height: 109px;
	background: url(../images/block-main-top-blog.png) left top no-repeat;
}

#colMain .block .content {
	position: relative;
	width: 495px;
	z-index: 1;
}

#colSplash .block .contentsplash {
	position: relative;
	width: 900;
}
#handle{
	position: absolute;
	margin-left:775px;
	margin-top:20px;
	width: 240px;
	height: 240px;  
	background-image:url(../images/post-it.png);
	z-index: 1;
	cursor:move;
}

#characters{
	width:860px;
	height:410px;
	position:static;
		z-index:1;
}
#character1{
	float:left;
	width:285px;
	height:290px;
	background-image:url(../images/dhdv_splash.jpg);
	z-index:1;
}
#character2{
	float:left;
	width:285px;
	height:290px;
	background-image:url(../images/kevin_splash.jpg);
	z-index:1;
}
#character3{
	float:left;
	width:285px;
	height:290px;
	background-image:url(../images/yvette_splash.jpg);
	z-index:4;
}
#charactertekst{
	float:left;
	overflow: hidden;
	margin-left:20px;
	margin-right:20px;
	width:240px;
	height:100px;
	z-index:4;
}
#wolk1{
	position: absolute;
	margin-left:140px;
	margin-top:119px;
	width: 250px;
	height:268px;  
	display: none;
	background-image:url(../images/wolk1.png);
	z-index: 2;
}
#wolk2{
	position: absolute;
	margin-left:425px;
	margin-top:70px;
	width: 250px;
	height:318px;  
	display: none;
	background-image:url(../images/wolk.png);
	z-index: 2;
}
#wolk3{
	position: absolute;
	margin-left:690px;
	margin-top:70px;
	width: 250px;
	height:318px;  
	display: none;
	background-image:url(../images/wolk.png);
	z-index: 2;
}
.wolktekst {
	margin: 35px 30px 0 40px;
	overflow: hidden;
	font-size:11px;
}
#colMain .block .blockBottom {
	margin: 0 -20px 0 -20px;
	width: 535;
	height: 7px;
	background: url(../images/block-bottom.png) left top no-repeat;
	
}

#colSplash .block .blockBottom {
	margin: 0 -20px 0 -20px;
	width: 900;
	height: 7px;
	background: url(../images/block-bottom-splash.png) left top no-repeat;
}

#colSide {
	color: #b4b4b4;
}

#colSide .block {
	position: relative;
	width: 315px;
	z-index: 1;
}


#colSide .block ul li {
	padding: 0 0 0 24px;
	background: url(../images/list-style-square-border.gif) left 6px no-repeat;
}

#colSide .block h3 {
	color: #fff;
	line-height: 30px;
	padding-top:15px;
	padding-bottom:10px;
	color: #ffffff;
	
}

#colSide .block h5 {
	padding: 0 0 8px 0;
}

#colSide .block h5 a:link,
#colSide .block h5 a:visited {
	color: #00acec;
	text-decoration: none;
}

#colSide .block h5 a:hover,
#colSide .block h5 a:active {
	color: #00acec;
	text-decoration: underline;
}

#colSide .block p.date {
	float: left;
	margin: 0 13px 0 0;
	padding: 0 0 8px 0;
	font-size: 1.2em;
	color: #838383;
}

#colSide .block a:link,
#colSide .block a:visited {
	color: #b4b4b4;
}

#colSide .block a:hover,
#colSide .block a:active {
	color: #b4b4b4;
}

#colSide .block p.readmore a:link,
#colSide .block p.readmore a:visited,
#colSide .block p.readmore a:hover,
#colSide .block p.readmore a:active {
	color: #fff;
	background: url(../images/button-black-on-black.gif) left top no-repeat;
}

#colSide .blockNews .icon {
	position: absolute;
	top: -9px;
	right: 6px;
	width: 55px;
	height: 54px;
	background: url(../images/icon-nieuws.jpg) left top no-repeat;
}
#colSide .blockNews .icon2 {
	position: absolute;
	top: -9px;
	right: 6px;
	width: 55px;
	height: 54px;
	background: url(../images/icon-twitternieuws.jpg) left top no-repeat;
}

#colSide .blockNews .item {
	margin: 0 0 10px 0;
	height: 107px;
	border-bottom: 1px solid #2a2a2a;
}

#colSide .blockNews p {
	padding: 0 0 10px 0;
	font-size: 1.1em;
	line-height: 18px;
}

#colSide .blockNews img {
	float: left;
	margin: 4px 20px 15px 0;
	border: 2px solid #fff;
}

#nieuwsflits {
	background: url(../images/icon-nieuwsflits.jpg) 299px 4px no-repeat;
}

#nieuwsflits h3 {
	line-height: 50px;
}

#nieuwsflits p {
	padding: 0 0 8px 0;
}

#nieuwsflits p.readmore {
	margin: 4px 0 0 0;
}

#bedrijf {
	position: relative;
	margin: -25px 0 0 0;
	width: 900px;
	z-index: 1;
}

#bedrijf ul {
	margin: 0 0 19px 0;
	height: 32px;
	font-size: 1.2em;
	list-style: none;
}

#bedrijf ul li {
	display: inline;
	float: left;
	margin: 0 0 0 20px;
	height: 32px;
	
	}

#bedrijf ul li span {
	display: block;
	padding: 9px 20px 0 20px;
	
	height: 23px;
	color: #646464;
	text-decoration: none;
	cursor: pointer;
}
.bedrijf a{text-decoration:none; border:0px;}
.bedrijf li{cursor:hand; cursor:pointer;}
.bedrijf .item1 a{display:block;  width:59px; height:128;}
.bedrijf .item1 a:hover{background-image: width:59; height:32px;}
#current.item1 a{background-image: url(../images/bedrijf-category.png); width:99px; height:32px;}
#notcurrent.item1 a{width:99px; height:32px;}



#portfolioCategories {
	position: relative;
	margin: -25px 0 0 0;
	width: 900px;
	z-index: 1;
}

#portfolioCategories ul {
	margin: 0 0 19px 0;
	height: 32px;
	font-size: 1.2em;
	list-style: none;
}

#portfolioCategories ul li {
	display: inline;
	float: left;
	margin: 0 0 0 -1px;
	height: 32px;
	background: url(../images/portfolio-category-spacer.gif) left 11px no-repeat;
}

#portfolioCategories ul li.firstCategory {
	margin: 0;
	background: none;
}

#portfolioCategories ul li span {
	display: block;
	padding: 9px 20px 0 20px;
	height: 23px;
	width: 150px;
	color: #646464;
	text-decoration: none;
	cursor: pointer;
}

#portfolioCategories ul li.hover {
	background: url(../images/portfolio-category-hover-left.png) left top no-repeat;
}

#portfolioCategories ul li.hover span {
	background: url(../images/portfolio-category-hover-right.png) right top no-repeat;
}

#portfolioCategories ul li.active {
	background: url(../images/portfolio-category-hover-left.png) left top no-repeat;
}

#portfolioCategories ul li.active span {
	background: url(../images/portfolio-category-hover-right.png) right top no-repeat;
}


#portfolioProjects {
	margin: 0 0 9px 0;
	padding: 22px 0 0 0;
	width: 900px;
	height: 113px;
	background: url(../images/portfolio-itemsbar.png) left top no-repeat;
}

#portfolioProjects #navLeft {
	float: left;
	width: 46px;
	height: 91px;
}

#portfolioProjects .navLeftDisabled {
	background: url(../images/portfolio-nav-left-disabled.png) left no-repeat;
}

#portfolioProjects .navLeftEnabled {
	background: url(../images/portfolio-nav-left.png) left no-repeat;
	cursor: pointer;
}

#portfolioProjects #navRight {
	float: left;
	width: 46px;
	height: 91px;
}

#portfolioProjects .navRightDisabled {
	background: url(../images/portfolio-nav-right-disabled.png) left no-repeat;
}

#portfolioProjects .navRightEnabled {
	background: url(../images/portfolio-nav-right.png) left no-repeat;
	cursor: pointer;
}

#portfolioProjects #mask {
	position: relative;
	float: left;
	margin: 0 13px 0 14px;
	width: 781px;
	height: 91px;
	overflow: hidden;
}

#portfolioProjects #showreel {
	position: absolute;
	top: 0;
	left: 0;
	height: 91px;
	overflow: hidden;
}

#portfolioProjects .project {
	float: left;
	margin: 0 24px 0 0;
	width: 87px;
	height: 87px;
	border: 2px solid #fff;
	overflow: hidden;
	cursor: pointer;
}

#portfolioProjects .project img {
	border: none;
}

#portfolioDisplay {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 19px 0 0;
	width: 900px;
	height: 390px;
	background: url(../images/portfolio-display.png) left top no-repeat;
}

#portfolioDisplay h3 {
	padding: 0 20px;
	width: 860px;
	height: 70px;
	font-size: 2.2em;
	font-weight: normal;
	line-height: 70px;
	color: #00acec;
}

#portfolioDisplay #about {
	padding: 15px 0 0 20px;
	width: 480px;
	height: 238px;
}

#portfolioDisplay #notebook {
	position: absolute;
	top: 65px;
	left: 498px;
	height: 245px;
	width: 392px;
	background: url(../images/portfolio-notebook.png) left top no-repeat;
}

#portfolioDisplay #notebook img {
	position: absolute;
	top: 14px;
	left: 69px;
	width: 255px;
	height: 156px;
}

#portfolioDisplay #bekijkOnline {
	display: none;
}

#portfolioDisplay #bekijkOnline p.readmore {
	padding: 20px 0 0 0;
	border-top: 1px solid #e0e0e0;
}

#footerBox {
	position: relative;
	margin: -7px 20px 0 20px;
	width: 900px;
	height: 182px;
	background: url(../images/footer-box.png) left top no-repeat;
	color: #fff;
}

#footerBox h3 {
	font-size: 2.2em;
	font-weight: normal;
	line-height: 50px;
}

#footerBox h5 {
	font-size: 1.2em;
	line-height: 20px;
}

#footerBox p {
	padding: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 20px;
}

#footerBox dl {
	font-size: 1.2em;
	line-height: 20px;
}

#contact {
	float: left;
	padding: 0 20px;
	width: 231px;
	height: 182px;
}

#contact dl dt {
	float: left;
	width: 20px;
	font-weight: bold;
}

#contact a:link {
	color:#FFFFFF;
	}
#contact a:visited {
	color: #141414;
	text-decoration: none;
}

#contact a:hover,
#contact a:active {
	color: #141414;
	text-decoration: underline;
}

#socialIcons {
	float: left;
	padding: 0 20px;
	width: 230px;
	height: 182px;
}

#socialIcons ul {
	list-style: none;
}

#socialIcons ul li {
	float: left;
	margin: 0 10px 10px 0;
	text-indent: -9999px;
}

#socialIcons a:link,
#socialIcons a:visited {
	display: block;
	width: 32px;
	height: 32px;
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
}

#socialIcons a:hover,
#socialIcons a:active {
	text-decoration: none;
}

#socialIcons li#iconTwitter a:link,
#socialIcons li#iconTwitter a:visited {
decoration: none;
	background-image: url(../images/social-icon-twitter-bw.gif);
}

#socialIcons li#iconTwitter a:hover,
#socialIcons li#iconTwitter a:active {
	background-image: url(../images/social-icon-twitter.gif);
}

#socialIcons li#iconDelicious a:link,
#socialIcons li#iconDelicious a:visited {
	background-image: url(../images/social-icon-delicious-bw.gif);
}

#socialIcons li#iconDelicious a:hover,
#socialIcons li#iconDelicious a:active {
	background-image: url(../images/social-icon-delicious.gif);
}

#socialIcons li#iconDigg a:link,
#socialIcons li#iconDigg a:visited {
	background-image: url(../images/social-icon-digg-bw.gif);
}

#socialIcons li#iconDigg a:hover,
#socialIcons li#iconDigg a:active {
	background-image: url(../images/social-icon-digg.gif);
}

#socialIcons li#iconFlickr a:link,
#socialIcons li#iconFlickr a:visited {
	background-image: url(../images/social-icon-flickr-bw.gif);
}

#socialIcons li#iconFlickr a:hover,
#socialIcons li#iconFlickr a:active {
	background-image: url(../images/social-icon-flickr.gif);
}

#socialIcons li#iconRss a:link,
#socialIcons li#iconRss a:visited {
	background-image: url(../images/social-icon-rss-bw.gif);
}

#socialIcons li#iconRss a:hover,
#socialIcons li#iconRss a:active {
	background-image: url(../images/social-icon-rss.gif);
}

#socialIcons li#iconNUjij a:link,
#socialIcons li#iconNUjij a:visited {
	background-image: url(../images/social-icon-nujij-bw.gif);
}

#socialIcons li#iconNUjij a:hover,
#socialIcons li#iconNUjij a:active {
	background-image: url(../images/social-icon-nujij.gif);
}

#socialIconsv ul {
	list-style: none;
	background: url(../images/list-style-square-brder.gif) left 6px no-repeat;
}

#socialIconsv ul li {
	list-style: none;
	text-indent: -9999px;
	margin-left:50px;
}

#socialIconsv a:link,
#socialIconsv a:visited {
	display: block;
	width: 32px;
	height: 38px;
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
}

#socialIconsv a:hover,
#socialIconsv a:active {
	text-decoration: none;
}

#socialIconsv li#iconTwitter a:link,
#socialIconsv li#iconTwitter a:visited,
#socialIconsv li#iconTwitter a:hover,
#socialIconsv li#iconTwitter a:active {
	background-image: url(../images/twitter-32x32.png);
}

#socialIconsv li#iconLinkedin a:link,
#socialIconsv li#iconLinkedin a:visited,
#socialIconsv li#iconLinkedin a:hover,
#socialIconsv li#iconLinkedin a:active {
	background-image: url(../images/linkedin-32x32.png);
}

#socialIconsv li#iconDelicious a:link,
#socialIconsv li#iconDelicious a:visited,
#socialIconsv li#iconDelicious a:hover,
#socialIconsv li#iconDelicious a:active {
	background-image: url(../images/delicious-32x32.png);
}

#socialIconsv li#iconDigg a:link,
#socialIconsv li#iconDigg a:visited {
	background-image: url(../images/social-icon-digg-bw.gif);
}

#socialIconsv li#iconDigg a:hover,
#socialIconsv li#iconDigg a:active {
	background-image: url(../images/social-icon-digg.gif);
}

#socialIconsv li#iconFlickr a:link,
#socialIconsv li#iconFlickr a:visited {
	background-image: url(../images/social-icon-flickr-bw.gif);
}

#socialIconsv li#iconFlickr a:hover,
#socialIconsv li#iconFlickr a:active {
	background-image: url(../images/social-icon-flickr.gif);
}

#socialIconsv li#iconFeedburner a:link,
#socialIconsv li#iconFeedburner a:visited,
#socialIconsv li#iconFeedburner a:hover,
#socialIconsv li#iconFeedburner a:active {
	background-image: url(../images/feedburner-32x32.png);
}

#socialIconsv li#iconYoutube a:link,
#socialIconsv li#iconYoutube a:visited,
#socialIconsv li#iconYoutube a:hover,
#socialIconsv li#iconYoutube a:active {
	background-image: url(../images/youtube-32x32.png);
}

#socialIconsv li#iconNUjij a:link,
#socialIconsv li#iconNUjij a:visited {
	background-image: url(../images/social-icon-nujij-bw.gif);
}

#socialIconsv li#iconFacebook a:link,
#socialIconsv li#iconFacebook a:visited,
#socialIconsv li#iconFacebook a:hover,
#socialIconsv li#iconFacebook a:active {
	background-image: url(../images/facebook-32x32.png);
}

#socialIconsv li#iconGoogle a:link,
#socialIconsv li#iconGoogle a:visited,
#socialIconsv li#iconGoogle a:hover,
#socialIconsv li#iconGoogle a:active {
	background-image: url(../images/google-32x32.png);
}

#socialIconsv li#iconHyves a:link,
#socialIconsv li#iconHyves a:visited,
#socialIconsv li#iconHyves a:hover,
#socialIconsv li#iconHyves a:active {
	background-image: url(../images/hyves-32x32.png);
}

#socialIconsv li#iconSlideshare a:link,
#socialIconsv li#iconSlideshare a:visited,
#socialIconsv li#iconSlideshare a:hover,
#socialIconsv li#iconSlideshare a:active {
	background-image: url(../images/slideshare-32x32.png);	
	
}










#socialIconsh ul {
	list-style: none;
	height:30px;
	
}

#socialIconsh ul li {
	float: left;
	list-style: none;
	text-indent: -9999px;
	margin-left:200px;
	margin: 0 7px 7px 0;
}

#socialIconsh a:link,
#socialIconsh a:visited {
	display: block;
	width: 32px;
	height: 38px;
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
}

#socialIconsh a:hover,
#socialIconsh a:active {
	text-decoration: none;
}

#socialIconsh li#iconTwitter a:link,
#socialIconsh li#iconTwitter a:visited,
#socialIconsh li#iconTwitter a:hover,
#socialIconsh li#iconTwitter a:active {
	background-image: url(../images/twitter-32x32.png);
}

#socialIconsh li#iconLinkedin a:link,
#socialIconsh li#iconLinkedin a:visited,
#socialIconsh li#iconLinkedin a:hover,
#socialIconsh li#iconLinkedin a:active {
	background-image: url(../images/linkedin-32x32.png);
}

#socialIconsh li#iconDelicious a:link,
#socialIconsh li#iconDelicious a:visited,
#socialIconsh li#iconDelicious a:hover,
#socialIconsh li#iconDelicious a:active {
	background-image: url(../images/delicious-32x32.png);
}


#socialIconsh li#iconFlickr a:link,
#socialIconsh li#iconFlickr a:visited,
#socialIconsh li#iconFlickr a:hover,
#socialIconsh li#iconFlickr a:active {
	background-image: url(../images/flickr-32x32.png);
}

#socialIconsh li#iconFeedburner a:link,
#socialIconsh li#iconFeedburner a:visited,
#socialIconsh li#iconFeedburner a:hover,
#socialIconsh li#iconFeedburner a:active {
	background-image: url(../images/feedburner-32x32.png);
}

#socialIconsh li#iconYoutube a:link,
#socialIconsh li#iconYoutube a:visited,
#socialIconsh li#iconYoutube a:hover,
#socialIconsh li#iconYoutube a:active {
	background-image: url(../images/youtube-32x32.png);
}

#socialIconsh li#iconNUjij a:link,
#socialIconsh li#iconNUjij a:visited {
	background-image: url(../images/social-icon-nujij-bw.gif);
}

#socialIconsh li#iconFacebook a:link,
#socialIconsh li#iconFacebook a:visited,
#socialIconsh li#iconFacebook a:hover,
#socialIconsh li#iconFacebook a:active {
	background-image: url(../images/facebook-32x32.png);
}

#socialIconsh li#iconGoogle a:link,
#socialIconsh li#iconGoogle a:visited,
#socialIconsh li#iconGoogle a:hover,
#socialIconsh li#iconGoogle a:active {
	background-image: url(../images/google-32x32.png);
}

#socialIconsh li#iconHyves a:link,
#socialIconsh li#iconHyves a:visited,
#socialIconsh li#iconHyves a:hover,
#socialIconsh li#iconHyves a:active {
	background-image: url(../images/hyves-32x32.png);
}

#socialIconsh li#iconSlideshare a:link,
#socialIconsh li#iconSlideshare a:visited,
#socialIconsh li#iconSlideshare a:hover,
#socialIconsh li#iconSlideshare a:active {
	background-image: url(../images/slideshare-32x32.png);	
	
}


#tagcloud {
	float: left;
	padding: 0 20px;
	width: 319px;
	height: 182px;
	

}

#tagcloud ul {
	list-style: none;
	font-size: 1.2em;
	line-height: 25px;
	list-style: none;
}

#tagcloud ul li {
	float: left;
	padding: 0 5px 0 0;
	list-style: none;
}

#tagcloud a:link,
#tagcloud a:visited {
	color: #fff;
	text-decoration: none;
}

#tagcloud a:hover,
#tagcloud a:active {
	color: #141414;
	text-decoration: underline;
}

#footer {
	margin: 20px 20px 30px 20px;
	border-top: 2px solid #c8c8c8;
	text-align: center;
}

#footer ul {
	font-size: 1.1em;
	line-height: 40px;
	color: #8d8d8d;
	list-style: none;
}

#footer li {
	display: inline;
	margin: 0 0 0 28px;
	padding: 0 0 0 29px;
	background: url(../images/footer-spacer.gif) left 1px no-repeat;
}

#footer li#copyright {
	margin: 0;
	padding: 0;
	background: none;
}

#footer a:link,
#footer a:visited {
	color: #8d8d8d;
	text-decoration: none;
}

#footer a:hover,
#footer a:active {
	color: #8d8d8d;
	text-decoration: underline;
}

.clear {
	clear: both;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auro}
hr {
	margin:0px;
	padding:0px;
	border-bottom:1px solid #cccccc;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;

}

a.blog:link {
	text-decoration: none; 
	color: #33CC66;
}
a.blog:visited {
	text-decoration: none; 
}
a.blog:hover {
	text-decoration: none; 
}
a.blog:focus {
	text-decoration: none; 
}
a.blog:active {
	text-decoration: none; 

}
	
.twitterend{
width: 320px;
height:1px;
background-color:#2a2a2a;


}

	.bg{
		background-image:url(http://arjenklijs.com/boxes/bellen.png);
		height:188px;
		width:380px;
		left:405px;
		padding: 30px 20px 0 60px;
		position: absolute;
		color:#FFF;
		z-index:99;
		}
		
	.bgposted{
		background-image:url(../images/bellen.png);
		height:188px;
		width:380px;
		left:0px;
		padding: 30px 20px 0 60px;
		position: absolute;
		color:#FFF;
		z-index:99;
		}
	
	.bg h3 {
	font-size: 2.2em;
	font-weight: normal;
	padding-bottom:10px;
	color: #fff;

		
	}
	

	
	
	#nummergroen {
    padding: 0 4px 0 8px;
	width: 177px;
	height: 40px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding-right:15px;
	color: #969696;
	background: url(../images/textareagroen.png) left top no-repeat;
	border: none;
}
	#submitgroen{
	width: 122px;
	height: 40px;
	float:left;
	border:0px;
	color: #fff;
	background: url(../images/verzenden.png) left top no-repeat;
	cursor: pointer;
		}
	
	
	.bgposted h3 {
	font-size: 2.2em;
	font-weight: normal;
	padding-bottom:10px;
	color: #fff;
	}

.bg a{color:#FFF; border:0px;}
	
	.boxgrid{ 
				width: 450px; 
				height: 182px;
				margin-top:250px;
				right:0px;
				position:fixed; 
				overflow:hidden;
				z-index:100;

			}
		
			.active_area{
				z-index:100;
				}