html {
	overflow-x:hidden;
	overflow-y:hidden;
}

html, body {
	height:100%;
	width:100%;
	text-align:center;
	vertical-align:middle;
	margin:0px;
}

div.wrapper {
	position:relative;
	margin-top:-300px;
	margin-left:-450px;
	top:50%;
	left:50%;
	height:600px;
	width:900px;
	display:block;
	background-color:#FEE7FF;
	background-image:url(beeld/white_rose_soft.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	font-family:'Comic Sans MS', Verdana, sans-serif;
	font-size:12px;
	color:#8E0E8F;
	border:1px solid #810286;
}

div.fotoyvonne {
	position:absolute;
	background-image:url(beeld/Yvonne-2009.png);
	height:600px;
	width:900px;
}

div.header {
	-webkit-background-clip:initial;
	-webkit-background-origin:initial;
	width:900px;
	height:120px;
	background-image:url(beeld/beterjezelf-logo-2010.png);
}

div.menubalk {
	-webkit-background-clip:initial;
	-webkit-background-origin:initial;
	width:930px;
	position:relative;
	top:-10px;
	left:-30px;
	float:left;
	opacity:1;
	height:30px;
}

div.balk {
	-webkit-background-clip:initial;
	-webkit-background-origin:initial;
	width:900px;
	z-index:3;
	position:absolute;
	left:30px;
	height:20px;
	top:10px;
	background-image:url(beeld/indexmenubalk.png);
	opacity:1;
}

div.menu {
	-webkit-background-clip:initial;
	-webkit-background-origin:initial;
	width:900px;
	color:#8E0E8F;
	opacity:1;
	left:0px;
	z-index:4;
	text-align:left;
	position:absolute;
	height:20px;
	top:-2px;
}

ul {
	white-space:nowrap;
	line-height:20px;
}

li {
	list-style-type:none;
	display:inline;
}

div.menu a {
	text-decoration:none;
	color:#8E0E8F;
	padding:2px 10px 2px 10px;
}

div.menu a:hover {
	background-image:url(beeld/indexmenuhover.png);
}

div.menu a.uit {
	color:#969696;
}

div.content {
	position:relative;
	width:768px;
	color:#333333;
	text-align:left;
	height:438px;
	padding:10px 55px 20px 77px;
}

div.gedicht {
	position:relative;
	width:768px;
	color:#8E0E8F;
	text-align:center;
	height:438px;
	font-size:16px;
	padding:10px 55px 20px 77px;
}

.uit {
	color:#969696;
}

span.beginletter-a {
	height:70px;
	background-image:url(beeld/bb-a.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:70px;
}

span.beginletter-b {
	height:70px;
	background-image:url(beeld/bb-b.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:70px;
}

span.beginletter-c {
	height:70px;
	background-image:url(beeld/bb-c.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:70px;
}

span.beginletter-e {
	float:left;
	height:70px;
	background-image:url(beeld/bb-e.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	display:block;
	width:70px;
}

span.beginletter-g {
	float:left;
	height:70px;
	background-image:url(beeld/bb-g.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	display:block;
	width:70px;
}

span.beginletter-l {
	height:70px;
	background-image:url(beeld/bb-l.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:70px;
}

span.beginletter-p {
	height:70px;
	background-image:url(beeld/bb-p.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:70px;
}

span.beginletter-s {
	float:left;
	height:70px;
	background-image:url(beeld/bb-s.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	display:block;
	width:70px;
}

span.beginletter-v {
	float:left;
	height:70px;
	background-image:url(beeld/bb-v.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	display:block;
	width:70px;
}

span.beginletter-w {
	float:left;
	height:70px;
	background-image:url(beeld/bb-w.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	display:block;
	width:70px;
}

span span {
	display:none;
}

p.noot {
	height:12px;
	text-align:right;
	font-size:10px;
	color:#5E5E5E;
}

p.lijst {
	height:30px;
	background-image:url(beeld/vinkje.png);
	background-repeat-x:no-repeat;
	background-repeat-y:no-repeat;
	background-repeat:no-repeat;
	line-height:40px;
	background-position:20px 0px;
	background-position-x:20px;
	background-position-y:0px;
}

p {
	height:52px;
}

a.volgende {
	color:#8E0E8F;
	text-decoration:none;
}

div.contact-li {
	float:left;
	padding-right:3px;
	width:139px;
	text-align:right;
	color:#5E5E5E;
	height:27px;
	padding-top:3px;
}

div.contact-li-in {
	float:left;
	height:30px;
	width:242px;
}

div.contact-re {
	float:left;
	text-align:right;
	vertical-align:middle;
	padding-right:3px;
	width:139px;
	color:#5E5E5E;
	height:27px;
	padding-top:3px;
}

div.contact-re-in {
	height:30px;
	float:left;
	width:242px;
}

div.vraag {
	float:left;
	width:626px;
	height:187px;
	padding-top:3px;
}

input.contact-in {
	height:15px;
	width:232px;
}

textarea.bericht {
	height:170px;
	width:616px;
}

input, textarea {
	background-color:#CFD5F7;
	opacity:0.65;
	font-family:'Comic Sans MS', Verdana, sans-serif;
	font-size:12px;
	vertical-align:middle;
}

input:focus, textarea:focus {
	background-color:#FEE7FF;
}

div.contact-button {
	float:left;
	text-align:right;
	height:30px;
	padding-right:5px;
	width:237px;
}

div.footer {
	background-color:#8E0E8F;
	width:900px;
	color:#C871CB;
	text-align:center;
	font-family:Verdana, Arial, sans-serif;
	font-size:7px;
	height:12px;
	line-height:12px;
}