* {
	margin: 0;
	padding: 0;
	}
	
html, body {
	border: 0;
	margin: 0;
	padding: 0;
  }
	
body {
	background: #fff url(../img/bbg.png) repeat-x top center;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	}

.container {
	margin: 0 auto;
	width: 900px;
	}

.header { 
	height: 105px;
	}
	
.header .logo { width: 365px; height: 105px; background: url(../img/logo.png) no-repeat; float: left; }
.header .menu { width: 535px; height: 105px;  float: left; text-align: center; }
.header .menu ul { list-style: none;  padding: 42px 0 0 155px;}
.header .menu ul li { float: left; }
.header .menu ul li a { display: block; width: 91px; height: 29px; background: url(../img/buttonup.png) no-repeat; color: #fff; text-decoration: none; padding-top: 3px; margin-right: 4px; font-weight: bold; }
.header .menu ul li a:hover { display: block; width: 91px; height: 29px; background: url(../img/buttondown.png) no-repeat; }
.header .menu ul li a.blueactive { display: block; width: 91px; height: 29px; background: url(../img/buttonactive.png) no-repeat; color: #fff; text-decoration: none; padding-top: 3px; margin-right: 4px; font-weight: bold; }


.header .menu ul li a.lime { display: block; width: 91px; height: 29px; background: url(../img/buttonup_lime.png) no-repeat;  color: #fff; text-decoration: none; padding-top: 3px; margin-right: 4px; font-weight: bold;}
.header .menu ul li a.lime:hover { display: block; width: 91px; height: 29px; background: url(../img/buttondown_lime.png) no-repeat; }
.header .menu ul li a.limeactive { display: block; width: 91px; height: 29px; background: url(../img/buttondown_lime.png) no-repeat; color: #fff; text-decoration: none; padding-top: 3px; margin-right: 4px; font-weight: bold;}

.header .menu ul li a.purple { display: block; width: 91px; height: 29px; background: url(../img/buttonup_purple.png) no-repeat;  color: #fff; text-decoration: none; padding-top: 3px; margin-right: 4px; font-weight: bold;}
.header .menu ul li a.purple:hover { display: block; width: 91px; height: 29px; background: url(../img/buttondown_purple.png) no-repeat; }
.header .menu ul li a.purpleactive { display: block; width: 91px; height: 29px; background: url(../img/buttondown_purple.png) no-repeat; color: #fff; text-decoration: none; padding-top: 3px; margin-right: 4px; font-weight: bold;}

.header .menu ul li a.red { display: block; width: 91px; height: 29px; background: url(../img/buttonup_red.png) no-repeat;  color: #fff; text-decoration: none; padding-top: 3px; margin-right: 4px; font-weight: bold;}
.header .menu ul li a.red:hover { display: block; width: 91px; height: 29px; background: url(../img/buttondown_red.png) no-repeat; }
.header .menu ul li a.redactive { display: block; width: 91px; height: 29px; background: url(../img/buttondown_red.png) no-repeat; color: #fff; text-decoration: none; padding-top: 3px; margin-right: 4px; font-weight: bold;}


.showcase { width: 900px; height: 440px; background: url(../img/scbg.png) no-repeat; padding: 5px ; text-align: left; }
.showcase h2 { margin-top: 3px; width: 575px; font-size: 15pt; }
.showcase p { width: 575px; font-size: 8pt; line-height: 135%; color: #aaa; }
.showcase p abbr { color: #ff6000 }
.showcase p a { color: #07469d }
.showcase p a:hover { text-decoration: underline; }

.iboxfloat { width: 293px; height: 415px; float: left; position: absolute; z-index: 20; margin: 350px 0 0 604px; }
.ibox { width: 263px; height: 165px; background: url(../img/ibox.png) no-repeat; padding: 15px 10px 15px 20px; text-align: left; }
.ibox h3 { color: #fff; font-size: 13pt; font-weight: bold; }
.ibox h4 { color: #fff; font-size: 9pt; font-weight: normal; margin-bottom: 15px;}
.ibox .info { color: #fff; font-size: 8pt; font-weight: bold; width: 175px; float: left; margin-top: 5px; }
.ibox .details { color: #fff; font-size: 8pt; font-weight: normal; width: 150px; margin-top: -14px; padding-left: 50px; } 
.ibox .icons { width: 16px; height: 78px; margin: 42px 0px 0px 257px; float: left; position: absolute; }
.ibox .icons ul { text-decoration: none; list-style: none; }
.ibox .icons ul li { margin-bottom: 4px; }
.ibox .icons ul li span { visibility: hidden; }
.ibox .icons ul li a { display: block; width: 16px; height: 16px; text-decoration: none; }
.ibox .icons ul li a.twitter { background: url(../img/itwitter.png) no-repeat; width: 16px; height: 16px; }
.ibox .icons ul li a.twitter:hover { background: url(../img/itwitterhover.png) no-repeat; width: 16px; height: 16px; }
.ibox .icons ul li a.facebook { background: url(../img/ifacebook.png) no-repeat; width: 16px; height: 16px; }
.ibox .icons ul li a.facebook:hover { background: url(../img/ifacebookhover.png) no-repeat; width: 16px; height: 16px; }
.ibox .icons ul li a.skype { background: url(../img/iskype.png) no-repeat; width: 16px; height: 16px; }
.ibox .icons ul li a.skype:hover { background: url(../img/iskypehover.png) no-repeat; width: 16px; height: 16px; }
.ibox .icons ul li a.linkedin { background: url(../img/ilinkedin.png) no-repeat; width: 16px; height: 16px; }
.ibox .icons ul li a.linkedin:hover { background: url(../img/ilinkedinhover.png) no-repeat; width: 16px; height: 16px; }
.itweet { width: 275px; line-height: 150%; }
.itweet h3 { width: 273px; height: 30px; color: #fff; background: url(../img/itweetbar.png) no-repeat; padding-top: 2px; font-size: 10pt; }
.itweet h4 { height: 19px; color: #ccc; font-size: 8pt; margin-top: 5px; }
.itweet h4 a { color: #ccc; text-decoration: none; padding: 2px; }
.itweet h4 a:hover  { background: #07469d; color: #fff; padding: 2px; }
.itweet li { font-size: 8pt; font-weight: bold; color: #07469d; list-style: none; text-align: justify; display: block; padding: 0 5px 0 5px; }
.itweet li a { font-size: 8pt; color: #999; font-style: italic; text-decoration: none; }

.content { width: 550px; text-align: left; line-height: 155%; font-size: 10pt; margin-bottom: 75px; padding-left: 10px; }
.content h2 { font-size: 16pt; margin-bottom: 8px; text-decoration: none; color: #FF6000}
.content p { margin-bottom: 15px; }
.content abbr { font-weight: bold; color: #07469d; } 
.content a { font-weight: bold; color: #FF6000; text-decoration: none; } 
.content a:hover { text-decoration: underline; } 
.content img { padding: 0 15px; border: 0px; }

/* footer */
.footer { background: url(../img/footer.png) no-repeat; height: 70px; width: 900px; padding: 13px 0 0 13px; margin: 0 auto; z-index: 100; /* opacity: 0.90; filter: alpha(opacity=90); -moz-opacity: 0.90; */ }
.footer ul li { list-style: none; text-align: left; color: #ccc; font-size: 8pt; margin-bottom: 5px; }
.footer ul li a { color: #0099FF; font-weight: bold; text-decoration: none; }
.footer ul li a:hover { text-decoration: underline; }


/* contact page */
#contentForm { display: block; width: 550px; margin-top: 25px; }
label { display: block; float: left; clear: left; width: 150px; line-height: 20px; margin-bottom: 10px; margin: 5px 0; }
input, textarea { margin: 0; padding: 2px; font-size: 1em; color: #666666; background: #fff; border: 1px solid #ccc; margin: 5px 0; } 
textarea { width: 550px; height: 125px; }
input:focus, textarea:focus, select:focus { border: 1px solid #999; background: #fff; }
span.required{ font-size: 13px !important; color: red !important; }
.msgSent { font-size: 20px; }
input.button { display: block; width: 91px; height: 29px; background: url(../img/verstuur.png) no-repeat; cursor: pointer; border: none; margin-left: 465px; }
input.button:hover { display: block; width: 91px; height: 29px; background: url(../img/verstuurhover.png) no-repeat; }
.errormsg {
  display: block;
  height: 22px;
  line-height: 22px;
  font-weight: bold;
  border-bottom: 2px solid #f00;
  margin-bottom: 20px;
}