* { margin:0; padding:0; }
img { border: none; }
body {
	background: url(images/main-bg.png) repeat-x;
	font-family: "Trebuchet MS";
	font-size: 12px;
}

.button {
   font-family: tahoma,arial;
   height:20px;
   color: #DDDDDD;
   border:#000000 1px solid;
   padding:1px;
   font-size: 11px;
   color:#000000;
}

a.koopnu {
	display: block;
	width: 70px;
	height: 25px;
	text-align: center;
	text-decoration: none;
	margin-top: 20px;
	background: url(images/koopnu.png) no-repeat;
}

a.image:hover {
	background: transparent; text-decoration: none;
}

xmp { position:relative;left:-27px }

a.zwart {
	display: block;
	padding: 2px;
	text-decoration: none; color: #000000;
}

a.zwart:hover {
	background: #ff9500;
}

.nummerrij {
	float:left;
	display:block;
	overflow:hidden;
	position:relative;
	text-align:center;
	width:21px;
	height:18px;
	background-color:#D2D9DE;
	border-width:1px;
	border-style:solid;
	border-color:#000000;
}

.imgrij {
	float:left;
}

.tddiv {
	padding:0px;
	width:1px;
}

/***** wrapper *****/
#wrap {
	width: 986px;
	margin: 0 auto;
	padding: 0 
}

/***** header *****/
#header {
	width: 986px;
	height: 160px;
}

#header .left {
	float: left;
	width: 688px;
	height: 160px;
	padding: 0 0 0 12px;
}
#header .left h1 { padding: 15px 0 20px 0; }
#header .left h1 img { display: block; }
#header .left ul { float: right; height: 30px; }
#header .left li { float: left; list-style: none; }
#header .left li a {
	display: block;
	float: left;
	height: 17px;
	line-height: 17px;
	color: #0074c1;
	padding: 7px 8px 6px 8px;
}
#header .left li a:hover {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#header .left li a img {
	display: block;
	float: left;
}
#header .left li a span {
	display: block;
	float: left;
	padding: 0 0 0 6px;
}

#header .right {
	float: left;
	width: 274px;
	height: 160px;
}
#header .right label {
	float: left;
	width: 62px;
	height: 24px;
	line-height: 24px;
	color: #0074c1;
	text-align: right;
	padding: 0 12px 0 0;
}
#header .right .search {
	height: 24px;
	padding: 15px 0 25px 0;
}
#header .right .search .text {
	display: block;
	float: left;
	width: 170px;
	height: 24px;
	background: url(images/header-search-input.png) no-repeat;
}
#header .right .search .text input {
	display: block;
	width: 164px;
	height: 14px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	background: none;
	border: none;
	padding: 5px 0 5px 6px;
}
#header .right .search .button {
	display: block;
	float: left;
	width: 30px;
	height: 24px;
	background: url(images/header-search-button.png) no-repeat;
	border: none;
	cursor: pointer;
}
#header .login .item {
	height: 24px;
	padding: 0 0 6px 0;
}
#header .login .email { background: url(images/header-login-email.png) no-repeat; }
#header .login .pass { background: url(images/header-login-pass.png) no-repeat; }
#header .login .item .text {
	display: block;
	float: left;
	width: 200px;
	height: 24px;
}
#header .login .item .text input {
	display: block;
	width: 162px;
	height: 14px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	background: none;
	border: none;
	padding: 5px 8px 5px 30px;
}
#header .login .buttons {
	float: right;
	height: 22px;
	padding: 2px 0 0 0;
}
#header .login .buttons input {
	display: block;
	float: left;
	width: 50px;
	height: 22px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background: url(images/header-login-login.png) no-repeat;
	border: none;
	cursor: pointer;
	margin: 0 0 0 5px;
}

#header .login .buttons a {
	display: block;
	float: left;
	width: 88px;
	height: 22px;
	line-height: 22px;
	font-family: "Trebuchet MS";
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: url(images/header-login-register.png) no-repeat;
}



/***** left content *****/
#left .box .col1 img {
	width:100px;
}

#left { float: left; width: 764px; background: url(images/left-bg-mid.png) repeat-y; }
#left .left-top { width: 764px; height: 28px; background: url(images/left-bg-top.png) no-repeat; }
#left .left-bottom { width: 764px; height: 28px; background: url(images/left-bg-bottom.png) no-repeat; }

#left .box { width: 740px; background: url(images/left-box-bg-mid.png) repeat-y; }
#left .box-top { width: 740px; height: 9px; background: url(images/left-box-bg-top.png) no-repeat; }
#left .box-bottom1 { width: 740px; height: 9px; background: url(images/left-box-bg-bottom1.png) no-repeat; margin: 0 0 9px 0; }
#left .box-bottom2 { width: 740px; height: 19px; background: url(images/left-box-bg-bottom2.png) no-repeat; margin: 0 0 9px 0; }

#left .box p.text, #left .box h5, #left .box table, #left .box h3 {
	color: #0074c1;
	padding: 6px 13px;
}

#left .box ul {
	color: #0074c1;
	padding: 6px 50px;
}

#left .box h5, #left .box h3 {
	font-size: 14px;
}

#left .box h4 {
	font-size: 12px;
}

#left .box .heading {
	width: 729px;
	height: 22px;
	line-height: 20px;
	background: url(images/left-box-heading.png) no-repeat right top;
	padding: 0 0 4px 0;
}
#left .box .heading h3 {
	float: left;
	width: 118px;
	height: 22px;
	font-size: 12px;
	font-weight: bold;
	color: #0074c1;
	padding: 0 0 0 11px;
}
#left .box .heading h1 {
	float: left;
	width: 450px;
	height: 22px;
	font-size: 15px;
	font-weight: bold;
}
#left .box .heading h1 a:hover span { background: #ff6f0f; }
#left .box .heading h1 a:hover { text-decoration: none; }
#left .box .heading h1 a {
	display: block;
	width: 440px;
	height: 22px;
	color: #fff;
	text-decoration: underline;
	padding: 0 0 0 10px;
}
#left .box .heading h2 {
	float: left;
	width: 137px;
	height: 22px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-align: right;
	padding: 0 13px 0 0;
}
#left .box .cols { width: 740px; background: url(images/left-box-cols.png) repeat-y; overflow: hidden; }
#left .box .cols p { color: #0074c1; line-height: 18px; }
#left .box .cols p span { color: #ff6e0d; font-weight: bold; }
#left .box .col1 { float: left; width: 118px; padding: 6px 0 6px 12px; }
#left .box .col2, #left .box .col3, #left .box .col4 { float: left; width: 91px; padding: 4px 0 4px 5px; }
#left .box .col3 p span { font-size: 15px; }
#left .box .col5 { float: left; width: 94px; padding: 4px 5px; }
#left .box .col6 { float: left; width: 201px; padding: 4px 0 0 6px; }
#left .box .col6 ul { clear: both; line-height: 14px; color: #0074c1; overflow: hidden; padding: 3px 0; }
#left .box .col6 li.image { float: left; width: 32px; list-style: none; padding: 1px 0 0 0; }
#left .box .col6 li.text { float: left; width: 169px; list-style: none; }
#left .box .col6 ul a { color: #0074c1; text-decoration: underline; }
#left .box .col6 ul a:hover { background: #ff6f0f; color: #fff; text-decoration: none; }

/***** right content *****/
#right { float: right; width: 212px; background: url(images/right-bg-mid.png) repeat-y; }
#right .right-top { width: 212px; height: 22px; background: url(images/right-bg-top.png) no-repeat; }
#right .right-bottom { width: 212px; height: 18px; background: url(images/right-bg-bottom.png) no-repeat; }

#right .box { width: 166px; background: url(images/right-box-mid.png) repeat-y right; padding: 5px 0 5px 27px; }
#right .box-top { width: 177px; height: 9px; background: url(images/right-box-top.png) no-repeat right bottom; padding: 14px 0 0 16px; }
#right .box-bottom { width: 177px; height: 17px; background: url(images/right-box-bottom.png) no-repeat right top; padding: 0 0 14px 16px; }
#right .box h3 { font-size: 12px; font-weight: bold; color: #0074c1; }
#right .box p { color: #0074c1; }

#right .box a {
	color:#000080;
}

#right ul {
	width: 174px;
	list-style: none;
	padding: 0 21px 0 17px;
}
#right li {
	height: 25px;
	padding: 0 0 5px 0;
}
#right li a {
	display: block;
	width: 159px;
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	background: url(images/right-button.png) no-repeat;
	padding: 0 0 0 15px;
}

#right li a:hover {
	color: #eeeeee;
}

/***** footer *****/
#footer {
	clear: both;
	width: 964px;
	padding: 30px 0 12px 23px;
}
#footer .container {
	width: 963px;
	font-size: 11px;
	color: #0074c1;
	background: url(images/footer-bg-mid.png) repeat-y;
}
#footer a {
	color: #0074c1;
	text-decoration: underline;
}

#footer a:hover {
	background: #ff6f0f; color: #fff; text-decoration: none;
}
#footer p.top {
	text-align: center;
	line-height: 34px;
	background: url(images/footer-bg-top.png) no-repeat;
}
#footer p.bottom {
	text-align: center;
	line-height: 13px;
	background: url(images/footer-bg-bottom.png) no-repeat bottom;
	padding: 0 0 34px 0;
}

#footer p.top2 {
	background: url(images/footer-bg-top.png) no-repeat;
	padding: 10px 10px 0px 10px;
}

.popup p, .popup td, .popup li {
	color: #002844;
	padding: 1px 13px;
	font-size:12px;
}