<?php
ob_start("ob_gzhandler");
require "../system/config.inc.php";
header("Cache-control: max-age=3600, must-revalidate");
header('Content-Type:text/css; charset=iso-8859-1');

if (isset($_SESSION["page"]) and is_a(unserialize($_SESSION["page"]),'Page')) {
	$page = unserialize($_SESSION["page"]);
	$page->database = &$database;
}

function ie_png_hack ($image, $posy = '', $posx = '', $repeat = '', $bgcolor = '') 
{
	global $os, $browser;
	if ($os == 'windows' && ($browser == 'msie5' || $browser == 'msie6'))
	{
		if (isset($color) and strlen($color) > 0) {
			echo "background: $bgcolor;\n";
		}
		echo "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" . $image . "', sizingMethod='";
		if (strlen($repeat) == 0 or $repeat == 'no-repeat') {
			echo "image";
		} else {
			echo "scale";
		}
		echo "');\n";
	} else
	{
		echo "background: $bgcolor url('".$image."') $posy $posx $repeat;\n";
	}
}
?>
html {
	padding: 0px;
	margin: 0px;
	height: 100%;
	overflow-x:hidden;
}

body {
	padding: 0px;
	margin: 0px;
	height: 100%;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: black;
	background: #6380BA url('../visuals/basis/bg.png') top left repeat-x;
	overflow-x: hidden;
}

h1 {
	font-size: 14px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color:#00529b;
}

h2 {
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

h3 {
	font-size: 12px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

p {
	margin: 0px 0px 12px 0px;
	padding: 0px;
}

table {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-spacing: 0px 0px;
}

td {
	padding: 0px;
	padding-bottom:10px;
	vertical-align: top;
}

a:link {
	text-decoration: underline;
	color: black;
}

a:visited {
	text-decoration: underline;
	color: black;
}

a:hover {
	text-decoration: none;
	color: black;
}

a:active {
	text-decoration: underline;
	color: black;
}

ol {
	margin: 0px 0px 15px 25px;
	padding: 0px;
}

ul {
	margin: 0px 0px 15px 15px;
	padding: 0px;
}

li {
	margin: 0px 0px 2px 0px;
	padding: 0px;
}

input {
	width: 200px;
	border: 1px solid #00529b;
	background: white;
	font-family: Arial, sans-serif;
	font-size: 12px;
}

select {
	width: 204px;
	border: 1px solid black;
	background: white;
}

textarea {
	width: 410px;
	height: 200px;
	border:1px solid #00529b;
}

form {
	padding: 0px;
	margin: 0px;
}

.checkbox {
	border: 0px;
	width: 20px;
	background: none;
}

.radiobutton {
	border: 0px;
	width: 20px;
	background: none;
}

.form_button {
	background: white;
	border: 1px solid #00529b;
	width: 204px;
}




/* Verticaal menu*/

#menu_ver {
	z-index:900;
	width:100%;
	margin-left:12px;
}

#menu_ver a:link, 
#menu_ver a:visited, 
#menu_ver h2 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	border: 1px solid #00529b;
	display: block;
	width:200px; 
	height:100%;
	margin: 0px 0px 5px 0px;
	padding: 6px;
	background: white;
	text-decoration: none;
	color: #00529b;
}

#menu_ver a:hover, 
#menu_ver a:active {
	background: #d4d9ec;
}

#menu_ver  a:link.current_page, 
#menu_ver  a:visited.current_page, 
#menu_ver  a:hover.current_page, 
#menu_ver  a:active.current_page {
	background: #d4d9ec;
}

#menu_ver ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	background: url('../visuals/basis/pixel.gif') top left repeat;
}

div#menu_ver li, div#menu li:hover{
	position:relative;
}

div#menu_ver li ul{
	position:absolute;
	top:0px;
	left:100%;
	display:none;
}

div#menu_ver ul ul,
div#menu_ver ul ul ul,
div#menu_ver ul li:hover ul ul,
div#menu_ver ul li:hover ul ul ul{
	display:none;
}

div#menu_ver ul li:hover ul,
div#menu_ver ul ul li:hover ul,
div#menu_ver ul ul ul li:hover ul {
	display:block;
}







/* Layout */

#center_hor {
	position: relative;
	height: 100%;
	width: 1010px;
	margin: 0px auto 0px auto;
	padding:0px;
}
#center_footer {
	position: relative;
	height: 25px;
	width: 1010px;
	padding:0px;
	text-align: center;
	vertical-align: top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.layout_logo {
	position:relative;
	margin-top:10px;
	width: 534px;
	height: 115px;
	left:35px;



	<?php ie_png_hack ('../visuals/basis/logo_haspado.png', 'top', 'left', 'no-repeat', ''); ?>
;
	background-image: url('../visuals/basis/logo_haspado.png');
	background-repeat: no-repeat;
}

.layout_content_top {
	position:relative;
	width: 1021px;
	height: 15px;
	background: url('../visuals/basis/border_top.png') top left no-repeat;
}
.layout_content {
	position:relative;
	width: 1021px;
	background: url('../visuals/basis/border_content.png') top left repeat-y;
}
img {
	border: 1px solid #00529B;
}


.layout_content_padding {
	position:relative;
	margin:0px 20px;
}
#center_hor .layout_content .layout_content_padding .layout_header img {
	width: 966px;
	height: 114px;
}


.layout_header {
}

.layout_overlay {
	position:relative;
	top: -40px;
}


.layout_menu {
	clear:both;
	float:left;
	margin:50px 0px 12px 0px;
	width:224px;
}

.layout_content_bottom {
	position:relative;
	width: 1021px;
	height: 29px;
	text-align:center;
	color: #00529b;
	background: url('../visuals/basis/border_bottom.png') top left no-repeat;
}

.layout_clear {
	clear: both;
}

.layout_page_content {
	float:left;
	top: 0px;
	width:744px;
	min-height:348px;
	line-height:20px;
	background: url('../visuals/basis/bg_content_text.png') top left no-repeat;
}

.layout_page_content_padding {
	padding:25px 20px 0px 25px;
	text-align: justify;
}

.foto-tekst {
	text-align:left;
	vertical-align:top;
	float: right;
	padding-left: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}