/**
 * CSS stylesheet defining default look for the Belcompany website
 * Last update 1-MAR-2007 by Alexander De Ridder (adridder at gmail dot com)
 */



	body {
		z-index:0;
		background-color:#FFFFFF;
	}
	
	
	body, table, tr, td, th, p {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
  }
  
  
	/**
	 * Header Styles
	 */
	#head {
		width: 966px;
		position: relative;
		left: 50%;
		margin-left: -483px; /* half the width of the div */
	} 
	
	#headMainLogo {
		position:relative;
		left:0px;
		top:0px;
	}

	#headNavigation {
		position:relative;
		width:966px;
		left:0px;
		bottom:0px;	
	}
	
	#headNavigation a{
    /*color: #fcfcfc;*/	
	}
	
	#headMiniNavRegion {
		position:absolute;
		height:18px;
		width:450px;
		right:0px;
		top:0px;		
	}
	
	#headSearch {
		position:absolute;
		height:40px;
		width:450px;
		right:0px;
		top:20px;
	}
		
	/**
	 * Content Styles
	 */	
	#content {
	width: 966px;
	position: relative;
	left: 50%;
	margin-left: -483px;
	}
	
	/**
	 * Footer Styles
	 */
	#foot {
		width: 966px;
		position: relative;
		left: 50%;
		margin-left: -483px; /* half the width of the div */
	}

/* Fonts */

.toplink {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#A0A19B;
	font-size:11px;
}

.toplink a:link {
	color:#A0A19B;
	text-decoration:none;
}

.toplink a:visited {
	color:#A0A19B;
	text-decoration:none;
}


.toplink a:hover {
	color:#A0A19B;
	text-decoration:underline;
}


.copyright {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0F4B89;
	font-size:11px;
}

.links a:link {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0F4B89;
	font-size:11px;
}

.navfont {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:14px;
   vertical-align:middle;

}

#midrowelement {
	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:lighter;	font-stretch:expanded;
	font-size:14px;	color:#B1B1B1;	
}

#midrowempty {
	font-family:Verdana, Arial, Helvetica, sans-serif;	font-weight:lighter;	font-stretch:expanded;
	font-size:14px;	color:rgb(60,60,60);	
}

#productenum {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
}

.productenum {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
}

#productenum a:hover {
	text-decoration:underline;
}

#productenum a:link {
	text-decoration:none;
	color:#000000;
}

#productenum a:visited {
	text-decoration:none;
	color:#000000;
}

.blacksmall {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10px;
   font-weight:400;
}

.blacksmall2 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:23px;
   font-weight:400;
   color:#000000;
}


/**

 * Accessoire pagina

 */



#accSelectionZoneWrapper {

  width: 218px;

  height: 430px;

  overflow:auto;

}



#accSelectionZone {

	width: 200px;

}



#accSelectionZone .listitem {

  font-size: 13px;

  line-height: 14px;

  font-family:Verdana, Arial, Helvetica, sans-serif;

  padding-left: 12px;

  padding-right: 12px;

  padding-top: 3px;

  padding-bottom: 5px;

}



#accSelectionZone .price {

  font-size: 13px;

  color:#003399;

  text-align: right;

  padding-right: 5px;

}



#accSelectionZone a {

	cursor: pointer;

}



#accSelectionZone a:link {

	color:#333333;

}



#accSelectionZone a:hover {

	color:#EC1E2F;

}



#accSelectionZone a:active {

	color:#EC1E2F;

}



#accSelectionZone a:visited {

	color:#333333;

}



#accDetailZone {

	height: 430px;

	width: 650px;

}



#accDetail {

  font-family: Helvetica, Verdana, Arial, sans-serif;

}



#accDetail .description{

  font-size: 24px;

  line-height: 50px;

  color: #666666;

  font-weight: lighter;

  padding: 20px;

}



#accDetail .brand{

  font-size: 16px;

  line-height: 25px;

  font-weight: lighter;

  color: #666666;

}



#accDetail .price{

  font-size: 14px;

  line-height: 25px;

  font-weight: lighter;

  color: #6699CC;

}

#producttitle1 {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#006699;
}

#producttitle1 a:hover{
   text-decoration:underline;
}

#producttitle1 a:link{
   text-decoration:none;
   color:#006699;
}

#producttitle1 a:visited{
   text-decoration:none;
   color:#006699;
}

.subtitle_blue {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:16px;
   color:#FFFFFF;

}

.whitefont {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:lighter;
   color:#FFFFFF;
   cursor:pointer;
}

.whitefont a:visited {
	color:#000000;
}

.whitefont a:link {
	color:#000000;
}


/* Inputs */

#searchfield {
	border-color:#B7B9AF;
	background-color:#E4E4E4;
	border-width:thin;
	border-style:none;
	height:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0F4B89;
	font-size:11px;
}

#menu1 {
	border:groove;

}

/* Dropdown Navigation */

/*

ul { 
   padding: 0;
   margin: 0;
   list-style: none;
}

li { 
   float: left;
   position: relative;
   width: 10em;
}

li ul { 
   display: none;
   position: absolute;
   top: 1em;
   left: 0;
}

li>ul { 
   top: auto;
   left: auto;
}

li:hover ul, li.over ul { 
   display: block;
}


*/

/* ency */
.hotspot {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	FONT-WEIGHT:lighter; FONT-SIZE: 11px; LINE-HEIGHT: 14px; TEXT-DECORATION:none;
	color:#02509A;
	cursor: pointer;
}
.toggle {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
}
.txtBlueBold {	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#02509A;
	font-weight:100;
	/*background-image:graphics/encybg3.gif;
	background-repeat:no-repeat;*/
}
.txtBlueBold2 {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
.hotspotall {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; cursor: pointer; LINE-HEIGHT: 14px; TEXT-DECORATION: underline
}


.back {
  background-image:url(graphics/bgblue.gif);
  background-repeat:repeat-x;
}

.back2 {
  background-image:url(graphics/gradient-achtergrond-grijs.gif);
  background-repeat:repeat-x;
  background-color:#FFFFFF;
}

.encybg {
	background-image:url(graphics/bgblue.gif);
	background-repeat:repeat-x;
	background-color:#02509A;
}

.openingsuren {
	color:#7C7C7C; /* no blue */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8px;
}

.plaatsnaam {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#999989;
}

.winkeldetails {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999989;
}

.winkeldetails a:link {
	color:#999989;
	text-decoration:none;
}


/* product page */
.bluetitlez {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#0057A2;
}

.lightgrayz {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#B5B5B5;
}

.darkgrayz {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#656565;
}

.graytitlez {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:45px;
	color:#959595;
}

.graytitlez2 {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#959595;
}

/*  styles for the product finder */

#navborder {
	PADDING-RIGHT: 0px; 
	/*BORDER-TOP: #e3efc2 1px solid; */
	PADDING-LEFT: 0px; 
	FONT-SIZE: 0px;
	/*background:#FFFFFF;*/
	/*background-image:url(graphics/phone-chooser-achtergrond-k.gif);*/
	/*BACKGROUND: #d3e4a5; */
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto; 
	PADDING-TOP: 5px; 
	/*BORDER-BOTTOM: #a4ba6b 1px solid*/

}
#searchwrap {
	DISPLAY: none; 
	FONT-SIZE: 10px; 
	/* MARGIN: 0px auto;  */
	HEIGHT: 0px;
}
#aboutwrap {
	DISPLAY: none; FONT-SIZE: 10px; MARGIN: 0px auto; HEIGHT: 0px
}
.sidebar {
	MARGIN: 0px 0px 0px 0px; WIDTH: 820px /*  0 a 10 100 */
}
#headerwrapper {
}
#header {
	BACKGROUND: url(img/header.gif); MARGIN: 0px auto; HEIGHT: 33px
}
#tabs {
	MARGIN: -1px auto 0px; HEIGHT: 19px
}
#search {
	DISPLAY: block; FLOAT: left; MARGIN-LEFT: 50px; WIDTH: 180px; HEIGHT: 20px
}
.search {
  cursor: pointer;
	BACKGROUND: url(graphics/knop-open-phone-chooser.gif) no-repeat;
	
}
.search_ {
  cursor: pointer;
	BACKGROUND: url(graphics/knop-sluit-phone-chooser.gif) no-repeat;
}
#slidecont {
	height:220px;
}

/* In de spotlight fonts */
#containerke {
	color:#666666;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
}


#containerke a:link {
	color:#CCCCCC;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
}

#containerke a:visited{
	color:#CCCCCC;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;	
}

#containerke a:hover{
	color:#CCCCCC;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;	
	font-weight:normal;
}



.spotlighttitle {
	color:#0057A2;
	font-size:36px;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-weight:lighter;
}

.spotlightdescription {
	color:#333333;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#grayzone {

	position:absolute;
	left:0px;
	top:0px;
	background-color: #000000;
	width:100%;
	height:100%;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
	display:none;	

	/*
	position:absolute;
	left:277px;
	top:135px;
	width:684px;
	height:550px;
	background-color:#CBD3CC;
	z-index:10;
	display:none;
	*/
}

#loader {
	display:none;
	position:absolute;
	top:280px;
	width:322px;
	height:103px;
	left: 50%;
	margin-left:-161px;
	z-index:11;
	background-image:url(graphics/loadingbg.gif);
}


/* products */

.productsbg {
	background-image:url(graphics/bgbluegraytop.gif);
	background-repeat:repeat-x;
	background-color:#02509A;
	/*background-color:#DDDDD8;*/
}

#buttonHandsFree {
	  display:none;
}
#buttonFm {
	  display:none;
}
#buttonMp3 {
	  display:none;
}
#buttonUmts {
	  display:none;
}
#buttonMovie {
	  display:none;
}
#buttonCamera {
	  display:none;
}
#buttonBt {
	  display:none;
}
#buttonMemory {
	  display:none;
}
#mainDiv {
	z-index:5;
}


/* Diensten */

div.dienstenkaderke {
  width: 697px;
  height: 158px;
  overflow: hidden;
  background-image: url('graphics/dienstenkader.gif');
}

div.dienstenkaderke div {
  padding: 1px 20px 0px 20px;
  /* top left bottom right*/
}

div.dienstenkaderke h1 {
  color: #0057A2;
  font-size: 20px;
  font-weight: lighter;
}
div.dienstenkaderke p {
  font-size: 12px;
}

div.belprotect {
  width: 695px;
  height: 1200px;
  background-image: url('graphics/belprotect_bg.gif');
}

div.belprotect div {
  padding: 5px 20px 5px 20px;
  /* top left bottom right*/
}

div.belprotect h1 {
  color: #0057A2;
  font-size: 20px;
  font-weight: lighter;
}
div.belprotect p {
  font-size: 13px;
}




div.overbelcompany {
  width: 500px;
  text-align: left;
}

div.overbelcompany h1{
  font-size: 16px;
  line-height: 20px;
  color: #0057A2;
}

div.overbelcompany p{
  text-align: justify;
  font-size: 11px;
  line-height: 16px;
}


#merklabel {
  padding-bottom: 10px;
  text-align: left;
  position: relative; 
  left: 652px;
  font-size: 18px;
  line-height: 24px;
  color: white;
}

/* Folder */

.folderbox{
	background:url(graphics/folderboxBig.gif) no-repeat center center;
	text-align: center;
	height: 150px;
	line-height: 2em;
}


#foot{
	height:30px;
	width:966px;
	background-image:url("graphics/footer_borderonly.jpg");
	background-repeat: no-repeat;
	padding-top: 15px;
	margin-top: 5px;
	
	}


#foot a{
	color:#0053a1;
}

#foot a:hover{
	text-decoration: none;
	}

.footleft{
	float: left;
	background-image: url("graphics/footerlogo.jpg");
	width:200px;
	height: 30px;
	background-repeat: no-repeat;
}

.footright{
	float:left;
	width: 766px;
	height: 30px;
	font-size: 10px;
	color:#0053a1;
	text-align: right;
	}
	
.footright span{
	font-size: 11px;
	}
