/* CSS Document */
@charset "utf-8";

@media all
{
  html * {
    font-size:100.01%;
    margin:0; padding:0;
  }
  
  body{
    color:#444444;
    font-family:'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;
    font-size:80%;
    background:#182e7a url(images/bg_blue.gif) repeat-x fixed left top;
    padding:0;
    margin:0 auto;
    color:#000;
  }

  div#page{
    margin:0 auto;
    max-width:880px;
    min-width:780px;
    width:auto;
    background:#fff;
    border: 5px solid #ffb43d;
  }
  div#header{
    background:#fff url(images/header.jpg) no-repeat top left;
    padding:10px;
    height: 80px;
  }
  #main, #footer{
    clear:both;
    background:#ededed url(images/bg_main.gif) repeat-y left top;
    }
  
  div#navi{
    background: #ededed;
    float:left;
    margin:0;
    display:block;
    padding:10px;
    width:180px;
  }
  div#index{
    padding: 20px;
    margin:0 20px 0 200px;
    background:#fff;
  }
  
  div#content{
    position:relative;
  }
  
  #footer{
    color:#666666;
    line-height:1.5em;
    padding:10px 20px;
    text-align:center;
    background:#ededed;
  }
  
  div#overlay{
    background: url(images/transp.png);
    display:none;
    margin-top:-450px;
    min-height:360px;
    padding:50px 15px;
    position:relative;
    width:auto;
    z-index:2;
  }
 /* LINKS und Listen*/
  a {color: #ef181e;text-decoration:none;}
  a:focus, a:hover, a:active {color:#000; text-decoration:none;}

  #navi a {
    width:100%;
    margin:0;
    display:block;
    padding:3px 0px 3px 10%;
    color:#000;
    text-decoration:none;
    font-weight:bold;
  }
  #navi a:hover, #navi a.current {
    color:#ef181e;
    font-weight:bold;
  }
  
  ul, ol, dl { margin:0 0 1em 1em; }
  li {
    line-height:1.5em;
    margin-left:0.8em;
  }

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

/* INHALT */
  .small{font-size: 11px; font-style:italic;}
  .small-left{font-size: 11px; font-style:italic; text-align:left;}
  .big { font-size:200%; font-weight:bold;}
  .none{display:none;}

  .left{float:left; margin:0 10px 10px 0; padding:0; width:50%; overflow:hidden;}
  .right{margin:0 0 10px 10px; padding:0; width:auto; overflow:hidden; text-align:right;}


  h1,h2,h3,h4,h5,h6 {
  	font-weight:bold;
    color: #ef181e;
  	margin: 0 0 1em 0;
    width:100%;
  }

  h1 { font-size: 300% } /* 24px */
  h2 { font-size: 200%;} /* 24px */
  h3 { font-size: 150% } /* 18px */
  h4 { font-size: 133.33% } /* 16px */
  h5 { font-size: 116.67% } /* 14px */
  h6 { font-size: 116.67%; font-style:italic } /* 14px */

  p { line-height: 1.5em; margin: 0 0 1em 0; }
  hr {border:1px inset #ef181e;}

  fieldset{
    border:#ef181e 1px solid;
    margin-bottom:5px;
    padding:10px;
  }
  legend {
   margin: 0;
   padding: 10px;
   color: #ef181e;
   font-weight: bold;
   font-size:122%;
   background:#fff;
   white-space:normal;
  }
  
  blockquote{
    font-style:italic;
    margin: 1em 1.6em;
    color:#000;
  }
  
  input[type=text], input[type=submit], textarea, select{
    border:1px solid #ef181e;
    font-size: 99%;
    background:#ccc;
  }

  input[type=text]:focus, input[type=submit]:focus, input[type=submit]:hover, textarea:focus, select:focus{
    border:1px solid #ef181e;
    font-size: 99%;
    background:#ededed;
  }

  table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:0px #888 solid; border-bottom:0px #888 solid; }

  th,td { padding:0.5em; vertical-align:top;  }
  img {border:none;}
  
  .vcard {
    float: left;
    margin: 10px;
    min-height: 350px;
    text-align: center;
    width: 46%;
  }


}

@media print
{
  /* für Druck aufbereiten */
  body, #page, #main, #overlay {margin:0; padding: 0; border: none;}
  index, #content {width: 800px !important; padding: 5px; margin:0 !important;}
  #header {height: auto;}
  #navi{display:none !important; }

}