/* Voor 960px breedte en fontgrootte van 16px, de totale breedte is 60em */

html, body {
	background-color: #ECECEC;
	background-position: center;
	background-attachment: auto;
	background-repeat: no-repeat;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Geneva, Tahoma, Arial, sans-serif;
	font-size:16px;
}

a:link, a:visited {	color:black; text-decoration:none;}
a:hover, a:active {	color:#fe6804;}
img { border:0;}
table, td, tr { background-color:transparent; font-size:90%; text-align:left; }

.thin {
	font-family: Helvetica, Geneva, Tahoma, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	}
.orange {color:#F60;}
.small {font-size:0.85em}
.lightgreybg {	background-image:url(../images/lightgrey.png); background-repeat:repeat-x; background-position:bottom left; padding:0em;}
.lightgreybghoog {	background-image:url(../images/lightgrey600.png); background-repeat:repeat-x; background-position:bottom left; padding:0em;}
.col1 { width:160px; }
.col2 { width:368px; }
.col3 { width:576px; }
.col4 { width:784px; }

#front {
	position:absolute;
	top: 50%;
	left: 50%;
	width:960px;
	height:720px;
	margin-left:-480px;
	margin-top:-360px;
	border: 1px solid black;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
}

#header { margin:0; height:80px; }
#siteInfo { text-align:right; font-size:80%;}

#info { float:left; width:240px; font-size:70%; padding-top:20px; padding-right:120px; }
#info p { text-align:right; line-height:0em; }

#tab { float:left; width:600px; font-weight:500; margin:0; }
#tab ul li {
	text-align:left;
	float:left;
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:1.1em;
	list-style-type: none;
	font-size:160%;
	color:#F60;
	}
#tab ul li a { display:block; color:#FFFFFF; text-decoration: none;	}
#tab ul li a:hover{	color:#F60;	}
	
#content {
	color:#555;
	font-size:110%;
	text-transform:lowercase;
	height:30em;
	overflow:auto;
	margin:0;
	padding-top:60px;
	float:left;
	width:100%;
	}
#content a { color:#666; }
#content a:hover { color:#F60; }

#content ul { float:left; display:block; margin:0;}
#content li {
	text-align:left;
	font-size:80%;
	float:left;
	list-style-type:none;
	padding:16px;
	margin:8px;
	background-image:url(../images/lightgrey.png); background-repeat:repeat-x; background-position:bottom left;
	}
#content li img { padding-right:1em; float:left; }	

#content h2 {
	clear:both;
	font-style:normal;
	font-weight:100;
	font-size:300%;
	color: #333;
	letter-spacing:0.5em;
	margin:-10px 0 -25px 0;	
	}
#content h3 { font-weight:100; }

#box1 { float:left; margin-left:48px; padding:0 1em; height:20em; }
#box2 { float:left; margin-left:1em; padding:0 1em; padding-top:5em; height:15em; }
#box2 img { padding-right:1em; }