html, body {
	font-family: tahoma, verdana, arial, sans-serif;
	background-color: #fff8de;
}

#container {
	width: 780px;
	margin: 0 auto;
	background-color: #fff8de;
}

#randtop {
	width: 780px;
	height: 20px;
	background: url('im/rand_top.jpg') #fff8de;
	margin: 0;
}

/* ----- CONTENT ----- */

#content {
	width: 740px;
	margin: 0 auto;
	background: url('im/rand_rechts.jpg') repeat-y top right;
	background-color: #fff;
	padding: 0 20px 10px 20px;
	}

#tekst { 
	width: 740px;
	min-height: 320px;
	margin: 0 auto;
	background: url('im/bg.jpg') no-repeat bottom center #fff;
}
#tekstnobg { 
	width: 740px;
	min-height: 320px;
	margin: 0 auto;
	background: #fff;
}
*html #tekst {
	height: 320px;
}
	
h1 {			font-family: 'eras medium itc', 'eras light itc', 'trebuchet ms'; font-size: 22pt; color: #fc0; font-weight: normal; display: inline; }
h2 {			font-size: 12pt; color: #000; font-weight: normal; }
p {			font-size: 10pt; color: #000; }
.klein { 	font-size: 8pt; color: #000; }
.normal { 	font-size: 10pt; color: #000; text-decoration: none; font-weight: normal; background-color: transparent; }
.kk {		font-variant: small-caps; }

a:link {		color: #000; text-decoration: underline; background: transparent; }
a:visited {	color: #000; text-decoration: underline; background: transparent; }
a:active {	color: #000; text-decoration: underline; background: transparent; }
a:hover {	color: #fc0; text-decoration: none; background: transparent; }

/* --- header --- */

#header {
	width: 740px;
	height: 120px;
	margin: 0 auto;
	background: url('im/header02.jpg');
}

/* --- menu --- */

#menu {
	width: 740px;
	height: 20px;
	margin: 0 auto;
	margin-bottom: 10px; 
	text-align: center;
}

p.menu {		font-size: 12pt; color: #fc0; display: inline; text-align: center; padding: 0 20px 0 20px; }
a:link.menu {	color: #fc0; text-decoration: none; }
a:visited.menu {	color: #fc0; text-decoration: none; }
a:active.menu {	color: #fc0; text-decoration: none; }
a:hover.menu {	color: #fc0; text-decoration: none; }

/* --- portfolio --- */

div.rij {
	width: 720px;
	height: 150px;
	border: 1px dotted #fc0;
	background-color: #fff;
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 5px;
}
p.bezoek { float: right; text-align: right; }

a:link.bezoek {		color: #000; text-decoration: none; background-color: #fff; }
a:visited.bezoek {	color: #000; text-decoration: none; background-color: #fff; }
a:active.bezoek {	color: #000; text-decoration: none; background-color: #fff; }
a:hover.bezoek {		color: #fc0; text-decoration: none; background-color: #fff; }

img.pf { border: 0; width: 242px; height: 150px; margin: 0 10px 0 0; float: left;}

/* --- contact --- */

label {
	width: 120px;
	text-align: left;
	float: left;
	font-size: 10pt;
	color: #000;
}
  
.row {
	padding: 1pt;
}

input {
	border: 1px solid #fc0;
	background: transparent;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10pt;
}
textarea {
	border: 1px solid #fc0;
	background: transparent;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10pt;
}

table { 	width: 100%; border: 0; }
td {		vertical-align: top; }

img.contact { border: 0; width: 16px; height: 16px; margin: 0 5px 0 0; }

/* --- boxover --- */

.info {
	border-bottom: 1px dotted #fc0;
	cursor: help;
}

.boxbody {
	border: 1px solid #fc0;
	background: #fff;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 10pt;
	padding: 3px;
}

/* --- gastenboek --- */

/* formulier */

fieldset { border: 1px solid #fc0; width: 545px; background: transparent; }
legend { font-size: 10pt; color: #fc0; background: transparent; } 
.formleft { 
	width: 100px; 
	float: left; 
	text-align: right; 
	color: #000; 
	font-size: 10pt; 
	padding: 0px 5px 0 0; 
	margin: 0; 
	background: transparent; 
}
input.gb { border: 1px solid #fc0; background: transparent; margin: 2px 0 2px 0; font-family: tahoma, verdana, arial, sans-serif; font-size: 10pt; } 
input.gb[type="submit"] { margin: 2px 0 2px 105px; } /* boven rechts onder links */
textarea.gb { border: 1px solid #fc0; background: transparent; margin: 2px 0 2px 0; font-family: tahoma, verdana, arial, sans-serif; font-size: 10pt; } 
.geheimevraag { font-size: 10pt; display: block; float: left; margin: 0; padding: 0; background: transparent; } 

/* foutmelding */
.formerror { 
	font-size: 10pt;
	color: #f00;
	background: transparent; 
}

/* berichten */
.gbentry { 	width: 545px; border: 1px solid #fc0; background: transparent; padding: 2px; font-size: 10pt; color: #000; font-family: tahoma, verdana, arial, sans-serif; } 
.gbnaam { 	width: 423px; float: left; background: #fc0; padding: 2px; }
.gbdate { 	width: 110px; float: right; background: #fc0; text-align: center; padding: 2px; }
.gbwebsite {	width: 541px; border-bottom: 1px solid #fc0; padding: 2px; }
.gbbericht {	width: 545px; padding: 2px; }

/* ------ EINDE CONTENT ----- */	
	
#randbottom {
	width: 780px;
	height: 20px;
	background: url('im/rand_bottom.jpg') #fff8de;
	margin: 0;
}

/* ----- FOOTER ----- */

#footer {
	width: 780px;
	height: 15px;
	background-color: #fff8de;
}
a:link.footer {		color: #000; text-decoration: underline; background: transparent; }
a:visited.footer {	color: #000; text-decoration: underline; background: transparent; }
a:active.footer {	color: #000; text-decoration: underline; background: transparent; }
a:hover.footer {		color: #000; text-decoration: none; background: transparent; }