#rotator
{
	overflow: hidden;
	position: relative;
	width: 469px;
	height: 120px;
float: right;
}

#rotator img
{
	border: 0;
	width: 469px;
	height: 120px;
}


.home #right_col {
width: 180px;
float: right !important;
}

.over a:hover {
text-decoration: underline !important;
}
/* -------------------------------------------------
-- hoofdzaken
-------------------------------------------------- */

.underline{
text-decoration: underline;
}

#over #center_col{
line-height: 20px;
}

/* -------------------------------------------------
-- kleuren
---------------------------------------------------*/
/* --
oranje: #D18404;
dk blauw: #005FA1;
50% blauw: #91B2D8;
blauw2: #2898D5;
licht grijs: #969696;
donker grijs: #3C3C3C;
-- */

* {
padding: 0;
margin: 0;
}

body {
background-color: #D18404;
font-size: 76%;
color: #2E2E2F;

font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}

#blue {
width: 50%;
z-index: 1;
height: 120px;
background-color: #005FA1;
position: absolute;
top: 0px;
left: 0px;
}

#container {
width: 790px;
z-index: 10;
position: relative;
background-color: #fff;
margin-left: auto;
margin-right: auto;
margin-bottom: 3px;

/* hack for min height */
  min-height:500px;
  height:auto !important;
  height:500px;
}


#webcam {
padding-left: 30px;
padding-top: 14px;
width: 355px;
height: 255px;
background-image: url(/images/assets/webcam.jpg);
background-repeat: no-repeat;
background-position: -10px top;
}


.wcam1 {
position: absolute;
top: 220px;
left: 20px;
padding-left: 15px;
padding-top: 25px;
width: 345px;
height: 275px;
background-image: url(/images/assets/box.jpg);
background-repeat: no-repeat;
background-position: 0px top;
}


.wcam2 {
position: absolute;
top: 220px;
left: 400px;
padding-left: 15px;
padding-top: 25px;
width: 345px;
height: 275px;
background-image: url(/images/assets/box.jpg);
background-repeat: no-repeat;
background-position: 0px top;
}


#container #banner {
height: 120px;
background-color: #005FA1;
background-repeat: no-repeat;
background-image: url(/images/assets/top_bg.jpg);
background-position: center right;
}

#container #banner #logo {
background-image: url(/images/assets/logo.gif);
background-repeat: no-repeat;
background-position: 5px 20px;
height: 65px;
padding-left: 40px;
padding-top: 20px;
}

#container #banner #logo a {
display: block;
height: 50px;
width: 200px;
}

#container #banner #logo span {
display: none;
}

#container #navbar {
height: 25px;
padding-left: 22px;
padding-top: 5px;
}

#container #navbar ul li {
display: inline;
color: #5E9FC7;
list-style-type: none;
}

#container #navbar a {
color: #94AED6;
}

#container #navbar a:hover {
color: #134B8F;
}

#container #navbar ul li a{
text-decoration: none;
float: left;
padding-right: 6px;
font-size: 11px;
}

#container #content {
padding-left: 25px;
margin-top: 30px;
}

#container #content h1, #container #content h2 {
color: #005FA1;
}

#container #content h2 {
font-size: 12px;
padding-top: 22px;
}


/* -------------------------------------------------
-- linkerkolom
-------------------------------------------------- */

#container #content #left_col {
width: 178px;
float: left;
line-height: 19px;
padding-right: 10px;
color: #3C3C3C;
}

#container #content #left_col h1{
font-size: 20px;
line-height: 18px;
letter-spacing: -1px;
 }

#container #content #left_col p {
font-size: 12px;
line-height: 18px;
}

#container #content #left_col h2{
font-size: 16px;
padding: 0;
color: #000;
font-weight: normal;
line-height: 20px;
}

#left_col #projectlijst a{
color: #91B2D8;
}

#container #content #left_col #projectlijst li {
list-style-type: none;
}

#container #content #left_col #projectlijst li a{
text-decoration: none;
font-size: 14px;
line-height: 24px;
}

#container #content #left_col #projectlijst a:hover {
color: #134B8F;
}

#current a {
color: #D88A00 !important;
}

/* -------------------------------------------------
-- midden kolom
-------------------------------------------------- */

#container #content #center_col {
width: 350px;
float: left;
}


#container #content #center_col a {
color: #2898D5;
text-decoration: none;
}

#container #content #center_col img {
margin-top: 5px;
} 

#container #content #center_col h1 {
line-height: 16px;
font-size: 16px;
}

#container #content #center_col p{
line-height: 18px;
width: 380px;
color: #2E2E2F;
 }

#container #content #center_col h3 {
line-height: 18px;
font-size: 16px;
font-weight: normal;
}


/* -------------------------------------------------
-- rechter kolom
-------------------------------------------------- */

#container #content #right_col {
width: 150px;
color: #00558B;
float: right;
margin-left: 15px;
margin-right: 15px;
text-align: center;
}

#container #content #right_col p {
font-size: 9px;
line-height: 10px;
}

#container #content #right_col .bold {
font-weight: bold;
padding-top: 10px;
}

#container #content #right_col .intro {
font-size: 14px;
line-height: 18px;
}


/* -------------------------------------------------
-- footer
-------------------------------------------------- */

#container #content #content_footer {
clear: both;
}

#container #footer {
height: 20px;
padding-top: 20px;
text-align: right;
padding-right: 20px;
}

#container #footer {
font-size: 9px;
color: #969696;
 }

#container #footer ul li {
list-style-type: none;
display: inline;
}


#container #footer ul li a {
color: #969696;
text-decoration: none;
}

#container #footer ul li a:hover {
color: #464646;
}

/* -------------------------------------------------
-- homepagina
-------------------------------------------------- */

#container #content #center_col a.readmore:hover {
text-decoration: underline;
}

#container #content #center_col .readmore, #container #left_col a.readmore  {
text-decoration: none;
color: #2898D5;
}

#container #content #center_col .readmore a:hover {
text-decoration: underline !important;
color: #2898D5;
}

#container #content .products p a {
color: #2898D5 !important;
}

#container #content .products p a:hover {
text-decoration: underline !important;
}

#container .home #left_col  a:hover {
text-decoration: underline !important;
}

/* -------------------------------------------------
-- projectpagina
-------------------------------------------------- */

#container #center_col_projecten {
width: 560px;
float: left;
}

div.articleborder {
width: 580px;
border-bottom: solid 3px #d88a00;
padding-bottom: 10px;
margin-bottom: 15px;
}

div.articleborder p, div.article p{
padding-right: 30px;
}

div.article {
width: 580px;
padding-right: 20px;
}

div.image img{
width: 287px;
height: 160px;
}

div.image a img{
border: none;
}

div.image {
width: 300px;
float: left;
margin-right: 10px;
}

div.description {
line-height: 18px;
padding-bottom: 20px;
background-image: url(/images/assets/lijn.gif);
background-repeat: no-repeat;
background-position: 310px -6px;
}

div.description p {
font-size: 12px;
color: #134B8F;
}

div.article span.titel, div.articleborder span.titel {
font-size: 16px;
color: #134B8F;
}

div.description span.header {
font-size: 8px;
width: 80px;
display: block;
color: #134B8F;
float: left;
}

/* -------------------------------------------------
-- nieuwspagina
-------------------------------------------------- */

#nieuws {
/* margin-left: 190px; */
width: 420px;
}

#container #content #nieuws h2.newshead {
color: #2885CC;
}

#newslist {
list-style-type: none;
color: #2898D5;
}

#container #content #newslist a{
text-decoration: none;
color: #2898D5;
}
#container #content #newslist a:hover{
text-decoration: underline;
}

/* -------------------------------------------------
-- contactpagina
-------------------------------------------------- */

#container #content a.popupLink:hover {
text-decoration: underline !important;
}

.popup { 
position: absolute;
visibility: hidden;
width: 150px;
margin-top: 4px;
color: #00558B;
z-index: 10;
text-align: center;
}


#container #content #right_col_cont p {
font-size: 9px;
line-height: 10px;
}

#container #content #right_col_cont .bold {
font-weight: bold;
padding-top: 10px;
}


.contactscope #container #content #right_col_cont {
float: right;
width: 160px;
}

#container #center_col address {
font-style: normal;
}

#container #center_col address a:hover{
text-decoration: underline !important;
}

#container #content #right_col #werknemers p {
font-size: 12px;
line-height: 18px;
color: #2E2E2F;
}
#container #content #right_col #werknemers p a {
color: #2898D5;
text-decoration: none;
}

/* -------------------------------------------------
-- overige stijlen
-------------------------------------------------- */

#left_col a img {
border: none;
}


#container #content .home #center_col #homeHead {
color: #D18404 !important;
}

#container #content .home #center_col #homeHead a {
color: #005FA1 !important;
}