/* HTML settings. */
html {
   height               : 100%;
}

/* Website body. */
body {
   height               : 100%;
   margin               : 0px;
   padding              : 0px;
   font-family          : Arial;
   font-size			: 12px;
   line-height			: 20px; 
   color				: #555;
   text-align			: center;
   background			: rgb(57,57,57) url('../images/backgroundBottles.jpg') 50% 50% no-repeat;
}

/* Images. */
img {
   border               : 0px; 
}

#shim {
	visibility			: hidden;
	width				: 100%;
	height				: 50%;                                                                     
	margin-top			: -305px;                                                              
	float				: left;
}
/* wrapper div. */
#divWrapper1 {
   width				: 800px;
   height				: 610px;
   clear				: both;
   position				: static;
   top					: -305px;
   margin				: 0px auto;
   text-align           : left;
}

/* wrapper div. */
#divWrapper {
   width                : 800px;
   min-height           : 100%;
   height               : auto !important;
   height               : 610px !important;
   margin               : 0 auto;
   text-align           : left;
   position				: relative;
}

/* root div. */
#maincontent{
   position 			: relative;
   height 				: 390px;
   width 				: 600px;
   top 					: 43px; 
   margin 				: 0px 0px 0px 50px;
   overflow				: auto;
}

/* h2 maincontent */
#maincontent h2{
	color				: rgb(43,43,43);
	margin				: 0px;
	font-size			: 12px;
	font-weight			: 800;
}

/* Main div. */
#main {
   top					: 17%;
   width                : 800px;
   height				: 600px;
   position				: absolute;
}

/* menu div. */
#divMenu{
	width				: 750px;
	height				: 27px;
	padding-left		: 50px;
	position			: absolute;
	background-color	: rgb(57,57,57);
	z-index				: 999;
}

/* menu div. */
#divSubMenu	{
	width				: 114px;
	height				: auto;
	top					: 27px;
	padding				: 25px 0px 0px 0px;
	position			: absolute;
	background-color	: rgb(57,57,57);
}

/* Submenu list. */
#divSubMenu ul {
   padding              : 0;
   margin-left			: 0;
   list-style           : none;
   width				: 114px;
}

/* Submenu items links. */
#divSubMenu ul li a {
   display              : block;
   font-size            : 12px;
   font-weight          : 500;
   text-decoration      : none;
   height               : 20px;
   padding              : 3px 0px 0px 20px;
   color                : rgb(162,162,162);
   background-color		: rgb(57,57,57);   
}

/* Submenu item links when hovered. */
#divSubMenu ul li a:hover, #divSubMenu ul li a.selected {
   background-color     : rgb(107,107,107);
   color      			: rgb(204,204,204);
}

/* main content div. */
#center{
	width				: 800px;
	height				: 500px;
	position			: absolute;
	background-color	: rgb(255,255,255);
	top					: 27px;
	z-index				: 1; 
}

/* main content breadcrumbs. */
#breadCrumbs{
	width				: 480px;
	left				: 50px;			
	height				: 20px;
	position			: relative;
	top					: 20px; 
}

/* Menu list. */
#breadCrumbs ul {
   height               : 15px;
   margin               : 0px 0px 0px 0px;
   padding              : 0px;
   list-style           : none;
}

/* Let menu items float to the left in IE7. */
#breadCrumbs ul li {
   float                : left;
}

/* breadCrumbs links. */
#breadCrumbs ul li a {
   display              : block;
   float                : left;
   text-decoration      : none;
   height               : 15px;
   color                : rgb(57,57,57);   
   padding              : 0px 10px 0px 0px;
}

/* breadCrumbs when hovered. */
#breadCrumbs ul li a:hover, #breadCrumbs ul li a.selected {
   color                : rgb(126,126,126);
}

/* page title. */
#pageTitle{
	width				: 480px;
	height				: 20px;
	position			: relative;
	margin			 	: 10px 0px 8px 50px;
	padding				: 0px;
	top					: 47px;
}

/* h1 page title */
#pageTitle h1,
.deepening {
	color				: rgb(0,110,46);
	margin				: 0px;
	font-size			: 16px;
	text-transform		: uppercase;
	font-weight			: bold;
}



/* streepje rechts div. */
#divStreepjeRight{
	width				: 1px;
	background			: rgb(255,255,255);
	height				: 448px;
	position			: absolute;
	left				: 540px;
	top					: 27px;
	
}

/* logo right div. */
#logoRight{
	width				: 150px;
	height				: 150px;
	position			: absolute;
	left				: 640px;
	top					: 47px;
	text-align			: center;
	z-index				: 2; 
}


/* menu right div. */
#imgRight{
	width				: 265px;
	height				: 185px;
	position			: absolute;
	text-align			: center;
	left				: 535px;
	top					: 160px;
	z-index				: 2; 
}

/* menu right div. */
#arrowRight{
	width				: 80px;
	height				: 20px;
	position			: absolute;
	text-align			: center;
	left				: 680px;
	top					: 480px;
	z-index				: 2; 
}

/* links. */
a {
   text-decoration		: underline;
   color                : rgb(57,57,57);  
}

/* links when hovered. */
a:hover,  a:active {
   color      			: rgb(107,107,107);
   text-decoration		: underline;
}

/* footer div. */
#divFooter{
	width				: 600px;
	height				: 20px;
	position			: absolute;
	left				: 100px;
	top					: 560px;
	color 				: #3B3B3B;
	font-size			: 12px;
	line-height			: 220%;
}

/* footer links. */
#divFooter a {
   color 				: #3B3B3B;
}

/* footer links when hovered. */
#divFooter a:hover, #divFooter a.active {
   color      			: rgb(107,107,107);
   text-decoration		: underline;
}

/* footer div image. */
#divFooter img{
	margin-left				: 185px;
}

/* main content pictogrammen. */
#divPict{
    width				: 11px;
	height				: 40px;
    position			: absolute;
    left				: 380px;
    top					: 38px; 
}

#divPict a {margin: 3px;}