/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {

    }
 
    body, td, input, select, textarea, table {
    	color:#2f2f2f;
    	font-size:11px;
    	font-family:arial,verdana;
    	line-height:18px;
    }
    
    body {
    	background:#cecece;
    }
    
    a:link, a:visited, a:hover, a:active {
    	color:#d7ad1b;
    	text-decoration:none;
    }
    
    a:hover {
    }
    
    h1 {
 		font-family:Century Gothic, Arial, Verdana;
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

 #container {
 	width:1200px;
 	background:url("../images/bg.jpg") top center repeat-y;
 	
 	position:relative;
 	margin:0 auto;
 }
 
 #idCountry
{
	height:				20px;
	width:				200px;
	
	position:			absolute;
	top:				163px;
	right:				90px;
	
	text-align:			right;
	
	color:white; 		
	font-family:Century Gothic, Arial, Verdana;
}

#idCountry ul
{
	display:inline;	
	margin-left:20px;
}

#idCountry ul li
{
	display:inline;	
}

#idCountry ul li img
{
	border:0px;
}


 
 #header {
 	width:1200px;
 	height:142px;
 	background:url("../images/header.jpg") top left no-repeat;
 	_background:url("../images/header.jpg") 1px 0px no-repeat;
 }
 
 #footer {
 	width:1200px;
 	height:32px;
 	background:url("../images/footer.jpg") top center no-repeat;
 	font-family:Century Gothic, Arial, Verdana;
 	color:white;
 }
 
 #footer .left {
 	float:left;
 	margin-left:90px;
 	margin-top:7px;
 	display:inline;
 }
 
 #footer .right {
 	float:right;
 	margin-right:90px;
 	margin-top:7px;
 	display:inline;
 }
 
 #underHeader {
 	width:1200px;
 	height:85px;
 	background:url("../images/underHeader.jpg") top center no-repeat;
 }
 
 #header .links {
 	float:right;
 	margin-top:60px;
 	margin-right:100px;
 	display:inline;
 }
 
 #header .links a {
 	text-indent:-90000px;
 	height:9px;
 	width:33px;
 	display:block;
 	float:left;
 }
 
 #header .links a.home { background:url("../images/btn_home.jpg") no-repeat; }
 #header .links a.contact { background:url("../images/btn_contact.jpg") no-repeat; }
 #header .links a.sitemap { background:url("../images/btn_sitemap.jpg") no-repeat; }
 #header .links a.search { background:url("../images/btn_search.jpg") no-repeat; }
 
 
 #overflow {
 	margin-top:20px;
 	overflow:hidden;
 	min-height:550px;
 	margin-left:76px;
 	margin-right:78px;
 }
 
 #columnLeft {
 	width:237px;
 	float:left;
 }
 #columnMiddle {
 	width:497px;
 	float:left;
 	display:inline;
 	margin-left:30px;;
 }
 #columnRight {
 	width:237px;
 	float:right;
 }
 
 
 #categorieeen {
 	background:#26263a;
 	width:237px;
 	text-align:right;
 }
 
 #categorieeen h1 {
 	color:white;
 	font-size:15px;
 	font-weight:bold;
 	margin-right:20px;
 	margin-top:10px;
 }
 
 #categorieeen #contentCategorieeen {
 	min-height:377px;
 }
 
 #categorieeen #headerCategorieeen {
 	width:237px;
 	height:11px;
 	background:url("../images/columnLeft_Header_Top.jpg") top center no-repeat;
 }
 
 #categorieeen #footerCategorieeen {
 	width:237px;
 	height:13px;
 	background:white url("../images/columnLeft_Footer_Top.jpg") top center no-repeat;
 }
 /*
 ul#topVerLeft {
 	font-family:Century Gothic, Arial, Verdana;
 	font-size:11px;
 	margin-top:20px;
 	margin-bottom:20px;
 	line-height:30px;
 }
 
  ul#topVerLeft li {
 	_height:14px;
 }
 
  ul#topVerLeft li a{
 	display:block;
 	color:white;
 	text-decoration:none;
 	padding-right:20px;
 	_height:14px;
 }
 
   ul#topVerLeft li a:hover {
 	background:url("../images/bgMenu.jpg") top left repeat-y;
 	_height:14px;
 }
 
 
 ul#topVerLeft li ul {
 	background:#e7ba10;
 	display:none;
 	position:absolute;
 	left:300px;
 	margin-top:-31px;
 	text-align:left;
 	width:180px;
 }
 
  ul#topVerLeft li ul li a{
 	padding-left:20px;
 	color:#212439;
 } */
 
 
 
 
ul#topVerLeft {
	padding:0px;
	margin:0px;
	list-style:none;
	line-height:50px;
 	font-family:Century Gothic, Arial, Verdana;
 	font-size:11px;
 	margin-top:20px;
 	margin-bottom:20px;
 	line-height:30px;
}

ul#topVerLeft li {
	_display:inline;
}

ul#topVerLeft li a {
	color:white;
 	padding-right:20px;
	text-decoration:none;
	background:url("../images/liItemOut.jpg") 0% 50% no-repeat;
	display:block;
	height:33px;
 	border-bottom:1px solid #858585;
}

ul#topVerLeft li a:hover {
 	background:url("../images/bgMenu.jpg") top left repeat-y;
	display:block;
}

ul#topVerLeft li ul {
	position:absolute;
	left:300px;
	list-style:none;
	display:none;
	text-align:left;
	
	width:150px;
	
	padding:0px;
	margin:0px;
	margin-top:-34px;
}


ul#topVerLeft li ul li {
	width:150px;
	display:inline;
}

ul#topVerLeft li ul li a {
	color:white;
	text-decoration:none;
	font-size:11px;
	text-transform:none;
	height:33px;
	background:#e7b618;
	color:#212439;
	display:block;
	padding-left:10px;
	border-bottom:none;
}

ul#topVerLeft li ul li a:hover {
	background:none;
	background:#212439;
	display:block;
	height:33px;
	color:#e7ba10;
}
 
 #winkelwagen {
 	background:#26263a;
 	width:237px;
 	color:white;
 	margin-top:20px;
 	margin-bottom:20px;
 }
 
 #winkelwagen #contentWinkelwagen table.winkelwagen td {
 	color:white;
 } 
 
 #winkelwagen a {
 	color:white;
 	text-decoration:none;
 }

 #winkelwagen h1 {
 	height:29px;
 	width:217px;
 	background:url("../images/h1ColumnLeft.jpg");
 	font-weight:bold;
 	padding-left:20px;
 	padding-top:4px;
 	font-family:Century Gothic, Arial, Verdana;
 	font-size:14px;
 	margin-lefT:-20px;
 	margin-bottom:20px;
 }
 
 #winkelwagen #contentWinkelwagen {
 	min-height:184px;
 	margin-lefT:20px;
 	margin-top:20px;
 }
 
 #winkelwagen #headerWinkelwagen {
 	width:237px;
 	height:11px;
 	background:url("../images/columnLeft_Header_Bottom.jpg") top center no-repeat;
 }
 
 #winkelwagen #footerWinkelwagen {
 	width:237px;
 	height:13px;
 	background:white url("../images/columnLeft_Footer_Bottom.jpg") top center no-repeat;
 }
 
 
 #underHeader .search {
 	color:white;
 	font-family:Century Gothic, Arial, Verdana;
 	
 	float:left;
 	display:inline;
 	
 	margin-left:90px;
 	margin-top:21px;
 	
 	_margin-top:10px;
 }

 #underHeader .search input {
 	border:none;
 	padding:2px;
 	color:black;
 }
 
 #underHeader .search .btnSubmit {
 	background:#5c5c6b;
 	color:#d7ad1b;
 }
 
 #uitgelicht {
 	background:#26263a;
 	width:237px;
 	color:white;
 	margin-bottom:20px;
 }
 
 #uitgelicht #contentWinkelwagen table.winkelwagen td {
 	color:white;
 } 
 
 #uitgelicht h1 {
 	height:25px;
 	width:217px;
 	_width:197px;
 	background:url("../images/h1ColumnRight.jpg");
 	font-weight:bold;
 	padding-left:20px;
 	_padding-left:0px;
 	padding-top:4px;
 	font-family:Century Gothic, Arial, Verdana;
 	font-size:14px;
 }
 
 #uitgelicht #contentUitgelicht {
 	min-height:460px;
 }
 
 #uitgelicht #headerUitgelicht {
 	width:237px;
 	height:11px;
 	background:url("../images/columnRight_header.jpg") top center no-repeat;
 }
 
 #uitgelicht #footerUitgelicht {
 	width:237px;
 	height:13px;
 	background:white url("../images/columnRight_footer.jpg") top center no-repeat;
 }
 
 #uitgelicht .uitgelichtProduct  {
 	padding:20px;
 }
 
 #uitgelicht .inloggen  {
 	padding:20px;
 }
 
 #uitgelicht .inloggen input  {
 	border:none;
 	background:white;
 	color:black;
 	padding:2px;
 	width:180px;
 }
 
 #uitgelicht .inloggen .btnSubmit {
 	background:#26263a;
 	color:white;
 	font-family:Century Gothic, Arial, Verdana;
 	width:80px;
 	border:none;
 }
 
 
	hr
	{
		background-color:	#26263A;
		color:				#26263A;
		border:				none;
		border-bottom:		1px solid #26263A;
		height:				1px;
	}
 
 ul#bottomHorLeft {
 }
 
 ul#bottomHorLeft li {
 	float:left;
 	padding-left:5px;
 } 
 ul#bottomHorLeft li a {
	border-right:1px solid white;
	padding-right:5px;
 }
	
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

	/*****************************************************
	 * PAGINA VOORBEELD 1
	 *****************************************************/

	/*****************************************************
	 * PAGINA VOORBEELD 2
	 *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
 span.verplicht
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#A23438;
}


.req
{
	color:#C12129;
}

.text
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	
	width:							200px;
	height:							20px;
	
	background:						url(../images/bg_textfield.jpg);
	border:							1px solid #000000;
	margin-bottom:					3px;
}

.select {
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	
	width:							200px;
	height:							20px;
	
	border:							1px solid #000000;
	margin-bottom:					3px;
}

.textarea
{
	font-family:					Trebuchet MS, Verdana, Arial, Georgia;
	font-size:						11px;
	color:							#353535;
	
	width:							200px;
	height:							80px;
	
	border:							1px solid #000000;
	margin-bottom:					3px;
}

.button
{
	font-family:					Verdana, Arial, Georgia, Sans-serif;
	font-size:						11px;
	font-weight:					bold;
	color:							#393939;
	
	width:							200px;
	height:							20px;
	
	background:						#F2F2F2;
	border:							1px solid #000000;
	margin-bottom:					3px;
}
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
 #lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }