<!--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-color: #000000; position: absolute; top: 0; left: 0; width: 150px; height: 100%; overflow: hidden; background-repeat: no-repeat;}

#right { color: white; background-color: #000000; background-image: url(bilder/wmfrei.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{
	text-decoration: none;
	list-style: square;
	}

div#main ul li { color: #ffffff; font-family: Tahoma, Arial, Helvetica, san-serif; line-height: 25px; list-style-type: none; 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 ;
	}

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;

	}
	
h4
	 { color: #ffffff; font-size: 100%; font-family: Tahoma, Arial, Helvetica, san-serif; font-style: italic; margin-bottom: 0.8; padding-left: 10px;}

div#head  p 

	 { color: #ffffff; font-size: 85%; }

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: #f00606; 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: 0px 0 0 15px;
	}
	
div#left ul ul li
	{
	background-color: #000000;
	margin-bottom: 0.5em;
	}
	
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; 
	}
	
div#left ul ul li a:hover, div#left ul ul li a:focus
	{
	border-left-width: 3px;
	font-weight: normal; 
	}
	
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.8em;
	padding: 0.8em;
	}
blockquote p
	{ 
	margin-bottom: 0;
	font-family: Tahoma, Arial, Helvetica, san-serif;
	font-size: 110%;
	font-style: italic;	 
	}	
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>


