<!--Force IE6 into quirks mode with this comment tag-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dynamic Drive: CSS Left, Top and Right Frames Layout</title>
<style type="text/css">

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}

a:link, a:active, a:visited
        {
        font-family: Tahoma, Arial, Helvetica, san-serif;
        color: #f98304;
        text-decoration: none;
        }

a:hover, a:focus
        {
        font-family: Tahoma, Arial, Helvetica, san-serif;
        color: #f98304;
        text-decoration: underline;
        }

#right { color: white; background-color: lime; position: absolute; top: 0; left: 0; width: 150px; height: 100%; overflow: hidden }

#left { color: white; background-image: url(left.jpg); background-repeat: no-repeat; background-color: #000000; position: absolute; top: 0; left: 0; width: 150px; height: 100%; overflow: hidden }

#right { color: white; background-color: #000000; background-image: url(seiter.jpg); background-repeat: no-repeat; background-position: center; right: 0; left: auto; width: 150px; overflow: hidden }

#head  { color: white; background-color: black; background-image: url(tophell.jpg); background-repeat: no-repeat; position: absolute; top: 0; right: 150px; left: 150px; width: auto; height: 120px; overflow: hidden }

/*Definition Main*/

#main { background: #000000; padding-right: 2em; padding-left: 1em; position: fixed; top: 120px; right: 150px; bottom: 0; left: 150px; overflow: auto }

div#main ul{
        float: none;
        text-decoration: none;
        list-style: square;
        }

div#main ul li { color: #ffffff; font-family: Tahoma, Arial, Helvetica, san-serif; line-height: 25px; margin-left: 3em; }

div#main td
{ background-color: #ffffff; text-align: left; padding-left: 50px; width: 300px; border: 0.3px;font-family: Tahoma, Arial, Helvetica, san-serif;}

div#main tr
 { background-color: #ffffff; text-align: left; padding-left: 50px; width: 300px; border: 0.3px;font-family: Tahoma, Arial, Helvetica, san-serif;}

div#main thead td

 { color: #ffffff; font-family: Tahoma, Arial, Helvetica, san-serif; background-color: #000000; padding-top: 4px; padding-right: 1em }


.navil {
margin-top: 125px;
margin-left: 2em;

}

.navio  { margin-top: 99px;
                        color: #ffffff;}


/* Defintion Inhalt */

p
        {
        font-family: Tahoma, Arial, Helvetica, san-serif;
        color: #ffffff;
        margin-bottom: 1em;
        text-align: justify ;
        margin-left: 1em;
        }

h1
        {
        font-family: Tahoma, Arial, Helvetica, san-serif;
        text-align: center;
        color: #fff004;
        font-size: 150%;
        margin-bottom: 1em;
        }

h2

        {
        color: #f00606;
        font-family: Tahoma, Arial, Helvetica, san-serif;
        font-size: 120%;
        margin-bottom: 0.8em;
        margin-left: 1em;

        }

h4
        {
        color: #EF7A06;
        font-size: 100%;
        font-style: italic;
        font-family: Tahoma, Arial, Helvetica, san-serif;
        margin-bottom: 0.8;
        padding-left:10px;

        }

div#head  p

        {
        font-size: 85%;
        color: #ffffff;
        }

div#head  p a

        {
        color: #ffffff;
        }

/*Definintion der Navigation*/

div#left ul
          { list-style-type: none; padding: 9px 10px 25px; font-family: Tahoma, Arial, Helvetica, san-serif; font-size: 85%}

div#left ul li
           { background-color: #fa0606; margin-bottom: 1.4em; margin-left: 0.8em; padding-top: 0.3em; padding-right: 0.3em; padding-bottom: 0.3em }



div#left ul li a:link, div#left ul li a:active, div#left ul li a:visited
        {
        color: #ffffff;
        text-decoration: none;
        border-right-width: 1pt;
        padding-left: 10px;
        font-weight: bold;
        }

div#left ul li a.aktive
{
color: #fff004;
text-decoration: none;
background-color: #000000; margin-bottom: 2em; margin-left: 0.8em; padding-top: 0.3em; padding-right: 2em; padding-bottom: 0.3em
}

div#left ul li a:hover, div#left ul li a:focus
        {
        padding-left: 10px;
        text-decoration: none;
        color: #fff004;
        font-weight: bold;
        background-color: #000000; margin-bottom: 2em; margin-left: 0.8em; padding-top: 0.3em; padding-right: 2em; padding-bottom: 0.3em
        }

div#left ul  ul
        {
        padding: -1px 0 0 15px;
        }

div#left ul ul li
        {
        background-color: #000000;
        margin-bottom: 0.5em;
        background-color: #fff004;
        color: #fa0606;
        font-weight: bold;
        }

div#left ul ul li a:link, div#left ul ul li a:active, div#left ul ul li a:visited
        {
        border-left-width: 3px;
        font-weight: normal;
        color: #fa0606;
        font-weight: bold;
        }

div#left ul ul li a:hover, div#left ul ul li a:focus
        {
        border-left-width: 3px;
        font-weight: normal;
        color: #fa0606;
        font-weight: bold;
        }

img.visual /* Classe Bild für einen Rahmen und Abstand*/
              { float: left;
                      border-style: none;
              }

img.right /* Classe Bild für einen Rahmen und Abstand*/
                 { margin-top: 5px; float: right; border-width: 1em; border-color: fuchsia; margin-left: 10px}

img.spon /* Classe Bild für einen Rahmen und Abstand*/
         {border: solid 19px #e1e1e1;
         float: right;}

table.vita  { margin-right: 1em; right: 1em; width: 900px }

/* Zitate*/

blockquote
        {
        border-color: #fff004;
        border-width: 2px;
        border-style: ridge;
        margin: 0.5em;
        padding: 0.8em;
        text-align: center;
        }
blockquote p
        {
        margin-bottom: 0;
        font-family: Tahoma, Arial, Helvetica, san-serif;
        font-size: 110%;
        font-style: italic;
        text-align: center;
        }
cite
        {
        color: #A9A9A9;
        }

img.visual /* Classe Bild für einen Rahmen und Abstand*/
        {
        float: right;
        margin-top: 1px;
        }

img.spon /* Classe Bild für einen Rahmen und Abstand*/
        {
        float:right;
        border: 19px solid #e1e1e1;
        margin: 0.2em 3em 0.8em 2.5em;  /* Abständer oben links unten rechts*/
        }


.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 120px 150px 0 200px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #main{ /*IE6 hack*/
height: 100%;
width: 100%;
}

* html #top{ /*IE6 hack*/
width: 100%;
}

</style>

