@charset "utf-8";
/*:: FILE: styles_main.css ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

Title                	:    BASIC LAYOUT STYLE FOR DIVS AND OTHERS
Source                	:    styles.css
Created by            	:    Mariska van Dijk, Energize
Last Modified by       	:    Roland Schoenmakers, Trigg'r
Version                	:    0.1
Creation date         	:    16/09/08
Modification date      	:    10/5/10
Description            	:    sets basic layout for TYPO3 CMS http://www.demeeuw.com/
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 




/* ######################################################################################################
** ###### ALGEMEEN ######################################################################################
** ######################################################################################################
*/

* html body{   background-color:#FFFFFF; color: #868689; height: 100%;} 

/* -- Standaard li's -- */
li, ul, ol { color:#868689; }
ul { padding-left: 15px;}

body{ margin:0; padding:0 0 0 0; background-color:#ffffff; text-align: center; /*voor IE*/ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#868689; background-image: url(../images/bg_main.gif); background-position:top; background-repeat:repeat-x; height: 100%;}
/*body > #container { height:auto; min-height: 100%; } */
fieldset, img { border:0; }
   
select, input, textarea { font-size: 99%; color: #868689; border: 1px solid #868689; } 
label { color: #868689;}
a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  text-decoration:underline;}
a:hover {color:#0061a1;}

p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#868689; text-align: left;}
div { text-align: left; }
p#footer {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#868689;}
#footer_left p.bodytext {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#868689; margin: 0;}
p.bodytext { margin:8px 0 0px 0px; padding:0px; text-align:left;  }

h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#868689;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0061a1; margin: 8px 0 0px 0; padding:0;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#868689; margin: 8px 0 0px 0; padding:0;}
/* ul, lu { color: #868689; padding: 2px; } */
sup, sub { line-height: 6px;}
.select { border:1px solid #CCCCCC;}

.labelWrap { float: left;}

.clear {
 clear:both;
}

/* ######################################################################################################
** ###### DIV'S FOR PLUG-INS ############################################################################
** ######################################################################################################
*/

/*.tx-irfaq-dynheader { height: 40px; background: transparent url('../images/stap0.png'); padding: 22px 0 0 78px; margin-bottom: 0px; }
.tx-irfaq-dynheader p { color: #0061a1; font-size: 140%; display:block; padding: 10px; }
.tx-irfaq-dynans-visible p { color: #a7a7a7; font-weight: normal; font-size: 100%;} */
.news-latest-date2 { font-size:11px; text-decoration: none;}
.news-latest-date2 a { text-decoration: none; font-weight: normal;}
.news-list-item { margin-top: 15px; padding-left: 5px; display: inline;}
.news-list-item table tbody tr td h3 { color: #60a1bf; font-size: 12px; margin-top: 0px; } 
.dmmjobcontrol_list_table ul { margin-left: 10px;}
.news-latest-container2, .news-latest-item2 a { text-decoration: none;}
.news-latest-title2, .news-latest-title2 a { text-decoration: none;}
#mogelijkheden_hergebruik_maincontent table tbody tr td sub, #mogelijkheden_hergebruik_maincontent table tbody tr td sup { line-height: 1px;}


/* ######################################################################################################
** ###### DIV'S FOR SIFR  ###############################################################################
** ######################################################################################################
*/

h1.header_menu, h1.header_menu a { color: #666666; font-size: 15px; margin:4px 0px 0px 0px; padding:0px;  }
h1.header_main { color: #666666; font-size: 18px; margin-top:13px; }
h1.header_home { color: #666666; font-size: 16px; margin-top:0px; }
h1.header_home:hover { color: #999999; font-size: 16px; margin-top:0px; }
h1.header_top { color: #666666; font-size: 24px; margin-top:13px; } /* Boven content element, bijv. sectoren */
h1.header_sector { color: #666666; font-size: 15px; margin-top:5px; }
h1.header_right_column { color: #666666; font-size: 17px; margin-top:0px; }

h1.header_submenu_right,h1.header_submenu_right a, h1.header_submenu, h1.header_submenu a { color: #666666; font-size: 15px; margin:4px 0px 0px 0px; padding:0px;  } 


/* /////////////////// VERHUUR HEADER in hoofdtekst ////////////////////////*/

#main_maincontent h1 {font-size: 22px;}


/* ######################################################################################################
** ###### DIV'S FOR MAIN TEMPLATE #######################################################################
** ######################################################################################################
*/


#container { width: 999px; text-align: left; left: 50%; /*voor IE */  margin-left: -480px; min-height: 400px; display: block; position: relative;}
#headercontainer { height:76px; width:999px; overflow:hidden;text-align:left;}
#menucontainer { height:33px; width:999px; overflow:hidden;} 
#maincontainer { display: block; margin: 0; padding: 0; width: 999px; } 


/* ---------------------- VERHUUR 3 KOL PAGINA --------------------------------------------------- */

#main_submenu { margin-top: 30px; width:177px; background: #fff;  border: 1px solid #ccc; min-height: 150px; padding-bottom: 6px; display: block; float: left;}
#main_maincontent { margin-top: 30px; width:500px;  margin-left: 20px; padding-bottom: 80px; display: block; float: left;}
#main_columnright { width:263px; margin: 0px 0 0 20px; display: block; float: left; }

#main_title_submenu { width:177px; float:left;} /* background-image: url(../images/bg_main_top.jpg) top left repeat-x; */

body#tweekoll #main_maincontent { width:750px; position: absolute; margin-left: 177px; margin-bottom: 30px; padding-bottom: 80px;}
body#tweekoll #main_columnright { display: none; visibility: hidden; }


.textblokken {height: auto; width: 999px; display: block;}
.home_textblock {width: 270px; display: block; float: left; margin: 20px 25px 0 25px; height:auto;}
.home_textblock h1 {color: #666666; font-size: 16px; margin-top:0px; }

.polaroids {display: block; width: 999px; height: 352px;}
#foto1, #foto2, #foto3, #foto4 {position: absolute; display: block; width: 300px; height: 352px; float: left; }
#foto1 {margin: 0 0 0 0px;}
#foto2 {margin: 0 0 0 245px;}
#foto3 {margin: 0 0 0 470px;}
#foto4 {margin: 0 0 0 700px;}


/* ---------------------- CALL-TO-ACTION KNOPPEN --------------------------------------------------- */
a#cta-referentie,
a#cta-brochure,
a#cta-offerte, 
a#cta-contact,
a#terug {display: block; width: 270px; height: 30px; background: transparent; margin: 0; padding: 6px 0 0 58px; text-decoration: none; color: #fff; font-size: 1.25em;}

a#cta-referentie {background: url('../images/cta_referenties.png') no-repeat;}
a#cta-referentie:hover {background: url('../images/cta_referenties_hi.png') no-repeat;}

a#cta-brochure {background: url('../images/cta_brochure.png') no-repeat;}
a#cta-brochure:hover {background: url('../images/cta_brochure_hi.png') no-repeat;}

a#cta-offerte {background: url('../images/cta_offerte.png') no-repeat;}
a#cta-offerte:hover {background: url('../images/cta_offerte_hi.png') no-repeat;}

a#cta-contact {background: url('../images/cta_contact.png') no-repeat;}
a#cta-contact:hover {background: url('../images/cta_contact_hi.png') no-repeat;}

a#terug {background: url('../images/b_terug.png') center top no-repeat; width: 999px;}
a#terug:hover {background: url('../images/b_terug_hi.png') center top no-repeat; width: 999px;}

/*a#cta-referentie b, a#cta-brochure b, a#cta-offerte b, a#cta-contact b, a#terug b  {display: none; visibility: hidden;}*/


.header_schadow_left { width:14px; height:76px; background-image:url(../images/bg_main_left.jpg); background-position:top; background-repeat:repeat-y; border:0px solid #000000; }
.header_maincontainer { width:970px; height:76px; margin:0; float: left;} 
.header_schadow_right { width:15px; height:76px; background-image:url(../images/bg_main_right.jpg); background-position:top; background-repeat:repeat-y; }

#header_top { width:970px; height:7px; text-align:left; }

#header_main { float:left; width:970px; height:61px; background-color:#FFFFFF; text-align:left; }
#header_bottom { float:left; width:970px; height:8px; text-align:left; }

#header_logo { width:726px; height:61px; background-color:#FFFFFF; float:left; text-align:left; }
#header_right { width:244px; height:61px; border:0px solid #000000; float:right; text-align:left; margin-top:6px; }

.languageFlags { margin-left:-28px; margin-right:8px;  }
#language { margin-left:14px; height:19px; width:216px; text-align:left; display:block; overflow:hidden; border:1px solid #999999; line-height:21px; background-image:url('../images/langmenu_bck.gif'); background-repeat:no-repeat; background-position:left top; z-index:2000; }
#language, #language a { text-decoration:none; }
div.languageItem { height:23px; line-height:23px; font-size:9px; }
div.languageItem:hover { background-color:#cccccc; color:#333333; }
div.langContent a { text-decoration:none; }
div.langContent { margin:0px 5px 0px 35px; }
/* div.languageItem_selected, div.languageItem_selected a {  color:#1a71ab; text-decoration:none; font-weight:bold; } */
div#languageSelection { margin:0px 0px 0px 14px; padding:0px; z-index:9999; display:block; position:absolute; background-color:#ffffff; opacity:100; border:1px solid #999999; width:215px; }

div#search { margin-left: 12px; height:31px; text-align:left; border:1px none #cc0000; display:block; overflow:hidden; }
.tx-macinasearchbox-pi1 {  border:1px none #0000cc; margin-left: 15px; display:block; }
#searchform { border:1px none #00cc00; display:block; }

/*.topsearch_text{ height:20px; margin-right:5px; width:58px; margin:0px; padding:0px; font-size:1px; background-repeat:no-repeat; }
.topsearch_textfield { height:17px; width:120px; margin:-3px 0px 0px 3px; padding:1px; font-size:11px; background-image:url('../images/search_bck.gif'); background-repeat:no-repeat; }
.topsearch_button { width:24px; background-image:url('../images/go.gif'); height:21px; border:1px none #ffffff; margin-top:-4px;  }
.topsearch_table { width:216px; margin:5px 0px 0px 0px; border:0px none #00cc00; }
*/

.menu { width:970px; height:25px;   margin:0px; padding:0px;} 
.menu_left { width:830px; height:25px; float:left; text-align:left; }
.menu_right { width:150px; height:25px; float:left;}
.menu_right_buttons { width: 90px; height: 25px; float:right;}
.menu_line { width:970px; height:28px; background-color:#bfce00; float:left;}
/* .menu_line { color:#cc0000; font-weight:bold; 	width:970px; height:124px; float:left; text-align: left; background-image:url(../images/bg_lijn_menu.jpg); background-position:top; background-repeat:repeat-x;  } */

.menu_schadow_left { float:left; width:14px; height:100%; background-image:url(../images/bg_main_left.jpg); background-position:top; background-repeat:repeat-y; }
.menuwrapper { float:left; width:970px; height:33px; } 
.menu_schadow_right { float:left; width:15px; height:100%; background-image:url(../images/bg_main_right.jpg); background-position:top; background-repeat:repeat-y; }


.csc-mailform-field label { color:#66a0c7;}
.csc-mailform-submit { margin-top:5px;}

.maintekst, #maintekst { float:left; width: 200px; display: block; position: relative; padding-bottom:5px;}
.maintekst .mailform { float: left; margin-top:10px; }
.fielset .csc-mailform { float:left; margin-left: -20px;}



/* ######################################################################################################
** ###### DIV'S FOR CONTENT ELEMENTS ####################################################################
** ######################################################################################################
*/


/* ---------------------- HOMEPAGE ----------------------------------------------------- */
#home_left_shadow { width:14px; float:left; height:40%; background-image:url(../images/bg_main_left.jpg); background-position:top; background-repeat:repeat-y; }
#home_main { width:968px; float:left; height:40%; margin-left:15px; text-align:left; display: inline;}
#home_right_shadow {  width:15px; float:left; height:40%; background-image:url(../images/bg_main_right.jpg); background-position:top; background-repeat:repeat-y;}

#home_main p { padding: 0px; 15px; 30px; 15px; }

/* ---------------------- MAIN 2 COLUMN ------------------------------------------------ */


/* ---------------------- HOME KADER LEFT ------------------------------------------------ */
#home_kader { width:340px; float: left; margin-left:13px; display: inline;}
#home_kader_title { height:32px; width:340px;}
#home_kader_streep { height:14px; width:340px;}
#home_kader_tekst { width:360px;}
#home_kader_link { width:340px; margin-top: 15px; margin-bottom: 25px;}


/* ---------------------- HOME KADER MIDDEN  --------------------------------------------- */
#home_kader_midden { width:278px; float: left; margin-left:40px; display: inline;}
#home_kader_midden_title { height:32px; width:278px;}
#home_kader_midden_streep { height:14px; width:278px;}
#home_kader_tekst_midden { width:278px; padding-bottom: 0px; display: inline; }

#home_kader_tekst_midden li, #home_kader_tekst_midden ul { margin-left:5px; padding-left:5px;  }

#home_kader_link_midden { width:278px; margin-top: 5px; padding-top: 0px; padding-bottom:25px; display: inline; float: left;}


/* ---------------------- HOME KADER RECHTS  --------------------------------------------- */
#home_kader_rechts { width:90px; float: left; margin-left:10px; display: inline;}
#home_kader_rechts_main { width:278px; }
#home_kader_rechts_link { width:278px; margin-top: 0px; padding-top: 0px; padding-left: 0px; padding-bottom: 25px; display: inline;}


/* ---------------------- BLOK RECHTS --------------------------------------------------- */
#blok_rechts { width:237px; float: left; margin-top:15px; margin-left:10px;}
#blok_rechts_title { float: left; height:32px; width:205px;}
#blok_rechts_tekst { width:205px; float: left;}
#blok_rechts_link { width:205px; margin-top:10px;float:left;}

#contactblok {width: 280px; height: 160px; display: block; margin: 0px 0 10px 0;}
#contactblok_adres {width: 280px; display: inline; position: absolute; z-index: 20; margin: 0px 0 0 8px;}
#contactblok_adres p {margin: 10px 0 0 0; }
#contactblok_adres p b {color: #bfce00; }
#contact_bg {width: 280px; height: 160px; display: inline; position: absolute; z-index: 1; margin-top: -4px; overflow: hidden;}

/* ---------------------- Sectoren - MAIN ----------------------------------------------- */

#sec_main_left_shadow { width:14px; float:left; height:88%; background-image:url(../images/bg_main_left.jpg); background-position:top; background-repeat:repeat-y; }
#sec_main_submenu { width:177px; float:left; background-image: url(../images/bg_main_top.jpg); background-position:top left; background-repeat:repeat-x;}
#sec_main_title_submenu { width:177px; float:left; padding-top:6px; background-image: url(../images/bg_main_top.jpg); background-position:top left; background-repeat:repeat-x;}
#sec_main_maincontent { width:530px; float:left; background-image: url(../images/bg_main_top.jpg); background-position:top left; background-repeat:repeat-x; padding-bottom:30px; margin-bottom: 30px; display: inline; overflow: visible;}
body#2koll #sec_main_maincontent { width:800px; float:left; background-image: url(../images/bg_main_top.jpg); background-position:top left; background-repeat:repeat-x; padding-bottom:30px; margin-bottom: 30px; display: inline; overflow: visible;}
#sec_main_columnright { width:263px; float:left; background-image: url(../images/bg_main_top.jpg); background-position:top left; background-repeat:repeat-x;}
#sec_main_right_shadow { width:15px; float:right; height:88%; background-image:url(../images/bg_main_right.jpg); background-position:top; background-repeat:repeat-y; }


/* ---------------------- Sectoren - Mogelijkheden - Referenties -------------------------- */

#mogelijkheden_referenties { width:530px; margin-top: 60px; display: inline; padding-top:10px; }
#mogelijkheden_referenties_leftcontainer { width:286px; float:left; margin-top:50px;}
#mogelijkheden_referenties_image { width:215px; height: 144px; margin-left:15px; padding: 0px; border:0px none #999999; margin:0px; position:relative; display:inline;} 
#mogelijkheden_referenties_image img { width:215px; height: 144px; }
#mogelijkheden_referenties_rightcontainer { float:left; width: 215px; border:1px none #00ffCC; margin-top:20px;} 
#mogelijkheden_referenties_imageblok { float:left; width: 216px; border:0px none #00ffCC; margin-top:50px; display: inline;} 
#mogelijkheden_referenties_imageblok img { width:215px; height: 144px; border:0px none #999999; margin: 1px 1px 1px 1px; }
#toepassing {display: none; visibility: hidden;}

#mogelijkheden_referenties_title { width:286px; color:#66a0c7; font-weight:bold;}
#mogelijkheden_referenties_maincontent { width:286px; color:#868689; margin-top: 5px; display: inline;}
#mogelijkheden_referenties_items { width:286px; color:#868689; margin-top: 5px; margin:0px; padding:0px; display: none; visibility: hidden;}
#mogelijkheden_referenties_items table { border:0; border-spacing:0px; margin:0px; padding:0px; table-layout:auto;}

#mogelijkheden_referenties_linkjes { width:286px;  margin-top: 20px; display: none; visibility: hidden;}
#mogelijkheden_referenties_linkjes2 { width:286px; padding-top: 20px; position:absolute;}

#mogelijkheden_referenties_items_detail { width:215px; color:#868689; margin-top: 5px; margin-left: 0px;  } 
#mogelijkheden_referenties_items_detail_test { width:215px; color:#868689; margin-top: 5px; margin-left: 0px;  } 


#mogelijkheden_referenties_container { width:530px; border:0px; position:relative; display:block; }
#mogelijkheden_referenties_main_title { width:530px; border:0px; margin-top:32px; height:32px;}
#mogelijkheden_referenties_main_select { width:530px; border:0px; margin-top:32px; height:32px; }
#mogelijkheden_referenties_main_menu_page { height:22px; float: left; padding-top: 2px;}
#mogelijkheden_referenties_main_menu_lijn { width: 500px; margin-top: 7px; float: left; }
#mogelijkheden_referenties_main_menu_order { height:22px; margin-left: 5px; float: left;}
#mogelijkheden_referenties_main_menu_search { margin-left: 2px; float: left; }


#mogelijkheden_referenties_main_menu { width:500px; border:0px; float:left; margin-top:32px; color: #868689; overflow: hidden; text-align:center;  }
#mogelijkheden_referenties_main_menu input startitem { background-color:#666666; width: 5px; size: 2;}


/* ---------------------- Sectoren - Dossier maken - dossierkeuze ------------------------ */

#dossier { width:530px; margin-top:0px; text-align:left; vertical-align:text-top; color: #868689;}
#dossier_title { width:530px; float:left; text-align:left; color: #3081B6; font-weight:bold; font-size: 14px; vertical-align:text-top; margin-top:35px; }
#dossier_item_repeat { width:530px; float:left;}
#dossier_subtitle { width:530px; height:17px; float:left; text-align:left; vertical-align:text-top; color:#999999; font-weight:bold; margin-top:10px;}
#dossier_content { width:491px; float:left; text-align:left; vertical-align:text-top; color: #868689; margin-top: 3px; padding-left: 0px; padding-bottom: 15px; display: inline;}
#dossier_uitklap { width:39px; float:left;}
#dossier_subtitle input { border: 0px;}


/* ---------------------- Sectoren - Contact - contact opnemen -------------------------- */

#contact_opnemen { width:530px; text-align:left; vertical-align:text-top;}
#contact_opnemen_topimage { width:530px; height:184px; float:left;}
#contact_opnemen_title { width:530px; height:43px; float:left; margin-top:10px;}
#contact_opnemen_maincontent { width:530px; float:left;}

#contact_opnemen_image { width:185px; height:62px; float:left; border:0px solid #666666; }
#contact_opnemen_tekst { width:283px; float:left; padding-left:10px; padding-top:-62px; display: inline;}
<!--
#contact_opnemen_image { width:185px; height:62px; border:0px solid #666666; }
#contact_opnemen_tekst { width:283px; left:190px; display: inline;}
-->
#contact_opnemen_tekst p { margin:0px; padding:0px;}

#contact_opnemen_form { width:530px; float:left; margin-top: 60px; padding-bottom: 30px; padding-left:0px; display: inline;}

/* ---------------------- footer blok en kolommen -------------------------- */


/*#footer{ display: block; position: fixed; left:0px; width:100%; height: 240px; background: transparent url(../images/footer_bg.png) repeat-x; z-index:100; line-height: 1.4em; bottom: -190px;} 
#footer:hover{ bottom: 0px; } 
#footer_wrapper {width: 999px; left: 50%; margin-left:-499px; margin-top: 30px; position: absolute; }
*/
#footer { display: block; float: left; left:0px; width:100%; height: 240px; background: transparent url(../images/footer_bg.png) repeat-x;  } 
#footer_wrapper {display: block; width: 960px; left: 50%; margin-left:-480px; margin-top: 25px; position: absolute;}
#footer h3 {font-size: 1em; margin: 0 0 10px 0; color:#0361a7;}
*/
#footer h1 {font-size: 1em; margin: 0 0 10px 0;}
#footer a {color:#868689}
#footer a:hover {color:#0061a1}

.f1, .f2, .f3, .f4, .f5, .f6 {float: left; width: 160px;}
.f1 ul, .f2 ul, .f3 ul, .f4 ul, .f5 ul, .f6 ul {list-style: none; margin: 0; padding: 0;}
.f1 li, .f2 li, .f3 li, .f4 li, .f5 li, .f6 li {margin: 0; padding: 0;}




/* ---------------------- Search - Resultaten  ------------------------------------ */
/*#search_container { margin-left: 15px; margin-right: 15px; margin-top: 15px; padding-bottom:30px; display: inline;}
#search_title { height: 43px; margin-top: 10px; display: inline; float:left; }
#search_resultaten { padding-bottom: 40px; display: inline;}
*/


/* ---------------------- Search - Resultaten  ------------------------------------ */
#search_container { margin-left: 15px; margin-right: 15px; margin-top: 15px; padding-bottom:30px; display: inline;}
#search_title { height: 43px; padding-top: 15px; padding-left: 15px; }
#search_resultaten { padding-left: 15px; padding-bottom: 40px; display: inline; float:left;}
#search_resultaten p { padding-left: 15px; padding-bottom: 40px; display: inline; }

#search_results { padding-left: 15px; padding-bottom: 40px; display: inline; float:left;}