/* top level html containers */
html { height: 100%; overflow: auto; overflow-y: scroll; }
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #fff;
	color: #5b5b5b;
	font-family: Arial, sans-serif;
	font-size: 11px;
}

/* general styling rules */
a { color: #424242; }
a:hover { color: #ff6201; }
table, form, p { margin: 0px; padding: 0px; }
img { border: 0px; }
.colorized { background-image: url(../img/shade.png); }

/* form validation */
input.disabled { border: 1px solid #F2F2F2; background-color: #F2F2F2; }
input.required, textarea.required { }
input.validation-failed, textarea.validation-failed {  background: #F2F2F2 url(../img/non_val.gif) right -2px no-repeat;}
input.validation-passed, textarea.validation-passed {  background: #fff  url(../img/val.gif) right -1px no-repeat; }
.validation-advice { display : none; color: #FF3300; font-weight: bold; }
.custom-advice { color: #C8AA00; font-weight: bold; }


/* footer position using 'footerStickAlt' technique */
#contents {
	/*	z-index: 5;  wordt hier onder op 2 gezet*/
	position: relative;
	min-height: 100%;
	left: 50%;
	border: 0px;
	overflow-x: hidden;
	margin-left: -475px;
	width: 950px;
	z-index: 2;
}
* html #contents {
	height: 100%;
}

#contents_frame {
}

#header {
	z-index: 99; height: 100px; background: url(../img/header.gif); position: absolute; top: 0px; left: 0px; width: 100%;
}
#header_right {
	background: url(../img/header_bordered.gif); height: 150px; position: absolute; width: 50%; right: 0px;
}
#header_menu {
	background: url(../img/header_logo.gif); height: 150px; position: absolute; left: 50%; width: 950px; margin-left: -475px;
}
#navigation {
	position: absolute; top: 112px; height: 20px; font-size: 14px; color: #424242; font-family: Georgia, Times, serif; left: 110px;
}

#navigation a, #navigation .selected {
	color: #424242;
	display: block;
	margin-right: 20px;
	float: left; 
	text-decoration: none;
	padding-bottom: 3px;
	border-bottom: 2px solid transparent;
}

#navigation a:hover {
	border-bottom: 2px solid #424242;
}

#navigation .selected {
	border-bottom: 2px solid #ff6201;
}

h1 {
	font-size: 14px;
	color: #424242;
	font-family: Georgia, Times, serif;
	margin: 0 0 10px 0;
	padding: 0;
	width: 430px;
	/*
	margin: 0px 0 12px 0;
	padding: 0 0 4px 0;
	border-bottom: 1px dotted #aaa;
	*/
}

h2 {
	font-size: 12px;
	color: #424242;
	/* font-family: Georgia, Times, serif; */
	margin: 0;
	background: #6d8fc8;
	color: #fff;
	padding: 3px;
}

h3 {
	font-size: 12px;
	color: #424242;
	font-weight: normal;
	font-family: Georgia, Times, serif;
	margin: 0 0 10px 0;
	padding: 0;
	font-style: italic;
}

h4 {
	font-size: 12px;
	color: #424242;
	font-weight: normal;
	font-family: Georgia, Times, serif;
	margin: 0 0 10px 0;
	padding: 0;
	font-style: italic;
	border-bottom: 1px dashed #ccc;
	width: 100%;
	display: block;
}


#footer {
	position: relative;
	left: 0;
	width: 100%;
	color: #424242;
	background: #b8ccef;
	font-size: 10px;
	text-align: center; 
	height: 19px;
	padding-top: 6px;
	border-top: 25px solid #fff;
	margin-top: -50px;
	z-index: 9;
	overflow: hidden;
}

#footer a {
	text-decoration: none;
}

#left_column {
	float: left;
	overflow: hidden;
	width: 245px;
}
#middle_column {
	margin: 0px 235px 0 270px;
	text-align: justify;
	font-size: 12px;

}
#right_column {
	float: right;
	width: 210px;
	overflow: hidden;
}

#taf{
	margin-top: 5px;	
}

.nieuws_item_link{
	float: right;
	margin-top: 5px;	
}

.auteur_select {
	text-decoration: none;
	display: block;
	width: 105px;
	overflow: hidden;
	padding-bottom: 5px;
	margin-right: 1px;
	float: left;
	color: #000;
	opacity:.40; filter: alpha(opacity=40); -moz-opacity: 0.4;
}

.auteur_select:hover {
	opacity:1; filter: alpha(opacity=100); -moz-opacity: 1;
}

.pagination {
	text-align: center;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 15px;
	width: 440px;
}

.pagination a {
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	margin-right: 7px;
	background: #f4f4f4;
}

.pagination a.active {
	background: #7192ca;
	color: #fff;
}

.auteur {
	font-style: italic; text-decoration: none;
}
.auteur:hover {
	text-decoration: underline;
}

table.dotted td {
	border-top: 1px dashed #ccc;
	padding: 1px 0 1px 0;
}

.alfabet a, .active_alfabet{
	display: block;
	background: #f4f4f4;
	margin: 0 3px 3px 0px;
	width: 20px;
	padding: 3px 0 3px 0;
	text-align: center;
	text-decoration: none;
	margin-right: 7px;
	float: left;
}

.alfabet a:hover{
	background: #7192ca;
	color: #fff;	
}

.active_alfabet {
	background: #7192ca;
	color: #fff
}

.pluim {
	width: 98%;
}

.pluim span{
	display: block;
	margin-top: 10px;	
}
#book_button{
	width: 430px;
	clear: left;	
}

.button a {
	width: 123px;
	height: 17px;
	padding: 3px 6px 2px 4px;
	
	color: #000;
	
	text-decoration: none;
	display: block;
	background: url("../img/button.gif");	
}  

.button a:hover{
	background: url("../img/button_over.gif");	
}

/* E-card */
#ecard_scroller{
	width: 440px; 
	height: 145px;
}

#view_port{
	width: 346px; 
	height: 145px; 
	position: relative; 
	float: left; 
	overflow: hidden;
}