body { margin: 0 0 30px 0; font-family: Verdana; font-size: 11px;}
form { margin:0 0; padding: 0;}
ul { margin: 0; padding: 0;}

h1 {  margin: 0; padding: 0; color: #c8153e; font-size: 22px; font-family: Verdana, Arial, Helvetica, Sans-Serif ! important; height: 31px; font-weight: normal}

h2 { margin: 10px 0 0 0; padding: 0; color: #8f989d; font-size: 17px; font-family:  Verdana, Arial, Helvetica, Sans-Serif; height: 29px; font-weight: bold}
h2.nieuws, h2.portal { color: #c8153e; }
h3 { margin: 20px 0 10px 0; padding: 0; color: #000; font-weight: bold; font-size: 13px; font-family: Arial Narrow, Arial, Helvetica, Sans-Serif; height: 15px; font-weight: normal}

select { text-size: 11px; }

#content { background: url(../images/bg_body.jpg) bottom; background-repeat: repeat-x; padding: 0; overflow: hidden; padding-bottom: 60px;}
.portal #content { min-height: 0;padding-bottom: 0;}
#content .wrapper { margin: 0 auto; width: 950px;}
#content .wrapper .left_col { width: 650px; margin: 0 10px 50px 0; float: left;}
#content .wrapper .left_col .foto_header { overflow: hidden; width: 650px; height: 114px;}
#content .wrapper #portalflash {margin: 0 0 20px 0;}

#content .wrapper .right_col { float: left; width: 288px; overflow: hidden;}

#content .breadcrumbs ul { color: #858585; margin: 0 0 15px 0; padding: 0; width: 652px; overflow: hidden; clear: both;}
#content .breadcrumbs ul li { list-style: none; float: left; border-right: 1px solid #858585; padding: 0 5px 0 5px; margin-left: 5px;}
#content .breadcrumbs ul li.first { padding: 0 5px 0 0;}
#content .breadcrumbs ul li.last { border: 0; text-decoration: none; margin: 0 0 0 5px; padding: 0;}
#content .breadcrumbs ul li.last a { border: 0; text-decoration: none; }
#content .breadcrumbs ul li a { color: #858585;}

#content .paragraph { margin: 0; padding: 0; overflow: hidden;}
#content .paragraph a { color: #c8153e; }
#content .paragraph p { margin: 0; padding: 0; line-height: 15px;}
#content .paragraph .image { border: none; }
#content .paragraph .left { float: left; margin: 3px 10px 10px 0 ;}
#content .paragraph .right { float: right; margin: 3px 0 10px 10px;}
#content .image_detail { float: right; margin: 0 0 10px 5px;}
#content .left_col ul.faq .vraag {}
#content .paragraph ol { margin: 10px 10px 10px 30px; list-style-type: decimal }
#content .paragraph ul { margin: 10px 10px 10px 20px; list-style-type: square; }

.btn { float: left; }
.btn a { color: #fff ! important; background: url(../images/btn_right.jpg) right top; padding: 1px 10px 2px 3px; text-decoration: none; font-weight: bold; font-size: 10px; color: #fff;}
.btn a:hover { text-decoration: none; }
.btn a span { background-image: url(../images/btn_left.jpg); width: 9px; height: 15px; display: block; float: left; margin: 0; padding: 0;}

#content .btn { float: left; margin: 10px 0 0 0;}

/*#nav { background-image: url(../images/bg_hoofdmenu.jpg); width: 650px; height: 35px; margin: 5px 0 0 0; position: relative;}
#nav ul { margin: 0; padding: 0;}
#nav ul li { float: left; border-right: 1px solid #b5bcc0; display: block;}
#nav ul li a { border-right: 1px solid #6b6b6b; text-decoration: none; display: block; height: 30px; color: #fff !important; margin: 0; padding: 5px 12px 0 12px; font-family: Trebuchet MS; font-size: 16px; font-weight:bold; color: #ffffff; float: left;}
#nav ul li a:hover { background-image: url(../images/bg_hoofdmenu_hover.jpg);}
*/

#nav, #nav ul { float: left; width: 650px; height: 35px; list-style: none; line-height: 1; background-image: url(../images/bg_hoofdmenu.jpg); padding: 0; margin: 5px 0 20px 0;}
#nav ul { margin: 0;}

#nav a { display: block; color: #fff; text-decoration: none; height: 27px; padding: 8px 10px 0 10px; font-family: Trebuchet MS; font-size: 16px; font-weight:bold; border-right: 1px solid #6b6b6b;}
#nav li { float: left; padding: 0; border-right: 1px solid #b5bcc0;}
#nav li ul {position: absolute; left: -999em; height: auto; width: 200px; font-weight: normal; margin: 0;}
#nav li li { width: 200px; border: 0; background-color: #dedede; border-bottom: 1px solid #fff;}
#nav li ul a { text-decoration: none; display: block; color: #858585 !important; font-weight: normal; font-size: 12px; margin: 0; padding: 0; border: 0; color: #ffffff; height: 25px; padding: 10px 0 0 10px; background-image: none;}

#nav li ul ul { margin: -1.75em 0 0 14em;}
#nav li:hover ul, #nav li.sfhover ul { background-position: 0 0;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;}
#nav li:hover, #nav li.sfhover { background-image: url(../images/bg_hoofdmenu_hover.jpg);}
#nav li li:hover a, #nav li li.sfhover a { color: #fff !important;}

#header .logo { width: 386px; float: left;} 
#header .logo a { height: 80px; width: 386px; background-image:url(../images/logo_irmato.jpg); display: block; text-indent: -9999px; float: left;}
.fieldassist #header .logo a { width: 420px; background-image:url(../images/logo_fieldassist.jpg); }
#header { width: 950px; height: 80px;  border-bottom: 5px solid #c5002d; margin: 0 0 5px 0;}
#header .wrapper_controls { background-image: url(../images/bg_util.jpg); overflow: hidden; height: 29px; width: 454px; float: right;}
#header #siteCatMenu fieldset { padding: 0; border: 0; float: left; margin: 5px 10px 0 10px;}
#header #siteCatMenu select { width: 160px; color: #858585; font-size: 10px;}
#header ul.utils { margin: 7px 0 0 0; padding: 0; float: left;}
#header ul.utils li { float: left; list-style-type: none; border-right: 1px solid #fff; padding: 0 5px 0 5px;}
#header ul.utils li a { color: #fff; text-decoration: none; font-weight: bold; font-size: 10px;}
#header ul.utils li a:hover { text-decoration: underline}
#header ul.taal { float: left; margin: 6px 0 0 15px;}
#header ul.taal li { float: left; list-style-type: none;}
#header ul.taal li a { width: 15px; height: 15px; display: block; text-indent: -9999px;}
#header ul.taal li a.nl { background-image: url(../images/btn_nl.jpg); margin: 0 8px 0 0;}
#header ul.taal li a.en { background-image: url(../images/btn_en.jpg);}
#header .zoeken { float: right; margin: 16px 0 0 0; width: 210px;}
#header .zoeken legend { display: none;}
#header .zoeken input.text { font-size:11px; padding: 2px; height: 14px; width: 141px; background-image: url(../images/bg_zoek.png); float: left; border: 1px solid #b5b5b5;}
#header .zoeken input.btn { width: 44px; height: 18px; float: left; background-image: url(../images/btn_zoek.jpg); border: 0; color: #fff; font-size: 10px; font-weight: bold; font-family: Verdana; margin: 1px 0 0 10px;}

#portalcontainer { width: 950px; height: 470px; position:relative; } 
#slideclip { width: 950px; height: 0; overflow: hidden; position: absolute; z-index: 8; bottom: 0; }
#slide { background-image: url(../images/bg_slide.png); border-top: 1px solid #bec4c5; width: 920px; height: 374px; position: absolute; top: 0;  z-index: 9; padding-left: 30px;}
#slide_btn { position: absolute; bottom: 0; z-index: 999; height: 45px; width: 950px; } 
.nl #slide_btn a { background-image: url(../images/slide_btn_nl.png); height: 45px; width: 950px; display: block; text-indent: -9999px;}
.en #slide_btn a { background-image: url(../images/slide_btn_en.png); height: 45px; width: 950px; display: block; text-indent: -9999px;}

#slide .btn { float: right; margin: 10px 0 0 0; }
#slide .blok { background-image: url(../images/bg_blok.png); width: 265px; height: 274px; float: left; margin: 30px 9px 0 0; padding: 20px 13px 0 13px;}
#slide .blok h2.portal { margin-bottom: 14px; }
#slide .blok .bericht { border-bottom: 1px dotted #bec4c5; margin: 0 0 8px 0; padding: 0 0 8px 0;}
#slide .blok .bericht .titel { font-weight: bold; line-height: 15px; overflow: hidden;}
#slide .blok .bericht .datum { color: #ce1542;}
#slide .blok .bericht a { color: #000; text-decoration: none; }
#slide .blok .bericht a:hover { color: #818182; }
#slide .blok p { height: 180px; margin: 0; overflow: hidden;}
#downloadflashplayer { color: #5F5F5F; position: absolute; top: 396px; left: 135px; z-index: 9999; font-size: 10px; }
#downloadflashplayer a { color: #CF1A43; text-decoration: none; }
#slide .over { background-image: url(../images/bg_over.png); width: 265px; height: 224px; float: left; margin: 30px 9px 0 30px; padding: 70px 13px 0 13px; overflow: hidden;}
#slide .over p { height: 180px; margin: 0; overflow: hidden;}
#slide .nieuws { background-image: url(../images/bg_nieuws.png); width: 265px; height: 224px; float: left; margin: 30px 9px 0 0; padding: 70px 13px 0 13px;}
#slide .nieuws .bericht { border-bottom: 1px dotted #bec4c5; margin: 0 0 8px 0; padding: 0 0 8px 0;}
#slide .nieuws .bericht .titel { font-weight: bold; height: 15px; overflow: hidden;}
#slide .nieuws .bericht .datum { color: #ce1542;}
#slide .nieuws .bericht a { color: #000; text-decoration: none; }
#slide .nieuws .bericht a:hover { color: #818182; }
#slide .vacatures { background-image: url(../images/bg_vacatures.png); width: 265px; height: 224px; float: left; margin: 30px 9px 0 0; padding: 70px 13px 0 13px;}
#slide .vacatures .vacature { border-bottom: 1px dotted #bec4c5; margin: 0 0 8px 0; padding: 0 0 8px 0;}
#slide .vacatures .vacature .titel { font-weight: bold; height: 15px; overflow: hidden;}
#slide .vacatures .vacature .afdeling { color: #ce1542;}
#slide .vacatures .vacature a { color: #000; text-decoration: none; }
#slide .vacatures .vacature a:hover { color: #818182; }

#contact_formulier { margin: 10px 0 0 0;}
#contact_formulier span { border-bottom: 1px dotted #bec4c5; height: 1px; display: block; width: 652px; margin: 10px 0 10px 0;}
#contact_formulier legend { display: none; }
#contact_formulier fieldset { border: 0; width: 652px;}
#contact_formulier .field { position: relative; }
#contact_formulier label { float: left; width: 144px; font-size: 11px; }
#contact_formulier .error { font-weight: bold; color: #b01439; }
#contact_formulier label.error { font-weight: bold; color: #b01439; position: absolute; left: 420px; top: 4px; width: 240px; font-size: 10px; }
#contact_formulier select,
#contact_formulier textarea,
#contact_formulier input { width: 264px; border: 1px solid #858585 ; font-size: 11px; padding: 2px; }
#contact_formulier input.checkbox { width: LUCS
                                    auto; border: 0; }
#contact_formulier input.error,
#contact_formulier textarea.error,
#contact_formulier select.error  { border: 2px solid #b01439 }
#contact_formulier input.radio { width: 10px; border: 0; float: left;}
#contact_formulier label.radio { width: 50px; margin: 3px 0 10px 10px;}
#contact_formulier select { width: 264px; border: 1px solid #858585; }
#contact_formulier textarea { width: 498px; height: 100px; border: 1px solid #858585; font-size: 11px; padding: 2px; }
#contact_formulier div.field { clear: left; margin-bottom: 15px; }

#contact_formulier .btn { float: right; margin: 10px 0 0 10px;}
#contact_formulier input.button { margin: 10px 0 10px 0 ; padding: 0; border: none; height: 15px; width: 80px; background: url(../images/btn_form.jpg) right top; text-decoration: none; font-weight: bold; font-size: 10px; color: #fff;}
#contact_formulier input.button2 { margin: 10px 0 10px 0 ; cursor: pointer; padding: 2px 5px; width: auto; background: #c2183f; text-decoration: none; font-weight: bold; font-size: 10px; color: #fff;}


ul.nieuws_overzicht { margin: 15px 0 0 0;}
ul.nieuws_overzicht li { border-bottom: 1px dotted #bec4c5; overflow: hidden; padding: 0 0 10px 0; margin: 0 0 15px 0;}
ul.nieuws_overzicht li a { font-weight: bold; color: #000; text-decoration: none;}
ul.nieuws_overzicht li a:hover { text-decoration: underline;}
ul.nieuws_overzicht .datum {color: #ce1542; margin: 5px 0 0 0;}
ul.nieuws_overzicht .teaser { margin: 5px 0 0 0;}

ul.nieuws_overzicht .btn { float: left; margin: 10px 0 0 0;}
.paragraph .btn { float: left; margin: 10px 0 0 0; border: 1px;}

#footer { text-align: center; margin: 0 auto; margin-top: 20px; color: #575758; height: 20px; position: relative; }
#footer ul.address { position: absolute; top: 0 !important; left: 50%; width: 600px; margin-left: -290px; }
#footer ul.address li { background: none; }
#footer ul { position: absolute; top: 0; left: 50%; width: 440px; margin-left: -220px; }
body.portal #footer ul { top: 30px; }
#footer ul li { float: left; color: #818182; padding: 0 7px; background: transparent url('../images/footer_divider.png') no-repeat center right;}
#footer ul li#rss { background-image: none; }
#footer ul li a { color: #818182;}
#footer ul li#rss a { float: left; background: transparent url('../images/rss.jpg') no-repeat top right; height: 15px; padding-right: 25px; }

/* TOGGEL MENU's*/
.trigger { position: relative; padding: 7px 0 0 5px; margin: 0 0 10px 0; background: url(/lib/images/btn_trigger.jpg) no-repeat; background-position: top left; cursor: pointer; height: 29px; width: 288px; display: block; font-family: Trebuchet MS; font-size: 16px; font-weight:bold; color: #858585;}
.trigger span { position: absolute; top: 6px; left: 7px; z-index: 10; }
.trigger .img { display: none; background-repeat: no-repeat; width: 150px; float: right; height: 35px; position: absolute; top: 1px; right: 40px;  z-index: 9;}
.fieldassist .img { display: block; background-repeat: no-repeat; width: 150px; float: right; height: 35px; position: absolute; top: 1px; right: 40px;  z-index: 9;}

.trigger a { color: #858585; text-decoration: none; font-size: 15px; width: 288px; height: 29px; line-height: 20px; display: block;}
.trigger a.active { color: #fff;}

.active {background-position: left bottom; color: #ffffff;}

.toggle_container { margin: 0; padding: 0; }
.toggle_container .block { margin: 0 0 20px 0; }
.toggle_container .block ul.lijst li { border-bottom: 1px dotted #bec4c5; padding: 8px 0 8px 0;}
.toggle_container .block ul.lijst li a { text-decoration: none; font-weight: normal; color: #000;}
.toggle_container .block ul.lijst li a:hover { text-decoration: underline;}

#teasers { margin: 0 0 40px 0; border-top: 1px dotted #bec4c5;}
#teasers li { border-bottom: 1px dotted #bec4c5; padding: 8px 0 8px 0;}
#teasers li .titel { display: block;margin: 0 0 5px 0;}
#teasers li .titel a { text-decoration: none; font-weight: bold; color: #000;}
#teasers li .titel a:hover { text-decoration: underline;}
#teasers li .datum { display: block; color: #ce1542;}


/* FAQ*/
.faq { padding: 6px 0 10px 30px; margin: 0; cursor: pointer; width: 620px; display: block; border-bottom: 1px dotted #bec4c5; background: url(../images/btn_open.png) no-repeat left top;}
.active_faq { margin: 0; color: #ce1a44; font-weight: bold; background-image: url(../images/btn_sluiten.png);}

.faq_container { margin: 0 0 10px 0; padding: 10px 0 10px 0; border-bottom: 1px dotted #bec4c5;}
.faq_container .block ul.lijst li { border-bottom: 1px dotted #bec4c5; padding: 8px 0 8px 0;}
.faq_container .block ul.lijst li a { text-decoration: none; font-weight: normal; color: #000;}
.faq_container .block ul.lijst li a:hover { text-decoration: underline;}

.faq_container { margin: 0 0 10px 0;}
.faq_container .block .nieuws .teaser { border-bottom: 1px dotted #bec4c5; padding: 8px 0 8px 0;}
.faq_container .block .nieuws .teaser .titel a { text-decoration: none; font-weight: bold; color: #000;}
.faq_container .block .nieuws .teaser .datum { color: #ce1542;}

.pager a.next,
.pager a.previous { float: left; width: 15px; height: 15px; text-indent: -9999px; background-color:Transparent; background-repeat: no-repeat;  }
.pager a.next { background-image: url('../images/btn_next.png'); margin: 1px 0 0 20px; }
.pager a.previous { background-image: url('../images/btn_previous.png'); margin: 1px 20px 0 0; }
.pager li { float: left; margin: 0 0 0 6px; line-height: 15px; background: transparent url('../images/pager_divider.png') no-repeat right center; padding-right: 7px;}
.pager li.last { background-image: none; padding-right: 0}
.pager li a { color: #000; text-decoration: none; }
.pager li.active  a{ font-weight: bold; text-decoration: underline; }

#zoekresultaten .samenvatting { margin: 10px 0 30px 0; } 
#zoekresultaten .blok { border-bottom: 1px dotted #bec4c5; margin: 0 0 20px 0; padding: 0 0 20px 0;}
#zoekresultaten .blok li { margin-left: 20px; padding: 3px 0 3px 15px; background: transparent url('../images/bullet.png') no-repeat 0 5px ; }
#zoekresultaten .blok li a { color: #000; text-decoration: none; font-weight: bold; }
#zoekresultaten .blok li a:hover { color: #818182; }

ul.definitions li { margin-left: 20px; padding: 3px 0 3px 15px; background: transparent url('../images/bullet.png') no-repeat 0 5px ; }
ul.definitions li a { color: #000; text-decoration: none; font-weight: bold; }
ul.definitions li a:hover { color: #818182; }

ul.portal { overflow: hidden; margin: 20px 0 20px 125px;  }
ul.portal li { float: left; padding: 0 10px; border-right: 1px solid #6b6e6f;  }
ul.portal li.last { border-right: none; } 
ul.portal li a { color: #8f989d; text-decoration: none; font-size: 15px; font-family: Arial Narrow, Arial, Helvetica, Sans-Serif; font-weight: bold; }
ul.portal li a:hover { text-decoration: underline; }

ul.portalblokken { width: 696px; margin: -10px 0 50px 130px; overflow: hidden; }
ul.portalblokken li { float: left; width: 220px; height: 165px; overflow: hidden; margin: 5px; border:1px solid #f5f6f7; }

dl { margin: 10px 0; padding: 0; overflow: hidden; clear: both; }
dt { float: left; width: 120px; font-weight: bold; clear: left; margin-bottom: 5px;  }
dd { margin-bottom: 5px; }

/* GOOGLEMAPS */

/* Map View */
        
        #map_canvas { height: 350px; border: 1px solid black; }
        
        
/* Directions */
        #directions {
          float: none;
          
        }
  
  
/* Addresses */
        /*
        #addresses { color: white; }
        
            .address-panel {
              -moz-border-radius: 10px;
              -webkit-border-radius: 10px;
              
              background-color: #e8000d;
              
              overflow: auto;
              
              margin: 0 auto;
              margin-bottom: 10px;
              padding: 10px;
              width: 90%;
            }
                .address-panel>form>div {
                  margin-bottom: 10px;
                }
            
                  .address-form-column {
                    float: left;
                  }
                
                    .address-panel label {
                      display: block;
                    }
                    .address-panel input, .address-panel select { margin-left: 5px; }
                      .address-panel #street { width: 95%; }
                      .address-panel #state { width: 60%; }
                      .address-panel .button { text-align: right; padding-top: 15px; clear: both; }


*/