/*************************************************************
  
  author:         Miel Vandevelde (I-Folks)
  company:        sint-trudo.be
  version:        1.0

  created on:     28.11.2007
  last modified:  20.12.2007
  
  
  CONTENT
  -------
  01. PAGE STRUCTURE
  02. HEADING
  03. NAVIGATION
  04. CONTENT
  05. FOOTER
  06. VACATURES
  07. ECARDS
	
  typography specs use code behind parent ID or class: /*!T!*/
  
/************************************************************/



/*------------------------------------------------------------------
  @ IMPORTS
------------------------------------------------------------------*/

@import url(typography.css);



/*------------------------------------------------------------------
  @ COLORS
------------------------------------------------------------------*/

/*
logo blauw     #31395e
logo goud      #907a27
patient        #9ca50e
bezoeker       #0c7d8b
zorgverstekker #dd4504
*/


/*------------------------------------------------------------------
  01. PAGE STRUCTURE
------------------------------------------------------------------*/

body { background: #fff; }

/* These ID's will give a difference between links and backgrounds for different stylepages */
#container { }

/*------------------------------------------------------------------
  02. HEADING
------------------------------------------------------------------*/

#heading { display: none;}

/*------------------------------------------------------------------
  03. NAVIGATION
------------------------------------------------------------------*/
ul.sitemap li { font-weight: bold; }
ul.sitemap li ul li { font-weight: normal; }

#navigation { display: none; }

#main #navigation #mainnavigation           { display: none; }
#algemeen #navigation #mainnavigation       { display: none;}
#patient #navigation #mainnavigation        { display: none; }
#bezoeker #navigation #mainnavigation       { display: none; }
#zorgverstekker #navigation #mainnavigation { display: none; }
#contact #navigation #mainnavigation        { display: none; }
#werken #navigation #mainnavigation         { display: none; }
#navigation #subnavigation /*!T!*/ { display: none;}


/*------------------------------------------------------------------
  04. CONTENT
------------------------------------------------------------------*/

/* -BEGIN- this content is for 'index' and all the 'chapters' */
#content { }

/* content of the upper DIV */
#content #above { display: none; }

/* this is for 'content' spherephotos for different stylepages */
#main #content #above #spherephoto           { }
#algemeen #content #above #spherephoto       { }
#contact #content #above #spherephoto        { display: none;  }
#werken #content #above #spherephoto         { display: none;  }
#patient #content #above #spherephoto        { display: none;  }
#bezoeker #content #above #spherephoto       { display: none;  }
#zorgverstekker #content #above #spherephoto { display: none;  }

/* content of the down DIV */
#content #under { background: #fff; margin: 5px 0 0; padding: 5px 5px 0}
/* -END- content */


/* -BEGIN- this content is used for the 'index' page */
#content #above #calender           { float: left; padding: 22px 0 0 5px; width: 250px }
#content #above #calender img.titel { margin: 0 0 9px 20px }
#content #above #calender img.new   { margin: 0 0 -3px }

#content #under #patient /*!T!*/        { background: #9ca50e url(../img/bg_patient.jpg) right bottom no-repeat; float: left; height: 193px; padding: 20px 0 0 20px; width: 230px }
#content #under #bezoeker /*!T!*/       { background: #0c7d8b url(../img/bg_bezoeker.jpg) right bottom no-repeat; float: left; height: 193px; margin: 0 0 0 5px; padding: 20px 0 0 20px; width: 230px }
#content #under #zorgverstekker /*!T!*/ { background: #dd4504 url(../img/bg_zorgverstekker.jpg) right bottom no-repeat; float: left; height: 193px; margin: 0 0 0 5px; padding: 20px 0 0 20px; width: 230px }

#content #above #subnavigation /*!T!*/ { display: none; }
.breadcrumb { display: none; }
/* subnavigation appearance */

#content #under #structure /*!T!*/ { display: none; }
#content #under #text /*!T!*/ { float: right; padding: 0 15px 20px 20px; width: 470px }
#text table.map { width: 100% }
#text table.map td.numbers { padding: 2px 5px; width: 20px }
/* -END- content */


/* -BEGIN- this content is for all the subpages of every chapter */
#subcontent {}

#subcontent #subnavigation /*!T!*/ { display: none;  }

/* subnavigation appearance */
#main #subcontent #subnavigation           { display: none; }
#algemeen #subcontent #subnavigation       { display: none; }
#contact #subcontent #subnavigation        { display: none; }
#werken #subcontent #subnavigation         { display: none; }
#patient #subcontent #subnavigation        { display: none;  }
#bezoeker #subcontent #subnavigation       { display: none;  }
#zorgverstekker #subcontent #subnavigation { display: none;  }

#subcontent #text /*!T!*/ { background: #fff; float: right; min-height: 512px; height: auto !important;  }
/* min-height: 512px; height: auto !important; height: 512px; LATEN STAAN -> IE6 */

#subcontent #text .flash { margin: 0 0 0 -15px }

#subcontent #structure /*!T!*/ { display: none; }
/* -END- content */

#structure /*!T!*/ { display: none; }
#main #subcontent #structure #structure_photo,
#main #subcontent #under #structure_photo
        { margin-left: -15px; width: 250px; height: 112px; background: url(../img/structure_index.jpg) bottom right no-repeat }
#algemeen #subcontent #structure #structure_photo,
#algemeen #subcontent #under #structure_photo
        { margin-left: -15px; width: 250px; height: 112px; background: url(../img/structure_index.jpg) bottom right no-repeat }
#contact #subcontent #structure #structure_photo,
#contact #subcontent #under #structure_photo
        { margin-left: -15px; width: 250px; height: 112px; background: url(../img/structure_contact.jpg) bottom right no-repeat }
        
#werken #subcontent #structure #structure_photo,
#werken #subcontent #under #structure_photo
        { margin-left: -15px; width: 250px; height: 112px; background: url(../img/structure_werken.jpg) bottom right no-repeat }        
        
#patient #subcontent #structure #structure_photo,
#patient #subcontent #under #structure_photo
        { margin-left: -15px; width: 250px; height: 112px; background: url(../img/structure_patient.jpg) bottom right no-repeat }
#bezoeker #subcontent #structure #structure_photo,
#bezoeker #subcontent #under #structure_photo
        { margin-left: -15px; width: 250px; height: 112px; background: url(../img/structure_bezoeker.jpg) bottom right no-repeat }
#zorgverstekker #subcontent #structure #structure_photo,
#zorgverstekker #subcontent #under #structure_photo
        { margin-left: -15px; width: 250px; height: 112px; background: url(../img/structure_zorgverstekker.jpg) bottom right no-repeat }

/*------------------------------------------------------------------
  05. FOOTER
------------------------------------------------------------------*/

#footer { display: none;}
#info { display: none; }
/*------------------------------------------------------------------
  06. VACATURES
------------------------------------------------------------------*/

#text .functieomschrijving
{   color: #fff;
    background-color: #9CA50E;
    width: 95%;
    padding: 5px;
}

#text .overzichtvacatures th
{   font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
	font-weight: bold;
	color: #fff;
	background-color: #9CA50E;
	padding: 0.2em;  
}

#text .overzichtvacatures td
{   color: #31395E;
	border-bottom: solid 1px #9CA50E;
	padding: 0.3em 0.2em 0.3em 0.2em;
}

#text .overzichtvacatures td a, .overzichtvacatures td a:link, .overzichtvacatures td a:visited, .overzichtvacatures td a:hover, .overzichtvacatures td a:active
{   text-decoration: none;
    color: #31395E;
}

#text .detailvacatures th
{   font-weight: bold;
    padding: 0.3em 0.5em 0.3em 0.2em;
    text-align: right;
}

#text .detailvacatures td
{   padding: 0.3em 0.2em 0.3em 0.2em;
}

#text .detailvacatures .hoofding
{   border-bottom: solid 1px #9CA50E;
    text-align: center;
}

#text .detailvacatures ul
{   margin: 0em 0em 0em 1.4em;
    list-style-image: url(../img/li.gif);
}

#text .vacatures th
{   text-align: right;
    padding-right: 8px;
    vertical-align: top;
    padding-top: 1px;
    font-weight: normal;
}

#text .vacatures .inputgr
{   width: 350px;
    background-color: #eee;
    border: solid 1px #AFAEBE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

#text .vacatures .inputxkl
{   width: 30px;
    background-color: #eee;
    border: solid 1px #AFAEBE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

#text .vacatures .inputkl
{   width: 50px;
    background-color: #eee;
    border: solid 1px #AFAEBE;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.9em;
}

/*------------------------------------------------------------------
  06. RAADPLEGINGEN
------------------------------------------------------------------*/

#text p.vanatotz
{   color: #9ca50e;
    font-size: 1em;
    padding: 0 0 20px;
    text-transform: uppercase;
    text-align: center;
}

#text p.vanatotz a 
{   color: #9ca50e;
    text-decoration: none
}

#text p.vanatotz a:hover 
{   text-decoration: underline
}

#text table.opsommingdisciplines a
{   color: #000;
    text-decoration: none
}

#text table.opsommingdisciplines a:hover
{   color: #907a27;
    text-decoration: underline
}

#text ul.opsommingartsen li a
{   color: #000;
    text-decoration: none;
}

#text ul.opsommingartsen li a:hover
{   color: #9ca50e;
    text-decoration: underline;
}

#text .specialisatie
{   color: #9ca50e; 
    font-size: 1.2em;
}

#text .opmerking
{   font-size: 0.95em;
    text-align: center;
    font-style: italic;
}

#text .naaroverzicht
{   font-size: 0.95em;
    text-align: left;
    font-style: italic;
    padding-right: 5px;
    padding-bottom: 10px;
}


/* detail artsen */

#text table.detail_arts th
{   margin-left: 0px;
    margin-bottom: 2px;
    vertical-align: top;
}

#text table.detail_arts th .groenblokje
{   color: #fff;
    background-color: #9CA50E;
    padding: 2px 4px 2px 2px;
    margin-left: 0px;
    margin-bottom: 2px;
    font-size: 0.94em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    width: 110px;
    display: block;
}

#text table.detail_arts th.streepjeBoven
{   border-top: 1px solid #9ca50e;  
}

#text table.detail_arts td
{   padding: 2px 2px 2px 5px;
    font-size: 0.94em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    vertical-align: top;
}

#text table.detail_arts td.streepjeBoven
{   border-top: 1px solid #9ca50e;  
}

#text .tekst_klein
{   font-size: 0.8em;
}

/*------------------------------------------------------------------
  07. E-CARDS
------------------------------------------------------------------*/

table.ecards td 
{   text-align: center;
    padding: 2px;
}

table.ecards td img
{   border: solid 1px #000;
}

#text table.ecard_info, #text table.zoekarts_info
{   width: 100%;
}

#text table.ecard_info th, #text table.zoekarts_info th
{   vertical-align: top;
    font-weight: normal;
}

#text table.ecard_info td, #text table.zoekarts_info td
{   vertical-align: top;
}

#text table.ecard_info input, #text table.ecard_info textarea, #text table.ecard_info select.ecard_info, #text table.zoekarts_info input 
{   border: 1px solid #31395e; 
    width: 200px;
}

#text table.ecard_info a, #text table.zoekarts_info a
{   background-color: #907a27;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-x-position: 0%;
    background-y-position: 0%;
    color: #fff;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    text-decoration: none;
}