/* css Test Milka */
/* css zen garden als voorbeeld gebruikt  */

/* basic elements */
body
{
	font: 10pt/16pt verdana;
	color: #ffffff;
	background: #fff url(images/background_milka2.jpg) no-repeat top left;
	background-color:Black;
}
p
{
	font: 10pt/16pt verdana;
	margin-top: 0px;
	text-align: left;
}
h
{
	font: italic normal 12pt verdana;
	letter-spacing: 1px;
	margin-bottom: 0px;
	text-align: right; /*color: #cc0066;*/
}

/*link colors */
a:link
{
	text-decoration: underline;
	color: #000033;
}

a:visited
{
	text-decoration: underline;
	color: #660066;
}

a:hover, a:active
{
	text-decoration: underline;
	color: #0033ff;
}


/*Menu list*/
#linkList
{
	font-family: Verdana;
	font-size: 12pt;
	margin-left: 25px;
	margin-top: 140px;
	position: absolute;
	left: 0px;
	width: 154px;
	top: 160px;
	height: 359px;
}

#linkList a:link, #linkList a:visited
{
	text-decoration: none;
	color: #ffffff;
}

/*Header*/
#pageHeader
{
	margin-bottom: 20px;
	margin-right: 10px;
}

#pageHeader h1
{
	position: absolute;
	top: 10px;
	left: 0px;
	height: 10px;
	margin-right: 10px;
}

/*Title section*/
#Div2
{
	/*margin-left: 220px;
	margin-top: 240px;
	margin-right: 25px;
	width: 600px;*/
	margin-bottom:20px;
	font-size: 24pt;
	font-family: Verdana;
	color: Black;
	
}
#Image
{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 25px;
	width: 300px;
	
	
}

/*Bodytext*/
#supportingText
{
	margin-left: 220px;
	margin-top: 240px;
	margin-bottom: 20px;
	width: 600px;
	font-family: Verdana;
	color: Black;
}



/*Footer*/
#Footer
{
	
	margin-left: 220px;
	margin-top: 20px;
	text-align: left;
	font: 10px Verdana;
	color: Black;
}



/*Newsletter signup box*/
#DivNewsletter
{
	position: absolute;
	top: 610px;
	left: 20px;
	width: 205px;
	height: 560px;
	text-align: left;
}


/*Links page*/
#LinkList2
{
	font: 12px Verdana;
	margin-left: 5px;
	margin-top: 90px;
	position: absolute;
	left: 310px;
	top: 25px;
	height: 239px;
	width: 370px;
	padding: 10px;
}

/* table properties */
table
{
	width: 650px;
	font: 10pt/16pt verdana;
}
th
{
	font: bold;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	border-top: 1px solid #A2ADBC;
	border-left: 1px solid #A2ADBC;
	width: 60;
}

td
{
	border-left: 1px solid #A2ADBC;
	border-right: 1px solid #A2ADBC;
	border-bottom: 1px solid #A2ADBC;
	width: 60px;
	height: 20px;
	text-align: left;
}

/*Image gallery*/
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer
{
	position: absolute;
	top: 180px;
	left: 38px;
	height: 600px;
	text-decoration: none;
}

.gallerycontainer_sub
{
	position: absolute;
	top: 180px;
	left: 360px;
	height: 600px;
	text-decoration: none;
}

.gallerycontainer_subkrant
{
	position: absolute;
	top: 200px;
	left: 360px;
	height: 600px;
	width: 450px;
	text-decoration: none;
}

.thumbnail
{
	text-align: center;
	text-decoration: none;
}

.thumbnail img
{
	border: 1px solid black;
	text-decoration: none;
}

.thumbnail a
{
	text-decoration: none;
}


.thumbnail:hover
{
	background-color: transparent;
	text-decoration: none;
}

.thumbnail:hover img
{
	border: 1px solid black;
	text-decoration: none;
}

.thumbnail span
{
	/*enlarged image*/
	position: absolute;
	border: 1px solid black;
	top: 80px;
	left: -1000px;
	visibility: hidden;
	cursor: default;
	text-decoration: none;
}


.thumbnail:active span, .thumbnail:focus span
{
	/*enlarged image*/
	visibility: visible;
	top: 80px;
	left: 250px;
	z-index: 50;
	text-decoration: none;
}