body {
	background: #eafbff url(images/background.jpg) repeat-x top center;
	color: #333;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 20px;
}

* {
	margin: 0;
	padding: 0;
}

.rodeStreep {color: #7f1319; margin: 0 10px;}
.groen {color: #2e6f7e;}
.rood {color: #7f1319; font-size: 14px;}

h1 {
	color: #7f1319;
	font: 30px Georgia, "Times New Roman", Times, serif;
}

h2 {
	color: #2e6f7e;
	font: 20px Arial, Helvetica, sans-serif;
}

hr {
	border: 0;
	height: 0;
	border-bottom: 1px solid #dbe7ea;
	margin-bottom: 40px;
}

.p10 { padding: 0 10px; }
.pl10 { padding-left: 10px; }
.pt20 { padding-top: 30px; }

a.link {
	color: #16404a;
	text-decoration: underline;
}

a:hover.link  {text-decoration: none;}

#container {
	width: 960px;
	margin: 0 auto;
}

.niet { display: none; }




/*	-------------------------------------------------------------
	HEADER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#header {
	background: url(images/header.jpg) no-repeat top center;
	float: left;
	height: 230px;
	position: relative;
	width: 960px;
}

#headerLogo{
	display: block;
	height: 97px;
	left: 10px;
	position: absolute;
	top: 13px;
	width: 220px;
}

#headerQuicktime {
	display: block;
	float: right;
	height: 79px;
	position: absolute;
	top: 30px;
	right: 95px;
	width: 54px;
}

#headerFlash {
	display: block;
	float: right;
	height: 79px;
	position: absolute;
	top: 30px;
	right: 10px;
	width: 67px;
}

#menu {
	float: left;
	margin-top: 130px;
	width: 960px;
}

div.menuItem, #menuItemBegin, #menuItemContact {
	border-left: 1px solid #275964;
	border-right: 1px solid #11333b;
	float: left;
	height: 77px;
	width: 189px;
}
	
div.menuItem a, #menuItemBegin a, #menuItemContact a {
	color: #fff;
	display: block;
	height: 77px;
	text-decoration: none;
	width: 189px;
}
	
div.menuItem a:hover, #menuItemBegin a:hover, #menuItemContact a:hover {background: #11333b;}

#menuItemBegin {border-left: 0;}
	
#menuItemContact {border-right: 0;}	

#active {background: #275964;}

.menuHolder {
	float: left;
	padding-top: 15px;
	padding-left: 10px;
}
.menuBig {
	float: left;
	font: 20px Arial, Helvetica, sans-serif;
	margin-bottom: -10px;
	width: 147px;
}

.menuSmall {
	color: #ebfbff;
	float: left;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 49px;
	width: 147px;
}





/*	-------------------------------------------------------------
	CONTENT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#content {
	float: left;
	margin-bottom: 40px;
	width: 960px;
}

#content h1 {
	background: url(images/hr.jpg) repeat-x bottom center;
	margin-bottom: 20px;
	padding-bottom: 2px;
	padding-left: 10px;
}

#content h2 {
	margin-bottom: 10px;
	padding-left: 10px;
}

#content p {
	padding: 0 10px;
	margin-bottom: 20px;
}

#contentTekst {
	float: left;
	width: 620px;
}

#contentTekst a {
	color: #16404a;
	text-decoration: underline;
}

#contentTekst a:hover {text-decoration: none;}

#contentBar {
	float: right;
	width: 320px;
}

.portfolioVoorbeeld {
	background: url(images/portfolioHolder.jpg) repeat-x top center;
	float: left;
	height: 300px;
	width: 620px;
}

.portfolioVoorbeeld a img {border: 0;}

.portfolioVoorbeeldHolder {padding: 10px;}

.portfolioVoorbeeldBorder {
	border: 1px solid #fff;
	height: 234px;
	width: 598px;
}

.portfolioTekst {
	float: left;
	width: 810px;
}

.portfolioGebruikt {
	float: left;
	width: 140px;
}

.portfolioSideBar {
	background: url(images/tdHr.jpg) repeat-x bottom center;
	height: 256px;
	margin-bottom: 44px;
	width: 320px;
}





/*	-------------------------------------------------------------
	VOORBEELD
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
div.voorbeeld {
	background: url(images/voorbeeldHolder.jpg) repeat-x top center;
	float: left;
	height: 419px;
	margin-bottom: 40px;
	width: 960px;  
}	

div.voorbeeld a img{border: 0;}	

div.voorbeeldHolder {padding: 10px;}

div.voorbeeldBorder {
	border: 1px solid #fff;
	height: 378px;
	width: 938px;
} 





/*	-------------------------------------------------------------
	RECENT WERK
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#recentWerk {
	float: left;
	margin-bottom: 20px;
	padding-bottom: 40px;
	width: 960px;
}

div.recentWerkLinks {
	float: left;
	width: 470px;
}	

div.recentWerkRechts {
	float: right;
	width: 470px;
}		

div.recentWerkInfo {
	float: left;
	padding: 0 10px;
}

div.recentWerkTekst {
	float: left;
	height: 63px;
	width: 360px;
}

div.recentWerkTekst h1 {
	margin-top: -6px;
}

div.recentWerkGebruikt {
	float: right;
	height: 63px;
	width: 90px;
}

div.quicktime {
	background: url(images/quicktime.jpg) no-repeat;
	float: right;
	height: 63px;
	margin-right: 10px;
	width: 41px;
}

div.flash {
	background: url(images/flash.jpg) no-repeat;
	float: right;
	height: 63px;
	width: 39px;
}

/* 448px bij 175px is de foto */
div.recentWerkFoto {
	background: url(images/holder.jpg) repeat-x top;
	float: right;
	padding: 10px 10px 20px;
}

div.recentWerkFoto a img {
	border: 1px solid #fff;
}




/*	-------------------------------------------------------------
	FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#footer {
	background: url(images/hr.jpg) repeat-x top center;
	float: left;
	margin-bottom: 20px;
	padding: 20px 0 40px;
	width: 960px;
}

#footerLinks{
	float: left;
	margin-left: 10px;
	width: auto;
}	

#footerRechts {
	float: right;
	margin-right: 10px;
	width: auto;
}		

#footerMenu li {
	display: inline;
	list-style-type: none;
	padding: 0;
}

#footerMenu li a {
	color: #434343;
	text-decoration: none;
}

#footerMenu li a:hover {
	color: #2e6f7e;
	text-decoration: none;
}

#current {font-weight: bold;}

a.footerQuicktime {
	background: url(images/sQuicktimeOff.jpg) no-repeat;
	display: block;
	float: right;
	height: 49px;
	margin-right: 10px;
	width: 30px;
}

a.footerQuicktime:hover {background: url(images/sQuicktimeOn.jpg) no-repeat;}

a.footerFlash {
	background: url(images/sFlashOff.jpg) no-repeat;
	display: block;
	float: right;
	height: 49px;
	width: 30px;
}

a.footerFlash:hover {background: url(images/sFlashOn.jpg) no-repeat;}





/*	-------------------------------------------------------------
	TABELLEN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
table.tbSideBar {margin: -20px 0 20px;}

.tbSideBar td {
	background: url(images/tdHr.jpg) repeat-x bottom center;
	padding-top: 20px;
}

.tbSideBar a {
	color: #434343;
	text-decoration: none;
}

.tbSideBar img {border: 1px solid #fff;}

#viewersSideBar img {border: 0;}

table.contactFormulier {width: 100%;}

.contactFormulier td {
	background: url(images/tdHr.jpg) repeat-x bottom center;
	padding: 10px 0;
}

input.cFI, textarea.cFI {
	border: 1px solid #dbe7ea;
	padding: 5px 10px;
	width: 250px;
}




/*	-------------------------------------------------------------
	LIJSTEN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.lijst {
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 20px;
	width: 620px;
}

.lijst li {
	list-style: none;
	margin: 0;
	padding: 4px 10px;
	background: url(images/tdHr.jpg) repeat-x bottom center;
}
	



/*	-------------------------------------------------------------
	CONTACT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#contact-wrapper {
	width: 620px;
}

#contact-wrapper div {
	background: url(images/tdHr.jpg) repeat-x bottom center;
	clear:both;
	float: left;
	padding: 10px 0;
	width: 620px;
}

#contact-wrapper label {
	display:block;
	float: left;
	padding: 0 10px;
	width: 100px;
}

form#contactform input.input {
	border: 1px solid #c4d7dc;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	width: 300px;
}

form#contactform textarea {
	border: 1px solid #c4d7dc;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	width: 460px;
}

span.error {
	font-style: italic;
	font-weight: normal;
	color: #7f1319;
	margin-left: 120px;
	float: left;
}