body, form{
margin: 0px;
}
body, td, div, span, input, a, p{
font-family: arial;
font-size: 11px;
color: #002839;

}
table, tr, td{
margin: 0px;
padding: 0px;
border-collapse: collapse;
}

h1, h2 {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

h1#sitemap {
	font-family: arial;
	font-size: 11px;
	color: #002839;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-family: arial;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
h2.subtitel { color: #000; font-weight: bold; }

span.sitemap a {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #002839;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 2px 0px;
	height: 11px;
	text-decoration: none;
	display: inline;
}
span.sitemap a:hover { text-decoration: underline; }

div.productgroepen_rechts_list {
	position:absolute;
	top:0px;
	width: 222px;
	height: 350px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;padding-left: 10px;
}

/* content */
td.info-label, td.info-detail, td.info-detail-ov, td.info-kop{
font-weight: bold;
text-transform: uppercase;
}
td.info-detail-ov{
color: #DE261D;
}
td.info-kop{
color: #ffffff;
}
a.info-label-verwijder, a.info-label-verwijder:hover{
font-weight: normal;
color: #DE261D;
font-size: 9px;
text-decoration: underline;
}
a.info-label-verwijder:hover{
text-decoration: none;
}
span.produkt-info{
font-size: 11px;
text-transform: uppercase;
font-weight: bold;
color: #002839;
}
input.info-input{
border: solid 1px #000000;
}
div.info-kader{
border: solid 1px #ffffff;
padding: 5px;
}
/* /content */

/* kleurcodes */
kleur-groen{
background-color: #002839;
}
kleur-rood{
background-color: #DE261D;
}
kleur-blauw{
background-color: #1CA2DC;
}
kleur-geel{
background-color: #FFB829;
}
kleur-bruin{
background-color: #B6764E;
}
/* /kleurcodes */

/* pagina 5 */
	td.pagina_5-links{
	background-color: #002839;
	width: 186px;
	height: 388px;
	}
	td.pagina_5-midden{
	background-color: #ffffff;
	width: 560px;
	height: 388px;
	}
	td.pagina_5-rechts{
	background-color: #DE261D;
	width: 48px;
	height: 388px;
	}
	div#scroll_5{
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;			
	overflow: auto;
	overflow-x: hidden;			
	scrollbar-track-color: #DE261D; 
	scrollbar-face-color: #DE261D;
	scrollbar-shadow-color: #DE261D; 
	scrollbar-highlight-color: #DE261D; 
	scrollbar-3dlight-color: #002839; 
	scrollbar-darkshadow-color: #002839; 			
	scrollbar-arrow-color: #002839;			
	}
/* /pagina 4 */


/* /vlakken */


td.background{
background-image: url(/img/content-bg-2.gif); 
background-position: bottom; 
background-repeat: no-repeat;
}

/* Toevoeging 12 januari 2007 RH */
body{
	margin: 0px;
	overflow: hidden;
}

div#canvas{
	position:absolute;
	height: 100%; 
	width: 100%;
	top: 50%;
	margin-top:-250px;
	margin-right:-600px;		
	z-index:2;
}		




/* vlakken */

/* pagina 1 */
td.pagina_1-links{
	background-color: #002839;
	width: 380px;
	height: 470px;
}
td.pagina_1-midden{
	background-color: #ffffff;	
	width: 255px;
	height: 470px;
}
td.pagina_1-rechts{
	width: 238px;
	height: 470px;
}

/* pagina 2 */
td.pagina_2-links{
	background-color: #002839;
	width: 380px;
	height: 470px;
}
td.pagina_2-midden{
	background-color: #ffffff;
	width: 271px;
	height: 470px;
}
td.pagina_2-rechts{
	width: 222px;
	height: 470px;
}

/* pagina 3 */
td.pagina_3-links{
	background-color: #002839;
	width: 290px;
	height: 470px;
}
td.pagina_3-midden{
	background-color: #ffffff;
	width: 458px;
	height: 470px;
}
td.pagina_3-rechts{
	width: 125px;
	height: 470px;
}

div#scroll_3{
	color: #ffffff;
	text-align: justify;
	padding-right: 10px;			
	overflow: auto;
	overflow-x: hidden;
	scrollbar-track-color: #002839; 
	scrollbar-face-color: #3A5F6E;
	scrollbar-shadow-color: #3A5F6E; 
	scrollbar-highlight-color: #3A5F6E; 
	scrollbar-3dlight-color: #3A5F6E; 
	scrollbar-darkshadow-color: #3A5F6E; 			
	scrollbar-arrow-color: #ffffff;	 
}	
/* /pagina 3 */

/* pagina 4 */
td.pagina_4-links{
	background-color: #002839;
	width: 42px;
	height: 470px;
}
td.pagina_4-midden{
	background-color: #ffffff;
	width: 338px;
	height: 470px;
}
td.pagina_4-rechts{
	width: 495px;
	height: 470px;
}

/* pagina 5 */
td.pagina_5-links{
	background-color: #002839;
	width: 205px;
	height: 470px;
}
td.pagina_5-midden{
	background-color: #ffffff;
	width: 716px;
	height: 470px;
}

/* pagina 6 */
td.pagina_6-links{
	background-color: #002839;
	width: 205px; 
	height: 470px;
}
td.pagina_6-midden{
	background-color: #ffffff;
	width: 513px;
	height: 470px;
}
td.pagina_6-rechts{
	width: 155px;
	height: 470px;
}
	
/* !! backgroundkleur van vlak RECHTS is zelfde als de kleuren van de track, face, shadow en highlight kleuren van de scrollbar !! */

/* /pagina 6 */

.ContentContainer{
width:930px;
height:590px;
position:relative;
}

.CatalogusReminderContainer{position:absolute;top:280px;height:162px;overflow:hidden;right:0px;}
.CatalogusReminderContainer .kop{width:21px;height:162px;float:left;display:block;background:url(/img/catalogusreminder/ReminderKop-OV.gif) no-repeat 0 0;cursor:hand;}
.CatalogusReminderContainer .kop div{width:13px;height:13px;margin: 6px 0 0 3px;display:block;overflow:hidden;}
.CatalogusReminderContainer .kop div a{width:13px;height:13px;background:url(/img/catalogusreminder/but-klapUIT.gif) no-repeat 0 0;display:block;}
.CatalogusReminderContainer .content{width:100px;height:162px;float:left;display:block;background:#F8F9FA;border-top:solid 1px #B5C3C9;border-bottom:solid 1px #B5C3C9;}
.CatalogusReminderContainer .thumb{width:85px;height:122px;}
.CatalogusReminderContainer .thumb img{margin: 17px 0 0 7px;border: solid 1px #B5C3C9;}
.CatalogusReminderContainer .button{width:85px;height:30px;}
.CatalogusReminderContainer .button a{margin: 6px 0 0 6px;display:block;width:73px;height:24px;background:url(/img/catalogusreminder/but-naarcat.gif) no-repeat 0 0;}
.CatalogusReminderContainer .button a:hover{background-position: 0 -24px;}


/* nieuwe productknoppen */



.productgroepen {
  
  position: absolute;
  top: 138px;
  margin-left: 9px;
}

.productgroepen ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.productgroepen li {
  margin-bottom: 10px;
}

.productgroepen li a {
  display: block;
  text-indent: -9999px;
}

.productgroepen li.industrial a {
  background: url(/img/productnavigatie/but-industrial.gif) no-repeat;
  width: 185px;
  height: 31px;
}

.productgroepen li.industrial a:hover, .productgroepen li.industrial a.active {
   background: url(/img/productnavigatie/but-industrial.gif) no-repeat 0 -31px;
}

.productgroepen li.promotional a {
  background: url(/img/productnavigatie/but-promotional.gif) no-repeat;
  width: 185px;
  height: 31px;
}

.productgroepen li.promotional a:hover, .productgroepen li.promotional a.active {
  background: url(/img/productnavigatie/but-promotional.gif) no-repeat 0 -31px;;
}

.productgroepen li.medical a {
  background: url(/img/productnavigatie/but-medical.gif) no-repeat;
  width: 185px;
  height: 31px;
}

.productgroepen li.medical a:hover, .productgroepen li.medical a.active {
  background: url(/img/productnavigatie/but-medical.gif) no-repeat 0 -31px;;
}



.productgroepvisual {
  margin: 130px 0 0 45px;;
}

.productgroepvisual ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.productgroepvisual ul li {
  height: 183px;
  width: 138px;
  display: block;
  float : left;
  margin-left: 20px;
}
.productgroepvisual li a {
  display: block;
  text-indent: -9999px;
}

.productgroepvisual ul li.industrial a {
  height: 183px;
  width: 138px;
  background: url(/img/productnavigatie/visual-industrial.jpg) no-repeat;
}

.productgroepvisual ul li.industrial a:hover {
  background: url(/img/productnavigatie/visual-industrial.jpg) no-repeat 0 -183px;
}

.productgroepvisual ul li.medical a {
  height: 183px;
  width: 138px;
  background: url(/img/productnavigatie/visual-medical.jpg) no-repeat;
}

.productgroepvisual ul li.medical a:hover {
  background: url(/img/productnavigatie/visual-medical.jpg) no-repeat 0 -183px;
}

.productgroepvisual ul li.promotional a {
  height: 183px;
  width: 138px;
  background: url(/img/productnavigatie/visual-promotional.jpg) no-repeat;
}

.productgroepvisual ul li.promotional a:hover {
  background: url(/img/productnavigatie/visual-promotional.jpg) no-repeat 0 -183px;
}


/* Productkaartjes */

.industrial div.productkaartje {
  border-color: #CB9369;
}

.medical div.productkaartje {
  border-color: #20A3DC;
}

.promotional div.productkaartje {
  border-color: #FEB92D;
}

.productkaartje {
  border: 1px solid;
  width: 182px;
  height:190px;
  float: left;
  position: relative;
  display: inline;
  margin-left: 12px;
  margin-bottom: 12px;
}

.productkaartje a img {
	border: 0px;
}

.productkaartje h3 {
  padding: 2px 0;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  margin: 0;
  position: absolute;
  display: block;
   width: 182px;
}

.productkaartje span.meerinfo a {
  position: absolute;
  top: 170px;
  width: 182px;
  text-indent: -9999;
  
}

.productkaartje span.meerinfo a {
  background: url(/img/meer_info.gif) no-repeat center;
}


/* tailormade popup */
div#TailorMadePopupWitBG {
	position:absolute;
	display:none;
	overflow:auto;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#fff;
	text-align:center;
	z-index:2000;
	margin:0px;
	padding:0px;
}

div.TailormadeContainer{
	position:relative;
	top:50%;
	margin:-259px auto 0px auto;
	width:922px;
	height:518px;
}
div.TailormadeBG,
div.IndustrialBG,
div.PromotionalBG,
div.MedicalBG,
div.MinigripBG{
	position:absolute;
	top:0px;
	left:0px;
	background:url('/img/tailormade-popup/tailormade-bg.png') 0 0;
	width:922px;
	height:508px;
}
div.TailormadeContent{
	margin:10px;
	width:902px;
	height:480px;
}
div.TailormadeBG div.TailormadeContent  { background:#00324d; }
div.IndustrialBG div.TailormadeContent  { background:#cb9167; }
div.PromotionalBG div.TailormadeContent { background:#feb82a; }
div.MedicalBG div.TailormadeContent     { background:#20a3dc; }
div.MinigripBG div.TailormadeContent    { background:#de261d; }

*html div.TailormadeBG,*html  div.IndustrialBG,*html  div.PromotionalBG,*html  div.MedicalBG, div.MingripBG{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tailormade-popup/tailormade-bg.png');
	background:none;
}
div.TailormadeFlash{
	background:#fff;
	position:absolute;
	top:50px;
	left:10px;
}
div.KopTailormade{
	width:112px;
	height:14px;
	position:absolute;
	top:24px;
	left:41px;
}
div.KopTailormade{
background:url(/img/tailormade-popup/kop-tailormade.gif) no-repeat 0 0;
}
div.KopIndustrial{
background:url() no-repeat 0 0 #ccc;
}
div.KopPromotional{
background:url() no-repeat 0 0 #666;
}
div.KopMedical{
background:url() no-repeat 0 0 #999;
}
div.KopMinigrip{
background:url() no-repeat 0 0 #ff0000;
}
div.ButtonContainerMinigrip, div.ButtonContainerPromotional, div.ButtonContainerIndustrial, div.ButtonContainerMedical{
width:218px;
height:30px;
position:absolute;
top:456px;
left:350px;
}
div.ButtonContainerMinigripStandaard{
width:70px;
height:30px;
position:absolute;
top:456px;
left:426px;
}
div.ButtonContainerMinigripStandaard a.StandaardClose{
width:70px;
height:30px;
display:block;
text-indent:-9999px;
background:url(/img/tailormade-popup/but-close.gif) no-repeat 0 0; 
} 
div.ButtonContainerMinigripStandaard a.StandaardClose:hover{
background-position: 0 -30px;
}
a.ButtonClose{
width:70px;
height:30px;
display:block;
text-indent:-9999px;
}
a.ButtonBack{
width:70px;
height:30px;
display:block;
text-indent:-9999px;
}
a.ButtonPauze{
width:30px;
height:30px;
display:block;
text-indent:-9999px;
}
a.ButtonPlay{
width:30px;
height:30px;
display:block;
text-indent:-9999px;
margin:0 !important;
}
div.ButtonContainerMinigrip a, div.ButtonContainerIndustrial a, div.ButtonContainerPromotional a, div.ButtonContainerMedical a{
float:left;
margin:0 6px 0 0;
text-indent:-9999px;
}
div.ButtonContainerMinigrip a:hover, div.ButtonContainerIndustrial a:hover, div.ButtonContainerPromotional a:hover, div.ButtonContainerMedical a:hover{
background-position: 0 -30px;
}

div.ButtonContainerMinigrip a.ButtonClose{
background:url(/img/tailormade-popup/minigrip/but-close.gif) no-repeat 0 0;
}
div.ButtonContainerMinigrip a.ButtonBack{
background:url(/img/tailormade-popup/minigrip/but-back.gif) no-repeat 0 0;
}
div.ButtonContainerMinigrip a.ButtonPlay{
background:url(/img/tailormade-popup/minigrip/but-play.gif) no-repeat 0 0;
}
div.ButtonContainerMinigrip a.ButtonPauze{
background:url(/img/tailormade-popup/minigrip/but-pauze.gif) no-repeat 0 0;
}

div.ButtonContainerMedical a.ButtonClose{
background:url(/img/tailormade-popup/Medical/but-close.gif) no-repeat 0 0;
}
div.ButtonContainerMedical a.ButtonBack{
background:url(/img/tailormade-popup/Medical/but-back.gif) no-repeat 0 0;
}
div.ButtonContainerMedical a.ButtonPlay{
background:url(/img/tailormade-popup/Medical/but-play.gif) no-repeat 0 0;
}
div.ButtonContainerMedical a.ButtonPauze{
background:url(/img/tailormade-popup/Medical/but-pauze.gif) no-repeat 0 0;
}

div.ButtonContainerPromotional a.ButtonClose{
background:url(/img/tailormade-popup/Promotional/but-close.gif) no-repeat 0 0;
}
div.ButtonContainerPromotional a.ButtonBack{
background:url(/img/tailormade-popup/Promotional/but-back.gif) no-repeat 0 0;
}
div.ButtonContainerPromotional a.ButtonPlay{
background:url(/img/tailormade-popup/Promotional/but-play.gif) no-repeat 0 0;
}
div.ButtonContainerPromotional a.ButtonPauze{
background:url(/img/tailormade-popup/Promotional/but-pauze.gif) no-repeat 0 0;
}

div.ButtonContainerIndustrial a.ButtonClose{
background:url(/img/tailormade-popup/Industrial/but-close.gif) no-repeat 0 0;
}
div.ButtonContainerIndustrial a.ButtonBack{
background:url(/img/tailormade-popup/Industrial/but-back.gif) no-repeat 0 0;
}
div.ButtonContainerIndustrial a.ButtonPlay{
background:url(/img/tailormade-popup/Industrial/but-play.gif) no-repeat 0 0;
}
div.ButtonContainerIndustrial a.ButtonPauze{
background:url(/img/tailormade-popup/Industrial/but-pauze.gif) no-repeat 0 0;
}

/* /tailormade popup */

div.LinkerKolomContainer{
position:relative;
width:380px;
height:470px;
}
div.LinkerKolomLogoContainer{
position:absolute;
top:50px;
left:50px;
width:250px;
height:78px;

}
div.CatalogusThumbs{
position:absolute;
top:155px;
left:51px;
width:303px;
height:88px;
}
div.ButtonFlightsafetybag{
position:absolute;
top:318px;
left:51px;
width:280px;
height:129px;
}
div.ButtonFlightsafetybag2009{
position:absolute;
top:308px;
left:30px;
width:139px;
height:121px;
}
div.ButtonFlightsafetybag2009 a{
display:block;
width:139px;
height:121px;
background:url(/img/but-griepophetwerk.gif) no-repeat 0 0;
text-indent:-9999px;
}
div.Buttonsilkbag2009{
position:absolute;
top:308px;
left:190px;
width:151px;
height:121px;
}
div.Buttonsilkbag2009 a{
display:block;
width:151px;
height:121px;
background:url(/img/but-silkbag-2009.gif) no-repeat 0 0;
text-indent:-9999px;
}
/* div.ButtonFlightsafetybag a{display:block;width:280px;height:129px;background:url(/img/but-silkbag.gif) no-repeat 0 0;text-indent:-9999px;}*/
div.ButtonFlightsafetybag a{display:block;width:280px;height:129px;background:url(/img/flightsafetybag/but-safetybag-2.gif) no-repeat 0 0;text-indent:-9999px;}
div.CatalogusThumbs a{display:block;width:101px;height:88px;float:left;text-indent:-9999px;background:url(/img/buttons/but-catalogus-2010.gif) no-repeat 0 0;}
div.CatalogusThumbs a.CatAlgemeen{background-position:0 0;}
div.CatalogusThumbs a.CatMedical{background-position:-101px 0;}
div.CatalogusThumbs a.CatPromotional{background-position:-202px 0;}
div.CatalogusThumbs a.CatAlgemeen:hover{background-position:0 -88px;}
div.CatalogusThumbs a.CatMedical:hover{background-position:-101px -88px;}
div.CatalogusThumbs a.CatPromotional:hover{background-position:-202px -88px;}



