/*----------
CSS
nl. 01.2009
La Bong
---------*/

body 
{	
	margin: 0;
	padding: 0;
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, Helvetica, Sans-serif;	
	text-align: left;
	font-size: 70%;
	background-image: url(../styles/stamp2web.jpg);
	background-repeat: no-repeat;
}

#menu
{	
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 250px;
	height: 210px;
	text-transform: uppercase;
}


#menucontact
{	
	position: absolute; 
	top: 0px;
	left: 210px;
	width: 128px;
	height: 133px; 
	/*background: #102153255;*/
}


#menuvideo
{	
	position: absolute; 
	top: 100px;
	left: 320px;
	width: 113px;
	height: 145px; 
	/*background: #B5430D;*/
}

#menubeelden
{	
	position: absolute; 
	top: 20px;
	left: 440px;
	width: 128px;
	height: 104px; 
	/*background: #B5430D;*/
}

#menu1
{	
 	position: absolute;  
	top: 300px;
	left: 0px;
	height: 0px;
	width: 150px;
}

#menu2	
{
	position: absolute; 
	top: 300px;
	left: 100px; 
	width: 300px; 
	/*min-height: 210px;
	background: #263645;
	color: #C0C0C0;	
	border-color: #FFF;
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 15px;*/	
}

#menucv	
{
	position: absolute; 
	top: 300px;
	left: 100px; 
	width: 550px; 
}

#menulinksfriends	
{
	position: absolute; 
	top: 300px;
	left: 100px; 
	width: 300px; 
	/*margin-left: 60px;*/
}	
	
#menu3
{	
 	position: absolute;  
	top: 300px;
	left: 400px;
	height: 0px;
	width: 170px;
	margin-left: 60px;
	margin-top: 11px;
}


#menulinksallies
{	
 	position: absolute;  
	top: 300px;
	left: 290px;
	height: 0px;
	width: 200px;
}
#entry	
{
	position: absolute; 
	top: 50px;
	left: 340px; 
	width: 600px; 
	/*min-height: 210px;*/
	padding: 3px 9px 4px 18px;
}

#film	
{
	position: absolute; 
	top: 260px;
	left: 670px; 
	width: 550px; 
}

#bekijk	
{
	position: absolute; 
	top: 50px;
	left: 640px; 
	width: 400px; 
	/*min-height: 210px;*/
	padding: 3px 9px 4px 18px;	
}


#links	
{
	position: absolute; 
	top: 100px;
	left: 640px; 
	width: 740px; 
	min-height: 210px;
	padding: 3px 9px 4px 18px;	
}

#entryfilms	
{
	position: absolute; 
	top: 300px;
	left: 100px;
	width: 450px; 
	/*min-height: 210px;
	background: #263645;
	color: #C0C0C0;	
	border-color: #FFF;
	border-style: solid;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 15px;*/	
}

#links	
{
	position: absolute; 
	top: 100px;
	left: 640px; 
	width: 740px; 
	min-height: 210px;
	padding: 3px 9px 4px 18px;	
}

img
{
border: 0;
}

/*-------------------------begin hover*/
#menu a 
{
	border:none;
}

#menu a:hover img 
{
	visibility:hidden;
}

/* both IE/win and mac */
#menu a 
{
	display:inline-block;
}
/* \*/
html #menu a 
{
	display:block;
}
html #inline-images a 
{
	display:inline;
}
/* end hiding from IE/mac */

/*--------------------------------Images on*/
.contact 
{ background:url(http://www.la-bong.com/styles/menucontactaan.jpg) bottom left no-repeat; }
.beelden 
{ background:url(http://www.la-bong.com/styles/menubeeldenaan.jpg) bottom left no-repeat; }
.films 
{ background:url(http://www.la-bong.com/styles/menufilmaan.jpg) bottom left no-repeat; }

/*--------------------------------changes images*/
#block-images a 
{
	display:block;
	height/**/:133px; /* hide from IE5.01/win */
	width/**/:128px; /* hide from IE5.01/win */
}

#block-images a/**/ 
{
	height:133px;
	width:128px;
}  
/* hidden from IE5.01/win */

.fl 
{
	float:left;
}
/* fixes for IE/win \*/

* html #block-images a:hover 
{
	height:1%;
}
/* */

#block-images2 a 
{
	display:block;
	height/**/:145px; /* hide from IE5.01/win */
	width/**/:113px; /* hide from IE5.01/win */
}

#block-images2 a/**/
 {
	height:145px;
	width:113px;
}  
/* hidden from IE5.01/win */

.fl 
{
	float:left;
}
/* fixes for IE/win \*/


* html #block-images2 a:hover 
{
	height:1%;
}
/* */

#block-images3 a 
{
	display:block;
	height/**/:104px; /* hide from IE5.01/win */
	width/**/:128px; /* hide from IE5.01/win */
}
#block-images3 a/**/ 
{
	height:104px;
	width:128px;
}  /* hidden from IE5.01/win */

.fl 
{
	float:left;
}
/* fixes for IE/win \*/

* html #block-images3 a:hover 
{
	height:1%;
}
/*-----------------------------------end hover*/

/*submenu-----------------*/

#submenu ul 
{
	margin: 0;
    padding: 0;
    list-style: none;
	float: left;
	width: 100%;
}

#submenu li
{
	list-style: none;
	float: left;
    margin: 0;
    padding: 0;
    
}

#submenu li a 
{
	padding: 3px 9px 4px 18px;
	text-decoration: none;
	color: #C0C0C0;	
	float:left;	
}


#submenu a:hover {color: #B5430D;}
#submenu a:visited {font-style: normal;}

/*menu-------------*/
#menu {
}
#menu ul 
{
	margin: 0;
    padding: 0;
	float: right;
}

#menu li
{
    margin: 0;
    padding: 1px 0 1px 0;
	text-align: right;
}

#menu li a 
{
	padding: 0.25em 4px 0.25em 18px;	/* T R B L */
	padding-top: .25em;
	padding-bottom: .25em;	
	text-decoration: none;
	color: #000000;	
}

#menu a:hover {color: #FF0000;}
#menu a:visited {font-style: normal; }

/*--blauw #6699FF wordt
rood #FF0000 overheen kleur

links-------------*/


a.plain { text-decoration: none; }

a.plain:link 
{
color: #000000; 
text-decoration: none;
font-weight: bold; 	
} /* for unvisited links */

a.plain:visited 	
{
color: #000000;
text-decoration: none;
font-weight: bold; 				
} /*{ color: #C0C0C0 } for visited links */

a.plain:active 
{ 
color: #000000; 
text-decoration: none;
font-weight: bold; 
} /* when link is clicked */

a.plain:hover 
{ 
color: #FF0000; 
text-decoration: none;
font-weight: bold; 
} /* when mouse is over link */

/*--blauw #6699FF wordt

links 2-------------*/

a.select { 
	color: #6699FF;
	text-decoration: none; 
	font-weight: bold;
	}

a.select:link 
{
color: #6699FF; 
text-decoration: none;
font-weight: bold; 	
} /* for unvisited links */

a.select:visited 	
{
color: #6699FF;
text-decoration: none;
font-weight: bold; 				
} /*{ color: #C0C0C0 } for visited links */

a.select:active 
{ 
color: #6699FF; 
text-decoration: none;
font-weight: bold; 
} /* when link is clicked */

a.select:hover 
{ 
color: #FF0000; 
text-decoration: none;
font-weight: bold; 
} /* when mouse is over link */



/*normal list--------*/

ul li 
{
	margin-bottom: 0;
	color: #000000; 
	/*margin-bottom: 1.1em;*/
}


ul li ul li 
{
	margin-bottom: 0;
	color: #000000;
}


ul.links li 
{
	font-size: 100%;
}

ul.links li ul li 
{
	font-size: 100%;
}

ul 
{
	list-style-type: none;
	color: #6699FF; 
}