* {
	margin:0px;
	padding:0px;
	}

body { 
	font:11px/1.3em Verdana,Helvetica,sans-serif; 
	text-align:center;
	color:#1a1254;
	/*background-image: url(../images/bg.gif);*/
	background-repeat: repeat-y;
	background-position: 0 px;
	}	
	
#container {
    margin:	0 auto;
	text-align:left;
	width:1004px;
	position:relative;
	padding-bottom:20px;
	}
		
h1 {
	font-size:17px;
	font-weight:normal;
	color:#1a1254;
	padding-left:30px;
	margin-top:20px;
	margin-bottom:20px;
	}
	
	
h2 {
	font-size:13px;
	color:#1a1254;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:3px;
	}
a
{
	color:blue;
}

p 
{
	margin-bottom:10px;
}

td
{
	font-family: Verdana;
	font-size:11px;
	color:#1a1254;
}
.active {
		color:#666 !important;
	}
	
.nonactive {
		color:#1a1254 !important;
	}
	
#breadCrumbTrail
{
	position:absolute;
	top:124px;
	left:194px;
	z-index: 1200;
}
#breadCrumbTrail a
{
	font-size: 9px;
	color: #1a1254;
}
.breadcrumb
{
	padding-left:8px;
	font-size: 9px;
	color: #fff;	
	background-image: url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position: 3px;
}
#header {
	position:absolute;
	top:0px;
	left:0px;
	width:1003px;
	height:90px;
	background-color:#F9841B;
	z-index:200;
}
#headerbar1 {
	position:absolute;
	top:0px;
	left:0px;
	width:1003px;
	height:30px;
	background-color:#A9D149;
}
#headerbar2 {
	position:absolute;
	top:30px;
	left:0px;
	width:1003px;
	height:30px;
	background-color:#252141;
}

#logo {
	position:absolute;
	top:19px;
	left:44px;
	z-index:300;
	}

#logoLink
{
	width:98px;
	height:114px;
	background-image:url(../images/logo.gif);
	display: block;
}
#logo_text {
	position:absolute;
	top:38px;
	left:236px;
	height:25px;
	z-index:300;
	}
	
#logo_text h1 {
	color:#1a1254;
	font-size:20px;
	font-weight : bold;
	margin-top:0px;
	}
#logo_bg {
	position:absolute;
	top:90px;
	left:0px;
	width:183px;
	height:53px;
	background-color:#fff;
}	
#topmenu {
	position:absolute;
	top:0px;
	left:657px;
	color:#fff;
	z-index:400;
	}	
	
#top_input {
	position:absolute;
	top:4px;
	left:6px;
	z-index:2;
	}
	
#toshop 
{
	position:absolute;
	top:67px;
	left:883px;
	width:75px;
	height:45px;
	z-index:1000;
}

#naarshop {
	background-image: url(../images/naarshop.gif);
	background-repeat:none;
	background-position:0px;
	display:block;
	width:75px;
	height:43px;
}
	
#menu {
	float:left;
	width: 180px;
	top:143px;
	left:0px;
	margin-bottom:0px;
	z-index:1000;
	}
#menu_holder {
	position:absolute;
	width: 180px;
	top:143px;
	left:0px;
	z-index:800;
	}
#kaart {
	float:left;
	width:174px;
	height:223px;
	margin-left:1px;
	background-image:url(../images/kaart.gif);
	background-repeat:no-repeat;
	background-position: 0px;
	}
.kaartlink {
	display:block;
	width:175px;
	height:223px;
	}	
				
#contenttitel_icon {
	position:absolute;
	top:104px;
	left:193px;
	height:17px;
	width:10px;
	font-weight:bold;
	color:#1a1254;
	}	
	
#contenttitel {
	position:absolute;
	top:104px;
	left:203px;
	height:17px;
	width:230px;
	font-weight:bold;
	color:#1a1254;
	}
	
#contentnav {
	position:absolute;
	top:99px;
	left:440px;
	height:20px;
	color:#666;
	}
	
#contentnav a {
	color:#1a1254;
	text-decoration:none;
	}
	
.tabelinhoud {
	font-family: Verdana;
	font-size:11px;
	}
	
#contenttop {
	position:absolute;
	top:121px;
	left:188px;
	height:20px;
	width:816px;
	background-color:#A9D149;
	}	
	

#photolesscontent
{
	position:absolute;
	top:160px;
	left:222px;
	width:620px;
	
}

#kwaliteitsproduct {
	position:absolute;
	top:343px;
	left:536px;
	width:71px;
	height:70px;
	background-image: url(../images/kwaliteitsproduct.gif);
	background-repeat:no-repeat;
	background-position:0px;
	z-index:2000;
	}

#content_container {
	position:absolute;
	top:160px;
	left:222px;
	width:720px;
	}
	
#content {
	float:left;
	width:308px;
	padding-bottom:35px;
	padding-right:20px;
	}
	
#photos {
	float:left;
	width:365px;
	}
	
#photo_big 
{
	float:left;
	margin-top:0px;
	width:358px;
	w\idth:356px;
	height:269px;
	he\ight:267px;
	border:1px solid #221A5A;
	overflow:hidden;
	}
	
#photoborder_right {
	position:absolute;
	top:0px;
	left:685px;
	width:14px;
	height:269px;
	background-image:url(../images/photoborder_right.gif);
	} 	
	
#photoborder_bottom {
	position:absolute;
	top:268px;
	left:328px;
	width:377px;
	height:9px;
	background-image:url(../images/photoborder_bottom.gif);
	z-index:24;
	}	
		
.photosmall {
	width:85px;
	w\idth:83px;
	height:64px;
	he\ight:62px;
	border:1px solid #221A5A;
	margin-right:6px;
	margin-top:8px;
	}
#photo_smalla {
	float:left;
	z-index:30;
	}

#photo_smallb {
	float:left;
	}
	
#photo_smallc {
	float:left;
	}
	
#photo_smalld {
	float:left;
	}
	
#footer {
	float:left;
	width:715px;
	margin-top:140px;
	padding-bottom:30px;
	text-align:center;
	}
	
#logolinks {
	position:absolute;
	top:650px;
	left:2px;
	
	}
	
#top_input a
{
	color:#1a1254;
	text-decoration:none;
}

#searchresults a
{
	color:#1a1254;
	text-decoration:none;
}
#photopage_bigphoto
{
	position:absolute;
	top:163px;
	left:612px;
	width:358px;
	w\idth:356px;
	height:269px;
	he\ight:267px;
	border:1px solid #1a1254;
	overflow:hidden;
}
#photopage_hrphoto
{
	position:absolute;
	top:450px;
	left:612px;
}
#photoTable img
{
	border:1px solid #1a1254;
}

/* ------------------------------------------Besteloverzicht------------------------------- */

#orders_title {
	position:absolute;
	top:24px;
	left:30px;
	height:60px;
	font-size:20px;
	color:#339;
	}

#orders_lines {
	position:absolute;
	top:53px;
	left:0px;
	height:15px;
	width:1004px;
	background-image:url(../images/headerlines.gif);
	}
	
#orders_lines2 {
	display:none;
	}	
	
#orders_content {
	position:absolute;
	top:110px;
	left:22px;
	width:700px;
	padding-bottom:30px;
	}		

#orderTable {
	width:850px;
	}	
	
#orderTable th {
	background-color:#CBE984;
	height:20px;
	padding-left:3px;
	font-size:10px;
	}
	
#orderTable td {
	vertical-align:top;
	}	
	
.odd {
	background-color: #EEF8D6;
	}	

.amount{
    text-align:right;
    padding-right:10px;
    white-space:nowrap;
    }	
.okericoon 
{
	height:18px;
	width:29px;
	background-image:url(../images/icon_okergroep.gif);
	display:none;
}
	
/* ------------------------------------------ Begin menu ---------------------------------- */	
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 1px;
 float: left;
 width: 182px;
 list-style: none;
 line-height: 1;
 padding: 0;
 margin: 0 0 11px 0;
 background-color: #A9D149;
 border-bottom: 1px solid #fff;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 0;
 left: 181px;
}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position: relative;
 }

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 4px 4px 5px 11px;
 color: #1a1254;
 text-decoration: none;
 border: 1px solid #fff;
 border-bottom: 0px;
 display:block;
}
/* IE fix because it doesn't support transparent borders */
* html .menulist a {
 border: 1px solid #fff;
 border-bottom: 0px;
 margin: 0px;
 }

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #1a1254;
 background-color: #F9841B;
 padding: 4px 4px 5px 11px;
 border: 1px solid #fff;
 border-bottom: 0px;
 margin: 0;
 display:block;
}
.menulist a.highlighted {
 color: #1a1254;
 background-color: #3cf;
 border: 1px solid #fff;
 border-bottom: 0px;
 margin: 0;
}

.menulist a.onderlijn {
border-bottom:1px solid #fff;
}

.menulist a:hover.onderlijn, .menulist a.highlighted:hover.onderlijn, .menulist a:focus.onderlijn {
border-bottom:1px solid #fff;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
 margin-right: 8px;
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hack */