/*************************************************************
  
  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
  08. NIEUWS
	
  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: #b9b9b9 url(../img/bg.jpg) repeat-x }

/* These ID's will give a difference between links and backgrounds for different stylepages */
body #main           { }
body #algemeen       { }
body #patient        { }
body #bezoeker       { }
body #zorgverstekker { }
body #contact        { }
body #werken         { }

#container { background: #fff; margin: auto; width: 770px }



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

#heading { background: #fff; padding: 5px 5px 0 }

#heading h1   { float: left; margin: 0 0 0 20px }
#heading h1 a { background: url(../img/logo.jpg); display: block; height: 86px; width: 146px }

#heading #banner { background: url(../img/bg_banner.gif) no-repeat; float: right; height: 56px; margin: 20px 0 0; width: 505px }
#heading #banner img { float: left; height: 56px; width: 392px }
#heading #banner ul /*!T!*/ { float: right; width: 107px }


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

#navigation { background: #fff; padding: 5px 5px 0 }

#main #navigation #mainnavigation           { border-bottom: 1px solid #907a27; float: left; height: 20px; width: 255px }
#algemeen #navigation #mainnavigation       { float: left; height: 21px; width: 255px }
#patient #navigation #mainnavigation        { float: left; height: 21px; width: 255px }
#bezoeker #navigation #mainnavigation       { float: left; height: 21px; width: 255px }
#zorgverstekker #navigation #mainnavigation { float: left; height: 21px; width: 255px }
#contact #navigation #mainnavigation        { float: left; height: 21px; width: 255px }
#werken #navigation #mainnavigation         { float: left; height: 21px; width: 255px }
#navigation #mainnavigation ul    { float: right }
#navigation #mainnavigation ul li { float: left }

#navigation #subnavigation /*!T!*/ { background: #31395e; float: right; height: 21px; width: 505px }
#navigation #subnavigation ul      { float: right }
#navigation #subnavigation ul li   { float: left }



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

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

/* content of the upper DIV */
#content #above { background: #fff; padding: 0 5px 5px }

#content #above #spherephoto     { float: right; height: 227px; width: 505px }
#content #above #spherephoto img { height: 227px; width: 505px }

/* this is for 'content' spherephotos for different stylepages */
#main #content #above #spherephoto           { }
#algemeen #content #above #spherephoto       { }
#contact #content #above #spherephoto        { background: url(../img/spherephoto_contact.jpg) }
#werken #content #above #spherephoto         { background: url(../img/spherephoto_werken.jpg) }
#patient #content #above #spherephoto        { background: url(../img/spherephoto_patient.jpg) }
#bezoeker #content #above #spherephoto       { background: url(../img/spherephoto_bezoeker.jpg) }
#zorgverstekker #content #above #spherephoto { background: url(../img/spherephoto_zorgverstekker.jpg) }

/* 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; font-size: 11px; }
#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: 198px; padding: 15px 0 0 20px; width: 230px }
#content #under #bezoeker /*!T!*/       { background: #0c7d8b url(../img/bg_bezoeker.jpg) right bottom no-repeat; float: left; height: 198px; margin: 0 0 0 5px; padding: 15px 0 0 20px; width: 230px }
#content #under #zorgverstekker /*!T!*/ { background: #dd4504 url(../img/bg_zorgverstekker.jpg) right bottom no-repeat; float: left; height: 198px; margin: 0 0 0 5px; padding: 15px 0 0 20px; width: 230px }

#content #above #subnavigation /*!T!*/ { float: left; height: 215px; padding: 12px 0 0 20px; width: 230px }
#content #above #subnavigationnews /*!T!*/ { float: left; padding: 20px 0 0 20px; width: 230px }

/* subnavigation appearance */
#main #content #above #subnavigation /*!T!*/           { background: #fff; }
#algemeen #content #above #subnavigation /*!T!*/       { background: #D2D2D2; }
#contact #content #above #subnavigation /*!T!*/        { background: #D2D2D2; }
#werken #content #above #subnavigation /*!T!*/         { background: #D2D2D2; }
#patient #content #above #subnavigation /*!T!*/        { background: #9ca50e url(../img/bg_patient.jpg) right bottom no-repeat }
#bezoeker #content #above #subnavigation /*!T!*/       { background: #0c7d8b url(../img/bg_bezoeker.jpg) right bottom no-repeat }
#zorgverstekker #content #above #subnavigation /*!T!*/ { background: #dd4504 url(../img/bg_zorgverstekker.jpg) right bottom no-repeat }

#content #under #structure /*!T!*/ { float: left; padding: 20px 0 0 20px; width: 230px; }
#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!*/ { border: solid #fff; border-width: 0 0 5px 5px; float: left; height: 215px; padding: 12px 0 0 20px; width: 230px }

/* subnavigation appearance */
#main #subcontent #subnavigation           { background: #fff }
#algemeen #subcontent #subnavigation       { background: #D2D2D2 }
#contact #subcontent #subnavigation        { background: #D2D2D2 }
#werken #subcontent #subnavigation         { background: #D2D2D2 }
#patient #subcontent #subnavigation        { background: #9ca50e url(../img/bg_patient.jpg) right bottom no-repeat }
#bezoeker #subcontent #subnavigation       { background: #0c7d8b url(../img/bg_bezoeker.jpg) right bottom no-repeat }
#zorgverstekker #subcontent #subnavigation { background: #dd4504 url(../img/bg_zorgverstekker.jpg) right bottom no-repeat }

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

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

#subcontent #structure /*!T!*/ { background: #fff; float: left; min-height: 250px; padding: 10px 0 30px 20px; width: 235px; border-top: 5px solid #8A8B85; }
#subcontent #structure input, #subcontent #under input    { border: 1px solid #31395e; margin: 0 0 0 10px; width: 165px }
/* -END- content */

#structure /*!T!*/ { background: #fff; float: left; min-height: 130px; margin: 5px 0 0; padding: 0px 120px 30px 20px; width: 235px }
#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 { background: #fff; padding: 5px 5px 0px 0px; margin-left: 5px; }

#footer #search                        { float: left; height: 24px; padding: 3px 0px 2px 5px; width: 245px }
#footer #search td input.breedeinput   { border: 1px solid #6c5701; padding-left: 5px; height: 14px; width: 107px }
#footer #search td input.imageinput    { border: 1px solid #907a27; height: 14px; width: 14px;}

/*#footer #search img                         { margin: 0px 0px 0px }*/

/* background color for different stylepages */
#main #footer #search           { background: #907a27 }
#algemeen #footer #search       { background: #907a27 }
#contact #footer #search        { background: #907a27 }
#werken #footer #search         { background: #907a27 }
#patient #footer #search        { background: #9ca50e }
#bezoeker #footer #search       { background: #0c7d8b }
#zorgverstekker #footer #search { background: #dd4504 }

#footer #info /*!T!*/ { background: #31395e; float: right; height: 23px; padding: 6px 5px 0; text-align: right; width: 495px }

/*------------------------------------------------------------------
  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: #907A27;
	padding: 0.2em;  
}

#text .overzichtvacatures td
{   color: #31395E;
	border-bottom: solid 1px #907A27;
	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;
    vertical-align: top;
}

#text .detailvacatures td
{   padding: 0.3em 0.2em 0.3em 0.2em;
    vertical-align: top;
}

#text .detailvacatures .hoofding
{   border-bottom: solid 1px #907A27;
    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: 340px;
    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;
}

/*------------------------------------------------------------------
 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: #31395e;
    text-decoration: none
}

#text table.opsommingdisciplines a:hover
{   color: #31395e;
    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;
}

/*------------------------------------------------------------------
  08. NIEUWS        
------------------------------------------------------------------*/

.fotonieuws
{   text-align: center;
}

.fotonieuws img
{   text-align: center;
}

.nieuwsdatum
{
    font-style: italic;
    font-weight: bold;
    color: #907a27;
}

/*------------------------------------------------------------------
  09. ZOEKEN
------------------------------------------------------------------*/

.tekst a
{   color: Red;
    text-decoration: underline;
}


/*------------------------------------------------------------------
  09. ZOEKEN
------------------------------------------------------------------*/

#text .iframestipa
{   border: solid 0px #FFFFFF;
}