@media all { 
/* CSS Document waarin de specifieke style elementen voor de index pagina worden geregeld */

/*=html Er zijn voor deze pagina nog geen specifieke stijlkenmerken vastgesteld voor het element html*/
html{}

* {padding:0;
	margin:0;}

/*=body*/
body{
	background-image:url(../Images/Summersky.gif);
	color:#5C743D;}

/*=ul*/
ul{
	position:relative;
	list-style-type:none;
	width:456px;
	height:450px;}

/*=ol*/
ol{
	position:relative;
	list-style-type:upper-latin;
	background-color: #7A9AAE;
	color:#C5F6F8;}	

/*=li*/
li{
	float:left;
	width:151px;
	padding-bottom:1em;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	font-family:"Comic Sans MS", Courier;}



li#diana{ 
	background:url(../Images/Diana.gif) no-repeat 50% 10px;}
	
li#willem{ 
	background:url(../Images/Willem.gif) no-repeat 50% 10px;}
	
li#milan{ 
	background:url(../Images/Milan.gif) no-repeat 50% 10px; 
	border-right: 0 solid #333;}
	
li#omgeving{ 
	padding-top:.5em;
	background:url(../Images/Omgeving.gif) no-repeat 50% 3em; 
	border-bottom: 0 solid #333;}
	
li#hobby{ 
	padding-top:.5em;
	background:url(../Images/Petanque.gif) no-repeat 50% 3em;
	border-bottom: 0 solid #333;}
	
li#diwi{ 
	padding-top:.5em;
	background:url(../Images/diwi.png) no-repeat 50% 3em;
	border-bottom:0 solid #333;
	border-right:0 solid #333;}

li#diana a, li#willem a, li#milan a{
	padding-top:160px;}
	
li#omgeving a, li#hobby a, li#diwi a{
	padding-bottom:160px;}

li#week1, li#week2, li#week3, li#week4, li#week5{
	border:0 solid #333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#7A9AAE;
	color:#CCFFFF;
	font-size:12px;}
li#week1 hover, li#week2 hover, li#week3 hover, li#week4 hover, li#week5 hover{							background-color:#FFFFFF;}

/*=li a*/
li a { 
	display:block;
	text-align:center;
	color:#5C743D;}

/*=a*/
/* stylekenmerken opmaak van de links*/
a:link, a:visited{
	text-decoration:none;
	font-weight:bold;}
.columns{
	color:#C5F6F8;}

/*=div*/

div#brand{
	background-image: url(../Images/Header_div_branding.gif);
	background-repeat: no-repeat;}

div#main{
	position:absolute;
	left:250px;
	top:75px;
	width:486px;
	height: 408px;}

div#ster{
	position:absolute;
	top:176px;
	left:189px;
	background:url(../Images/cv_ster.png) no-repeat;
	height:100px;
	width:100px;
	text-indent:-9999px;
	background-image: url(../Images/cv_ster.gif);}

div#bal{
	position:absolute;
	top:339px;
	left:780px;
	height:100px;
	width:166px;
	background-image:url(../Images/bal.gif);
	text-indent:-9999px;}
	
div#balk{
	position:absolute;
	top:150px;
	left:739px;
	height:20px;
	width:225px;
	background:url(../Images/balk.gif) no-repeat;
	text-indent:-9999px;}

/*=div#columns*/
div#columns{
	position:absolute;
	top:300px;
	left:20px;
	width:150px;
	border:none;
	color: #C5F6F8;
}
	
marquee#index{
	color:#C5F6F8;}
	
div#album{
	position:absolute;
	width:250px;
	top:451px;
	left:781px;
	}
}