@charset "UTF-8";
@media all
{
  * { margin:0; padding: 0 }

  /* Correction: margin/padding reset caused too small select boxes. */
  option { padding-left: 0.4em }

 /**
  * Global fix of the Italics bugs in IE 5.x and IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto }  
  html { height: 100% }
  html * { font-size: 100.01%; }
  
  body {
    min-height: 95%;
    background: #F0F0F0;
    padding: 10px 0;
    text-align: left;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px; 
    color: #000;
  }
  
  /* Clear borders for <fieldset> and <img> elements */
  fieldset, img { border: 0 solid}

  /*  standard values */
  h1 { font-size: 100%; color:#444; font-family:Helvetica, serif;}     /* 16px */
  h2 { font-size: 100%; color:#444; font-weight:normal;font-style:italic;}            /* 12px */
  h3 { font-size: 100% }                        /* 12px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */
  
  p { line-height: 2em; margin: 0 0 1em 0; }
  
  th {background-color:#9AD4CC;height:25px;padding-left:5px; border:1px solid #9AD4CC; font-weight:normal;}
  
  a {color: #000; text-decoration:underline;}
  a:focus,
  a:hover,
  a:active {color:#9AD4CC; text-decoration:underline;}
  
  ul, ol, dl { margin: 0 0 1em 1em; }
  li { margin-left: 1.5em; line-height: 2em; }
  li.klein { margin-left: 1.5em; line-height: 1.8em; }
  
  input, textarea {border:0px; width:95%; margin:0 0 10px 0; padding:0 0 0 5px; background-color:#efefef;}
  input.checkbox {width:1em;margin:0 10px 0 0; padding:0;}
  input.zahl2 {
    width:2em;
    margin:2px 10px 2px 0px;
    border: 1px #25668C solid;
}
  
  /* general definitions for side-by-side columns */
  .subcolumns { width: 100%; overflow:hidden; }
  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, .c60l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r, .c40r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .60r { width: 60%; overflow:hidden; }
  .40l { width: 40% }
  .c62l, .c62r { width: 61.8% } /* goldener Schnitt */
  .c62l { overflow:hidden; } /* goldener Schnitt */
  .c66l { overflow:hidden;} 

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }

  /* basic layout setup */
  #page_margins {
    width: 920px; 
    margin: 0 auto; 
    border: 0px #9AD4CC solid;
  } 
  #page {border: 0px #ff0 solid; }

  #header {background:#FFF; width:100%; }
  
  #topnav1 { color: #aaa; text-align:left; margin: 0px 15px 0 10px;padding-top:5px;}
  #topnav1 a { color: #999; font-weight: normal; text-decoration:none; }
  #topnav1 a:focus, 
  #topnav1 a:hover,
  #topnav1 a:active { text-decoration:underline;}

  #logo .c33r img {
    margin:30px 20px 35px 0;
    border-width:0px;
  }
  
  #topnav2 {
    margin:0;
    padding:0;
    text-align: left;
    height:22px;
    width:100%;
    background: #58585a;
  }
  
  #topnav2 a {color: #FFF; text-decoration:none; display:block; line-height:22px; vertical-align:middle; border-right:1px solid #FFF;} 
  #topnav2 a:focus,
  #topnav2 a:hover,
  #topnav2 a:active  { color: #F00; text-decoration:none; display:block; line-height:22px; vertical-align:middle; border-right:1px solid #FFF;}
  
  #topnav2 .c33r a {border-right:0px solid #FFF;} 
  #topnav2 .c33r a.auswahl {background:#BBBBBB;} 

  #navmain {
    border-collapse:collapse;
    width:100%;
    vertical-align:middle;
  }
  #navmain td {
    text-align:center;
    vertical-align:middle;
  }
  #navmain td.auswahl {
    text-align:center;
    vertical-align:middle;
    background:#BBBBBB;
  }
  #navmain td a {
    font-weight:bold;
  }
  #navmain td.auswahl a {
    color: #4F4F4F;
  }
 
  #breadcrumb { 
    color: #aaa; 
    text-align:left;
    margin:5px 13px 40px 0px;
  }
  #breadcrumb a { color: #999; font-weight: normal; text-decoration:none;}
  #breadcrumb a:focus, 
  #breadcrumb a:hover,
  #breadcrumb a:active {text-decoration:underline;}

  #main {
    text-align:left; 
    border-top: 0px #9AD4CC solid;
    padding:0;
    background:#FFFFFF;
    border-top:1px solid #FFFFFF;
    background-image:url("/html_images/bottomstripBlank.jpg");
    background-repeat:no-repeat;
    background-position:bottom;
  }
  
  #mainStart {
    text-align:left; 
    border-top: 0px #9AD4CC solid;
    padding:0;
    background:#FFFFFF;
    border-top:1px solid #FFFFFF;
    background-image:url("/html_images/bottomstripBlank.jpg");
    background-repeat:no-repeat;
    background-position:bottom;
  }
  
  #footer { 
    text-align:left;
    border-top: 0px #9AD4CC solid;
    padding:5px 13px 0 13px;
    font-size: 10px; 
  }
  #footer a { color: #AAA; background:transparent;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #9AD4CC; background-color: transparent; text-decoration:underline;}

  #struct { /* structure table */
    border-collapse:collapse;
    width:100%;
    padding:0;
  }
  td.struct_left {
    vertical-align:top;
    width:560px;
    padding:0;
  }
  td.struct_main {
    background-color:#fff;
    vertical-align:top;
    padding-left:15px;
  }
    
  #col1 {
    vertical-align:top;
    height:100%;
    overflow:hidden; 
    width:612px; 
  }
  
  #col1 img {
    margin: 0px 0px 30px 0px;
  }
  
  #col1 h1 { font-size: 133.33%; color:#fff;margin-bottom:4px; }
  #col1 h2 { color:#fff; border-bottom: 1px #fff solid; margin-bottom:10px; font-weight:bold;font-style:normal;}  
  #col1 a { color: #000; font-weight: normal; margin:0;padding:0; text-decoration:none;}  
  #col1 a:focus,
  #col1 a:hover,
  #col1 a:active  { color: #fff; text-decoration:underline;}
  #col1 input {width:100%; padding:0; margin-top:7px;}

  #col1footer {position:absolute;bottom:60px;}
   
  div.col2 {
    vertical-align:top;
    margin: 0px 0px 0px 20px;
  }
  #col2 {
    vertical-align:top;
    margin: 0px 0px 0px 13px;
  }
  div.col2 h1 { margin-bottom:10px;}
  div.col2 h2 { margin-bottom:4px;}  

  #col2index {
    vertical-align:top;
    height:100%;
    margin:15px 15px 15px 0px;
  }
  #col2index h1 { margin-bottom:4px; color:#FFFFFF; }
  #col2index h2 { margin-bottom:4px;}  
  #col2index a:focus,
  #col2index a:hover,
  #col2index a:active  { color: #fff; text-decoration:underline;}

  table.normal { /* used for download lists, etc */
    width:95%;
    border-collapse:collapse;
    margin-left:1px;
  }
  table.normal td {
    border: 1px #AAA solid;
    padding:0px 5px 0px 5px;
  }
  table.normal td.blank {
    border: 0px #AAA solid;
    padding-left:5px;
    height:15px;
  }
  table.normal input,
  table.normal textarea {
    margin:2px 0px 2px 0px;
    width:90%;
    border: 1px #25668C solid;
  }  
  table.normal textarea {
    height:50px;
  }  
  table.normal button {
    margin:6px 0px 4px 5px;
  }  
  /* container for search results and similar */
  div.search { }
  
  table.address td {height:20px; vertical-align:middle;}  

#nav, #nav ul {
   padding: 0;
   margin: 0;
   list-style: none;
}

#nav a {
   padding: 0;
   margin: 0;
   display: block;
   width: 100%;
   height:100%;
}

#nav li {
   padding: 0;
   margin: 0;
   float: left;
   width: 188px;
   height:35px;
   text-align:center;
   vertical-align:middle;
   border-right:5px solid #fff;
   background:#535353;
   
}
}
