* { margin: 0; }
body, html { height: 100%; }

body {
	font: 13px Trebuchet MS, Verdana;
	background: url(../img/bg/body.gif) repeat-x top;
	}

a { color: #d55a29; text-decoration: none; }
h1 { font-size: 13px; font-weight: bold; color: #fff; padding: 11px 0 0 40px; }
h1 span { color: #cfcfcf }
h1 a { color: #fff; }
h1 a:hover { color: #f18e3e }
h2 { font-size: 13px; font-weight: bold; color: #980000; margin-bottom: 10px; }
img { border: 0; }
input, textarea { font: 13px Trebuchet MS, Verdana; padding: 3px; }

#container {
	width: 948px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -128px;
	}

#header {
	width: 948px;
	height: 102px;
	}
	#header p { padding: 0 40px 0 0; }

#logo { padding: 16px 0 0 20px; list-style: none; }
#logo li a { width: 217px; height: 78px; background: url(../img/bg/logo-up.jpg); display: block; cursor: pointer; }
#logo li a:hover { width: 303px; height: 78px; background: url(../img/bg/logo-over.jpg); }	

#mainmenu {
	float: right;
	background: url(../img/bg/menu-left.gif) no-repeat left bottom;
	padding: 0 0 0 14px;
	margin: 0 0 18px 0;
	font-weight: bold;
	}
	#mainmenu ul { padding: 15px 0 0 0; list-style: none; overflow: hidden; }
	#mainmenu li { display: inline; float: left; text-align: center; color: #717171; }
	#mainmenu li a { width: 110px; height: 26px; display: block; background: url(../img/bg/menu-up.gif); color: #e0e6ea; padding: 8px 0 0 0; }
	#mainmenu li a:hover { color: #f18e3e; }
	#mainmenu .menuactive { width: 110px; height: 26px; display: block; background: url(../img/bg/menu-active.gif); padding: 8px 0 0 0; }
	#mainmenu .menuright { background: url(../img/bg/menu-right.gif) no-repeat right bottom; width: 15px; height: 34px; }

#content {
	width: 948px;
	line-height: 20px;
	overflow: hidden;
	}
	#content p a:hover { border-bottom: 1px dotted #d55a29; }
	#content p { margin: 0 0 20px 0; }

#contentleft {
	width: 249px;
	float: left;
	margin-right: 15px;
	}
	#contentleft div { background: url(../img/bg/div-small-content.gif); width: 249px; }
	#contentleft .bottom { background: url(../img/bg/div-small-bottom.gif); width: 249px; height: 12px; margin: 0 0 15px 0; font-size: 0; }

#menu {
	list-style: none;
	padding: 0 3px;
	width: 243px;
	}
	#menu a { display: block; color: #000; }
	#menu a:hover { border: 0; }
	#menu ul { list-style: none;  padding: 0; }
	#menu li a { width: 208px; height: 23px; background: url(../img/bg/leftmenu-up.gif); border-bottom: 1px solid #d3d3d3; padding: 3px 0 0 35px; }
	#menu li a:hover { background: url(../img/bg/leftmenu-over.gif); border-bottom: 1px solid #d3d3d3; color: #fff; }
	#menu li ul li a { background: url(../img/bg/left-submenu-up.gif) no-repeat 35px 10px #fff; border-bottom: 1px solid #eee; width: 193px; padding: 3px 0 0 50px; }
	#menu li ul li a:hover { background: url(../img/bg/left-submenu-over.gif) no-repeat 35px 10px #f6f6f6; border-bottom: 1px solid #eee; color: #000; }

#contentright {
	width: 684px;
	float: left;
	}
	#contentright div { background: url(../img/bg/div-large-content.gif); width: 634px; overflow: hidden; padding: 25px 25px 0 25px; }
	#contentright div div { background: none; padding: 0; margin-bottom: 20px; }
	#contentright .bottom { background: url(../img/bg/div-large-bottom.gif); width: 684px; height: 11px; padding: 0; margin: 0 0 15px 0; font-size: 0; }

#footer {
	width: 100%;
	height: 127px;
	border-top: 1px solid #9c9c9c;
	background: url(../img/bg/footerspan.gif) repeat-x #e7e7e7;
	color: #7a7a7a;
	}
	#footer div { width: 948px; height: 100px; margin: 0 auto; padding: 27px 0 0 0; background: url(../img/bg/footer.gif) no-repeat right; }
	#footer a { color: #7a7a7a; }
	#footer a:hover { color: #000; }
	#footer ul { padding: 0; list-style: none; margin: 0 0 20px 0; }
	#footer li { display: inline; }
	#footer li a { padding: 3px 5px 4px 5px; margin: 0 5px; }
	#footer li a:hover { background: #fff; padding: 3px 5px; border-bottom: 1px solid #d1d1d1; }

#qTip {
	width: 80px;
	height: 21px;
	display: none;
	background: url(../img/bg/tooltip.gif);
	font-size: 11px;
	text-align: center;
	color: #fff;
	position: absolute;
	z-index: 1000;
	}

#js {
	width: 100%;
	height: 17px;
	background: #d54100;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	}

.h1smallorange { height: 24px; background: url(../img/bg/h1-small-orange.gif); }
.h1largeorange { height: 24px; background: url(../img/bg/h1-large-orange.gif); }
.h1largeblack { height: 24px; background: url(../img/bg/h1-large-black.gif); }

.productlijst {
	padding: 4px 0 4px 7px;
	list-style: none;
	margin: 0 -25px;
	}
	.productlijst li { display: inline; float: left; }
	.productlijst li a { width: 165px; height: 155px; display: block; background: url(../img/bg/fotokader-up.gif) no-repeat left top; margin: 0 0 9px 0; padding: 10px 3px 4px 0; text-align: center; }
	.productlijst li a:hover { background: url(../img/bg/fotokader-over.gif) no-repeat left top; }
	.productlijst span a { background: url(../img/icons/zoom-up.gif) no-repeat; width: 13px; height: 13px; display: block; margin: -35px 0 0 135px; }
	.productlijst span a:hover { background: url(../img/icons/zoom-over.gif) no-repeat; }

.browse {
	text-align: center;
	color: #7a7a7a;
	list-style: none;
	margin: 0 0 20px 0;
	font-weight: bold;
	}
	.browse li { display: inline; }
	.browse li a { display: inline; padding: 1px 6px; color: #7a7a7a; }
	.browse li a:hover { background: #ff953f; color: #fff; }
	.browse .active { padding: 1px 6px; background: #e5e5e5; }
	.browse .volgende a { color: #ff953f; text-decoration: underline; }
	.browse .volgende a:hover { color: #7a7a7a; background: #fff; }

.browse2 {
	color: #7a7a7a;
	list-style: none;
	margin: 0;
	font-weight: bold;
	}
	.browse2 li { display: inline; }
	.browse2 li a { display: inline; padding: 1px 6px; color: #7a7a7a; }
	.browse2 li a:hover { background: #ff953f; color: #fff; }
	.browse2 .active { padding: 1px 6px; background: #e5e5e5; }
	.browse2 .volgende a { color: #ff953f; text-decoration: underline; }
	.browse2 .volgende a:hover { color: #7a7a7a; background: #fff; }

.tekstveld { border: 1px solid #e3e4e0; background: url(../img/bg/tekstveld.gif) repeat-x #f6f7f3; overflow: auto; width: 626px; height: 100px; }
.tekstveld:focus { border: 1px solid #b3b4b1; }
.kc { width: 110px; height: 25px; display: block; padding: 3px 0 0 0; background: url(../img/bg/kopieercode.gif); color: #fff; text-align: center; float: left; margin: -4px 10px 0 0; }
.meer { background: url(../img/bg/meer.gif); height: 24px; padding: 4px 0 0 0; margin: 0 0 20px 0; color: #444; width: 634px; font-weight: bold; float: left; overflow: hidden; }
.meer a:hover { color: #d55a29; }
.meer span a { margin: 0 5px; }
.adsense468 { width: 634px; text-align: center; }
.push { height: 128px; }
.floatright { float: right; }
.cb { clear: both; }
.ml10 { margin-left: 10px; }
.ml40 { margin-left: 40px; }
.mr10 { margin-right: 10px; }
.pt10 { padding-top: 10px; }
.pt25 { padding-top: 25px; }
.p5 { padding: 5px 8px 0 8px; }
.oranje { color: #d55a29; }
.font11 { font-size: 11px; line-height: 18px; }
.bold { font-weight: bold; }
.tac { text-align: center; }
