@charset "utf-8";
/* CSS Document */


* {
	border:0;
	padding:0;
	margin:0;
	}


*html .container { background-image:url(../img/bg_container.gif)}
*html .hr_ { margin:10px 30px 0px 50px ; border-top:#d1d1d1 solid 2px; padding-bottom:40px; padding-top:10px; font-size:10px; color:#8f8f8f}
*html .intro { background-image:url(../img/taalkeuze_ie6.jpg)}
body {
	margin:0 auto;
	padding:0;
	background: url(../img/bg.jpg);
	text-align:left;
	font-family:Verdana,Arial,Helvetica;
	font-size:12px;
	}
h1 { color:#ee0000; font-size:15px; text-transform: uppercase; text-decoration:none; font-weight:; padding:35px 0 10px}
h2 { color:#ee0000; font-size:16px; text-transform: capitalize; text-decoration:none; font-weight:bold; padding:25px 0 10px}
h3 { }
h4 { color:#003068; font-size:18px; padding-top:30px; text-transform:capitalize}
h5 { padding:10px 0 0 10px; margin:0; font-weight:bold; font-size:15px}

p, ol { padding-top:15px}
ol li { list-style-position:inside;}
.container {
	width:850px;
	background: url("../img/bg_container.png") repeat-y center;
	margin:0 auto;
	padding:0 30px 0 30px;
	color:#003068;

	}
.clear { clear:both; height:1px}
input { 
	height:17px;
	border:1px solid #333;
	vertical-align:middle;
	margin-right:5px;
	}
input[type="submit"], input[type="button"] {
	cursor:pointer; 
	background:#003068; 
	width:140px !important;
	color:#FFFFFF; 
	float: left;
	clear: both;
	margin-left:85px; 
	margin-top: 35px;
	border: hidden; 
	vertical-align:text-top; 
	font-size:12px; 
	height:23px; 
	padding-bottom:5px;
	}
input[type="submit"]:active, input[type="button"]:active {
	background:#ccc; 
	color:#003068; 
	}

.left { float:left}
.right { float:right}

#nav { list-style:none; line-height:32px}
#nav a { text-decoration:none; text-transform:uppercase; font-size:13px; padding:8px 20px; color:#003068}
#nav li:hover, #nav li.on { color:#fff; background-color:#003068;}
#nav li.on a { color:#FFFFFF; cursor:default:} 
#nav li:hover a { color:#FFFFFF}

.menu { width:200px; margin:30px 40px 80px 0; text-align:right}

.header {clear:both; padding: 25px 25px 10px 30px; text-align:right;	font-size:14px;}
.header img { float:left}
.header p { padding-top:0}
.header .portal {text-decoration: none; color:#003068}
.header .portal:hover {text-decoration: underline;}
p.lang { color:#ee0000; padding-top:15px}
p.lang a { text-decoration:none; color:#003068; font-size:12px}
p.lang a:hover { text-decoration:underline}

.main_content {padding:20px 80px 30px 0px; line-height:18px; font-size:13px; width:510px; float:right}
.main_content ul { margin:-15px 0 0 13px}

.main { width:590px; float:right}

.red { color:#b40000}

#content{
	
	margin: 15px 0 15px 0;
	padding: 0 40px 0 0;
}

#footer {font-size:12px; padding:8px 0; margin:40px 20px;}
#footer span {float: left;}
#footer img  { padding-left:90px; vertical-align:bottom}
#footer a { color:#003068; text-decoration:none;}
#footer a:hover { text-decoration:underline}
#footer .logo { float: right;text-align: right;}
#footer .logo a{ color: #666}
#footer p { padding-top:20px; padding-bottom:15px; border-top:1px solid #002f67}


/*__________referenties page ______________*/
#refintro{
	margin: 22px 0 0 0;
	padding-right: 70px;
}

fieldset label { font-size:14px; padding-right:25px}
select { width:250px; font-size:11px; border:1px solid #333333; padding:0; margin-left:0px; height:19px }
.optional{
	float: left;
}
.region{
	float: left;
	clear: none;
}
* html .region{
	margin-left: 3px;
}

/*-------------- intro page ------------------*/
.intro { background:url(../img/bg_taalkeuze.png) center no-repeat; margin:150px auto; padding-top:260px; padding-bottom:115px;}
.intro p { text-align:center; text-transform:uppercase; color:#003068; font-size:14px}
.intro a { text-decoration:none; color:#ed3030}
.intro a.txt { text-decoration:none; color:#003068}
.intro a:hover { text-decoration:underline}


.btn { padding-bottom:0px !important; vertical-align:middle}


/*________________________________________________end___________________________________________________*/




/*haks*/
#middle h2 { display:none; font-size:1px}






.error-message{
	float: left;
	color: red;
	margin: 0 0 0 10px;
}
textarea{
	height: 80px;
}


	input.back{
		text-decoration: none;
		margin-left: 0;	
	}

input:focus,textarea:focus{
	background: #f5f5f5;
	border-color: #cc3333;
}

.checkbox input{
	float: left;
	clear: none;
	margin: 0;
}
.checkbox label{
	float: left;
	text-align: left;
	margin-left: 10px;
	width: 90%;
}

.radioset input{
	float: left;
	clear: left;
}
.radioset label{
	float: left;
	clear: right;
	text-align: left;
	margin-left: 10px;
}

fieldset{
	margin: 10px 0 20px 0;
	border: 1px #ccc solid;
	padding: 15px 10px;
}
fieldset legend{
	color: #666;
}


	a.back{
		float: left;
		clear: both;
		width: 60px;
		margin: 10px 0 0 0;
		font-weight: bold;
		color: #666;
		text-decoration: none;
		padding: 1px 2px 1px 2px;
	}
	a.back:hover{
		text-decoration: none;
		background: #3761a3;
		color: #fff;
	}


/*TABLE LAYOUT */
table {
	width: 500px;
	border-collapse: collapse;
	empty-cells: show;
	clear: both;
	margin: 0 0 20px 1px;
}
table a{
	color: #4b3d1a;
}
table a:hover{
	text-decoration: none;
}
table p{
	margin: 0;
}
caption {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	font-size: 16px;
	text-align: left;
	margin-left:-1px;
	color: #000;
	background-color: #bbb;
}
th, td  {
	font-size: 11px;
	padding: 5px 8px 5px 8px;
	background-color: transparent;
	color: #333;
	border: 1px solid #999;
}
th {
	background-color: #f1f1f1;
	color: #999;
}
th span, th a {
    background: transparent;	
    color: #333;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
th a:hover, .current-sort {
	text-decoration: underline;
}


/* PAGING */
#paging{
	margin: 5px 0 50px 0;
}
#paging span{
	margin: 0 5px 0 0;
	border: 1px solid #c0cfd7;
	border-width: 0 1px 0 0;
	padding-right: 7px;
}
#paging a{
	
}
#paging a:hover{
	text-decoration: none;
}
#paging .current, #paging .number{
	padding: 0 5px 0 5px;
	border: 1px solid #ccc;
	border-width: 0 1px 0 0;
	
}
#paging .current{
	font-weight: bold;
	font-size: 13px;
}


.total{
	text-align: right;
	font-weight: bold;
}



/* LIST */
.list{
	width: 100%;
	clear: both;
	float: left;
}

	.list ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
				
	}
	.list ul li{
		margin: 0;
		padding: 0 0 4px 0;
		width: 100%;
	}
	.list ul li a{
		float: left;
		text-decoration: none;
		margin:0;
		padding: 5px 0 4px 0;
		width: 100%;
	}	
	.list ul li a:hover,.list ul li a.active{
		background: #fff;
		color: #4276ab;
	}	
	.list ul li a span{
		float: left;
	}
	.list ul li a .date{
		margin: 0 15px 0 12px;
	}


/* LOGIN LAYOUT */
	#login h3{
		font-size: 18px;
		color: #fff;
		clear: both;
		margin:0 0 10px 0;
		width: 100%;
	}
	#login label{
		text-align: left;
		clear: both;
		color: #444;
		margin: 0;
	}
	#login input.text{
		width: 140px;
		clear: both;
		margin: 0 0 13px 0;
	}
	#login input.btn{
		clear: both;
		width: 100px;
		margin: 5px 0 0 0;
		padding: 0;
	}
	#login .errormessage{
		clear: both;
		font-size: 11px;
		color:red;
		font-weight: bold;
		margin: 0;
		width: 100%;
	}
	#login a{
		float: left;
		clear: both;
		margin: 5px 0 0 0;
		padding: 2px;
		border: 1px dotted #fff;
		border-width: 0 0 1px 0;
		color: #fff;
		text-decoration: none;
		width: auto;
	}
	#login a:hover{
		background: #fff;
		color: #444;
	}

	
	
/* GENERAL PAGE LAYOUT */
.breadcrumb{
	float: left;
	clear: both;
	margin: 0 0 10px 0;
}
.breadcrumb,.breadcrumb a{
	color: #999;
}
.breadcrumb a:hover{
	text-decoration: none;
}



/* CONTACT FORM */
#contact .withclear{
	float: left;
	clear: both;
}

#contact label{
	float: left;
	width: 120px;
	margin: 0 15px 4px 0;	
	height: 18px;
	color: #676765;
}
#contact .btn{
	margin: 0px 0 0 140px;
}
#contact select, #contact input.text, #contact textarea {
}
.input { clear:both; margin:10px 0}
.input label { padding-right:5px; }
.input #searchRegion { width:247px}
#contact select {
}

#contact .error-message{
	float: left;

	color: red;
	margin: 0 0 10px 0;
}
#contact .formleft{
	float: left;
	width: 470px;
	margin-top:30px;
}
#contact .formleft input, #contact .formleft textarea { width:250px; border:1px solid #ccc}
#contact .formright{
	float left;
	clear: right;
}
#contact .formright ul {
	list-style:none;
	padding:0 7px 0 10px;
	margin:0;
	width:112px;
	float:left;
}
#contact .formright ul a {color:#666;}
#contact p.required-info  { color:#666 !important; padding:0 0 0 140px; margin-bottom: 10px}
.contact { margin-left:100px !important}





/* PRODUCT GROUPS OVERVIEW */
.props_filter{
    clear: both;
    width: 530px;
    position: relative;
    left: -10px;
    /* margin : 10px; */
}
#productgroups{
	width: 470px;
	float: left;
	clear: both;
}
#productgroups th,#productgroups td  {
	font-size: 11px;
	padding: 5px 8px 5px 8px;
	background-color: transparent;
	color: #666;
	border: 1px solid #b2c6e5;
}
#productgroups th {
	background-color: #b2c6e5;
	color: #fff;
}
#productgroups .add_btn{
	background: transparent;
	border: 0;
	cursor:pointer;
	margin: 0;
}
#productgroups .amount_input{
	border: 2px solid #888;
	padding: 1px 2px 1px 2px;
	text-align: center;
	font-weight: bold;
}
.productcell {
    float: left;
    margin: 15px 15px 15px 0;
    width: 205px;
}
	.productcell h3{
    	margin: 0 0 3px 0;
    	color: #3761a3;
    	font-size: 12px;
	}
	.productcell img{
    	border: 6px #b2c6e5 solid;
	}
	
	.productcell .pricebox{
		float: left;
		clear: both;
	}
	.productcell .pricebox .price{
		font-size: 13px;
		font-weight: bold;
		float: right;
		margin: 4px 2px 0 5px;
		clear: right;
		width: 100px;
	}
	.productcell .pricebox .cartBtn{
		border: 0;
		float: left;
		margin: 4px 10px 0 2px;
		clear: left;
	}
	.productcell .img-blok {
		float:left;
		position:relative;
		clear: both;
	}
	.productcell .img-blok img {
		display:block;
	}
	.productcell .img-blok a.special img {
		position:absolute;
		bottom:0px;
		right:0px;
		cursor:pointer;
		border: 0;
	}
	
.amount{
	border: 2px solid #888;
	padding: 1px 2px 1px 2px;
	text-align: center;
	font-weight: bold;
}
.remove img{
	border: 0;
}



/* STEPS */
.regform{
	float: left;
	width: 270px;
	border: 3px solid #b2c6e5;
	padding: 15px;
	margin: 0 10px 10px 0;
	height: 120px;
}
#existing_user h2, #new_user h2{
	font-size: 14px;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}
.regform label{
	text-align: left;
	width: 100px;
}
.regform button{
	margin: 10px 0 0 115px;
}
.regform a{
	margin-left: 115px;
}

/* STEP 1 */
#register{
	float: left; 
	clear: both;
}



/* STEP 4 */

.editproducts{
	margin: 10px 0 10px 0;
	float: left;
	clear: both;
}
table .total td{
	font-weight: bold;
	font-size: 15px;
}
table .tdright{
	text-align: right;
}
table .tdleft{
	text-align: left;
}

/* SUCCESS */
.printorder{
	float: left;
	clear: both;
	margin: 20px 0 0 0;
}


/* PRINTFORM */

#printform{
	width: 600px;
	font-family: Arial, verdana, helvetica;
	font-size: 11px;
}
#printform h1{
	font-size: 18px;
}
#printform p{
	font-size: 12px;
}
#printform table{
	width: 600px;
	margin: 0 0 20px 0;
}
#printform caption{
	margin: 10px 0 0 0;
}
#printform th,#printform td  {
	background-color: transparent;
	color: #666;
	border: 1px solid #ccc;
}
#printform th {
	background-color: #ccc;
	color: #666;
}

/* FORGOT PASSWORD */
#forgotform{
	margin: 20px 0 0 0;
}
#forgotform button{
	margin: 10px 0 0 135px;
}

#flashcontent{
    height: 530px;
    width: 760px;
}

.highlight {
    font-weight: bold;
    color: #666;
}

/* REFERENCES MODULE */
.reference{
	padding: 0 0 15px 0;
	margin-bottom: 20px; 
	float: left;
}

.reference a{
	display:block;
	font:bold 11px;
	margin: 0;
	color: #666;
	float: left;
	font-size: 15px;
	margin-bottom: 10px;
	text-decoration: none;
	padding: 0;
}
.reference .date, .reference .region{
	float: left;
	border: 1px #ccc dotted;
	border-width: 0 0 0 1px;
	padding: 0 0 0 8px;
	margin-left: 8px;
}
.reference .date{
	font-size: 12px;
	color: #888;
}
.reference .region{
	clear: both;
	font-size: 10px;
}
.reference .imagelink{
	clear: both;
	font-weight: normal;
	font-size: 11px;
	color: #888;
}
.reference .description{
	float: left;
	clear: both;
	font-size: 11px;
}

/* REFERENCE DETAILPAGE */
.refdate{
	display: block;
	font-size: 10px;
}
.imageLink{
	font-size: 10px;
}


/* COLORPICKER */
#colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(../img/colorpicker/select.png);
}
#colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(../img/colorpicker/select.png) center;
}


/* PICTURE GALLERY */
.galleryThumb {
	float: left;
	margin: 0 15px 30px 0;
}
.galleryThumb img{
	border: 0;
	border: 1px solid #ccc;
}
.galleryThumb a.thumb{
	float: left;
	clear: both;
	margin: 0 0 6px 0;
}
.galleryThumb a.thumbhref{
	float: left;
	clear: both;
}



#thumbs { clear:both}



#pages_files{
	float: left;
	margin: 30px 20px 20px 0;
	width: 250px;
}
	#pages_files h4{
		float: left;
		clear: both;
		margin: 0 0 10px 0;
	}
	#pages_files a{
		float: left;
		clear: both;
		margin: 0 0 5px 0;
	}

#pages_images{
	float: left;
	margin: 30px 0 20px 0;
}
	#pages_images h4{
		float: left;
		clear: both;
		margin: 0 0 10px 0;
	}
	#pages_images img{
		float: left;
		clear: both;
		margin: 0 0 5px 0;
	}	
	#pages_images a{
		float: left;
		clear: both;
		margin: 0 0 5px 0;
	}

a.edit_content{
    text-decoration: none;
    color: red;
}
/* ALT REFERENCES */
.alt_ref_top_menu {
    position:relative;
	float:right;
	top:-24px;
    width:175px;
	right:40px;

}
.alt_ref_top_menu a, .alt_ref_res_link_2 a, .alt_ref_res_link_1 a {
	color:#113f78;
	float: left;
	clear: none;
	margin:0 10px 0 0;
}
.alt_ref_top_menu a:hover, .alt_ref_res_link_2 a:hover, .alt_ref_res_link_1 a:hover { text-decoration:none}
.alt_ref_filter_item {
    margin:10px 10px 0 0;
    width:150px;
    float:left;
    cursor:pointer;
	background-color:#ececec;
	padding:10px;
	overflow:hidden;
	height:190px;
}
.alt_ref_filter_item img { width:150px; padding-bottom:10px}
.alt_ref_filter_item span { text-transform:uppercase; font-size:12px; color:#1d355e}

.alt_ref_clear{
    clear:both;
}

.alt_ref_h3{
    width:150px;
    float:left;
	text-transform:uppercase;
	font-size:13px;
	font-weight:normal;
	color:#113F78;
}

.alt_ref_info {
    padding:15px;
	width:470px;
	background-color:#f1f1f1;
	line-height:24px;
	color:#666666;
	font-size:12px;
	
}

.alt_ref_hvbl_thumb{
    float:left;
}

.alt_ref_res_link_1{
    position:relative;
    top:-22px;
    width:160px;
	float:right;
	right:55px
}

.alt_ref_res_link_2{
    position:relative;
	float:right;
	top:-22px;
    width:150px;
	right:80px
}
.alt_ref_res_link_1 a,.alt_ref_res_link_2 a{
	width: 160px;
}

	
.refhref {
	display: block;
	cursor:pointer; 
	background:#003068; 
	width:140px !important;
	color:#FFFFFF; 
	float: left;
	clear: left;
	margin-left:85px; 
	margin-top: 35px;
	border: hidden; 
	text-align: center;
	vertical-align:text-top; 
	font-size:12px;
	font-family:Verdana,Arial,Helvetica; 
	height:17px; 
	padding:3px 0 3px 0;
	text-decoration: none;
}
* html .refhref{
	margin-left: 44px;
}
.refhref:active{
	background:#ccc; 
	color:#003068; 
}
#show_all{
	margin-top: 35px;
	clear: none;
	margin-left: 20px;
}

div .input label { float: left;color:#113F78 !important; font-size:12px; width: 80px;}

.custom_downloads { position:relative; overflow:hidden; padding-bottom:10px; width:500px}
.custom_downloads h4{float:left;margin: 0 0 20px 0}
.custom_downloads a { font-size:16px; position: inherit; padding:5px 500px 5px 6px; text-decoration:none; text-transform:capitalize; color:#FFFFFF; margin:2px 0 0 0; float: left;width:100%}
.custom_downloads #dl_1{background-color:#cd6601;}
.custom_downloads #dl_2{background-color:#003366;}
.custom_downloads #dl_3{background-color:#6699cc;}
.custom_downloads #dl_4{background-color:#663366;}
.custom_downloads #dl_5{background-color:#669933;}

.download_links { position:relative; overflow:hidden; padding-bottom:10px; width:500px}
.download_links h4{float:left;margin: 0 0 20px 0}
.download_links a { font-size:12px; color: #003366; position: inherit; text-decoration:none; margin:3px 0; clear: both;float: left;}
.download_links a {text-decoration: underline;}