/* reset browser defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0;	border: 0; outline: 0;	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }
:focus { outline: 0; }
body { line-height: 1;	color: black; }

table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after {	content: ""; }
blockquote, q { quotes: "" ""; }

/*classes*/
.first { margin-left:0 !important; }
.last { margin-right:0 !important; }
.top { margin-top:0 !important; }
.bottom{ margin-bottom:0 !important; }
.left { float:left; display: inline; }
.right { float:right; display: inline; }
.imagereplaced { margin:0; padding:0; display:block; overflow:hidden; text-indent:-9999999px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom:1; }
.clear { clear:both; }
.navigation { list-style:none; list-style-type:none; margin:0; }
.navigation.horizontal:after { content: "."; display:block; height: 0; clear: both; visibility: hidden; }
.navigation.horizontal li { float:left; display:inline ; }	
.hidden, .print{ display:none; }

/*type*/
body, html { height:100%; }
html { font-size:62.5%; } body { background:#fff; margin:0; padding:0; }	
h1, h2, h3, h4, h5, h6 { font: normal normal normal 1em/1.4em "Trebuchet MS", Tahoma, Helvetica, Arial, Verdana, sans-serif; color:#4b4f21; margin-bottom:.3em; }
body { font: normal normal normal 1.2em/1.6em "Trebuchet MS", Tahoma, Helvetica, Arial, Verdana, sans-serif; color:#4b4f21; }		

h1 { font-size:1.6em; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }

a, a:visited, a h1  { text-decoration:underline; color:#4b4f21; }
a:hover { text-decoration:underline; color:#b9c295; }
p { display:block; margin:0em 0em 1em 0em;  }
p.intro { font-size:1.2em; font-weight: bold; }
p, blockquote, ul, ol, dl, form, table, pre { }

/*lists*/
abbr[title], acronym[title] { cursor:help; }
abbr, acronym { letter-spacing:1px; text-transform:uppercase; }

blockquote, dd { }
small { font-size:0.8em; color:#ddd; }
em, cite, q, dfn, var { font:inherit; font-style: italic; }
strong { font:inherit; font-weight:bold; }
ins { text-decoration:none;color:#900;font-style:italic; }
code, kbd, samp { color:#555; font-family:monospace; font-size:1.2em; }
pre { margin-left:2em; padding-left:2em; margin-bottom:1em; border-left:1px solid #ccc; font-family: monospace; font-size:1.2em; }
blockquote { margin:1em 0em 1em 2em; border-left:1px solid #ccc; padding:0em 0em 0em 1em; font-style:italic; font-family: Georgia; }	
dt { font-weight:bold; }
thead th{ font:inherit; font-weight:bold; }
caption { font-style:italic;color:#777;margin:.5em 0; }
img { }			
hr { }	

input[type="radio"], input[type="checkbox"], .radio, .checkbox { }, input[type="submit"] {}, input[type="text"] {}


/*navigation */
#sitenav { min-height:20px; margin-bottom:125px; }

/*structure*/
body { background:url(../img/bg-pattern.png) repeat-y center top; }
#sitewrapper { position:relative; width:964px; margin:0px auto; height:100%; margin-top:-10px;padding-bottom:1px; background:url(../img/faux-col.png) repeat-y center top; padding-bottom:10px; }

#header { width:800px; margin:0px auto; min-height:215px;  position:relative; background:url(../img/col-top.png) no-repeat center top; }
#header #logo { display:block; width:264px; margin-left:275px; height:60px; background:url(../img/logo.png) no-repeat right bottom; padding-top:25px; }
#header #contact { display:block; height:96px; width:202px; background:url(../img/btn-contact.png) no-repeat left top; margin-top:-63px; margin-right:-34px;}
#header #contact:hover { background-position:0px -96px; }

#contentwrapper { width:800px; background:transparent url(../img/col-top.png) no-repeat left top; margin:0px auto; position:relative;  }
#content { width:800px; background:url(../img/faux-col.png) repeat-y left top; margin:0px auto;  padding-left:12px;  padding-bottom:40px; margin-top:-90px;  }

#main { width:496px; padding-top:15px; }

#navigation { width: 220px; min-height:5px; margin-right:35px; margin-left:7px;  text-align: center; }
#navigation #trouwen { height:69px; width:182px; background:url(../img/btn-trouwen.png) no-repeat left top; cursor:pointer; margin-left:20px;}
#navigation #trouwen:hover { background-position:0px -69px; }

.col { float:left; display:inline; }	

/******************************************************************
UITVOUWMENU
******************************************************************/	
						
.arrowlistmenu			{
								width: 100%; /*width of accordion menu*/
								text-decoration:none;
							
						}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
								font: normal 12px "Trebuchet MS", Tahoma, Helvetica, Verdana, sans-serif;
								color:#fff;
								
								background:url(../img/menu_bg.png) left no-repeat;
								margin-bottom: 0px; /*bottom spacing between header and rest of content*/
								padding: 0px 0 0px 14px; /*header text is indented 10px*/
								margin-top:0px;
								height:43px;
								width:186px;
								cursor: hand;
								cursor: pointer;
								vertical-align:bottom;
								line-height:55px;
								text-align:left;
								text-decoration:none;
						}

.menuheader a:hover		{
								text-decoration:none;
						}
.menuheader a			{
								color:#ffffff;
								text-decoration:none;
								padding-bottom:10px;
						}				

.arrowlistmenu ul		{ /*CSS for UL of each sub menu*/
								background:url(../images/imgs_16.jpg) repeat-y;
								width:200px;								
								list-style-type: none;
								margin: 0;
								padding: 0;
								margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
								text-decoration:none;							
						}

.arrowlistmenu ul li			{
									background-color: #edefe4;
									line-height: 25px;
									border-bottom: solid 1px #b9c295;
									text-decoration:none;								
								}

.arrowlistmenu ul li a			{
									color: #000;
									display: block;
									padding: 0px 0;
									padding-left: 26px; /*link text is indented 19px*/
									text-decoration: none;
									font-family: Tahoma;
									font-weight: normal;
									border-bottom: 0px solid #c9cacb;
									font-size: 11px;
									text-align:left;
								}

.arrowlistmenu ul li a:hover	{ 	/*hover state CSS*/
									text-decoration: none;
									background-color: #b9c295;									
								}
								
/******************************************************************
PRODUCTENMODULE
******************************************************************/	

#content #main .product { margin-bottom:20px; margin-top:0px; }
#content #main .product img { border:1px solid #007945; float:left; margin-right:15px; margin-left:10px;}							
#content #main .product ul.thumbslist {  width:521px; background:url(../img/thumbs-bg.png) repeat-x; margin-top:10px; padding-top:6px; padding-left:6px;border-bottom:thin #FF0000;  }
#content #main .product ul.thumbslist img { margin-left:0px; margin-bottom: 12px; }