/* IMPORTANT */
/* You may not reproduce this design without the designer's  permission. */
/* Copyright 2006 Plerion www.plerion.nl */

* {margin: 0; padding: 0;}
body, html {text-align: center; background-color: #004956;}

#website {width: 678px;	margin: 10px auto; z-index: 10;	position: relative;	text-align: left; background: url(../img/website.gif) repeat-y;}
#header {background: #004956 url(../img/header.gif) repeat-x top left;	height: 92px;	width: 678px;	z-index: 15;	position: relative;}
h1 {overflow: hidden; position: absolute; text-indent: -999px; top: 23px; left: 20px; width: 116px;	height: 46px; background: transparent url(../img/plerion.gif) no-repeat top left;}

ul#menu {display: block; position: absolute; right: 20px; top: 40px; list-style: none; height: 12pt;}
  ul#menu li {font: normal 8pt verdana,arial,sans-serif;	float: right;}
  ul#menu li a {border-right: 1px solid black; color: #005f5f; font-weight: bold; padding: 0 6px; text-decoration: none;}
  ul#menu li#last a {	border: 0;}
  ul#menu li a:hover {text-decoration: underline; color: #4e9a99;}
  ul#menu li a.selected {color: #4e9a99;}

h3 {width: 660px; height: 242px; position: absolute; left: 10px; top: 92px; overflow: hidden; text-indent: -999px; z-index: 20;	background: transparent url(../img/h3.jpg);}
  h3 span {display: block; position: absolute; width: 451px; height: 52px; top: 85px; left: 10px; z-index: 99;}
  h3#enservices span {background: transparent url(../img/h3-en-services.gif) no-repeat top left;}
  h3#encontact span, h3#nlcontact span { background: transparent url(../img/h3-contact.gif) no-repeat top left;}
  h3#enhome span, h3#nlhome span {background: transparent url(../img/h3-plerion.gif) no-repeat top left;}
  h3#enreferences span {background: transparent url(../img/h3-en-references.gif) no-repeat top left;}
  h3#encompany span {background: transparent url(../img/h3-en-company.gif) no-repeat top left;}
  h3#enphilosophy span {background: transparent url(../img/h3-en-philosophy.gif) no-repeat top left;}
  h3#nldiensten span {background: transparent url(../img/h3-nl-diensten.gif) no-repeat top left;}
  h3#nlreferenties span {background: transparent url(../img/h3-nl-referenties.gif) no-repeat top left;}
  h3#nlbedrijf span {background: transparent url(../img/h3-nl-bedrijf.gif) no-repeat top left;}
  h3#nlfilosofie span {background: transparent url(../img/h3-nl-filosofie.gif) no-repeat top left;}
  h3#nlartikelen span {background: transparent url(../img/h3-nl-artikelen.gif) no-repeat top left;}

#container {position: relative; margin-left: 10px; margin-top: 145px;  z-index: 99; background: transparent url(../img/sidebar.gif) 471px 3px no-repeat;}
#content {  width: 471px; position: relative; padding-top: 15pt; }
  #content p, #content ul, #content ol, #content h4{	font: normal 8pt/12pt verdana,sans-serif;	padding: 0 40px 15pt 40px;}
  #content h4{font: bold 10pt verdana,sans-serif; padding: 0 40px 0 40px; color: #005f5f;}
  #content ol li {margin: 0 0 0 15pt;}
  #content ul li {margin: 0 0 0 12pt;	list-style: url(../img/bullet.gif);}
  #content p#lead {color: #005f5f; font-weight: bold;}
  #content a {text-decoration: underline; color: #cb6312;}
  #content a:hover {color: #005f5f; text-decoration: none;}

ol#articlemenu {position: absolute;	color: white;	display: block;	top: 10px;	left: 470px;	width: 160px;	margin: 0px 0 0 0;   padding: 0 5px 0 10px;}
ol#articlemenu li a:hover {color: white;}
ul#articlemenu li {	text-indent: 0;}

#footer {width: 660px; height: 48px; margin-left: 10px; background: #004956 url(../img/footer.gif) no-repeat; clear: both; position: relative;}
  #footer p {display: block; font: 7pt verdana,sans-serif; line-height: 15px; color: #4e9a99; position: relative; text-align: right; margin: 0;	padding: 17px 205px 0 19px;}
  #footer p a {display: block; float: left;	height: 15px; width: 150px;	text-indent: 20px; color: #4e9a99; text-align: left; text-decoration: none;}
  #footer p a.nl {background: transparent url(../img/flag-nl.gif) top left no-repeat;}
  #footer p a.en {background: transparent url(../img/flag-en.gif) top left no-repeat;}
  #footer p a:hover {text-decoration: underline; color: white;}


img {padding: 1px; background-color: white; border: 1px solid #00687A;  margin: 4px 10px 3px 6px;}
fieldset {border: 0;}
input, textarea {width: 250px;	border: 1px solid #00687A;}
button {width: 100px;}
dfn {border-bottom: 1px dotted #70AAB4;  cursor: help;}

.large {clear: both;}
.floatright {display: block; float: right;}
.success, .failure {padding: 15px !important; margin: 15px !important; font-weight: bold !important;}
.success {border: 1px solid #0C0; color: #0C0;}
.failure, .error {color: #F00;}
.failure {border: 1px solid #F00;	padding: 15px;}

/* IMPORTANT */
/* You may not reproduce this design without the designer's  permission. */
/* Copyright 2006 Plerion www.plerion.nl */