/* ============================================================== */
/* general */
/* ============================================================== */
* {
	margin:0;
	padding:0;}

body{
	height: 100%;
	background: #fff;}

html{
	overflow: hidden;
	height: 100%;}

#page {	
	width: 655px;
	height: 100%;
	margin:0 auto 0 auto;
	background:  #5d0c5b;
	overflow-y: auto;
	overflow-x: hidden;}
	
.spacer {
	height: 14px;}
	
.spacer2 {
	height: 100px;}

#boven {
	margin: 0 0 0 0;
	width: 640px;
	height: 267px;
	background-image: url(images/achtergrond.jpg); 
	background-repeat: no-repeat; 
	float: left;}
	
#left {
	margin: 0 0 0 0;
	width: 100px;
	height: 100%;
	float: left;
	background-color: #cc99cc;}
	
#right {
	margin: 0 0 0 0;
	width: 530px;
	height: 100%;
	background-color: #5d0c5b;
	float: right;}

#right #content {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	float: left;
	width: 520px;
	height: 95%;}

/* ============================================================== */
/* sub_nav */
/* ============================================================== */

#left #submenu{
	padding: 35px 0 0 0;
	text-align: left;
	width: 94px;}

#left #submenu a{
	padding: 2px;
	padding-left: 4px;
	font-size: 12px;
	line-height: 13px;
	color: #fff; 
	font-family: Century Gothic, Verdana, Arial, sans-serif; 
	text-decoration: none;
	font-style: italic;
	display: block;
	width: 100%;}

html>body #submenu a{ /*Non IE rule*/
	width: auto;}
	
#left #submenu a:hover{
	background: #fff;
	color:#5d0c5b;
	font-style: normal;}

#right #content #gastenboek{
	margin: 0 0 0 0;
	height: 500px;
	width: 500px;}

#right #content #gastenboek p{
	color: #5d0c5b;}	

#right #content #gastenboek body{
	background-color: #fff;}				

/* ============================================================== */
/* content formatting */
/* ============================================================== */

#right h1{
	font-size: 16px; 
	color: #fff; 
	line-height: 20px;
	vertical-align: middle; 
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: normal; }

#right p{
	font-size: 12px; 
	color: #fff; 
	line-height: 14px;
	vertical-align: middle; 
	font-family: Century Gothic, Arial, Helvetica, sans-serif; }
	
#right a{
	color:#fff;
	text-decoration:none;}

#right tr{
	font-size: 12px; 
	color: #fff; 
	line-height: 14px;
	vertical-align: middle; 
	font-family: Century Gothic, Arial, Helvetica, sans-serif;}
	
#right img{
	margin: 0 10px 0 0;
	border-style: solid; 
	border-color: #fff;
	border-width:1px;}
	
#right img.floatLeft { 
    float: left; 
    margin: 4px; }

#right img.floatRight { 
    float: right; 
    margin: 0 0 0 4px; }

#right img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 4px; }

#right a.tekst:hover{
	background: white;
	color: #5d0c5b;}