/* grundlayout ===================================================== */


body {font-size: 18px;line-height: 18px;font-family:  verdana,arial, helvetica, tahoma ,verdana,  sans-serif;color:#000  }

/* breite der konstrukt.*/
/* die grafik wird bei background-position ausgerichtet. in diesem fall unten und rechts. eine mittige ausrichtung wäre 50% 50% */

#main {border:solid 0px #000;
width:100%;
background-image:url(images/bg.jpg);
background-position: 100% 100%;
}

/* kopf ===================================================== */

#top{font: normal 31px verdana, sans-serif; color: #006; padding-top:0px;
vertical-align:bottom;
text-align:right;

}

#inhalt {width:100%;height:100%;
color:#000;
vertical-align:top;
text-align:left;
padding-top: 10px; padding-bottom: 10px;
padding-left: 10px;padding-right: 10px;
font-size: 16px;line-height: 18px;font-family: "trebuchet ms", verdana, arial, helvetica, tahoma, verdana,  sans-serif;}

/* allgemein ===================================================== */

h1{
letter-spacing:0px;
font-family: "Trebuchet MS",verdana,arial, helvetica, verdana, tahoma, sans-serif;
font-size: 24px;text-align:left;color:#000;margin-bottom:36px}

h2{
letter-spacing:0px;
font-family: "Trebuchet MS",verdana,arial, helvetica, verdana, tahoma, sans-serif;
font-size: 32px;text-align:left;color:#006;}

#hpname{vertical-align:middle;
text-align:center;color:#006;font-family: "Trebuchet MS",verdana,arial, helvetica, verdana, tahoma, sans-serif;font-style:italic ;
font-size: 40px;}

/* allgemeine links im text */

a:link, a:visited, a:active{ font-size: 14px;line-height: 18px;font-family: "trebuchet ms", verdana,arial, helvetica, tahoma ,verdana,  sans-serif;color:#006;background-color:transparent;}

a:hover{text-decoration:none;
color:#006;
 }