/* CSS Document */
* {margin:0; padding:0; border:0}
body{font-size:62.5%; font-family:verdana, arial, helvetica, sans-serif}

#page_wrapper{position:absolute; width:619px; height:420px; left:50%; margin-left:-309px; top:50%; margin-top:-210px}
#content{height:398px; width: 599px; background-color:#c09; position:relative}

#menu_info, #menu_fotos, #menu_titel, #menu_gastenboek{float:left}

#menu_info{border-right:solid 1px #fff; width:276px}
#menu_info a{width:276px; height:180px; display:block; text-align:right; padding-top:23px; background:#c09 url(/images/menu_info_titel.png) no-repeat right top}

#menu_titel{width:299px; height:203px}
#menu_titel_content{background-color:#fff; width:299px; height:150px; margin-left:23px; text-align:center; padding:20px 0 10px 0; 
				font-family:"Trebuchet MS", helvetica; font-size:2em; font-weight:bold; color:#c09}
#menu_titel_content img{display:block; margin-left:auto; margin-right:auto; margin-bottom:20px}

#menu_fotos{border-right:solid 1px #fff; border-top:solid 1px #fff; width:276px}
#menu_fotos a{width:276px; height:194px; display:block; text-align:right; background:#c09 url(/images/menu_fotos_titel.png) no-repeat left top}

#menu_gastenboek{border-top:solid 1px #fff}
#menu_gastenboek a{width:322px; height:193px; display:block; background:#c09 url(/images/menu_gastenboek_titel.png) no-repeat left bottom}

#d2d_link{position:absolute; right:0; bottom:-18px}
#tm_link{position:absolute; right:-18px; bottom:0}
.back{position:absolute; left:0; bottom:-20px; margin-left:20px}


li{color:#333}
ul{list-style-type:square}
a{color:#111}
a:hover{text-decoration:none}

/* info */
#info_content{margin:20px; float:left}
#info_content ul{margin:30px; line-height:1.8em; font-size:1.1em}
#info_txt{float:left; width:215px; height:316px; background-color:#f0f0f0; border:solid 1px #fff; padding:20px}
#info_img{border:solid 1px #fff; width:300px; height:356px; float:left}
#info_txt a{font-weight:bold}
#info_txt .naam{font-size:1.8em; font-weight:bold; font-style:italic; margin:10px 0px 10px 10px}

/* fotos */
#fotos_content{margin:20px; float:left}
#fotos_img{float:left; width:300px; border:solid 1px #fff; height:356px}
#fotos_thumbs{width: 245px; height: 346px; background-color: #f0f0f0; border:solid 1px #fff; padding:5px; overflow:auto; overflow-X:none; float:left}
#fotos_thumbs ul{float:left; list-style-type:none}
#fotos_thumbs li{float:left; margin:5px 2px; width:110px; height:110px; text-align:center; background-color:#fff}

/* gastenboek */
#gastenboek_content{margin:20px; float:left}
#gastenboek_img{float:left; width:300px; border:solid 1px #fff; height:356px}
#gastenboek_txt{float:left; width:215px; height:346px; background-color:#f0f0f0; border:solid 1px #fff; padding:5px 20px}

#msg_list, #msg_txt{overflow:auto; overflow-X:none;	height: 300px}
#msg_txt{padding:10px 0; height:280px; font-size:1.1em}

#msg_list ul{line-height:1.6em; margin:15px 0 15px 20px}
#msg_list ul li{font-size:1.1em}
span.datum{color: #036}

#msg_count, #msg_head{padding-top:4px; padding-bottom: 2px;	color:#000;	border-bottom: solid 1px #666}

#new_msg{margin-top: 2px; padding: 4px; font-size:1.1em; font-weight:bold}
.no_msg{margin: 4px; color: #036}

#error{position:absolute; top:-500px; left:0; background-color:#333; border:solid 3px #fff; padding:10px; width:300px; height:215px; color:#fff}
#error a{display:block; float:left; text-align:center; color:#fff; padding:5px; font-weight:bold; font-size:1.2em; text-decoration:none}
#error a:hover{background-color:#000}
#error p{margin:10px}