<!--  $WEFT -- Created by: Menno Dros on 11/5/2005 -- 
  /*@font-face {
    font-family: Neuropol;
    font-style:  normal;
    font-weight: normal;
    src: url(NEUROPO0.eot);
  }
	
	<!--  $WEFT -- Created by: Menno Dros on 11/5/2005 -- 
  	@font-face {
    font-family: Verdana;
    font-style:  normal;
    font-weight: normal;
    src: url(OCRAEXT0.eot);
  }*/
-->

html,body{
	margin:0;
	padding:0;
	height:100%;
	border:none
}

body#mainBody {
	margin: 0;
}

body {
	background: #333;
	scrollbar-3dlight-color		: #333;
	scrollbar-arrow-color			: #000;
	scrollbar-base-color			: #333;
	scrollbar-darkshadow-color: #cf3;  
	scrollbar-face-color			: #9f0; 
	scrollbar-highlight-color	: #333;
	scrollbar-shadow-color		: #333;  

}

a {
	font-family: Verdana;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}

a:hover {
	font-family: Verdana;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}

#page {
	width: 778px;
	height: 100%;	
}

fieldset {
}

legend {
	color: #000;
	font-size: 15px;
}

.label {
	font-family		: Verdana;
	font-size			: 11px;
	font-weight		: bold;
	text-align		: right;
	vertical-align: top;
}

label {
	font-family		: Verdana;
	font-size			: 12px;
}

.textfield, textarea {
	font-family	: Verdana;
	font-size		: 13px;
	background	: #cf3;
	color				: #000;
	border			: 1px solid #000;
}

.button {
	font-family	: Verdana;
	font-size		: 12px;
	background	: #9f0;
	border			: 2px solid #cf3;
	border-style: ridge;
}

/*=== Logo area ===========================================================*/
td#logo {
	width					: 76px;
	height				: 111px;
	vertical-align: top;
	padding				: 5px 0 0 5px;
	background		: #fff;
}

/*===/Logo area ===========================================================*/
/*=== Breadcrumbs =========================================================*/
td#breadcrumbs {
	width					: 476px;
	height				: 65px;
	vertical-align: top;
	background		: #fff;
}

td#breadcrumbs td {
	background	: #99ff00;
  font-family	: Verdana;
	font-size		: 11px;
}

td#breadcrumbs a {
	color						: #000;
	text-decoration	: underline;
}

td#breadcrumbs a:hover {
	color						: #fff;
	text-decoration	: none;
}
/*===/Breadcrumbs =========================================================*/
/*=== Navmain =============================================================*/
td#navmain {
	height		: 23px;
	padding		: 0;
	margin		: 0;
	background: #fff;
}

div.MenuPos {
	width	: 476px;
	height: 23px;
}

#navmain div {
	display	: block;
	float		: left;
	padding	: 5px;
}

td#navmain div td.item a {
	display					: block;
	float						: left;
	font-family			: Neuropol;
	font-size				: 13px;
	text-decoration	: none;
}

td#navmain div td.item a:hover {
	display					: block;
	width						: 100%;
	float						: left;
	font-family			: Neuropol;
	text-decoration	: none;
	color						: #9f0;
}

td#navmain div td.itemselected a {
	display					: block;
	float						: left;
	font-family			: Neuropol;
	font-size				: 13px;
	text-decoration	: none;
	background			: #cf3;
}

td#navmain div td.itemselected a:hover {
	display					: block;
	float						: left;
	font-family			: Neuropol;
	text-decoration	: none;
}

td#navmain div td.iteminvisible a {
	font-family			: Neuropol;
	text-decoration	: none;
}

td#navmain div td.iteminvisible a:hover {
	font-family			: Neuropol;
	text-decoration	: none;
}

/*===/Navmain =============================================================*/
/*=== Navparent ===========================================================*/
td#navparent {
	height: 23px;
	background-color: #cf3;
}

div.navparent {
	float			: left;
	padding		: 0 10px 0 10px;
}

td.sub a, td.subselected a, td.subinvisible a  {
	display: block;
	height: 23px;
	padding-top: 8px;
	text-decoration: none;
}

td.sub a, td.subselected a, td.subinvisible a  {
	text-decoration: none;
}

td.sub a:hover, td.subinvisible a:hover {
	text-decoration: underline;
}

td.subselected a {
	background: #fff;
	text-decoration: none;
}

td.subinvisible a {
	color: #999;
}

td.subinvisible a:hover {
	color: #333;
}
/*===/Navparent ===========================================================*/
/*=== Navsub ==============================================================*/
td#navsub {
	height: 23px;
	background-color: #cf3;
}

div.navsub {
	float			: right;
	vertical-align: bottom;
	padding		: 0 10px 0 10px;
}

/* Voor overige stijlen geldt hetzelfde als voor navparent */

/*===/Navsub ==============================================================*/
/*=== Content =============================================================*/
td#maincontent {
	padding: 10px;
	vertical-align: top;
	line-height: 130%;
	color: #333;
	background-color: #9f0;
	background-image: url(../Images/bg_content.gif);
	background-position: left top;
	background-repeat: no-repeat;
  font-family: Verdana;
	font-size: 12px;
}
	/*=== Speciale tekst (ook in fckeditor aangepast)==========================*/
	td#maincontent span.title, td#maincontent span.title a {
		font-family	: Verdana;
		font-size	: 16px;
		font-weight	: normal;
	}
	/*===/Speciale tekst (ook in fckeditor aangepast)==========================*/
/*===/Content ===============================================================*/

/*=== Recordpaging ==========================================================*/
div.recpaging {
	display: block;
	float				: left;
	width				: 555px;
	text-align	: right;
	color				: #fff;
}	

.recpaging a {
	font-family	: Verdana;
	font-size		: 13px;
	margin					: 0 5px 0 5px;
	color						: #151515;
	text-decoration	: underline;
}

.recpaging a:hover {
	font-family	: Verdana;
	font-size		: 12px;
	color				: #ccc;
	text-decoration: none;
}

.recpageselected {
	font-weight: bold;
}
/*===/Recordpaging ==========================================================*/
/*=== Productoverzicht ======================================================*/
/*=== Randen om beheerknoppen */
div.articleadmin img, div.article img {
	border: 0;	
}
		
/*=== Gebied waarin per product de productgegevens getoond worden*/
div.article {
	display: block;
	float	: left;
	margin: 0 0 5px 0;
	width	: 555px;
}

	div.articletop {
		display					: block;
		float						: left;
		margin					: 5px 0 0 0;
		padding					: 0 5px 0 0;
		height					: 20px;
		width						: 555px;
		text-align			: right;
		vertical-align	: bottom;
		font-size				: 12px;
		background-image	: url(../Images/bg_productdatatop.gif);
		background-repeat	: no-repeat;
	}
				
	div.productinfo {
		display						: block;
		float							: left;
		background				: #cf3;
		width							: 555px;
		background				: #cf3;
	}
	
		div.articlephotols, div.articlephotopt {
			display		: block;
			float			: left;
			width			: 200px;
			padding		: 5px 10px 0 20px;
			background-color: #cf3;
		}
		
		div.productdescr {
			display		: block;
			float			: left;
			width			: 320px;
			padding		: 10px 5px 5px 0;
			font-size	: 11px;
			background: #cf3;		
		}
	
	div.articlebottom {
		display					: block;
		float						: left;
		height					: 20px;
		width						: 100%;
		background-image: url(../Images/bg_productdatabottom.gif);
	}
/*===/Productoverzicht ======================================================*/		
/*=== Fotoalbum =============================================================*/		
/*=== Gebied waarin per product de productgegevens getoond worden*/
div.photodata, div.photodataadmin {
	float		: left;
	margin: 5px 0 0 0;
	width: 555px;
	height: 245px;
	background-image: url(../Images/bg_photodata.gif);
	background-repeat: no-repeat;
}

div.photodataadmin img, div.photodata img {
	border: 0;
}
/*===/Fotoalbum =============================================================*/				
/*=== Fullscreen ============================================================*/
body#fullscreen {
	background: #333;
	margin: 10px;
}

div#fsimagetitle {
	display			: block;
	float				: none;
	width				: 700px;
	height			: 20px;
	font-family	: Verdana;
	font-size		: 12px;
	font-weight	: bold;
	text-align	: right;
	color				: #333;
	background-image: url(../Images/bg_fs_product_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}


div#fscontainer {
	display: block;
	float: left;
	width: 700px;
	background: #cf3;
}

	div#fsimagebox {
		display	: block;
		float		: left;
		width		: 342px;
		height	: 280px;
		text-align: center;
		background: #cf3;	/* toegevoegd ivm Imagebeheer/fullscreen */
	}
		
		div#fsnavigation {
		display		: block;
		float			: left;
		width			: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	
			div#fsnavigation img {
				border: 0;
			}
			
			div#fsnavigation a {
				margin: 0 10px 0 10px;
			}
	
		div#fsdescription {
			display			: block;
			float				: left;
			width				: 348px;
			padding-right: 10px;
			font-family	: Verdana;
			font-size		: 13px;
			line-height	: 130%;
			color				: #333;
			background	: #cf3;
		}
		
div#fsbottom {
	width: 700px;
	height: 20px;
	background-image: url(../Images/bg_fs_product_bottom.gif);
	background-repeat: no-repeat;
}

div#fsimpressions {
	display		: block;
	float			: left;
	margin-top: 20px;
	width			: 700px;
	height: 150px;
	background: #cf3;
	text-align: center;
	font-family	: Verdana;
	font-size		: 13px;
	line-height	: 130%;
	color				: #333;
}

	div#fsimpressions a {
		text-decoration: none;
	}
/*===/Fullscreen ============================================================*/
/*=== Scroller =============================================================*/
/*=== Top "Portfolio" op homepage ===*/
td#scrollertop {
	padding							: 0 17px 0 0;
	height							: 23px;
	width								: 180px;
	font-family					: Neuropol;
	font-size						: 20px;
	text-align					: right;
	color								: #fff;
	background					: #fff;
	vertical-align			: bottom;
	background-image		: url(../Images/img_portfolio.gif);
	background-position	: bottom;
	background-repeat		: no-repeat;
}

td#scrollerleft {
	background-repeat: no-repeat;
	background-color: #fff;
	background-image: url(../Images/bg_scroller_left.jpg);
}

td#scroller {
	width								: 175px;
	vertical-align			: top;
	padding							: 0 5px 0 0;
	background-color		: #fff;
	background-image		: url(../Images/bg_scroller.jpg);
	background-position	: top left;
	background-repeat		: no-repeat;
  font-family					: Verdana;
	font-size						: 12px;
	color								: #000;
}

/*=== I.v.m. info-tekst ===*/
td#scroller td {
	font-size: 12px;
	line-height: 130%;
}
/*=== Scroller =============================================================*/
/*=== Footer ===============================================================*/
 td#footer {
 	height: 43px;
	padding: 0 12px 2px 0;
	background-image: url(../Images/bg_footer.gif);
	background-repeat: repeat-y;
 	font-family: Verdana;
	font-size: 11px;
	color: #fff;
	vertical-align: bottom;
	text-align: right;
 }
 
 #footer a {
 	color: #9f0;
	text-decoration: none;
 }
 
 #footer a:hover {
 	color: #fff;
	text-decoration: underline;
 }
/*===/Footer ===============================================================*/