<STYLE type="text/css" media="screen">

/* ---------------------------------------------------------------------------------------- */
/* ------------------------------ GLOBAL-STYLES ------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

	/* HTML */
		html{
		   overflow-x:	hidden;
		   overflow-y:	hidden;
		   width:	100%;
		   height:	100%;
		}
	
	/* BODY */
	      BODY { 
        	width: 		100%;
		height: 	100%;
		overflow-x:	auto;
	   	overflow-y:	auto;
   		margin: 	0px;
	   	padding: 	0px;

		font-family : 	verdana,arial,helvetica;
		font-size:	14px;
		font-weight:	normal;
		color: 		#000000;
		background-color: #FFFFFF;

		} /* Required for percentage heights below or height 8.5in*/


a.linkWeiss{text-decoration:none;color:white;} 
a:hover.linkWeiss{text-decoration:underline;}
a:visited.linkWeiss{text-decoration:none;}

/* ---------------------------------------------------------------------------------------- */
/* ------------------------------ LAYOUT for GLOBAL --------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

	/* ---------------------------------------------------------------------------------------- */
	/* TOP */
	      #top {
	        position: 	fixed;
	        width: 		100%;
                height: 	15%;
	        top: 		0px;
        	left: 		0px;
	        right: 		0px;
	        bottom: 	auto;

		overflow: 	hidden; 
		background-color: red;
		color: 		black;
	      }

	/* ---------------------------------------------------------------------------------------- */
	/* MIDDLE */
	      #middle {
	        position: 	fixed;
	        top: 		15%;
	        width: 		100%;
	        height: 	auto;
	        right: 		0px;
	        bottom: 	0px;
        	left: 		0px;
		overflow: 	hidden; 
		background-color: green;
		color: 		black;
	      }

	/* ---------------------------------------------------------------------------------------- */
	/* BOTTOM */
	      #footer {
	        position: 	fixed;
	        top: 		auto;
	        bottom: 	0px;
	        width: 		100%;
	        height: 	200px;
	        right: 		0px;
        	left: 		0px;
		overflow: 	hidden; 
		background-color: black;
		color: 		white;
	      }

	/* ---------------------------------------------------------------------------------------- */
	/* GLOBAL STYLE */
		.rahmen{
			margin: 5px; 	/*Margins for inner DIV inside each DIV (to provide padding)*/
					/*background-color yellow;*/
		}

/* ---------------------------------------------------------------------------------------- */
/* ------------------------------ LAYOUT for Contents ------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* TOP-LEFT */
      #header_left {
        position: 	fixed;
	top: 		0%;

        width: 		50%;
        height: 	15%;
	left: 		0px;
        right: 		50%;

	overflow: 	hidden; 
	background-color: black;
	color: 		white;
      }


/* TOP-RIGHT */
      #header_right {
        position: 	fixed;
        height: 	15%;
        left: 		50%;
        right: 		0px;

	overflow: 	hidden; 
	background-color: black;
	color: 		white;
      }

/* ---------------------------------------------------------------------------------------- */
/* MIDDLE-LEFT */

    /* ---------------------------------------------------------------------------------------- */
    /* Left-Sidebar-Top */
    /* ---------------------------------------------------------------------------------------- */

      #left_sidebar_content_top {
	position: 		fixed;

	top: 			15%;
	bottom: 		100px;
	left: 			0px;
	right: 			auto;

	width: 			15%;
	height: 		45%;

	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 		0px;

	overflow: 		hidden; 
	background-color: black;
	color: 		white;
      }

    /* ---------------------------------------------------------------------------------------- */
    /* Left-Sidebar-Bottom */
    /* ---------------------------------------------------------------------------------------- */

      #left_sidebar_content_bottom {
	position: 		fixed;

	top: 			60%;
	bottom: 		100px;
	left: 			0px;
	right: 			auto;

	width: 			15%;
	height: 		20%;

	margin-top: 		0px;
	margin-left: 		0px;
	margin-right: 		0px;
	margin-bottom: 		0px;

	overflow: 		hidden; 
	background-color: black;
	color: 		white;
      }

/* ---------------------------------------------------------------------------------------- */
/* MIDDLE-CONTENT */

    /* ---------------------------------------------------------------------------------------- */
    /* Main-Content */
    /* ---------------------------------------------------------------------------------------- */

      #main_content {
        position: 	fixed;

	top: 		15%;
	bottom: 	100px;
	left: 		15%;
	right: 		15%;

	width: 		70%;
        height: 	auto;

	margin-top: 	0px;
	margin-left: 	0px;
	margin-right: 	0px;
	margin-bottom: 	0px;

	scrollbar-face-color: 		#E06000;
	scrollbar-shadow-color: 	#000000;
	scrollbar-highlight-color: 	#666699;
	scrollbar-3dlight-color: 	red;
	scrollbar-darkshadow-color: 	red;
	scrollbar-track-color: 		#FFAA00;
	scrollbar-arrow-color: 		#000000;

	overflow: 	auto; 
	background-color: black;
	color: 		#ffcc33;
      }

/* ---------------------------------------------------------------------------------------- */
/* MIDDLE-RIGHT */

    /* ---------------------------------------------------------------------------------------- */
    /* Right-Sidebar-Top */
    /* ---------------------------------------------------------------------------------------- */

      #right_sidebar_content_top {
        position: 	fixed;

	top: 		15%;
	bottom: 	100px;
	left: 		85%;
	right: 		0px;

	width: 		15%;
	height: 	40%;

	margin-top: 	0px;
	margin-left: 	0px;
	margin-right: 	0px;
	margin-bottom: 	0px;

	overflow: 		hidden; 
	background-color: black;
	color: 		white;
      }

    /* ---------------------------------------------------------------------------------------- */
    /* Right-Sidebar-Bottom */
    /* ---------------------------------------------------------------------------------------- */

      #right_sidebar_content_bottom {
        position: 	fixed;

	top: 		55%;
	bottom: 	100px;
	left: 		85%;
	right: 		0px;

	width: 		15%;
	height: 	25%;

	margin-top: 	0px;
	margin-left: 	0px;
	margin-right: 	0px;
	margin-bottom: 	0px;

	overflow: 		hidden; 
	background-color: black;
	color: 		white;
      }


/* ---------------------------------------------------------------------------------------- */
/* BOTTOM-MIDDLE */
/* ---------------------------------------------------------------------------------------- */

    /* ---------------------------------------------------------------------------------------- */
    /* Footer */
    /* ---------------------------------------------------------------------------------------- */

      #footer {
        position: 	fixed;

        top: 		auto;
        bottom: 	0px;
        right: 		0px;
      	left: 		0px;

        width: 		100%;
        height: 	160px;

	margin-top: 	0px;
	margin-left: 	0px;
	margin-right: 	0px;
	margin-bottom: 	0px;

	overflow: 	auto; 
	background-color: black;
	color: 		white;
      }

</STYLE>