/********************************************
  HTML
********************************************/
* {
    margin:0;
    padding:0;
}
body {
    background: #f2f2f2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    line-height: 150%;
    text-align: center;
    color: #63c;
}
a,
a:link,
a:visited,
a:active {
    cursor: pointer;
    text-decoration: none;
    color: #96f;
}
a:hover {
    color: #63c;
}
p, table, ul, ol {
    margin-bottom: 20px;
}
h1, h2 {
    color: #db9133;
    font-weight: normal;
}
h1 {
    font-size: 2.2em;
    margin-bottom: 30px;
}
h1 span {
    font-size: 0.6em;
    color: #63c;
}
h2 {
    font-size: 1.2em;
    margin-bottom: 10px;
}
h2.subtitle {
    margin-top: -20px;
    margin-bottom: 30px;
}
h4 {
    font-weight: normal;
}
ul, ol {
    padding-left: 20px;
}
img {
    border: 0;
}
th, td {
    vertical-align: top;
    text-align: left;
}
input, textarea {
    font-family: Arial, Helvetica, sans-serif;
}

/********************************************
  GENERAL CLASSES
********************************************/
.breaker {
    clear: both;
    font-size: 1px;
    line-height: 1px;
}
.position {
    width: 940px;
    margin: 0 auto;
}

/********************************************
  LAYOUT
********************************************/
#container {
    text-align: left;
    background: #fff;
    margin-top: 24px;
    border-top: 1px solid #c9f;
    border-bottom: 1px solid #c9f;
}
#header {
    border-bottom: 1px solid #c9f;
    background: url(/img/header.gif) no-repeat center 45px;
    padding-bottom: 20px;
}
#logo {
    padding-top: 45px;
    float: left;
}
#headerImgs {
    /*margin-left: 281px;*/
    float: left;
    margin-left: 116px;
    width: 665px;
    padding-top: 45px;
}
#headerImgs img {
    width: 90px;
    height: 90px;
    margin-left: 4px;
    float: left;
    display: block;
    margin-bottom: 4px;
}
#headerImgs a img,
#headerImgs a:link img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
}
#headerImgs a:hover img,
#headerImgs a.active img,
#headerImgs a.active:link img {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}
#headerImgs #smallHeaderImgs {
    height: 94px;
}
#headerImgs #smallHeaderImgs a,
#headerImgs #smallHeaderImgs a:link {
    width: 29px;
    height: 29px;
    display: block;
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
    overflow: hidden;
}
#headerImgs #smallHeaderImgs img {
    width: 29px;
    height: 29px;
    float: left;
    margin: 0;
}
#main {
    padding: 25px 0 40px;
}
#left {
    float: left;
    width: 285px;
    overflow: hidden;
}
#right {
    float: left;
    width: 655px;
    overflow: hidden;
}
#footer {
    border-top: 1px solid #c9f;
    line-height: 30px;
    color: #63c;
}
#footer span {
    color: #db9133;
}
/* END LAYOUT */

/* START SEARCH */
#search {
    position: absolute;
    width: 275px;
    height: 25px;
    overflow: hidden;
    left: 50%;
    margin-left: 185px;
    margin-top: -12px;
    background: url(/img/search.gif) no-repeat top left;
}
#search input {
    vertical-align: top;
    margin-top: 1px;
    padding: 0;
    border: 0;
}
#search input#search_q {
    margin-left: 3px;
    width: 237px;
    padding: 3px;
}
#search input#search_button {
    margin-top: 2px;
}
/* END SEARCH */

/* START MENU */
#topmenu,
#menu {
    height: 30px;
    margin-bottom: 30px;
}
#topmenu ul,
#menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#topmenu li,
#menu li {
    float: left;
    display: block;
    padding-right: 20px;
}
#topmenu a.active,
#topmenu a.active:link,
#menu a.active,
#menu a.active:link {
    color: #63c;
}
#menu li {
    padding-right: 23px;
    margin-right: 18px;
    background: url(/img/menu_splitter.gif) no-repeat center right;
}
#menu li.last {
    background: none;
}
#topmenu {
    height: 30px;
}
#menu {
    font-weight: bold;
    font-size: 18px;
}
#submenu ul {
    list-style: none;
    padding: 0;
}
#submenu a,
#submenu a:link {
    color: #63c;
}
#submenu a.active,
#submenu a.active:link {
    color: #db9133;
}
/* END MENU */

#content a,
#content a:link {
    text-decoration: underline;
}

/********************************************
  PAGES
********************************************/
/* HOME */
.bigText {
    font-size: 2em;
    line-height: 140%;
    /*margin-top: -20px; /*omdat hier de h1 minder margin-bottom moet hebben eigenlijk*/
    color: #96f;
}
/* PROJECTEN */
#projecten {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid #c9f;
    font-size: 1.6em;
}
#projecten a,
#projecten a:link {
    color: #db9133;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}
#archief .projectLeft img,
#projecten img,
#opdrachtgevers img {
    width: 29px;
    height: 29px;
    vertical-align: text-bottom;
    margin-right: 5px;
}
/* PROJECT */
#projectinfo span {
    color: #db9133;
    font-size: 1.2em;
}
#projectinfo p {
    margin-bottom: 5px;
}
#download {
    margin-top: 30px;
}
a.back,
a.back:link {
    color: #db9133;
}
#project_img {
    margin-top: 30px;
    width: 200px;
    overflow: hidden;
}
#project_img img {
    width: 200px;
}
#project_img a,
#project_img a:link {
    color: #999;
}
/* MEDEWERKERS */
#medewerkers {
    font-size: 1.6em;
}
#medewerkers img {
    width: 29px;
    height: 29px;
    margin-right: 20px;
    vertical-align: middle;
}
#medewerkers span {
    color: #db9133;
}
#medewerkers a,
#medewerkers a:link {
    color: #63c;
    font-size: 0.6em;
}
/* VACATURES */
#vacatures .vacature {
    margin-bottom: 30px;
}
/* OPDRACHTGEVERS */
#opdrachtgevers .opdrachtgever {
    /*margin-bottom: 5px;*/
    color: #db9133;
}
#opdrachtgevers p {
    margin-bottom: 5px;
}
#opdrachtgevers a.active,
#opdrachtgevers a.active:link {
    color: #db9133;
}
#opdrachtgevers div div a,
#opdrachtgevers div div a:link {
    color: #db9133;
    display: block;
}
/* ARCHIEF */
#archief h2 {
    color: #63c;
    font-weight: bold;
    font-size: 1.4em;
}
#archief h3 {
    font-size: 16px;
}
#archief h4 {
    font-size: 12px;
    margin-bottom: 10px;
}
#archief .projectYear {
    margin-bottom: 20px;
}
#archief .project {
    margin-bottom: 12px;
    color: #db9133;
}
#archief .projectLeft {
    float: left;
}
#archief .projectLeft img {
    vertical-align: top;
}
#archief .projectRight {
    margin-left: 70px;
}
#archief a,
#archief a:link {
    color: #db9133;
    text-decoration: underline;
}
#archief .download {
    margin-left: 70px;
}
#archief .download img {
    vertical-align: text-bottom;
}
/* CONTACT */
#routeplannerlink {
    margin-top: 50px;
}
#routeplannerlink img {
    vertical-align: middle;
}
#routeplannerlink a,
#routeplannerlink a:link {
    color: #db9133;
}
#contact {
    margin-top: 30px;
}
#contact label {
    float: left;
    width: 200px;
}
#contact input.text,
#contact textarea {
    padding: 3px;
    display: block;
    border: 1px solid #666;
    width: 250px;
}
#contact p {
    clear: both;
    margin-bottom: 8px;
}
#contact span.form_error {
    color: #c00;
    font-size: 0.8em;
    display: block;
    padding-left: 130px;
    clear: both;
}
#contact #verzenden {
    background: url(/img/button.gif) no-repeat;
    border: none;
    width: 111px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    font-family: Verdana;
    padding: 4px 0;
    margin-left: 198px;
}
/* SEARCH */
.gsc-search-box,
.gsc-resultsHeader,
.gs-visibleUrl-short,
.gs-watermark,
.gsc-trailing-more-results {
    display: none;
}
a.gs-title {
    color: #db9133 !important;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: underline;
    margin-bottom: 5px;
    display: block;
}
.gs-visibleUrl-long {
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #fff;
    color: #63c;
}
.gsc-results .gs-snippet {
    color: #333;
}
.gsc-results .gsc-cursor {
    display: inline;
}
.gsc-results .gsc-cursor-box {
    margin-bottom : 10px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    cursor : pointer;
    text-decoration: underline;
    margin-right : 8px;
    display : inline;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    color : #333;
    font-weight : bold;
    text-decoration: none;
}
/* LOKET */
#loket h2 {
    color: #63c;
    font-weight: bold;
}
#loket h3 {
    font-size: 16px;
    margin-bottom: 5px;
}
#loket .document {
    margin-bottom: 12px;
    color: #db9133;
}
#loket .documentLeft {
    float: left;
}
#loket .documentLeft img {
    vertical-align: top;
}
#loket .documentRight {
    margin-left: 70px;
}
#loket p {
    margin-bottom: 5px;
}
#loket a,
#loket a:link {
    color: #333;
    text-decoration: underline;
}
#loket .download {
    margin-left: 70px;
}
/********************************************
  TWITTER
********************************************/
#twitter {
    padding-right: 30px;
    margin-bottom: 10px;
}
.twitterMessage {
    font-style: italic;
    display: block;
}
.twitterMessage a {
    color: #DB9133; 
}
.twitterDate {
    font-size: 11px;
    font-weight: bold;
}