/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	background-color:#151D21;
	}
	
img, div{ behavior: url(App_Themes/Default/iepngfix.htc);}
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;	color:#594745;

	}
h1, h2, h3, h4, h5, h6 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
	}
td {
	padding:0 3px 0 0;
	vertical-align:top;
}

a, a:focus, a:hover {outline:none;text-decoration:none;}

a.verder {
	background:transparent url(images/arrow.gif) right center no-repeat;
	display:block;
	text-align:right;
	padding:0 15px 0 0;
	line-height:17px;
	color:#EE342b;
	text-decoration:none;
	}
	
a.verder:hover {text-decoration:underline;}


h1 {
	font-size:18px;
	}
h2 {font-size:18px; color:#594745;font-weight:normal;/*visibility:hidden;*/}
h3 {font-size:14px; color:#FFFFFF;line-height:17px;}
h3 a {color:#ffffff;/*visibility:hidden;*/}
h3 a:hover{color:#E32521;/*visibility:hidden;*/}
h4 {}
h5 {margin:0 0 0 0; padding:0 0 0 0;/*visibility:hidden*/}
h6 {}	

p {
	padding:0 0 15px 0;
	margin:0 0 10px 0;

 	}
	
ol {}
ul {}
li {}
li li {}

label {
	
	}
.contact{
	background:transparent url(images/content-back.gif) top left no-repeat;
	padding:0px 25px 0 25px;


	}
.laatsteFotos {
	background:transparent url(images/content-back-foto.gif) top left no-repeat;
	padding:0px 25px 0 25px;
		}

div.links {
	background:transparent url(images/content-back-foto.gif) top left no-repeat;
	padding:0px 0px 0 25px;
	min-height:300px;
	_height:300px;

	}
div.links a, div.contact a{
	color:#594745;
	text-decoration:underline;
	}
	
	
div.links p{
margin:0 0 10px 0;padding:0 ;
width:380px;
}
div.links p img{
float:left;
margin-right:5px;
	}
	
	
.blog {
	background:transparent url(images/content-back-foto.gif) top left no-repeat;
	padding:0px 25px 0 25px;
	min-height:300px;
	_height:400px;

	}
	
.blog .heading,
.contact .heading,
.links .heading,
.laatsteFotos .heading {
	height:40px;
	overflow:hidden;
	}

.blog-blogpost {

	background:transparent url(images/content-back-foto.gif) top left no-repeat;
	padding:0px 10px 0 25px;
	/*float:left;
	float:none;
	clear:both;;*/
	width: 390px;
	position:relative;
	overflow:hidden;
	}

.blog-blogpost .heading,
.contact .heading,
.links .heading,
.laatsteFotos .heading {
	height:40px;
	overflow:hidden;
	}


/* ============================================================	*/
/* ========	BLOG 	===============================	*/
/* ============================================================	*/
.note-blogpost {
	/*clear:left;*/
	float:left;
	width:75px;
	height:65px;
	left:-5px;
	background:transparent url(images/note.png) top left no-repeat;
	}

.note {
	/*clear:left;*/
	float:left;
	width:75px;
	height:65px;
	position:relative;
	left:-5px;
	background:transparent url(images/note.png) top left no-repeat;
	}
.datum {
	position:relative;
	padding:13px 0 0 0;
	margin:0 15px 0 15px;
	font-size:12px;
	color:#E32521;
	}
.datum strong {
	display:block;
	font-size:16px;
	}

/* ============================================================	*/
/* ========	LINKS/SUBNAV    ===================================	*/
/* ============================================================	*/

div.submenu {
	width:150px;
	margin:10px 15px 0px 15px;

	
	}

div.submenu a {
	display:block;
	text-align:right;
	color:#888888;
	line-height:18px;
	}

/* ============================================================	*/
/* ========	CELENDAR 	===============================	*/
/* ============================================================	*/

div.calendar {
	background:transparent url(images/calender.gif) 100% 25px no-repeat;
	width:150px;
	margin:0px 15px 0px 15px;
	min-height:175px;
	_height:175px;
	padding:15px 0 0 0;

	}
div.calendar select {
	margin-left:5px;
	position:relative;

	}
	
div.calendar .content {
	padding:20px 0 0 0;
	margin:0 0px 0 0;
	}
table.calendar {
	width:135px;
}
table.calendar td {
	color:#EE342B;
	}
table.calendar td a {
	color:#987A7B;
	display:block;
	text-align:right;
	}
/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/

#container {
	position:relative;
	margin:0 auto 0 auto;
	width:1004px;
	min-height:100%;
min-height:20%;
	text-align:left;
	/*background:#151D21 url(images/background.jpg) 0px -1px no-repeat;*/
	
	
	background:#151D21 url(images/background-home.jpg) 0px -1px no-repeat;
	
	
	border-left:0px solid #666666;
	border-right:0px solid #666666;
	
	}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.logo{
	position:absolute;
	width:365px;
	height:252px;
	top:0px;
	left:0px;
	z-index:990;
}

div.header {
	height:252px;
	}
	
/* ============================================================	*/ 
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/
div.navigatie {
	margin:0 25px 0 0;
	padding:55px 0 0 0;	
	text-align:right;
	}
	
/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {
	clear:both;
	text-align:right;

	/*left: 331px;*/
	height:62px;
	width:674px;
	background:url('images/footer.png');

 float:right;


	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footer.png', sizingMethod='image');
	_left:167px;
	
}

/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {
	margin:0 22px 0 330px;
	_margin:0 20px 0 330px;
	background:#E0CDC3 url(images/steken_verticaal.gif) 0px -3px repeat-y;
	overflow:hidden;
	}
	
	
	
div.contentBack {
	position:relative;
	background:transparent url(images/content_bottom.gif) left bottom no-repeat;
	padding:0;
	margin:0;
	overflow:hidden;
	z-index:80;

	}
div.header {
	background:#CCB9AF url(images/header_right.gif) 100% 3px no-repeat;
	overflow:hidden;
	position:absolute;
	top:0px;
	right:20px;
	z-index:1;
	height:243px;
	width:652px;
	}
div.sidebar {
	position:relative;
	float:left;
	width:178px;
	min-height:252px;
	_height:252px;
	background:url('images/sidebar.jpg') no-repeat left top;
	z-index:100;
	top: 0px;
	left: 0px;
}
	
div.header div.sidebar {
	background:#9F7D78 url('images/content_back.jpg') no-repeat left top;
	height:253px;
	overflow:hidden;
	}

.mainContent {
	margin:0 25px 0 190px;
	_height:500px;
	min-height:300px;
	
	}
/* ============================================================	*/
/* ========	laatsteFotos		 ===============================	*/
/* ============================================================	*/ 

div.laatsteFotos{
	position:relative;
	margin:25px 0px 0 190px;
	min-height:252px;
	_height:252px;
	z-index:100;
	}

div.foto-block{float:left;margin-bottom:10px;}

div.foto-block img{width:79px;height:90px;
overflow:hidden;margin:11px 0 0 11px;
}
	
	
div.foto-block-01{float:left;
	width:100px;
	height:132px;
	background-image:url('images/images-bg-01.gif');
}
div.foto-block-02{float:left;
	width:100px;
	height:132px;
	background-image:url('images/images-bg-02.gif');
}
div.foto-block-03{float:left;
	width:96px;
	height:132px;
	background-image:url('images/images-bg-03.gif');
}
div.foto-block-04{float:left;
	width:100px;
	height:132px;
	background-image:url('images/images-bg-04.gif');
}


div.foto-contentsl div{
position:absolute;
bottom:0px;
left:0px;
width:197px;
height:30px;
text-align:center;}

div.foto-contentss div{
position:absolute;
bottom:0px;
left:0px;
width:153px;
height:30px;
text-align:center;}

div.foto-contentsl{
	position:relative;
	float:left;
	width:197px;
	height:210px;
	background:url('images/images-sl-bg.gif') no-repeat;
	margin-right:4px;
}

div.foto-contentsl img{
	width:179px;
	height:130px;
	overflow:hidden;
	margin:35px 0 0 9px;
	cursor:hand;
}
div.foto-contentsll{
	position:relative;
	float:left;
	width:197px;
	height:184px;
	background:url('images/images-sl-bg.gif') no-repeat;
	margin-right:6px;
}

div.foto-contentsll img{
	width:179px;
	overflow:hidden;
	margin:35px 0 0 9px;
}

div.foto-contentsll-blogpost{
	clear:left;
	float:left;
	width:197px;
	height:184px;
	background:url('images/images-sl-bg.gif') no-repeat;
	margin-right:6px;	overflow:hidden;
}
div.foto-contentsll-blogpost img{
	width:179px;
	overflow:hidden;
	margin:35px 0 0 9px;
}


/*--     new blogpost imgage style  --*/

div.blogpost-image{
	clear:left;
	float:left;
	width:197px;
	background:url('images/blogpost-img-center.gif');
	/*margin-right:6px; 28/04/08*/
	margin:10px 6px 0 0;
}

div.blogpost-image-top{
	width:197px;
	height:35px;
	background:url('images/blogpost-img-top.gif') no-repeat;
}
div.blogpost-image-bottom{
	width:197px;
	height:10px;
	background:url('images/blogpost-img-bottom.gif') no-repeat;
	overflow:hidden;
}


div.blogpost-image img{
	width:179px;
	overflow:hidden;
	margin-left:9px;
}

/*--     end blogpost imgage style  --*/




div.foto-contentss{
	position:relative;
	float:left;
	width:153px;
	height:255px;
	margin-right:4px;
	text-align:center;
	background:url('images/images-ss-bg.gif') no-repeat;
}

div.foto-contentss img{
	width:134px;
	height:179px;
	margin:35px 0 0 4px;
	overflow:hidden;
}





div.foto-content{
	position:relative;
	float:right;
	width:204px;
	height:296px;
	background-image:url('images/images-gr-bg.gif');
}
div.foto-content img{
	width:179px;
	height:204px;
	overflow:hidden;
	margin:35px 0 0 13px;
}
	

.foto-content-datum, .foto-content-text{
	text-align:center;
	margin:0 11px 0 11px;
	overflow:hidden;
	font-size:9px;
	font-weight:bold;
	color:#102e6b;
	height:18px;
}




a.naaralbum {
	float:right;
	background:transparent url(images/arrow-2.gif) right center no-repeat;
	display:block;
	text-align:right;
	padding:0 16px 0 0;
	line-height:17px;
	height:20px;
	color:#EE342b;
	text-decoration:none;

	}
	
a.naaralbum:hover {text-decoration:underline;}

.foto-datum, .foto-text{
	text-align:center;
	margin:0 8px 0 8px;
	overflow:hidden;
	font-size:9px;
	color:#102e6b;
	height:11px;
	}

/* ============================================================	*/
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {
	margin:0px;
	}
input.inputfield{
	color:#594745;
	font-weight:normal;
	border:1px solid #e42522;
	width:95%;
	}
input.inputsubmit{
	color:#594745;
	font-weight:normal;
	border:1px solid #e42522;
	width:45%;
	}
	
	textarea.inputarea{
	color:#F00;
	font-weight:normal;
	border:1px solid #e42522;
	width:95%;
	overflow:auto;
	height:75px;
	}
	
.reactionHeading 
{
    display:block;
    padding-top:15px;
    padding-bottom:5px;
}

.reactionMessage 
{
    display:block;
    padding:0px 0px 10px 0px;
}