html,
body
{
	height:100%;
	margin:0 0 0px 0;
	padding:0;
}

body
{
	text-align:center;
	font-family:  Arial, Helvetica, sans-serif;
	font-size:70%;	
	color:#636363;
	line-height:170%;
	padding:0px;
	margin:0 0 0px 0;
}

/* ----- generic styling ----- */
p,
h1,
h2,
h3,
h4,
h5
{
	margin:0px 0 0 0;
	padding:0;
}

ul,
li,
ol
{
	margin:0px 0 0 0px;
	padding:0;
	list-style-position: outside;
}

li { }
a { color:#ff6600; text-decoration: underline;}
a:hover	{ color: gray; text-decoration: none }

h1 {
	width: 100%;
	margin: 0px 0 15px 0;
	font-weight:bold;
	font-size:140%;
	}

h2
{
	font-weight:bold;
	font-size:115%;
}

h3,
h4,
h5
{
	font-weight:bold;
	font-size:100%;
}


h1 span { display: none; }
h2 span { display: none; }

embed { margin: 0px; padding: 0px; }
object{ margin: 0px; padding: 0px;}

em, i { width: 95%; font-size: 100%; }

hr { 
	height: 1px; 
	border: 0 solid transparent; 
	color: black; 
	background-color: black; 
	margin: 20px 0;
	line-height: 1px;
}

img { margin: 0px; padding: 0px; border: 0px; }

.clear { clear: both;}
.clearright { clear: right;}
.clearleft { clear: left;}

/* --- sIFR defaults --- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

pan.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*====================================================================================*/
/*	 Structure						  */
/*====================================================================================*/

#container
{
	margin: 0 auto;
	text-align: left;
	width: 990px;
}

#header
{
	width: 990px;
	height: 255px;
	background: url(../img/bg_header.jpg) no-repeat 0 0;
	position: relative;
}

#wrap
{
	width: 990px;
	background: url(../img/bg_right.jpg) no-repeat right top 
}

#innerWrap
{
	background: transparent url(../img/bg_innerwrap.gif) repeat-y 276px top;
}

#rightColumns
{
	float: right;
	width: 714px;
	background: url(../img/bg_wrap.jpg) repeat-y left top;
	height: 320px;
	min-height: 320px;
	padding-top: 10px;
	font-size:1.2em;
}

*> #rightColumns
{
	height: auto;
}

#leftColumn
{
	float: left;
	width:276px;
	background: url(../img/bg_column_left.jpg) no-repeat left top;
	font-size:1.2em;
}


/*====================================================================================*/
/*	 Header						  */
/*====================================================================================*/


#header a#logo
{
	position: absolute;
	left: 30px;
	top: 20px;
}

#komVanDeBankAf
{
	position: absolute;
	left: 20px;
	top: 170px;
	width: 240px;
	height: 50px;
}

#komVanDeBankAf .button
{
	position: absolute;
	left: 90px;
	top: 43px;
	width: 127px;
	height: 34px;
	background: url(../img/bg_button_komvandebank_over.jpg);
}

#komVanDeBankAf .button a
{
	display: block;
	width: 127px;
	height: 34px;
	background: url(../img/bg_button_komvandebank.jpg);
}

#komVanDeBankAf .button a:hover { background: none;}
#komVanDeBankAf .button a span {display: none;}

#banner
{
	position: absolute;
	left: 276px;
	top: 0px;
}

/*====================================================================================*/
/*	 Right Columns*/
/*====================================================================================*/
#innerRight
{
	float: right;
	width: 265px;
}

#innerRight .paddingBox
{
	padding: 0 21px 0 0;
}

#innerRight .item
{
	float: right;
	width: 240px;
	border: 1px solid #787878;
	background: white url(../img/bg_content_header_small.jpg) no-repeat left top;
	margin-bottom: 8px;
	position: relative;
}


#innerRight .item.twitter { background: white url(../img/bg_content_header_twitter.jpg) no-repeat left top;}
#innerRight .item.messageboard{ background: white url(../img/bg_content_header_blog.jpg) no-repeat left top;}
#innerRight .item.news{ background: white url(../img/bg_content_header_uitroep.jpg) no-repeat left top;}

#innerRight .item .itemHead
{
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	padding: 20px 5px 10px 60px;
}

#knopZoek
{
	clear: both;
	position: relative;
	background: url(../img/bg_knopzoek.gif) no-repeat right top;
	height:135px;
}

#knopZoek h2
{
	position: absolute;
	left: 10px;
	top: 20px;
	width: 230px;
}

#knopZoek .button
{
	position: absolute;
	left: 100px;
	top: 68px;
	width: 127px;
	height: 34px;
	background: url(../img/bg_button_overzicht_over.jpg);
}

#knopZoek .button a
{
	display: block;
	width: 127px;
	height: 34px;
	background: url(../img/bg_button_overzicht.jpg);
}

#knopZoek .button a:hover { background: none;}
#knopZoek .button a span {display: none;}


/*	 TWEET				  */

a.twitterLink
{
	position: absolute;
	top: 45px;
	left: 65px;
	color: gray;
}

.twitter .tweet_list 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
	 color: black;
}

.twitter .tweet_list li 
{
	position: relative;
   padding: .5em .5em .5em 55px; 
	height: 50px;
	min-height: 50px;
}

*> .twitter .tweet_list li {height: auto;}

.twitter .tweet_list li a {color: #8A8A8A; }

.twitter .tweet_list .tweet_even {background-color: #DFDFDF; }

.twitter .tweet_list .tweet_avatar 
{
	padding-right: .5em;
   float: left; 
}

.twitter .tweet_list .tweet_avatar img 
{
	position: absolute;
	top: 10px;
	left: 5px;
	border: 1px solid black;
}

.twitter .tweet_list a.tweet_avatar:hover img 
{
	border-color: #ff6600;
}

/*right column messageboard */
.news ul.newsArchive
{
	list-style: none;
	padding: 0 10px 20px 10px;
}

.news ul.newsArchive li
{
	background: url(../img/bg_li_mesagebordarchivejpg.gif) no-repeat left 0.5em;
	padding:3px 0px 3px 15px;
	border-bottom: 1px dotted #CCCCCC;
}


/*right column messageboard */
.messageboard ul.newsArchive
{
	list-style: none;
		padding: 0 10px 20px 10px;
}

.messageboard ul.newsArchive li
{
	background: url(../img/bg_li_mesagebordarchivejpg.gif) no-repeat left 0.5em;
	padding:3px 5px 3px 15px;
	border-bottom: 1px dotted #CCCCCC;
}

.messageboard ul.newsArchive li a {	color: gray;}
.messageboard ul.newsArchive li a:hover {	color: #D2561A;}

.messageboard ul.newsArchive li div {font-style: italic;}
.messageboard ul.newsArchive li div a {	color: #D2561A;}
.messageboard ul.newsArchive li div a:hover {	color: gray;}



/* center column */

#content
{
	padding-left: 5px;
	padding-bottom: 5px;
}

#content .item
{
	float: left;
	margin-bottom: 5px;
	width: 435px;
	border: 1px solid #787878;
	background: white url(../img/bg_content_header_wide.jpg) no-repeat left top;
	height: 340px;
	min-height: 340px;
}

*> #content .item {height: auto;}

#content .item.uitroep, #content .item.news  {background: white url(../img/bg_content_header_uitroep.jpg) no-repeat left top;}
#content .item.blog {background: white url(../img/bg_content_header_blog.jpg) no-repeat left top;}
#content .item.info {background: white url(../img/bg_content_header_info.jpg) no-repeat left top;}


#content .item h3 {

	padding: 0px 0px 0px 0px;
}

#content .item h3.comments {

	padding: 0px 0px 0px 15px;
}

#content .item  .itemHead
{
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid white;
	padding: 20px 10px 10px 60px;
}

#content .item .padding {padding: 10px 15px; }

#content .item  h3
{
	adding: 15px 15px 0 15px;
}

#content .item ul, #content .item ol
{
	margin:0px 0 0 20px;
	padding:0;
	list-style-position: outside;
}



#content .item .padding .author
{
	color: #ff6600;
	font-style: italic;
}

#content .item ul.newsArchive
{
	margin: 0px;
	list-style: none;
	background: #e0e0e0;
	padding: 15px;
	border: 1px solid white;
}

#content .item ul.newsArchive li 
{ 
	border-bottom: 1px dotted black;
	background: url(../img/bg_li_archive.jpg) no-repeat left 0.3em;
	padding-left:20px;
}

#content .item ul.newsArchive li a {color: gray;text-decoration: none;}
#content .item ul.newsArchive li a:hover  {color: #ff6600; }

/* messageboard */

#content div.topicAuteur
{
	font-style: italic;
	color: #D2561A;
}

#content ul.reactions
{
	margin: 0px;
	list-style: none;
	padding: 0;
	border-left: 1px solid white;
	border-right: 1px solid white;
	background: #F0F0F0 url(../img/bg_article_form.jpg) no-repeat left top;
}

#content ul.reactions  li
{
	padding: 5px 15px;
	background: transparent;
	border-bottom: 1px dotted #CCCCCC;
}

#content ul.reactions  li.even
{
	background: white;
}


/* images in content */

div.imgBox
{
	float: right;
	clear: right;
	border: 1px solid black;
	margin-bottom: 5px;
	width: 200px;
	line-height: 0px;
}



/* pdf */

.pdfItem
{
	clear: both;
	padding: 5px ;
	padding-left: 35px;
	background: #F1F1F1 url(../img/bg_pdf_item.gif) no-repeat 10px 3px;
}

div.pdfBox a
{
	display: block;
}

div.pdfBox span
{
	display: block;
	font-size: 90%;
	color: #2E61A7;
	line-height: 1.4em;
		
}


/*====================================================================================*/
/*	 Left Column*/
/*====================================================================================*/

#innerLeft
{
	width: 260px;
	float: right;
	background: url(../img/bg_innerleftcolumn.jpg);
}

#blogPrev
{
	height: 300px;
	min-height: 300px;	
	border-left: 1px solid white;
}

*> #blogPrev {height: auto;}

#blogPrev .itemHead
{
	padding: 5px 10px 15px 45px;
	background: url(../img/bg_content_header_blog_prev.jpg) no-repeat left top;
}

#blogPrev .padding
{
	padding: 10px;
	color: white;
}

#blogPrev .padding a { olor: white;}
#blogPrev .padding a:hover { text-decoration: none;}

#blogPrev .more a 
{
	color: white; 
	background: url(../img/bg_more.jpg) no-repeat right center;
	padding-right: 15px;
}

#blogPrev .more a:hover
{
	text-decoration: none;
}

/* sendToFriend */

#sendToFriend
{
	position: relative;
	background: #B5B5B5 url(../img/bg_send_to_friend.gif) no-repeat left bottom;
	height: 60px;
}

#sendToFriend h3
{
	position: absolute;
	top: 10px;
	left: 20px;
	width: 200px;
}

#sendToFriend a
{
	position: absolute;
	left: 60px;
	top: 35px;
	background: url(../img/bg_li_archive.jpg) no-repeat right 0.5em;
	padding-right: 15px;
	color: black;
}

#sendToFriend a:hover
{
	color: gray;
}


/*====================================================================================*/
/*	 Footer						  */
/*====================================================================================*/

#footer
{
	padding: 0 16px 0 276px;
}

#footerInner
{
	clear: both;
	color: white;
	background: url(../img/bg_footer.gif) repeat-x center top;
	padding: 10px;
	font-weight: bold;
}
#footerInner span
{
	float: left;
}

#footerInner span a
{
	float: none;
	margin: 0;
	text-decoration: none;
}

#footerInner a
{
	float: right;
	color: white;
	margin-left: 10px;
}





/* --------------------------------------------------- */
/*           contact form       							 */
/*-----------------------------------------------------*/

form
{
}

form#article
{
	background: #c7c7c7;
	border: 1px solid white;
	background: #f0f0f0 url(../img/bg_article_form.jpg) no-repeat left top;
	
}

form#article div.section
{
	padding: 5px 15px;
}

form h4
{
	margin-top: 0px;
	padding: 0px;
	font-size: 14px;
	line-height: 14px;
}


form div.section
{
	background-repeat: repeat-x;
	background-position: 0 0;
	padding: 5px 0px;
	margin-bottom: 10px;
}

form div.section.submit_fields
{
	background: None;
	border: none;
	padding-top: 0px;
}

form ul
{
	list-style:none;
	idth:100%;
	clear:left;
	margin:0;
	padding:0;
}

form ul li
{
	position:relative;
	margin:0;
	padding:5px 5px 5px 0px;
	clear:left;
	background: none;
}

form ul li div.label
{
/*
	float:left;
	width:150px;
	overflow:hidden;
*/
	position:absolute;
	width:150px;
	font-weight: bold;
}

form ul li label
{
}

form ul li .contents label
{
	display:inline;
	float:none;
	width:auto;
}
form ul li div.contents
{
	overflow:hidden;
	position:relative;
	z-index:1;
	left:160px;
}

form ul li.required
{
	position: relative;
	background-image: url(../img/bg_li_required.gif);
	background-repeat: no-repeat;
	background-position: 145px 7px;
}

form input
	{
	width: 200px;
	border: 1px solid #455161;
	}

form textarea
	{
	width: 200px;
	border: 1px solid #455161;
	}

form span.checkbox input.checkbox
{
	width: auto;
	border: none;
	padding: 0;
	background: none;
}

form span.radio input.radio
{
	width: auto;
	border: none;
	padding: 0;
	background: none;
}

form input.image {
	border: none;
	eight: 23px;
	width: auto;
	height: auto;
}

form input.submit {
	border: none;
	background: #ff6600;
	color: white;
	font-weight: bold;
	width: auto;
	height: auto;
	cursor: pointer;
}

form .submit:hover {
background: gray;
}


form span input.file
{
	width: auto;
	padding: 0;
	background: none;
}



/* generic form */
form ul li.error
{
	background-color:#ff6600;
}
form ul li.error label
{
	olor:#08559F;
}
form ul li .errorMessage
{
	display:block;
	color:white;
}

form .caption
{
	font-style: italic;
	font-size:85%;
}

form .settings
{
	background-color:#F1F3DD;
	margin-bottom:20px;
}

form .name_fields
{
	background-color:#F1F3DD;
}

form .address_fields
{
	background-color:#E6EAC2;
}

form .error label
{
	padding: 0 0 0 5px;
}

form .error .contents label
{
	padding: 0;
}

input.adres
{
	width:100px;
}
input.huisnr
{
	width:20px;
}

input.text, textarea, select
{
	border: 1px solid gray;
	margin-right:5px;
	position: relative;
	z-index: 1;
	isplay: inline;
}

input.submit
{
	padding: 0px;
	margin: 0px;
}