html, body {
	margin-left: 			0px;
	margin-top: 			0px;
	margin-right: 			0px;
	margin-bottom: 			0px;
	background:				url(../layout/body_bg.jpg);
	font-family:			"Trebuchet MS";
	font-size:				13px;
	line-height:			14px;
	color:					#333333;
	
}
/* Algemene declaraties */

a {
	text-decoration:		none;
	color:					#00693f;
}

a.toevoegen {
	width:				191px;
	height:				25px;
	background-image:	url(../layout/voegartikeltoe.png);
	color:				#FFFFFF;
	cursor:				pointer;
	float:				left;
	margin-top:			5px;

}

a.wis {
	cursor:pointer;
	color:				#990000;
	font-size:			14px;

}

a:hover {
	text-decoration:		underline;
	}

h1 {
	font-size:				14px;
	color:					#795110;
	padding:				0px 0px;
	margin:					0px 0px;
}

.breadh1 h1{
	font-size:				10px;
	width:					100%;
	float:					left;
}

h2 {
	font-size:				13px;
	color:					#c46300;
	padding:				3px 0px;
	margin:					5px 0px;
	border-bottom:			1px dotted #795110;
	clear:					both;
}

.item h2 {
		
	font-size:				13px;
	color:					#c46300;
	padding:				0px 0px;
	margin:					5px 0px;
	border:					none;
}

.itemtop h2 {

	margin-left:			15px;
	margin-top:				7px;

}

.sidebar h2 {
	font-size:				13px;
	color:					#c46300;
	padding:				3px 0px;
	margin:					5px 0px;
	border-bottom:			1px dotted #795110;
}



li {
	list-style:				none;
}

fieldset {
	margin-top:				15px;
	margin-bottom:			15px;
}

/* Einde Algemene declaraties */



/* Pagina declaraties */
.page {
	width:					994px;
	margin:					0 auto;
}

/* Header declaraties */

.header {
	width:					994px;
	height:					148px;
	background-image:		url(../layout/header_background.jpg);
	background-repeat:		no-repeat;
}

#hurricanelogo {
margin-right:25px;
}

.header .flash {
	margin-left:			20px;
	margin-top:				23px;
	float:					left;
}


.zoeken {
	width:					200px;
	float:					right;
	color:					#000;
	margin-left:			40px;
}

.header .winkelmandje {
	width:					140px!important;
	width:					120px;
	float:					left;
	padding-left:			20px!important;
	padding-left:			0px;
	padding-top:			80px;
	color:					#666;
	font-size:				13px;
	color:					#795110;
}



.header .winkelmandje input {
	color:					#666;
}

.header .winkelmandje p {
	margin-top:				5px;
}


/* Content declaraties */

.offertesnel {
	display:			block;
	margin-right:		8px;


}

.content {
	width:					994px;
	padding:				0;
	margin:					0;
	overflow: 				auto;
}

.content .top {
	width:					802px;
	height:					23px;
	background:				url(../layout/content_top.jpg);
	background-repeat:		no-repeat;
	padding-top:			20px!important;
	padding-top:			0px;
	padding-left:			192px;
	
}

.content .top .breadcrumbs {
	width:					584px;
	float:					left;

}

/* TBV Menu declaraties */

.content .left {
	width:					157px;
	float:					left;
	padding:				0;
	margin:					0;
}
.naw_gegevens {
	width:					154px;
	text-align:				right;
	color:					#FFFFFF;
	float:					left;
	margin-top:				30px;
}

/* TBV Home declaraties */

.content .right {
	width:					837px!important;
	width:					833px;
	float:					left;
	margin-bottom:			40px;
	min-height:             650px;
	padding:				0;
	margin:					0;
	clear:					none;
	overflow: 				hidden;
	background-image:		url(../layout/right_bg.jpg);
	}

.content .right .home {
	width:					580px;
	height:					200px;
	float:					left;
	margin-top:				20px;
}

.content .right img {
	border:					none;
	margin-right:			5px;
}

.content .right .topmerken   {
	height:						140px;
	
}

.content .right .meestgezocht   {
	height:						140px;

}

.content .right .branches  {
height:						300px;

	
}
.content .right .branches img {
margin:						1px;
padding:					0px;

}

.content .right .home .item {
	width:					505px;
	height:					185px;
	display:				block;

	margin-left:			36px;
	margin-bottom:			30px;
	padding-left:			20px;	
}


.content .right h1 {
	margin-bottom:			20px;
}
.content .right .details {
	width:					350px;
	float:					left;
	line-height:			16px;
	border:					1px dotted #c46300;
	margin-left:			60px!important;
	margin-left:			20px;
	margin-top:           	40px;
	padding-left:			20px;
	padding-right:			20px;
	padding-top:			20px;
	
}

.content .right .details_bewerking {
	width:					300px;
	float:					left;
	border:					1px dotted #c46300;
	float:					left;
	padding-left:			20px;
	padding-right:			20px;
	padding-top:			25px;
	padding-bottom:			25px;
	clear:					both;
}

.bewerk_img {
	display: block;
	float:right;
	width:300px;
	text-align:right;
}

.bewerk_img img {
margin-bottom:10px;
}

.content .right .details p {
	margin-top:				10px;
}

.content .right .details .regel {
	width:					350px;
	float:					left;
}
.content .right .details .links {
	width:					150px;
	float:					left;
}

.content .right .details .rechts {
	width:					200px;
	float:					left;
}

.details  input.aantallen {
	border:					1px dotted #CCCCCC;
	width:					40px;
}

.content .right .fotos {
	width:					300px;
	float:					right;
	margin-top:				40px;
	padding-left:			20px;
	padding-right:          20px;
}

/* ITEM BOXES HOMEPAGE */
.itemtop {
width:						525px;
height:						23px;
float:						left;
background-image:			url(../layout/item_top_bg.jpg);
background-repeat:			no-repeat;
}

.itemcontent {
width:						525px;
min-height:					160px;
float:						left;
padding-left:				15px;
background-image:			url(../layout/item_content_bg.jpg);
background-repeat:			repeat-y;

}

.itemcontent img {
float:						right; 
padding-right:				20px;
 }

.itemfooter {
width:525px;
height:20px;
float:left;
background-image:			url(../layout/item_footer_bg.jpg);
background-repeat:			no-repeat;
}

.content .right .home .item .tekst {
	width:					280px;
	float:					left;
	margin-bottom:			4PX;
}

.content .right .sidebar {
	width:					175px;
	float:					right;
	margin-right:			30px!important;
	margin-right:			10px;
	margin-top:				20px;
	text-align:				right;
}

.content .right .sidebar input {
	width:					120px;
	border:					1px dotted #ccc;
}

.content .right .sidebar .zoeken input {
	width:					auto;
	border:					none;
}

.content .right .sidebar .alles_leveren {
	margin-top:				40px;
}


.content .right .sidebar#categorien {
	width:					120px!important;
	width:					110px;
	float:					right;
	margin-right:			30px!important;
	margin-right:			10px;
	margin-top:				20px;
	text-align:				right;
}

.content .right .sidebar#categorien ul {
	float:					left;
	width:					120px;

}


.content .right .sidebar#categorien img {
	margin-bottom:			5px;
}

.content .right .sidebar#categorien li {
	margin-bottom:			5px;
	border-bottom:			1px dotted	#CCCCCC;
}

.content .right .sidebar#categorien ul li {
	float:					left;
	width:					100px;
	margin-left:			-20px;
	text-align:				right;
}



.alles_leveren_overzicht {
	margin-top:				40px;
	margin-right:			5px;
	float:					left;
}

/* Artikel overzicht declaraties */

.content .right .overzicht {
	width:					600px!important;
	width:					590px;
	margin-left:			30px!important;
	margin-left:			10px;
	float:					left;
	margin-top:				20px;

}

.content .right .overzichtsitemap {
	width:					700px!important;
	width:					690px;
	margin-left:			30px!important;
	margin-left:			10px;
	float:					left;
	margin-top:				20px;
}


.content .right .overzicht input {
	color:					#666;
	border:					1px solid #ccc;
	height:					20px;
}

.overzicht .item {
		float:					left;
		margin:					2px;
		text-align:				center;
		width:					180px;
		padding:				5px 5px 0px 5px;
		height:					260px;
		border:					1px dotted #CCCCCC;
		overflow:				hidden;
	
	}
	.overzicht .titel {
		height:					30px;
		line-height:			13px;
	}
	.overzicht .item .omschrijving {
		float:					left;
		margin:					2px;
		text-align:				center;
		width:					180px;
		padding:				5px 5px 0px 5px;
		height:					240px;
		border:					1px dotted #CCCCCC;
		overflow:				hidden;
	}
	
	 .overzicht .thumbnail {
		float:					left;
		width:					175px;
		height:					200px;
	}

/* Detail info */

.kleur {	
	border-top-width: 1px;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-top-style: solid;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-top-color: #000000;

border-right-color: #000000;

border-bottom-color: #000000;

border-left-color: #000000;

height: 18px;

width: 18px;

display: block;

float: left;

font-size: 0.00009em;

cursor: pointer;

margin-top: 2px;

margin-right: 2px;

margin-bottom: 2px;

margin-left: 0px;
}

/*snelofferte */

.omschrijving {
display:		block;
float:			left;
margin-top:		20px;
margin-bottom:	30px;
}

.informatie-aanvraagform {
padding:		15px;
width: 			700px;
display:		block;
float:			left;	
background:		#f7f7f7;
}
	
.informatie-aanvraag .privacy {
width:	100%;
font-size:	10px;
color:	#333;
}

	
	
	


/* adresgegevens */


.adresgegevens {
	width:					750px;
	float:					left;
	margin-top:				20px;
}


	.adresgegevens .row {
	width:					750px;
	display:				block;
	float:					left;
	margin-bottom:			3px;
	
	
}

		
	.adresgegevens label {
		clear:					both;
		float:					left;
		width:					100px;
				
	}

	.adresgegevens input {
		float:					left;
		width:					250px;
		border:					1px #CCCCCC dotted;
		padding-bottom:         3px;
		margin-bottom:			3px;
	}
	
		.adresgegevens input#nieuwsbriefcheckbox {
		float:					left;
		width:					20px;
		border:					1px #CCCCCC dotted;
		padding-bottom:         3px;
		margin-bottom:			3px;
	}
	
	#select_small {
		float:					left;
		width:					25px;
		height:					25px;
		padding-bottom:         3px;
	}
		.adresgegevens select {
		float:					left;
		width:					250px;
	
	}
		#select_small {
		float:					left;
		width:					25px;
		height:					25px;
		padding-bottom:         3px;
		background-color:#000000;
	}
	
	.adresgegevens textarea {
		float:					left;
		width:					250px;
		height:					100px;		
	}
	
		.adresgegevens .reset {
		float:					right;
		width:					70px;
	}
	
	.adresgegevens .submit {
		float:					right;
		width:					70px;
		margin-right:			15px;
		
	}
	

/*Winkelmandjeregels */

.mandje .item {
		border:					1px dotted #CCCCCC;
		margin-bottom:			20px;
		width:					760px;
		min-height:				35px;
		float:					left;
		padding:				5px 5px 5px 5px;
}

.mandje .thumb {
		width:					60px;
		min-height:             20px;
		display:				block;
		float:					left;
}

.mandje .naam {
		width:					140px;
		min-height:	 	 	 	20px;
		float:					left;
		display:				block;
}

.mandje .aantal {
		width:					40px;
		float:					left;
}

.mandje .bewerkingen {
		width:					200px;
		height:					20px;
		float:					left;
		display:				block;
		
}

.mandje .bewerking {
		width:					200px;
		float:					left;
		
}

.mandje .delete {
		width:					40px;
		float:					left;
		
}

.submit {
		background:				#996600;
		border:					1px dotted #FFFFFF;
		color:					#FFFFFF;
		cursor:					pointer;
}

.submit:hover {
		background:				#ff9900;
		border:					1px dotted #FFFFFF;
		color:					#000;
		cursor:					pointer;
}
/* Pagina navigatie */

.pages {	
		float:					left;
		margin-bottom:			20px;
}

.pages ul {
		float:					right;
}



/* Footer declaraties */

.footer {
	width:					837px;
	float:					right;
	height:             	60px;
	background-image:		url(../layout/footer_bg.jpg);
	background-repeat:		no-repeat;
	padding-top:			35px;
	color:					#CCCCCC;
	text-align:				center;
	background-color:		#343434;
}

.footer a {
	color:					#ccc;
}

.footer a:hover {
	color:					#fff;
}

/* FOOTER LOGO */

.footer_logo {
	width:					837px;
	float:					right;
	background-image:		url(../layout/right_bg.jpg);
	background-repeat:		repeat-y;
	color:					#CCCCCC;
	text-align:				center;
}


/* EXTRA INFO */
.extra_info {
margin-bottom:10px;
font-size:10px;
}

.dot_orange {
	border-bottom: 1px dotted #795110;}
	
	
/* BESTELLIJST */
.infolijst {
	width:			150px;
	float:			left;
	clear:			both;
	display:		block;
}

.infolijst2 {
	width:			150px;
	float:			left;
	display:		block;
}

.infolijst3 {
	width:			200px;
	float:			left;
	display:		block;
}

.informatie_aanvraag {
margin-top:		40px;
width:			500px;
float:			left;
display:		block;

}

.informatie_aanvraag  p {
margin-top:		2px;

}

.informatie_aanvraag label {
clear:both;
color:#000000;
display:block;
float:left;
height:17px;
padding-right:5px;
text-align:left;
width:160px;
}

.informatie_aanvraag input, .informatie_aanvraag select {
background:#FFFFFF none repeat scroll 0%;
float:left;
width:160px;
}

.informatie_verstuur {
background:#CCCCCC none repeat scroll 0%;
margin-left:147px;
margin-top:10px;
width:60px;
}

.error {
color:#FF0000
}

/* SITEMAP*/
.sitemap {
	width:			200px;
	float:			left;
	display:		block;
	margin-left:	20px;
}

.sitemap2 {
	width:			200px;
	float:			left;
	display:		block;
	margin-left:	20px;
}

.sitemap3 {
	width:			200px;
	float:			left;
	display:		block;
	margin-left:	20px;
}

.sitemap ul {
	width:			190px;
	float:			left;
	margin:			0px;
	padding:		0px;

}

.sitemap li {
	margin-bottom:	7px;
	width:			100%;
	height:			13px;
	background:		#f7f7f7;
	list-style:		none;
}

.right .overzicht li {
	margin-bottom:	7px;
	width:			100%;
	list-style:		outside;
}


/* BESTELLIJST */

.bestellijst {
	width:					750px;
	margin-left:			30px;
	float:					left;
	}

/* FLASHBLOKJE */

.flashblock_container {
	width:				505px!important;
	width:				485px;
	height: 			105px;
	overflow: 			hidden;
	display:			block;
	float:				left;
	margin-right:		20px;
	margin-top:			20px;
}
.flashblock_container img {
	border:				none;
	margin: 			0 15px 0 0;
	padding:			0;
}

/* MERKEN */

.merken_overzicht {
	width:					750px;
	margin-left:			30px;
	float:					left;
}

.merk_overzicht {
	width:					350px;
	margin-left:			30px;
	float:					left;
	margin-top:				20px;
}


.merk_overzicht img{
	margin-top:				20px;
}

.content .right .directlinks {
	width:					350px!important;
	width:					340px;
	margin-left:			30px!important;
	margin-left:			40px;
	float:					left;
	margin-top:				20px;
}



.merk_foto {
margin-top:20px;
float:left;
display:block;

}

/* ARTIKELEN BOX tbv MERKEN */
.artikelenbox_container {
width:			425px;
display:		block;
float:			left;
}

.artikelenbox_container a {
text-decoration:none;
}

.artikelenbox {
	width:			130px;
	height:			130px;
	float:			left;
	background-image:		url(../layout/artikelenbox.jpg);
	text-align:				center;
	margin-right:			10px;

}

.merk_txt {

}

.artikelenbox img {
	width:			100px;
	height:			100px;
	margin-top:		6px;
	margin-left:	15px;
	margin-right:	15px;
	margin-bottom:	0px;
	text-align:		center;
}

/* INFO FORMS */


.checkboxes {

	float:		left;
}

.errorMessage {
	color:			#c46300;
	padding-left:   2px;
	font-weight:	bold;
}



.informatie-aanvraag p {
margin-top:			0px;
margin-bottom:		0px;
}

.informatie-aanvraag {
	float:			left;
	margin-top:		20px;
}


.informatie-aanvraag form {
 
 
    padding:		15px;
    width: 			420px;
    }
	
	.informatie-aanvraag label
    {
    float: left;
    width: 75px;
    text-align: right;
    
    margin-right: 15px;
    }
	
	
	
	
	.informatie-aanvraag input
    {
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    width:150px;
    margin-bottom: 10px;
    }
	.informatie-aanvraag input#postcode
    {
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    width:50px;
    margin-bottom: 10px;
    }
	
		.informatie-aanvraag input#postcode2
    {
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    width:20px;
    margin-bottom: 10px;
    }
	
	.informatie-aanvraag-small input
    {
    background-color: #f5f5f5;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    width:150px;
    margin-bottom: 10px;
    }
	
	.informatie-aanvraag select
    {
    width: 120px;
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 10px;
    }
	
	.informatie-aanvraag textarea
    {
    width: 250px;
    height: 100px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    font-family: Arial, Helvetica, sans-serif;
    
    margin-bottom: 10px;
    }  
	.errorInput {
border:1px solid #FF0000;
}

.pdf_downloads {
	width:			180px;
	height:			auto;
	float:			left;
	border-right:	1px dotted #CCCCCC;
	margin-right:	19px;
}

.pdf_downloads #even {
	background-color:		#f2f2f2;
}

.pdf_downloads #oneven {
	background-color:		#f8f8f8;
}

.pdf_downloads a {
	width:			160px;
	height:			23px;
	float:			left;
	background-image:		url(../images/pdf_download_btn.jpg);
	background-position:	right top;
	background-repeat:		no-repeat;
	margin-top:		15px;
	margin-right:	40px;
	text-decoration:none;
	border-bottom:			1px solid #FFFFFF;
	line-height:	11px;
}

.pdf_downloads a:hover {
	background-image:		url(../images/pdf_download_btn.jpg);
	background-position:	right bottom;
	border-bottom:			1px solid #CCCCCC;
}

.bewerkingselecteren {
	width:				320px;
	height:				140px;
	padding-top:        90px;
	padding-left:       10px;
	padding-right:      10px;
	background-image:	url(../images/bg_stap1.png);
	background-repeat:	no-repeat;
	float:				left;
	font-size:			14px;
}

.voeglogotoe {
	width:				300px;
	height:				140px;
	padding-top:        90px;
	padding-left:       10px;
	padding-right:      10px;
	float:				left;
	margin-left:		45px;
	background-image:	url(../images/bg_stap2.png);
	background-repeat:	no-repeat;
	font-size:			14px;

}