@charset "utf-8";


@font-face { font-family: 'handmedo';
    src: url('/css/handmeds.ttf') format('truetype'); 
} 

body {
font: 100% handmedo, Verdana, Geneva, sans-serif;
color: #000000; /* black */
background: #a9a9a9; /* darkgrey */
margin: 15px 0 0 0; /* Abstand gesamt oben */
padding: 0px;
}
#holder {
width: 760px;
background: darkblue; /* lightyellow */ 
margin: 0 auto 0 auto;
}

#header {
font-size: 100%; 
font-weight: bold;
padding: 10px 10px 0 15px;
background: white; /* green */
color: darkblue;
}

#nav {
width: 200px;
float: left; 
padding: 15px 10px;
background: green; 
}

#content {
padding: 0 10px 15px 10px;
background: darkblue; 
color: white;
margin: 0 0 0 0px;
text-align: center;
}

#php {
padding: 0 10px 15px 15px;
background: orange; 
color: green;

}

.footer {
padding: 5px;
border-top: 1px solid #877D6C;
color: red;
font-size: 100%;
text-align: center;
font-style: italic;
}


.brclear {
clear: both; 
height: 0;
margin: 0;
font-size: 1px;
line-height: 0px;
}


p {
    font-family: handmedo, arial, sans-serif;
    font-size: 180%; 
    font-style: italic;
}

#content p {
line-height: 130%;
}

#nav ul{
background-color: transparent;
list-style-type: none;
margin: 0;
padding: 0;
font-size: 100%;
}

#nav ul li{
padding: 0;
margin: 0;
}

#nav ul li a{
color: #ffffff; /* white */
display: block;
text-align: center;
text-decoration: none;
height: 1%;
}

#nav a:focus, #nav a:hover {
color: orange; /* darkblue */
text-decoration: underline;
}