/* GENERAL */
body{
	position:				absolute;
	width:					100%;
	height:					100%;
	margin:					0px;
	background-color:		#FFFFFF;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
	color:					#5C5C5C;
}

h1{
	margin:					35px;
	margin-top:				20px;
	margin-bottom:			-10px;
	font-size:				24px;
	font-weight:			bold;
	color:					#003A6B;
}

h1 span{
	font-size:				14px;
	color:					#0EAADD;
}

h1.small{
	font-size:				20px;
}

h1.small span{
	font-size:				11px;
}

h2{
	margin:					35px;
	margin-top:				20px;
	margin-bottom:			-15px;
	font-size:				14px;
	font-weight:			bold;
	color:					#003A6B;
}

h2 span{
	color:					#0EAADD;
}

h2.large{
	font-size:				18px;
}

p{
	margin:					35px;
	margin-top:				20px;
	margin-bottom:			20px;
}

table{
	width:					700px;
	margin:					35px;
	margin-top:				20px;
	margin-bottom:			20px;
	border-collapse:		collapse;
}

table tr th{
	padding:				5px;
	padding-left:			0px;
	padding-right:			15px;
	border-bottom-style:	solid;
	border-color:			#E6ECF0;
	border-width:			1px;
	font-weight:			bold;
	text-align:				left;
	color:					#003A6B;
}

table tr td{
	padding:				5px;
	padding-left:			15px;
	padding-right:			15px;
	border-bottom-style:	solid;
	border-color:			#E6ECF0;
	border-width:			1px;
}

ul{
	margin:					35px;
	margin-top:				20px;
	margin-bottom:			20px;
}

ol{
	margin:					35px;
	margin-top:				20px;
	margin-bottom:			20px;
}

form{
	margin:					0px;
}

input{
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				11px;
}

a{
	text-decoration:		none;
	color:					#003A6B;
}

a:hover{
	text-decoration:		underline;
	color:					#003A6B;
}

img{
	border:					none;
}

img.left{
	margin-right:			20px;
}

img.right{
	margin-left:			20px;
}

.left{
	float:					left;
}

.right{
	float:					right;
}

.center{
	text-align:				center;
}

.hidden{
	display:				none;
}


/* FRAME */
div#frame{
	width:					960px;
	margin-top:				20px;
	margin-left:			auto;
	margin-right:			auto;
	padding-bottom:			30px;
	background-image:		url('../img/backgrounds/frame_new2.gif');
	background-position:	bottom left;
	background-repeat:		no-repeat;
	overflow:				hidden;
}


/* MENU */
div#menu{
	width:					210px;
	background-image:		url('../img/backgrounds/menu.jpg');
	background-position:	top left;
	background-repeat:		no-repeat;
	float:					left;
}

div#menu ul{
	margin:					0px;
	margin-top:				47px;
	margin-left:			15px;
	padding:				0px;
	padding-bottom:			25px;
	list-style:				none;
}

div#menu ul li{
	width:					195px;
	margin-top:				5px;
	background-image:		url('../nav/menu/li.gif');
	background-position:	bottom left;
	background-repeat:		no-repeat;
}

div#menu ul li ul{
	display:				none;
}

div#menu ul li.selected ul{
	margin:					0px;
	padding-bottom:			10px;
	display:				block;
}

div#menu ul li.selected ul li{
	margin:					0px;
	background:				none;
}

div#menu ul li.selected ul li ul li{
	margin:					0px;
	background:				none;
}

div#menu ul li.selected ul li.open ul li.selected a{
	background-image:		url('../nav/menu/sub.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#003A6B;
}

div#menu ul li.selected ul li.open ul li a{
	width:					145px;
	padding-left:			40px;
	background:				none;
	color:					#6689A6;
}

div#menu ul li.selected ul li.open ul li a:hover{
	background-image:		url('../nav/menu/sub.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#003A6B;
}

div#menu ul li.selected ul li.open ul li.open ul li a:hover{
	background-image:		url('../nav/menu/sub.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#003A6B;
}

div#menu ul li.selected ul li.open ul li.open ul li a{
	width:					135px;
	padding-left:			50px;
	padding-right: 			10px;
	background:				none;
	color:					#6689A6;
}

div#menu ul li.selected ul li.open ul li.open ul li.selected a{
	background-image:		url('../nav/menu/sub.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#003A6B;
}

div#menu ul li.selected ul li.open a{
	color:					#003A6B;
}

div#menu ul li.selected ul li.open ul li.open a{
	color:					#003A6B;
}

div#menu ul li.selected ul li.selected ul li.selected a{
	background-image:		url('../nav/menu/sub.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#003A6B;
}

div#menu ul li.selected ul li.selected ul li a{
	width:					145px;
	padding-left:			40px;
	background:				none;
	color:					#6689A6;
	padding-right: 			10px;
}

div#menu ul li.selected ul li.selected ul li.selected ul li a{
	width:					135px;
	padding-left:			50px;
	padding-right: 			10px;
	background:				none;
	color:					#6689A6;
}

div#menu ul li.selected ul li.selected ul li a:hover,
div#menu ul li.selected ul li.selected ul li.selected ul li a:hover{
	background-image:		url('../nav/menu/sub.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#003A6B;
}

div#menu ul li.selected ul li.selected a{
	background-image:		url('../nav/menu/sub.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#003A6B;
}

div#menu ul li.selected ul li a{
	width:					155px;
	height: 				auto;
	padding:				2px 10px 3px 30px;
	background:				none;
	font-size:				12px;
	color:					#6689A6;
	margin:					0px;
}

div#menu ul li.selected ul li a:hover{
	background-image:		url('../nav/menu/sub.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#003A6B;
}

div#menu ul li.selected a{
	color:					#003A6B;
	background-image:		url('../nav/menu/a_new.gif');
}

div#menu ul li a{
	width:					180px;
	height:					24px;
	padding-top:			8px;
	padding-left:			15px;
	background-image:		url('../nav/menu/a.gif');
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size:				14px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#6689A6;
	display:				block;
}

div#menu ul li a:hover{
	color:					#003A6B;
}

div#menu img.slogan{
	margin-top:				15px;
}

div#menu img.logo{
	margin-top:				15px;
}


/* HEADER */
div#header{
	width:					750px;
	height:					220px;
	background-color:		#D1DBE4;
	float:					left;
	overflow:				hidden;
}

div#header div{
	width:					210px;
	height:					155px;
	background-color:		#003A6B;
	background-image:		url('../img/backgrounds/header.gif');
	background-position:	bottom right;
	background-repeat:		no-repeat;
	font-size:				12px;
	font-weight:			bold;
	color:					#698BA8;
	float:					left;
	overflow:				hidden;
}

div#header div p{
	margin:					10px;
	margin-top:				15px;
	margin-bottom:			0px;
}

div#header div p.logout{
	margin-top:				5px;
	font-size:				10px;
	text-align:				right;
}

div#header div p.logout a{
	text-decoration:		underline;
	color:					#698BA8;
}

div#header div p.logout a:hover{
	text-decoration:		none;
}

div#header div ul{
	width:					210px;
	margin:					0px;
	margin-top:				5px;
	padding:				0px;
	border-top-style:		solid;
	border-color:			#2A5A83;
	border-width:			3px;
	list-style:				none;
}

div#header div ul li{
	border-bottom-style:	solid;
	border-color:			#2A5A83;
	border-width:			1px;
}

div#header div ul li a{
	width:					200px;
	height:					22px;
	padding-top:			8px;
	padding-left:			10px;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
	background-image:		url('../nav/header.gif');
	background-position:	top right;
	background-repeat:		no-repeat;
}

div#header div ul li a:hover {
	background-image:		url('../nav/header-hover.gif');
	color: 					#F9EB04;
}

div#header div ul li a#register{
	display: 				inline;
	padding:				0px;
	text-decoration:		underline;
	color:					#FFFFFF;
	display:				inline;
	background-image:		none;
}

div#header div ul li a#register:hover {
	background-image:		none;
	color: 					#F9EB04;
}

div#header div ul li a span{
	color:					#F9EB04;
}

div#header img{
	float:					left;
}

div#header div form ul li.input {
	width:					200px;
	height:					24px;
	padding-top:			6px;
	padding-left:			10px;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
	font-weight:			normal;
}

div#header div form ul li.error {
	font-size:				10px;
	border-bottom:			0px;
}

div#header div#headerimg {
	display:				block;
	width:					540px;
	height:					110px;
	overflow:				hidden;
	padding:				0px;
	margin:					0px;
}

div#header div#headerimg div {
	width:					1000px;
}

/* MAIN */
div#main{
	width:					750px;
	float:					left;
}

div#main div.block{
	width:					730px;
	margin-top:				10px;
	margin-left:			20px;
	background-image:		url('../img/backgrounds/block/div.gif');
	background-position:	bottom left;
	background-repeat:		no-repeat;
	overflow:				hidden;
	position:				relative;
	padding-bottom:			10px;
}

div#main div.block h2{
	width:					700px;
	/*height:					15px;*/
	margin:					0px;
	padding-top:			25px;
	padding-left:			15px;
	padding-right:			15px;
	background-image:		url('../img/backgrounds/block/h2.gif');
	display:				block;
	background-repeat:		no-repeat;
}

div#main div.block p{
	margin:					15px;
	margin-top:				20px;
	margin-bottom:			20px;
}

div#main div.block table{
	margin:					15px;
	margin-top:				20px;
	margin-bottom:			20px;
	border-collapse:		collapse;
}

div#main div.block table.download {
	margin-top:				10px;
	clear:					both;
}

div#main div.block ul{
	margin:					15px;
	margin-top:				20px;
	margin-bottom:			20px;
}

div#main div.block ol{
	margin:					15px;
	margin-top:				20px;
	margin-bottom:			20px;
}

div#main p{
	line-height:			160%;
}

div#main p.crumb{
	font-size:				9px;
	font-weight:			bold;
	color:					#B3C4D3;
}

div#main p.crumb a{
	text-decoration:		none;
	color:					#B3C4D3;
}

div#main p.crumb a:hover{
	color:					#003A6B;
}


/* CONTENT */
div#content{
	width:					540px;
	float:					left;
}


/* RIGHTBAR */
div#rightbar{
	width:					210px;
	padding-bottom:			10px;
	float:					left;
}

div#rightbar.inline{
	float:					right;
}

div#rightbar p{
	margin:					10px;
}

/* PRODUCT */
div#full{
	float:					left;
	clear:					both;
	width:					100%;
}

div#full ul.tabs{
	height:					30px;
	margin:					0px;
	margin-left:			20px;
	padding:				0px;
	padding-left:			5px;
	background-image:		url('../img/backgrounds/tabs/ul.gif');
	background-position:	bottom left;
	background-repeat:		repeat-x;
	list-style:				none;
	display:				block;
}

div#full ul.tabs li{
	float:					left;
}

div#full ul.tabs li.selected{
	background-image:		url('../img/backgrounds/tabs/li.jpg');
	background-position:	top left;
	background-repeat:		no-repeat;
}

div#full ul.tabs li.selected a{
	background-image:		url('../img/backgrounds/tabs/a.jpg');
	background-position:	top right;
	background-repeat:		no-repeat;
	color:					#003A6B;
}

div#full ul.tabs li a{
	padding-top:			8px;
	padding-bottom:			8px;
	padding-left:			10px;
	padding-right:			10px;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#6689A6;
	display:				block;
}

div#full ul.tabs li a:hover{
	color:					#003A6B;
}


/* REFERENTIE MODULE */
div#referentie-content {
	background-image:		url('../img/backgrounds/block/ref-content-block.gif');
	background-position:	bottom;
	background-repeat:		no-repeat;
	background-color: 		#D1DBE4;
	width: 					210px;
	float: 					left;
	padding-bottom: 		5px;
	margin-top:				10px;
}

div#referentie-content h2 {
	margin: 				0px;
	padding: 				0px;
	margin-left: 			10px;
}

div#referentie-content p {
	margin-top: 			5px;
}

div#referentie-image {
	background-image:		url('../img/backgrounds/block/ref-block.gif');
	width: 					460px;
	height: 				320px;
	margin-left: 			30px;
	margin-top: 			30px;
	padding: 				10px;
	overflow:				hidden;
}

div#referentie-content-top {
	background-image:		url('../img/backgrounds/block/ref-content-block-top.gif');
	background-repeat:		no-repeat;
	width:					210px;
	height: 				15px;
}


div#ref_thumbnails_container {
	width: 					480px;
	height: 				65px;
	margin-left: 			30px;
	background-image:		url('../img/backgrounds/block/ref-thumbnail-block.gif');
	overflow: 				hidden;
	margin-top: 			10px;
}

div#ref_thumbnails {
	text-align: 			center;
	width: 					410px;
	height: 				60px;
	float: 					left;
}

div#ref_thumbnails img {
	border: 				1px solid #B3C4D3;
	padding: 				1px;
}

div#ref_thumbnails img:hover,
div#ref_thumbnails img.sfhover {
	border:					1px solid #003A6B;
}

img.refthumb {
	margin: 				2px;
	margin-top: 			5px;
}

div#ref_thumbnails_container a#leftbutton {
	margin-left: 			10px;
	margin-top: 			22px;
	float: 					left;
	background-image:		url('../img/arrow_left.gif');
	background-repeat:		no-repeat;
	width: 					25px;
	height: 				20px;
	display: 				inline-block;
}

div#ref_thumbnails_container a#leftbutton:hover {
	background-image:		url('../img/arrow_left_hover.gif');
}

div#ref_thumbnails_container a#rightbutton {
	margin-right: 			10px;
	margin-top: 			22px;
	float: 					left;
	background-image:		url('../img/arrow_right.gif');
	background-repeat:		no-repeat;
	display: 				block;
	width: 					25px;
	height: 				20px;
	display: 				inline-block;
}

div#ref_thumbnails_container a#rightbutton:hover {
	background-image:		url('../img/arrow_right_hover.gif');
}


/* SHOPPINGCART */
table#shoppingcart{
	width:					730px;
	margin:					20px;
	margin-right: 			0px;
}

table#shoppingcart tr th{
	padding:				6px;
	padding-left:			15px;
}

table#shoppingcart tr td{
	padding:				6px;
	padding-left:			15px;
}

table#shoppingcart tr td a {
	color: 					#5C5C5C;
}

table#shoppingcart tr th#description {
	width: 					540px;
}

table#shoppingcart tr th#number,
table#shoppingcart tr th#prize {
	width: 					80px;
}

table#shoppingcart tr th#delete {
	width: 					20px;
}

table#shoppingbottom {
	width: 					230px;
	float: 					right;
	margin: 				0px;
}

table#shoppingbottom td.bottomprize {
	text-align: 			right;
	padding-right: 			15px;
}

div#shoppingcart_buttons {
	clear: 					both;
	width: 					355px;
	float: 					right;
	margin-top: 			20px;	
}


/* FORMS */
div#content form {
	margin: 				0 15px;
	margin-left: 			35px;
	float: 					left;
	display:				inline;
}

form dt { 
	float: 					left;
	width: 					115px;
	padding-top: 			10px;
	min-height: 			1px; /* Required to give layout to empty elements */
	font: 					11px Arial, Helvetica, sans-serif;
	color: 					#5C5C5C;
}

form dd {
	margin-left: 			110px;
	padding-top: 			10px;
}

form dd img {
	position: 				relative;
	top: 					3px;
}

input[type=text],
input[type=password],
textarea {
	padding: 				2px;
	background: 			url(../img/input_bg.jpg) no-repeat;
	border: 				1px solid #bbb;
	font: 					11px Arial, Helvetica, sans-serif;
	color: 					#5C5C5C;
}

form .small { width: 150px; }
form .left { width: 150px; }
form .medium { width: 200px; }
form .large { width: 260px; }
form .extra-large { 
	width: 					320px; 
}

form textarea.extra-large { 
	width: 					300px; 
	line-height: 			150%;
}

/* SCHILDERS */
div#blockheader {
	width:					730px;
	height:					15px;
	margin:					0px;
	padding-top:			0px;
	padding-left:			0px;
	padding-right:			0px;
	background-image:		url('../img/backgrounds/block/h2.gif');
	display:				block;
}

div#main div.block table#painter {
	margin: 				0px;
	margin-left: 			15px;
	margin-bottom: 			20px;
}

div#main div.block table#painter td {
	padding-left: 			0px;
}

div#main div.block table#painter a.button-right {
	float: 					left;
	margin-top:				10px;
}

div#main div.block table td.blue {
	color: 					#003A6B;
	font-weight: 			bold;
	width: 					180px;
}


/* INPUT */

input#aantal {
	width:					30px;
}

div.search input {
	width:					155px;
}

form#loginform input {
	width:					155px;
	padding-top:			1px;
	padding-bottom: 		1px;
}


/* ADD COLOR */

h1#addcolor {
	margin-left: 			20px;
}

div#kleurinfo a.button-right {
	line-height:  130%;	
}

div#kleurinfo,
div#kleurcontainer {
	width:					360px;
	height:					420px;
	overflow:				auto;
	float:					left;
	line-height:			100%;
	margin-top:				50px;
}

div#kleurcontainer {
	margin-left: 			20px;
}

div#kleurcontainer a.kleurblok {
	display:				block;
	width:					80px;
	height:					48px;
	float:					left;
	margin:					0px 5px 5px 0px;
	cursor:					pointer;
}

div#kleurcontainer a.kleurblok span {
	margin-top:				35px;
	background-color:		#fff;
	display:				block;
	text-align:				center;
	color:					#5C5C5C;
	height:					14px;
}

div#kleurinfo {
	width:					320px;
}

div#kleurinfo h2 {
	margin:					0px 0px 10px 10px;
	color:					#0EAADD;
}

div#kleurinfo h3,
div#kleurform h3 {
	font-size:				12px;
	font-weight:			bold;
	margin-bottom:			0px;
	padding:				0px;
	color: 					#0EAADD;
}

div#kleurinfo p {
	margin:					20px 10px;
	line-height:			160%;
}

form#kleurform {
	margin:					10px;
}

form#kleurform a.moreinfo {
	float:					left;
	line-height:			135%;
}

form#kleurform textarea {
	width:					95%;
}


/* ADD PRODUCT */

div#addproduct {
	width: 					630px;
	padding-bottom: 		20px;
	line-height: 			170%;
}
div#addproduct h2 {
	color: 					#0EAADD;
	margin-top: 			15px;
	padding-bottom: 		5px;
}

div#addproduct form {
	margin-left: 			35px;
}

div#addproduct_list {
	width: 					580px;
	height: 				270px;
	overflow: 				auto;
	margin-left: 			25px;
	margin-top: 			20px;
	padding: 				0px;
	padding-bottom: 		0px;
}

div#addproduct input {
	margin: 				0px;
}

div#addproduct img#livesearch {
	margin-left: 			5px;
}

div#addproduct_list a.product {
	background-image: 		url('../nav/buttons/add-product-button.gif');
}

div#addproduct_list a.product:hover {
	background-image: 		url('../nav/buttons/add-product-button-hover.gif');
}

div#addproduct_list a.product p {
	margin-bottom: 			2px;
}

div#addproduct_list a.product span.add-button{
	width:					90px;
	height:					22px;
	padding-top:			2px;
	padding-left:			7px;
	background-image:		url('../nav/buttons/add-product.gif');
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#003A6B;
	display:				block;
	cursor:					hand;
}

a.product:hover span.add-button {
	text-decoration:		none;
	background-image:		url('../nav/buttons/add-product-hover.gif');	
	cursor:					hand;
}

div#full dl
{
	margin-left: 			35px;
}

/* PROJECT VERHUIZEN */
div#main div.block table#move {
	margin: 				0px 0px 15px 0px;
	padding: 				0px;
}

div#main div.block table#move td {
	border: 				0px;
}

div#main div.block table#move td#txt {
	width: 					100px;
}

div#main div.block table#move td#input {
	width: 					300px;
}

input.move { 
	width: 					300px; 
}

table#move a.button-right {
	float:					left;
	margin-right:			0px;
}

table#move select {
	width: 					300px;
	background: 			#ffffff url(../img/input_bg.jpg) no-repeat top;
	border: 				1px solid #BBBBBB;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				11px;
	color: 					#5C5C5C;
	padding: 				2px;
}


/* PROJECT BEWERKEN */
div#main div.block table#move td#input {
	width: 					300px;
}

/* MIJN KLANTEN */
div#main div.block table#customers {
	margin: 				0px 0px 10px 15px;
	padding: 				0px;
}

div#main div.block table#customers td {
	padding:				8px 0px;
}


/* SELECT */

select {
	font-size: 				11px;
	font-family: 			Arial, Helvetica, sans-serif;
	color: 					#5C5C5C;
	font-weight: 			normal;
}

div#content ul {
	margin:					0px;
	list-style:				none;
}

div#content li {
	margin:					0px;
	line-height:			160%;
}