/* 
   ** Plone style sheet for CSS2-capable browsers.
   ** Copyright Alexander Limi, 2002 - http://limi.net
   **
   ** Thanks to Geir B~olt, Stian S~d for input and guidance.
   **
   ** Style sheet documentation can be found at http://plone.org/documentation
   **
   ** Feel free to use whole or parts of this for your own designs, but give credit
   ** where credit is due.
   **
   */
/*
   **  DTML instructions to set caching headers. Inside comments area to play nicer with CSS editors.
   ** */
/*  */

body
{
  font-family: "Computer Modern Serif", "Classic", "Times New Roman", serif;
  font-size: 12pt;
  background-color: white;
  padding: 0;
  }


div#huegelcontainer
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background-color: #DEE7EC;
  }

img#huegel
{
  position: absolute;
  top: 0;
  left: 0;
  }

div#menu1
{
  text-align: center;
  }

div#menu1 a
{
  text-decoration: underline;
  }

div#roemerit
{
  position: absolute;
  
  top: 5px;
  right: 15px;

  z-index: 2;
  }

div#pathBar
{
  font-family: "Computer Modern Sans Serif", "Nova", Arial;
  padding-left: 0px;
  padding-top: 40px;
  padding-bottom: 80px;
  }

div#maincontent
{  
  padding-left: 100px;
  padding-right: 100px;
  }


div#maincontent a:hover
{
  text-decoration: none;
  }

div#margin
{
  position: absolute;

  top: 54px;
  right: 5px;
  width: 185px;
  height: 600px;

  padding-top: 1px;

  padding-left: 10px;
  padding-right: 5px;
  }

div.document div.topic
{
  border: 0;
  }

div.quote p
{
  font-size: 93%;
  font-style: italic;
  padding-left: 4em;
  }

div.discussionView
{
  margin-top: 1em;
  padding-top: 1em;
  }

div.discussionView h6
{
  display: none;
  }

table.table tbody tr td, table.table thead tr th
{
  padding: 5px;
  margin: 0;
  }

table.table tbody tr td p, table.table thead tr th p
{
  padding: 0;
  margin: 0;
  }

table.table thead tr th
{
  border-bottom: black 2px solid;
  background-color: lightgray;
  }

div.embed
{
  background-color: white;
  border-color: black;
  }

div.topic
{
  display: block;
  height: 300px;

  border: black 1px solid;
  }

hr
{
  border: 0;
  border-bottom: black 1px  solid;
  }

table {
        font-size: 100%;
        }

table {

        }


img
{
  border: none;
  vertical-align: middle;
  }

p {
    margin-bottom: 1em;
    text-align: left;
    font-size: 12pt;
    line-height: 1.2em;
    }

a
{
  text-decoration: none;
  color: #e89a00;  
  background-color: transparent;
  }

p a:hover
{
  border-bottom: black 1px solid;
  }

p a:visited
{
  color: #e89a00;
  }

p a:active
{
  color: #e89a00;
  }

p img {
        border: 0;
        margin: 0;
        }


hr {
     height: 1px;
     color: #8CACBB;
     background-color: transparent;
     }



h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
  font-family: "Computer Modern Sans Serif", "Nova", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
  font-weight: normal;

  color: #a87103;  
  
  margin: 0;
  padding-top: 0.5em;
  }


h1
{
  font-size: 22pt;
  border-bottom: #a87103 1px solid;
  padding-bottom: 3px;
  margin-bottom: 15px;
  }

h1.title
{
  font-size: 22pt;
  color: black;
  border-bottom: 0;
  }

h2.subtitle
{
  font-size: 14pt;
  color: black;
  font-family: "Computer Modern Serif", "Classic", "Times New Roman", serif;
  font-style: italic;
  padding-top: 0px;
  padding-bottom: 30px;
  }

h2
{
  font-size: 18pt;
  }

h3
{
  font-size: 18pt;
  }

h4
{
  font-size: 16pt;
  }

h5 
{
  font-size: 14pt;
  }


ul { 
     line-height: 1.2em;
     margin-left: 1em;
     padding:0;
     }

ol
{
  line-height: 1.2em;
  margin-left: 1em;
  padding:0;
  }

ul a, ol a {
             text-decoration: underline;
             }

li
{
  font-style: normal;
  font-size: 12pt;
  }

dl {
     }

dt {
     font-weight: bold;    
     }

dd {
     line-height: 1.5em;
     margin-bottom: 1em;
     }


fieldset {
           border: 1px solid #e89a00;
           margin: 2em 0em 1em 0em;
           padding: 1em 0em;
           }

legend {
         background: White;
         padding: 0.5em;
         }


form 
{
  border: none;
  margin: 0;
  font-family: "Computer Modern Sans Serif", "Nova", Arial;
  }

textarea {
           font: 12pt "Courier New" sans-serif;
           border: 1px solid #e89a00;  
           color: Black;
           background-color: white;
           /* width: 88%; */
           padding: 0.1em;
           }

input {
        font: 12pt "Courier New" sans-serif;
        border: 1px solid #e89a00;  
        color: Black;
        background-color: white;
        vertical-align: middle;
        margin-bottom: 1px; /* IE bug fix */
        padding: 0.1em;
        }

select {
         font: 12pt "Courier New" sans-serif;
         border: 1px solid #8cacbb;  
         vertical-align: top;
         }

abbr, acronym, .explain {
                          border-bottom: 1px dotted Black;
                          color: Black;
                          background-color: transparent;
                          cursor: help;
                          }

q {
    font-style: italic;
    font-size: 120%;
    }

blockquote {
             font-style: italic;
             font-size: 120%;
             }

code {
       font-size: 120%;
       color: Black;
       background-color: lightgray;
       }

pre {
      font-size: 90%;
      padding: 1em;
      border: 1px solid black;
      color: Black;
      background-color: #fff8f3;
      }

.netscape4 {
             display: none;
             }

/*
   ** Structural Elements
   */

div.top {
          /* Top section */
          background: transparent;
          margin: 0;
          padding: 0;
          }

.logo {
        /* Logo properties */
        margin: 1em 0em 1em 2em;
        padding: 0;
        }

div.searchBox {
                /*searchbox style and positioning */
                background-color: transparent;
                color: Black;
                float: right;
                margin: 3em 0em 0em 0em;
                padding: 0em 2em 0em 0em;
                text-align: right;
                text-transform: lowercase;
                width: 30%;
                }

input.searchButton {
                     font-size: 100% ! important;
                     margin-bottom: 1px ! important;
                     }

div.tabs {
           /* Navigational Plone Tabs(tm), implemented by customizing the a tag - they are surprisingly elegant. The power of CSS runs strong in these :) */
           background: transparent;
           border-collapse: collapse;
           border-bottom-color: #8CACBB;
           border-bottom-style: solid;
           border-bottom-width: 1px;
           padding: 0.5em 0em 0em 2em;
           white-space: nowrap;
           }

div.tabs a {
             /* The normal, unselected tabs. They are all links */
             background: transparent;
             border-color: #8CACBB;
             border-width: 1px; 
             border-style: solid solid none solid;
             color: #436976;
             font-weight: normal;
             height: 1.2em;
             margin-right: 0.5em;
             padding: 0em 2em;
             text-transform: lowercase;
             }

div.tabs a.selected {
                      /* The selected tab. There's only one of this */
                      background: #DEE7EC;
                      border: 1px solid #8CACBB;
                      border-bottom: #DEE7EC 1px solid;
                      color: #436976;
                      font-weight: normal;
                      }

div.tabs a:hover {
                   background: #DEE7EC;
                   border-color: #8CACBB;
                   border-bottom-color: #DEE7EC;
                   color: #436976;
                   }

div.personalBar
{
  /* Bar with personalized menu (user preferences, favorites etc) */
  font-family: "Computer Modern Sans Serif", "Nova", Arial;
  background: white;
  color: Black;
  padding-right: 0.5em;
  margin-bottom: 0.5em;
  text-align: left;
  text-transform: lowercase;
  white-space: no-wrap;


  z-index: 5;
  background-color: white;
  }

div.personalBar a
{
  background-color: transparent;
  color: #436976;
  border: #436976; 1px solid;
  padding: 0 0.5em;
  height: 1.2em;
  margin-right: 0.5em;
  padding: 0em 0.5em;
  }

div.personalBar img {
                      vertical-align: top;
                      }

div.pathBar {
              /* The path bar, including breadcrumbs and add to favorites */
              border-bottom-color: #8CACBB;
              border-bottom-style: solid;
              border-bottom-width: 1px;
              padding-left: 2em;
              padding-right: 2em;
              text-transform: lowercase;
              }

.breadcrumbs {
               float: left;
               text-transform: lowercase;
               }

.addFavorite {
               vertical-align: bottom;
               }

table.columns {
                width: 100%;
                }

table.columns td.left {
                        vertical-align: top;
                        width: 15%;
                        padding: 2em 0em 1em 2em;
                        }

table.columns td.main {
                        vertical-align: top;
                        padding: 0em 2em 1em 2em;
                        margin: 0;

                        }

table.columns td.right {
                         vertical-align: top;
                         width: 15%;
                         padding: 2em 2em 1em 0em;
                         }

#contentTabs
{
  font-family: "Computer Modern Sans Serif", "Nova", Arial;
  background: transparent;
  border-collapse: collapse;
  white-space: nowrap;
  }

#contentTabs a {
                 background: transparent;
                 border: 1px solid #74AE0B;
                 border-style: solid solid solid solid;
                 color: #578308;
                 font-weight: normal;
                 height: 1.2em;
                 margin-right: 0.5em;
                 padding: 0em 0.5em;
                 text-transform: lowercase;
                 }

#contentTabs a.selected {
                          background: #CDE2A7;
                          border-bottom: #CDE2A7 1px solid;
                          color: #578308;
                          font-weight: normal;
                          }

#contentTabs a:hover {
                       background-color: #CDE2A7;
                       color: #578308;
                       }

#contentBar {
              background: #CDE2A7;
              border-left: 1px solid #74AE0B;
              border-right: 1px solid #74AE0B;
              color: #578308;
              text-align: right;
              text-transform: lowercase;
              }

div.editableDocument {
                       background: White;
                       border: 1px solid #74AE0B;
                       margin: 0em 0em 2em 0em;
                       padding: 0em 1em 2em 1em;
                       }

div.documentActions {
                      float: right; 
                      margin-top: 1.5em;
                      }

div.message
{
  font-family: "Computer Modern Sans Serif", "Nova", Arial;
  font-size: 90%;
  background: #FFCE7B;
  border: 1px solid #FFA500;
  color: Black;
  margin: 2em 0em 1em 0em;
  padding: 0.5em 1em;
  vertical-align: middle;
  }

div.message a {
                color: Black;
                text-decoration: underline;
                }



div.title {
            margin-top: 1em;
            }

.description {
               /* The summary text describing the document */
               display: block;
               margin: 1em 0em;
               line-height: 1.5em;
               }

.footer {
          background: #DEE7EC;
          border-top: 1px solid #8CACBB;
          border-bottom: 1px solid #8CACBB;
          color: Black;
          clear: both;
          float: none;
          margin: 2em 0em;
          padding: 0.5em 0em 1em 0em;
          text-align: center;
          }


/*
   ** Widgets
   */

input.standalone {
                   background: #DEE7EC url(linkOpaque.gif) 9px 1px no-repeat;
                   color: Black;
                   cursor: pointer;
                   font-size: 80%;
                   font-weight: normal;
                   margin-bottom: 1em;
                   padding: 1px 1px 1px 15px;
                   text-transform: lowercase;
                   }

input.context {
                background: White url(linkTransparent.gif) 9px 1px no-repeat;
                color: Black;
                cursor: pointer;
                font-size: 80%;
                font-weight: normal;
                margin-bottom: 1em;
                padding: 1px 1px 1px 15px;
                text-transform: lowercase;
                }

input.destructive {
                    background: #FFCE7B url(linkTransparent.gif) 9px 1px no-repeat;
                    border: 1px solid #FFA500;  
                    color: Black;
                    cursor: pointer;
                    font-size: 80%;
                    font-weight: normal;
                    margin-bottom: 1em;
                    padding: 1px 1px 1px 15px;
                    text-transform: lowercase;
                    }

input.noborder {
                 border: none;
                 margin: 0;
                 background-color: transparent;
                 }

div.row {

          min-height: 4em;
          margin: 0em 0em 1em 0em;
          position: relative;
          }

.group
{
  font-family: "Computer Modern Sans Serif", "Nova", Arial;
  border: 1px solid #e89a00;
  margin: 1em 0em 1em 0em;
  padding: 0em 1em;
  }

span.legend {
              background: White;
              font-size: 80%;
              padding: 0.5em;
              position : relative;
              top: -0.8em;
              left: 0em;
              }

div.label {
            font-weight: bold;
            display: inline;
            padding-right: 0.5em;
            }

div.field {
            margin-top: 0.2em;
            }

div.help {
           background-color: #FFFFE1; 
           border: 1px solid black; 
           font-size: 80%;
           font-weight: normal;
           line-height: normal;
           text-align: left;
           position: absolute;
           left: -18em;
           top: 1.5em;
           width: 16em;
           padding: 0.5em;
           }

.error {
         /* Class for error indication in forms */
         background: #FFCE7B;
         border: 1px solid #FFA500;
         padding: 1em;
         margin: 0;
         width: 68% !important;
         }

.required {
            /* Used in addition to class "label" on required elements */
            background: url(required.gif) right no-repeat;
            }

span.card {
            background: #DEE7EC;
            border-color: #8CACBB;
            border-width: 1px;
            border-style: solid;
            float: left;
            margin: 1em;
            padding: 1em;
            text-align: center;
            width: 15%;
            }

table.listing
{
  font-family: "Computer Modern Sans Serif", "Nova", Arial;
  font-size: 90%;
  border-collapse: collapse;
  border:  1px solid #e89a00;
  
  margin: 1em 0em 1em 0em;
  }

table.listing th
{
  background: #f8b010;
  color: black;
  
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  
  font-weight: normal;
  font-size: 130%;
  
  white-space: nowrap;
  text-align: left;
  }

table.listing td.top {
                       border-left: 1px solid White;
                       border-top: 1px solid White ! important;
                       border-right: 1px solid White ! important;
                       text-align: right ! important;
                       padding: 0.5em 0.5em 0.5em 0.5em;
                       /* insane IE row bug workaround */
                       position: relative;
                       left: -1px;
                       top: -1px;
                       }

table.listing tr.odd {
                       /*every second line should be shaded */
                       background: transparent;
                       }

table.listing tr.even {
                        background: lightyellow;
                        }

table.listing td
{
  border-right: 1px solid #e89a00;
  padding: 0.5em 0.5em 0.5em 0.5em;
  text-align: left;
  }

table.listing a:hover {
                        text-decoration: underline;
                        }

table.listing img {
                    vertical-align: middle;
                    }

div.box {
          margin: 0em 0em 2em 0em;
          padding: 0;
          }

div.box h4 {
             font-size: 1em;
             }

div.box h5 { 
             background: #DEE7EC;
             border: 1px solid #8CACBB;
             border-style: solid solid none solid;
             color: Black;
             padding: 0em 1em 0em 1em;
             text-transform: lowercase;
             display: inline;
             font-size: 1em;
             height: 1em;
             }

div.box h6 { 
             background: #DEE7EC;
             border: 1px solid #8CACBB;
             border-style: solid solid none solid;
             color: Black;
             padding: 0em 1em 0em 1em;
             text-transform: lowercase;
             display: block;
             font-size: 1em;
             height: 1em;
             }


div.box div.body {
                   background: transparent;
                   border-collapse: collapse;
                   border: 1px solid #8CACBB;
                   }

.boxDetails {
              text-align: right;
              }

div.box .content {
                   padding: 1em;
                   }

div.box a.close {
                  float: right;
                  text-transform: none;
                  border-left: 1px solid #8CACBB;
                  padding: 0em 0.2em;
                  }

div.box h1, 
div.box h2, 
div.box h3, 
div.box h4 {
             margin: 0;
             padding: 0;
             }

div.box .even {
                background-color: #F7F9FA;
                }

div.box .odd {
               background-color: transparent;
               }

div.box .highlight {
                     background-color: 2px solid #FFA500;
                     }


div.spacer {
             margin: 1em;
             }

.currentNavItem {
                  color: Black;
                  font-weight: bold;
                  }

.private {
           color: Black;
           }

.published {
             color: #74AE0B;
             }

.pending {
           color: #FFA500;
           }

.syndicated {
              color: #008000;
              }

.expired {
           color: Red;
           }

.even {
        background-color: #F7F9FA;
        }

.odd {
       background-color: transparent;
       }

.highlight {
             background-color: #F7F9FA;
             }

div.listingBar {
                 background: #DEE7EC;
                 border-color: #8CACBB;
                 border-style: solid;
                 border-width: 1px;
                 padding: 0em 1em;
                 text-align: center;
                 text-transform: lowercase;
                 clear: both;
                 vertical-align: top;
                 margin: 1em 0em;
                 }

div.listingBar span.previous {
                               text-align: left;
                               float: left;
                               }

div.listingBar span.next {
                           text-align: right;
                           float: right;
                           }

div listingBar img {
                     vertical-align: middle;
                     }

div#foot
{
  margin-top: 3em;
  color: gray;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  border-top: gray 1px solid;
  }

div#foot a
{
  font-family: "Computer Modern Sans Serif", "Nova", Arial;
  color: gray;
  }

div.folderlisting
{

  }

div.folderlisting div.title
{
  font-size: 110%;
  border-bottom: #e89a00 1px solid;
  }

div.folderlisting div.title img
{
  width: 18px;
  height: 12px;
  }

div.folderlisting div.description
{

  }

table.listing * a.button
{
  border: 1px solid #e89a00;
  background-color: white;
  padding: 3px;
  margin: 4px;
  color: black;
  text-decoration: none;
  }

div.dst
{
  visibility: hidden;
  display: none;
  }

table#toc { width: 100%; cell-spacing: 4px; }

table#toc * td
{
  vertical-align: top;
  line-height: 1em;
  }

table#toc * td.img
{
  width: 120px;
  padding-right: 15px;
  text-align: center;
  }

table#toc * td.img img
{
  padding-top: 0.5em;
  }

table#toc * td.flag img
{
  width: 18px;
  }

table#toc * h1
{
  border-bottom: 0;
  padding: 0;
  margin: 0
  font-size: 14pt;
  }

table#toc * td div.description
{
  padding-top: 5px;
  margin: 0;
  font-style: italic;
  line-height: 1em;
  }

div.sectiontitle
{
  font-family: "Computer Modern Sans Serif", "Nova", "Trebuchet MS", "Arial Narrow", Arial, sans-serif;
  font-weight: normal;

  color: #a87103;  
  
  margin: 0;
  padding-top: 0.5em;
  font-size: 22pt;
  line-height: 100%;
  padding-top: 0.25;
  margin-bottom: 0.4em;
  }
/*  */



table#toc { width: 100%; cell-spacing: 4px; }

table#toc * td
{
  vertical-align: top;
  line-height: 1em;
  }

table#toc * td.img
{
  width: 70px;
  padding-right: 15px;
  vertical-align: middle;
  }

table#toc * td.flag img
{
  width: 18px;
  }

table#toc * h1
{
  border-bottom: 0;
  padding: 0;
  margin: 0
  font-size: 14pt;
  }

table#toc * td div.description
{
  padding-top: 5px;
  margin: 0;
  font-style: italic;
  line-height: 1em;
  }

div.sectiontitle
{
  font-family: "Computer Modern Sans Serif", "Nova", "Trebuchet MS", "Arial Narrow", "Arial", sans-serif;
  font-weight: normal;

  color: #a87103;  

  margin: 0;
  padding-top: 0.5em;
  font-size: 22pt;
  line-height: 100%;
  padding-top: 0.25;
  margin-bottom: 0.4em;
  }

table#download
{
  cell-spacing: 0;
  width: 100%;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: black;
  }

table#download * td
{
  vertical-align: top;
  padding-top: 0.25em;
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-bottom: 0.25em;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: black;
  }