/* basic */
body{
	text-align:center; /* center in firefox */
	margin:0;
	padding:0; /* opera */
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%; /* = 10px */
	color: #595fb0;
	}
	/*
	font-family:;
	font-size: ;
	font-style:;
	font-variant:;
	font-weight:;
	color: #595fb0;
	
	letter-spacing:;
	text-align:justify;
	vertical-align:;
	text-decoration:;
	text-transform:;
	line-height:;
	text-indent:;
	*/
div#ie-center{ /* center in IE */
	backgound:red;
	text-align:left;
	margin:0 auto;
	width:785px;
	height:101%;
} 
/* content */
div#content{
   margin:0 0 0 160px;
}
/* Layout */
div#layout-bg{
	background: url(../images/layout-bg1.jpg);
	float: left;
	width: 785px;
	height: 690px;
}
 html>body #layout-bg
{
	height: auto;
	min-height: 690px;
}
div#layout-1 {
	background: url(../images/layout-01.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 176px;
	height: 690px;
}
div#layout-2{
	background: url(../images/layout-02.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 138px;
	height: 115px;
}
div#layout-3{
	background: url(../images/layout-03.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 227px;
	height: 115px;
}
div#layout-4{
	background: url(../images/layout-04.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 244px;
	height: 115px;
}

div#layout-5{
	background: url(../images/layout-05.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 609px; /* 609 */
	height: 18px;
}
div#layout-6{
	background: url(../images/layout-06.jpg);
	float: left;
	width: 17px;  /* 17 */
	height: 557px;  /* 521 */
}
div#layout-7{
	background: url(../images/layout-07.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
	padding-top:0px;
	float: left;
	width: 574px;
	height: 557px;
	text-align:justify;
}
html>body #layout-7{
	height: auto;
	min-height: 557px;
}
div#layout-8{
	background: url(../images/layout-08.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 18px;
	height: 557px;
}
div#layout-9{
	background: url(../images/layout-09.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 785px;
	font-size:1px;
	line-height:1px;
	height: 10px;
}
div#layout-10{
	background: url(../images/layout-10.jpg);
	background-repeat:no-repeat;
	clear:left;
	float: left;
	width: 176px;
	height: 150px;
}
div#layout-11{
	background: url(../images/layout-11.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 138px;
	height: 35px;
}
div#layout-12{
	background: url(../images/layout-12.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 471px;
	height: 35px;
}
div#layout-13{
	background: url(../images/layout-13.jpg);
	background-repeat:no-repeat;
	float: left;
	width: 138px;
	height: 115px;
}
div#layout-14{
	background: url(../images/layout-14.jpg);
	float: left;
	width: 471px;
	height: 115px;
}
div#layout-15{
	background: url(../images/layout-15.jpg);
	clear: left;
	float: left;
	width: 785px;
	font-size:1px;
	line-height:1px;
	height: 6px;
}
div#main{
  width:544px; /* was 574, maar werkt niet meer goed in IE */
  padding-top:5px;
  padding-left:15px; /* firefox: width - 10px */
  padding-right:15px; /* firefox: width - 10px */
  /* border:1px solid black; alleen voor visualisering hoe breed de ruimte is op index.php */
}


/* Text */
p.title{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #595999;
	font-weight: bold;
	font-size: 2.0em;
}
p.subtitle{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #595999;
	font-weight: bold;
	font-size: 1.5em;
}
p.big{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.4em; /* = 14px */
} 
p.normal{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em; /* = 12px */
	color:#444444;
	text-align:justify;
}
p.small{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.0em; /* = 10px */
}
span{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em; /* = 12px */
}
span.title{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #595999;
	font-weight: bold;
	font-size: 2.0em;
}
span.subtitle{
	font-family: verdana, arial, helvetica, sans-serif;
	color: #595999;
	font-weight: bold;
	font-size: 1.2em;
}
span.normal{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.2em; /* = 12px */
	color:#444444;
}
span.copy{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em; /* = 10px */
	color:yellow;
}
a:link, a:visited{
	font-size:1.1em;
	color: #595999;
	font-weight: ;
	text-decoration: none;
}
a:hover, a:active{
	font-size:1.1em;
	color: #595999;
	font-weight: ;
	text-decoration: underline;	
}
span.subtitle, span.normal, li.normal, a:link, a:visited, a:hover, a:active, p.normal, address{
	text-align:justify;
	word-spacing:0.1em;
	letter-spacing:0.03em;
	line-height:1.5em;
}
dl{
	margin-top: 5px;
	margin-left: 10px;
	padding: 0 0 0 0px;
}
html>body dl{ /* firefox only */
	padding: 0 0 0 15px;
}
li.normal{
	font-size:1.2em;
	color: #444444;
	padding: 0 0 0 0px;
}
a.links:link, a.links:visited{
	font-size:1.1em;
	color: #444444;
	font-weight: bold ;
	text-decoration: ;
}
a.links:hover, a.links:active{
	font-size:1.1em;
	color: #595999;
	font-weight: bold ;
	text-decoration: underline;	
}

/* menu */
.navigation{
	background:#28316c; 
	width:176px; 
	height:20px; 
	color:white;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-align: center;
	padding-top: 4px;
}
.menu, .menu_on{
	width:155px;
	height:20px;
	background-color: #f3f3f3;
	color: red;
	padding-right: 19px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	border-left: #000000 1px solid;
	border-top: #cccccc 0px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}
.menu_on{
	background-color: yellow;
}
a.test:link, a.test:visited{
	font-size:1.4em;
	color: #444444;
	font-weight: ;
	text-decoration: none;
}
a.test:hover, a.test:active{
	font-size:1.4em;
	color: #444444;
	font-weight: ;
	text-decoration: underline;	
}
.submenu {
	display:block;
	width:155px;
	border-left: #000000 1px solid;
	border-top: #000000 0px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-color: #ffffff;
	padding-right: 19px;
	font-size: 1.0em;
	padding-bottom: 2px;
	color: #000000;
	padding-top: 2px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
div#link{
	padding-right: 19px;
	font-size:1.2em;
	padding-bottom: 2px;
	padding-top: 2px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	text-align: right;
	width:155px;
	border-left: #000000 1px solid;
	border-top: #cccccc 0px solid;
	border-right: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}

/* What not to print */
@media print  { .noprint  { display: none; } }
@media screen { .noscreen { display: none; } }