html, body {
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#FFF;
	background-color:#00CCFF;
	background-image: url("img/bg.gif");
	background-position: 0px 0px;
	background-repeat: repeat-y;
	height:100%;
}

html, body, form, fieldset, img, iframe, ul, p, h1 {
	margin: 0;
	padding: 0;
}

a {
	color:#FFF;
	text-decoration:underline;
}

a:hover, a:active {
	text-decoration:none;
}

br {
	clear: both;
}

h1 {
	color:#000;
	font-size:80px;
	padding-bottom:0px;
}

h2 {
	color:#FFF;
	font-size:80px;
	padding:0px;
	margin:0px;
}

u {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

li {
	margin-left:10px;
}

div {
	border:0px solid lime;
}

div#right a {
	-moz-outline: 0px solid lime; /* Firefox 1.0x */
    outline: 0px solid lime; /* Firefox nightly builds, DeerPark dev. releases */
    outline-offset 0px;  /* Firefox nightly builds, DeerPark dev. releases */
}

.separator {
	height:1px;
	line-height:1px;
	font-size:1px;
	border:0;
	border-top:2px solid #FFF;
	margin:10px 0px 10px 0px;
}

input, select {
	float: left;
	display:inline;
	margin: 5px 150px 0px 0px;
	font-size: 10px;
}

label {
	float: left;
	display:inline;
	text-align: left;
	width: 100px;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
}

div#nav_layer0 {
	position:absolute;
	top:0px;
	left:0px;
	width:55px;
}

div#nav_layer1 {
	position:absolute;
	top:41px;
	left:55px;
	width:100px;
}

div#nav_layer2 {
	position:absolute;
	top:41px;
	left:155px;
	width:100px;
}

div#nav_layer1 a {
	display:block;
	cursor: pointer;
	padding: 3px 0px 3px 10px;
	margin:0px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}

div#nav_layer1 a:hover, div#nav_layer1 .select {
	padding: 3px 0px 3px 10px;
	margin:0px;
	color:#00CCFF;
	background-color:#fff;
	text-decoration:none;
	font-weight:bold;
}


div#nav_layer2 a {
	display:block;
	cursor: pointer;
	padding: 3px 0px 3px 10px;
	margin:0px;
	color:#00CCFF;
	text-decoration:none;
	font-weight:bold;
}

div#nav_layer2 a:hover, div#nav_layer2 .select {
	padding: 3px 0px 3px 10px;
	margin:0px;
	color:#FFF;
	background-color:#00CCFF;
	text-decoration:none;
	font-weight:bold;
}

#logo a {
	display:block;
	width:55px;
	height:170px;
	background: url("img/kassys_logo.gif") -5px 0px no-repeat;
}

#logo a:hover {
	background-position: -75px 0px;
}

div#flag {
	margin:20px 0px 0px 13px;
}

div#content {
	margin-left:300px;
	margin-bottom:0px;
	padding:0px;
	min-height:100%;
	-height:100%;
	border:0px solid blue;
}

div#left {
	padding: 30px 200px 30px 15px;
	border:0px solid red;
}

div#right {
	position:absolute;
	top:0px;
	right:0px;
	width:145px;
	border:0px solid lime;
}

.fotobar {
	background-image: url("img/bg_foto.gif");
	background-position: top right;
	background-repeat: repeat-y;
}


div#info_tekst {
	padding-top:20px;
}

.foto_bijschrift {
	font-size:11px;
	font-style: italic;
}

.projecten_anchor {
	font-size:11px;
	color: #000;
}

.guestbook_stamp {
	font-weight:bold;
}

.guestbook_prevnext {
	float:right;
}

#underconstruction {
	position:absolute;
	top:20px;
	left:300px;
}

#pers_img a {
	float:left;
	width:94px;
	height:85px;
	padding-right:3px;
	background: url("img/pers.gif") 0px 0px no-repeat;
}

#pers_img a:hover {
	background-position: 0px -81px;
}

#tour_img a {
	float:left;
	width:94px;
	height:85px;
	padding-right:3px;
	background: url("img/tour.gif") 0px 0px no-repeat;
}

#tour_img a:hover {
	background-position: 0px -81px;
}

#techniek_img a {
	float:left;
	width:94px;
	height:85px;
	padding-right:3px;
	background: url("img/techniek.gif") 0px 0px no-repeat;
}

#techniek_img a:hover {
	background-position: 0px -81px;
}

#film_img a {
	float:left;
	width:94px;
	height:85px;
	padding-right:3px;
	background: url("img/film.gif") 0px 0px no-repeat;
}

#film_img a:hover {
	background-position: 0px -81px;
}

#audio_img a {
	float:left;
	width:94px;
	height:85px;
	background: url("img/audio.gif") 0px 0px no-repeat;
}

#audio_img a:hover {
	background-position: 0px -81px;
}