* 
{
    font-family: arial,verdana, helvetica, sans-serif;
    /*border: none;*/
}

body 
{     
    margin: 0px;    
    padding: 0px; 
    font-size: 62.5%; /* 100% = 16px --> 62,5 % = 10px */
    color: #000000; 
    background: #B88151;
}

input,select
{
    border: 1px solid #000000;
    background:#f0eddd;
}

textarea
{
    border: 1px solid #000000;
    background:#f0eddd;
}


h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

#seite
{
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px auto 0px auto;
    padding: 0px;
    width: 780px; 
    min-height: 700px;    
    background: #EAEAEA;
}

* html #seite          { height: 700px; } /* nur für IE 5.5 - 6.x */
html + body #seite { height: 700px; } /* nur vom IE 5.0 */

#kopf
{
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 780px;
    height: 200px;
    background: url(paletten.jpg) 0px 0px no-repeat;
    position: relative;    
    
}


#inhalt
{
    position: absolute;
    top: 200px;
    left: 0px;    
    margin: -22px 150px 0px 50px; 
    padding: 10px 20px 20px 20px;    
    width: 400px;
    height: 550px;
    font-size: 1.1em;
    background: url(zettel.gif) top left no-repeat;
    color: black; 
    border: solid 0px red;    
}


#menu
{
    margin: 0px;
    padding: 0px;
    float: right;
    width: 150px;
    background:#EAEAEA;
}


#menu ul
{
    margin: 0px;
    padding: 0px 0px 0pc 10px;
    list-style:none;
}


#menu li
{
    padding:0 0 4px 10px;
    margin:0;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
}

#menu a
{
    color:#515151;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}

#menu a:hover
{
    color:#B88151;
    text-decoration:underline;
}