body 
{
    margin: 0 0 12px 0;
    padding: 0;
    background-color: #BFBFBF;
    background-image: url(../../afbeeldingen/background.jpg);
    font-size: 80%;
}
div#buitenkant
{
    width: 878px;
    margin: 10px auto;
}
div#titel
{
    width: 878px;
    height: 141px;
    float: left;
}
#titel img
{
    float: left;    
}
div#achtergrond
{
    background-image: url(../../afbeeldingen/tekst-achter.jpg);
    background-repeat: repeat-y;
    width: 878px;
    float: left;
}

/* Begin Menu */

div#menu
{
    width: 177px;
    float: left;
}
div#menu-body
{
    background-image: url(../../afbeeldingen/menu-achter.jpg);
    background-repeat: repeat-y;
    width: 177px;
    float: left;   
}
div#aspmenu
{
    margin-left: 40px;
}

/* Suckerfish dropdown */
#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 120px;
	}
#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		width: 120px;
		font-size: 16px;
}
#nav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 88px;
		margin-top : -28px;
		width: 145px;
}
#nav li ul li
{
        padding-top: 0;
		width: 145px;
}
#nav li ul li a
{
        width: 145px;
		w\idth : 125px;
		border: 1px solid gray;
		padding-top: 2px;
		padding-bottom: 2px;
}
#nav li a {
		width: 120px;
		w\idth : 80px;
		display : block;
		color : #505050;
		text-decoration : none;
		background-color : white;		
		padding : 4px;
}
#nav li a:hover 
{
    text-decoration: none;
	color: #FFF;
	background-color: #ADADAD;    
}	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}		
   
/* Einde Menu */

div#tekst-boven
{
    width: 701px;
    float: left;    
}
div#tekst-boven img
{
    float: left;
}
div#tekstgebied-kader
{
    width: 701px;
    float: left;
    background-image: url(../../afbeeldingen/tekst.jpg);
    background-repeat: no-repeat;
}
div#tekstgebied
{
    width: 565px;
    margin: 0 auto 0 30px;
    /*height: 330px;
    overflow: auto;
    overflow-x: hidden;
    padding-right: 9px;
    scrollbar-arrow-color: #541213;
    scrollbar-track-color: #541213;
    scrollbar-face-color: #8C2622;
    scrollbar-shadow-color: #541213;
    scrollbar-highlight-color: #8C2622;
    scrollbar-darkshadow-color: #000;
    scrollbar-3dlight-color: #541213;*/
}

div#voet
{
    width: 878px;
    float: left;
    margin-bottom: 12px;   
}
div#voet img
{
    float: left;
}

/* Einde Layout */

h1
{
    font: bold 16pt "Trebuchet MS", "Century Gothic", Verdana;
    color: #505050;
    text-align: center;
}
h2
{
    font: bold 14pt "Trebuchet MS", "Century Gothic", Verdana;
    color: #505050;
    text-align: left;
}
h3
{
    font: 12pt "Trebuchet MS", "Century Gothic", Verdana;
    color: #505050;
    text-align: left;
}
p, ol, ol ol, ol li, ol ol li, ul li, table, table td
{
    font: 10pt/15pt "Trebuchet MS", "Century Gothic", Verdana;
    color: #505050;
    text-align: justify;
}
p.comments
{
    clear: both;
    text-align: center;
}
div.fotocenter
{
    margin: 0px auto; 
    width: 300px; 
    height: 199px;
}
div.fotocenter img.foto
{
    border: 2px solid #222;
}
ol li
{
    list-style-type: decimal;
}
ol ol li
{
    list-style-type: upper-roman;
}
ol ol
{
    margin-bottom: 12px;
}
a:link, a:visited
{
    color: #6169CD;
    text-decoration: none;
}
a:hover, a:active
{
    background-color: #6169CD;
    color: #CCC;
}
a:link img, a:visited img, a:hover img, a:active img
{
    border: 2px solid #222;
}
div#contactformtable table
{
    border-collapse: collapse;
    border: none;
}
table.contactform tr td
{
    border: none;
    font: 10pt "Trebuchet MS", "Century Gothic", Verdana;
    color: #505050;

}
div.GBForm span
{
    border: none;
    height: 30px;
    color: #505050;
    font: 10pt "Trebuchet MS", "Century Gothic", Verdana;
    float: left;
}
.hdnNospam
{
    display: none;
}
.PaginaTekst
{
    color: #505050;
    font: 10pt "Trebuchet MS", "Century Gothic", Verdana;
    text-align: justify;
}
.HyperLink
{
    font: 84%/14pt "Trebuchet MS", "Century Gothic", Verdana;
}
.guestbooktable
{
    width: 500px; 
    margin: 0 auto 0 auto; 
    border-collapse: collapse; 
    border: none;
    font: 84% "Trebuchet MS", "Century Gothic", Verdana;
    color: #505050;
}
.tabletextalign
{
    text-align: right;
}
.img-left
{
    float: left; 
    margin: 0 5px 3px 0; 
}
.img-right 
{
    float: right; 
    margin: 0 0 3px 5px; 
}
.img-center
{
    display: block; 
    margin: 0 auto 3px auto; 
}
.img-left-border
{
    float: left; 
    margin: 0 5px 3px 0;
    border: 1px solid #505050;
}
.img-right-border
{
    float: right; 
    margin: 0 0 3px 5px;
    border: 1px solid #505050;
}
.img-center-border
{
    display: block; 
    margin: 0 auto 3px auto; 
    border: 1px solid #505050;
}
hr 
{
    width: 75%;
    border: none;
    color: #454545;
    background-color: #858585;
    height: 1px;
}

 .GalleryFeatures { width: 150px; margin-top: 0px; float: right; }
 .GalleryFeatures div { padding-bottom: 6px; margin-bottom: 20px; border-left: solid 1px #d3d3d3; text-align: center; }
 .GalleryFeatures h1 { font-size: 16px; font-weight: bold; background: url('ContentDividerTileLight-4-14.gif') repeat-x; padding: 6px; margin: 0px 0px 10px 0px; }
 .GalleryFeatures ul { margin: 0px; margin-left: 5px; list-style: none; padding: 0px;}
 .GalleryFeatures ul li { margin-bottom: 4px; }
 .GalleryFeatures input { width: 120px; }
 .GalleryStream {  }
 .GalleryStreamStandoff {  margin-right: 180px; }
 .GalleryStream div { float: left; }
 .GalleryStream img {  vertical-align: middle; border: none; max-width: 120px; max-height: 120px; }
 .GalleryStream .PhotoItemHidden { filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; _border: dashed 1px #6f5230; }
.GalleryStream .PhotoItem { margin: 4px; line-height: 140px; _font-size: 126.7px; text-align: center; width: 140px; height: 150px; border-left: solid 1px #d3d3d3; border-right: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; background: #ffffff url('ContentDividerTileLight-4-14.gif') repeat-x top left; } /* UnderScore Hack 90.5% of box height, 50% critical to IE5 */
 .GalleryNavigation { padding-top: 20px; text-align: center; clear:left; }
 .GalleryNavigation a { font-weight: bold; margin-left: 50px; margin-right: 50px; padding: 4px; border: none; text-decoration: none; }

#GalleryPopup { color: #ffffff; font-size: 12px; }
#GalleryPopup a { color: #ffffff; }
#GalleryPopup a:hover, #GalleryPopup a:active { background-color: Transparent; text-decoration: underline; }
#GalleryPopup .PhotoTextItems { width: 100%; }
#GalleryPopup .PhotoDescription { padding: 2px; }
#GalleryPopup .DownloadLink { padding: 2px; vertical-align: top; text-align: right; font-weight: bold;  }
#GalleryPopup .AdminPhoto { float: left;  }
#GalleryPopup .AdminForm { width: 280px; float: right; }
#GalleryPopup .AdminForm .FormRow { clear: both; margin: 10px; }
#GalleryPopup .AdminForm .FormLabel { float: left; width: 80px; font-weight: bold; padding-right: 10px; }
#GalleryPopup .AdminForm .FormItem { padding-left: 10px; }
#GalleryPopup .AdminForm { white-space:nowrap; }
#GalleryPopup .AdminForm .FixedWidth { width: 160px; }
#GalleryPopup .AdminForm a { margin-top: 20px; padding: 4px; border: outset 1px #6f5230; text-decoration: none; }
#GalleryPopup .AdminForm .DeleteButton { float: left; }
#GalleryPopup .AdminForm .SaveButton { float: right; }