/*----------
CSS tonmartens.nl
nl. 08.2009
Canus
---------*/

body
{
	margin: 0px;
	padding: 0px;
	font-family: verdana, sans-serif;
	font-size: 100%;
	text-align: center;
	background-color: #62E4FF;
	color: #FFF;
}

img
{
	border: 0;
}

#adres
{
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	width: 180px;
	text-align: left;
	font-size: 90%;
}

#adres a:link
{
	color: #FFF; 
	text-decoration: none;
}

#adres a:hover 
{
	color: #000;
}

#entry
{
	position: absolute;
	/*top: 25%;
	left: 25%;*/
	top: 150px;
	left: 345px;
	padding: 10px;
	border: 2px solid gray;
	width: 550px;
	height: 350px;
	text-align: left;
	background-color: #FFF;
	color: #000
}

#home					{background-color: #2DF9A8;}
		#cv						{background-color: #FFF;}
		#teksten				{background-color: #FFF;}
		#kunstenaarsboeken		{background-color: #FFF;}
		#projecten				{background-color: #FFF;}
		#blog					{background-color: #FFF;}
		#winkel					{background-color: #FFF;}
		#links					{background-color: #FFF;}
		#commissions			{background-color: #FFF;}


#menu /* set width of menu */
{
	width: 12em; /*is enough*/ 
	/*width: 17em; /*total is max*/
	background: #2DF9A8; /*level 0*/
		border-width: 0px;
		border-style: solid;
		border-color: #2DF9A8;
		margin: 0px;
		padding: 0px;
} 


/* position menu---------------------------------------------------*/
#menuproject
{
	position: fixed; 
	top: 115px;
	left: 875px;
	background: #2DF9A8;
	font-size: 100%;
	text-align: left;
	color: #000
}

#menublog
{
	position: fixed; 
	top: 525px;
	left: 950px;
	background: #2DF9A8;
	font-size: 100%;
	text-align: left;
	color: #000
}

#menutekoop
{
	position: fixed; 
	top: 575px;
	left: 575px;
	background: #2DF9A8;
	font-size: 100%;
	text-align: left;
	color: #000
}

#menulinks
{
	position: fixed; 
	top: 370px;
	left: 150px;
	background: #2DF9A8;
	font-size: 100%;
	text-align: left;
	color: #000
}

#menucommissions
{
	position: fixed; 
	top: 190px;
	left: 50px;
	/*left: 50px;*/
	background: #2DF9A8;
	font-size: 100%;
	text-align: left;
	color: #000
}

#menucv
{
	position: fixed;
	/*top: 50px;
	left: 120px;*/
	top: 80px;
	left: 240px;
	background: #2DF9A8;
	font-size: 100%;
	text-align: left;
	color: #000
}

#menuteksten
{
	position: fixed; 
	top: 100px;
	left: 450px;
	background: #2DF9A8;
	font-size: 100%;
	text-align: left;
	color: #000
}

#menukunstenaarsboeken
{
	position: fixed; 
	top: 50px;
	left: 580px;
	background: #2DF9A8;
	font-size: 100%;
	text-align: left;
	color: #000
}
/*end------------------------------------------*/






#menu ul /* remove bullets and list indents - no visual */
{
	list-style: none;
	width: auto;
	margin: 0;
	padding: 0;
}


#menu a /* style, color and size links and headings to suit*/
{
	display: block; /*block*/
	border-width: 1px;
	border-style: solid;
	/*border-color: #ccc #888 #555 #bbb;*/
	border-color: #ccc #888 #555 #bbb;
	margin: 0;
	padding: 2px 3px;
}



#menu a 
{
	color: #000;
	background: #2DF9A8; /*level 1&2*/
	text-decoration: none;
}

#menu a:hover 
{
	color: #a00;
	background: #fff;
}


#menu li /* make the list elements a containing block for the nested lists*/
{
	position: relative;
} 

#menu ul ul ul 
{
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block*/
	width: 100%; /* width is based on the containing block */
}


li
{
	list-style-type: none;
	text-align: left;
	text-decoration: none;
	background-color: none;
}

ul
{
	list-style-type: none;
	text-align: left;
	text-decoration: bold;
	background-color: none;
}

li ul
{
	display: none;
}


li:hover > ul
{
	display: list-item;
	text-align: left;
}

li ul li:hover > ul
{
	display: block;
	text-align: left;	
}


a:link { color: #000; text-decoration: none;}
a:hover {color: #a00;text-decoration: none;}
a:visited {color: #000; text-decoration: none;}{}