@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
  /* Your styles here */
  
  /* 
     Background colour of the main page content area: #f6f2de; changed into #fde3e0.
     Colour of the top navigation menu: #dddddd.
  */

  /* Overrides from fileadmin/css/01_layouts_basics/css/screen/basemod.css */
  #header {height:120px; color:#fff; background:#98ADC3;}
  #main {background:#fde3e0;padding:0 0;}
  #footer {
    color:#999; 
    background:#fde3e0;
    font-size:80%;
  }
  #header #topnav { color:#DDDDDD; }
  /* LSLS: To limit the line width in 2-column layout. */
  #page_margins { max-width: 940px; }
  /* LSLS: Make background colour explicit, otherwise it will be white in 2-column layout. */
  #page {
    background:#C8DDF3 none repeat scroll 0 0;
    border:10px solid #C8DDF3;
  }
  /* LSLS: Make left margin explicit, otherwise it will be 20px in 2-column layout. */
  #nav ul { margin-left:0; }

  /* Overrides from fileadmin/css/01_layouts_basics/css/screen/content.css */
  body {
    font-family:Verdana, Helvetica, Arial, sans-serif;
    /* LSLS note: font-size does not influence the font size of the main text!? */
  }
  h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.2em; }
  h1 {font-size:150%}                        /* 18px */
  h2 {font-size:133.33%; color:#182E7A}      /* 16px */
  h3 {font-size:116.67%}                     /* 14px */
  h4 {font-size:105%}
  h5 {font-size:105%}
  h6 {font-size:105%; font-style:italic}

  #footer a {color:#bbb; background:transparent; font-weight:bold;}
  #topnav a { color:#DDDDDD; }

  .news-list-morelink {padding:1px; border:1px solid #ccd; background:#f0f0f4; text-align:center; clear: both;}
  .news-list-item img {padding-right:1em; padding-top:0.5em; padding-bottom:0.5em; float:left;}
  .news-single-item h3 {margin-bottom:1em; margin-top:1em; color:#000; padding:0.5em; background:#fde3e0; border-left:8px #E0E7F5 solid; font-size:110%;}
  .news-single-img p { background-color: #e0e7e5; font-size: 0.9em; font-style: italic; text-align: center; margin: 0px 0 10px 0; }
  .news-single-img img { padding: 3px 0; }
  
  .news-latest-item h3 { padding-top:0; margin-top:0; font-size: 100%; }
  .news-latest-item h3 a { text-decoration:none; }
  .news-latest-item h3 a:hover { background:transparent; text-decoration:underline; }
  .news-latest-item p { font-size: 80%; line-height: 1em; margin: 0 0 1em 1em; }
  .news-latest-item img { margin: 0 0 1em 1em; }
  .news-latest-item .news-latest-date a { font-size: 80%; }
  .news-latest-item { border-top:2px solid #DDDDDD; margin-top: 0.5em; }
  .news-latest-morelink { font-size: 80%; clear: both; }
  
  .news-list-item h3 { padding-top:0; margin-top:0; font-size: 110%; }
  .news-list-item h3 a { text-decoration:none; }
  .news-list-item h3 a:hover { background:transparent; text-decoration:underline; }
  .news-list-item h3 span.news-list-date { color:#aaa; font-weight:normal; font-size:0.8em; }
  
  .news-list-browse { margin: 10px 0; text-align: center; }
  .news-list-browse .browseLinksWrap * { padding: 0 3px; }

  /* Overrides from fileadmin/css/01_layouts_basics/css/navigation/nav_vlist.css */
  #submenu li#title {
    background-color: #fde3e0;
  }
  #submenu li a { width: 90%; padding-left: 10%; background-color:#fde3e0; color: #444; }
  #submenu li ul li a { background-color:#fde3e0; color: #666; }
  #submenu li ul li ul li a { background-color:#fde3e0; color: #888; }
  #submenu li ul li ul li ul li a { background-color:#fde3e0; color: #aaa; }
  #submenu { border-bottom:2px solid #DDDDDD; }

  /* My own styles. */
  div#col3 {
    /* LSLS: background image in middle column. */
    background-image: url(../user_upload/template/st_ursula_begijnhof_lichtroze.png);
    background-repeat: repeat-y;
  }
  
  /* LSLS: Smaller headings in the side columns. */
  #col1_content h1, #col2_content h1 { font-size:116.67%; }
  #col1_content h2, #col2_content h2 { font-size:105%; }
  
  /* LSLS: For better alignment in indexed_search dialog. */
  select { margin-left: 1em; }

  /* LSLS: Layout of the cal list view on the home page. */
  .tx-cal-controller dl {
    line-height: 1em;
    margin:0 0 1em 0;
  }
  .tx-cal-controller dt {
    margin-top: 0.5em;
    border-top: 2px solid #DDDDDD;
    margin-bottom: 0.2em;
  }
  .tx-cal-controller dt.even {
    background-color: transparent;
  }
  .tx-cal-controller .cal_dates {
    font-size: 80%;
  }
  .tx-cal-controller dd {
    margin:0 0 1em 0;
  }
  .tx-cal-controller br {
    line-height: 0.5em;
  }
  .tx-cal-controller dd div.cal_teaser {
    margin: 0 0 1em 1em;
    font-size: 80%;
  }
  /* LSLS; layout of more link equivalent to .news-latest-morelink. */
  .tx-cal-controller dd div.cal_morelink {
    background: #F0F0F4 none repeat scroll 0 0;
    border: 1px solid #CCCCDD;
    padding: 1px;
    text-align: center;
    font-size: 80%;
  }
    
  /* LSLS: Layout of the cal event view (equivalent to .news-single-item h3). */
  .tx-cal-controller h3#teaser {
    margin-bottom:1em; 
    margin-top:1em; 
    color:#000; 
    padding:0.5em;
    background:#fde3e0; 
    border-left:8px #E0E7F5 solid; 
    font-size:110%;
  }
  .tx-cal-controller #calendar-event table.contenttable {
    margin-top: 1em;
  }
  .tx-cal-controller #calendar-event table.contenttable td:first-child {
    font-weight: bold;
    width: 10em;
  }
  .tx-cal-controller td#legend {
    visibility: hidden;
  }
  /* LSLS: Suppress border from list layout in single layout. */
  .tx-cal-controller .csc-textpic-imagewrap dt {
    margin-top: 0.5em;
    border-top: 0px;
    margin-bottom: 0.2em;
  }
  /* LSLS 20100115: Month view. */
  .tx-cal-controller #month-header { width: auto; }
  .tx-cal-controller #month-header-date { vertical-align: 60%; }
  .tx-cal-controller .month-large { margin-left: 1px; }
  .tx-cal-controller .month-large .day { width: 110px; }
  
  /* LSLS: Layout for gallery plugin. */
  .jdGallery .slideElement { background-color: #fde3e0; }
  .jdGallery a.carouselBtn { background-color: transparent; color: black; }
  .myGallery { border-style: none; }
  
  /* LSLS 20090410: Extra classes for text alignment of <p> elements.
     These classes were originally suppressed by the RTE, but are
     allowed now through the TSconfig of the root page
  */
  p.align-left { text-align: left; }
  p.align-center { text-align: center; }
  p.align-right { text-align: right; }
  p.align-justify { text-align: justify; }
  
  /* LSLS 20090716: Layout for irfaq plugin. */
  .tx-irfaq-pi1 ul.tx-irfaq-questions-list {
    margin-top: 10px;
  }

  /* LSLS 20090902: Layout for flvplayer2 plugin. */
  .tx-flvplayer2-pi1 {
    margin-top: 10px;
    margin-bottom: 10px; 
  }

  /* LSLS 20091004: Images before links. */  
  a.mail {
    padding: 3px 0 0 20px;
    background: transparent url(../img/icons/mail.gif) no-repeat center left;
  }
  a.internal-link {
    padding: 0 0 0 10px;
    background: transparent url(../img/icons/internal_link.gif) no-repeat center left;
  }
  a.internal-link-new-window {
    padding: 0 0 0 15px;
    background: transparent url(../img/icons/internal_link_new_window.gif) no-repeat center left;
  }
  a.external-link {
    padding: 0 0 0 10px;
    background: transparent url(../img/icons/external_link.gif) no-repeat center left;
  }
  a.external-link-new-window {
    padding: 0 0 0 15px;
    background: transparent url(../img/icons/external_link_new_window.gif) no-repeat center left;
  }
  
  /* LSLS 20091210: Suppress link images in left column for internal links. */
  #col1_content a.internal-link, #col1_content a.internal-link-new-window {
    background: transparent no-repeat center left;
    padding-left: 0;
  }

  /* LSLS 20100124: Light background in case of transparent images. */
  #shadowbox_body_inner {
    background-color: #FDE3E0;
  }
  
  /* LSLS 20101011: Layout of mail/input forms. */
  fieldset.csc-mailform .csc-mailform-field label {
    width: 20em;
    text-align: left;
  }
  
  /* LSLS 20101212: Accentuering van teksten. */
  .accent {
    color: red;
    font-weight: bold;
  }

} /* End of @media all. */