/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ TAG                                                                  ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
*
{
  color: white;
  font: 12px/16px "trebuchet ms", arial, helvetica, sans;
}

html,
body
{
  background-image: url(../images/hd_bg.jpg);
  background-repeat: repeat-x; 
  margin: 0px;
}

hr
{
color:silver;
}

p
{
	font: 14px/16px "trebuchet ms", arial, helvetica, sans;
	letter-spacing: 1px;
	margin: 0 0 0;
  text-align: center;
} 

p:first-letter
{
  color: #e97530;
  font-size:x-large
}

button
{
  color : #053E4E;
}

a
{
  font-weight: bold; 
  text-decoration : none; 
  color:#ff8c00;
}

a:hover
{
  font-weight: bold; text-decoration: none; color :#87cefa ;
}

img

{ border : 0px; 
margin: 0 -3px; 
ma\rgin: 0;

}

form, input, textarea, option, select
{
  color : black;
}

h1 {text-align: left;font-size : 21px ; color : #f5f5dc ; }

h2 {font-family :trebuchet ms ; font-size : 15px ;  font-weight:bold; margin-left:10px; margin-top:10px;}

th ,td {font-family :trebuchet ms ; font-size : 13px ; letter-spacing: 0.5px}

td{color : #284257 ;}


th{color : #ff8c00 ;}

b {font-size: 14px; font-weight:bold;  }


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ ID                                                                   ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#pscroller1

{
width: 169px;
height: 100px;
padding: 5px;
}

#shop
{
  margin:23px 0px 0px 0px;
  padding:0px;
  background-color:white;
  height:405px;
}

#shopHeader
{
  /* background-color:dark-blue; */
  padding:3px;
  padding-bottom:4px;
  text-align:center;
  color:white;
  font-size:14px;
  font-weight:bold;
  letter-spacing:3px;
}

#container {
	
  position:absolute;
  left:50%;
  margin-left:-485px;
	top:0px;
	width:950px;
	height:768px;
	background-color:#FFFFFF;
}

#left_shadow {
	position:absolute;
	left:0px;
	top:0px;
	width:26px;
	height:768px;
	background-image: url(../images/01_01.jpg);	
}

#hd_header {
	position:absolute;
	left:26px;
	top:0px;
	width:668px;
	height:193px;
}

#header_display {
	position:absolute;
	left:694px;
	top:0px;
	width:192px;
	height:193px;
}

#shadow_right {
	position:absolute;
	left:886px;
	top:0px;
	width:64px;
	height:768px;
	background-image: url(../images/04_04.jpg)
}
/*hoofd navigatie rechts/links */
#nav_main {
	position:absolute;
	left:26px;
	top:193px;
	width:668px;
	height:40px;
	background-color: #FCD808;
  background-image: url(../images/nv_bg.jpg);
}

#nav_main_left {
	position:absolute;
	left:705px;
	top:193px;
	width:181px;
	height:40px;
	background-color: #FCD808;
  background-image: url(../images/nv_bg.jpg);
 
}

#payment
{
margin: 10px 10px 0px 5px;

}


#nav_container{
 position:absolute;
 left:200px;
 top:1px;
 width: 480px;
 height: 23px;
}

#taalcontainer
{
  margin : 10px;
}

#taalcontainer a
{
  display:block;
  float:left;
  margin-right : 10px;
  color : black;
}

#taalcontainer img
{
  margin-right : 5px;
  vertical-align : middle;
}





/* [mjh] 30-5-2007 Styles for basket, product and checkout tables */

#product_table th
{
  text-align : left;
  padding:2px;
  padding-right : 5px;
}

#product_table td
{
  vertical-align  : top;
  padding         : 5px 5px 25px 5px;
  border-top      : 1px solid gainsboro;
  font-weight     : bold;
}

#product_table .description
{
  color : gray;
  font-style : italic;
  font-weight : normal;
  font-size : 11px;
}

.basket_table
{
  width : 181px;
}

.basket_table *
{
  font-size : 11px;
  cursor : default;
}

.basket_table th,
.basket_table td
{
  text-align : left;
  vertical-align : top;
  padding : 0px 5px 2px 2px;
}

.order_table td,
.order_table td *
{
  color : #053E4E;
}

#checkout_table
{
  
  background-color:white;
  height: 450px;
  width:   457px;
}

#checkout_table *
{
  color : #053E4E;
  
}

/* bak voor top10 produkten */

#ajaxticker1
{
  width: 181px;
  height: 125px;
  padding-top:5px;
}

#ajaxticker1 div
{
  /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
}

#ajaxticker2
{
  width: 181px;
  height: 125px;
  padding-top:5px;
}

#ajaxticker2 div
{
  /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
}

.message
{ 
}



/*sub navigatie links */

 #subnav_container  {
  position: absolute;
  left: 26px;
  top: 246px;
  width: 201px;
  }
  
#title_subnav
{
	width:201px;
	height:23px;
  background-color: #053e4e;
  display:block;
}

#title_subnav img { vertical-align: bottom } 
 
#nav_assortiment {
 float: left;
 top: 269px;
 width:201px;
 min-height:1px;
 height:auto !important;
 height:1px;
 margin: 0px 0 10px 0;
 background-image: url(../images/bg_assortiment.png);
}

#main_body {
   
	width:457px;
  white-space : normal;
  


}

/*navigatie rechts */

#subnav_container_right
{
 position:absolute;
 left: 705px;
 top: 246px;
 min-height:500px;
 height:auto !important;
 height:500px;
 width: 181px;
 
  }
 
 
#nav_basket {

	width:181px;
  min-height:84px;
  height:auto !important;
  height:84px;
  background-image: url(../images/bg_account.jpg);
  margin: 0px 0px 10px 0px;

}


#title_top10
{
  display:block;
	width:181px;
	height:23px;
}

#nav_top10
{
	width:181px;
  min-height:106px;
  height:auto !important;
  height:106px;
	background-image: url(../images/bg_alt.gif);
  margin: 0px 0px 10px 0;
 
}

#footer_display {
	

	width:181px;
	height:168px;
  
  }


#footer_left
{
  
  clear: both;
  float : left;
 	width:201px;
	height:168px;
  background-color: white;
  
  
}
#footer_left img { vertical-align: bottom } 

#main_container
{
  position:absolute;
	left:238px;
	top:246px;
	width:457px;
  background-image: url(../images/main_body.jpg);
  background-repeat: no-repeat;
  background-color: #4599b4;
	
}	


#homepage_container
{
  position:absolute;
	left:238px;
	top:246px;
	width:457px;




}


#news {float: right ;margin :0px 13px 5px 13px; width: 200px ; padding :5px 5px 5px 5px; background-color:silver ; }

#menu { font-size: 14pt ;float: left  ; margin :0 5px 0 0; width: 70% ; padding: 10px 10px 10px 5px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ CLASS                                                                ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.title
{ font-family : "Trebuchet ms", "Arial", Sans-serif; font-size : 17px; margin: 10px 0px 0px 10px;}
.intro h2
{ margin: 5px 0px 0px 10px; font-weight : bold;}
.body
{ margin: 0px 0px 0px 10px;line-height : 150%;}


.vlag
{
  float:left;
  margin: 0 0 10px 10px;
}

.price
{ width:45px; 
  height: 48px;
  float:left;
  background-image: url(../images/pricebg.png);
  background-repeat: no-repeat;
  font-weight:bold;
  color:white;
  padding:15px 5px 0px 2px;
  white-space:nowrap;
  margin-left:10px;
} 
  

.browsecat
{
  text-align:center;
  padding:5px;
}  
  
  
.browsecat b
{

font-size: 16px;
color: black;
width:150px;
font-weight:bold;


}

.browsecat a
{  
font-size: 14px;
color:#778899;
}

.browsecat a:hover
{  
font-size: 14px;
color:#ff6347;
}

#nxt 
{  
font-size: 18px;
color:#00bfff;
}


.detailimg
{
margin-right: 10px;
}

.article_img img
{
margin: 5px;
float:left;
}

.basket_nav

{
width:457px;

}

.basket_nav a

{
color:#ffffff;
margin-left:10px;
}

.basket_nav a:hover

{
color:#b0e0e6;
}

.payoff
{
font-size:10px;
color: #575757;
margin-top:20px;
margin-left:25px;
}

.payoff a
{
font-size:10px;
color: #8f8f8f;
font-weight:normal;
}

.payoff a:hover
{
font-size:10px;
color: #ff1493;
font-weight:normal;
}

.home_venster1
{
float:left;
width:457px;
background-image: url(../images/home_top_bg.jpg);
background-repeat: no-repeat;
background-position: 0% 100%; 
margin-bottom:10px;


}

.nieuwslink a
{
 font-size:14px;
 color:white;
 
}

.home_venster2
{
  float:left;
  width:457px;
  background-image: url(../images/home_center_bg.jpg);
  background-repeat: no-repeat;
  background-color: #3fa3d5;


}
.title1
{
  text-align:center; 
  margin-top:5px;
  font-weight:bold;
  Font-size: 17px;
  color:white;
}

.title2
{
  text-align:center; 
  margin-top:5px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~ MENU                                                                 ~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Hoofd navigatie */

.MenuItem
{ 
  display: inline;
  margin-left: 10px;
  margin-top: 12px ;
  float : left;
  padding-left: 5px;
 }

a.menu
{
  font-size : 15px;
  color : black;
}


a.menu:hover
{  
  color : #e9e9e9;
}



/* sub navigatie links */
.navLevel1
{
  display: block;
  margin-left: 10px;
  font-size : 15px; 
  color : #ffffff;
  padding : 0px 0px 5px 5px; 
  
}

.navLevel1:hover,
.navLevel1Active:hover

{
  display: block;
  margin-left: 10px;
  font-size : 15px; 
  color : #d6e8e9;
  padding : 0px 0px 5px 5px; 
  font-weight: bold;

}

.navLevel1Active

{
  font-size : 15px; 
  color : #1c4859;
  display: block;
  padding : 0px 0px 5px 5px; 
  font-weight: bold;
  margin-left: 10px;
}

.navLevel2
{
  display: block;
  margin-left: 30px;
  font-weight: bold;
  color : white;
  padding : 0px 0px 5px 5px;
  font-size : 13px;
}

.navLevel2:hover,
.navLevel2Active:hover,
.navLevel2Active
{
  display: block;
  margin-left: 30px;
  font-weight: bold;
  color : #000000;
  padding : 0px 0px 5px 5px;
  font-size : 13px; 
}


/* [mjh] 30-5-2007 status */

#status
{z-index:10000;position:absolute;top:30%;left:50%;margin-left:-150px;background-color:white;padding:10px;border:1px solid red;width:300px;}

#disabler,
#statusbg
{
  z-index   : 10000;
  position  : absolute;
  top:0px; left:0px;
  width     : 100%;
  height    : 100%;
  border    : 0px;
  margin    : 0px;
  padding   : 0px;
  background-color  : black;
  opacity   : .3;
}

#statusmsg
{
  z-index:10002;
  position:absolute;
  top:30%;
  left:50%;
  margin-left:-150px;
  background-color:#ffffcc;
  padding:10px;
  border:1px solid black;
  width:300px;

  font-size:14px;
  color:black;
}

.fakeBtn
{
  clear:both;
  float:right;
  border:1px outset black;
  background-color:gainsboro;
  font-size:12px;
  padding: 2px 10px;
  cursor:default;
  margin-top:20px; 
  color : black;
}

.step {
	color:black; 
	text-align:left;
	font-size:14px;
}

.ncoltxtl2 
{
	text-align:left;
	padding-left:50px;
	padding-right:0px;
}
.ncoltxtl {
	text-align:left;
	padding-left:50px;
}
#ncol_ref {
	padding-bottom:10px;
	padding-top:10px;	
}

#searchresulttable
{
  width : 440px;
}

#searchresulttable td
{
  color : white;
  vertical-align : top;
  white-space : normal;
  padding : 0px;
}