/* CSS Document */
html,body { height:100%; }
form { margin: 0px;}
img { border: 0px; }
td, div { font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; line-height:16px; }
.txtVelden input,select,textarea { padding-left:5px; border: 1px solid #afaea3; font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000; background-color:#FFFFFF; }
.error { color: #990000; font-weight: bold; line-height: 17px;}
* html body { height: 100%;  }
a { color: #3C0028; text-decoration:underline; }
div.positioner { position: relative; margin: 0 auto; width: 100%; min-height: 96%; }
* html div.positioner {height:100%;}
.container {position: relative; margin: 0 auto; width: 990px; min-height: 800px; }
* html .container { height: 100%; margin-top: 5px;} 

/* HEADER */
.banner { position: absolute; top: 10px; right:60px; float:right; }
div#ledenSelect {
	margin-left:14px;
	margin-top:12px;
	width:245px;
	height:14px;
	background-repeat:no-repeat;
	background-position:right;
	font-size:11px;
	color:white;
	padding-left:5px;
	cursor:pointer;
	display:block;
	position:absolute;
}

div#ledenLijst {
	z-index:1000;
	display:none;
	width:250px;
	height:250px;
	position:absolute;
	margin-top:28px;
	margin-left:14px;
	overflow:auto;
}

div#ledenLijst .onlineOffline {
	float:left;
	width:12px;
	padding-top:2px;
	text-align:left;
	margin-right:5px;
}

div#ledenLijst .naam {
	color:#FFFFFF;
	font-size:11px;
	float:left;
	width:150px;

}
div#ledenLijst .feeds {
	color:#FFFFFF;
	font-size:11px;
	float:left;
	width:50px;
	text-align:right;

}
div#ledenLijst .lid_off {
	padding-left:2px;
	padding-top:2px;
	margin-top:5px;	
	margin-bottom:0px;
	height:18px;
	margin-left:5px;
	cursor:pointer;
	margin-right:5px;
}

div#ledenLijst .lid_on {
	padding-left:2px;
	padding-top:2px;
	margin-top:5px;	
	margin-bottom:0px;
	height:18px;
	margin-left:5px;
	cursor:pointer;
	margin-right:5px;
}
div#loading {
	display:none;
	position:absolute;
	right:2px;
	top:4px;
	width:180px;
	text-align:center;
	min-height:20px;
	_height:20px;
	background-color:#FF0000;
	border:2px solid #000000;
	color:#FFFFFF;
	padding-left:5px;
	padding-top:2px;
	z-index:20;
	font-weight:bold;
}
/* TABS BELOW NAVIGATION BAR */
.content_tabs {clear: both; position: relative; background-color: #ECE9D8; height: 59px; border-bottom: 1px solid #919B9C; border-top: 1px solid #ACA899; width: 960px; }
	.tab_left { position: absolute; left: 0px; }
	.tabs_right { right: 0px; width: 322px; bottom: 0px;  border-left: 1px solid #919B9C; border-bottom: 1px solid #919B9C; height: 59px; margin-top:-9px; _margin-top:0px; }
	
	.content_tabs h1 { font-size: 14px; padding-left: 20px; padding-top: 10px; }
	
	.tabBladen { margin-top:5px; _margin-top:-6px; height:19px;  position:absolute; padding-left:24px; width:322px; background:#ECE9D8; background:url(../images/tabsbottom.jpg); background-repeat:repeat-x; background-position:bottom; }
	.tabBladFF { margin-top:15px !important; }
	.tabBladen div {	
		margin-top:-2px;
		_margin-top:0px;
		padding-top:2px;
		margin-left:1px;
		 height:17px; padding-left:13px; padding-right:13px; float:left;
		cursor:pointer;
	}
	div#zooiDiv {
		padding-bottom:10px;
		border-bottom: 1px solid #D8D2BD;
	}

.catSub {
	margin-left:-10px; padding-left:5px; _height:19px; min-height:19px;  width:123px; padding-top:1px; cursor:pointer;
}
.catSub2 {
	margin-left:-5px; padding-left:5px; _height:19px; min-height:19px;  width:123px; padding-top:1px; cursor:pointer;
}
.wittetekst div { color:white; }
.wittetekst { color:white; }
/* CONTENT CONTAINER */
.content_container { border-bottom: 1px solid #D8D2BD; border-left: 1px solid #D8D2BD; border-right: 1px solid #D8D2BD; width: 958px; min-height: 600px;  }
* html .content_container { _height: 100%; }
	.content_left { left: 0px; border-right: 1px solid #d8d2bd; width: 952px;  padding-left:5px; _height:100%; }
		div#ingave { margin-top:10px;  width: 302px; padding: 10px; height:80px; }
			div#ingave input { border: 1px solid #afaea3; vertical-align: middle;  font-family:"Trebuchet MS",Arial,_serif; font-size:11px;}
			
		div#suggesties { margin-top:10px; width: 302px; padding: 10px; height:80px; }
			div#suggesties input { border: 1px solid #cdcbbc; vertical-align: middle;  font-family:"Trebuchet MS",Arial,_serif; font-size:11px;}
		div#categorien { margin-top:0px; width: 290px;  height:410px; z-index:1; }
		div#categorien div#hoofdCategorien { height:400px; float:left; overflow:auto; overflow-x:hidden; overflow-y:auto; _overflow-y:hidden; padding-left:15px; padding-top:10px; padding-right:10px; padding-bottom:10px; position:absolute; width:135px; } 
		
		div#categorien div#subCategorien { height:400px; float:left; overflow-x:hidden;  overflow-y:auto; _overflow-y:hidden; margin-left:155px; padding: 10px; position:absolute; width:136px; _width:140px; _border-left:1px solid #D8D2bD; } 
		div#links { margin-top:20px; width: 290px;  margin-left:20px; height:310px; }
		.inloggen { width: 302px; padding: 10px; margin-top:10px; position:relative; border-bottom:1px solid #D8D2bD;}	
			.inloggen input { border: 1px solid #cdcbbc; vertical-align: middle; font-family:"Trebuchet MS",Arial,_serif; font-size:11px; }
			.login_error { line-height: 17px; color: #990000; font-weight: bold; }
.borderLeft { border-left:1px solid #919b9c; }
.greyScrollBars {
	scrollbar-3dlight-color:#FFFFFF; 
	scrollbar-arrow-color:#D8D2bD; 
	scrollbar-base-color:#FFFFFF; 
	scrollbar-darkshadow-color:#FFFFFF; 
	scrollbar-face-color:#FFFFFF; 
	scrollbar-highlight-color:#FFFFFF; 
	scrollbar-shadow-color:#FFFFFF;
}

span.arrows span { 	
	background:url(../images/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:12px;
	margin-left:10px;
	padding-top:0px; 
	margin-top:10px;
 }	

/* FOOTER */
.footer { width: 960px; height: 80px; padding: 10px; color: #FFFFFF; font-size: 11px;}
	.footer a { color: #FFFFFF; font-size: 11px;}
	
/* COLOR */
	.change_color_container	{ width: 30px; position: absolute; z-index: -2; right: 0px; margin: 0px; padding: 0px; top: 144px; z-index:10000; }
	.change_color_colors img { margin: 5px; border: 0px; cursor:pointer; }
	
div#ingaveAlertDiv {
	z-index:90000;
	overflow:hidden;
	top:150px;
	background-color:#FFFFFF;
	position:absolute;
	display:none;
	right:32px;
	width:314px;
	height:140px;
	float:right;
	
		border:2px solid black;
}
div#ingaveAlertDiv div {
	width:100%;
}

.errorHeaderClass {		
	background:url(../images/error_back.jpg); color:white; font-weight:bold; padding-top:5px; font-size:12px; height:25px; text-align:center
}
.infoHeaderClass {		
	background:url(../images/info_back.jpg); color:white; font-weight:bold; padding-top:5px; font-size:12px; height:25px; text-align:center
}

.errorBodyClass {
font-size:12px;
	text-align:center; height:77px; width:85%; padding-top:7px;
}
.errorButtonClass {
text-align:center; height:30px;
}
input.errorButton {
	font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #000000;
	border:1px solid #999999;
}
div#optieBalkAan {
	float:right;
	overflow:hidden;
	right:0px;
	top:0px;
	width:323px;
	position:absolute;
}
input.noBorder { border:1px solid #FFFFFF; }
.navTop {
	color:white;
}

.navTop a:hover { 
	color:#FFFFFF !important;
}

div#optieBalkUit {
	float:right;
	cursor:pointer;
	overflow:hidden;
	right:0px;
	top:155px;
	width:14px;
	height:49px;
	position:absolute;
}

span.error {
	color:red;
	font-weight:bold;
	padding-left:10px;
}
div#mainContent {
	padding-left:20px;
	padding-top:10px;
}

input.gebruikersnaam {
	background:url(../images/gebruikersnaam.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
input.rssfeed {
	background:url(../images/rssfeed.gif);
	background-repeat:no-repeat;
}

input.categorie {
	background:url(../images/categorie.gif);
	background-repeat:no-repeat;
}


input.password {
	background:url(../images/wachtwoord.gif);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}
div#slideRight {
	float:left; width:10px; height:49px; margin-top:95px; cursor:pointer;
}

div#optieBalkAan div.button {
	background:url(../images/moveright.gif); background-repeat:no-repeat;
}

div#optieBalkAan div.buttonFlash {
	background:url(../images/moveright_flash.gif); background-repeat:no-repeat;
}



div#feedOptions {
	position:absolute;
	left:0px;
	display:none;
	top:0px;
	width:200px;
	height:166px;
	background-color:#FFFFFF;
	border:1px solid #919b9c;
	z-index:10000;
}
div#feedOptions div#closeFeedOptions {
	position:absolute;
	height:25px;
	font-weight:bold;
	cursor:pointer;
	right:5px;
	top:8px;
	width:20px;
	text-align:right;
}
div#feedOptions div#feedOptionsHeader2 {
	position:absolute;
	height:25px;
	font-weight:bold;
	color:white;
	padding-left:5px;
	padding-top:3px;
	text-transform:uppercase;
	width:195px;
		height:20px;
}
span.hideImg { 
	display:none;
}
div#feedOptions div#feedOptionsHeader1 {
	width:193px;
	position:absolute;
	height:25px;
	font-weight:bold;
	left:1px;
	top:1px;
	color:black;
	padding-left:5px;
	padding-top:3px;
	height:20px;
	text-transform:uppercase;
}

div#feedOptions div#feedOptionsInhoud {
	margin-top:25px;
	padding-top:7px;
	padding-left:5px;
	line-height:30px;
	background-color:#FFFFFF;
}
div#feedOptions div#feedOptionsInhoud select {
	margin-left:4px;
}

div#feedOptions div#feedOptionsInhoud input.buttonClass {
 cursor:pointer;
	font-family:"Trebuchet MS",Arial,_serif;
	font-size:11px;
	width:94px;
	height:20px;
	border:1px solid #919b9c;
	margin-top:11px;
}
div#meerInfo {
	position:absolute;
	display:none;
	width:300px;
	height:200px;
	
	background-color:#FFFFFF;
	z-index:9;
	top:200px;
	border:1px solid #919b9c;
}

div.optionPopupHeader {
	width:260px;
	_width:270px; border-bottom:1px solid #e3dfc6; height:24px; font-weight:bold; padding-left:10px; padding-right:30px; padding-top:6px; background-color:#ece9d8;
}

div.optionPopupHeader2 {
	width:190px;
	_width:200px; border-bottom:1px solid #e3dfc6; height:24px; font-weight:bold; padding-left:10px;  padding-top:6px; background-color:#ece9d8;
}

div#meerInfo div#arrowDown {
	z-index:10;
	position:absolute;
	bottom:-9px;
	_bottom:-13px;
	right:155px;
	background:url(../images/arrow_down.gif);
	height:9px;
	width:17px;
	background-repeat:no-repeat;
}

span.meerOff {
	font-size:9px; color:#999999; cursor:pointer;
}

span.meerOn {
	font-size:9px; color:#999999; cursor:pointer; 
}

span.meerOn span {
	text-decoration:underline;
}

div.optionPopupInhoud {
	padding:10px;
	float:left;
	position:relative;
	height:100px;
	overflow:hidden;
}

div#scrollbars {
	position:absolute;
	float:right;
	height:22px;
	right:3px;
	margin-top:98px;
	text-align:right;
	bottom:60px;
	_bottom:;
	width:20px;
}
div#scrollbarsCategorien {
	position:absolute;
	float:left;
	height:22px;
	right:158px;
	margin-top:396px;
	text-align:right;
	bottom:60px;
	_bottom:;
	width:20px;
	z-index:2;
}
div#scrollbarsSubCategorien {
	display:none;
	position:absolute;
	float:left;
	height:22px;
	right:1px;
	margin-top:396px;
	text-align:right;
	bottom:60px;
	_bottom:;
	width:20px;
}
div.optionPopupFooter {
	margin-top:4px;
	line-height:20px;
	width:290px;
	_width:100%; border-top:1px solid #e3dfc6; _height:29px; padding-left:10px; padding-top:0px; background-color:#ece9d8; padding-bottom:4px;
	bottom:0px; min-height:33px;
	position:inherit;
}
div.optionPopupFooter2 {
	margin-top:4px;
	line-height:20px;
	width:190px;
	_width:100%; border-top:1px solid #e3dfc6; _height:29px; padding-left:10px; padding-top:0px; background-color:#ece9d8; padding-bottom:4px;
	bottom:0px; min-height:33px;
	position:inherit;
}

div#subCatOptions {
	display:none;	
	z-index:4;
	position:absolute;
	width:200px;
	height:150px;
	background-color:#FFFFFF;
	border:1px solid #919b9c;
}
div#subCatOptions div#arrowUp {
	position:absolute;
	left:130px;
	top:-9px;
	background:url(../images/arrow_up.gif);
	height:9px;
	width:17px;
	background-repeat:no-repeat;
}

div#categorieSelect {
	height:150px;
	z-index:2;
	width:242px;
	position:absolute;
	display:none;
	left:20px;
	top:125px;
	background-color:#FFFFFF;
	border:1px solid #cdcbbc;
	overflow-x:hidden;
	overflow-y:auto;
}

div#categorieSelect div.catSelect {
	width:100%;
	cursor:pointer;
	height:20px;
	padding-left:10px;
}

div.subCatOptionsoptionSluit {
	position:absolute;
	right:10px;
	top:10px;
	height:11px;
	width:11px;
	cursor:pointer;
}



.close3Off { background:url(../images/small/close.gif); background-repeat:no-repeat;}
.close3On {	background:url(../images/small/close_on.gif); background-repeat:no-repeat; }
div.footer a:hover {
	color:black;
}


/* Realisatie */
div#realisatie {clear: left; float: right; margin: 5px; width: 35px;}
div#realisatie a {display: block; text-indent: -500px; overflow: hidden; width: 100%; height: 30px; background: url('http://www.e-sites.nl/banners/small/1.jpg') center center no-repeat}
div#realisatie a:hover {background-image: url('http://www.e-sites.nl/banners/small/1.jpg?hover=ja')}