/* Peter de Graaff - an open source xhtml/css website layout.
Version: 1.0 (Febr 5, 2007) */

body {background:#fff;
      margin:0;
	  }
#outer        				 
	{position: absolute;
	 top: 50%;
	 left: 0px;
	 width: 100%;
	 height: 1px;
	}

#inner    
	{margin-left: -464px;
	 position: absolute;
	 top: -267px;
	 left: 50%;
	 width:1px;
	 height:auto;
	 }
	 
	 
/* Main layout and header */
#wrap {
		overflow:hidden;
		background:#e7e8ea; 
		color:#303030; 
		width:929px;
		}

#top {
		background:url(img/top.jpg) no-repeat bottom left; 
		height:104px;
		margin: 0;
		padding:0;
		}

#header {
		background:url(img/header_home.jpg) no-repeat top right #fff; 
		color:#505050; 
		height:162px; 
		margin:0 0 10px; 
		padding:0;
		}
#headeractueel {
		background:url(img/logo.jpg) no-repeat top left #e7e8ea; 
		color:#e7e8ea; 
		height:162px; 
		margin:0 118px 10px; 
		padding:0;
		}
#headervideo {
		background:url(img/header_video.jpg) no-repeat top right #fff; 
		color:#505050; 
		height:162px; 
		margin:0 0 10px; 
		padding:0;
		}
#headerfoto {
		background:url(img/header_foto.jpg) no-repeat top right #fff; 
		color:#505050; 
		height:162px; 
		margin:0 0 10px; 
		padding:0;
		}
#headerweb {
		background:url(img/header_web.jpg) no-repeat top right #fff; 
		color:#505050; 
		height:162px; 
		margin:0 0 10px; 
		padding:0;
		}
#headertekst {
		background:url(img/header_tekst.jpg) no-repeat top right #fff; 
		color:#505050; 
		height:162px; 
		margin:0 0 10px; 
		padding:0;
		}
#header h1 {
		font-size:2.5em; 
		font-weight:400; 
		letter-spacing:-2px; 
		margin:0 0 4px 15px; 
		padding:15px 0 0;
		}
#header h1 a,#header h1 a:hover {
		font-weight:400; 
		padding:0;
		}
#header p {
		font-size:1.1em; 
		letter-spacing:-1px; 
		margin:0 0 10px 15px; 
		padding:0 0 0 3px;
		}

#headerbut	{
		float: left; 
		width: 118px; 
		height: 162px; 
		padding: 0px 0px 0px 0px; 
		margin-top: 0px; 
		margin-left: 0px; 
		margin-right: 0px; 
		color: #000; 
		font-family: "Arial",verdana, helvetica, sans serif; 
		font-size: 16px; 
		font-weight: bold;
		}
#headerbut a {
		display: block; 
		height: 162px; 
		background: #fff url(img/home_but_off.jpg) no-repeat center left;
		}
#headerbut a:hover {
		background: #fff url(img/home_but_on.jpg) no-repeat center left;
		}

/* Left side */
#leftside {
		clear:left; 
		float:left; 
		margin:10px 10px 0px; 
		padding:0; 
		width:90px;
		}
#leftside h2 {
		font-size:1.5em; 
		font-weight:400;
		}

/* Right side teksten*/
#textblockbig {
		float:right; 
		margin:-172px 0 10px 0; 
		padding-left:10px;
		padding-right:10px;
		padding-top:10px; 
		width:575px; ;
		background:#f3e4bb;
		}
#textblockbig p {
		font-family: "Arial",verdana, helvetica, sans serif;
		font-size:0.8em; 
		line-height:1.2em; 
		margin:0 0 1.5em; 
		padding:0;
		color: #000;
		}

#textblock {
		float:right; 
		margin:10px 0 10px 0; 
		padding-left:10px;
		padding-right:10px;
		padding-top:10px; 
		width:575px; ;
		background:#f3e4bb;
		}
#textblock p,#textblock ul {
		font-family: "Arial",verdana, helvetica, sans serif;
		font-size:0.8em; 
		line-height:1.3em; 
		margin:0 0 1.5em; 
		padding:0;
		color: #000;
		}
#textblock li {
		list-style:none; 
		margin:0 220px 6px; 
		padding:3px;
		text-align:center;
		}
#textblock h2,#textblockbig h2  {
		font-family: "Arial",verdana, helvetica, sans serif;
		font-size:1.2em; 
		font-weight:400; 
		letter-spacing:0px; 
		color: #000;
		margin:0 0 6px;
		}
#textblock img {border:0;}
#textblock h3 {
		font-family: "Arial",verdana, helvetica, sans serif;
		font-size:0.9em; 
		font-weight:300; 
		letter-spacing:0px; 
		color: #000;
		margin:0 0 0px;
		}
#videoblock	{
		float:right; 
		margin:-190px 0 10px 0; 
		padding-left:10px;
		padding-right:10px;
		padding-top:15px; 
		width:575px; ;
		background:#e8e9ea;
		font-family: "Arial",verdana, helvetica, sans serif;
		}

/* menu content*/
#content {
		line-height:1.5em; 
		margin:20px 118px 10px 113px; 
		padding:0; 
		text-align:left;
		}

#content img {
		background:#ccc; 
		border:4px solid #f0f0f0; 
		color:#303030; 
		display:inline; 
		padding:1px; 
		margin:0 10px 5px 0;
		}
#content ul.avmenu {
		list-style:none; 
		margin:0 0 8px; 
		padding:0; 
		width:150px;
		}
#content ul.avmenu li {
		display:inline; 
		padding:0; 
		width:150px;
		font-family: "Arial",verdana, helvetica, sans serif;
		}
#content ul.avmenu li a {
		background:url(img/hover_off.gif) repeat-x bottom left #e7e8ea;
		color:#58588c; 
		float:left; 
		font-size:1em; 
		font-weight:700; 
		margin-bottom:5px; 
		padding:2px 2px 2px 50px; 
		text-decoration:none; 
		width:150px;
		}
#content ul.avmenu li a:hover,#content ul.avmenu li a.current {
		background:url(img/hover_on.gif) repeat-x bottom left #e7e8ea; 
		color:#f3e4bb;
		}

/* Footer */
#footer {
		background: url(img/footer.jpg) no-repeat top left #fff; 
		clear:both; 
		color:#fff; 
		font-size:0.9em; 
		font-family: "Arial",verdana, helvetica, sans serif;
		font-style: italic; 		
		margin:0 0 0 0 ; 
		padding-top: 15px;
		padding-left:118px;
		text-align:left; 
		width:858px;
		height: 40px;
		}
#footer p {
		margin:0; 
		padding:0;
		}
#footer a {
		background:inherit; 
		color:white; 
		font-weight:700; 
		text-decoration:none;
		padding-right: 60px;
		}
#footer img {
		border: none;
		padding-right: 10px;
		margin-top: 3px;
		}
#footer a:hover {
		text-decoration:none;
		color:#ed9d3a; 
		}

/* Links and paragraphs */
a {
		background:inherit; 
		color:#166090; 
		text-decoration:none; 
		font-weight:bold;
		}
a:hover {
		background:inherit; 
		color:#286ea0; 
		text-decoration:underline;
		}
a img {
		border:solid;
		}
p {
		margin:0 0 16px;
		}
blockquote {
		background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; 
		border-bottom:1px solid #d8d8d8; 
		border-left:4px solid #ccc; 
		border-right:1px solid #d8d8d8; 
		border-top:1px solid #d8d8d8; 
		color:#505050; 
		margin:16px; 
		padding:7px 7px 7px 11px;
		}
blockquote p {
		font-size:1.1em; 
		line-height:1.3em; 
		margin:0;
		}

/* Tables and forms */
table {
		border-collapse:collapse; 
		line-height:0.8em; 
		width:95%; 
		margin:0 0 16px; 
		padding:0;
		}
caption {
		font-size:1.5em; 
		font-weight:400; 
		margin:0; 
		padding:6px 0 8px; 
		text-align:left;
		}
th {
		background:url(img/menubg1.gif) repeat-x bottom left #eaeaea; 
		color:#505050;
		 padding:7px; 
		 text-align:left;
		 }
td {
	background:url(img/menubg0.gif) repeat-x bottom left #f4f4f4;
	color:#000000;
	font-size:0.82em;
	padding:7px;
	text-align:left;
	background-color: #f3e4bb;
	font-family: Arial, Helvetica, sans-serif;
		}
input,textarea {
		border:1px solid #ccc; 
		font-family:Verdana,Tahoma,Arial,Sans-Serif; 
		font-size:1em; 
		margin:0; 
		padding:4px;
		}
label {
		margin:2px;
		}
input {
		width:200px;
		}
textarea {
		width:400px;
		}
.contactform input.button {
		float:left; 
		width:9.0em; 
		margin-right:20px; 
		padding:1px !important /*Non-IE6*/; 
		padding:0 /*IE6*/; 
		background:rgb(230,230,230); 
		border:solid 1px rgb(150,150,150); 
		text-align:center; 
		font-family:verdana,arial,sans-serif; 
		color:rgb(150,150,150); 
		font-size:110%;
		}
.contactform input.button:hover {
		cursor: pointer; 
		border:solid 1px rgb(80,80,80); 
		background:rgb(220,220,220); 
		color:rgb(80,80,80);
		}


/* Search box */
#searchbox label,.hide {
		display:none;
		}
#searchbox {
		margin:6px 0 16px; 
		padding:0;
		}
#searchform {
		background:#fff; 
		border:1px solid #ccc; 
		color:#505050; 
		font-size:0.9em; 
		padding:4px; 
		width:116px;
		}

/* Various classes */
.announce h2 {
		margin:0 0 10px; 
		padding:0;
		}
.textright {
		margin:-10px 0 4px; 
		text-align:right;
		}
.center {
		text-align:center;
		}
.small {
		font-size:0.8em;
		}
.large {
		font-size:1.3em;
}
.highlighted {
		background:#f0f0f0; 
		border:1px solid #b0b0b0; 
		color:#303030; 
		padding:3px;
		}
.button {
		background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; 
		border-bottom:1px solid #d8d8d8; 
		border-left:4px solid #ccc; 
		border-right:1px solid #d8d8d8; 
		border-top:1px solid #d8d8d8; 
		color:#505050; 
		font-weight:700; 
		margin:0 0 15px; 
		padding:7px 7px 7px 11px; 
		width:120px;
		}
.left {
		float:left; 
		margin:10px 10px 5px 0;
		}
.right {
		float:right; 
		margin:10px 0 5px 10px;
		}
.texttab {
		float:right;
		margin-right: 150px;
		margin-top:0px;
		}
.texttab0 {
		float:left;
		margin-left: 250px;
		margin-top:-19px;
		}
.coloraccent {
		color:#000099;
		}
.thumbnail{
		position: relative;
		z-index: 0;
		}

.thumbnail:hover{
		background-color: transparent;
		z-index: 50;
		}

.thumbnail span{ 
		/*CSS for enlarged image*/position: absolute;
		background-color: white;
		padding: 25px;
		left: -1000px;
		border: 1px dashed gray;
		visibility: hidden;
		color: black;
		text-decoration: none;
		}

.thumbnail span img{
		 /*CSS for enlarged image*/border-width: 0;
		padding: 2px;
		}

.thumbnail:hover span{
		 /*CSS for enlarged image on hover*/visibility: visible;
		top: 0;
		left: 140px; /*position where enlarged image should offset horizontally */

		}