/**
 * Last Modified: 2012.02.10
 */

/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size:100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:75.00%;
    color:#444;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    color:#666666;
    margin:0 0 0.25em 0;
  }

  h1 { font-size:230.769%; margin-bottom:36px; }                  /* 30px */
  h2 { font-size:175%; margin-bottom:15px; }                      /* 23px */
  h3 { font-size:144.565%; margin-bottom:10px; }                  /* 19px - was 133.33% */
  h4 { font-size:116.67%; margin-bottom:5px; }                    /* 15px */
  h5 { font-size:100%; margin-bottom:5px; }                       
  h6 { font-size:100%; margin-bottom:5px; }                       

    h1.portaltitle {
        font-size:323.077%;                                       /* 42px */
        margin: 0px 0 37px 0;
        line-height: 0.8em;
    }
    
    h2.h3like {
        font-size:144.565%; /* was 133.33% */ 
        margin-bottom:10px;
    }
    
    h3.h4like {
        font-size:116.67%; 
        margin-bottom:5px;
    }
    
    h3.h5like {
        font-size:100%;
        font-weight: bold;
        margin-bottom:5px;
    }
    
    h3.boxtitle {
        margin-top:8px;
        margin-bottom:9px;
    }
    
    h1 + h2 {
        margin-top: -1em;
        margin-bottom: 1.5em;
    }
    
    
    #flyout h1 { font-size:230.769%; margin-bottom:26px;}            /* 40px */
    
    .tabcontent h2,
    .tabcontent h3 {
        clear:both;
    }
    
    
  /* visualize tab focus
  *:focus {
      background:#004985 !important;
      color: white !important;
      border-color: white !important;
  }
  */
  
  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height: 1.5em; margin:0.8em 0 1em 36px; }
  ul { list-style-type:square; }
  ul ul { list-style-type:square; margin-bottom:0; margin-top:0; }
  ul.accordlist ul {margin-bottom: 13px; }
  ul.accordlist ul ul {margin-bottom: 0; }
  
  #main ul,
  #main ul ul {
      list-style-type: none;
      margin-left: 0;
  }
  
  #main ul li {
      padding-left: 39px;
      background-image: url(../img/bulletPoint.png);
      background-repeat: no-repeat;
      background-position: 24px 7px;
      margin-left: 10px;
      display: table;
  }
  
  #main ul ol li,
  .ie7 #main ul ol li {
      padding-left: 0px;
      background: none;
      margin-left: 10px;
      list-style-type: decimal;
      display: list-item;
      vertical-align: top;
  }
  
  .ie7 #main ul li {
      zoom: 1;
      background-position: 24px 9px;
  }
  
  .ie7 #main ul li .accordcontent ol li {
       zoom: normal !important;
  }
  
  .ie7 #main ul li {
      display: table;
  }
  
  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  header li, .foteaser li, #flyoutcontent .foteaser li  { line-height:2.2em; }
  #flyoutcontent li { line-height: 1.5em; }
  li { margin-left:1em; line-height: 1.5em; }

  dt { font-weight:bold; }
  dd { margin:0 0 1.5em 0.8em; }

  dl.verticallayout { margin: 0 0 0 0; }
  dl.verticallayout dd { margin-left: 0; margin-bottom: 0; }
  dl.verticallayout dt { margin-top: 1.5em; }
  dl.verticallayout dt:first-child { margin: 0; }
  
  dl.openingtimes { margin: 0 0 1em 0; }
  dl.openingtimes dt { margin: 0; width: 12em; font-weight: normal; float: left; }
  dl.openingtimes dd { margin: 0; }
    
  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height:1.5em; margin:0 0 1em 0; }

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  cite,
  blockquote,
  body blockquote {
      display: block;
      margin: 0 0 1em 0;
      line-height: 1.5em; 
      padding-left: 1.5em;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }

  strong,b { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }
 
  #main p acronym,
  #main p abbr,
  #main li acronym,
  #main li abbr,
  #main td acronym,
  #main td abbr {
    font-variant: normal;
    letter-spacing: normal;
    background-color: #E5F4FC;
  }
  
  sub { vertical-align: sub; font-size: smaller; }
  sup { vertical-align: super; font-size: smaller; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:#007cc7; background:transparent; text-decoration:none; }
  a:visited  { color:#007cc7; }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:hover, a:focus { color:#004985; text-decoration:underline; outline: 0 none; }
  a:active { color:#002543; text-decoration:underline; outline: 0 none; }

    
  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color:#c30; }
  .dimmed { color:#888; }

  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

  .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
  .center { display:block; text-align:center; margin:0.5em auto; }
  
  .underline { border-bottom: 1px dotted #007CC7; }
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */




 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left:12px;
    background-image:url("your_image.gif");
    background-repeat:no-repeat;
    background-position:0 0.45em;
  }
  */

    .page {
        font-size: 108.3%;
    }
    
/********************************************************************************* Picture slider */
    #picslider {
        padding-top: 3px;
         border-top: 1px dotted #8e4e00;
         color: #496575;
         position: relative;
    }
    #picslider .picsliderimage {
         float: right;
         position: relative;
         height:299px;
    }
    #picslider .picsliderimage .picturecopy,
    .specialheadercopy {
       background-color: #ffffff;
       color: #000000;
       filter:alpha(opacity=70);
       -moz-opacity:0.7;
       -khtml-opacity: 0.7;
       opacity: 0.7;
       
       position: absolute;
       bottom: 0;
       left:0;
       width: 390px;
       height: 1.8em;
       line-height:1.8em;
       padding: 0 0 0 7px; 
       font-size: 0.846em;
    }
    
    #picslider .picsliderlegend {
         float: left;
         width: 235px;
         height: 280px;
    }
    #picslider .picsliderlegend.selected {
       cursor:pointer;
       /*cursor:hand;*/
   }
    #picslider .picsliderlegend .picsliderlegendtitle {
         padding: 12px 0 0 0; 
         font-size: 1.23em;
         color: #8e4e00;
    }
    
    #main #picslider #picsliderbuttons,
    #picslider #picsliderbuttons {
        font-size: 0.846em;
        margin:0px;
        list-style: none outside none;
        font-weight: normal;
        position: absolute;
        top: 281px;
        left: 163px;
    }
    
    #main #picslider #picsliderbuttons li,
    #picslider #picsliderbuttons li {
        float: left;
        margin: 0px;
        background-image: none;
        padding-left: 0px;
        
    }
    #picslider #picsliderbuttons .picsliderbutton {
         height: 1.7em;
         background-color: #8e4e00;
         border: none;
         color: white;
         padding: 0.2em 0.5em;
         margin-left: 1px;
         text-align: center;
         line-height: 1.7em;
    }
    #picslider #picsliderbuttons .picsliderbutton.selected {
         background-color: #fbf9f7;
         color: #8e4e00;
         font-weight: bold;
    }
    #picslider .more {
        display: block;
        height: 20px;
        margin: 7px 0 0 0;
        background:url(../img/bg_sprite_vertical.png) right -396px no-repeat;
        text-indent:-9999px;
    }
    #picslider .more:hover,
    #picslider .more:focus {
        background-position: right -496px;
    }   
    
    #picslider .hide {
       display: none;
    }
    
/********************************************************************************* Teaser simple */ 
    .teaser {
         margin-bottom: 12px;
         color: #3c3c3c;
    } 
    .teaser .title {
         border-bottom: 1px dotted #0065a2;
         font-size: 1.23em;
         color: #0065a2;
         margin-bottom: 3px;
         padding-bottom: 4px;
    }
    
    .teaser.wide .title {
         border-bottom: none;
    }
    
    
    .teaser.wide p img {
         margin-bottom: 6px;
    }
    
    .teaser.contact .title {
        border-bottom: 0;
        margin-bottom: 0;
    }
    
    .teaser.contact .mapfallback {
        height: 155px;
        width: 207px;
        background:url(../img/map_fallback.png);
    }
    
    .teaser.languages .title {
        left: -32768px;
        position: absolute;
        top: -32768px;
    }
    
	
	.teaser .more,
	.teaser a.more,
	.ie7 .teaser .more,
	.ie7 .teaser a.more {
	    display: block;
	    height: 21px;
	    margin: -1em 0 0 0;
	    background:url(../img/bg_sprite_vertical.png) right -196px no-repeat;
	    text-indent:-9999px;
	}
    .selected .more {
        background-position: right -296px;
    }   
    
    .teaser.portal {
       padding: 3px 9px;
       background-color: #E5F4FC;
       min-height: 8.2em;
    }
    .teaser.portal.selected {
       background-color: #ffffff;
       cursor:pointer;
       /*cursor:hand;*/
    }
    
    .teaser.dep {
       padding: 3px 9px;
       min-height: 11.2em;
    }
    .teaser.depportal {
       padding: 3px 9px;
       background-color: #E5F4FC;
       min-height: 11.2em;
    }
    .teaser.dep.selected,
    .teaser.depportal.selected {
       background-color: #fff8f8;
       cursor:pointer;
       /*cursor:hand;*/
    }
    
    .teaser .copy {
        color: #888888;
        font-size: 76.923%;
        padding-bottom: 9px;
        display:block;
    }
   .teaser.portalcontent {
         background-color: #fbf9f7; 
         padding: 9px;
         margin-bottom: 12px;
         color: #3c3c3c;
         min-height: 18em;
    }
    
    .teaser.portalcontent.specialteaser {
         overflow: auto;
    }
    
    .contentcol .c66l .teaser {
         margin-right: 5px;
         min-height: 0;
    }
    
    .contentcol .c66l .teaser img {
        float: left;
        margin-right: 10px;
    }
    
    .contentcol .c66l .teaser h3 {
        padding-top: 0px;
    }
    
    .contentcol .c66l .teaser .cat {
        border-bottom: none;
    }
    
    .teaser.portalcontent.selected {
       background-color:#f3ede5;
       cursor:pointer;
       /*cursor:hand;*/
   }
    .teaser .cat {
         padding-bottom:6px; 
         font-size:0.769em;
         line-height:0.769em;
         color:#79838d;
         text-transform:uppercase;
         margin:0;
         border-bottom:1px dotted rgb(142,87,0);
    }
    .teaser.portalcontent .title {
         color: #8e4e00;
         border-bottom: none;
         padding-top: 9px;
          
    }
    .teaser.portalcontent img {
         margin-top: -1px;
    }   
    .teaser.portalcontent .more,
    .ie7 .teaser.portalcontent .more {
        background:url(../img/bg_sprite_vertical.png) right -396px no-repeat;
        height: 14px;
    }
    
    .teaser.news .item {
         padding: 5px 0;
         border-bottom: 1px dotted #8e4e00;
    }
    .teaser.news .cat {
         border-bottom: 1px dotted #8E4E00;
    }
    .teaser.news .item.selected {
        background-color: #f3ede5;
        cursor:pointer;
        /*cursor:hand;*/
    }
    
     .teaser.news .item 
     {
        padding-bottom: 0px;
     }
    
    .teaser.news .item .timedep {
         font-size: 0.83em;
         color: #79838d;
    }
    .teaser.news .item .title {
         padding: 5px 0 0 0;
         margin-bottom: 0px; 
         font-size: 1.23em;
         color: #8e4e00;
         border-bottom: none;
    }
    .teaser.news .moreitems {
         float: right;
         padding: 10px 0 20px 0;
    }
    .teaser.news .moreitems.selected {
        background-color: #f3ede5;
        cursor:pointer;
        /*cursor:hand;*/
    }
    
    
    .teaser.news .more,
    .ie7 .teaser.news .more {
        color: #8e4e00;
        text-align: right;
        text-indent: 0px;
        margin-top: 9px;
    }
    
    
    .teaser.news .more:hover,
    .teaser.news .more:focus {
        background-position: right -496px;
    }      
    
    .contentasidecol .teaser.portalcontent,
    .contentasidecol .teaser.news  {
       border-top: 3px solid #8e4e00;
    }

    .teaser.contact,
    .teaser.languages {
        color: #555555;
        border-top: 3px solid #0065a2;
        background-color: #E5F4FC;
        padding: 9px 9px 27px 9px;
        background-repeat: no-repeat;
        background-position: top right;
    }
    
    body .teaser.languages {
       padding: 3px;
       background-color: #004985;
       border-top: none;
    }
    
    .teaser.advice {
        border-top: 3px solid #0065a2;
        border-bottom: 1px solid #0065a2;
        background-color: #E5F4FC;
        padding: 9px;
        margin-bottom: 18px;
    }
    
    .teaser.borderonly {
        background: white;
        border: 1px solid #0065a2;
        padding: 9px;
        margin-bottom: 18px;
    }
    
    body .teaser.warning {
        border-top: 3px solid #8E4E00;
        border-bottom: 1px solid #8E4E00;
        background-color: #FBF9F7;
        border-left: none;
        border-right: none;
        padding: 9px;
        margin-bottom: 18px;
    }
    
    #main .teaser.languages ul,
    #main .teaser.languages ul li {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    
    body #main .teaser.languages ul li {
        display: inline;
        color: white;
        padding-left: 6px;
        padding-right: 6px;
        background-image: none;
    }
    
    .teaser.languages li.active {
        font-weight: bold;
    }
    
    #main .teaser.languages ul li.active a {
        font-weight: bold;
    }
    
    #main .teaser.languages ul li a {
        color: white;
    }
    
    #main .teaser.languages ul li a:hover,
    #main .teaser.languages ul li a:focus {
        color:rgb(203, 226, 238);
    }
    
    
    
    .teaser.contact .title,
    .teaser.advice .title,
    .teaser.warning .title {
       color: #444444;
    }
    
    .teaser.warning .title {
       border-bottom: 1px dotted #8E4E00;
    }
    
    
    .teaser.depportal img {
       padding-top: 0.3077em;
    }
    
    .c33r .teaser.portalcontent,
    .c33l .teaser.portalcontent {
        min-height: 0;
    }
    
    body .teaser.specialteaser {
        padding-top: 9px;
    }
    
/********************************************************************************* Teaser contact and more content */
    .moreContent {
        border-top: 3px solid #0065a2;
        background-color: #E5F4FC;
        padding: 9px 9px 2px 9px;
        margin-top: 50px;
        margin-bottom: 25px;
        
    }
    
    .moreContent + .moreContent {
        margin-top: 0px;
    }
    
    body .legal {
        background-color: #fafafa;
    }
    
    .moreContent .title{
        padding-bottom: 9px;
        border-bottom: 1px dotted #0065a2;
        margin-bottom: 9px;
    }
    
    .conteactdetails {
        margin-bottom: 100px;
    }
    .conteactdetails dl.tabled {
        clear: both;
        margin: 0px 0px 28px 0px;
    }
    .conteactdetails dl.tabled dt{
        clear: both;
        float: left;
        padding-right: 21px;
        font-weight: normal;
    }
    .conteactdetails dl.tabled dd{
        margin-left: 90px;
        margin: 0px;
    }
    
    /* Float left with margin right. Used for contact portal */
    .fl {
        float: left;
        margin-right: 28px;
    }
    
    
    
/********************************************************************************* General */
    #main .contentfooter {
       padding-bottom: 20px;
       border-bottom: 1px dotted #0096df;
       margin-bottom: 10px;
    }
    
    body #main #contentfooter a,
    body #main #breadcrumb a,
    body #main #contentfooter a:visited,
    body #main #breadcrumb a:visited {
        color: #007cc7;
    }
    
    body #main #contentfooter a:hover,
    body #main #breadcrumb a:hover,
    body #main #contentfooter a:focus,
    body #main #breadcrumb a:focus {
        color: #004985;
    }
    
    body #main #contentfooter a:active,
    body #main #breadcrumb a:active {
        color: #002543;    
    }
    
    #main .contentcol #contentfooter,
    .contentcol #contentfooter {
       clear: both;
    }
    
    #main #breadcrumb,
    #breadcrumb {
      list-style-type:none;
      margin:0;
      padding:5px 0 20px 0;
      font-size: 84.61%;
    }
    
    #main #breadcrumb li,
    #breadcrumb li {
      list-style-type:none;
      display:inline;
      padding:0 2px 0 8px;
      margin:0;
      background:url(../img/bg_sprite_vertical.png) 0 -2095px no-repeat;
      line-height: 1.33em;
      white-space: nowrap;
    }
    
    #main #breadcrumb li.first,
    #breadcrumb li.first {
      padding:0 2px 0 0;
      background:none;
    }
    
    .ie7 #main #breadcrumb,
    .ie7 #breadcrumb {
       margin-bottom: 14px;
    }
    
    .ie7 #main #breadcrumb li,
    .ie7 #breadcrumb li {
       display:block;
       float:left;
       padding:0 5px 0 8px;
       background-position: 0 -2095px;
    }
    
    .ie7 #main #breadcrumb li.first,
    .ie7 #breadcrumb li.first {
       padding:0 5px 0 0;
    }
    
/********************************************************************************* In page navigation */    
    .inpagenav {
        background-color: #E5F4FC;
        border-top: 1px dotted #0096df;
        border-bottom: 1px dotted #0096df;
        margin-bottom: 40px;
        margin-right: 5px;
    }
    .inpagenav h2 {
       font-size:100%; 
    }
    .inpagenav h2.active {
       font-size:100%;
       color: #002543; 
    }
    .inpagenav a{
       color: #002543;
    }
    .inpagenav .title {
        padding: 4px 0 5px 9px;
        margin: 0;
        border-bottom: 1px dotted #0096df;
    }
    .inpagenav .title.active {
        font-weight: bold;
    }

    .inpagenav > ul {
        position: relative;
    }
    
    #main .inpagenav ul,
    #main .inpagenav ul ul,
    .inpagenav ul,
    .inpagenav ul ul {
        list-style: none outside none;
        font-weight: normal;
        margin: 0;
    }
    
    #main .inpagenav ul li,
    .inpagenav ul li {
        line-height: 1.5em;
        list-style: none;
        background-image: none;
        width: 200px;
        float: none;
        display: list-item;
        margin-left: 0px;
        padding-left: 14px;
    }

    #main .inpagenav ul li a,
    .inpagenav ul li a, 
    #main .inpagenav ul li span,
    .inpagenav ul li span {
        width: 100%;
        display: inline-block;
        line-height: 19px; 
    }
    
    .ie7 #main .inpagenav ul li,
    .ie7 .inpagenav ul li
    {
        zoom: 0;
    }
    
    #main .inpagenav ul li.inside ul li,
    .inpagenav ul li.inside ul li {
        float: none;
        width: auto;
        margin: 0px;
    }
    
    
    
    #main .inpagenav ul li a,
    #main .inpagenav ul li span,
    .inpagenav ul li a,
    .inpagenav ul li span {
        border-top: 1px dotted #0096df;
        padding: 4px 0 5px 9px;
        display: block;
        font-weight: normal;
        color: #002543;
    }
    
    #main .inpagenav ul li.inside a,
    #main .inpagenav ul li.inside span,
    .inpagenav ul li.inside a,
    .inpagenav ul li.inside span {
       font-weight: bold;
    }
    
    #main .inpagenav ul li.inside ul a,
    .inpagenav ul li.inside ul a {
       font-weight: normal;
    }
    
    #main .inpagenav ul li ul,
    .inpagenav ul li ul {
       margin-left: 18px;
    }
    
    #main .inpagenav ul li ul li a,
    .inpagenav ul li ul li a {
       border-top: 1px dotted #0096df;
    }

    
    #main .inpagenav ul li.active span,
    #main .inpagenav ul li.active a,
    #main .inpagenav ul li ul li.active span,
    #main .inpagenav ul li ul li.active a,
    #main .inpagenav ul li ul li ul li.active span,
    #main .inpagenav ul li ul li ul li.active a,
    .inpagenav ul li.active span,
    .inpagenav ul li.active a,
    .inpagenav ul li ul li.active span,
    .inpagenav ul li ul li.active a,
    .inpagenav ul li ul li ul li.active span,
    .inpagenav ul li ul li ul li.active a {
        font-weight: bold;
    }
    
    div #main .inpagenav > ul > li.topOfColumn > a,
    div .inpagenav > ul > li.topOfColumn > a,
    div #main .inpagenav > ul > li.topOfColumn > span,
    div .inpagenav > ul > li.topOfColumn > span {
        border-top: none;
    }
    
       
    #main .inpagenav ul li a:hover,
    #main .inpagenav ul li.inside ul a:hover,
    .inpagenav ul li a:hover,
    .inpagenav ul li.inside ul a:hover,
    #main .inpagenav ul li a:focus,
    #main .inpagenav ul li.inside ul a:focus,
    .inpagenav ul li a:focus,
    .inpagenav ul li.inside ul a:focus {
        background-color: #d3ecfa;
        color: #0065a2;
        text-decoration: none;
    }
    
    .inpagenav .secondColumn {
        position: relative;
        left: 220px;
    }
    
    .achorlist {
        margin: 0 0 18px 0;
    }
    .achorlist ul {
        list-style: none outside none;
        font-weight: normal;
        margin: 18px 0;
    }
    .achorlist ul li{
        width: 49%;
        float: left;
        margin: 0;
    }
    
    
    /********************************************************************************* Tabs */    
    .tabs {
        margin: 25px 0px 15px 0;
    }
    #main .tabs ul.tabnavigation,
    .tabs ul.tabnavigation {
        list-style: none outside none;
        border-bottom: 4px solid #004985;
        min-height: 2.2em;
        margin: 0;
        
        background: #E5F4FC; /* old browsers */
        background: -moz-linear-gradient(top, #E5F4FC 73%, #8DADCA 99%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(73%,#E5F4FC), color-stop(99%,#8DADCA)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5F4FC', endColorstr='#8DADCA',GradientType=0 ); /* ie */
    }
    
    #main .tabs ul.tabnavigation li,
    .tabs ul.tabnavigation li {
        float: left;
        padding: 4px 7px 5px;
        margin: 0;
        line-height: 1.5em;
        border-right: 1px solid #8CCDF0;
        text-align: center;
        background-image: none;
    }
    
    #main .tabs ul.tabnavigation li.last,
    .tabs ul.tabnavigation li.last {
        border-right: none;
    }
    
    #main .tabs ul.tabnavigation li.selected,
    .tabs ul.tabnavigation li.selected {
        background-color: #004985;
    }
    
    #main .tabs ul.tabnavigation li.selected a,
    .tabs ul.tabnavigation li.selected a {
        color: #ffffff;
    }
    
    #main .tabs ul.tabnavigation li.clearfix,
    .tabs ul.tabnavigation li.clearfix {
        clear: both;
        margin: 0;
        padding: 0;
        float: none;
    }
    
    .ie7 #main .tabs ul.tabnavigation li.clearfix,
    .ie7 .tabs ul.tabnavigation li.clearfix {
        display: none;
    }
    
    
    #main .tabs ul.tabnavigation li .empty,
    .tabs ul.tabnavigation li .empty {
        color: #999999;
    }
    
    .tabs .tabcontent {
        padding: 20px 9px 1px;
        margin-bottom: 19px;
        background-color: #f8fcfe;
    }

    #main .tabs ul.tabnavigation a,
    .tabs ul.tabnavigation a {
        color: #000000;
    }
    
    #main .tabs ul.tabnavigation a:hover,
    .tabs ul.tabnavigation a:hover,
    #main .tabs ul.tabnavigation a:focus,
    .tabs ul.tabnavigation a:focus {
        color: #0065a2;
        text-decoration: none;
    }
    
    #main .tabs ul.tabnavigation a:active,
    .tabs ul.tabnavigation a:active {
        text-decoration: none;
    }
    
    /********************************************************************************* Pagination */
    .pagination {
        padding: 9px 0 0px 0;
        overflow: hidden;
        clear: both;
    }
    
    .pagination p.statistics
    {
        float: left;
        height: 2.2em;
        margin: 0px;
    }
    
    #main .pagination ul,
    .pagination ul {
        float: right;
        list-style-type:none;
        padding:0;
        margin:0;
    }
    
    #main .pagination li,
    .pagination li {
        margin:0;
        padding:0;
        line-height: 1.5em;
        display: block;
        float:left;
        background-image: none;
    }
    
    #main .pagination li *,
    .pagination li *
    {
        display: block;
    }
    
    .pagination a, 
    .pagination span.current {
        padding: 0 6px;
        border-left: 1px dotted rgb(213,237,250);
    }
    
    #main .pagination span.current,
    .pagination span.current {
        font-weight: bold;
    }
    
    .pagination .first a,
    .pagination .first span.current {
       border-left: none;
    }
 
    .pagination a.start,
    .pagination a.end {
        padding: 0 0 0 8px;
        overflow: hidden;
        width: 8px;
        text-indent:-9999px;
    }
    
    .pagination a.next {
        margin-right: 6px;
    }
    
    .pagination a.start {
        background-position: left -693px;    
    }
    
    .pagination a.previous {
        background-position: 6px -793px;
    }
    
    .pagination a.next {
        background-position: right -893px;
    }
    
    .pagination a.end {
        background-position: 8px -993px;    
    } 
    
    .ie7 .pagination a.start {
        background-position: left -692px;    
    }
    
    .ie7 .pagination a.previous {
        background-position: 6px -792px;
    }
    
    .ie7 .pagination a.next {
        background-position: right -892px;
    }
    
    .ie7 .pagination a.end {
        background-position: 8px -992px;    
    }   
    
    /********************************************************************************* Picture gallery */
    
    .ie7 #fancybox-content .gallerycontainer,
    .ie7 #fancybox-content .pagination
    {
        max-width:600px;
    }
    
    #fancybox-content
    {
        font-size: 108.3%;
    }
    
    #main #fancybox-content {
        font-size: 100.01%;
    }
    
    #fancybox-content .close {
        line-height: 1em;
    }
    
    .gallerycontainer {
        border-bottom: 1px dotted #0065a2;
        border-top: 1px dotted #0065a2;
        padding-top: 15px;
    }
    
    .gallerycontainer > ul
    {
        float: right;
        list-style-type:none;
        padding:0;
        margin:0;
    }
    
    .searchresults .gallerycontainer > ul {
        float: none;
    }
    
    .gallerycontainer > ul > li {
        margin:0 0 32px 0;
        padding:0;
        display: block;
        float:left;
        width: 145px;
    }
    
    #main .gallerycontainer > ul > li {
        padding-left: 0px;
        background-image: none;
        margin-left: 0px;
    }
    
    .gallerycontainer > ul > li.selected,
    .gallerycontainer > ul > li.selected .thumbimage {
        background-color: #FFF8F8;
        cursor: pointer;
    }
    
    .gallerycontainer > ul > li .thumbimage {
        height: 145px;
        width: 145px;
        background-color: #E5F4FC;
        margin-bottom: 12px;
        text-align: center;
    }
    
    .gallerycontainer > ul > li h3 {
        font-size: 100%;
        font-weight: bold;
        margin-bottom: 0px;
    }
    
    .gallerycontainer > ul > li p {
        margin-bottom: 0px;
    }
    
    .gallerycontainer > ul > li .more {
        display: block;
        height: 20px;
        margin: 7px 0 0 0;
        text-indent:-9999px;
    }
    
    .gallerycontainer > ul > li.firstcolumn,
    .gallerycontainer > ul > li.secondcolumn,
    .searchresults .gallerycontainer > ul > li.thirdcolumn {
        margin-right: 13px;
    }
    
    .gallerycontainer table{
        width: 100%;
        border: none;
        margin: 16px 0;
    }
    .gallerycontainer table td{
        border: none;
    }
    .gallerycontainer table td.firstrow{
        width: 120px;
    }
    .gallerycontainer table td.title{
        font-weight: bold;
    }
    
    .imageholder {
        width: 100%;
        background-color: #E5F4FC;
        text-align: center;
    }
    
    .imageholder img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    #main ul.tags,
    ul.tags {
        margin-top: 0;
        margin-bottom: 0;
        list-style: none;
    }
    
    #main ul.tags li,
    ul.tags li {
        list-style: none;
        background: none;
        display: inline;
        padding-left: 0;
        margin-left: 0;
        
    }
    
    .ie7 #main ul.tags li,
    .ie7 ul.tags li
    {
        padding-right: 6px;
    }
    
    /********************************************************************************* Modal Windows */
    
    .modalcontentholder {
        display: none;
    }
    
    .modalcloser {
        float: right;
    }
    
    /********************************************************************************* Forms */
    
    fieldset legend {
        color: #444444;
        margin-bottom: 1em;
    } 

    fieldset.hideable legend,
    fieldset.hideable legend a {
    	cursor: hand !important;
    	cursor: pointer !important;
    }
    
    .ie7 fieldset legend {
        margin-top: -20px;
        margin-left: -7px;
    }
    
    
    .ie8 fieldset legend {
        margin-top: -20px;
    }
    
    .ie7 fieldset,
    .ie8 fieldset {
        margin-top: 20px;
    }

    .ie7 fieldset fieldset,
    .ie8 fieldset fieldset {
        margin-top: 0px;
    }
    
    
    fieldset p.legend {
        font-weight: bold;
    }
    
    fieldset p {
        margin-left: 10px;
    }
    
    fieldset dd p {
        margin-left: 0px;
    }
    
    fieldset,
    fieldset.search {
        margin-bottom: 18px;
    }
    
    
    dl.formlayout.search {
        border-top: 3px solid #d8eefa;
        background-color: #E5F4FC;
        padding-top: 20px;
        padding-bottom: 1px;
    }
    
    dl.formlayout.middlelong {
        width: 204px;
    }
    
    dl.formlayout.long {
        width: 351px;
    }
    
    .ie7 dl.formlayout.search {
        padding-bottom: 20px;
    }
    
    .errorinfo {
        color: #8e0011;
        border: 3px solid #8e0011;
        background: url(../img/bg_attention.png) 18px 20px no-repeat #f9f2f3;
        padding: 20px 20px 0px 70px;
        margin: 0 0 20px 0;
        min-height: 60px;
    }
    
    .errorinfo.hidden {
        display: none;
    }
    
    fieldset legend {
        font-weight: bold;
    }
    
    fieldset.nolegend dt {
        display: none;
    }
    
    fieldset.nolegend dl.formlayout dd {
        margin-left: 0px;
        margin-right: 32px;
        text-align: left;
        padding-left: 10px;
    }
    
    fieldset.nolegend dl.formlayout dd {
        padding-left: 0px;
    }
    
    .subcl fieldset.nolegend dl.formlayout dd {
        margin-right: 26px;
    }
    
    .subcl fieldset dd p {
        margin-right: 26px;
    }

    .subcl fieldset dd p.staticentry {
        margin-top: 21px;
    }  
    
    fieldset dd p {
        margin-right: 32px;
    }
    
    .subcl fieldset dd .tooltip p {
        margin-right: 0px;
    }
    
    fieldset dd .tooltip p {
        margin-right: 0px;
    }
    
    dl.formlayout {
        padding: 0;
        margin: 0;
    }
    dl.formlayout dt {
        clear: both;
        float: left;
        width: 90px;
        text-align: right;
        font-weight: normal;
        padding-top: 0.2308em;
    }
    .wideform dl.formlayout dt,
    .fullform dl.formlayout dt {
        width: 160px; /*120px;*/
    }
    
    dl.formlayout dd {
        margin-left: 111px;
        min-height: 2.1em;
    }
    
    dl.formlayout dt.total {
            padding-top: 1.6em;
    }
    dl.formlayout dd.total {
            padding-top: 1.5em;
            border-top: 1px solid #8CCDF0;
    }

    dl.formlayout dd.state-loading {
            background: url("img/loader.gif") right 6px no-repeat;
    }
    dl.formlayout dd.state-loading .infoicon {
            display: none;
    }
    
    .wideform dl.formlayout dd,
    .fullform dl.formlayout dd {
        width: 351px;
        margin-left: 171px; /*131px;*/
    }
    
    .ie7 .wideform dl.formlayout dt.nolegend + dd input[type=submit],
    .ie7 .wideform dl.formlayout dt.nolegend + dd button,
    .ie7 .fullform dl.formlayout dt.nolegend + dd input[type=submit],
    .ie7 .fullform dl.formlayout dt.nolegend + dd button {
        float: none;
    }
    
    .wideform dl.formlayout dt.nolegend + dd,
    .fullform dl.formlayout dt.nolegend + dd {
        width: 495px; /*455px;*/
    }
    
    dl.formlayout dt.nolegend {
        display: none;
    }
    
    dl.formlayout dt.nolegend + dd {
        margin-left: 0px;
        margin-right: 32px;
        text-align: right;
    }
    
    .subcl dl.formlayout dt.nolegend + dd {
        margin-right: 26px;
    }
    
    .ie7 dl.formlayout dt.nolegend + dd {
        margin-right: 26px;
    }
    
    .ie7 .subcl dl.formlayout dt.nolegend + dd {
       margin-right: 20px;
    }
    
    .ie7 .subcl .wideform dl.formlayout dt.nolegend + dd,
    .ie7 .subcl .fullform dl.formlayout dt.nolegend + dd {
        margin-right: 32px;
    }
    
    dl.formlayout dt.nolegend + dd div.left {
        float: left;
    }
    
    dl.formlayout dt + dd div.right {
        float: right;
    }
    
    dl.formlayout dt.widelegend {
        width: 293px;
    }
    
    dl.formlayout dt.widelegend + dd {
        margin-left: 314px;
    }
    
    .ie7 dl.formlayout dt.widelegend + dd {
        padding-right: 20px;
        height: 2em;
        overflow: hidden;
    }
    
    .ie7 dl.formlayout dd input,
    .ie7 dl.formlayout dd textarea {
        position: relative;
        left: -111px;
    }
    
    .ie7 .wideform dl.formlayout dd input,
    .ie7 .wideform dl.formlayout dd textarea,
    .ie7 .fullform dl.formlayout dd input,
    .ie7 .fullform dl.formlayout dd textarea {
        left: -171px; /*-131px*/;
    }
    
    .ie7 .nolegend dl.formlayout dd input,
    .ie7 .nolegend dl.formlayout dd textarea {
        left: 0px;
    }
    
    .ie7 dl.formlayout dd input + span,
    .ie7 dl.formlayout dd input + span + span {
        position: relative;
        left: -111px;
    }
    
    .ie7 dl.formlayout dd input + span.error,
    .ie7 ul.formlayout dd input + span.error {
        left: 0px;
    }
    
    .ie7 .nolegend dl.formlayout dd input + span,
    .ie7 .nolegend dl.formlayout dd input + span + span {
        left: 0px;
    }
    
    .ie7 dl.formlayout dt.nolegend + dd input + span,
    .ie7 dl.formlayout dt.nolegend + dd input + span + span {
        left: 0px;
    }
    
    
    .ie7 dl.formlayout dt.widelegend + dd input + span {
        left: 0px;
        float:right;
        position:relative;
        top: -2em;
    }
    
    .ie7 dl.formlayout dt.widelegend + dd input {
        left: -314px;
    }

    .ie7 dl.formlayout dt.nolegend + dd input {
        left: 0px;
        margin-left: 5px;
    }
    
    .ie7 dl.formlayout dt.nolegend + dd input.error,
    .ie7 dl.formlayout dt.widelegend + dd input.error,
    .ie7 ul.formlayout dt.nolegend + dd input.error,
    .ie7 ul.formlayout dt.widelegend + dd input.error {
        margin-left: 0px;
    }
    
    .ie7 dl.formlayout dd .rad,
    .ie7 dl.formlayout dd .chkbox,
    .ie7 .wideform dl.formlayout dd .rad,
    .ie7 .wideform dl.formlayout dd .chkbox,
    .ie7 .fullform dl.formlayout dd .rad,
    .ie7 .fullform dl.formlayout dd .chkbox {
        left: 0;
    }
    
    .ie7 dd > input {
        float: left;
    }
    
    .ie7 dd > input.button {
        float: none;
    }
    
    dl.formlayout input.txt {
        padding: 0 4px;
    }
    
    dl.formlayout input.currency {
        text-align: right;
    }
    
    dl.formlayout span.currency {
        line-height: 2em;
        padding-top: 1px;
        padding-left: 5px;
        display: inline-block;
    }
   
    dl.formlayout input.txt, 
    dl.formlayout select.drop  {
        border: 1px solid #b2d0e3;
        height: 2em;
        vertical-align: top;
    }
    dl.formlayout input.txt:focus,
    dl.formlayout select.drop:focus {
        border: 1px solid #0065A2;
    }
    
    .ie6 dl.formlayout input.txt,
    .ie7 dl.formlayout input.txt,
    .ie8 dl.formlayout input.txt
    {
        line-height: 2em;
    } 
    
    
    dl.formlayout textarea.txtarea {
        border: 1px solid #b2d0e3;
        height: 110px;
    }
    
    dl.formlayout input.rad, dl.formlayout label.rad  {
        height: 2em;
        float: left;
        line-height: 2em;
    } 
    
    dl.formlayout input.rad.vertical {
        clear: left;
    }
    
    .ie7 dl.formlayout input.rad.vertical + label {
        display: block;
        float: left;
    }
    
    
    dl.formlayout label.rad  {
        padding: 0 9px;
    }
    
    dl.formlayout input.long {
        width: 315px;
    } 
    dl.formlayout select.long,
    dl.formlayout textarea.long {
        width: 325px;
    }
    dl.formlayout input.short, 
    dl.formlayout select.short  {
        width: 124px;
    }
    
    dl.formlayout input.veryshort, 
    dl.formlayout select.veryshort  {
        width: 80px;
    }
    
    dl.formlayout input.middlelong {
        width: 168px;
    }
    
    dl.formlayout select.middlelong {
        width: 178px;
    }
    
    dl.formlayout .fieldinfo {
        display: block;
        color: #888888;
    }
    
    dl.formlayout div.fircol {
        height: 2em;
        float: left;
        line-height: 2em;
    }
    
    dl.formlayout div.fircol .chkbox,
    ul.formlayout div.fircol .chkbox {
        margin-top: 6px;
    }    
    
    dl.formlayout div.seccol {
        float: right;
        margin-right: 32px;
    }
    
    .subcl dl.formlayout div.seccol,
    .fullform dl.formlayout div.seccol {
        margin-right: 26px;
    }
    
    .ie7 .subcl .wideform dl.formlayout div.seccol {
        margin-right: 14px;
    }
    
    .ie7 .fullform dl.formlayout div.seccol {
        margin-right: 12px
    }
    
     
    dl.formlayout div.seccol label {
         width: auto;
         line-height: 2.1em;
    }
    
    .ie7 dl.formlayout div.seccol label {
         position: relative;
         top: -1px;
    }
    
    .ie6 dl.formlayout div.seccol select,
    .ie7 dl.formlayout div.seccol select {
         position: relative;
         /*top: -0.0769em;*/
    }
    
    .ie7 dl.formlayout div.seccol {
        clear: right;
        width: 300px;
        position: relative;
    }

    .ie7 input.veryshort + .seccol,
    .ie7 input.short + .seccol {
        left: -77px;
    }
    
    .ie7 .wideform input.veryshort + .seccol,
    .ie7 .wideform input.short + .seccol,
    .ie7 .fullform input.veryshort + .seccol,
    .ie7 .fullform input.short + .seccol {
        left: -97px;
    }
    
    
    .ie7 dl.formlayout div.seccol input.middlelong
    {
        position: relative;
        left: -74px;
    }
    
    .ie7 dl.formlayout dd div.seccol input,
    .ie7 dl.formlayout dd div.seccol select 
    {
        float: right;
    }
    
    .ie7 dl.formlayout div.seccol label {
        float: left;
    }
    dl.formlayout div.seccol label.seccol{
         padding-right: 15px;
    }
    dl.formlayout input.button,
    button.button {
        border: 1px solid #b2d0e3;
        padding: 3px 10px 3px 10px;
        height: 2em;
        
        background: #E5F4FC; /* old browsers */
        background: -moz-linear-gradient(top, #E5F4FC 53%, #B9E2F6 100%); /* firefox */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(53%,#E5F4FC), color-stop(100%,#B9E2F6)); /* webkit */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E5F4FC', endColorstr='#B9E2F6',GradientType=0 ); /* ie */
    }
    
    body div.page dl.formlayout .error,
    body div.page ul.formlayout .error {
        border: 3px solid #8E0011;
    }
    
    body div.page dl.formlayout input[type='checkbox'].error,
    body div.page ul.formlayout input[type='checkbox'].error,
    body div.page dl.formlayout input[type='radio'].error,
    body div.page ul.formlayout input[type='radio'].error {
        outline: 3px solid #8E0011;
    }

    .ie9 body div.page dl.formlayout input[type='checkbox'].error,
    .ie9 body div.page ul.formlayout input[type='checkbox'].error,
    .ie9 body div.page dl.formlayout input[type='radio'].error,
    .ie9 body div.page ul.formlayout input[type='radio'].error,
    .ie8 body div.page dl.formlayout input[type='checkbox'].error,
    .ie8 body div.page ul.formlayout input[type='checkbox'].error,
    .ie8 body div.page dl.formlayout input[type='radio'].error,
    .ie8 body div.page ul.formlayout input[type='radio'].error,
    .ie7 body div.page dl.formlayout input[type='checkbox'].error,
    .ie7 body div.page ul.formlayout input[type='checkbox'].error,
    .ie7 body div.page dl.formlayout input[type='radio'].error,
    .ie7 body div.page ul.formlayout input[type='radio'].error {
        outline: none;
    }
    
    body div.page dl.formlayout span.error,
    body div.page ul.formlayout span.error {
        border: none;
        color: #8E0011;
    }
    
    dl.formlayout .long.error,
    ul.formlayout .long.error {
        width: 315px;
    }
    dl.formlayout .short.error,
    ul.formlayout .short.error {
        width: 120px;
    }
    
    dl.formlayout .chkbox,
    ul.formlayout .chkbox {
       margin-top: 3px;
       float: left;
    }
    
    #main dl.formlayout ul.horizontal li,
    #main ul.formlayout .horizontal li,
    #main ul.formlayout.horizontal li,
    dl.formlayout ul.horizontal li,
    ul.formlayout .horizontal li,
    ul.formlayout.horizontal li {
        float: left;
        padding-right: 20px;
        margin-top: 0px;
        padding-left: 0;
        background-image: none;
    }
    
    #main .ie7 dl.formlayout ul.horizontal li .lblforchkbox,
    #main .ie7 ul.formlayout .horizontal li .lblforchkbox,
    #main .ie7 ul.formlayout.horizontal li .lblforchkbox,
    .ie7 dl.formlayout ul.horizontal li .lblforchkbox,
    .ie7 ul.formlayout .horizontal li .lblforchkbox,
    .ie7 ul.formlayout.horizontal li .lblforchkbox {
        margin-left: 0.25em;
    }
    
    .vertical input.rad {
        clear: left;
    }
    
    body ul.formlayout .chkbox
    {
        margin-top: 2px;
    }
    
    dl.formlayout .lblforchkbox,
    ul.formlayout .lblforchkbox {
       display: block;
       margin-left: 1.5em;
    }
    
    ul.formlayout .lblforchkbox {
        line-height: 1.5em;
    }
    
    .ie7 .lblforchkbox {
        float: left;
        position: relative;
        top: 3px;
    }
    
    dl.formlayout .infotext,
    dl.formlayout .placeholder {
        color: #999999;
    }
    
    #main ul.formlayout,
    #main ul.formlayout li,
    ul.formlayout,
    ul.formlayout li {
        list-style: none;
    }
    
    #main ul.formlayout,
    ul.formlayout {
        margin-left: 111px;
    }
    
    #main ul.formlayout li,
    ul.formlayout li {
        margin-top: 10px;
        margin-left: 0px;
        padding-left: 0;
        background-image: none;
    }
    
    #main ul.formlayout li:first-child,
    ul.formlayout li:first-child {
        margin-top: 0px;
    }
    
    
    fieldset.hideable.hidden {
        height: 16px;
    }
    
    fieldset.hideable.hidden .formlayout {
       display: none;
    }
    
    fieldset.hideable legend,
    fieldset.separated.hideable legend {
        padding-left: 20px;
        background: white url(../img/bg_sprite_vertical.png) 5px -4290px no-repeat;
    }
    
    fieldset.hideable legend a.screenreaderhelper,
    fieldset.hideable legend a.screenreaderhelper:link,
    fieldset.hideable legend a.screenreaderhelper:hover,
    fieldset.hideable legend a.screenreaderhelper:focus,
    fieldset.hideable legend a.screenreaderhelper:visited,
    fieldset.hideable legend a.screenreaderhelper:active {
        cursor: text;
        color: #444;
        text-decoration: none;
    }
    
    fieldset.hideable.hidden legend,
    fieldset.separated.hideable.hidden legend {
        background-position: 5px -4090px;
    }
    
    dd .remove,
    fieldset .remove {
        display: none;
    }
    
    dd.clone .remove,
    fieldset.clone .remove {
        display: inline;
    }
    
    #main ul.uploadedfiles li,
    ul.uploadedfiles li {
        display: block;
        background-image: none;
        padding-left: 0px;
        clear: right;
        margin-left: 0px;
    }
    
    ul.uploadedfiles li a {
        display: inline-block;
        max-width: 210px;
        overflow: hidden;
    }
    
    .ie7 ul.uploadedfiles li a {
        float: left;
    }
    
    .ie7 ul.uploadedfiles li a.fileremove {
        float: right;
    }
    
    ul.uploadedfiles li a.fileremove {
        float:right;
        background: url(../img/bg_sprite_vertical.png) left -4797px no-repeat;
        padding-left: 14px;
        padding-right: 30px;
    }
    
    .fullform dt.fullwidthinput + dd {
        width: 760px; /*800px*/
    }
    
    .fullform dt.fullwidthinput + dd input.txt {
        width: 720px; /*770px*/
    }
    
    
    fieldset.address dl.formlayout div.seccol label {
        margin-right: 8px;
    }
    
    fieldset.address dd.pbox input.middlelong {
        width: 235px;
    }
    
    fieldset.address dd.street input.middlelong {
        width: 228px;
    }
    
    fieldset.address dl.formlayout dd.street div.seccol {
        width: 75px;
    }
    
    fieldset.address dd.street input.ultrashort {
        float: right;
        width: 40px;
    }
 
    fieldset.address dd.street input.ultrashort.error {
        float: right;
        width: 36px;
    }
    
    fieldset.address dl.formlayout dd.pbox {
        height: 26px;
    }
    
    .ie7 dl.formlayout div.fircol .chkbox {
        margin-top: 4px;
    }
    
    .ie7 fieldset.address dl.formlayout .lblforchkbox {
        margin-left: 0.5em;
        top: 0;
    }
    
    .ie7 fieldset.address dl.formlayout dd.street div.seccol {
        left: -155px;
        width: 75px;
    }
    
    .ie7 fieldset.address dl.formlayout dd.street div.seccol input {
        left: auto;
    }
    
    .ie7 fieldset.address dl.formlayout dd.pbox div.seccol {
        width: 282px;
        left: 2px;
    }
    
    .ie7 fieldset.address dl.formlayout dd.pbox div.seccol input {
        float: right;
        left: auto;
    }
    
    fieldset.address dl.formlayout dd.place input.veryshort {
        width: 70px;
    }
    
    fieldset.address dl.formlayout dd.place input.middlelong {
        width: 192px;
    }
    
    fieldset.address dl.formlayout dd.place div.seccol input {
        float: right;
        left: auto;
    }
    
    .ie7 fieldset.address dl.formlayout dd.place div.seccol {
        width: 242px;
        left: -159px;
    }
    
    .ie7 fieldset.address dl.formlayout dd.place div.seccol input {
        float: right;
        left: auto;
    }
    
    /* address */
    #main .addresssection ul {
        margin-top: 0;
        max-height: 25em;
        overflow-y: auto;
        position: relative; /* for ie7 */
    }
    
    #main .addresssection ul.addresssectionclosed {
        display: none;
    }
    
    #main .addresssection ul li {
        background-image: none;
        display: block;
        list-style: none;
        margin: 0;
        padding: 5px 10px;
        position: relative;
    }
    
    .addresssection li.odd {
        background-color: #e5f4fc;
    }
    
    .addresssection p {
        margin: 0;
    }
    
    .addresssection .title {
        color: #555555;
        font-size: 100%;
        font-weight: bold;
        margin: 0;
    }
    
    .addresssectionpick {
        position: absolute;
        right: 10px;
        top: 5px;
    }
    
    fieldset.unstyled {
        margin: -10px 0 10px 0;
    }
    
    .ie7 fieldset.unstyled,
    .ie8 fieldset.unstyled {
        margin: -5px 0 10px 0;
    }
    
    form fieldset.unstyled.address_differ {
        margin: 0 0 10px 0;
    }
    
    fieldset.unstyled dd {
        height: 2em;
        line-height: 2em;
    }
    
    .ie7 fieldset.unstyled dd {
        height: 1.5em;
        line-height: 1.5em;
    }
    
    .ie7 fieldset.unstyled dl.formlayout .lblforchkbox {
        margin-left: 0.5em;
    }
    
    fieldset.unstyled dl.formlayout .chkbox {
        margin-top: 6px;
    }
    
    .ie7 fieldset.unstyled dl.formlayout .chkbox {
        margin-top: 3px;
    }
    
    dl.formnav dd {
        height: 26px;
    }
    
    dl.formnav input.button {
        float: right;
        margin-left: 4px;
    }
    
    dl.formnav div.left {
        white-space: nowrap;
    }
    
    dl.formnav div.left input.button {
        float: none;
        margin-left: 0;
    }
    
    .ie7 dl.formnav dd {
        position: relative;
    }
    
    .ie7 dl.formnav div.left {
        left: 0;
        position: absolute;
        top: 0;
    }
    
    .ie7 .subcl .wideform dl.formnav dt.nolegend + dd {
        margin-right: 0;
    }
    
    .ie7 .wideform dl.formnav dt.nolegend + dd input[type=submit] {
        float: right;
    }
    
    .ie7 .wideform dl.formnav dt.nolegend + dd div.left input[type=submit] {
        float: none;
        margin-left: 0;
    }
    
    .addressblock .formadditions .hidden {
        display: none;
    }
    
    .address_differ input[type=checkbox] {
        margin-right: 3px;
    }
    
    .ie7 .address_differ input {
        float: left;
    }
    
    #main ul.formlayout.twocols {
        margin-left: 10px;
    }
    
    #main ul.formlayout.twocols li {
        float: left;
        width: 45%;
    }
    
    #main ul.formlayout.twocols li:nth-child(odd) {
        clear: right;
    }
    
    #main ul.formlayout.twocols li:first-child {
        margin-top: 10px;
    }
    
    /********************************************************************************* Online desk */
    
    .infoicon {
       float: right;
       height: 24px;
       width: 16px;
       background:url(../img/bg_sprite_vertical.png) left -3995px no-repeat;
       display: block;
    }

    .infoicon:focus {
        background-color: #E5F4FC;
        border: 1px dotted #B2D0E3;
    }
    
    legend  .infoicon {
       display: inline-block;
       float: none;
       height: 20px;
       margin-left: 6px;
       margin-top: -4px;
    }
    
    .ie7 .infoicon {
       position:relative;
       top: -2em;
    }
    
    .ie7 .formlayout dd .infoicon {
        margin-bottom: -24px;
    }
    
    .ie7 legend .infoicon,
        .ie7 dd.multiselectholder .infoicon {
       top: 0;
    }
    
    
    body dl.formlayout .iconactivated,
    body fieldset .iconactivated,
    .iconactivated {
       position: absolute;
       display: none;
       background-color: white;
       border: 2px solid #0065A2;
       padding: 9px;
       width: 300px;
       white-space: pre-wrap;
       font-weight: normal;
       color: #888;
       z-index: 100;
    }
    
    .iconactivated .content {
       overflow-y: auto;
       display: block;
    }
    
    .ie7 dl.formlayout dd input + span.infoicon {
        left: 0px;
    }
    
    .ie7 dl.formlayout dd input + span + span.iconactivated {
        position: absolute;
    }
    
    .infocloser {
        float: right;
        clear: left;
    }
    
    .closerholder {
        height: 1.5em;
        margin-top: -0.5em;    
    }
    
    fieldset.separated {
        background: #E5F4FC;
        padding-top: 20px;
        padding-bottom: 1px;
    }
    
    fieldset.bottompadded {
        padding-bottom: 20px;
    }
    
    fieldset.separated legend {
        background: white;
        padding-bottom: 5px;
        padding-right: 5px;
    }
    
    dd fieldset {
        margin-bottom: 0px;
    }
    
    .dublicate {
        margin-top: 9px;
        text-align: right;
        clear: both;
    }
    
    .formlayout + .dublicate {
       margin-top: -10px;
    }
    
    .dublicate button {
       margin-bottom: 9px;
       margin-right: 32px;
       cursor: pointer;
    }
    
    .subcl .dublicate button
    {
       margin-right: 26px;
    }
    
    /* additions to jquery.ui datepicker */
    .ui-datepicker table {
        border-top: none;
        border-bottom: none;
    }
    
    .ui-datepicker-week-end > a {
        font-weight: bold !important;
    }
    
    /* calculations */
    .formlayout .formula {
        display:none;
    }
    
    .calcresult {
        color: black;
        background-color: #efefef;
    }
    
    /* multiselects */
    .multiselectholder {
    
    }
    
    .multiselectholder .notselectedparent,
    .multiselectholder .selectedparent {
        float: left;
    }
    
    .selectedlabel,
    .notselectedlabel {
        display: none;
    }
    
    .multiselectholder .notselectedparent label,
    .multiselectholder .selectedparent  label {
        display: block;
        background-color: #E5F4FC;
        padding-left: 4px;
        border-top: 1px solid #B2D0E3;
        border-right: 1px solid #B2D0E3;
        border-left: 1px solid #B2D0E3;
    }
    
    .multiselectholder .multiselectbuttons {
        float: left;
        width: 77px;
        text-align: center;
        padding-top: 20px;
    }
    
    .fullform dt.fullwidthinput + dd.multiselectholder .multiselectbuttons {
        width: 80px; /*130px;*/
    }
    
    .multiselectholder .multiselectbuttons button {
        width: 30px;
        text-align: center;
        display: inline;
    }
    
    .fullform dt.fullwidthinput + dd.multiselectholder .multiselectbuttons button {
        width: 50px;
    }
    
    .fullform dt.fullwidthinput + dd.multiselectholder select.short {
        width: 325px;
    }
    
    .multiselectholder .multiselectbuttons button.remove {
        margin-top: 10px;
    }
    
    .multiselectholder select {
        border: 1px solid #B2D0E3;
    }
    
    .h1functions {
        width: 100%; 
        border-bottom: 1px dotted #0065A2; 
        text-align: right; 
        position: relative; 
        top: -1em; 
        padding: 0 0 0.15em 0;
    }
    
    .h3functions {
        position: relative;
        z-index: 110;
    }
    
    .autocompletevalues {
        display: none;
    }
    
    .ui-autocomplete {
        max-height: 100px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 20px;
    }
    
    .ie6 .ui-autocomplete {
        height: 100px;
    }
    
    /********************************************************************************* Form Process */
    
    .process {
        margin-bottom: 2em;
    }
    
    #main .process ul,
    #main .process ul li,
    .process ul,
    .process ul li {
        list-style-type: none;
        padding: 0;
        margin: 0
    }
    
    #main .process ul li,
    .process ul li {
        float: left;
        display: table;
        /*border-top: 1px solid #0065A2;
        border-bottom: 1px solid #0065A2;*/
        height: 40px;
        padding-left: 22px;
        padding-right: 6px;
        background: url(../img/process_steps.png) left -80px no-repeat 
    }
    
    #main .process ul li.current + li,
    .process ul li.current + li {
        background-position: left -40px;
    }
    
    #main .process ul li.current,
    .process ul li.current {
        background-position: left 0px;
    }
    
    #main .process ul li.current,
    .process ul li.current {
        background-color: #0065A2;
    }
    
    #main .process ul li.current span,
    .process ul li.current span {
        color: white;
    }
    
    #main .process ul li.last,
    .process ul li.last {
        border-right: 1px solid #0065A2;
    }
    
    #main .process ul li:first-child,
    .process ul li:first-child {
        border-left: 1px solid #0065A2;
        background-position: -20px -80px;
        padding-left: 6px;
    }
    
    #main .process ul li:first-child.current,
    .process ul li:first-child.current {
        background-image: none;    
    }
    
    
    #main .process ul li a,
    #main .process ul li span,
    .process ul li a,
    .process ul li span {
        display: table-cell;
        vertical-align: middle;
    }
    
    #main .process li.extended span.screenreader,
    .process li.extended span.screenreader {
        position: inherit;
    }
    
    #main .process li.extended span.shortenedText,
    .process li.extended span.shortenedText {
        display: none;
    }
    
    .processtooltip {
        background-color: white;
        padding: 6px;
        border: 1px solid #D5EDFA;
    }
    
    .process ul li span.step {
        float: left;
        padding-right: 5px;
    }
    /********************************************************************************* Search results */
    .searchresults {
        padding: 20px 0;
    }
    
    .searchresults .resultlist {
        border-bottom: 1px dotted #0065A2;
        border-top: 1px dotted #0065A2;
    }
    
    .searchresults .resultlist .title {
        font-size: 100%;
        color: #007CC7;
        font-weight: bold;
        margin: 0px;
    } 
    
    .searchresults .resultlist .searchitem {
        padding: 9px;
    }
    .searchresults .resultlist .searchitem.odd {
        background-color: #e5f4fc;
    }
    
    .searchresults .resultlist .searchitem .location{
        font-size: 84.615%;
    }
    
    .searchresults .resultlist .searchitem a{
        display: block;
        font-weight: bold;
        color: #007cc7;
        padding: 3px 0;
    }
    
    /*Override Tabas layout as different in search reulsuts*/
    .searchresults .tabs {
        border: none;
    }
    .searchresults .tabs .tabcontent {
        background-color: transparent;
        padding-left: 0px;
        padding-right: 0px;
    }
 
    /********************************************************************************* Article content */
    .articleblock {
        border-bottom: 1px dotted #0065A2;
        border-top: 1px dotted #0065A2;
        padding: 15px 0;
        margin: 15px 0;
    }
    
    #main ul.articlelegend,
    ul.articlelegend {
        margin: 0;
        list-style: none outside none;
        min-height: 2em;
        color: #79838d;
    }
    
    #main ul.articlelegend li,
    ul.articlelegend li {
        float: left;
        margin: 0 9px 0 0;
        padding-left: 0;
        padding-bottom: 0;
        padding-right: 9px;
        padding-top: 0.4em;
        border-right: 1px dotted silver;
        background-image: none;
        display: list-item;
    }
    
    #main ul.articlelegend li.last,
    ul.articlelegend li.last {
        border-right: none;
        margin: 0;
        padding-right: 0;
    }
    
    #main ul.articlelegend li.source,
    ul.articlelegend li.source {
        width: 260px;
    }
    
    #main ul.articlelegend li.source ul,
    ul.articlelegend li.source ul {
        padding-left: 0;
        margin-left: 0;
        list-style-type: none;
        padding-top: 0;
        margin-top: 0;
    }
    
    #main ul.articlelegend li.source ul li,
    ul.articlelegend li.source ul li {
        border-right: none;
        margin-top: 0;
        padding-top: 0;
        min-width: 180px;
    }
    
    dl.properties {
        margin-left: 0px;
        padding-left: 0px;
    }
    
    dl.properties dt {
        width: 50px;
        color: #444;
        font-weight: bold;
        float: left;
    }
    
    dl.properties dd {
        color: #444;
        font-weight: normal;
        float: left;
        width: 400px;
        margin-bottom: 0.3em;
        clear: right;
    }
    
    dl.properties dt.last + dd {
        margin-bottom: 1em;
    }
    /********************************************************************************* image inside */
    .imghead {
        margin: 0 0 22px 0;
    }
    .imgright {
        float: right;
        margin: 0 0 18px 21px;
    }
    .imgleft {
        float: left;
        margin: 0 21px 18px 0;
    }
    .imgcenter {
        margin: 0 0 18px 0;
    }
    .copy {
        font-size: 84.61%;
        display:block;
        padding: 5px 0;
    }  
    
    /********************************************************************************* links */
            
    .mime-pdf,
    a.external[href*='.ag.ch'][href$=pdf],
    body .contentcol a.external[href*='.ag.ch'][href$=pdf] {
        padding-left: 22px;
        background:url(../img/bg_sprite_vertical.png) left -2600px no-repeat;
    }
    
    .mime-doc,
    a.external[href*='.ag.ch'][href$=doc],
    a.external[href*='.ag.ch'][href$=docx],
    body .contentcol a.external[href*='.ag.ch'][href$=doc],
    body .contentcol a.external[href*='.ag.ch'][href$=docx] {
        padding-left: 22px;
        background:url(../img/bg_sprite_vertical.png) left -2700px no-repeat;
    }
    .mime-xls,
    a.external[href*='.ag.ch'][href$=xls],
    a.external[href*='.ag.ch'][href$=xlsx],
    body .contentcol a.external[href*='.ag.ch'][href$=xls],
    body .contentcol a.external[href*='.ag.ch'][href$=xlsx] {
        padding-left: 22px;
        background:url(../img/bg_sprite_vertical.png) left -2800px no-repeat;
    }
    .mime-ppt,
    a.external[href*='.ag.ch'][href$=ppt],
    a.external[href*='.ag.ch'][href$=pptx],
    body .contentcol a.external[href*='.ag.ch'][href$=ppt],
    body .contentcol a.external[href*='.ag.ch'][href$=pptx] {
        padding-left: 22px;
        background:url(../img/bg_sprite_vertical.png) left -2900px no-repeat;
    }
    .mime-textdocument,
    a.external[href*='.ag.ch'][href$=txt],
    body .contentcol a.external[href*='.ag.ch'][href$=txt] {
        padding-left: 17px;
        background:url(../img/bg_sprite_vertical.png) left -3000px no-repeat;
    }
    .mime-tif,
    a.external[href*='.ag.ch'][href$=tif],
    body .contentcol a.external[href*='.ag.ch'][href$=tif] {
        padding-left: 21px;
        background:url(../img/bg_sprite_vertical.png) left -3100px no-repeat;
    }
    .mime-gif,
    a.external[href*='.ag.ch'][href$=gif],
    body .contentcol a.external[href*='.ag.ch'][href$=gif] {
        padding-left: 21px;
        background:url(../img/bg_sprite_vertical.png) left -3200px no-repeat;
    }
    .mime-jpg,
    a.external[href*='.ag.ch'][href$=jpg],
    body .contentcol a.external[href*='.ag.ch'][href$=jpg] {
        padding-left: 21px;
        background:url(../img/bg_sprite_vertical.png) left -3300px no-repeat;
    }
    .mime-png,
    a.external[href*='.ag.ch'][href$=png],
    body .contentcol a.external[href*='.ag.ch'][href$=png] {
        padding-left: 21px;
        background:url(../img/bg_sprite_vertical.png) left -3400px no-repeat;
    }
    .mime-eps,
    a.external[href*='.ag.ch'][href$=eps],
    body .contentcol a.external[href*='.ag.ch'][href$=eps] {
        padding-left: 21px;
        background:url(../img/bg_sprite_vertical.png) left -3500px no-repeat;
    }
    .mime-video,
    a.external[href*='.ag.ch'][href$=mov],
    a.external[href*='.ag.ch'][href$=avi],
    a.external[href*='.ag.ch'][href$=mpg],
    body .contentcol a.external[href*='.ag.ch'][href$=mov],
    body .contentcol a.external[href*='.ag.ch'][href$=avi],
    body .contentcol a.external[href*='.ag.ch'][href$=mpg] {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -3598px no-repeat;
    }
    .mime-audio,
    a.external[href*='.ag.ch'][href$=mp3],
    a.external[href*='.ag.ch'][href$=wav],
    body .contentcol a.external[href*='.ag.ch'][href$=mp3],
    body .contentcol a.external[href*='.ag.ch'][href$=wav] {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -3701px no-repeat;
    }
    .mime-archive,
    a.external[href*='.ag.ch'][href$=zip],
    a.external[href*='.ag.ch'][href$=rar],
    body .contentcol a.external[href*='.ag.ch'][href$=zip],
    body .contentcol a.external[href*='.ag.ch'][href$=rar] {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -3801px no-repeat;
    }
    .mime-rss,
    a.external[href*='.ag.ch'][href$=rss],
    body .contentcol a.external[href*='.ag.ch'][href$=rss] {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -1899px no-repeat;
    }
    
    a.external[href*='.ag.ch'] {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -5680px no-repeat;
    }
        
    a.internal {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -2295px no-repeat;
    }
    a.local {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -2395px no-repeat;
    }
    a.external {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -2498px no-repeat;
    }
    a.up {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -96px no-repeat;
    }
    a.printout {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) 0 1px no-repeat;
    }
    a.close {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -1196px no-repeat;
        cursor: pointer;    
    }
    a.magnify,
    a.magnifymodal {
        padding-left: 20px;
        background:url(../img/bg_sprite_vertical.png) left -1098px no-repeat;
    }
    a.start{
        background:url(../img/bg_sprite_vertical.png) left -694px no-repeat;
        padding-left: 16px;    
    }
    a.previous{
        background:url(../img/bg_sprite_vertical.png) 6px -794px no-repeat;
        padding-left: 24px;
    }
    a.next{
        background:url(../img/bg_sprite_vertical.png) right -894px no-repeat;
        padding-right: 18px;
    }
    a.end{
        background:url(../img/bg_sprite_vertical.png) left -994px no-repeat;
        padding-left: 16px;    
    }
    a.more{
        background:url(../img/bg_sprite_vertical.png) right -196px no-repeat;
        padding-right: 16px;    
    }
    a.more:hover,
    a.more:focus{
        background:url(../img/bg_sprite_vertical.png) right -296px no-repeat;
        padding-right: 16px;    
    }
    
    a.sorted_desc {
        display: inline;
        background:url(../img/bg_sprite_vertical.png) right -1295px no-repeat;
        padding-right: 16px; 
        white-space: nowrap       
    }
    
    a.sorted_desc:hover,
    a.sorted_desc:focus {
        background-position: right -1395px;
    }
    
    a.sorted_asc {
        display: inline;
        background:url(../img/bg_sprite_vertical.png) right -1495px no-repeat;
        padding-right: 16px;
        white-space: nowrap       
    }
    
    a.sorted_asc:hover,
    a.sorted_asc:focus {
        background-position: right -1595px;
    }
    
    a.back{
        background:url(../img/bg_sprite_vertical.png) 6px -796px no-repeat;
        padding-left: 24px;
    }
    
    a.publication {
        padding-left: 16px;
        background:url(../img/bg_sprite_vertical.png) left -6096px no-repeat;
    }
    
    body a.publicationnoicon {
        background: none;
        padding-left: 0px;
    }
    
    .ie7 .mime-pdf,
    .ie7 .mime-doc,
    .ie7 .mime-xls,
    .ie7 .mime-ppt,
    .ie7 .mime-textdocument,
    .ie7 .mime-tif,
    .ie7 .mime-gif,
    .ie7 .mime-jpg,
    .ie7 .mime-png,
    .ie7 .mime-eps,
    .ie7 .mime-video ,
    .ie7 .mime-audio,
    .ie7 .mime-archive,
    .ie7 .mime-rss,
    .ie7 a.internal,
    .ie7 a.local,
    .ie7 a.external,
    .ie7 a.up,
    .ie7 a.printout,
    .ie7 a.close,
    .ie7 a.magnify,
    .ie7 a.more,
    .ie7 a.publication {
        display: inline-block;
    }

    span.printindication {
        padding-left: 10px;
        background:url(../img/bg_sprite_vertical.png) 0 1px no-repeat;    
   }


    
    /********************************************************************************* link list */
    ul.linklist li,
    #main ul.linklist li
    {
        padding-left: 0px;
        background-image: none;
    }
    
    ul.linklist a,
    #main ul.linklist a
    {
        display: block;
        padding-left: 22px;
    }    
    
    /********************************************************************************* Sort line on sort results */
    .sortline {
        /*margin: 18px 0 0 0;*/
        height: 2em;
        line-height: 2.2em;
    }
    .sortline.bottom {
        margin: 0 0 9px 0;
    } 
    .sortline .lbl {
        float: left;
    }
    #main .sortline ul.articlelegend,
    .sortline ul.articlelegend {
        float: left;
        margin-left: 15px;
    }
    
    /********************************************************************************* Fancybox overrides */
    
    #fancybox-wrap,
    #fancybox-wrap *,
    #fancybox-wrap #fancybox-title
    {
        font-family: inherit;
    }
    
    #main #fancybox-content .hideinlightbox,
    #fancybox-content .hideinlightbox {
        display: none;
    }
    
    #main #fancybox-content .pagination  .hideinlightbox.first + li a,
    #fancybox-content .pagination  .hideinlightbox.first + li a {
        border-left: none;
    }
    
    
    /********************************************************************************* Footer */

    footer {
      font-size:0.846em;
      line-height:1.5em;
    }
    footer .copyright{
      float:left;
    }
    #footernav {
      float:right;
      list-style-type:none;
      padding:0;
      margin:0;
    }
    #footernav li {
      list-style-type: none;
      display: inline;
      margin-left: 1.3em;
      line-height:1.5em;
    }  
    footer a, footer a:visited, footer a:hover, footer a:focus,
    #footernav a, #footernav a:visited, #footernav a:hover, #footernav a:focus {
      color:rgb(255, 255, 255);
    }

    /* vcard */
    .vcard {
        font-style: normal;
        padding-top: 3px;
        border-top: 1px dotted #0065a2;
    }
    
    .teaser.contact .vcard .sub-fn,
    .teaser.contact .vcard .names,
    .teaser.contact .vcard .street-address,
    .teaser.contact .vcard .po-box,
    .teaser.contact .vcard .tel,
    .teaser.contact .vcard .fax,
    .teaser.contact .vcard .email,
    .teaser.contact .vcard .website,
    .teaser.contact strong {
        display: block;
    }

    
    .vcard .fn {
       font-weight: bold;
       display: block;
    } 
    .vcard h4 {
       margin-top: 24px;
       font-suze: 0.89em;
       font-weight: bold;
    }
    
    /************************************************************************************* General */
    .leadtext {
       font-weight: bold;
       margin-bottom: 24px;
       color: #555555;
    }
    
    /************************************************************************************* Collapsible tables */
    
    table.collapsible {
        border-bottom: none;
    }
    
    table.collapsible th:first-child,
    table.collapsible td:first-child {
        width: 15px;
    }
    
    table.collapsible table th:first-child,
    table.collapsible table td:first-child {
        width: auto;
    }   
    
    table.collapsible .firstlevel td:first-child {
        cursor: pointer;
    }
    
    table.collapsible td:first-child a {
        display: block;
        height: 16px;
        background: url(../img/bg_sprite_vertical.png) 3px -1293px no-repeat;
    }
    
    table.collapsible td:first-child table a {
       display: inline;
       height: auto;
       background: none;
    }
    
    table.collapsible td:first-child a.collapsed {
        background-position: 3px -1695px;
    }
    
    table.collapsible tbody tr.firstlevel {
        background-color: #E5F4FC; /*#d9d9d9;*/
    }
    
    table.collapsible tbody tr.secondlevel {
        background-color: white; /*#f2f2f2;*/
    }
    
    table.collapsible + .pagination {
        border-top: 1px dotted #0065A2;
    }
    
    table thead a.sortindicator span {
        display: none;
    }
    
    table thead a.sortindicator {
        display: block;
        width: 9px;
        height: 16px;
        float: right;
    }
    
    table thead .sort {
        cursor: pointer;
    }
    
    table thead .sort a.sortindicator span {
        height: 8px;
        background: url(../img/bg_sprite_vertical.png) left 200px no-repeat;
        background-position: left -4399px;
        display: block;
    }
    
    table thead .sort a.sortindicator span:first-child,
    table thead .sort.down a.sortindicator span:first-child {
        background-position: left -4498px;
    }
    
    table thead .sort.up a.sortindicator span:first-child {
        background-position: left -1598px;
    }
    
    table thead .sort.down a.sortindicator span {
        background-position: left -1399px;
    }
    
    .resultelement {
        padding-left: 2em;
    } 
          
    table.hasinnertables .secondlevel > td:first-child {
        padding: 0;
    }
    
    table.hasinnertables table {
        margin: 0 -2px 0 -2px;
        border: none;
        border-left: 34px solid rgb(255,255,255);
    }
    
    table.hasinnertables table thead td:first-child,
    table.hasinnertables table thead th:first-child,
    table.hasinnertables table tbody td:first-child {
        border-left: none;
    }
    
    /* service tree */
    
    
    body #main ul.servicetree,
    body ul.servicetree {
        position: relative;
        min-height: 80px;
        padding-bottom: 20px;
    }
    
    #main ul.servicetree,
    #main ul.servicetree li,
    #main ul.servicetree ul,
    ul.servicetree,
    ul.servicetree li,
    ul.servicetree ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 280px;
        display: block;
    }
    
    #main ul.servicetree ul,
    ul.servicetree ul {
        position: absolute;
        left: 295px;
        top: 0px;
        display: none;
    }
    
    #main ul.servicetree .active > ul,
    ul.servicetree .active > ul {
        display: block;
    }
    
    #main ul.servicetree li,
    ul.servicetree li {
        border-bottom: 1px solid #004985;
        line-height: 2em;
        padding-left: 5px;
    }
    
    #main ul.servicetree li:first-child,
    ul.servicetree li:first-child {
        border-top: 1px solid #004985;
    }
    
    #main ul.servicetree li.active,
    #main ul.servicetree li.active li.active,
    ul.servicetree li.active,
    ul.servicetree li.active li.active {
        color: white;
        background: #004985 url(../img/bg_sprite_vertical.png) 270px -4191px no-repeat;
    }
    
    #main ul.servicetree li,
    #main ul.servicetree li.active li,
    #main ul.servicetree li.active li.active li,
    #main ul.servicetree li.active li.active li.active,
    ul.servicetree li,
    ul.servicetree li.active li,
    ul.servicetree li.active li.active li,
    ul.servicetree li.active li.active li.active {
        color: black;
        background: #ffffff url(../img/bg_sprite_vertical.png) 270px -4091px no-repeat;
    }
    
    body #main ul.servicetree li.active li.active li,
    body #main ul.servicetree li.active li.active li.active,
    body ul.servicetree li.active li.active li,
    body ul.servicetree li.active li.active li.active {
        background: #ffffff;
        line-height: 1.5em;
        padding-top: 0.35em;
        padding-bottom: 0.35em;
    }
    
    body #main ul.servicetree li.active li.active li .servicetitle,
    body ul.servicetree li.active li.active li .servicetitle {
        display: block;
        font-weight: bold;
    }
    
    #main ul.servicetree > li,
    #main ul.servicetree > li > ul > li,
    ul.servicetree > li,
    ul.servicetree > li > ul > li {
        cursor: pointer;
    }
    
    /**** publication tooltips ******/
    .publicationtooltip {
        display: none;
        z-index: 12;
        position: absolute;
        background-color: white;
        padding: 6px;
        border: 1px solid #666666;
        box-shadow: rgb(102, 102, 102) 4px 7px 15px -3px;
    }
    
    .publicationtooltipopen {
        display: block;
        width: 400px;
    }
    
    .publicationtooltip_title {
        display:block;
        font-size: 144.565%;
    }
    
    .publicationtooltip_author_label,
    .publicationtooltip_date_label,
    .publicationtooltip_download_label,
    .publicationtooltip_order_label {
        display: block;
        padding: 8px 9px 8px 0;
        font-weight: bold;
        float: left; 
        width: 120px;
        clear: left;
    }
    
    
    .publicationtooltip_author,    
    .publicationtooltip_date,
    .publicationtooltip_download,
    .publicationtooltip_order {
        display: block;
        padding: 8px 0 8px 9px;
        float: left;
        clear: right;
        width: 250px;
    }
    
    .publicationtooltip_download a,
    .publicationtooltip_order a {
        display: block;
    }
    
    /**** stars ************/
    .ui-stars-star,
    .ui-stars-cancel
    {
        float:left;
        display:block;
        overflow:hidden;
        text-indent:-999em;
        cursor:pointer;
    }
    
    .ui-stars-star a,
    .ui-stars-cancel a
    {
        width:24px;
        height:24px;
        display:block;
        background:url(../img/stars.png) no-repeat 0 0;
    }
    
    .ui-stars-star a
    {
        background-position:0 0px;
    }
    
    .ui-stars-star-on a
    {
        background-position:0 -24px;
    }
    
    .ui-stars-star-hover a
    {
        background-position:0 -48px;
    }
    
    .ui-stars-cancel-hover a
    {
        background-position:0 -16px;
    }
    
    .ui-stars-star-disabled,
    .ui-stars-star-disabled a,
    .ui-stars-cancel-disabled a
    {
        cursor:default!important;
    }
    
    #main .rating > ul,
    .rating > ul,
    #main .rating > ul > li,
    .rating > ul > li {
        background: none;
        padding-left: 0px;
        margin: 0px;
        
    }
    
    
    /******************************************************************** image rotation */
    
    #main ul.rotation {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        height: 162px;
    }
    
    #main ul.rotation li:first-child {
        z-index: 2;
    }
    
    #main ul.rotation li {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    /* changes from application developers */
    dl.formlayout input.tiny,dl.formlayout select.tiny {
        width: 40px;
    }
    
    dl.formlayout input.timeBoxLength,dl.formlayout select.timeBoxLength {
        width: 100px;
    }
    
    dl.formlayout input.halfTimeBoxLength,dl.formlayout select.halfTimeBoxLength {
        width: 50px;
    }
    
    #flyoutcontent ul li {
        background-image: none;
    }
        
    #columnlist ul {
        list-style-type: none;
    }
    
    #columnlist ul li {
        margin-left:5px;
        width:400px;
        text-align:left;
        background-image: none;
        line-height: 1.5em;
    }
    
    #columnlist ul li.even {
        margin-left:420px;
        width:400px;
        margin-top: -1.5em;
    }
    
    #columnlist ul li input.rad {
        float: left;
        height: 2em;
        line-height: 2em;
    }
    
    #columnlist ul li.even input.rad {
        margin-top: -7px;
    }
    
    #columnlist label.rad {
        padding: 0 9px;
        float: left;
        height: 2em;
        line-height: 2em;
    }
    
    #columnlist ul li.even label.rad {
        margin-top: -7px;
    }
    
    span.until {
        padding: 0 1em;
    }
    
    dl.formlayout dt.nolegend + dd.center {
        text-align: center;
    }
    
    .ie7 .wideform dl.formlayout.lottoform dt.widelegend + dd input + span + span {
        left: -221px;
        float: right;
        position: relative;
        top: -4em;
    }
    
    .ie7 .wideform dl.formlayout.lottoform  dt.widelegend + dd input + span {
        left: -221px;
        float: right;
        position: relative;
        top: -4em;
    }
    
    .ie7 .wideform dl.formlayout.lottoform dt.widelegend + dd input {
        top: -2em;
    }
    
    .ie7 .wideform dl.formlayout.lottoform a {
        left: -8px;
        float: right;
        position: relative;
        top: -4em;
    }
    
    .ie7 .wideform dl.formlayout.lottoform span.error {
        float: left;
        position: relative;
        top: -3.5em;
        width: 315px;
    }
    
    input.disabled {
        background-color: #EFEFEF;
    }
    
}   

/* print styles - mainly hide elements that should not be printed */
@media print {
    .teaser.dep,
    .teaser.depportal,
    .teaser.portalcontent {
        min-height: 0;
    }
    
    .inpagenav,
    .contact .magnify {
        display: none;
    }
    
    .teaser .cat {
        border: none;
    }
    
    body #main .tabs ul.tabnavigation li.selected a,
    body #main .tabs ul.tabnavigation li.selected span,
    body .tabs ul.tabnavigation li.selected a,
    body .tabs ul.tabnavigation li.selected span
    {
        color: black;
        font-weight: bold;
    }
    
    body #main .process ul li,
    body .process ul li,
    body #main .process ul li:first-child,
    body .process ul li:first-child,
    body #main .process ul li.last,
    body .process ul li.last {
        display: block;
        background: none;
        padding-left: 0;
        height: auto;
        float: none;
        border-left:none;
        border-right: none;
    }
    
    .ie7 body #main .process ul li,
    .ie7 body .process ul li,
    .ie7 body #main .process ul li:first-child,
    .ie7 body .process ul li:first-child,
    .ie7 body #main .process ul li.last,
    .ie7 body .process ul li.last,
    .ie7 body #main .process ul li.current,
    .ie7 body .process ul li.current {
        padding-left: 3px;
    }
    
    body .process ul li span {
        height: auto !important;
    }
    
    body .process ul li br {
        display: none;
    }
    
    body .process ul li span.screenreader {
        position: relative;
        top: 0px;
        left: 0px;
    }
    
    body #main .process ul li span.shortenedText,
    body .process ul li span.shortenedText {
        display: none;
    }
    
    body #main .process ul li.current span.screenreader,
    body .process ul li.current span.screenreader {
        display: none;
    }
    
    body #main .process ul li.current span,
    body .process ul li.current span {
        font-weight: bold;
        color: black;
    }   
}