#header {
	position: fixed;
	width: 100%;
	height: 200px;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	background: #74DA74;
	font-size: 1.5em;
}
div.text_in_header {
	width: 90%;
	margin: 0 5%;
	text-align: left;
	background: white;
}
div.text_in_header > h1{
	padding-left: 1em;
	padding-bottom: 0.5em;
	font-size: 150%;
}
div.text_in_header > h2{
	padding-left: 1em;
	padding-bottom: 0.5em;
	font-size: 100%;
}


img.header {float: left; clear: left; margin: 0 5%;}

#sidebar {
	position: fixed;
	width: 10em;
	height: auto;
	top: 200px;
	right: auto;
	bottom: 30px;
	left: 0;
	overflow: auto;
	padding: 2px .5em;
	border: solid 1px black;
	font-style: italic;
	background-color: #d3d3d3;
}

#sidebar > p{padding-left: 2em; padding-top: 2em;}

#main {
	position: fixed;
	width: auto;
	height: auto;
	top: 200px;
	right: 0;
	bottom: 30px;
	left: 10em;
	overflow: auto;
	padding: 2px .5em;
	border: solid 1px black;
	background-color: #69C;
}

/* Curbe in main */
<!--
div.text_in_main {background: white; width: 90%; margin: 1em 5%; padding: 0 0 1em 0;}
div.text_in_main > p {font-size: 1.5em}
img.curve {float: left; clear: left; margin: 0 1em 0 0;}

#main h1 {font-size: 2.5em;}

#main h2 {
	padding-top: 1em;
	padding-bottom: 0px;
	margin: 0;
	font-size: 2em;
}
p {padding: 0.5em 0.5em 0em 1em; margin: none;}
-->

#footer {
	position: fixed;
	width: 100%;
	height: 30px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	margin-top: auto;
	background-color: #74DA74;
}

<!--
/* default style sheet */
body {
	background: #FFFFFF;
	color: #000000;
	font-family: Times New Roman;
}
/* perl code style sheet for perltidy */
pre { 
	  color: #000000; 
      background: #E0F8F7;
      border: 1px solid #999;
      padding: 0.5em 0.5em;
      margin: auto 2em;
      font-family: monospace;
    } 
.c  { color: #228B22; font-style:italic;} /* comment */
.cm { color: #000000;} /* comma */
.co { color: #000000;} /* colon */
.h  { color: #CD5555; font-weight:bold;} /* here-doc-target */
.hh { color: #CD5555; font-style:italic;} /* here-doc-text */
.i  { color: #00688B;} /* identifier */
.j  { color: #CD5555; font-weight:bold;} /* label */
.k  { color: #8B008B; font-weight:bold;} /* keyword */
.m  { color: #FF0000; font-weight:bold;} /* subroutine */
.n  { color: #CA9219;} /* numeric */
.p  { color: #000000;} /* paren */
.pd { color: #228B22; font-style:italic;} /* pod-text */
.pu { color: #000000;} /* punctuation */
.q  { color: #FF0000;} /* quote */
.s  { color: #000000;} /* structure */
.sc { color: #000000;} /* semicolon */
.v  { color: #B452CD;} /* v-string */
.w  { color: #000000;} /* bareword */
.ter{ color: #B452CD;} /* Terminal */

/* Terminal style sheet */
pre.terminal {
	  color: white; 
      background: black;
      border: 1px solid #999;
      padding: 0.5em 0.5em;
      margin: auto 2em;
      font-family: monospace;
}
-->

<!--@page { margin: 2cm } 
P { margin-bottom: 0.21cm }-->

div.trans {
	transition-delay: 1s;
}