<!--
############################################################################################
#
#   Seitenbreite:    922px
#   padding & Rand:   11px je Seite je Container
#   =>  Jeder Container hat 11px an jeder Seite zusätzlich zur "Width"
#
#   ===>  Header and Footer:   Width = 900px
#   ===>  Navigation:          Width = 100px + 22px Rand  =  122px
#   ===>  MainBody:            Width = 778px + 22px Rand  =  800px
#                                                        ----------
#                                                   Total:   922px
#
############################################################################################
-->


<!--
------------------------------------------------------------------
--  Container Definition
------------------------------------------------------------------
-->

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper {
 margin: 0 auto;
 width: 922px;

}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 border: 1px solid #ccc;
 height: 75px;
 margin: 10px 0px 0px 0px;
 background-color:#F3F2ED;
}
#navigation {
 color: #333;
 border: 1px solid #ccc;
 background:#F6F0E0;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 450px;
 width:  150px;
 float: left;
}
#mainbody {
 float: right;
 color: #333;
 border: 1px solid #ccc;
 background:#CCC8B3;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: 450px;
 width: 728px;
 display: inline;
}
#footer {
 width: 900px;
 clear: both;
 color: #0024FF;
 border: 1px solid #ccc;
 background-color:#F3F2ED;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}

<!--
------------------------------------------------------------------
--  Left Menu definotions
------------------------------------------------------------------
-->
#lmenu {
width: 150px;
margin: 0px;
}
#lmenu a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}
#lmenu a:link, #lmenu a:visited {
color: #E4D6CD;
display: block;
background:  url(menu.gif);
padding: 8px 0 0 10px;
}
#lmenu a:hover {
color: #FFF;
background:  url(menu.gif) 0 -32px;
padding: 8px 0 0 10px;
}

<!--
------------------------------------------------------------------
--  Top Menu / Tabs definitions
------------------------------------------------------------------
-->
#tabs {
float: left;
width: 100%;
background: #E7E5E2;
font-size: 93%;
line-height: normal;
border-bottom: 1px solid #54545C;
}
#tabs ul {
margin: 0;
padding: 10px 10px 0 170px;
list-style: none;
}

#tabs li {
display: inline;
margin: 0;
padding: 0;
}
#tabs a {
float: left;
background: url("tableft.gif") no-repeat left top;
margin: 0;
padding: 0 0 0 4px;
text-decoration: none;
}
#tabs a span {
float: left;
display: block;
background: url("tabright.gif") no-repeat right top;
padding: 5px 15px 4px 6px;
color: #FFF;
}


<!--
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
 -->

#tabs a:hover span {
color:#FFF;
background-position:100% -42px;
}

#tabs a:hover {
background-position:0% -42px;
}

#tabs a:hover span {
background-position:100% -42px;
}

<!--
------------------------------------------------------------------
--  Formatting Styles
------------------------------------------------------------------
-->
h1 {
 font-family: Arial Black;
 font-size: xx-large;
 text-decoration: underline;
 text-align: left;
}