/************************
   Basic specifications 
 ***********************/
 
 *{
	margin:0;
	padding:0;
}
body {
  	text-align: left;
	font-family:"Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;;
   	background: url(images/bg2011.jpg) repeat center center fixed #203C52;
	font-size:14px;
	color:#203C52;
	line-height:18px;
	min-height:650px;
}
legend{
	color:#000;
	font-weight:bold;
}

fieldset{
	border:1px #C2C1C1 solid;
}

select{
	font-family:"Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;;
	font-size:14px;
}

h1{
	font-family:"Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;;
	font-size:18px;
	font-style:italic;
	font-weight:normal;
	color:#6792B1;
	padding-left:25px;
	padding-top:25px;
}

h2{
	font-family:"Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;;
	font-size:16px;
	font-weight:normal;
	color:#6792B1;
	text-align:left;
}


h3{
	font-family:"Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;;
	font-size:16px;
	text-align:left;
	color:#6792B1;
	font-weight:normal;
}

a{
	color:#6792B1;
	text-decoration:none;
}

a:hover{
	color:#999;
	text-decoration:none;
}

textarea{
	text-align: left;
  	font-family:"Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;; 	
	font-size:14px;
	color:#333;
	width:400px;
	height:150px
}
img{
	border:0px;
}
input{
	font-family:"Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;; 	
	font-size:14px;
}
ul{
	list-style-position:inside;
}
li{
	color:#0066CC;
}

.snow {
	position:absolute;
	layer-background-color:#FFFFFF;
	visibility:visible;
	top:-50px;
	font-size:1px;
	background-color:#FFFFFF;
}

/************************
 		Header
 ***********************/
div.header{
	width:800px;
	margin: 0 auto;
	height:190px;
}

div.header_left{
	width:230px;
	float:left;
	padding-top:80px;
}

div.header_right{
	background:url(images/Tantelogo2.png) no-repeat top left;
	width:340px;
	float: left;
	padding-top:110px;
	text-align:left;
	font-weight:bold;
	padding-left:15px;
	color:#fff;
}
div.header_update{
	text-align:right;
	font-weight:bold;
	float: left;
	width:800px;
	color:#fff;
}

/************************
 		Menu
 ***********************/
div.menu{
	width:180px;
	float:left;
	background:#FDFDFF;
	min-height:435px;
	border-bottom:solid 25px #E1E1E1;
}

div.menu_bar{
	width:155px;
	height:50px;
	background:#203C52;
	line-height:50px;
	color:#666;
	font-size:12px;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
	padding-left:25px;
}

div.menu_item a{
	padding-left:25px;
	color:#85A7C0;
	font-size:14px;
	line-height:24px;
	text-decoration:none;
	vertical-align:middle;
}
div.menu_item a:hover{
	color:#666;
	font-size:14px;
	text-decoration:none;
	width:150px;
	font-weight:bold;
}

div.menu_item_selected a{
	padding-left:25px;
	color:#666;
	font-size:14px;
	line-height:24px;
	text-decoration:none;
	vertical-align:middle;
	font-weight:bold;
}
div.menu_item_selected a:hover{
	color:#333;
	font-size:14px;
	text-decoration:none;
	width:150px;
	font-weight:bold;
}

div.menu_image{
	margin-top:5px;
	width:60px;
	float:left;
	line-height:50px;
}

 /************************
 		Main
 ***********************/

div.main{
	width:800px;
	margin: 0 auto;
	
}
div.bar{
	width:600px;
	height:50px;
	background:url(images/header.png) no-repeat top center;
	line-height:50px;
	color:#fff;
	font-size:16px; 
	text-align:center;
}

div.content{
	margin-left:20px;
	width:600px;
	line-height:18px;
	float:left;
	background:#FDFDFF;
	min-height:435px;
	
}

div.titel{
	width:100%;
	float:left;
}
div.titel_titel{
	font-family:"Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;;
	font-size:16px;
	text-align:left;
	color:#6792B1;
	font-weight:normal;
	width:78%;
	float:left;
}
div.titel_code{
	font-family:"Comic Sans MS",Verdana, Arial, Helvetica, sans-serif;;
	font-size:16px;
	text-align:right;
	color:#6792B1;
	font-weight:normal;
	width:21%;
	float:left;
}

div.text{
	padding:25px;
	width:90%;	
	float:left;
	min-height:335px;
}

div.product{
	width:98%;
	border: 1px solid #DDDDFF;
	float:left;
	padding:10px;
	margin-bottom:15px;
}

input.aantal{
	width:20px;	
}

div.foto{
	
	border: 5px solid #203C52;
	float:left;
	margin-left:5px;
}

div.product_info{
	padding:10px;
	width:50%;
	float:left;
	margin-left:20px;
}

/************************
 		 Lightbox 
 ***********************/
	#lightbox{
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 100;
		text-align: center;
		line-height: 0;
	}
	
	#lightbox a img{ 
		border: none; 
	}
	
	#outerImageContainer{
		position: relative;
		background-color: #fff;
		width: 250px;
		height: 250px;
		margin: 0 auto;
	}
	
	#imageContainer{
		padding: 10px;
	}
	
	#loading{
		position: absolute;
		top: 40%;
		left: 0%;
		height: 25%;
		width: 100%;
		text-align: center;
		line-height: 0;
	}
	#hoverNav{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
	}
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	
	#prevLink, #nextLink{
		width: 49%;
		height: 100%;
		background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }
	
	
	#imageDataContainer{
		font: 10px Verdana, Helvetica, sans-serif;
		background-color: #fff;
		margin: 0 auto;
		line-height: 1.4em;
		overflow: auto;
		width: 100%	
	}
	
	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
			
	#overlay{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 90;
		width: 100%;
		height: 500px;
		background-color: #000;
	}
	
	td.lightbox{
		text-align:center;
	}

 /************************
 		Footer
 ***********************/
 div.footer{
 	height:25px;
	background-color:#E1E1E1;
 	width:600px;
 	color:#666;
	font-size:9px;
	text-align:center;
	line-height:25px;
	float:right;
 }