@charset "utf-8";
/* CSS Document */

html, body {
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 margin:0;
 padding:0;
 color:#333333;
 line-height:20px;
 background:url('../images/bg_main.gif') repeat-x;
}

a {
 color:#223664;
 font-weight:bold;
 text-decoration:underline;
}

a:hover {
 color:#000;
}

img {
 display:block;
}

.container {
 position:absolute;
 width:960px;
 min-height:100%;
 left:50%;
 margin-left:-480px;
}

*html .container {
 height:100%;
}

.header {
 width:960px;
 height:325px;
}

.logo {
 position:absolute;
 top:0;
 left:0;
 background-image:url('../images/logo.gif');
 width:960px;
 height:132px;
 z-index:10;
}

.slideOverlay {
 position:absolute;
 left:0px;
 top:132px;
 z-index:10;
}

.slide {
 position:absolute;
 left:0px;
 top:131px;
 width:960px;
 height:183px;
 float:left;
 z-index:5;
}

.flags {
 position:absolute;
 left:863px;
 top:98px;
 width:97px;
 height:34px;

 z-index:15;
}

.flagDutch {
 float:left;
 display:block;
 width:49px;
 height:35px;
 background:url('../images/nl.gif') bottom no-repeat;
}

.flagDutch:hover {
 background:url('../images/nl.gif') top no-repeat;
}

.flagEnglish {
 float:left;
 display:block;
 width:48px;
 height:35px;
 background:url('../images/en.gif') bottom no-repeat;
}

.flagEnglish:hover {
 background:url('../images/en.gif') top no-repeat;
}

.flagEnglish {

}

.main {
 width:960px;
 padding-bottom:40px;
 display:inline-block;
}

.content {
 padding:0 40px 0 20px;
 float:left;
 width:425px;
}

.side {
 float:left;
 width:300px;
 margin-right:5px;
}

.pageTitle {
 height:30px;
 border-bottom:solid 1px #264282;
}

.sideTitle {
 height:30px;
 border-bottom:solid 1px #bbb;
}

.sideTitleExtra {
 height:30px;
 border-bottom:solid 1px #bbb;
}

/* --- PORTFOLIO --------------- */

.portfolio {
 width:260px;
 float:left;
 margin-bottom:15px;
}

.portfolioItem {
 color:#474747;
 padding:0 10px 0 10px;
}

.portfolioList {
 margin-top:10px;
}

.portfolioLink {
 float:left;
 width:70px;
 height:44px;
 text-decoration:none;
 display:block;
 border:solid 3px white;
 margin:0 4px 4px 0;
}

/* --- NEWS -------------------- */

.news {
 width:300px;
 float:left;
 margin-bottom:1px;
}

.newsItem {
 display:block;
 width:280px;
 padding:0 10px 0 10px;
 color:#474747;
 background:#efefef;
 padding-top:12px;
 padding-bottom:12px;
 border-bottom:solid 1px #bbb;
}

.newsLink {
 color:#264282;
 font-weight:bold;
 text-decoration:none;
}

.newsLink:hover {
 color:#000000;
}

/* --- FOOTER ------------------ */

.footer {
 position:absolute;
 color:#fff;
 bottom:0;
 left:0;
 height:30px;
 background:url('../images/bg_footer.gif') repeat-x;
 border-left:solid 1px #06032c;
 border-right:solid 1px #06032c; 
 width:960px;
 line-height:30px;
 text-align:center;
 z-index:99;
}

.footer a  {
 font-weight:bold;
 color:white;
}

.footerLink {
 font-weight:bold;
 margin-left:12px;
 margin-right:12px;
}


.knop {
 border:solid 1px #bbb;
 background:#e6e6e6;
}


fieldset 				{padding:10px;margin-bottom:10px;width:346px;}
legend 					{padding:3px;font-weight:bold;color:#00457c;}
label 					{display:block;float:left;width:100px;border-bottom:dotted 1px #ccc;}

#formContactInput 		{border:solid 1px #ccc;width:237px;margin-left:5px;text-indent:2px;height:19px;margin-bottom:2px;}
#formContactTextarea 	{border:solid 1px #ccc;width:342px;height:80px;padding-left:2px;}
#formContactSubmit 		{margin-left:219px;margin-top:10px;width:150px;height:30px;font-size:12px;font-family:arial;font-weight:bold;color:#00457c;}

.spLabel 				{display:block;float:left;width:130px;border-bottom:dotted 1px #ccc;}
.spInput 				{border:solid 1px #ccc;width:205px;margin-left:5px;text-indent:2px;height:19px;margin-bottom:2px;}
.spTextarea 			{border:solid 1px #ccc;width:342px;height:80px;padding-left:2px;}
.spSubmit 				{margin-left:195px;margin-top:10px;width:150px;height:30px;font-size:12px;font-family:arial;font-weight:bold;color:#00457c;}
.spInputCode			{border:solid 1px #ccc;width:70px;margin-left:5px;text-indent:2px;height:19px;margin-bottom:2px;float:left;margin-right:4px;}
.spInputOmsch			{border:solid 1px #ccc;width:340px;text-indent:2px;height:19px;margin-bottom:2px;}
.spButton				{margin-top:10px;width:272px;height:30px;font-size:12px;font-family:arial;font-weight:bold;color:#00457c;}


.error {
background-color:#FFCCCC;
border:solid 2px #CC0033;
text-align:center;
display:block;
width:368px;
height:35px;
line-height:35px;
margin-top:10px;
color:#CC0033}
