* { margin: 0; }

body {
	font: 13px Trebuchet MS, Verdana;
	background: #ededed;
	}

h1 { font-size: 20px; line-height: 20px; height: 20px; font-weight: normal; border-bottom: 1px solid #d20000; margin-bottom: 15px; }
h2 { font-size: 14px; color: #d20000; margin-bottom: 10px; }
a { color: #d20000; text-decoration: none; }
a:hover { color: #000; }
p { margin-bottom: 20px; }
img { border: 0; }
ul { list-style: none; padding: 0; }
input { font: 13px Trebuchet MS, Verdana; }

#wrapper {
	width: 100%;
	background: url(../img/bg/wrapper.gif) repeat-x  #0f4856;
	}

#container {
	width: 980px;
	margin: 0 auto;
	}

#header {
	width: 980px;
	height: 260px;
	background: url(../img/bg/header.jpg);
	}

#landen {
	width: 935px;
	height: 50px;
	padding: 5px 0 0 45px;
	}
	#landen li { display: inline; }
	#landen li a { width: 18px; height: 13px; display: block; float: left; margin-right: 10px; font-size: 0; }
	#landen .nl a { background: url(../img/icons/nl.gif) no-repeat; }
	#landen .nl a:hover { background: url(../img/icons/nl-active.gif) no-repeat; }
	#landen .eng a { background: url(../img/icons/eng.gif) no-repeat; }
	#landen .eng a:hover { background: url(../img/icons/eng-active.gif) no-repeat; }

#mainmenu {
	width: 730px;
	padding-left: 40px;
	float: left;
	}
	#mainmenu li { display: inline; }
	#mainmenu li a { float: left; display: block; color: #000; margin-right: 17px; padding: 6px 0 6px 10px; }
	#mainmenu li a span { padding: 6px 10px 6px 2px; }
	#mainmenu li a:hover { background: url(../img/bg/menu-left.gif) no-repeat; color: #fff; padding: 6px 0 6px 10px; }
	#mainmenu li a:hover span { background: url(../img/bg/menu-right.gif) top right; padding: 6px 10px 6px 2px; }
	#mainmenu .active { }

#login {
	width: 164px;
	float: left;
	}
	#login input { float: left; color: #fff; height: 18px; padding: 3px 6px; border: 0; }
	#login .user { width: 128px; background: url(../img/bg/inlog-user.gif); margin: 21px 0 10px 0; }
	#login .pass { width: 103px; background: url(../img/bg/inlog-pass.gif); }
	#login .btn { width: 25px; height: 24px; background: url(../img/bg/inlog-btn.gif); cursor: pointer; }

#shortcut {
	width: 36px;
	float: left;
	margin-top: -25px;
	}
	#shortcut li { display: inline; }
	#shortcut li a { width: 11px; height: 10px; display: block; margin: 10px; font-size: 0; }
	#shortcut .home a { background: url(../img/icons/home-up.gif); }
	#shortcut .home a:hover { background: url(../img/icons/home-over.gif); }
	#shortcut .sitemap a { background: url(../img/icons/sitemap-up.gif); }
	#shortcut .sitemap a:hover { background: url(../img/icons/sitemap-over.gif); }
	#shortcut .contact a { background: url(../img/icons/contact-up.gif); }
	#shortcut .contact a:hover { background: url(../img/icons/contact-over.gif); }

#content {
	width: 900px;
	margin: 0 10px;
	padding: 20px 20px 0 40px;
	background: url(../img/bg/content.gif) no-repeat #fff;
	line-height: 24px;
	overflow: hidden;
	}
	#content a { border-bottom: 1px solid #d20000; }

#contentleft {
	width: 670px;
	margin-right: 50px;
	text-align: justify;
	float: left;
	}

#contentright {
	width: 180px;
	float: left;
	}

#underbar {
	width: 100%;
	background: url(../img/bg/underbar.gif) repeat-x bottom #0f4856;
	}
	#underbar div { width: 980px; margin: 0 auto; background: url(../img/bg/underbar-inside.gif) no-repeat; padding-bottom: 20px; text-align: center; font-size: 0; }

#footer {
	width: 100%;
	background: #ededed; border-top: 4px solid #d20000;
	line-height: 20px;
	}
	#footer div { width: 940px; margin: 0 auto; padding: 10px 0; }
	#footer p { margin: 0; }
	#footer a { border-bottom: 1px solid #d20000; }
	#footer a:hover { color: #000; }

.referentie {
	width: 180px;
	background: url(../img/icons/quote-open.gif) no-repeat;
	border-bottom: 1px dotted #c0c0c0;
	padding-bottom: 10px;
	margin-bottom: 20px;
	}
	.referentie p { width: 160px; padding: 5px 10px 10px 10px; background: url(../img/icons/quote-close.gif) no-repeat bottom right; margin-bottom: 5px; }
	.referentie span { color: #d20000; font-size: 12px; font-style: italic; padding-left: 10px; }

.demo {
	width: 670px;
	height: 232px;
	background: url(../img/bg/demo.jpg);
	margin: 0 0 40px 0;
	padding-top: 21px;
	overflow: hidden;
	}
	.demo:hover { background: url(../img/bg/demo.jpg) bottom; }
	.demo form { width: 140px; height: 58px; padding: 96px 0 0 454px; }
	.demo input { float: left; height: 18px; padding: 3px 6px; border: 0; }
	.demo .user { width: 128px; background: url(../img/bg/demoform-user.gif); margin-bottom: 10px; }
	.demo .pass { width: 103px; background: url(../img/bg/demoform-pass.gif); }
	.demo .btn { width: 25px; height: 24px; background: url(../img/bg/demoform-btn.gif); cursor: pointer; }
	.demo ul { padding: 44px 0 0 417px; }
	.demo li a { width: 213px; height: 34px; display: block; background: url(../img/bg/bekijk-de-live-demo.gif) bottom; }
	.demo li a:hover { background: url(../img/bg/bekijk-de-live-demo.gif); }

.bestellen {
	width: 630px;
	height: 102px;
	background: url(../img/bg/direct-bestellen.gif) no-repeat;
	padding: 15px 20px 40px 20px;
	margin: 10px 0 40px 0;
	}
	.bestellen p { float: left; padding: 70px 0 0 20px; }
	.bestellen form { width: 320px; float: left; }
	.bestellen label { float: left; width: 155px; }
	.bestellen input { float: left; width: 130px; margin: 0 20px 5px 0; }
	.bestellen .btn { width: 104px; height: 24px; background: url(../img/bg/bestel.gif); border: 0; cursor: pointer; margin: 16px 0 0 215px; clear: both; }
	.bestellen .btn:hover { background: url(../img/bg/bestel.gif) bottom; }

.fr { float: right; }
.prijs { font-size: 24px; color: #d20000; }