<style type="text/css">

html {min-height: 100%;}

    * {
       margin: 0;
       padding: 0;
       font-family: Arial, sans-serif, Helvetica;
      }

    body {
          background-color:#CCCCFF;
         }

    .clearer {clear: both; font-size: 0;}
    .left {float: left;}

.inner-container {
                  margin: 0 auto;
                  padding: 3px;
                  width: 1234px;
                  left: 50%
                  margin-left: 5px;
                  margin-top: 5px;
                 }

.outer-container {
                  padding-bottom: 14px;
                 }

div.header {
            height: 100px;
            padding: 10px;
            margin-bottom: 5px;
            background-image: url(img/Hintergrund_1.jpg);
            background-color: #0000FF;
           }

#navi {
       border: 3px groove #3A5FCD;
       float: left;
       width: 195px;
       height: 490px;
       margin-top: 0px;
      }

#navi ul {
	  list-style:none;
	  display:inline;
          margin:5;
	  padding:5;
         }

#navi li {
	  margin:0;
	  padding:0;
         }

#navi a:link, 
#navi a:visited {
	         display:block;
	         margin:3px 3px;
	         padding:0.75em 0.75em 0.75em 1.5em;
	         background-color:#436EEE;
                 hight:1em;
                }


.content {
          border: 1px solid #000000;
          float: right;
          width: 970px;
          height: 434px;
          padding: 30px;
          background-color: #FFFFCC;
          margin-top: 0px;
         }

.footer {
         border: 0px
         margin-top: 8px;
         padding: 2px 4px;
        }

</style>