/*general styles */
* { margin: 0; padding: 0; }
body { background: #d9d5cd url(images/bg.gif) no-repeat top center; font: 11px Arial, Helvetica, sans-serif; }
p { margin-bottom: 16px; }
h1 { font-size: 12px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; margin-bottom: 16px; line-height: 16px; font-weight: bold; }
input, select { background-color: #a29d91; border: 1px solid #fff; color: #fff; font-size: 10px; height: 16px; line-height: 16px; padding: 2px; }
img { border: none; }

/* layout */
div#container { position: absolute; left: 50%; margin-left: -478px; width: 954px; margin-top: 30px; }
div#header { position: relative; height: 164px; width: 100%; }
div#creabea { position: absolute; left: 50%; margin-left: 412px; width: 60px; height: 11px; top: 12px; }
div#nav { position: relative; left: 2px; height: 12px; padding-top: 9px; padding-bottom: 9px; font-size: 12px; color: #666; background-color: #fff; }
div#lang { position: absolute; top: 10px; left: 20px; width: 14px; height: 9px; }
div#middle { position: relative; width: 100%; }
div#middle:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#subnav { position: absolute; top: 195px; left: 207px; display: block; width: 170px; background-color: #fff; color: #7c735d; font-size: 12px; line-height: 22px; z-index: 100;}
div#content { position: relative; overflow: auto; float: left; left: 2px; width: 313px; padding: 24px 20px; color: #ffffff; line-height: 16px; 	height: 349px; margin-top: 1px; margin-bottom: 1px; background-color: #a29d91; }
div#content_doorklik { position: absolute; top: 377px; left: 0px; width: 338px; height: 20px; margin: 0px; padding: 0px; background-color:#c0bcb3; padding-left: 15px; line-height: 20px; }
div#content_content { position: relative; top: 0px; left: 109px; width: 202px; min-height: 256px; padding: -8px 20px 0; color: #ffffff; line-height: 16px; }
div#foto { position: relative; float: left; left: 1px; top: 1px; width: 600px; text-align: right; }
div#foto_final { position: relative; float: left; }
div#foto_final_tekst { width: 120px; position: absolute; right: 0; top: 397px; }
div#foto_links { position: relative; float: left; margin-left: 28px; width: 530px; }
div#foto_links a { display: block; color: #736c5c; background-color: #dad8d3; text-decoration: none; }
div#foto_links a#foto_links_left { position: relative; float: left; width: 265px; }
div#foto_links a#foto_links_right { position: relative; float: right; text-align: right; width: 265px; color: #736c5c; }
.foto_overview { position: relative; float: left; width: 113px; margin-left: 27px; margin-bottom: 16px; background-color: #a29d91; line-height: 16px; color: #ffffff; }
div#lineup { float: left; width: 100%; height: 1px; line-height: 1px; font-size: 1px; border: none; background-color: #ffffff; border-bottom: 1px solid #c0bcb3; }
div#linedown { float: left; margin: 0px; padding: 0px; width: 100%; height: 1px; line-height: 1px; font-size: 1px; border: none; border-top: 1px solid #c0bcb3; }
.rightmargin { margin: 0; margin-right: 10px; margin-bottom: 10px; vertical-align: top; }

/* styles */
div#nav ul { margin-left: 100px; list-style: none; }
div#nav li { display: inline; }
div#nav a { text-decoration: none; color: #7c735d; }
div#nav a:hover { text-decoration: none; color: #a29d91; }

div#subnav ul { list-style: none; background-image: url(images/bg_subnav.gif) 1px; margin-left: -14px; }
div#subnav a { display: block; color: #7c735d; text-decoration: none; height: 22px; padding-left: 6px; margin-left: 14px; }
div#subnav a:hover { display: block; color: #ffffff; text-decoration: none; background-color: #a29d91; }
div#subnav strong { padding-left: 20px; }

div#content a { color: #ffffff; text-decoration: underline; }
div#content a:hover { color: #ffffff; text-decoration: none; }
div#content a:visited { color: #c0bcb3; text-decoration: underline; }

div#content_doorklik a:visited { color: #ffffff; text-decoration: none; }
div#content_foto { position: absolute; top: 0px; left: 0px; }

.marge { padding-left: 4px; }
.marge a { color: #ffffff; text-decoration: none; }

.off { display: block; color: #736c5c; background-color: #dad8d3; text-decoration: none; padding-left: 8px; }
.even { display: block; background-color: #b8b5ab; color: #ffffff; text-decoration: none; padding-left: 8px; }

.media_overview { position: relative; float: left; border-bottom: 1px solid #c0bcb3; color: #7c735d; }
.media_overview a.thumb { display: table-cell; position: relative; width: 100px; height: 100px; text-align: center; vertical-align: middle; background-color: #d9d7d3; }
.media_overview h1 { color: #7c735d; margin-bottom: 0px; }

.large { width: 251px; }
.small { width: 121px; }
.radio { background: transparent; }
.button { height: 20px; padding-top: 0; }

#open_boek { position: relative; width: 798px; height: 528px; }
	#boek_pic { position: relative; float: left; width: 400px; height: 528px; background-color: #c0bbb3; }
		#boek_pic img { display: block; position: relative; }
		#boek_pic span { display: block; position: relative; float: left; color: #fff; line-height: 20px; }
		#boek_pic a { display: block; position: relative; float: left; color: #fff; text-decoration: none; line-height: 20px; }
		#boek_pic a:hover { text-decoration: underline; }
		#boek_pic .vorige { width: 190px; height: 20px; padding-left: 10px; text-align: left; }
		#boek_pic .volgende { width: 189px; height: 20px; padding-right: 10px; text-align: right; }
	#boek_tekst { position: relative; float: left; width: 357px; height: 480px; padding: 31px 20px 17px 21px; background-color: #fff; color: #7c735d; }