body{
background-color: white;
font-family: Arial,Helvetica,sans-serif;
background-image:url(../Images/Background-Main.png);
background-repeat:repeat-x;
font-size: 0.7em;
margin:0;}
.Site {
margin-left:auto;
margin-right:auto;
width:910px;}
#Header {
float:left;
width: 100%;
height:76px;}
#Header .Logo {
float: left;
margin:10px 0 0 30px;}
#Header .Menu {
float: left;
margin-left: 110px;}
#Header .Shadow {
border-bottom:1px solid #999;
float:left;
height:30px;}
#Header .ShadowLeft {
background-image:url(../Images/Menu-Shadow-Left.png);
float:left;
height:31px;
width:5px;}
#Header ul {
margin: 0;
padding: 0;
list-style: none;
float: left;}
#Header li {
margin: 0;
padding: 0;
overflow: hidden; 
float: left;
height:30px;
padding:0 1px 0 0;}
ul#topnav a, ul#topnav span {
padding: 10px 20px;
float: left;
text-decoration: none;
font-weight:bold;
font-size:1.2em;
background: url(../Images/MenuSprite.png) repeat-x;
clear: both;
width: 100%;
height: 16px;
padding:7px 15px;}
ul#topnav a {
color:#b7b8b8;
background-position: left bottom;}
ul#topnav span {
background-position: left top;
color: #b7b8b8;;}
#Header .MenuEnd {
background:url(../Images/MenuSprite.png) repeat-x scroll 0 0 transparent;
width: 152px;}
#Middle {
float:left;
margin:20px 0;
width:100%;
color:#a9b9cd;
background:url(../Images/Bottom-Verloop.png) repeat-x scroll center bottom transparent;}
#Middle .FlashBox {
float:left;
position:relative;}
.NoFlashText {
position: absolute;
top: 80px;
left:80px;
color: white;
font-size :22px;}
#Middle .TextBox {
background:url(../Images/FlashText.png) no-repeat scroll 0 0 transparent;
float:left;
width:200px;
height:175px;
padding: 15px;}
#Middle h2 {
font-size: 18px;
margin:0;}
#Middle p {
font-size:16px;}
#Middle .HrLine {
border-top: 1px solid #ebeded;
width:100%;
float:left;
height:1px;
margin:15px 0;}
#Middle .StaticLeft {
float:left;
width: 663px;}
#Middle .StaticRight {
width: 231px;
float:right;}
#Middle .Header {
background:url(../Images/Header_Static.png) no-repeat scroll 0 0 transparent;
width: 643px;
height: 9px;
padding:7px 10px;}
#Middle .Arrow {
background:url(../Images/Arrow-Header.png) no-repeat scroll 0 0 transparent;
width: 11px;
height: 11px;
float:left;
margin-right:5px;}
#Middle h1 {
margin:-3px 0 0;
font-size:11px;
float:left;
color:black;}
#Middle .List {
margin: 10px 0;}
#Middle .BoxTop {
background:url(../Images/BoxTop.png) no-repeat scroll 0 0 transparent;
width: 669px;
height: 12px;
float:left;}
#Middle .BoxMiddle {
background:url(../Images/BoxMiddle.png) repeat-y scroll 0 0 transparent;
width: 629px;
float:left;
padding:0 20px;}
#Middle .BoxBottom {
background:url(../Images/BoxBottom.png) no-repeat scroll 0 0 transparent;
width: 669px;
height: 12px;
margin-bottom:8px;
float:left;}
#Middle .VacatureTop{
float:left;
background:url(../Images/Blok-Vacatures-Top.png) no-repeat scroll 0 0 transparent;
width: 921px;
height: 113px;}
#Middle .VacatureMiddle{
float:left;
background:url(../Images/Blok-Vacatures-Middle.png) repeat-y scroll 0 0 transparent;
width: 897px;
padding: 12px;}
#Middle .VacatureBottom{
float:left;
background:url(../Images/Blok-Vacatures-Bottom.png) no-repeat scroll 0 0 transparent;
width: 921px;
height: 21px;}
.BoxLeft {
float:left;
width: 265px;}
.BoxLeft img {
border: 4px solid #10416b;
background-color:white;}
.BoxMiddle h2 {
color: #2881b5;
font-size: 14px;}
.BoxMiddle p {
font-size:12px !important;
line-height:16px;
color: black; !important;}
.BoxRight {
float:left;
width:364px;}
fieldset {
border:0 none;
clear:both;
padding:5px 0;}
fieldset label {
clear:both;
color:#666;
float:left;
font-size:12px;
margin:6px 0;
width:130px;}
fieldset input {
float:left;
height:19px;
margin:5px 0;
padding:1px 6px;
width:332px;}
fieldset textarea {
float:left;
height:145px;
margin:5px 0;
padding:4px 8px;
width:328px;}
.TxtError {
clear:both;
color:red;
float:left;
margin-left:130px;
font-size:12px;}
.Button {
clear:both;
margin-left:130px;}
.Second .Left {
float:left;
width: 670px;}
.Second .Right {
float:right;
width:231px;}
.Second .Line {
width: 100%;
float:left;}
.Second .Top {
margin-top: 10px;}
.Second .Services {
background:url(../Images/Blok-Services.png) no-repeat scroll 0 0 transparent;
width: 328px;
height: 184px;
float:left;
position:relative;}
.Second .Tech {
background:url(../Images/Blok-Technology.png) no-repeat scroll 0 0 transparent;
width: 328px;
height: 184px;
margin-left:12px;
float:left;
position:relative;}
.Second .MeerInfo {
bottom:16px;
position:absolute;
right:14px;}
.Second .Services a , .Second .Tech a {
color: #7d7d7d;
font-weight:bold;}
.Left p {
color: #898989;
font-size: 1.1em!important;
margin:50px 10px 0;
line-height:20px;}
.Right p , .StaticRight p{
color: white;
font-size: 1.2em!important;
line-height:20px;}
.Right hr {
margin:75px 0 20px;
color: #EBEDED;}
.Second .Port {
background:url(../Images/Blok-Port.png) no-repeat scroll 0 0 transparent;
height:138px;
padding:9px 0 0 25px;
width:642px;}
.Port li {
float:left;
height:138px;
margin-right:32px;
position:relative;
width:128px;}
.Port ul {
margin:0;
padding: 0;
list-style:none;}
.Port img {
position:absolute;
float:left;
border: 4px solid #10416b;
background-color:white;}
.Second .Picture {
float:right;
height:110px;
width:140px;}
.Right .GreenTop , .StaticRight .GreenTop {
background:url(../Images/Blok-Gre-Top.png) no-repeat scroll 0 0 transparent;
width: 231px;
height: 8px;
float:left;}
.Right .GreenMiddle, .StaticRight .GreenMiddle {
background:url(../Images/Blok-Gre-Middle.png) repeat-y scroll 0 0 transparent;
width: 191px;
height: 314px;
padding:5px 20px;
float:left;}
.GreenMiddle a {
color: white;
text-decoration:none;}
.Right .GreenBottom , .StaticRight .GreenBottom{
background:url(../Images/Blok-Gre-Bottom.png) no-repeat scroll 0 0 transparent;
width: 231px;
height: 7px;
float:left;}
#Middle .Footer {
background:url(../Images/Footer.png) no-repeat scroll 0 0 transparent;
width: 911px;
height: 17px;
float:left;
margin:15px 0 0;
padding-top:2px;}
.Footer ul {
margin: 0;
padding: 0;
text-align:center;}
.Footer li {
display:inline;
color: white;
margin:0 4px;}
.Footer a {
color: white;
text-decoration: none;}