/* ============================================================	*/
/* ========	 HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/

html {
	height:100%;
	width:100%;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	color:#333;

	background:#D6D6D6 url(../images/gfx/pageback_stripes.png) repeat-x left top;
	}
body, table, th, td, p, input, textarea, select, ul, ol, dt, dd  {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:12px;
	}
h1, h2, h3, h4, h5, h6, p {margin:0 0 15px 0px;}
h1 {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;font-size:20px;color:#333;}
h2 {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;font-size:20px;color:#333;}
h3 {}
h4 {color:#333}
h5 {}
h6 {font-family:Arial, Helvetica, Sans-serif;font-size:11px;color:#333;font-weight:normal;}
p {line-height:15px;}
a {}
img {border:none;}
label {}

body.sysCompactBasis h1, 
body.sysCompactBasis h2,
body.sysCompactBasis h3 {
	color:#369;
}
body.sysCompactEssentie h1, 
body.sysCompactEssentie h2,
body.sysCompactEssentie h3 {
	color:#F00;
}
body.sysCompactCompleet h1, 
body.sysCompactCompleet h2,
body.sysCompactCompleet h3 {
	color:#060;
}

body.sysCompactBasis .sidebar-coll h1,
body.sysCompactBasis .sidebar-coll h2,
body.sysCompactEssentie .sidebar-coll h1,
body.sysCompactEssentie .sidebar-coll h2,
body.sysCompactCompleet .sidebar-coll h1,
body.sysCompactCompleet .sidebar-coll h2
{
	color:#333;
}

h1.sysCompactBasis{
	color:#369;
	font-size:17px;
}

h1.sysCompactEssentie {
	color:#F00;
	font-size:17px;
}
h1.sysCompactCompleet {
	color:#060;
	font-size:17px;
}

/* ============================================================	*/
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/

.clouds {
	background:transparent url(../images/gfx/clouds.jpg) no-repeat center top;
	min-height:643px;
	}
.container {
	position:relative;
	margin:0 auto 0 auto;
	width:990px;
	text-align:left;
	}
/* ============================================================	*/
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.header {
	padding-top:75px;
	height:80px;
	position:relative;
	}
div.logo {
	position:absolute;
	top:3px;
	left:30px;
	width:380px;
	height:58px;
	z-index:10;
	}
div.logo a {
	position:relative;
	display:block;
	width:380px;
	height:58px;
	}
.pc-hooft {position:absolute;top:0px;right:0px;width:410px;height:34px;line-height:32px;z-index:10;background-color:#CCC;color:#666;text-align:right;padding-right:100px;}
	.pc-hooft a {color:#666;text-decoration:underline;font-weight:bold;}
	.pc-hooft a:hover {color:#000;text-decoration:underline;}

.loguit {position:absolute;top:0px;right:0px;width:80px;height:34px;line-height:32px;z-index:10;color:#666;text-align:right;margin-right:20px;}
	.loguit a {color:#666;text-decoration:underline;font-weight:bold;}
	.loguit a:hover {color:#000;text-decoration:underline;}

.call-us {
	position:absolute;
	width:500px;
	top:73px;
	right:22px;
	width:400px;
	height:auto;
	z-index:11;
	color:#666;
	text-align:right;
	}
.productnav {
	padding: 5px;
	}
.my-account {
	position:absolute;
	top:121px;
	right:24px;
	height:30px;
	width:235px;
	z-index:25;
	}
/* ============================================================	*/
/* ========	NAVIGATION			===============================	*/
/* ============================================================	*/
/*.navigation {
	margin-left:17px;
	width:958px;
	height:36px;
	background:transparent url(../images/gfx/back_nav.png) no-repeat left top;
	}*/
.navigation {
	margin-left:0px;
	width:988px;
	height:40px;
	background:transparent url(../images/ucplus/navbar3.png) no-repeat left top;
	}
.navigation ul {
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif;
	font-size:14px;
	margin-left:10px;
	}
.navigation li {
	float:left;
	padding:4px 0 0 0;
	}
	
.navigation ul li:hover, .navigation ul li.sfhover {
	background:transparent url(../images/ucplus/hilite_menu.png) repeat-x left;
}

.navigation ul li:hover a, .navigation ul li.sfhover a{
	color: #FFF;
}

.navigation ul li a {
	position:relative;
	display:block;
	padding:7px 10px;
	font-weight:bold;
	color: #000;
	background:transparent url(../images/gfx/nav_line.gif) no-repeat right center;
}
	
/* subnav */
.navigation ul ul { display: none; }
.navigation ul ul li { float: none; }

.navigation ul ul li a
{
	padding: 0px;
	margin: 0px;
	background:none;
}

.navigation ul li:hover ul, .navigation ul li.sfhover ul
{
	display: block;
	position: absolute;
	padding-top: 0px;
	z-index:100;
	
}

.navigation ul li:hover ul li, .navigation ul li.sfhover ul li
{
	display: block;
	background-color: #FFF;
	border-bottom: #ccc solid 1px;
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
	z-index:100;
	padding: 3px 20px 3px 15px;
}

.navigation ul li:hover ul li.first, .navigation ul li.sfhover ul li.first
{
	border-top: #000 solid 1px;
}

.navigation ul li:hover ul li.last, .navigation ul li.sfhover ul li.last
{
	border-bottom: #000 solid 1px;
}

.navigation ul li:hover ul li a, .navigation ul li.sfhover ul li a
{
	display: block;
	border: none;
	color: #000;
	z-index:100;
}


.navigation ul li ul li:hover, .navigation ul li ul li.sfhover{
	background-image:none;
}

.navigation ul li ul li:hover a, .navigation ul li ul li.sfhover a{
	color: #000;
}

.navigation ul li ul li#navCompactBasis:hover a, .navigation ul li ul li#navCompactBasis.sfhover a{
	color: #369;
}
.navigation ul li ul li#navCompactEssentie:hover a, .navigation ul li ul li#navCompactEssentie.sfhover a{
	color: #F00;
}
.navigation ul li ul li#navCompactCompleet:hover a, .navigation ul li ul li#navCompactPlus.sfhover a{
	color: #060;
}

/* ============================================================	*/
/* ========	CRUMBPATH				===============================	*/
/* ============================================================	*/

#crumblist {
	float: left;
	margin: -20px 0 0 20px;
	width: 100%;
	}

#crumblist li {
	font-size:11px;
	float:left;
	padding:0 0 4px 0;
	}
	
#crumblist li a {
		text-decoration: underline;
		color: #000;
	}
	
#crumblist li.last a {
		text-decoration: none;
	}


/* ============================================================	*/
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer {
	background-color:#FFF;
	border-right:1px solid #CCC;
	}
.sitemap-head {
	float:left;
	padding:2px 12px 0px 19px;
	height:19px;
	color:#FFF;
	font-weight:bold;
	background-color:#A3A3A3;
	font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
	text-transform:uppercase;
	}

.footer .sysCompactBasis {
	background-color:#369;
}
.footer .sysCompactEssentie {
	background-color:#F00;
}
.footer .sysCompactCompleet {
	background-color:#060;
}

.copyright {
	color:#666;
	/*padding-left:265px;*/
	}
.copyright a{
	color:#666;
	text-decoration: underline;
}
div.sitemap {
	position:relative;
	clear:left;
	padding:23px 0px 40px 110px;
	width:880px;
	margin-right:-1px;
	overflow:hidden;
	background:#333 url(../images/gfx/footer_back.gif) repeat left top;
	}
div.sitemap .mini-logo {
	position:absolute;
	top:5px;
	right:5px;
	width:50px;
	height:34px;
	z-index:10;
	}
div.sitemap h2 {font-family:Arial, Helvetica, Sans-serif;font-size:12px;margin:0;}
div.sitemap ul {}
div.sitemap li {float:left; padding:5px 40px; font-family:Arial, Helvetica, Sans-serif;font-size:12px; font-weight: bold;}
div.sitemap li ul {padding: 3px 0;}
div.sitemap li ul li {float: none; font-size:12px; padding: 7px 0; font-weight: normal;}
div.sitemap li a {color:#fff;}
div.sitemap li ul li a {color:#CCC;}
div.sitemap a:hover {}

/* ============================================================	*/
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/
.site-container {
	width:988px;
	margin-top:10px;
	padding:25px 0;
	overflow:hidden;
	background-color:#FFF;
	border:1px solid #CCC;
	border-bottom:none;
	}

.content-wide {
	float:left;
	width:690px;
	padding-left:20px;
	overflow:hidden;
	}
.content-collwide {
	float:left;
	width:690px;
}
.content-coll {
	float:left;
	width:445px;
	}
.content-sidecoll {
	float:left;
	width:225px;
	border-left:20px solid #FFF;
}
.sidebar-coll {
	float:left;
	border-left:18px solid #FFF;
	width:240px;
}
.content-collwide hr {
	height:7px;
	border: 0px;
	background-color:#A3A3A3;
	background-image: url('../images/gfx/seporator.png');
}
.content-coll hr {
	height:7px;
	border: 0px;
	background-color:#A3A3A3;
	background-image: url('../images/gfx/seporator.png');
}
.content-sidecoll hr{
	height: 7px;
	border:	0;
	background-color:#A3A3A3;
	background-image: url('../images/gfx/seporator.png');
}

body.sysCompactBasis hr {
	background-color:#369;
}
body.sysCompactEssentie hr {
	background-color:#F00;
}
body.sysCompactCompleet hr {
	background-color:#060;
}

body.sysCompactBasis .sidebar-coll hr{
	background-color:#A3A3A3;
}
body.sysCompactEssentie .sidebar-coll hr{
	background-color:#A3A3A3;
}
body.sysCompactCompleet .sidebar-coll hr{
	background-color:#A3A3A3;
}

.sidebar-coll hr {
	height:7px;
	border: 0px;
	background-color:#A3A3A3;
	background-image: url('../images/gfx/seporator.png');
}

/* ============================================================	*/
/* ========	CONTENT BLOCKEN		===============================	*/
/* ============================================================	*/

.large-visuals {
	width:725px;
	margin-bottom:20px;
	}
.icons {margin-bottom:10px;}
	.icons img {display:block;}

.button {
	text-align:right;
	padding-bottom:15px;
	}
.button a {
	margin-left:7px;
	}
.player-block {
	padding-bottom:15px;
	}
.player-block-img {
	padding-bottom:5px;
	}
.player-block-img img {display:block;}
.player-block .player-block-img a,
.player-block .player-block-img a:hover {
	color:#333;
	font-size:10px;
	text-decoration:none;
	}
.player-block .paging a {
	text-decoration:none;
	font-size:10px;
	color:#333;
}
.player-block .paging a:active {
	font-weight:bold;
	font-size: 11px;
}
.banner {
	padding-bottom:15px;
}
.block {}
.block a {color:#333;text-decoration:underline;}
.block a:hover {color:#888;text-decoration:underline;}
.buttons {
	text-align:center;
}
.buttons a, .buttons a:hover {
	margin: 0 15px 0 0;
	text-decoration:none;
}

body.sysCompactBasis .block a:hover {color:#369;text-decoration:underline;}
body.sysCompactEssentie .block a:hover {color:#F00;text-decoration:underline;}
body.sysCompactCompleet .block a:hover {color:#060;text-decoration:underline;}

.block ul li {
	padding:0 0 15px 17px;
	background:transparent url(../images/gfx/li-bullit.gif) no-repeat 0px 4px;
	}


ul.color-ul {margin-bottom:20px;}
ul.color-ul li {padding:8px 15px;background-image:none}
ul.color-ul li a {text-decoration:none;}
ul.color-ul li.odd {background-color:#DFDFDF;}
ul.color-ul li.even {background-color:#F2F2F2;}

.paging {text-align:center;font-family:Arial, Helvetica, Sans-serif;font-size:11px;color:#333;font-weight:bold;}
.paging a {color:#333;font-size:11px;font-weight:normal;}
.paging a:hover {color:#333;text-decoration:underline;}

/* ============================================================	*/
/* ========	SEPORATORS		  	===============================	*/
/* ============================================================	*/
.seporator {
	margin-bottom:15px;
	height:7px;
	font-size:1px;
	background:transparent url(../images/gfx/seporator.png) no-repeat left top;
	}
.color1 {background-color:#F00;}
.color2 {background-color:#999;}
.color3 {background-color:#00F;}

/* ============================================================	*/
/* ========	FAQ		  	===============================	*/
/* ============================================================	*/

dl#menuList {
	background-color:#F8F8F8;
	border-bottom:15px solid #FFF;
	}
dl#menuList dt,
dl#menuList dd{
	margin:0;
	padding:0;
}
dl#menuList dt,
dl#menuList dd {}
dl#menuList dd{
	padding:20px 20px 10px 53px;
	font-size:11px;
}
dl#menuList dt.last {
	margin-bottom:0;
	background:#333 url(../images/gfx/faq_arrow_special.gif) no-repeat 423px 10px;
}
dl#menuList dt.last a {color:#FFF;}
dl#menuList dd.last {}
dl#menuList dt {
	font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:5px 13px 5px 13px;
	line-height:16px;
	margin-top:3px;
	background:#CCC url(../images/gfx/faq_arrow_close.gif) no-repeat 423px 10px;
	}
dl#menuList dt span {display:block;float:left;width:40px;text-transform:uppercase;font-size:15px;}
dl#menuList dt a{
	display:block;
	text-decoration:none;
}

dl#menuList dd{
	position:relative;
}

dl#menuList dt.open a,
dl#menuList dt.open a:hover{
	color:#FFF;
}
dl#menuList dt.open{
	background:#333 url(../images/gfx/faq_arrow_active.gif) no-repeat 423px 10px;
}
dl#menuList dd.open{
	display:block;
}


/* ============================================================	*/
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/

form {margin:0px;}
.formGrid {}
.formGrid td {}
.formGrid .nameCell {}
.formGrid .inputCell {}
.formGrid .buttonCell {}
input, select {vertical-align:middle;}
input.radiobig {
	margin-left: 50px;
}
input.type-text, textarea.type-text, select.type-text{
	color:#000;
	font-weight:normal;
	border:1px solid #ccc;
	width: 210px;
	padding: 2px;
	}
textarea.type-textarea {
	width: 681px;
}
select.date{
	color:#000;
	font-weight:normal;
	border:1px solid #ccc;
	width: 69.4px;
	padding: 2px;
	}
input.type-text-small {
	color:#000;
	font-weight:normal;
	border:1px solid #ccc;
	width: 100px;
	padding: 2px;
	}
input.type-text-tiny {
	color:#000;
	font-weight:normal;
	border:1px solid #ccc;
	width: 40px;
	padding: 2px;
	}
fieldset label {
	vertical-align:middle;
	cursor:pointer;
	width:130px;
	float:left;
	padding:0 1em;
	text-align:left;
}
label {
	vertical-align:middle;
	cursor:pointer;
	width:170px;
	float:left;
	padding:0 1em;
	text-align:left;
}
label.radio {
	width: auto;
	padding: 3px;
	float: none;
}
label.radioVert {
	padding: 3px;
	padding-left: 50px;
	float: none;
}

.hidden {
	display: none;
}

form h1, form h2, form h3, form h4, form p {margin:0 0 15px 0px;}
form span.error {
	color:#F00;
	margin-left:10px;
	width: 200px;
}
form input.error {
	border:1px solid #F00;
}
fieldset {
	border: 1px solid;
	padding: 10px;
	margin-bottom: 10px;
}
form div.inputfield {
	margin-bottom:.5em;
	padding:0;
	display:block;
}
form div img{
	text-align: center;
	vertical-align: middle;
}
form input.submit, button.submit {
	display:block;
	float: right;
	padding: 3px;
	margin-right: 3px;
	color: #FFF;
	background-color:#333;
	cursor: pointer;
	border-style:none;
	overflow: visible;
	height: 26px;
	}
fieldset legend {
	font-weight:bold;
	color: #333
}
.red { color: #333; }
form div#begraven ul, form div#cremeren ul{
	list-style-position: outside 	;
	margin-left: 30px;
}
form div#begraven li, form div#cremeren li{ 
	list-style: disc;
}
form div.pm {
	float: left;
	width:150px;
	margin-left: 20px;
}
form a {color:#333;text-decoration:underline;}
form a:hover {color:#F00;text-decoration:underline;}
select.select {

	}
textarea.textarea {
	color:#F00;
	font-weight:normal;
	border:1px solid #f00;
	}
	
#orderSummary {
	margin: 0 100px 0 100px;
}
#orderSummary .price {
	float: right;
}
#orderSummary .totalprice {
	float: right;
	font-weight:bold;
}
.padding {
	padding: 0 10px;
}
.hilite {
	background-color: #F2F2F2;
	padding: 10px;
}

body.sysVideoPopup {
	background-color: #000;
}
#player {
	height: 100%;
}
#vidbut {
	padding: 0;
	margin: 0;
	border: 0;
}
.product {
	float: left;
	width: 200px;
	height: 160px;
	padding-right: 30px;
}.productbuttons a {
	float: left;
	width: 200px;
	padding-right: 30px;
}	
.cfwindow {
	position:relative;
	margin:0 auto 0 auto;
	text-align:left;
	}
#rouwForm1 label {
	padding: 0 0em;
}
.floatKist {
	float: left;
	
}
.clear-floats {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }