/* GENERAL */
/******************/

* {
  margin: 0;
  padding: 0; 
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  color: #4f4f4f;
  line-height: 20px;
  background-color: #EDEDED;
  margin-top: 2px;
}

a:link, a:visited,  a:active {
  text-decoration: none;
  color:#f78e18;
/*  color: #276508;*/
}

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


ul {
  list-style-image: url(../img/layout/list-green.jpg);
  padding-left: 10px;
  margin-top: 4px;
  margin-bottom: 16px;
}



li li {
list-style: none;
list-style-image:none;
}


p{
margin-bottom: 10px;
}


h1 {
  font-size:12px;
    color: #212121;
  font-weight:bold;
}

h2 {
  font-size:12px;
  color: #666666;
  font-weight:bold;
}

.orange {
  color: #f78e18;
  font-weight:bold;
  font-size: 11px;
}


.orange-divider {
  color: #f78e18;
  font-weight:bold;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 20px;
}


.img-left {
	border: solid 1px #cccccc;
	padding: 2px;
	margin-right: 30px;
}

.img-right {
	border: solid 1px #dbdbdb;
	padding: 2px;
	margin-left: 20px;
}


.img-routekaartje {
	border: solid 1px #dbdbdb;
	padding: 2px;
	margin-right: 30px;
}



.img {
	border: solid 1px #D6D6D6;
	padding: 2px;
}




/* MAIN */
/*******/

div#container {
  width: 942px;
  border: none;
  background-color:#ededed;
  margin: 0 auto;
}

div#top {
	width: 940px;
	height: 25px;
	background-repeat: no-repeat;
	background-color:#ededed;
}


/* HEADER */
/*******/

div#header {
	width: 940px;
	height: 304px;
	background-color: #EDEDED;
	float:left;
	}

div#header-left {
	width: 268px;
	float:left;
}

div#header-middle {
	width: 198px;
	float:left;
}


div#header-right {
	width: 474px;
	height: 304px;
	float:left;
}



div#logo {
	width: 268px;
	height:95px;
}

div#adres {
	width: 258px;
	height: 55px;
	background-image: url(../img/layout/bg-grijs.jpg);
	background-repeat:no-repeat;
	line-height: 11px;
	padding-top: 15px;
	padding-left: 8px;
	font-size:10px;
	float:left;
}

div#auto {
	width: 138px;
	height: 139px;
	background-image: url(../img/layout/adres.jpg);
	background-repeat:no-repeat;
	float:left;
}

div#catalogus {
	width: 122px;
	height: 42px;
	background-image: url(../img/layout/catalogus-relatiegeschenken.jpg);
	background-repeat:no-repeat;
	line-height: 14px;
	font-size:13px;
	font-weight:bold;
	float:left;
	padding-top: 97px;
	padding-left: 8px;
}


#catalogus a:link, #catalogus a:active, #catalogus a:visited {
color: #000000;
}

#catalogus a:hover {
border: none;
color: #f78e18;
} 



/* NAVIGATIE */
/*******/
#navigatie {
background-image:url(../img/layout/bg-navigatie.jpg);
background-repeat:no-repeat;
height: 304px;
padding-top: 84px;
/*font-family:"Tahoma", Verdana;*/
line-height: 19px;
}

#navigatie ul {
list-style-type: none;
font-size: 14px;
font-weight:bold;
}

#navigatielist li {
margin-top: 5px;
} 

#navigatie a {
text-decoration: none;
padding-left: 4px;
padding-top: 3px;
} 

#navigatie a:link, #navigatie a:active, #navigatie a:visited {
color: #FFFFFF;
}

#navigatie a:hover {
border: none;
color: #f78e18;
} 






/* CONTENT */
/*******/

div#content-container {
  width: 940px;
  background-color:#EDEDED;
  float:left;
}

div#content-left {
  width: 268px;
  float:left;
}

#aanbieding {
background-image: url(../img/layout/aanbieding.jpg);
height: 50px;
background-repeat:no-repeat;
font-size:12px;
font-weight:bold;
padding-top: 183px;
padding-left: 140px;
}

#aanbieding a:link, #aanbieding a:active, #aanbieding a:visited {
color: #ededed;
}

#aanbieding a:hover {
border: none;
color: #000000;
} 


div#content-right {
  width: 672px;
  float:left;
  background-color:#EDEDED;
}

div#text {
padding-top: 10px;
padding-left: 10px;
}



div#footer {
	background-image:url(../img/layout/footer.jpg);
  	background-repeat:no-repeat;
 	 width: 940px;
  	height: 46px;
  	font-weight:normal;
  	font-size:11px;
	float:left;
	padding-top: 22px;
	text-align:center;
}


#footertext li
{
	display: inline;
	list-style-type: none;
	padding-right: 40px;
}


/* REFERENTIES */
/******************/

#container-referenties{
	width: 640px;
}

#referenties li
{
display: inline;
list-style-type: none;
padding-right: 80px;
}


/* SITEMAP */
/******************/

dl.sitemap {
margin-left: 5px;
}

.sitemap dt {
	background-image: url(../img/layout/list-icon.jpg);
	background-repeat:no-repeat;
	padding-left: 16px;
	color: #666666;
	font-weight:bold;
	margin-bottom: 1px;
	margin-top: 20px;
}

.sitemap dd
{
	margin-left: 20px;
	margin-bottom: 4px;
}





/* Lightbox */
/******************/

#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; }