/********************************************************
**  Allgemein
********************************************************/
  
  html,
  body {
    color: #09335d;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
  }
  
  a {
    text-decoration: none;
  }
  
  div#content-container a,
  div#right a,
  div#content-left a {
    color: #09335d;
    text-decoration: underline;
  }
  
  div#content-container a:hover,
  div#right a:hover,
  div#content-left a:hover {
    color: #e3001b;
  }
  
  div#content-container ul {
    padding-left: 26px;
  }

  div#content-container ul li {
    list-style: outside square;
    line-height: 16px;
  }
  
  h1, h2, h3 {
    color: #09335d;
    font-size: 14px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 16px;
  }
  
  p {
    color: #09335d;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
  }
  
  
/********************************************************
**  Klassen
********************************************************/
  
  .clear {
    clear: both;
  }
  
  
/********************************************************
**  Layout
********************************************************/
  
  div#wrapper {
    border: 1px solid #09335d;
    margin: 20px auto;
    width: 978px;
  }
  
    div#header {
    }
      
        div#logo {
          border-right: 1px solid #09335d;
          float: left;
          height: 133px;
          width: 198px;
        }
          
        div#flash {
          background: #09335d url(../layout/flash-bg.gif) repeat-y 0px 0px;
          float: left;
          height: 133px;
          width: 779px;
        }
    
    div#main {
      background: #fff url(../layout/main-bg.gif) repeat-y 198px 0px;
    }
    
      div#left, div#right {
        background: #fff url(../layout/scanline-gradient.jpg) repeat-x 0px 0px;
      }
      
      div#gradient-bottom {
        background: transparent url(../layout/bottom-scanline-gradient.gif) no-repeat;
        height: 103px;
      }
    
      div#left {
        float: left;
        margin-right: 1px;
        width: 198px;
      }
      
        div#left ul {
          margin: 20px 2px 0 2px;
        }
        
          div#left ul li {
            margin-bottom: 3px;
          }
          
          div#left ul li a {
            color: #09335d;
            display: block;
            height: 33px;
            line-height: 33px;
            padding: 0px 16px;
          }
          
            div#left ul li a:hover {
              color: #e3001b;
              font-weight: bold;
            }
            
            div#left ul li a.active {
              background: #e3001b;
              color: #fff;
              font-weight: bold;
            }

div#left ul li ul {
  margin: 0px;
  margin-left: 10px;
}

div#left ul li ul li a.active {
  background: none;
  color: #e3001b;
  font-weight: bold;
}
      
      div#content {
        float: left;
        margin-right: 1px;
        width: 579px;
      }
      
        div#content-container {
          padding: 27px 14px 0 14px;
        }
      
      div#right {
        float: right;
        text-align: center;
        width: 199px;
      }
      
          div#right h1,
          div#right h2,
          div#right h3,
          div#content-left h1,
          div#content-left h2,
          div#content-left h3 {
            background: #e1e6ea;
            border-bottom: 2px solid #09335d;
            font-size: 12px;
            font-weight: bold;
            height: 33px;
            margin: 27px 2px 2px 2px; 
            padding: 2px 4px;
          }
          
          div#right p,
          div#content-left p {
            padding: 0px 12px;
            text-align: left;
          }
          
          div#right img,
          div#content-left img {
            margin: 27px 0;
          }

          div#right div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image,
          div#content-left div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
            margin-left: 0 !important;
            display: block;
          }

          div#right div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image,
          div#content-left div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
            float: none;
          }
    
    div#footer {
      background: #e3001b;
      height: 20px;
    }
    
      div#footer ul {
        background: #09335d;
        padding-right: 16px;
        text-align: right;
        width: 763px;
      }
        
        div#footer ul li {
          border-left: 1px solid #fff;
          padding-left: 4px;
          margin-left: 4px;
        }
        
        div#footer ul li a, div#footer ul li {
          color: #fff;
          display: inline;
          font-size: 10px;
          font-weight: bold;
          line-height: 20px;
          text-transform: uppercase;
        }
        
        div#footer ul li a:hover {
          text-decoration: underline;
        }
        
        div#footer ul li.first {
          border: none;
          margin-left: 0;
        }

        
/********************************************************
**  Kontaktformular (minimiert)
********************************************************/
  
  #kontakt{width:450px;float:left;font-size:12px}
  #kontakt #formErrorMsg{color:#e3001b;margin-bottom:15px}
  #kontakt fieldset{border-width:0px}
  #kontakt div.row{clear:both;padding-top:1px;line-height:15px}
  #kontakt div.left{float:left;margin-right:15px}
  #kontakt div.right{float:left}
  #kontakt div.submit{float:left}
  #kontakt div.label, 
  #kontakt label{display:block;width:90px}
  #kontakt label.short{width:40px}
  #kontakt label.required{font-weight:bold}
  #kontakt label.checkbox{width:410px}
  #kontakt span.error{color:#ca262d}
  #kontakt label.singleline{clear:both;width:100%}
  #kontakt input, 
  #kontakt textarea, 
  #kontakt select{float:left;display:block;border:1px solid #09335d;margin-bottom:10px;padding:1px}
  #kontakt input.error, 
  #kontakt textarea.error, 
  #kontakt select.error{border-color:#e3001b}
  #kontakt input.checkbox{float:left;width:20px;display:block;border-width:0px}
  #kontakt input.hidden{border-width:0px}
  #kontakt textarea{width:400px;font-family:Arial,Helvetica,sans-serif;font-size:1em}
  #kontakt input.button{color:#696969;background-color:#fff}
  #kontakt td.col1,#kontakt td.col2{width:190px}
  #kontakt input{width:180px}
  #kontakt textarea{width:372px}
  #adresse{float:left;margin-left:30px}

#content div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
    border:1px solid #00305E;
    padding:1px;
    margin:0;
}