body, html {
    padding:0;
    background:#E3E3E3;
    font-family: 'Trebuchet MS', 'Lucida Grande',
	           Verdana, Lucida, Geneva, Helvetica,
	           Arial, sans-serif;
  }

  #header{
    font-family:Arial, Times New Roman;
    align-vertical:middle;
    position:absolute;
    top:0px;
    left:0px;
    width:800px;
    height:70px;
    background:#E3E3E3;
  }

  #archiv{
    line-height:50px;
    position:absolute;
    top:70px;
    left:0px;
    width:800px;
    height:50px;
    background:#800000;
    font-weight:bold;
  }

  #main{
    position:absolute;
    top:120px;
    left:0px;
    width:800px;
    background:#FF0000;
  }

  #leftBar{
    position:absolute;
    top:0px;
    left:0px;
    width:150px;
    background:#E3E3E3;
  }

  #content{
    padding-left:30px;
    padding-top:30px;
    position:absolute;
    top:0px;
    left:150px;
    width:620px;
    background:#E3E3E3;
  }

  #nav {
    font-size:small;
    text-align:center;
    width:100%;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
    background-color: #E3E3E3;
    color: #6A84E2;
    }

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

  #nav li {
	border-bottom: 1px solid #E3E3E3;
  	margin: 0;}

  #nav li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 10px solid #6A84E2;
	border-right: 10px solid #6A84E2;
	background-color: #E3E3E3;
	color: #6A84E2;
	text-decoration: none;
       }

  html>body #nav li a {
  	width: auto;}

  #nav li a:hover {
  	border-left: 10px solid #224AE8;
  	border-right: 10px solid #224AE8;
  	background-color: #6A84E2;
  	color: #E3E3E3;}

  #position{
   background:#6A84E2;
   color:#E3E3E3;
   font-weight:bold;
   text-align:center;
   line-height:50px;
   weight:100%;}

  #logo{
   background:#E3E3E3;
   weight:100%;
   }

   .listing {
   	border:none;
         border-collapse: separate;
   }


   .listing td {
   	vertical-align: middle;
         padding:10px 25px;
   }

   .listing th {
   	background-color:#6A84E2;
	text-align: center;
	color:#E3E3E3;
	font-weight: bold;
   }

   .list {
   	border:none;
         border-collapse: separate;
   }


   .list td {
   	vertical-align: middle;
         padding:3px 25px;
   }

   .list th {
   	background-color:#6A84E2;
	text-align: center;
	color:#E3E3E3;
	font-weight: bold;
   }

  #archiv ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	}

  #archiv ul li {
	margin-left: 0;
	padding: 3px 10px;
	border-left: 1px solid #000;
	list-style: none;
	display: inline;
	}


  #archiv ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
	}

  #gross {
    font-family:Arial, Times New Roman;
    font-size:20px;
    font-weight:bolder;
    line-height:22px;}

  #klein {
    font-family:Arial, Times New Roman;
    font-size:15px;
    font-weight:bolder;
    line-height:17px;}

  .news p {
          width:500px;
         }

  h1 {
    color: #224AE8;
    font-size:16pt;
  }

  h3 {
    margin:0;
    padding:3px;
    background:#FB6F1C;
    font-weight:bold;
    font-size:12px;
    text-align:center;
    }

  h4 {
    font-size:17px;
    color:#5a5a5a;}

  h5 {
    font-size:17px;
    color:#5a5a5a;
    margin-bottom:4px;
    margin-top:4px;}

  h2 {
     background-color: #224AE8;
     color: #E3E3E3;
     font-size:12pt;
     padding: 1px 15px;
     width:500px;
     border-left: 10px solid #6A84E2;
     }
  a:link {color:#000080; text-decoration:none;}
  a:visited {color:#000080; text-decoration:none;}
  a:active {color:#000080; text-decoration:none;}
  a:hover {color: #FF0000;}