body {
background-color: #f5f5f5;
font-size: 12px;
font-family: "Courier New";
color:#000000;  
padding:0px;
margin: 0px;
text-align : center;
background-image:url(ghost.gif); 
font-family: "Courier New";
}




/*Links allgemein - here only as comment: definitions are made in example.css
------------------------------------------------------------------------------------------
a {color: #4D87D1;}
a:visited {color:#4D87D1;}
a:hover {color: #4D87D1;}
a:active { color:#4D87D1;}
*/


/* container to center the layout
-------------------------------------- */
#container {
width: 825px;
border: 0px solid #FF0000;
margin-left: auto;
margin-right: auto;
background-color:#ffffff;
padding-left: 0px;
padding-right: 8px;
/*background-color:#E2E1E1;*/
}

/* div definitions for menu 1 behaviour
--------------------------------------------- */

.menu1-no  a{
text-decoration: none;
display: block;
height: auto;
width: 140px; 
font-size: 12px;
background-color:#ffffff; 
color: black;
margin-bottom: -10px;
margin-top: 0px;
z-index: 1;
}
.menu1-no  a:link{
background-color:#ffffff; 
color: black;
}
.menu1-no a:hover, a:active  {
background-color: black;
color: #ffffff;
}

.menu1-act  a {
text-decoration: none;
display: block;
width:140px; 
font-size: 14px;
background-color: black; 
color: #ffffff;
margin-bottom: -10px;
margin-top: 0px;
}
.menu1-act  a:hover {
text-decoration: none;
display: block;
width:140px; 
font-size: 14px;
background-color: black; 
color: #000;
margin-bottom: -10px;
margin-top: 0px;
}


/* div definitions for menu 2 behaviour
--------------------------------------------- */

.menu2-no  a{
text-decoration: none;
display: block;
width:130px; 
font-size: 11px;
background-color:#ffffff; 
color: black;
margin-left: 10px;
margin-bottom: -10px;
margin-top: 0px;
}
.menu2-no  a:link{
background-color:#ffffff; 
color: black;
}
.menu2-no a:hover, a:active  {
background-color: black;
color: #ffffff;
}
.menu2-act  a {
text-decoration: none;
display: block;
width:130px; 
font-size: 12px;
background-color: black; 
color: #ffffff;
margin-left: 10px;
margin-bottom: -10px;
margin-top: 0px;
}

.menu2-act  a:hover {
text-decoration: none;
display: block;
width:130px; 
font-size: 12px;
background-color: black; 
color: #000;
margin-left: 10px;
margin-bottom: -10px;
margin-top: 0px;
}



/* banner as head of the container (e.g.  for logo) 
--------------------------------------------------------- */
#banner {
padding: 0px;
margin: 0px;
height: 100px;
background-color: #ffffff;
border-bottom: 0px solid #495255;
background-image:url(yummy-logo.gif); 
background-repeat: no-repeat;
background-position:5% 65%;
/*first value: from right; second value: from top*/
}

/* content elements
-------------------------------------- */
#content {
padding: 10px;
margin:0px;
margin-left: 160px;
background-color: #ffffff;
text-align: left;
border: 0px solid #FF0000;;
font-family: "Courier New";
}
#content p{
font-family: "Courier New";
}


#spacer_cbottom{
padding-top: 10px;
height: 30px;
margin:0px;
margin-left: ;
background-color: #fff;
background-image:url(y.gif); 
background-repeat: no-repeat;
background-position:100% 100%;
/*erster Wert: von rechts; zweiter Wert: von oben*/
}




/* optional conditions to be set here
----------------------------------------------
#content H1, #content H2, #content H3, #content H4 {
padding: 0px 25px 0px 25px;
margin:0px 0px 15px 0px;
}
#content p{
line-height: 18px;
padding: 0px 25px 0px 25px;
margin:0px 0px 15px 0px;
}
#content p.center{
text-align:center;}
*/


/* linker Bereich Untermenu
-------------------------------------- */
#left {
float: left;
font-family: "Courier New";
background-color: #fff;
width: 170px;
margin-top: 5px;
text-align: left;
height: auto;
}

#left_menu {
float: left;
background-color: #fff;
width: 140px;
margin-top: 0px;
margin-left: 9px;
text-align: left;
padding: 0px;
border: 0px solid #99CCF1;
}

#left_content {
float: left;
background-color: #ffffff;
width: 140px;
height: auto;
margin-top: 30px;
margin-left: 9px;
text-align: left;
padding-left: 1px;
border: 0px solid #FF0000;;
}

#left_content .bodytext {
font-size: 15px;
font-family: "Courier";
}


/*footer
-------------------------------------- */
#footer {
clear: both;
height: 22px;
padding: 4px 15px;
color: #495255;
margin: 0px;
background-color: #ffffff;
border-top: 0px solid #495255;
}