body
{margin: 0px;
border: 0px;
padding: 0px;
color: #000000;
font-size: 12px;
font-family: Verdana, Arial, Helvetica;
background-color: #CCCCCC;}

/* HEADER */

#header
{position: absolute;
background-image:url(../images/design/header.jpg);
background-repeat: no-repeat;
left: 50%;
margin-left: -437px;
width: 875px;
height: 337px;
z-index: 2;}

/* NAVIGATIE */

#navigatie
{position: relative;
left: 0px;
top: 225px;
display: block;
width: 177px;
background: repeat-y url(../images/design/left_midden.jpg);
display: block;
z-index: 10;}
	#navigatie_inhoud
	{position: relative;
	margin-left: 14px;
	width: 150px;
	line-height: 22px;
	margin-top: 0px;
	font-family: "Century Gothic", Verdana, Arial, Helvetica;
	font-size: 14px;
	text-align: center;
	z-index: 15;}
	#navigatie_footer
	{position: relative;
	margin-left: 0px;
	margin-top: 0px;
	width: 176px;
	height: 30px;
	display: block;
	background-image: url(../images/design/left_footer.jpg);}
		#navigatie a:link, #navigatie a:visited
		{text-decoration: none;
		width: 150px;	
		display: block;	
		color: #333333;}	
		#navigatie a:hover 
		{text-decoration: none;
		background-image:url(../images/design/nav_actief.jpg);
		background-repeat: no-repeat;
		width: 150px;	
		display: block;}	
		#navigatie a:active
		{background-image:url(../images/design/nav_actief.jpg);
		background-repeat: no-repeat;
		width: 150px;
		color: #8BC53F;}
		#navigatie .current a
		{width: 150px;
		background-image:url(../images/design/nav_actief3.png);
		background-repeat: no-repeat;
		color: black;}
	
/* CONTENT - middenste deel */	
#content
{position: absolute;
top: 220px;
left: 50%;
margin-left: -263px;
width: 486px;
text-align: left;
z-index: 2;
background: repeat-y url(../images/design/center_midden.jpg);}
	#content_inhoud
	{position: relative;
	margin-left: 18px;
	width: 458px;}
	#content_footer
	{position: relative;
	margin-top: 10px;
	width: 486px;
	height: 53px;
	background: no-repeat url(../images/design/center_footer.jpg);
	display: block;}

/* LAATSTE NIEUWTJES - staat rechts */
#laatsteNieuwtjes
{position: absolute;
left: 50%;
margin-left: 222px;
top: 220px;
width: 216px;
background: repeat-y url(../images/design/right_midden.jpg);
z-index: 11;}
	#laatsteNieuwtjes_inhoud
	{position: relative;
	margin-left: 15px;
	margin-top: 10px;
	width: 185px;
	min-height: 100px;
	z-index: 1;
	display: block;}
	#laatsteNieuwtjes_footer
	{position: relative;
	margin-top: 0px;
	width: 216px;
	height: 30px;
	background-image: url(../images/design/right_footer.jpg);}
	
	.nieuwtje
	{margin-left: 10px;
	left: 0px;
	padding: 0px;}	
	.nieuwtje li
	{margin-left: 5px;
	display: list-item;
	list-style: disc;}
	.nieuwtje a:link, .nieuwtje a:visited
	{color: black;}
	.nieuwtje a:hover, .nieuwtje a:active
	{color: #cccccc;
	text-decoration: none;}
		
/* CV */
	


/* WEBSITES */
	
#content_websites
{position: absolute;
top: 340px;
left: 50%;
margin-left: -200px;
width: 520px;
z-index: 2;
display:block;}
	.content_1_website
	{position: relative;
	display: block;
	margin-bottom: 25px;}
	.titel_website
	{display: block;
	margin-left: 125px;
	font-size: 14px;}
	.inhoud_website
	{display: block;
	margin-top: 10px;
	margin-left: 125px;}
	.websites_afb
	{position: absolute;
	top: 10px;
	left: 0px;
	width: 105px;
	height: 80px;
	border: 1px solid Black; }

/*
.websites_afb
{position: absolute;
left: -150px;
width: 105px;
height: 80px;
border: 1px solid Black; }
	#websites_afb1
	{top: 65px;}
	#websites_afb2
	{top: 180px;}
	#websites_afb3
	{top: 280px;}
	#websites_afb4
	{top: 380px;}
	#websites_afb5
	{top: 480px;}	
	*/

/* DIGITALE ART */
	
.digitaleArt_afb
{width: 105px;
height: 80px;
border: 1px solid Black;}	

/* FOTO'S */

.fotos_afb
{width: 105px;
height: 80px;
border: 1px solid Black;}	

#content_fotos_inhoud
{position: relative;
margin-left: 9px;
margin-top: 10px;
width: 470px;}
	#flashcontent
	{height: 370px;
	width:100%;}
	
/* ADMIN */

/* WEBSITE TOEVOEGEN */
.form_back
{width: 350px;
border: 1px solid #cccccc;}	

/* Algemene coderingen */

ul
{margin-left, margin-right: 0px;
padding: 0px;}
li
{margin-left:15px;
list-style-position: outside;}
a:link, a:visited
{color: #666666;
text-decoration: none;}
a:hover, a:active
{color: #474d4b;
text-decoration: underline;}
h2
{font-size: 16px;
color: #474d4b; }
h3
{color: #474d4b;}
dl
{font-size: 13px;
margin-left: 0px;
margin-top: 10px;
color: #666666;
line-height: 25px;
font-weight: bold;
text-align: left;
margin-bottom: 10px;}
dt
{text-align: left;
font-size: 12px;
font-weight: normal;
color: black;
line-height: 16px;
text-align: left;
margin-left: 15px;
margin-bottom: 5px;}
dd
{font-size: 12px;
font-weight: normal;
color: black;
line-height: 16px;
margin-left: 30px;
margin-bottom: 10px;}
.border, .border a:link, .border a:visited, .border a:hover, .border a:active
{border: 1px solid black; display: block;}