* { margin: 0; padding: 0; border: 0;}

html {
	scrollbar-base-color: #C30;
	scrollbar-track-color: #EEE; 
	scrollbar-face-color: #EEE; 
    scrollbar-arrow-color: #C30;
    scrollbar-3dlight-color: #EEE;    
    scrollbar-highlight-color: #C30;
    scrollbar-shadow-color: #C30;
    scrollbar-darkshadow-color:#EEE;}
	
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif; color: #000000;
	background: #EEE;
	text-align: center;}
	
#wrapper {
	position: relative;
	width: 930px;  
	background: #EEE;
	margin: 10px auto;
	text-align: left;}

/* HEADER*/	
#header {
	text-align: center;
	width: 930px; height: 50px;}
	
#logo {
	position: absolute;
	z-index: 10;
	top: 23px;/*18px;*/ left: 20px; /*18px;*/
	width: 80px;}
	
#header h1 { 
	font: bold 24px Arial, sans-serif; color: #333; 
	text-align: center; 
	margin: 0px; padding: 0px;
	letter-spacing: 2px;}	
	
#header h2 { 
	font: normal 13px /*14px*/ Arial, sans-serif; color: #333; 
	text-align:center; 
	margin-top: 2px; padding: 0px;
	letter-spacing: 2px;}
	
#logoprint { display: none;}

/*NAVIGATIE TOP*/
#navtop {
	/*width: 810px;*/ height: 20px;
	background-color: #C30; 
	/*margin: 0; padding: 0;*/}
	
#navtop ul {
	list-style-type: none;
	text-align: center; 
	/*margin: 0; padding: 0;*/
	/*padding-top: 1px;*/}	
	
#navtop li { 
	display: inline; 
	text-align: center;}	
	
#navtop li a:link, #navtop li a:visited {
	text-decoration: none;
    background-color: #C30;   
	font: bold 14px Arial, Helvetica, sans-serif; color: #FFF;
	letter-spacing: 1px; 
	text-align: center;	
	padding: 0px 21px;}	
	
#navtop li a:hover { color: #333;}
	
body#home a#homenavtop, 
body#nieuws a#nieuwsnavtop, 
body#ontwerp a#ontwerpnavtop,
body#kunst a#kunstnavtop,
body#artfornature a#artfornaturenavtop,
body#cv a#cvnavtop,
body#contact a#contactnavtop { color: #333;}

/* NAVIGATIE LINKS */
#nav {
    position: absolute;
	width: 80px;
	top: 136px; left: 20px; 
	z-index: 5;}
	
#nav ul { 
	list-style: none; 
	margin:0; padding:0;
	background-color: #C30;}
	
#nav li {
	width: 80px; 
	margin: 0; padding: 0; 
	margin-bottom: 0; margin-top: 0;
	vertical-align: bottom;} /* Removes unwanted margin in IE */

#nav li a{
	display: block;
	padding: 10px 3px;
	font: bold 12px Arial, Helvetica, sans-serif; color: #FFF;
	background-color: #C30;
	text-decoration: none;
	text-align: center;}
	
#nav li a:hover, #nav li a.active, #nav li a.active:hover { color: #333;}

/* INHOUD*/	
#content {
	margin: 10px 60px 0 60px; 
	background-color:#FFF;
	border: 1px solid #C30; /* rood */}
	
#tekst, #index {
	width: 684px;
	margin: 15px 62px 0 62px;
	font: normal 12px Arial, sans-serif;
	color: #333;}
	
#tekst .blokbovenste {
	float: left;
	width: 684px; 
	background-color: #FFF;
	font: normal 12px Arial, sans-serif; color: #333;
	border-bottom: 1px solid #C30; /* met rode streep onder */
	padding-top: 0;}
	
#tekst .blokmidden {
	float: left;
	width: 684px; 
	background-color: #FFF;
	font: normal 12px Arial, sans-serif; color: #333;
	border-bottom: 1px solid #C30; /* met rode streep onder */
	padding-top: 15px;}

#tekst .blokonderste {
	float: left;
	width: 684px; 
	background-color: #FFF;
	font: normal 12px Arial, sans-serif; color: #333;
	border-bottom: none; /* zonder rode streep onder */
	padding-top: 15px;} /* was artfornature */
	
#tekst .blokalleen {
	float: left;
	width: 684px; 
	background-color: #FFF;
	font: normal 12px Arial, sans-serif; color: #333;
	border-bottom: none; /* zonder rode streep onder */
	padding-top: 0;}
	
#tekst h1 {
	font: bold 150% Arial, Helvetica, sans-serif; color: #333; /*of 16px*/
	margin-bottom: 18px; margin-top: 0px;}
	
#tekst h2 { 
	font-size: 120%; color: #C30; 	
	margin-top: 0; margin-bottom: 8px;
	clear: none; }
	
#tekst h2.datum { margin-bottom: 0;}
	
#tekst h3 { 
	font: bold 12px Arial, sans-serif; color: #333; 
	/*clear: both;*/ 
	margin-bottom: 0; margin-top: 0px;}
	
#tekst a:link, #tekst a:visited { color: #C30; text-decoration: none;}
#tekst a:hover { color: #666; text-decoration: underline;}

#tekst p {
	font: normal 12px Arial, Helvetica, sans-serif; color: #333;
	line-height: 120%;
	padding: 0 20px 12px 0;}
	
#tekst p.onder {
	padding: 0 20px 12px 0;}/* ?? */

#tekst ul { 
	list-style-type: disc;
	list-style-position:outside;
	/*margin-top: 6px;*/ margin-left: 16px; margin-bottom: 12px; margin-right: 20px;
	line-height: 120%;}
	
#tekst ul li { padding-bottom: 3px;}

#tekst ol { 
	list-style-position: outside;
	margin-top: -10px; margin-left: 24px; margin-bottom: 12px; /*line-height: 120%;*/}
	
#tekst img { float: right; margin: 0 0 15px 20px;}
#tekst img.left { float: left; margin: 0 0 15px 0px;}
	
.roodbold { font-weight: bold; color: #C30;}
.rood { color: #C30;} /* voor het verticale streepje, sterren. */	


/*img.left { float: left;}*/	

.clearfloat { 
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;}	

/* FOOTER */	
#footer {
	width: 930px; height: 32px;
	letter-spacing: 2px;}
	
/*#footerindex {
	width: 930px; height: 95px; text-align:center;}*/
	
#footerprint {display: none;}	

#footer h1 { 
	font: bold 18px Arial, sans-serif; color: #333; 
	text-align: center;
	margin: 0px; padding: 5px;}	
	
/* HOME */		
#indexlogo {
	position: absolute;
	top: 215px; left: 122px;
	width: 155px; height: 155px;
	z-index: 5;}
	
#giant {
	position: absolute;
	top: 215px; right: 122px;
	width: 158px; height: 155px; 
	z-index: 5;}
	
#index img {float: none; margin: 0;}	

#index p {
	font: normal 18px Verdana, Arial, Helvetica, sans-serif; color: #C30;
	line-height: 180%;
	letter-spacing: 0.1em;
	padding: 45px 20px 12px 0;
	text-align: center;}
	
#index h1 { 
	font: normal 12px Arial, Helvetica, sans-serif; color: #C30;
	margin-bottom: 0; margin-top: 24px;
	text-align: center;}

/* ROUTE */	
#wagt_map_2 {
	width: 350px; height: 350px; 
	float: right;
	margin-right: 20px;}	
	
* html #wagt_map_2 {
	width: 350px; height: 350px; 
	float: right;
	margin-right: 10px;}
	
#route {width: 290px; float: left; padding-top: 0;}	
* html #route {width: 280px; float: left; padding-top: 0;}	

#tekst ul.kort { margin-bottom: 0px;}

/* PORTFOLIO pagina's */
#flashcontent {
	float: left;
	width: 684px; height: 365px;}	

/* CONTACT EN FORMULIER */		
#colofon {
	position: absolute;
	width: 470px; 
	left: 122px; bottom: 78px;
	z-index: 20;}

#adres { float: left; width: 240px;/* border: 1px solid #C30;*/}

#form { float: right; padding-left: 20px; border-left: 1px solid #C30;}

form p {
	clear: left;
	font: 12px Arial, Helvetica, sans-serif; color: #000;
	margin-bottom: 2px;}
	
form p.onderste { margin-bottom: 0;}
	
form p label {
	float: left;
	width: 110px;
	font: 12px Arial, Helvetica, sans-serif; color: #333;}
	
input.txt {
	width: 250px;
	font: 12px Arial, Helvetica, sans-serif; color: #333;
	background-color: #FFF;
	padding: 1px 0px; 
	border: 1px solid #C30;}
	
input.submit {
	width: 252px;
	font: bold 13px Arial, Helvetica, sans-serif; color: #333;
	background-color: #FFF;
	padding: 1px 0px;
	border: 1px solid #C30;}
	
textarea {
	width: 250px; height: 34px;
	font: 12px Arial, Helvetica, sans-serif; color: #333;
	background-color: #FFF;
	padding: 1px 0px;
	border: 1px solid #C30;
	scrollbar-base-color: #FFF;
	scrollbar-track-color: #FFF; 
	scrollbar-face-color: #FFF; 
    scrollbar-arrow-color: #C30;
    scrollbar-3dlight-color: #FFF;    
    scrollbar-highlight-color: #FFF;
    scrollbar-shadow-color: #FFF;
    scrollbar-darkshadow-color:#FFF;}