body{
	overflow:auto;
	scrollbar-3dlight-color: #DEE2CF;
	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color: #DEE2CF;
	scrollbar-face-color: #DEE2CF;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #DEE2CF;
}

.content{
	display:block;
	overflow:auto;
	position:absolute;
	visibility: visible;
	z-index:3;
	top:160px;
	bottom:46px;
	width:705px;
	margin-left:-355px;
	left:50%;
}

* html .content{
	visibility: visible;
	position: static;
	margin-left:0px;
	width: 705px;
	height: 100%;
	overflow:auto;
}

/* --------------------------------------------------------------------------- */
/* StartPagina */
/* --------------------------------------------------------------------------- */

.sp_top_bg{
	background-color: #819234;
	background-image: url(sp_top_bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

.sp_bottom_bg{
	background-color: #6B792A;
	background-image: url(sp_bottom_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

.sp_border_top{
	background-image: url(sp_border_top.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

.sp_border_right{
	background-image: url(sp_border_right.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

.sp_border_left{
	background-image: url(sp_border_left.gif);
	background-position: left top;
	background-repeat: repeat-y;
}

.sp_foto{
	background-color: #A7B371;
	background-image: url(sp_foto.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.sp_logo{
	background-image: url(sp_logo.gif);
	background-position: right 15px;
	background-repeat: no-repeat;
}

.sp_spiegel_bg{
	background-image: url(sp_spiegel_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: 15px;
}

.sp_bienvenu{
}

.sp_bienvenu A{
	background-image: url(bienvenu.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 51px;
	width: 250px;
}

.sp_bienvenu A:hover{
	background-image: url(bienvenu_hover.gif);
}

.sp_welkom{
}

.sp_welkom A{
	background-image: url(welkom.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 51px;
	width: 208px;
}

.sp_welkom A:hover{
	background-image: url(welkom_hover.gif);
}

.sp_welcome{
}

.sp_welcome A{
	background-image: url(welcome.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 51px;
	width: 224px;
}

.sp_welcome A:hover{
	background-image: url(welcome_hover.gif);
}

/* --------------------------------------------------------------------------- */
/* Layout */
/* --------------------------------------------------------------------------- */

.layout_body_bg{
	background-color: #819234;
	background-image: url(bg.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

.layout_bottom_bg{
	background-image: url(bottom_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

.layout_content_bg{
	background-image: url(content_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-left: 6px;
	padding-right: 6px;
}

.layout_content_simple_bg{
	background-color : #dee2cf;
	padding-left: 6px;
	padding-right: 6px;
}


.layout_content_td{
	padding-left: 5px;
	padding-right: 5px;
}

.layout_content_schaduw{
	background-image: url(content_schaduw.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: 5px;
	padding-bottom: 5px;
}

.layout_foto{
	background-image: url(foto.jpg);
	background-position: center -45px;
	background-repeat: no-repeat;
}

.layout_foto_border{
	border: #DEE2CF 5px solid;
}

.layout_foto_td{
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 5px;
}

.layout_top_bg{
	background-image: url(top_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

.layout_top2_bg{
	background-image: url(top2_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

.layout_topmenu{
	padding-top: 5px
}

* html .layout_topmenu{
	padding-top: 6px
}

/* --------------------------------------------------------------------------- */
/* Bottommenu */
/* --------------------------------------------------------------------------- */

.bottommenu_button{
	color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
}

.bottommenu_button A{
	color: #FFFFFF;
	text-decoration: none;
}

/* --------------------------------------------------------------------------- */
/* Topmenu */
/* --------------------------------------------------------------------------- */

.topmenu_button{
	color: #FFFFFF;
	display: block;
	height: 23px;
}

.topmenu_button A{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.topmenu_button A:hover{
	color: #000000;
	background-color: #FFFFFF;
}

.topmenu_td{
	padding: 1px;
	border-right: #FFFFFF 1px solid;
}




TD div.Menu
{
	font-family : Verdana;
	font-size : 10px;
}

TD div.MenuItem, div.MenuItemSelected
{
	float : left;
	padding: 1px;
	border-right: #FFFFFF 1px solid;
	color: #FFFFFF;
	display: block;
	height: 23px;
	vertical-align : middle;
}


TD div.MenuItemSeparator
{
	float : left;
}

.MenuEnd
{
	clear:both;
}


TD div.MenuItem A
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

TD div.MenuItem A:hover
{
	color: #000000;
	background-color: #FFFFFF;
}

TD div.MenuItemSelected A
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

TD div.MenuItemSelected A:hover
{
	color: #000000;
	background-color: #FFFFFF;
}

.topmenu_button{
	color: #FFFFFF;
	display: block;
	height: 23px;
}

.topmenu_button A{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.topmenu_button A:hover{
	color: #000000;
	background-color: #FFFFFF;
}

.topmenu_td{
	padding: 1px;
	border-right: #FFFFFF 1px solid;
}


/********************************************************************************/
/********************************************************************************/
/* 	FORMULIEREN																	*/
/********************************************************************************/
/********************************************************************************/

.Forms
{
	padding : 4px;
}


.FormItem
{
	position : relative;
	clear:both;
}

.FormItemDescription
{
	font-weight : bold;
	width : 120px;
	vertical-align : top;
	font-size : 10px;
	margin-bottom : 10px;
	text-align : left;
	color : #2a2a2a;
	padding-right : 10px;
}

.FormItemHorizontal
{
	float : left;
}

.FormItemVertical
{
	clear:both;
}

.FormItemContent
{
	position : relative;
	vertical-align : top;
	font-size : 10px;
	margin-bottom : 10px;
	max-width : 400px;
	width : 80%;
}


.FormCaptcha
{
	margin-left : 120px;
}

.FormCaptcha .CaptchaDisclaimer
{
	font-size :9px;
	font-style : italic;
}

.FormSave
{
	margin-left : 62px;
}

.FormError
{
	padding-left : 120px;
	color : Red;
}

.FormTableOverview
{
}

.FormTableOverviewHeader
{
	width : 150px;
	font-weight : bold;
}

.FormTableOverviewContent
{
}


.FormTabs .TabSelect .TabBegin
{
    width : 9px;
    height : 20px;
    z-index : 100;
}

.FormTabs .TabNoSelect .TabBegin
{
    width : 9px;
    border-left : solid 1px #343434;
    border-top : solid 1px #343434;
    height : 20px;
    z-index : 100;
}

.FormTabs .TabSelect .TabText
{
    font-size : 10px;
    height : 20px;
    z-index : 100;
}

.FormTabs .TabNoSelect .TabText
{
    border-top : solid 1px #343434;
    font-size : 10px;
    height : 20px;
    z-index : 100;
}

.FormTabs .TabNoSelect .TabText A
{
    text-decoration : none;
    color : gray;
    z-index : 100;
}

.FormTabs .TabSelect .TabEnd
{
    width : 9px;
    height : 20px;
}

.FormTabs .TabNoSelect .TabEnd
{
    border-right : solid 1px #343434;
    border-top : solid 1px #343434;
    width : 9px;
    height : 20px;
}


.FormTabs .TabSelect .TabBegin
{
    z-index : 100;
    background-color : white;
}

.FormTabs .TabSelect .TabText
{
    z-index : 100;
    background-color : white;
}

.FormTabs .TabSelect .TabText A
{
    text-decoration : none;
    color : black;
}

.FormTabs .TabSelect .TabEnd
{
    z-index : 100;
    background-color : white;
}


.FormTabs .TabSpace
{
	width : 3px;
}

/********************************************************************************/
/********************************************************************************/
/* 	Fotoalbums																	*/
/********************************************************************************/
/********************************************************************************/
.Album
{
	position : relative;
	width : 564px;
}

.AlbumClose
{
	position : absolute;
	float:right;
	right : 10px;
	z-index : 100;
}

.AlbumClose A
{
	text-decoration: none;
	color: #819234;
}


.AlbumSelected
{
	position: relative;
	width : 564px;
	height : 450px;
	border : 1px solid black;
	background-color :  #dee2cf;
	overflow: hidden;
}



.AlbumSelectedImage
{
}

.AlbumSelectedDescription
{
	position : relative;
	bottom : 0px;
	clear:both;
	text-align : center;
	font-family : Verdana;
	font-style : italic;
	font-size : 10px;
	padding-left : 15px;
	padding-right : 15px;
}


.AlbumThumbs
{
	margin:0;
	padding:0;
	height : 96px;
	overflow-x:auto;
	overflow-y:hidden;

	margin-top : 10px;
	background-color :  #dee2cf;

}

.AlbumThumbs UL
{
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	display:table-row;
	line-height : 96px;
}


.AlbumThumbs UL LI
{
	display:table-cell;
	vertical-align:middle;
	padding-left : 8px;
	padding-right : 8px;
}

.AlbumThumbs UL LI IMG
{
	border:1px solid #555;
	cursor : pointer;
}

/*
Hack voor alleen IE7
Zowel *:first-child+html als de #
Hoeft niet gecombineerd
FF ziet dit niet
*/
*:first-child+html .AlbumThumbs ul li
{
	#display:inline;
	#height:96px;
}

* html .AlbumThumbs {wid\th:564px;}
* html .AlbumThumbs ul li {dis\play:inline; zo\om:1; he\ight:96px; }

.AlbumSlideHead
{
	overflow : hidden;
}

.AlbumSlideThumbs
{
	position : relative;
	margin-top : 16px;
}

.AlbumSlideThumbsBlock
{
	margin-left : 48px;
}

.AlbumSlideThumb
{
	position : relative;
	float : left;
	margin-right : 10px;
	width : 128;
	height : 128;
	background-position : center center;
}

.AlbumSlideThumbImage
{
	overflow : hidden;
}

.AlbumsOverview .AlbumsOverviewItem
{
	width : 196px;
	height : 196px;
	border : 1px solid black;
	text-align : center;
	background-color :  #dee2cf;
	display: table;
	#position: relative;
	overflow: hidden;
	float : left;
	margin-right : 16px;
	margin-bottom : 16px;

}


.AlbumsOverview .AlbumsOverviewItem .AlbumSelectedCenter
{
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align : middle;
	text-align : center;
}

.AlbumsOverview .AlbumsOverviewItem .AlbumSelectedCenterIE
{
	#position: relative;
	#top: -50%;
	#left : -50%;
}

/********************************************************************************/
/********************************************************************************/
/* 	Gastenboek																	*/
/********************************************************************************/
/********************************************************************************/

.GuestbookOverviewItem
{
	padding-bottom : 15px;
	padding-left : 15px;
}

.GuestbookOverviewItemEven
{
}

.GuestbookOverviewItemOneven
{
}

.GuestbookCaptcha
{
}

.GuestbookCaptcha .CaptchaDisclaimer
{
	font-size :9px;
	font-style : italic;
}

.GuestbookReactionLine
{
	clear:both;
	padding-left : 15px;
}

.GuestbookReactionLineLabel
{
	font-weight : bold;
	float : left;
	width : 100px;
}

.GuestbookReactionLineInput
{
	width : 100%;
}

.GuestbookReactionLineInput Input
{
	width : 200px;
}

.GuestbookReactionLineInput textarea
{
	width : 400px;
}

.GuestbookButtons
{
	margin-left : 120px;
}
.GuestbookReactionOverviewSeparator
{
	padding-top :20px;
	padding-bottom :20px;
	border-top : 1px solid black;
}


.paging
{
	position : relative;
	width : 80%;
}

.paging_left
{
	position : relative;
	float : left;
	width : 33%;
}

.paging_right
{
	position : relative;
	float : right;
	width : 33%;
}

.paging_center
{
	position : relative;
	float : left;
	width : 33%;
}

/********************************************************************************/
/********************************************************************************/
/* 	Gastenboek																	*/
/********************************************************************************/
/********************************************************************************/

.BlogItem
{
	position : relative;
	float : left;
	width : 495px;
	text-align : left;
	padding-right : 10px;
	clear :both;
	border-right : 1px solid black;
}

.BlogNavigation
{
	position : relative;
	float : right;
	width : 170px;
	vertical-align : top;
	top : 0px;
	text-align : left;
	right : 0px;

}

.BlogNavigationPosts
{
}

.BlogNavigationPostsTitle
{
	font-weight : bold;
}

.BlogNavigationArchive
{
	margin-top : 20px;
}

.BlogNavigationArchiveTitle
{
	font-weight : bold;
}

.BlogNavigationPostItem UL
{
	margin : 0px;
	padding : 0px;
}

.BlogNavigationPostItem LI
{
	list-style-type : none;
	margin : 0px;
	padding : 0px;
}

.BlogItemInfo
{
	clear:both;
	background-color : #d2d2d2;
	padding-left : 10px;
	padding-right : 10px;
	border-top : 1px solid black;
	border-bottom : 1px solid black;
	margin-bottom : 15px;
	height : 24px;
	line-height : 24px;
}

.BlogItemInfoDate
{
	position : relative;
	float : left;
	width : 200px;
	left : 15px;
}

.BlogItemInfoReactions
{
	position : relative;
	float : right;
	width : 200px;
	right : 15px;
}

.BlogItemReactionLine
{
	clear:both;
	padding-left : 15px;
}

.BlogItemReactionLineLabel
{
	font-weight : bold;
	width : 100px;
}

.BlogItemReactionLineInput
{
	width : 100%;
	padding-left : 0px;
}

.BlogItemReactionLineInput Input
{
	width : 200px;
}

.BlogItemReactionLineInput textarea
{
	width : 400px;
}

.BlogItemButtons
{
	padding-left : 20px;
}

.BlogItemReactionOverviewSeparator
{
	padding-top :20px;
	padding-bottom :20px;
	border-top : 1px solid black;
}

.BlogItemCaptcha
{
}

.BlogItemCaptcha .CaptchaDisclaimer
{
	font-size :9px;
	font-style : italic;
}

.BlogItemReactionError
{
	color : Red;
}

.BlogItemReactionBlock
{
	padding-bottom : 20px;
}



.BlogItemReactionBlockNumber
{
	width: 20px;
	float:left;
}

.BlogItemReactionBlockName
{
	font-size : 10px;
}

.BlogItemReactionBlockText
{
	font-size : 10px;
	padding-left : 22px;
	padding-top : 2px;
	padding-bottom : 2px;
}

.BlogItemReactionBlockDate
{
	font-size : 9px;
	padding-left : 22px;
	font-style : italic;
}


/********************************************************************************/
/********************************************************************************/
/* 	Simpel LAYOUT																*/
/********************************************************************************/
/********************************************************************************/

.bodySimpel
{
	background-color : #819234;
}

.SimpelContainer
{
}

.SimpelHeader
{
	position : relative;
	height : 10px;
}

.SimpelLogo
{

}

.CaptchaInputInfo
{
	font-size : 9px;
	font-style : italic;
}

.photoAlbum
{
	position : relative;
	width : 100%;
	text-align : center;
}

.photoAlbum .photoHead
{
}

.photoAlbum .photoCounter
{
	position : absolute;
	width : 50px;
	height :25px;
	left : 0px;
	top : 0px;
	font-family : Verdana;
	font-size : 11px;
	background-color : Silver;
	color : black;
	font-style : italic;
	opacity : 0.5;
	
}

.photoAlbum .photoNext
{
	position : absolute;
	top : 40%;
	right : 0%;
	width : 16px;
	height : 64px;
	
	background-image : url(album_next.gif);
	background-position : top left;
	background-repeat : no-repeat;
	
}

.photoAlbum .photoPrev
{
	
	position : absolute;
	top : 40%;
	left : 0px;
	width : 16px;
	height : 64px;

	background-image : url(album_prev.gif);
	background-position : top left;
	background-repeat : no-repeat;

}



.photoAlbum .headDescription
{
	position : absolute;
	text-align : center;
	padding-left : 10px;
	font-style : italic;
	color : black;
	left : 0;
}

.photoAlbum .thumbs
{
	position : absolute;
	bottom : 0px;
	overflow-x:auto;
	overflow-y:hidden;
	width : 100%;
	left : 0;
	text-align : left;
	border-top : 1px solid silver;
}



.photoAlbum .item {
	position:relative;
	float:left;
	border:1px solid #6E8D2B;
	margin:1px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	width : 32px;
}

.photoAlbum .thumbs UL
{
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	display:table-row;
}


.photoAlbum .thumbs UL LI
{
	display:table-cell;
	vertical-align:middle;
	padding-left : 8px;
	padding-right : 8px;
	padding-top : 4px;
	padding-bottom : 4px;
	text-align:center;
	vertical-align:middle;
}

.photoAlbum .thumbs UL LI.selected
{
	background-color : silver;

}

.photoAlbum .thumbs UL LI IMG
{
	cursor : pointer;
	border:1px solid #6E8D2B;
	
}

*:first-child+html .photoAlbum .thumbs ul li
{
	#display:inline;
	#height:96px;
}

* html .photoAlbum .thumbs ul li {dis\play:inline; zo\om:1; he\ight:96px; }

.loading
{
	width : 100%;
	height : 100%;
}

