
/* ------- global items ------------------------------------------------------------------------ */

html, body { background:#ffffff; font-family:Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; text-align:left; }
hr         { color:#000000; width:95%; }

/* ------- global id-gebaseerde positioneringsvlakken (en vaste tekst-elementen) --------------- */

#left          { background:#ffffff url('../images/background/side_left.jpg') top right repeat-y; }
#right         { background:#ffffff url('../images/background/side_right.jpg') top left repeat-y; }

#headerlogo    { position:absolute; top:0; left:60px; width:138px; height:71px; text-align:left; padding:1px 0 0 0; }
#header        { background-color:#ffffff; padding:10px 10px 0 0; text-align:right; border-bottom:1px solid #000000; }

#home_vuurwerkshopping	{ position:absolute; bottom:150; left:50px; width:276px; height:38px; text-align:left; padding:0; 
					  	  border-top:1px solid #808080; border-bottom:1px solid #808080; }

#vuurwerkshopping	{ position:absolute; top:560; left:50px; width:215px; height:29px; text-align:left; padding:0; 
					  border-top:1px solid #808080; border-bottom:1px solid #808080; }

#banner		   { position:absolute; bottom:75; left:50px; width:276px; height:170px; text-align:left; padding:0; }
.bannertext	   { margin:10px; text-align:left; color:#ffffff; font-size:12pt; text-transform:uppercase; }

#vuurwerkshopping_box	 { position:absolute; top:373; left:0; width:100%; height:90px; text-align:center; margin:0; padding:0; }
#vuurwerkshopping_banner { height:90px; margin:0 50px; padding:0; background:#000; border-top:1px solid #808080; border-bottom:1px solid #808080; }

#homepagetable { background:#2b2b2b url('../images/background/background500.jpg') 50% 62px no-repeat; text-align:left; }
#pagetable     { background:#ffffff; }

#footers       { background-color:#ffffff; color:#000000; font-size:9pt; text-align:center; padding:10px 0; border-top:1px solid #000000; }
#footers a:link, #footers a:visited { color:#000000; text-decoration:none; }
#footers a:hover, #footers a:active { color:#333399; text-decoration:underline; }

#contenttop    { display:block; margin:0; padding:10px 5px 10px 10px; font-size:10pt; border-bottom:1px solid #808080;
				 background:#1a1a1a url('../images/background/backgroundtop1.jpg') bottom left no-repeat; }

#contenttop_admin { display:block; margin:0; padding:5px; font-size:10pt; border-bottom:1px solid #808080;
				    background:#1a1a1a url('../images/background/backgroundtop1.jpg') bottom left no-repeat; }

#textblok      { position:absolute; bottom:70px; right:70px; width:419px; height:107px; padding:0;
			   	 text-align:right; background:url('../images/layout/tagline40colour2.gif') bottom right no-repeat; }


/* ------- content id-gebaseerde positioneringsvlakken (en vaste tekst-elementen) -------------- */

#nav     { background:#1a1a1a url('../images/background/background215b.jpg') top right no-repeat; border-right:1px solid #808080; }
.menu    { background:#ffffff; border-bottom:1px solid #808080; height:35px; padding:5px;
           display:block; margin:0; font-size:10pt; }

#main    { background:#ffffff; margin:0; padding:0; }
#content { margin:0; padding:0; color:#000000; font-size:9pt; }
.content { margin:0; padding:0; color:#000000; font-size:9pt; }

/* #main	 { background:url(../images/background/chinees150.jpg) left 37px no-repeat; } */
 
#main .content { height:expression(document.body.clientHeight - 150); overflow:auto; }

.contentblok { width:100%; display:block; clear:both; }
.contentleft { float:left; }

#broodkruimels { font-size:8pt; padding:3px 10px; }
#broodkruimels a:link, #broodkruimels a:visited { color:#000000; text-decoration:none; }
#broodkruimels a:hover, #broodkruimels a:active { color:#333399; text-decoration:underline; }

#broodkruimel { font-size:8pt; padding:3px 10px; }
#broodkruimel a:link, #broodkruimel a:visited { color:#000000; text-decoration:none; }
#broodkruimel a:hover, #broodkruimel a:active { color:#333399; text-decoration:underline; }

#service_aa { background:#1a1a1a url('../images/background/service110.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_cv { background:#fbe49f url('../images/background/service110.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_pv { background:#d5dfff url('../images/background/service110.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_vs { background:#ffd1d1 url('../images/background/service110.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_rb { background:#eaeaea url('../images/background/service110.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_pp { background:#f3d9e6 url('../images/background/service110.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_bv { background:#f5ffd9 url('../images/background/service110.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }

#service_en_aa { background:#1a1a1a url('../images/background/service83.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_en_cv { background:#fbe49f url('../images/background/service83.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_en_pv { background:#d5dfff url('../images/background/service83.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_en_vs { background:#ffd1d1 url('../images/background/service83.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_en_rb { background:#eaeaea url('../images/background/service83.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_en_pp { background:#f3d9e6 url('../images/background/service83.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }
#service_en_bv { background:#f5ffd9 url('../images/background/service83.jpg') top left no-repeat; margin:0; padding:0px; border-left:1px solid #808080; }

/* ffda46 = 80% goud						*/
/** ffcc00 = 100% goud						*/
/* f9d97f = kleur uit de ster				*/
/* f4d87d = zelfde kleur, maar lichter		*/
/* fbe49f = zelfde kleur, maar nog lichter	*/

#service_content { padding:0; }

.divright_cv, .divright_pv, .divright_vs, .divright_rb, .divright_pp, .divright_bv {
	background:#ffffff; width:50%; padding-top:10px; padding-bottom:10px; margin:5px 0 10px 0; }

.divleft {
	background:none; width:50%; padding-top:none; padding-bottom:10px; margin:0 0 10px;
}

.divright_cv { background:#f9d97f; }
.divright_pv { background:#adc2ff; }
.divright_vs { background:#ff7f7f; }
.divright_rb { background:#cccccc; }
.divright_pp { background:#d989b1; }
.divright_bv { background:#d6eb99; }

.div_cv		 { background:#f9d97f; }

/* ------- linkermenu + servicemenu (global) --------------------------------------------------- */ 

.blok_lang, .cv_off, .pv_off, .vs_off, .rb_off, .pp_off, .bv_off, .co_off, .ds_off, .sm_off, .de_off, .menu_off {
	filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; background:#1a1a1a; }

.co_on, .ds_on, .sm_on, .de_on {
	filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }

.cv_on, .pv_on, .vs_on, .rb_on, .pp_on, .bv_on {
	filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; }

.cv_on, .de_on         { background:#ffd700; }
.pv_on                 { background:#4169e1; }
.vs_on                 { background:#ff0000; }
.rb_on, .sm_on         { background:#808080; }
.pp_on                 { background:#9932CC; }
.bv_on, .co_on, .ds_on { background:#99cc00; }

.co_on2, .ds_on2 { background:#566b19; }
.sm_on2  		 { background:#4c4c4c; }
.de_on2 		 { background:#82721c; }

.co_off2, .ds_off2, .sm_off2, .de_off2 {  }

#homemenublok       { position:absolute; left:50px; top:62px; }

#homeserviceblok_nl { position:absolute; right:50px; top:62px; }
#homeserviceblok_en { position:absolute; right:50px; top:62px; }

/* #homeserviceblok_nl { position:relative; top:-111px; }	*/
/* #homeserviceblok_en { position:relative; top:-84px; }	*/

#menublok           { position:absolute; left:50px; top:62px; }
#serviceblok        { position:absolute; right:50px; top:62px; }


/* ------- linkermenu (home) ------------------------------------------------------------------- */ 

#home_menu_01, #home_menu_011, #home_menu_www1, #home_menu_cv1, #home_menu_pv1, #home_menu_vs1, #home_menu_rb1, #home_menu_pp1, #home_menu_bv1, #home_menu_021 {
	display:block; width:276px; margin:0; padding:0;
	border-bottom:1px solid #808080; border-right:1px solid #808080; 
	text-align:left; color:#ffffff; font-size:12pt; text-transform:uppercase; 
}
#home_menu_02, #home_menu_012, #home_menu_03, #home_menu_04, #home_menu_www2, #home_menu_cv2, #home_menu_pv2, #home_menu_vs2, #home_menu_rb2, #home_menu_pp2, #home_menu_bv2, #home_menu_022 {
	display:block; width:276px; margin:0; padding:0;
	border-bottom:1px solid #808080; border-right:1px solid #808080;
	text-align:left; color:#ffffff; font-size:12pt; text-transform:uppercase; 
}

#home_menu_01, #home_menu_011, #home_menu_012, #home_menu_02, #home_menu_03, #home_menu_04 { padding:10px 0 10px 0; }
#home_menu_03, #home_menu_04 { border-bottom:none; }

.home_mainitem    { padding:10px 5px 10px 10px; display:block; width:275px; 
                    cursor:pointer; text-transform:uppercase; text-decoration:none; }

#home_menu_www1, #home_menu_www2 { color:#FF6600; font-size: 18px; }

/* ------- sitemap ----------------------------------------------------------------------------- */ 

.sitemain { margin:0; padding:5px 10px; line-height:100%; font-size:110%; font-weight:bold; text-transform:uppercase; }
.sitemain a:link, .sitemain a:visited { color:#000000; text-decoration:none; }
.sitemain a:hover, .sitemain a:active { color:#333399; text-decoration:underline; }

.sitesub { margin:0; padding:2px 10px; line-height:100%; font-size:100%; text-transform:none; }
.sitesub a:link, .sitesub a:visited { color:#000000; text-decoration:none; }
.sitesub a:hover, .sitesub a:active { color:#333399; text-decoration:underline; }

.sitesubblok { background:#eaeaea; margin:0 10px 15px; padding:5px 0 0 0; }


/* ------- linkermenu (sub) -------------------------------------------------------------------- */ 

#menu_01, #menu_02 { 
	display:block; width:215px; margin:0; padding:0; font-size:10pt; 
	text-align:left; color:#ffffff; border-bottom:1px solid #808080; 
} 
#menu_cv1, #menu_pv1, #menu_vs1, #menu_rb1, #menu_pp1, #menu_bv1, #menu_021 {
	display:block; width:215px; margin:0; padding:0; cursor:pointer; 
	text-align:left; color:#ffffff; border-bottom:1px solid #808080; 
} 
#menu_cv2, #menu_pv2, #menu_vs2, #menu_rb2, #menu_pp2, #menu_bv2, #menu_022 {
	display:block; width:215px; margin:0; padding:0; cursor:pointer; 
	text-align:left; color:#ffffff; border-bottom:1px solid #808080; 
}
#menu_01, #menu_02, #menu_03 { padding:10px 0 10px 0; }
#menu_03 { border-bottom:none; }

.mainitem    { font-size:10pt; padding:10px 5px 10px 10px; display:block; width:214px; 
			   cursor:pointer; text-transform:uppercase; text-decoration:none; }
.mainitem_on { font-size:10pt; padding:10px 5px 10px 10px; display:block; width:214px; 
			   cursor:pointer; text-transform:uppercase; text-decoration:underline; }
.subitem     { font-size:10pt; padding:0 5px 5px 10px; display:block; width:214px; 
			   cursor:pointer; text-decoration:none; }
.subitem_on  { font-size:10pt; padding:0 5px 5px 10px; display:block; width:214px; 
			   cursor:pointer; text-decoration:underline; }


/* ------- servicemenu (home + sub) ------------------------------------------------------------ */ 

#home_menu_co1, #home_menu_ds1, #home_menu_sm1, #home_menu_de1, #home_menu_co2, #home_menu_ds2, #home_menu_sm2, #home_menu_de2 {
	display:block; width:138px; margin:0; padding:0; text-align:right; color:#ffffff; 
	border-bottom:1px solid #808080; border-left:1px solid #808080; 
}
#menu_co1, #menu_ds1, #menu_sm1, #menu_de1, #menu_co2, #menu_ds2, #menu_sm2, #menu_de2 {
	display:block; width:138px; margin:0; padding:0; text-align:right; color:#ffffff; 
	border-bottom:1px solid #808080; 
}
#home_menu_co2, #home_menu_ds2, #home_menu_sm2, #home_menu_de2, #menu_co2, #menu_ds2, #menu_de2 { border-color:#808080; }

.servicelink_on  { font-size:9pt; padding:6px 10px; display:block; 
				   cursor:pointer; text-transform:none; text-decoration:underline; }
.servicelink_off { font-size:9pt; padding:6px 10px; display:block; 
				   cursor:pointer; text-transform:none; text-decoration:none; }

#home_menu_lang {
	display:block; width:138px; margin:0; padding:0; text-align:right; color:#ffffff; 
	border-bottom:1px solid #808080; border-left:1px solid #808080; 
}
#menu_lang {
	display:block; width:138px; margin:0; padding:0; text-align:right; color:#ffffff; 
	border-bottom:1px solid #808080; 
}
.blok_lang { }
.lang { font-size:9pt; padding:6px 10px; display:block; 
        text-transform:none; text-decoration:none; text-align:right; }

.hand { cursor:pointer; }


/* ------- afbeeldingen ------------------------------------------------------------------------ */

img      { margin:0; padding:0; position:inline; }
p img    { margin:10px; }
img.file { margin:0; vertical-align:text-bottom; }


/* ------- headers ----------------------------------------------------------------------------- */

h1 { padding:0 10px; font-size:140%; text-transform:uppercase; margin:10px 0 0 0; }
h2 { padding:0 10px; font-size:120%; margin:10px 0 0 0; }
h3 { padding:0 10px; font-size:110%; margin:10px 0 0 0; }
h4 { padding:0 10px; font-size:110%; margin:10px 0 0 0; }
h5 { padding:0 10px; font-size:110%; margin:10px 0 0 0; }
h6 { padding:0 10px; font-size:110%; margin:10px 0 0 0; }

h2 { clear:both; }

.divright_cv h2, .divright_pv h2, .divright_vs h2, .divright_rb h2, .divright_pp h2, .divright_bv h2 { margin-top:0; }


/* ------- alineas ----------------------------------------------------------------------------- */ 

p       { padding:0 10px; line-height:120%; }
.intro  { font-size:115%; line-height:130%; padding-bottom:10px; }
.red    { color:red; font-weight:bold; }
.center { text-align:center; }

table  { font-size:100%; }
.content table { clear:both; }

a:link, a:visited { color:#333399; text-decoration:underline; }
a:hover, a:active { color:#333399; text-decoration:underline; }


/* ------- lijsten ----------------------------------------------------------------------------- */ 

ul, ol   { margin:0 15px 0 15px; padding:10px !important; list-style-type:square; }
li       { list-style-type:square; line-height:130%; font-size:100%; }
li li    { list-style-type:square; font-size:100%; }
li li li { list-style-type:square; font-size:100%; }

.circle  { list-style-type:square; }

/* ------- faq --------------------------------------------------------------------------------- */ 

/* ------- formulieren ------------------------------------------------------------------------- */

input.radio { font-size:100%; }
input, input.box, input.euro, textarea {
	background:#ffffff;
	border:none;
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10pt;
	line-height:10pt;
	font-weight:normal;
	margin:0;
	vertical-align:bottom;
}
input.box {
	border:1px solid #808080 !important;
	margin:5px 0 0 0;
}
input.euro {
	text-align:right;
	vertical-align:top;
}
textarea {
	width:100%;
	height:100px;
	font-size:10pt;
	line-height:11pt;
}
input.button {
	border:1px solid #ffffff;
	color:#000000;
	font-size:10pt;
	line-height:11pt;
	font-weight:normal;
	vertical-align:top;
}
input.button_cv, input.button_bv, input.button_vs, input.button_small_vs,
input.button_rb, input.top, input.button_a1, input.button_a2,
input.button_top, input.button_back {
	border:1px solid #000000;
	color:#000000;
	cursor:pointer;
	font-size:10pt;
	line-height:11pt;
	font-weight:normal;
	vertical-align:top;
}
input.button_cv   { background:#ffeb99; }
input.button_bv   { background:#d6eb99; }
input.button_vs, input.button_small_vs { background:#ff7f7f; }
input.button_rb   { background:#cccccc; }
input.button_a1   { background:#cccccc; }
input.button_a2   { background:#ffffff; }

input.button_top  { background:#cccccc; }
input.button_back { background:#cccccc; }

input.button_cv, input.button_bv, input.button_vs, input.button_rb,
input.button_a1, input.button_a2, input.button_top, input.button_back
			      { width:100px; height:20px; margin-top:2px; margin-bottom:2px; }
input.top		      { width:50px;  height:20px; margin-top:2px; margin-bottom:20px; }

form           { margin:0; padding:0; font-size:100%; }

.formulier     { margin:0 10px; font-size:100%; color:#000000; border-left:1px solid #000000; border-bottom:1px solid #000000; }
.formulier td  { padding:2px 5px; border-top:1px solid #000000; border-right:1px solid #000000; }

.label_admin   { background-color:#cccccc; }
.label_cv      { background-color:#fff1b7; }
.label_bv      { background-color:#f5ffd9; }
.label_vs      { background-color:#ffd1d1; }
.label2_vs     { background-color:#ffd1d1; height:45px; }
.label_rb      { background-color:#eaeaea; }
.label2_rb     { background-color:#eaeaea; height:45px; }

.label_wide_cv { padding:2px 5px; height:25px; background-color:#fff1b7; }
.label_wide_bv { padding:2px 5px; height:25px; background-color:#f5ffd9; }
.label_wide_vs { padding:2px 5px; height:25px; background-color:#ffd1d1; }
.label_wide_rb { padding:2px 5px; height:25px; background-color:#eaeaea; }
.textarea      { padding:0 1px 0 5px; border-right:1px solid #000000; }
.select        { padding:0 1px 0 5px; border-right:1px solid #000000; }

.buttons       { margin:0 10px; text-align:right; }
.buttons_admin { margin:0 10px; text-align:left; }

.zoeken_input  { background:#ffffff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; line-height:11pt; color:#000000; margin-bottom:2px; height:20px; }
.zoeken_button { background:#ffffff; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; line-height:11pt; color:#000000; margin-bottom:2px; cursor:pointer; height:20px; width:45px; }


/* ----- producten ----------------------------------------------------------------------------- */

.producten      { font-size:100%; color:#000000; border-bottom:1px solid #000000; }
.producten td   { vertical-align:bottom; text-align:center; padding:0; border-top:1px solid #000000; border-right:1px solid #000000; }
.producten td.r { border-right:none; }

.product        { font-size:100%; color:#000000; }
.product tr     { vertical-align:top; }
.product td     { vertical-align:top; text-align:center; border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; }
.product td.l   { vertical-align:top; text-align:left; padding:0; border-top:none; border-bottom:none; border-left:none; }
.product td.r   { vertical-align:bottom; border-right:none; padding:5px; }
.product td.txt { text-align:left; padding:2px 0; border:none; vertical-align:top; }

#product_blok   { float:right; width:277px; padding:0; margin:0; }
#product_img    { float:right; width:266px; vertical-align:center; text-align:center; border:1px solid #000000; border-right:none; padding:5px; }
img.product     { vertical-align:top; }
.productbox     { cursor:pointer; }

#product_vergroten { float:right; width:266px; border:none; padding:0 11px 0 0; margin:0; text-align:left; }

#product_bg			{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; z-index:99;}
#product_show		{ position:absolute; top:75px; left:6%; width:88%; height:80%; background:#fff; border:1px solid #000; z-index:100; overflow:hidden; }
#product_show p		{ font-size:90%; line-height:120%; }
.product_show		{ cursor:pointer; }

#product_show img.vergroot {  }

#product_sluiten	{ float:right; margin:10px; color:gray; font-size:14px; line-height:16px; }
#product_sluiten a:link, #product_sluiten a:visited { color:gray; text-decoration:none; }
#product_sluiten a:hover, #product_sluiten a:active { color:#000; text-decoration:underline; }
#product_sluiten img { border:none; }
 
/* --------------------------------------------------------------------------------------------- */

