body { background-color: #ffeef7; text-align: center; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
div#header { margin: 0 auto; width: 760px; height: 249px; overflow: visible; }

div#container {
	margin: 0 auto;
	width: 760px;
	border: 1px solid #E2B4CF;
	background: #fff url('../images/container_background.gif') no-repeat bottom right;
	border-top: none;
	position: relative;
	text-align: left;
}

div#container #content { margin-left: 255px; padding-top: 10px; margin-bottom: 50px; padding-right: 15px; }
div#container #content h1 { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; color: #000; margin: 0; margin-bottom: 10px; }
div#container #content a { color: #C35093; }
div#container #content a:hover { text-decoration: none; }
div#container #content p.first { margin-top: 2px; }

div#container #content p.big { font-size: 16pt; }
div#container #content span.small { font-size: 12pt; }

div#container #content.home div.picturebox { margin: 0 auto; height: 950px; position: relative; }
div#container #content.home div.picturebox img.pic1 { position: absolute; left: 0; top: 0; }
div#container #content.home div.picturebox img.pic2 { position: absolute; left: 165px; top: 170px; }
div#container #content.home div.picturebox img.pic3 { position: absolute; left: 0; top: 360px; }
div#container #content.home div.picturebox img.pic4 { position: absolute; left: 165px; top: 550px; }
div#container #content.home div.picturebox img.pic5 { position: absolute; left: 0px; top: 650px; }

div#container #content.partijtjes h3 { font-family: "Comic sans MS", Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: 100; margin: 7px 0 3px 0; }
div#container #content.partijtjes h3.small { font-size: 12pt; }
div#container #content.partijtjes p.big { font-weight: bold; font-size: 12pt; font-family: "Comic sans MS", Arial, Helvetica, sans-serif; margin: 0; }
div#container #content.partijtjes p.big a { color: #000; text-decoration: none; }

div#container #content.lestijden table { width: 80%; border-collapse: collapse;  }
div#container #content.lestijden table tr td { border: 1px solid black; padding: 5px 0 1em 5px; }
div#container #content.lestijden table tr td.col1 { width: 35%; }
div#container #content.lestijden table tr td.col2 { width: 25%; }
div#container #content.lestijden table tr td.col3 { width: 45%; }
div#container #content.lestijden table tr td span { color: #BA5E9E; }

div#container #content.nieuwsbrief-ingeschreven,
div#container #content.nieuwsbrief-bevestigd,
div#container #content.tarieven,
div#container #content.contact { height: 450px; }

div#container #content.gastenboek form div { margin-bottom: 1em; }
div#container #content.gastenboek form label { font-weight: bold; display: block; }
div#container #content.gastenboek form input,
div#container #content.gastenboek form textarea { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; border: 1px solid #BA507B; width: 300px; }
div#container #content.gastenboek form input.submit { background-color: #BA507B; color: #fff; width: auto; }
div#container #content.gastenboek form textarea { height: 7em; overflow:auto; }

div#container #content.gastenboek hr { height: 0; border: none;  border-top: 1px solid #BA507B; }

div#container #content.gastenboek div.bericht { border-top: 1px solid #BA507B; padding: 10px 5px;  }
div#container #content.gastenboek div.bericht p.head { color: #BA507B; margin-bottom: 3px; }
div#container #content.gastenboek div.bericht p { margin: 0; }

div#container #content.fotos .content { height: 360px; }
div#container #content.fotos p.big { text-align: center; }
div#container #content.fotos p.big img { border: 1px solid #BA507B; }
div#container #content.fotos div.thumbnails { padding-left: 25px; text-align: center; height: 300px; overflow: auto; }
div#container #content.fotos div.thumbnails div.thumb { display: block; height: 100px; width: 110px; overflow: hidden; text-align: center; float: left; cursor: pointer; }
div#container #content.fotos div.thumbnails div.thumb img { border: 1px solid white; }
div#container #content.fotos div.thumbnails div.thumb:hover img { border: 1px solid #BA507B; }

div#container #navigation { width: 239px; padding: 10px 0; background: #E38FB1 url('../images/navigation_background.gif') repeat-y; position: absolute; top: 0; left: 0; }
div#container #navigation div.bottom { width: 239px; height: 10px; background: url('../images/navigation_bottom.gif') no-repeat; position: absolute; left: 0; bottom: 0; font-size: 0; }
div#container #navigation img { margin: 0; display: block; }
div#container #navigation a img { border: 0; }

#newsletter { width: 229px; position: absolute; top: 260px; left: 0; padding-left: 10px; }
#newsletter h4 { font-weight: normal; font-size: 1.8em; margin: 0; }
#newsletter p { margin: 0.5em 0; font-size: 12px; }
#newsletter .field label { color: #BA507B; font-size: 13px; display: block; }
#newsletter .field input { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; border: 1px solid #BA507B; width: 150px; margin-bottom: 0.5em; }
#newsletter .submit input { background-color: #BA507B; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; border: 1px solid #BA507B; }

div#container #footer { position: absolute; bottom: 0; left: 0; height: 26px; width: 100%; background: #fff url('../images/footer_background.gif') no-repeat center bottom; text-align: right; }
div#container #footer span { color: #BA507B; display: block; float: right; margin-top: 4px; }
div#container #footer span.light { color: #FFD1E4; display: inline; float: none; margin: 0 10px 0 5px; }