BODY, TD {  
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #808080;
}

BODY {
    background-color: #b2b2b2;
}

FORM {
    padding:0; margin:0;
}

/*
HR {
    border: 1px solid #666; color:#999999;
}*/

P {
    margin: 1em 0;
}


#pageHolder {
    margin: 0 auto;
    text-align:left;
    width: 791px;
    background-color:#006699;
    margin-top: 20px;
    /*padding: 10px 10px 0 10px;*/
    background: #275b8d url(../img/n_bg.jpg) bottom repeat-y;
}

#page {
    /*background-color:#FFFFFF;*/
    margin: 0px;
}

#titlebar {
    background-image:url(../img/top_bg.gif);
    height: 32px;
}

#footer {
    clear:both;
    background-color:#006699;
    color: #FFFFFF;
    font-weight: bold;
    padding: 6px 0;
    height:1%;
    margin: 0 10px;
    background-image:url(../img/n_footer.jpg);
} 

#footer:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
* html .footer  { height:1%; margin-bottom: 0.1em;  }

#footer a { 
    text-decoration:none;
    color:#FFFFFF;
}

#footer a:hover {
    text-decoration:underline;
    color:#FFFFFF;
}

#content {
    display:block;
    background-color: #FFFFFF;
    height:1%;
    margin: 0 10px;
}

#content:after { content:'.'; display:block; height:0; clear:both; visibility:hidden;  }
* html .content  { height:1%; margin-bottom: 0.1em; }

#leftCol {
    width:480px;
    margin: 10px 0 10px 10px;
    display:inline;
    float:left; /* background-color:#FFFF66; */
}

#leftCol.small {
    width:225px;
    /* background-color:#FFFF66;
     height:400px; */
}

#leftCol A.mapThumb {
    border: none;
    font-weight: bold;
    color: #006699;
}

#leftCol A.mapThumb:hover {
    text-decoration: none;
}

#leftCol A.mapThumb IMG {
    border: 2px solid #006699;
    margin-bottom: 0.5em;
}

#leftCol DIV.mapThumb {
    border: 2px solid #006699;
}



#rightCol {
    padding: 16px 10px 26px 10px;
    display:inline;
    float:right;
    background-color: #F2f4f7;
    width:505px;
    /*background-image:url(../img/content_corner.gif);*/
    background-position:left bottom;
    background-repeat:no-repeat;
    /*margin-bottom: 2em;*/
}

#rightCol.small {
    width:250px;
}

#rightCol a {
    background-image:url(../img/blue-small.png);
    background-position:left top;
    background-repeat:no-repeat;
    padding-left: 23px;
    color: #003399;
    text-decoration:none;
    font-weight: bold;
    display:block;
    line-height: 17px;
    margin-bottom:3px;
    
}

#rightCol a:hover {
    /*background-image:url(../img/arrow_over_right.gif);*/
    text-decoration:underline;
    font-weight: bold;
}

h3 {
    font-weight:bold;
    font-size:12px;
    color: #006699;
    padding: 0; margin: 0 0 0.5em 0;
}

#rightCol strong {
    font-weight:bold;
    color: #003399;
}

#thumbList {
    float: right;
    /* margin: 0 0 10px 20px; border:1px solid red; */
}

ul#thumbList  { color: #FFFFFF; margin: 0 0 0 2em; padding: 0; /* border:1px solid red; */ }
ul#thumbList li { width: 120px; height:auto; margin:0; padding: 2px 0 0 0; margin-bottom: 10px; background-color:#CCCCCC; /* border:2px solid #FF9999; */ list-style:none; text-align: center; }
ul#thumbList li a {
        background-image:none;
        padding: 0; margin: 0;
}

ul#thumbList li a IMG {
    border: none;
}


.left {
    float:left;
}

.right {
    float:right;
}

IMG.errorIcon {
    margin-left: 6px;
}

.error {
    background-color:#FFCCCC;
}

.normal {
    background-color:#FFF;
}

.label {
    font-weight: bold;
    line-height: 20px;
}

INPUT, TEXTAREA, SELECT {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #333;
}

INPUT.button {
    background-color:#B1C800;
    color: #003399;
    font-size: 11px;
    font-weight:bold;
    cursor:pointer;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    height:25px;
    line-height:25px;
    border:1px solid #CCC;
}

INPUT.standardWidth, TEXTAREA.standardWidth, SELECT.standardWidth {
    width: 200px;
}

INPUT.inactive {
    color: grey;
}

INPUT.active {
    color: black;
}





/* GOOGLEMAP SETTING */

#gmap {
    width: 482px;
    height: 403px;
    overflow:hidden;
    border: 1px solid #841E00;
}

/*
#gmap.home {
    height: 403px;
}
*/

/*
#gmap div.mapInfo {
    color: #666;
}

#gmap div.mapInfo H3 {
    font-weight:bold;
    font-size:12px;
    color: #006699;
    padding: 0; margin: 0 0 0.5em 0;
}

#gmap div.mapInfo .imgHolder {
    background-color:#CCCCCC;
    float: left;
    border:1px solid #006699;
    width:60px; height:60px;
    margin: 4px 1em 0 4px;
    text-align: center;
}
*/
 /*
#gmap DIV.gmnoprint DIV {
    border:1px solid red;
     padding: 0; margin: 0;
     background-color: #66FFCC; 
     height:auto;
}*/


#gmap DIV.mapInfo {
    margin: 0; padding: 0;
    width: 200px;
    color: #666;
    /*background-color:#FFFFCC; debug color */
}

#gmap DIV.mapInfo:after { content:'.'; display:block; height:0; clear:both; visibility:hidden;  }
* html #gmap DIV.mapInfo  { height:auto; margin-bottom: 0.1em; }

#gmap DIV.mapInfo img {
    background-color:#EFEFEF;
    width:60px; height:60px;
}

/*
#gmap DIV.mapInfo H3 {
    font-weight:bold;
    font-size:12px;
    color: #006699;
    padding: 0; margin: 0 0 0.5em 0;
}

#gmap DIV.mapInfo H3 A {
    text-decoration:none;
    color: #006699;
}  */

/* changed to p.infotitle because IE didnt like my H3 tags (added extra linespace below DIV.mapInfo */

#gmap DIV.mapInfo p.infotitle {
    font-weight:bold;
    font-size:12px;
    color: #006699;
    padding: 0; margin: 0 0 0.5em 0;
}

#gmap DIV.mapInfo p.infotitle A {
    text-decoration:none;
    color: #006699;
}

#gmap DIV.mapInfo strong {
    font-weight:bold;
    color: #8A1D03;
}

#leftCol.small #gmap {
    width: 225px;
    height: 225px;
}

#infoButtonHolder {
    margin: 1em 0 0 0;
    text-align: right;
    /* border:1px solid red; */
}

#infoButtonHolder:after { content:'.'; display:block; height:0; clear:both; visibility:hidden;  }
* html #infoButtonHolder  { height:auto; margin-bottom: 0.1em; }

#gmap DIV.mapInfo #infoButtonHolder a.button {
    /* float:right; */
    background-color:#006699; text-decoration: none;
    font-weight: bold;
    padding:2px; margin: 2px; color: #fff;
} 

#gmap DIV.mapInfo #infoButtonHolder a.button {
    display:inline-block;
    background-color:#003399;
    color: #FFF;
    font-size: 11px;
    font-weight:bold;
    cursor:pointer;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    height:25px;
    line-height:25px;
    border:1px solid #CCC;
    white-space:nowrap;
    float:left;
}

#loadHolder {
    position:relative;
}

#loadMessage {
    padding: 8px 6px;
    position:absolute;
    width: 160px; height:auto;
    left: 170px; top: -230px;
    background-color: #999;
    border: 1px solid #666666;
    text-align: center;
    color: #FFFFFF;
    font-weight:bold;
    font-size: 12px;
    z-index: 1;
} 

#loadMessage:after { content:'.'; display:block; height:0; clear:both; visibility:hidden;  }
* html #loadMessage  { height:1%; margin-bottom: 0.1em; }

.visible {  
    /* visibility:visible; */
    display:block;
}

.hidden {
    /* visibility:hidden;*/
    display:none;
}


/******************
   ADMIN STUFF
*******************/

.errorList {
    border: 1px solid red;
    background-color:#FFCCCC;
    padding: 1em;
    margin: 1em 0;
}

.errorList P {
    padding: 0; margin: 0 0 .25em 0;
}

.errorList UL {
    padding: 0; margin: 0;
    /* list-style: decimal; */
}

.errorList LI {
    margin-left: 1.5em;
    color: #333;
}

.adminBox {
    border: 1px solid #FF9966;
    background-color:#FFFFCC;
    padding: 10px;
    display:block;
}

.adminBox H3 {
    padding: 0; margin: 0;
    font-size:14px; color: #333;
}

/* TABS for edit page NL/FR */
#tabHolder {
    display:block;
    border:1px solid #FFFFFF;
    height: auto;
    margin-top: 1em;
}
#tabNL, #tabFR {
    display:block;
    position:relative;
    top: 3px;
    float: left;
    padding:4px 8px 2px 8px;
    background-color:#F3E8E6;
    border:1px solid #666;
    border-bottom:none;
    cursor: pointer;
    color:#666666;
}
#tabNL {
    margin-left: 1em;
}

#tabNL.selected, #tabFR.selected {
    top: 1px; color:#000000;
    padding: 4px 8px;
    background-color:#fff;
}                   
#languageHolder, #adressHolder {
    clear:both;
    display:block;
    padding:8px 10px;
    border:1px solid #666;
    background-color:#FFFFFF;                       
}



/*WILLEM 15JAN08*/
#common_header {
    height: 96px;
    background: url('../img/c_top.jpg') no-repeat; 
}


#header{
    height: 116px;
}


#top{
    height: 74px;
}
#top span{
     padding-top: 10px;
     padding-left: 20px;
     display: block;
}
#top a{
     text-indent: -9999px;
     display: block;
     width: 135px;
     height: 50px;
}
#tbar{
height: 22px;
color: white;
font-size: 11px;
line-height: 22px;
padding-left: 22px;
padding-right: 39px;
margin-top: -15px;
}
#tbar a{
    margin-right:5px;
      color: white;
      text-decoration: none;
}
#tbar a:hover{
      text-decoration: underline;
}
#taalkeuze{

  margin: 0px;
}

#taalkeuze #content{
height: 450px;
background: white url(../img/n_lang.jpg) bottom no-repeat;
}
#nl_link, #fr_link{
width: 215px;
height: 101px;
display: block;
margin-top: 184px;
margin-left: 40px;
padding: 10px 5px 5px 5px;
float: left;
text-decoration: none;

}

#nl_link {
    background: #FFFFFF url(../img/lnk_nl.jpg) no-repeat;
}
#nl_link span, #fr_link span{
visibility: visible;
color: #003498;
font-size: 12px;
font-weight: bold;
}
#fr_link{
margin-left: 0px;
margin-right: 40px;
background: #FFF url(../img/lnk_fr.jpg) no-repeat;
float:right;
}



/** Brecht Cloetens **/
h3.blue {
	color:#003399;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

#tbar .green {
    color: #B1c800 !important;
}