html, body { 
margin : 0; 
padding : 0; 
background : #d2cab2;
background-image:url(../../layout/bodyBack2.jpg);
background-repeat:repeat-x;
} 


a:link, a:visited, a:active {
text-decoration: none;
color:#FFF;
font-weight:normal;
}
a:hover {
text-decoration: none;
color:#666;
font-weight:bold;
}


 

.container1 {
display: block;
width: 500px;
height: auto;
position: absolute;
left: 50%;
margin-left: -410px;
top: 340px;
}

.content { 
width : 500px; 
height : auto;
padding : 10px; 
font-family:Georgia, "Times New Roman", Times, serif; 
color : #5b5749; 
font-size : 14px; 
line-height : 20px; 
}
.content a {
	font-weight:normal;
	color:#FFF;
}



.container2 {
display: block;
width: 270px;
height: auto;
position: absolute;
left: 50%;
margin-left: 130px;
top: 360px;

}

.content2 { 
width : 250px; 
height : auto;
padding : 10px; 
font-family:Georgia, "Times New Roman", Times, serif; 
color : #5b5749; 
font-size : 12px; 
line-height : 20px; 
}
.content2 a {
	font-weight:normal;
	color:#524330;
}



.hyves { 
display : block; 
position : absolute; 
width : 30px; 
height : 30px; 
left : 50%; 
margin-left : 350px; 
top : 290px; 
}






.navbarbg {
display: block;
width: 100%;
height: 60px;
padding: 0px;

}

.navbar { 
position : absolute; 
top : 260px; 
left : 50%; 
margin-left : -405px;
z-index:100;
}

.navbar ul { 
list-style-type : none;
margin-top:15px;
margin-left:0px;
padding-left:0px;
padding-top:0px;
} 
.navbar ul li { 
float : left; 
z-index : auto; 
z-index : 1000;  
} 
.navbar ul li a { 
float : left; 
display : block; 
height : 50px; 
width : auto; 
line-height : 30px; 
padding-left : 20px; 
padding-right : 20px; 
text-decoration : none; 
font-size : 14px; 
font-family:Georgia, "Times New Roman", Times, serif;
font-weight : normal; 
color : #666; 
border-right : 1px dotted #000; 
} 
.navbar ul li ul { 
display : none; 
border : none; 
} 



/* Submenu (Non-IE6 hovering) */
.navbar ul li:hover { 
position : relative; 
} 
.navbar ul li:hover a { 
text-decoration : none; 
color : #666; background-image:url(../../layout/button_hover.png); background-repeat:repeat-x; 
} 
.navbar ul li:hover ul { 
display : block; 
width : 100px; 
position : absolute; 
z-index : 1000; 
top : 33px; 
margin-top : 0.1em; 
left : 0; 
padding : 0 16px 0 16px; 
} 
/* Submenu */
.navbar ul li:hover ul li a { 
white-space : normal; 
display : block; 
width : 100px; 
height : 20px; 
line-height : 1.3em; 
margin-left : -17px; 
padding : 4px 16px 4px 16px; 



font-weight : normal; 
color : #666; 
font-size : 14px;
} 



/* Submenu Hover */
.navbar ul li:hover ul li a:hover { 
background-color : #666;
background-image:none;
text-decoration : none; 
font-size : 14px;
color:#fff;
} 
.navbar table { 
position : absolute; 
z-index : 1000; 
top : 0; 
left : -1px; 
border-collapse : collapse; 
} 
.navbar ul li a:hover { 
position : relative; 
z-index : 1000; 
color : #666; 
text-decoration : none;

} 
.navbar ul li a:hover ul { 
display : block; 
width : 10em; 
position : relative; 
z-index : 1000; 
top : 3.1em; 
top : 3em; 
left : 0; 
margin-top : 0.1em; 
border-top : 1px solid rgb(215, 215, 215);
} 
.navbar ul li a:hover ul li a { 
white-space : normal; 
display : block; 
width : 10em; 
height : 1px; 
line-height : 1.3em; 
padding : 4px 16px 4px 16px; 
border-right : 1px solid rgb(215, 215, 215); 
border-left : 1px solid rgb(215, 215, 215); 
border-bottom : 1px solid rgb(215, 215, 215); 
background-color : rgb(235, 235, 235); 
font-weight : normal; 
color:#000; 
} 
.navbar ul li a:hover ul li a:hover { 
background-color:#000; 
text-decoration : none; 
} 

#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 50px;
	z-index: 1000;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
	border:none;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 800;
	right: 0; top: 0;
	text-indent: -9999px;
	border:none;
}



.achtergrond {
	display:block;
	position: absolute;
	width:825px;
	height:235px;
	left: 50%; top: 15px;
	margin: 0px 0 0 -413px;
	background-image:url(../../layout/achtergrond_afbeelding.png);
}

.heineken {
	display:block;
	position: absolute;
	width:200px;
	height:200px;
	left: 50%; top: -30px;
	margin: 0px 0 0 300px;
	background-image:url(../../layout/heineken.png);
	background-repeat:no-repeat;
}

*{outline: none;}
img {border: 0;}
.container {
	width: 790px;
	padding: 0;
	margin: 0 auto;
	
	
}
.folio_block {
	position: absolute;
	left: 50%; top: 30px;
	margin: 0px 0 0 -395px;
	/*border:#FFF solid 5px;*/
	
}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:200px;	width: 790px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}
 
/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold; 
	background: #000; 
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}



.header { 
display : none; 
} 
.menu { 
display : none; 
} 
.content { 
vertical-align : top; 
} 
.footer { 
display : none; 
} 
body { 
margin-left : 0; 
margin-top : 0; 
margin-right : 0; 
margin-bottom : 0;
}