@charset "utf-8";
/* CSS Document */

html, body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 margin:0;
 padding:0;
 color:#424242;
 line-height:20px;
 background:url('../images/bg_main.gif') repeat-x;
}

 {
 border:solid 1px red;
}

a {
 color:#ee3b33;
 font-weight:bold;
 text-decoration:none;
}

a:hover {
 color:#000;
}


.container {
 position:absolute;
 left:50%;
 margin-left:-480px; 
 width:960px;
 min-height:100%;
}

*html .container {
 height:100%;
}

.header {
 width:960px;
 height:169px;
}

.logo {
 position:absolute;
 top:0;
 left:0;
 background:url('../images/header.gif');
 width:960px;
 height:119px;
}

.subheader {
 position:absolute;
 top:119px;
 left:0;
 width:960px; 
 height:42px;
}

.nav01 {
 float:left;
 display:block;
 width:134px;
 height:50px;
 background:url('../images/nav01.gif');
}

.nav01:hover {
 background:url('../images/nav01.gif') bottom;
}

.nav01active {
 float:left;
 display:block;
 width:134px;
 height:50px;
 background:url('../images/nav01.gif') bottom;
}


.nav02 {
 float:left;
 display:block;
 width:167px;
 height:50px;
 background:url('../images/nav02.gif');
}

.nav02active {
 float:left;
 display:block;
 width:167px;
 height:50px;
 background:url('../images/nav02.gif') bottom;
}

.nav02:hover {
 background:url('../images/nav02.gif') bottom;
}

.nav03 {
 float:left;		/* toegevoegd */  
 display:block;
 width:185px; 		/* aangepast */  
 height:50px;
 background:url('../images/nav03.gif'); 
}

.nav03active {
 float:left;		/* toegevoegd */  
 display:block;
 width:185px; 		/* aangepast */  
 height:50px;
 background:url('../images/nav03.gif') bottom; 
}

.nav03:hover {
 background:url('../images/nav03.gif') bottom;
}


.nav04 {
 float:left;		/* toegevoegd */  
 display:block;
 width:154px; 		/* aangepast */  
 height:50px;
 background:url('../images/nav04.gif'); 
}

.nav04active {
 float:left;		/* toegevoegd */  
 display:block;
 width:154px; 		/* aangepast */  
 height:50px;
 background:url('../images/nav04.gif') bottom; 
}

.nav04:hover {
 background:url('../images/nav04.gif') bottom;
}

.slide {
 position:absolute;
 left:160px;
 width:800px;
 height:150px;
 float:left;
 z-index:5;
}

.main {
 width:960px;
 padding-bottom:40px;
 display:inline-block;
}

.content {
 padding:10px 60px 0 20px;
 float:left;
 width:420px;
}

.side {
 float:left;
 width:300px;
}

.pageTitle {
 font-family:Georgia, "Times New Roman", Times, serif;
 color:#ee3b33;
 font-size:20px;
}

.sideTitle {
 margin-top:10px;
 margin-bottom:12px;
 font-family:Georgia, "Times New Roman", Times, serif;
 color:#777;
 font-size:20px;
}

.webcamTitle {
 height:22px;
 font-family:Georgia, "Times New Roman", Times, serif;
 color:#777;
 font-size:20px;
 margin:2px 0 4px 0;
}

.webcam {
 float:left;
 width:300px;
 height:124px;
 display:block;
 background:url('../images/bgWebcam.gif') no-repeat;
 margin-top:10px;
}

.webcamText {
 width:126px;
 height:124px;
 float:left;
 padding:7px;
}

.routeTitle {
 height:22px;
 font-family:Georgia, "Times New Roman", Times, serif;
 color:#777;
 font-size:20px;
 margin:2px 0 4px 0;
}

.route {
 float:left;
 width:300px;
 height:124px;
 display:block;
 background:url('../images/bgWebcam.gif') no-repeat;
 margin-top:10px;
 margin-bottom:20px;
}

.routeText {
 width:300px;
 float:left;
 padding:7px;
}

/* --- PORTFOLIO --------------- */

.portfolio {
 width:260px;
 float:left;
 margin-bottom:15px;
}

.portfolioItem {
 color:#777;
}

.portfolioList {
 margin-top:10px;
}

.portfolioLink {
 float:left;
 width:70px;
 height:44px;
 text-decoration:none;
 display:block;
 border:solid 3px #ccc;
 margin:0 4px 4px 0;
}

/* --- NEWS -------------------- */

.news {
 width:300px;
 float:left;
}

.newsItem {
 width:300px;
 color:#424242;
}

.newsLink {
 color:#ee3b33;
 font-weight:bold;
 text-decoration:none;
}

.newsLine {
 margin-top:14px;
 height:1px;
 color:#e7e7e7;
 background-color:#e7e7e7;
}

.newsLink:hover {
 color:#000000;
}

.newsDatum {
 color:#777;
}

/* --- FOOTER ------------------ */

.footer {
 position:absolute;
 bottom:10px;
 left:0;
 height:25px;
 border:solid 1px #d6d6d6;
 background-color:#f1f1f1;
 width:960px;
 line-height:25px;
 text-align:center;
 z-index:99;
}

/* --- CONTACT ------------------ */

fieldset 				{padding:10px;margin-bottom:10px;width:320px;}
legend 					{padding:3px;font-weight:bold;color:#ee3b33;}
label 					{display:block;float:left;width:100px;border-bottom:dotted 1px #ccc;}

.formContactInput 		{border:solid 1px #ccc;width:210px;margin-left:5px;text-indent:2px;height:19px;margin-bottom:2px;line-height:19px;}
.formContactInputSec	{border:solid 1px #ccc;width:80px;margin-left:5px;text-indent:2px;height:19px;margin-bottom:2px;}
#formContactTextarea 	{border:solid 1px #ccc;width:316px;height:80px;padding-left:2px;}
#formContactSubmit 		{margin-left:196px;width:150px;height:30px;font-size:12px;font-family:arial;font-weight:bold;}

.login {
 display:block;
 width:140px;
 height:154px;
 background:url('../images/bg_login.gif');
 margin-top:20px;
 text-align:center;
 margin-left:10px;
}

.loginForm {
 margin:0;
 padding:35px 0 0 0;
}

.loginInput {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:16px;
 width:130px;
 text-indent:5px;
 height:26px;
 line-height:24px;
 border:none;
 background:url('../images/bg_login_input.gif') no-repeat;
 margin-top:34px;
}

.loginPassword {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size:16px;
 width:130px;
 text-indent:5px;
 height:26px;
 line-height:24px;
 border:none;
 background:url('../images/bg_login_input.gif') no-repeat;
 margin-top:4px;
}

.loginSubmit {
 width:70px;
 height:26px;
 background:url('../images/bg_login_button.gif') no-repeat;
 border:none;
 color:white;
 font-weight:bold;
 margin-top:10px;
}

.loginLink {
 display:block;
 font-family:Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#929292;
 margin-top:3px; 
}

input.blur { color: #aaa; }
input#password1 { border: 2px solid green; }