@charset "UTF-8";
/* CSS Document */

img, div {behavior: url(iepngfix.htc);}

body {background-color:#FFFFFF;}
#container {	position: absolute;	width: 980px; height: 560px; margin-left: -490px; margin-top: -280px; top: 50%;	left: 50%; font-family: Verdana, Arial, Helvetica, sans-serif; *-overflow:hidden;}

/* BASIC SITE LAYOUT */
#header {width: 980px; height: 40px;	float:left;	background-image: url(images/header.png); *-overflow:hidden;}
#content_left {width: 530px;	height: 500px; float:left; *-overflow:hidden;}
#content_right {	width: 450px; height: 500px; float:left; background-image: url(images/photoplayer.png); *-overflow:hidden;}
#footer {width: 980px; height: 20px;	float:left;	background-image: url(images/footer.png); *-overflow:hidden;}
#content_left_top {width: 530px;	height: 118px; float:left; background-image: url(images/header2.png); *-overflow:hidden;}
#menu {width: 170px; height: 382px; float:left; background-image: url(images/menu.png); *-overflow:hidden;}
#content {width: 360px; float:left; height: 382px; background-color: #616065; *-overflow:hidden;}
#menu_item {width: 170px; height: 28px; float: left;	background-image: url(images/menu_item.png); line-height:28px; vertical-align: middle;	*-overflow:hidden;}
#spacer {width: 360px; height: 1px; background-image: url(images/spacer.png); margin: 10px 0px 10px 0px; *-overflow:hidden;}
#spacer2 {width: 340px; height: 1px;	margin: 5px 0px 5px 0px; *-overflow:hidden;}
#logolink {position:absolute; left:0px; top:0px; width:170px; height:158px; z-index:2; *-overflow:hidden;}

/* CLASSES  */
.menu_item {font-size: 11px; color: #000000;	text-decoration: none; margin: 0px 10px 0px 10px;}
.menu_item a:link {font-size: 11px; color: #000000; text-decoration: none; display: block; width: 100%; *-display: inline;}
.menu_item a:visited {font-size: 11px; color: #000000; text-decoration: none; display:block; width: 100%; *-display: inline;}
.menu_item a:hover {font-size: 11px; color: #FFFFFF; display:block; width: 100%; background-color:#616065; padding-left: 10px; margin-left: -10px; padding-right: 10px; *-display: inline;}
.menu_item_actief {font-size: 11px; color: #FFFFFF; display:block; width: 160px;	background-color:#616065; padding-left: 10px;	margin-left: 0px;	padding-right: 0px;	*-display: inline;}
.footertekst {color: #616065; font-size: 10px; text-align: right; line-height:20px; vertical-align: middle; margin: 0px 18px 0px 9px;} 
.footertekst a:link {color: #616065; font-size: 10px; text-decoration:none;} 
.footertekst a:visited {color: #616065; font-size: 10px; text-decoration: none;} 
.footertekst a:hover {color: #FFFFFF; font-size: 10px;} 
.titel {font-size: 22px; font-weight: bold; color: #FFFFFF; margin: 10px 10px 0px 10px;}
.subtitel {font-size: 14px; font-weight: bold; color: #ccd200; margin: 0px 10px 0px 60px;}
.tekst {font-size: 11px; color: #FFFFFF; margin: 0px 10px 0px 10px; text-align:justify;}
.tekst a:link, a:visited, a:hover {text-decoration:none; color: #CCD200;}

/* JAVASCRIPT  */
.submenu_image{border: 0px; margin-top: 1px; margin-bottom: 0px; padding-right: 0px; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align:bottom;}
.submenu_text{width: 340px; color: #FFFFFF; font-size: 11px; text-align:justify;}
#submenu_spacer{width: 340px; height: 5px;}
.submenu {width:340px; background-color:#616065; margin: 10px 10px 10px 10px;}
.submenu a:link {text-decoration:none; color: #CCD200;}
.submenu a:visited {text-decoration:none; color: #CCD200;}
.submenu a:hover {text-decoration:none; color: #CCD200;}
a:active, a:focus {outline: 0}
#submenu_item {width: 308px;	*-width: 306px;	height: 27px; float:left; background-color: #79787c; line-height:27px;vertical-align: bottom; border: 0px; margin-top: 1px; margin-bottom: 0px; margin-right: 1px; *-margin-right: 0px; -moz-box-sizing:border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.submenu_title {	font-size:11px; color: ccd200; margin-left: 10px;}

/* INPUT VELDEN & KNOPPEN  */
.input1 {border-width:1px; border-style: solid; border-color: #959498; padding-left:0; padding-right:0; background-color: #616065;}
.input2 {width:340px; border-width:1px; border-style: solid; border-color: #959498; padding-left:0; padding-right:0; background-color: #616065; overflow:auto;}
.button {border: 1px solid #959498; background: #959498; color:#FFFFFF; font-size:11px; float: right; cursor: pointer;}
.contactform {font-size: 11px; color: #FFFFFF; margin: 0px 10px 10px 10px; text-align:justify;}
#contactspacer {width: 340px; height: 1px; margin: 1px 0px 1px 0px;}

/* GASTENBOEK UPDATE  */
.smileys {height: 15px;}
#gastenboek_rechts {float:left; margin-top: 118px; width: 440px; height: 382px; *-display: inline;}
#gastenboek_entries {float:left; width: 440px; height: 350px; *-display: inline;}
#gastenboek_navigatie {float: left; display: block; width: 440px; height: 32px;}
.gastenboek_navigatie {font-size: 11px; color: #ccd200; *-display: inline;}
#pijl_links {float:left; width: 340px; height: 24px; text-align: right; margin-right: 10px; margin-top: 4px;}
#pijl_rechts {float: left; width: 90px; height: 24px; text-align: left; margin-left: 0px; margin-top: 4px;}

.gastnaam {font-size: 12px; font-weight: bold; color: #ccd200; text-align: left; margin: 10px 10px 0px 10px;}
.gastnaam a:link, .gastnaam a:visited, .gastnaam a:hover, .gastnaam a:active {font-size: 12px; font-weight: bold; color: #ccd200; text-align: left; text-decoration: underline;}
.gastinfo {float: left; font-size: 10px; display: block; width: 440px; color: #545454; *-display: inline; text-align: left; margin: 0px 10px 0px 10px;}
.gastbericht {float: left; font-size: 11px; color: #ffffff; *-display: inline; text-align: justify; margin: 0px 10px 5px 10px;}
.entry {display: block; width: 440px; height: 116px; overflow:hidden; *-display: inline;}
.entry_content {float: left; display:block; width: 440px; height: 115px; overflow:hidden;}
.entry_bottom {float: left; display: block; width: 440px; height: 1px; overflow:hidden;}
.gastenboek_spacer {text-align: left; *-overflow:hidden;}
.gastenboek_input {width: 21px; height: 12px; border-width:1px; border-style: solid; border-color: #616065; padding-left:0; padding-right:0; background-color: #616065; font-size: 11px; color: #ffffff; background-color: #616065; *-display: inline;}
#gast_verdeler {float: left; display: block; width: 340px; height: 16px; line-height: 16px; vertical-align: middle; *-display: inline;}
.gast_links {margin-top:1px; float: left; display: block; text-align: left; width: 120px; height: 15px; *-display: inline;}
.gast_rechts {margin-top:1px; float: left; display: block; text-align: right; width: 220px; height: 15px; *-display: inline;}
.button_gast {border: 1px solid #959498; background: #959498; color: #FFFFFF; font-size: 11px; cursor: pointer; margin-left: 10px; height: 20px;}


/* PRIJS SPECIFICATIES  */
#prijsspecificatie {width: 350px; height: 18px; background-color: #616065; text-align:center;}
.prijsinfo, .prijsinfo a:link, .prijsinfo a:hover , .prijsinfo a:visited  {font-size:11px; color: #ccd200; margin-left: 10px; text-decoration: none;}
#linkervak {width: 219px; height: 18px; float:left; margin-right:1px; line-height: 20px; vertical-align:middle; text-align:left; font-size:11px;}
#rechtervak {width: 130px; height: 18px; float:left; line-height: 20px; vertical-align:middle; text-align:left;}