@font-face {
  font-family:"Hilde Sharpie";
  src:url("hilde/Hilde.eot?") format("eot"),url("hilde/Hilde.woff") format("woff"),url("hilde/Hilde.ttf") format("truetype"),url("hilde/Hilde.svg#HildeSharpie") format("svg");
  font-weight:normal;
  font-style:normal;
}
html, body, img, a  { margin: 0; padding: 0; border: 0; }
body {  font-size: 14px; font-family: Helvetica, Arial, Sans; line-height: 130%; position: relative;}
a { text-decoration: none;}
#menu { position: absolute; top: 0; left: 40px; width: 244px; padding: 0 18px; float: left; background: url(menu_bg.png) left top repeat-y;}
#content { width: 620px; padding: 00px 0 0 360px; float:left; }
#header { background: #c50025;}
h1 { margin:0; border: 0; line-height: 56px; padding: 25px 0 25px 360px; font-size: 72px; color: #fff;}
h2 { font-size: 36px;}
#menu a { display: block; padding: 5px 2px 5px 6px; font-size: 22px; width: 236px; height: 54px; line-height: 54px; color: #000;}
#menu a:hover,
#start a.sta,
#wasist a.was,
#warum a.war,
#wannhilft a.wan,
#kontakt a.kon,
#kontakt a.kon,
#datenschutz a.dat,
#impress a.imp
{ background: url(blume.png) right top no-repeat;}
.tright {text-align:right;}
.fright {float:right;}
ul { margin: 0; padding: 0 0 13px 25px; list-style-image:url(reddot.png); }
li { line-height: 16px; }
a, a:hover, a:visited { color: #c50025; }

h1, h2, #menu a { font-family: "Hilde Sharpie", serif; font-weight: normal;}
#menu a { font-weight: normal;}