body {
	margin: 0px;
	background-color: white;
	font-family: verdana, geneva, arial, helvetica;
}

/* intro per kapitel */

#rood1 {
	position: absolute;
	background-color: #FF3908;
        left: 384px;
        top: 192px;
        width: 480px;
        height: 96px;
}

#roodnavverder {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 8px;
	color: white;
	font-size: 0.8em;
}
#roodnavverder img {
	margin-bottom: -8px;
}
#roodnavverder a {
	color: white;
	text-decoration: none;
}
#roodnavverder a:hover {
	color: yellow;
}

.roodtekst {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 8px;
	color: white;
	font-size: .9em;
	line-height: 16pt;
	letter-spacing: 1.4;
}

.roodtekst a {
	color: white;
	text-decoration: none;
}
.roodtekst a:hover {
	color: yellow;
	text-decoration: none;
}

#foto1 {
        position: absolute;
        left: 240px;
        top: 48px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto2 {
        position: absolute;
        left: 432px;
        top: 48px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto3 {
        position: absolute;
        left: 624px;
        top: 48px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto4 {
        position: absolute;
        left: 720px;
        top: 48px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto5 {
        position: absolute;
        left: 48px;
        top: 144px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto6 {
        position: absolute;
        left: 144px;
        top: 144px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto7 {
        position: absolute;
        left: 240px;
        top: 240px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto8 {
        position: absolute;
        left: 912px;
        top: 336px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto9 {
        position: absolute;
        left: 144px;
        top: 336px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto10 {
        position: absolute;
        left: 240px;
        top: 336px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto11 {
        position: absolute;
        left: 336px;
        top: 336px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto12 {
        position: absolute;
        left: 240px;
        top: 432px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}
#foto13 {
        position: absolute;
        left: 432px;
        top: 528px;
        width: 96px;
        height: 96px;
        overflow: hidden;
}

#rozenav {
        position: absolute;
        background-color: #FFCCC4; /* #FFD6C6; */
        left: 864px;
        top: 192px;
        width: 96px;
        height: 96px;
}

.rozenavtekst {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding-left: 4px;
        color: black;
        font-size: .6em;
}

.rozenavtekst input  {
	font-family: verdana;
	font-size: .9em;
	text-decoration: none;
	color: black;
	padding: 1px;
	border: solid 1px red;
	background-color: #FFCCC4; /* #FFD6C6; */
}

.rozenavtekst input:hover {
        border: solid 1px black;
}

#home {
	position: absolute;
	background-color: black;
	left: 72px;
	top: 408px;
	width: 96px;
	height: 96px;
}

.hometitel {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 2px;
	padding-bottom: 4px;
	color: yellow;
	font-weight: bold;
}

.hometitel a {
	text-decoration: none;
	color: yellow;
}

.hometitel a:hover {
	color: white;
}

.x { 
	font-size: 1.9em;
	letter-spacing: 1.2;
}

.pats {
	font-size: 1.3em;
	letter-spacing: -0.5;
}
.titel { /* veranderd 2 mei 2006 */
	font-size: 0.6em;
	letter-spacing: 1;
	line-height: 14pt;
	padding-left: 4px;
	margin-top: 8px;
	display:block;
}

#roze {
	position:absolute;
	overflow: auto;
	left: 384px;
	top: 288px;
	width: 432px;
	height: 192px;
	background-color: #FFCCC4; /* #FFD6C6; */
	scrollbar-3dlight-color:silver;
	scrollbar-arrow-color:black;
	scrollbar-base-color:#eFc6C6;
	scrollbar-darkshadow-color:blue;
	scrollbar-face-color:#FFe6C6;
	scrollbar-highlight-color:#FFD6C6;
	scrollbar-shadow-color:#FFe6b6;
}

.rozetekst {
	position: relative;
	font-size: .7em;
	color: black; /* #B55208; */
	letter-spacing: 1.5;
	line-height: 16pt;
	margin: 10px;
}

#gastenboekknop {
	position: absolute;
	left: 624px;
	top: 480px;
	width: 96px;
	height: 96px;
	background-color: #10AD00;
}

.gastenboekknoptekst {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 8px;
	padding-left: 4px;
	font-weight: bold;
	color: white;
	font-size: 0.8em;
}

.gastenboekknoptekst a {
	text-decoration: none;
	color: white;
}

.gastenboekknoptekst a:hover {
	color: yellow;
}

#zoekenknop {
        position: absolute;
        left: 720px;
        top: 480px;
        width: 96px;
        height: 96px;
        background-color: yellow;
}

.zoekenknoptekst {
        position: absolute;
        left: 0px;
        bottom: 0px;
        padding: 8px;
        padding-left: 12px;
        font-weight: bold;
        color: black;
        font-size: 0.8em;
}

.zoekenknoptekst a {
        text-decoration: none;
        color: black;
}

.zoekenknoptekst a:hover {
        color: #10AD00; 
}