/* General
--------------------------------------------------*/
body { font: 0.75em/1.25em Arial, Verdana, sans-serif; color: #494B51; background: #FFF; margin: 0 auto; }/*12px/16px*/

h1 { font: 1.75em/2em Arial, Verdana, sans-serif; margin: 0; padding: 0; }/*21px/24px*/
h1 span { color: #2D7673/*3c9a96*/; }
h2 { padding: 0 0 0 25px; font: bold 1.5em/1.75em Arial, Verdana, sans-serif; background:url("http://www.vierdepijler.be/images/pijl.gif") no-repeat scroll 0 0 transparent; }
h3 { font: bold 1.2em/1.5 Arial, Verdana, sans-serif; color: #2a2a26/*00a3ba*/; border-bottom: 1px solid #CCDD51; padding-left: 5px;}/*14px/17px*/

p { margin: 0 0 1.25em 0; padding: 0; }

dl { clear: left; margin: 0 0 1.25em 0; font-weight: normal; overflow: hidden; }
dt { float: left; margin: 0 0 0.083em 0; padding: 0.25em 0; width: 16.666em; clear: left; text-align: left; border-left: 4px solid #f2f2f2; border-top: 0.083em solid #DDD; font-weight: bold; }
dd { /*width: 45.833em;*/ margin: 0 0 0.083em 16.666em; padding: 0.25em 0; min-height: 1.25em;  border-top: 0.083em solid #DDD; min-height: 1.433em; }

a { color: #35555D/*2D7673*//*3c9a96*/; }
a:hover { color: #000/*#494B51*/; }

img { border: 0; }
small { margin: 0 0 5px 224px; padding: 0; display: block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/* Page structure
--------------------------------------------------*/
#wrapper { margin: 0 auto; width: 74.846em; /*margin-top: 0.933em;*/ }
#content,
#footer { margin: 0 auto; width: 74.846em; }

/* Error
--------------------------------------------------*/
.error { background-color: #AD1300; color: white; }
#errors, #messages { background-color: #AD1300; color: white; margin: 0.416em 0; padding: 0.316em 0; text-align: center; font-weight: normal; clear: both; }
#errors { background-color: #cc3333; color: #fff; width: 356px; margin-left: 189px; }
#messages { background-color: #66cc66; color:#fff; }

/* Navigation
--------------------------------------------------*/
#nav { width: 74.846em; clear: both; margin: 0 auto; padding: 0.816em; }
#nav li { display: inline; margin: 0 3.333em 0 0; padding: 6px 7px; font-size: 14px; font-weight: bold; }
#nav li.logout { display: inline; float: right; margin: -10px 0 0 0; }
#nav li.logout span.organisation { float: left; display: inline-block; max-width: 248px; margin-top: 4px; text-align: right; }
#nav li.logout span.pipe-line { float: left; margin-top: 3px; }
#nav li.logout a { float: right; margin-top: -2px; }
#nav li a { color: #2A2A26; padding: 6px 7px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior:url(/css/PIE.htc); position: relative; }
#nav li a:hover { color: #3f3f3f; background: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior:url(/css/PIE.htc); position: relative;}
#nav li.active { background: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; behavior:url(/css/PIE.htc); position: relative; }
#nav li.active a { color: #35650c; text-decoration: none; }

/*IE7*/
*:first-child+html #nav li.logout span.organisation { float: none; display: inline; margin-right: 110px; max-width: 260px; }
*:first-child+html #nav li.logout span.pipe-line { float: none; position: absolute; margin-top: -8px; margin-left: -110px; }
*:first-child+html #nav li.logout a { float: none; position: absolute; margin-top: -8px; margin-left: -90px; }

/*IE6*/
*html #nav li.logout span.organisation { float: none; display: inline-block; width: 260px; text-align: right; margin-top: -8px; }
*html #nav li.logout span.pipe-line { float: none; margin-top: -8px; }
*html #nav li.logout a { float: none; margin-top: -8px; }

/*Sub menu
-----------------------------*/
#listOrganisatie, #listProjects, #listSearch { margin: 0; padding: 5px 10px; background-color: #e9f39d; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: relative; behavior:url(css/PIE.htc); }
#listOrganisatie li, #listProjects li, #listSearch li { list-style-type: none; display: inline; margin: 5px 0 0 0; padding: 5px 20px; }
#listOrganisatie li a, #listProjects li a, #listSearch li a { text-decoration: none; }

.delete, .details, .details_png, .edit, .add { padding: 0px 5px 3px 20px; }
.edit_org { padding: 2px 5px 3px 27px; }

.delete { background: url(/images/delete.gif) no-repeat; }
.details { background: url(/images/details_no_bg.png) -2px -2px no-repeat; }
.details_png { background: #e9f39d url(/images/details.png) -2px -2px no-repeat; }
.edit { background: url(/images/edit.gif) no-repeat; }
.edit_org { background: url(/images/edit.gif) 6px 4px no-repeat; }
.add,
.addland { background: url(/images/add.gif) no-repeat; }
.addland { padding: 0 0 0 1.6em; border: none; }

/* Content
--------------------------------------------------*/
#top { float: left; width: 85%; margin: 2.916em 0 0 0; height: 5.833em; }
#logo { /*float: left;*/ margin: 1.733em 2.083em 1.933em 0; }
#link_Vais { display: block; margin: 1.666em 0 0 0; border-top: #68631A 0.083em solid; }
#logo_Vais { margin: 1.666em 0 0 0; }
#logout { float: right; }

#display { margin-right: 85px; margin-bottom: 20px; margin-left: 65px; padding: 3px 5px; }
.display_edit {margin-top: -60px;}

#display dl { background-color: #f2f2f2;  }
#display div { margin: 0; background-color: #f2f2f2; padding: 6px 5px 10px 5px; border-top: 1px solid #DDD; }
#display div.date { border: none; padding: 0; height: 18px; background-color: #F2F2F2; }
#display div.upload { margin: 0; background-color: #f2f2f2; padding: 10px 5px 150px 5px; border-top: 1px solid #DDD; }
#display div label { font-weight: bold; width: 220px; }
#display div div.tooltip_content, #display div div.listCheckboxes, #display div div.listCheckboxes div, #display div#land_select1, #display div#land_select2, #display div#land_select3, #display div#land_select4, #display div#land_select5 { border-top: 0px solid #DDD;}
#display div div.tooltip_content { margin-left: 220px; padding: 2px 5px; color: #666; }
#display div div.listCheckboxes { margin-top: -20px; }
#display div div.listCheck{ margin-top: -35px; }
#display div div.list{ margin-top: -45px; }
#display div div.listCheckboxes div { margin-left: 220px; padding: 2px 5px; }
#display div#land_select1, #display div#land_select2, #display div#land_select3, #display div#land_select4, #display div#land_select5 { margin-left: 220px; margin-top: -2px; }
#display dt { /*float: left; padding: 3px 5px; margin: auto; border-top: 1px solid #DDD; height: 35px; min-height: 35px;*/ }
#display dd { border-top: 1px solid #DDD; /*margin: auto; height: 35px;*/ min-height: 37px; }

fieldset fieldset { border: 0 solid #DDDDDD; margin: 0; padding: 0;}
p.initiatief { margin: 0; }
p.educatief { width: 250px; }
p.noodwerking {  }
#display div.upload div { border: none; }
#display h3 { background-color: #fff; }

#andere_noordwerking, #ander_materiaal { width: 24.5em; }
.fieldsetStatus fieldset fieldset { background-color: #f2f2f2; }


#display div#aanpassen_status { /*width: 62.5em;*/ background-color: #fff; border: none; }
span.status_org { float: right; margin: 0 0 0 0.833em; padding: 0.266em 0.516em; background-color: #d5ea5f; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position: relative; behavior:url(css/PIE.htc); }
span.status_org span { margin: 0 0 0 16px; }
span.status_org a { text-decoration: none; }
span.opm_afgekeurd { padding: 0.166em 0.416em; background-color: #F98E83; color: #35650c; }
#aanpassen_status span.opm_afgekeurd { float: right; clear: right; }
.aanpassen { text-decoration: none; display: block; float: left; background-color: #d5ea5f; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; /*width: 16.666em;*/ position: relative; behavior:url(css/PIE.htc); }
.display_latenGoedkeuren { display: block; float: right; width: 20.833em; padding: 0.166em 0.416em; background-color: #ff0; color: #f00; }
.latenGoedkeuren { padding: 0.166em 0.416em; }

.infoGoedkeuring { width: 460px; margin: -12px 0 30px 0; }
.infoGoedkeuring li { padding: 6px 0px 6px 0px; list-style-image: url(/images/arrow.png); }
*:first-child+html .infoGoedkeuring li { padding: 6px 0px 6px 0px; list-style-image: none; } /*IE7*/
.infoGoedkeuring li b { display: block; }

.goedkeuring { margin-top: -15px; padding: 4px 8px 4px 30px; }
.geen { margin: 15px 0 20px 15px; }

.fieldsetStatus { margin-top: 2.083em; }
.legendStatus { font-size: 1.166em; padding: 0.142em 0 0.142em 0.142em; background-color: #ddd; font-weight: normal; }/*padding: 2px 0 2px 2px; font-size: 14px;*/

#projecten { float: right; width: 20.833em; border: 1px solid #aaa;}

.tooltip_content { /*position: absolute; display: inline;*/clear: both; margin: 0.25em 0 0.25em 12.5em; /*padding: 0 0 0 1.666em; background: url(/images/information.gif) no-repeat;*/ }/*padding: 0 0 0 20px;*/
.tooltip_content img { float: left; width: 1.333em; height: 1.333em; margin-right: 0.25em; }
.tooltip_content img.d14x14 { width: 1.166em; height: 1.166em; }
.tooltip_question { display: block; margin: 0 0 0.416em 0; font-weight: bold; }/*margin: 0 0 5px 0;*/
.tooltip_answer { display: block; font-weight: normal; width: 375px; }
.tooltip { overflow: hidden; width: 25em; padding: 0.416em 0.833em; background: #FFF; text-indent: 0px; z-index: 150; border: 0.083em solid #6E8897; }/*width: 300px; padding: 5px 10px; border: 1px solid #6E8897;*/

fieldset #infoSpecial div { float: left; }

.button { height: 1.461em; margin: 0 0 0 191px; padding: 4px 5px 20px 5px; background: #234b58; border: none; color: #fff; font-size: 0.893em; font-weight: bold; text-transform: uppercase; cursor: pointer; }/*width: 89px; height: 19px;  margin: 0 0 0 2px;*/
.button_add { position: absolute; margin: 6px 0 0 360px;/*display: block; height: 1.461em; margin: 3px 0 0 360px; padding: 1px 5px 1px 5px; text-decoration: none; background: #234b58; border: 1px solid #234b58; color: #fff; font-size: 0.893em; font-weight: bold; text-transform: uppercase; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;*/ }/*width: 89px; height: 19px;  margin: 0 0 0 2px;*/
.button_save { height: 1.461em; margin: 0 0 0 12px; padding: 4px 5px 20px 5px; background: #234b58; border: none; color: #fff; font-size: 0.893em; font-weight: bold; text-transform: uppercase; cursor: pointer; }/*width: 89px; height: 19px;  margin: 0 0 0 2px;*/

.small_save { margin-left: 12px; margin-top: 8px; }

#formLogin { clear: both; }

fieldset { border: /*0.083em*/0em solid #DDD; padding: 0.833em; margin: 0.416em 0 /*1.25em*/-0.25em 0; }/*border: 1px solid #DDD; padding: 10px; margin: 5px 0 15px 0;*/
fieldset legend { margin: 0; padding: 0;/*font: bold 1.2em/1.5 Arial, Verdana, sans-serif;*/ color: #2a2a26/*00a3ba*/; /*border-bottom: 1px solid #CCDD51; padding-left: 5px;*/ }
fieldset label { clear: both; display: block; float: left; width: 13.333em; padding: 0.166em 0.416em 0 0; }/*width: 160px; padding: 2px 5px 0 0;*/
fieldset input,
fieldset select,
fieldset textarea { display: inline; margin: 0 0.166em 0.166em 0; /*width: 31.666em;*/width: 350px; }/*margin: 0 2px 2px 0; width: 380px;*/


fieldset div { clear: both; /*overflow: hidden;*/ margin: 0 0 0.166em 0; padding: 0; /*border-bottom: 0.083em solid #DDD;*/ }/*margin: 0 0 2px 0; border-bottom: 1px solid #DDD;*/
fieldset div.last { border: 0; }
fieldset div div { clear: none; border: 0; margin: 0; padding: 0.166em 0 0 0.166em; }/*padding: 2px 0 0 2px;*/
fieldset div div div,
fieldset div div.tags { padding: 0; }
fieldset div div.tags { clear: both; }
fieldset fieldset div { border-bottom: 0; }
fieldset fieldset label { width: 12.5em; }/*width: 150px;*/
#ander_type { width: 24.5em }


fieldset .upload div { float: left; margin-bottom: 0.416em; padding-top: 0; }
fieldset .upload div input { float: none; display: inline; }
fieldset .upload div input.delFotoCheckbox { width: 1.25em; }
fieldset .upload div label { float: none; display: inline; font-weight: normal; }

small.normal { margin: 0 0 5px 192px; }

.radio { overflow: hidden; }
.radio div { margin-left: 12.916em; }
.radio input { width: auto; display: inline; float: none; }
.radio label { float: none; display: inline; padding: 0 0 0 0.25em; text-align: left; }

.check { overflow: hidden; clear: both; }
.check div { margin-left: 12.916em; }
.check input, input.check,
.check label { display: inline; float: none; width: auto; }
.check input { width: auto; }

.listCheckboxes { display: inline; margin: 0 0 0.666em 12em; padding: 0; float: left; }
.listCheckboxes label { clear: none; float: none; text-align: left; display: inline; padding: 0 0 0 0.25em; font-weight: normal; }/*padding: 0 0 0 3px;*/
.listCheckboxes input { width: auto; display: inline; float: none; }

.editable_content { float: left; width: 41.666em; background: #EEE; }
a.editTekst { float: left; clear: left; display: inline-block; background: #EEE; width: 41.666em; margin: 0 0 0.416em 12.916em; padding-left: 0.166em; }/*width: 500px; margin: 0 0 5px 155px; padding-left: 2px;*/

#listProjecten,
#listzoekertjes { width: 100%; margin: -15px 0 22px 0; padding: 0 8px 0 30px; }
#listProjecten td,
#listzoekertjes td { padding: 4px; border-bottom: 0.083em solid #DDD; }
#listProjecten td img.hourglass,
#listzoekertjes td img.hourglass{ float: right; position: absolute; margin-top: -1px; }
#listProjecten td span,
#listzoekertjes td span { margin-left: 17px; }
#listProjecten tr:hover,
#listzoekertjes tr:hover { background-color: #f2f2f2; }


.info { clear: both; padding: 0.083em 0 0 0 ; }
.publicatie { padding: 15px 0; font-size: 14px; line-height: 18px; text-align: center; background-color: #ccdd51; color: #27444B; }

#formLogin { margin: 0 0 1.666em 0; }/*margin: 0 0 20px 0*/
#paswoordVergeten { margin-top: 20px; margin-left: 192px; margin-bottom: -10px; }

/*#editor1,
#editor2,
#editor3,
#editor4,
#editor5,
iframe { float: left; margin-right: 5px;}*/

input.datum { width: 35px; }

#disclaimerwrapper { margin: 0 0 0 177px; }

#inloggen { margin: 0 auto; width: 670px; padding-left: 100px; border-left: 1px /*dotted #666;*/solid #CCDD51; border-right: 1px /*dotted #666;*/ solid #CCDD51; border-bottom: 1px /*dotted #666;*/ solid #CCDD51;}
#registreren { margin: 0 auto; width: 670px; padding-left: 100px; padding-bottom: 10px; border-left: 1px /*dotted #666;*/ solid #CCDD51; border-right: 1px /*dotted #666;*/ solid #CCDD51;}
#input_page { background: #fff url(http://www.vierdepijler.be/images/bckgr_body.gif) repeat-x; font: 0.812em/1.384em 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif; color: #2a3704; } /*13px/18px*/

#menu { background-color: #CCDD51; }
#line { border-top: 1px dotted #666; }

.hourglass { float: right; position: absolute; margin-top: 1px; }
#listOrganisatie li span { margin-left: 16px; }

a.info { font-weight: bold; font-size: 14px; line-height: 1.5398em; }

/* footer
------------------------------------------------------------------*/
#footer { position: relative; /*width: 72.230em;*/ clear: both; margin: 0 auto; /*padding: 0 0 0.769em 2.615em;*/ background: #fff; }
#footer_home { clear: both; margin: 0; padding: 0.769em 0 0.769em 0; background: #fff; }
#footer p, #footer_home  p { font-size: 0.846em; float: left; width: auto; margin: 1.090em 0.909em 0 0; padding: 0; text-align: center; }

#footer p.initiatiefVan,
#footer p.samenwerking,
#footer_home p.initiatiefVan,
#footer_home p.samenwerking { float: left; width: auto; margin: 1.090em 3.84em 0 0; text-align: center; }
#footer p.samenwerking,
#footer_home p.samenwerking { margin: 1.090em 0 0 0; }
#footer p.initiatiefVan a img,
#footer p.samenwerking a img,
#footer_home p.initiatiefVan a img,
#footer_home p.samenwerking a img { float: none; }


#footer p.disclaimer { width: /*31.818em*/auto; margin: 1.090em 5.384em 0 0; }
#footer_home p.disclaimer { width: /*29.09em*/auto; margin: 1.090em 3.84em 0 0; }


#footer a, #footer_home a { font-size: 1em; font-weight: normal; color: #35555D; }
#footer a:hover, #footer a.sfhover, #footer_home a:hover, #footer_home a.sfhover { color: #000; }

#footer img.d49x35, #footer_home img.d49x35 { width: 4.45em; height: 3.18em; }
#footer img.d101x35, #footer_home img.d101x35 { width: 9.18em; height: 3.18em; }
#footer img.d58x25, #footer_home img.d81x35 { width: 7.36em; height: 3.18em; }

#footer .leftside { float: left; width: 56.153em; margin: 0; }
#footer .rightside { float: right; width: 179px; margin-right: 0; text-align: right; }
#footer .rightside p { float: none; margin-right: 0; text-align: right; }

#footer .naar_top { position: absolute; top: -23px; left: 942px;  width: 28px; margin: 0; padding: 0 0 0 10px; background: url(http://www.vierdepijler.be/images/footer_pijl_top.gif) 0 3px no-repeat; font-size: 0.769em; font-weight: bold; }

/* bottom
------------------------------------------------------------------*/
#bottom { background: #ccdd51; margin: 0 0 5px 0; height: 1.538em; }

/* Hacks
------------------------------------------------------------------*/

/*Safari & Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0){ .button_add { position: absolute; margin: 6px 0 0 580px; }}
@media screen and (-webkit-min-device-pixel-ratio:0){ #errors { width: 353px; }}

/*Opera*/
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ head~body .button_add{ position: absolute; margin: 6px 0 0 620px; }}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ head~body .button_save{ height: 1.461em; margin: 0 0 0 12px; padding: 10px 5px 10px 5px; font-size: 0.893em;  }}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ head~body .button{ padding: 10px 5px 10px 5px; }}
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){ head~body #errors{ margin-left: 190px; width: 320px; }}

/*IE7*/
*:first-child+html #nav li { padding: 0px; }
*:first-child+html #nav li.active { padding: 0px; }
*:first-child+html #nav li.logout {  }
*:first-child+html #nav li.logout span { display: inline-block; padding: 6px 0px; margin-top: -7px; }
*:first-child+html #nav li.logout a { padding: 6px 7px; margin-top: -7px; }

/*IE6*/
*html #nav li.active{ margin-top: -4px; margin-bottom: -10px; }
*html .infoGoedkeuring li { padding: 6px 0px 6px 0px; list-style-image: none; }

*html #nav li { padding: 0px; }
*html #nav li.active { padding: 0px; margin-top: 0px; margin-bottom: 0px; }
*html #nav li.logout {  }
*html #nav li.logout span { display: inline-block; padding: 6px 0px; margin-top: -7px; }
*html #nav li.logout a { padding: 6px 7px; margin-top: -7px; }