/*Algemeen*/

* 				{font-family: Tahoma; font-size: 11px;border: 0; padding: 0; margin: 0;}
body 			{margin: auto;background: #ffffff;}
#header			{height: 0px;padding: 0;}
#headerlogo		{height: 0px;padding: 0 0 0 0;}
#content		{left:50%;margin-left:-375px;top:145px;width:760px;position:absolute;background-color:#fff;visibility:visible;}
#footer			{left:50%;margin-left:-376px;top:100%;width:740px;position:absolute;text-transform:uppercase; }
#taal			{left:50%;margin-left:275px;top:40px;width:100px;position:absolute;z-index:1;color: #fff;vertical-align:middle;}


/*Header*/
.top			{background: url(images/top.png); height: 20px; width: 100%;}
.logo			{background: url(images/logo_bg.png);top:20px;width:100%;position:absolute;z-index:0;
				 background-color:transparent;visibility:visible; }
.nav			{background: url(images/nav_bg.png);top:113px;width:100%;height:19px;position:absolute;z-index:0;
				 background-color:transparent;visibility:visible;}
.button			{background: url(images/menu_btn_bg.png);}


/*Footer*/
#copyright		{float: left; margin: 15px 0 15px 0;}
#adsense		{float: left; border: 1px solid #B6B6B6; width: 100%; text-align: center; background: #FFFFCC; }
#voorwaarden	{float: right; margin: 15px 0 15px 0;}


/*Content*/
.header { background: url(images/title_bg.png); color: #FFFFFF; font: 10px "Tahoma"; padding: 5px; text-transform: uppercase;}
.formtitel { padding-top: 5px; padding-bottom: 5px; }
.catmouseover { background-color: #EFF4F8; }
.catmouseout { background-color: #FFFFFF; }


/*Tabellen*/
.tdbottom { text-transform: uppercase; font: 8px "Tahoma"; color: #B9B9B9; font-weight: bold; padding: 2px; margin-top: 5px; width: 100%; background-color: #EEEEEE; border-top: 1px solid #DBDBDB; }
.tdcatlinks { background-color: #EFF4F8; padding: 2px; border: 1px solid #CADAE8; }
.td5 { padding: 2px; }
.td4 { background-color: #EFF4F8; padding: 2px; border-top: 1px solid #CADAE8; }
.td3 { padding: 1px; background-color: #EFF4F8; font-weight: bold;}
.td2 { padding: 1px; }
.td1 { background-color: #EFF4F8; padding: 2px; }
.td0 { padding: 2px; }


/*Navigatie*/
#header #nav { width: 800;z-index: 1;left:50%;margin-left:-375px;position:absolute;padding: 0px 0 0 0px;
}
#header #nav li {
	float: left;
	display: inline;
	margin: 0px;
	width: 125px;
	height: 25px;
	text-align: center;
}
#header #nav li a {
	background-color: #fff;
	display: block;
	font:10px "Tahoma";
	color: black;
	text-transform: capitalize;
	text-decoration: none;
	height: 12px;
	margin-right: 4px;
	padding: 4px;
}
#header #nav li a:hover, #header #nav li a:active {
	background: url(images/menu.button.hover.png);
}
#header #subnav {
	padding: 8px 0 0 0;
	float: left;
}


/* */
.marginbottom {
	margin-bottom: 6px;
}

.error {
	background-color: #FFE8E9;
	border: 1px solid #F7B9BA;
	width: 100%;
	color: #000;
	font-size: 10px;
	padding: 4px;
	margin-bottom: 4px;
}
.melding {
	background-color: #DDDDDD;
	border: 1px solid #777777;
	width: 100%;
	color: #000;
	font-size: 10px;
	padding: 4px;
	margin-bottom: 4px;
	text-align: center;
}
.ok {
	background-color: #E8FFEB;
	border: 1px solid #B0FFB7;
	width: 100%;
	color: #000;
	font-size: 10px;
	padding: 4px;
	margin-bottom: 4px;
}


/*Links*/
A:link {text-decoration: none; color: #000000; font-size: 11px; font-family: Tahoma; font-weight: none;}
A:visited {text-decoration: none; color: #000000;}
A:active {text-decoration: none; color: #000000;}
A:hover {text-decoration: none; color: #000000;}
A.small:link, A.small:visited, A.small:active, A.small:hover	{ font-size: 10px; color: #000000; font-family: Tahoma; font-weight: none; } 
A.toon:link, A.toon:visited, A.toon:active, A.toon:hover	{ font-size: 10px; color: #000000; font-family: Tahoma; font-weight: none; } 
#voorwaarden a:link, #voorwaarden a:visited, #voorwaarden a:active, #voorwaarden a:hover { font-family: Tahoma; font-size: 11px; }


/*Formulieren*/
input { background-color: #ffffff;border: 1px solid #666699;padding:2px;}
select { background-color: #ffffff;border: 1px solid #666699;padding: 2px;}
#marginbox { width: 250px; height: 20px; margin: 0; padding: 2px 0 0 2px; border: 1px solid #666699; }
textarea {background-color: #ffffff;border: 1px solid #666699;}
input.button { background-color: #507897; color: #ffffff;border: none;cursor: pointer;}
input.zoekbutton { background-color: #507897; color: #ffffff;border: none; height: 21px; padding-left: 5px; padding-right: 5px;cursor: pointer;}
.search { background-color: #fff; border: 1px solid #B6B6B6; padding: 3px; height: 20px; width: 140px;  }


/*Overige*/
p.index	{ text-transform: uppercase; font: 8px "Tahoma"; color: black; font-weight: bold;}
p.white { color: #FFFFFF; text-transform: uppercase; font-size: 10px;}
p.titel { font-size: 12px; }
font.info { font-size: 10px; color: #000000; font-family: Arial, Helvetica }
font.smalltext { font-size: 10px; }


/********************************* Thumbnail Imageviewer *************************************/
#thumbBox{ /*Outermost DIV for thumbnail viewer*/
	position: absolute;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #507897;
	border: 1px solid #2C5472;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
	font: bold 12px Tahoma;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}

#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
	background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
	position: absolute;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	padding: 5px;
	z-index: 5;
}