a {text-decoration:none; color:#c12c48}
img {border:none;}

body {font-size:10px;margin-left:auto;margin-right:auto;}
 
 
#container	{margin-left:auto;margin-right:auto;width:680px; position:relative; font-size:1.2em; line-height:20px; font-family: Verdana,sans-serif; color:#3c3c3c; background-color:#FFEEDD}
#header  {position:absolute; left:0px;top:50px; height:22px; width:352px; background-image:url(pics/stef.gif);  }

/*######### Navigation #########*/
#navi {position:absolute; left:0px;top:82px;  }

/*keine links - aktive flaeche*/
#arbe {position:absolute; left:0px;top:0px; height:33px; width:123px; background-image:url(pics/arbeitena.gif);  }
#konz {position:absolute; left:130px;top:0px; height:33px; width:117px; background-image:url(pics/konzepta.gif);  }
#pers {position:absolute; left:255px;top:0px; height:33px; width:97px; background-image:url(pics/persona.gif);  }
#term {position:absolute; left:360px;top:0px; height:33px; width:117px; background-image:url(pics/terminea.gif);  }
#kont {position:absolute; left:485px;top:0px; height:33px; width:115px; background-image:url(pics/kontakta.gif);  }
#link {position:absolute; left:607px;top:0px; height:33px; width:78px; background-image:url(pics/linksa.gif);  }

/*links*/
a #arbe {position:absolute; left:0px;top:0px; height:33px; width:123px; background-image:url(pics/arbeiten.gif);  }
a #konz {position:absolute; left:130px;top:0px; height:33px; width:117px; background-image:url(pics/konzept.gif);  }
a #pers {position:absolute; left:255px;top:0px; height:33px; width:97px; background-image:url(pics/person.gif);  }
a #term {position:absolute; left:360px;top:0px; height:33px; width:117px; background-image:url(pics/termine.gif);  }
a #kont {position:absolute; left:485px;top:0px; height:33px; width:115px; background-image:url(pics/kontakt.gif);  }
a #link {position:absolute; left:607px;top:0px; height:33px; width:78px; background-image:url(pics/links.gif);  }

/*mouseoverlinks, also links, ueber die man gerade mit der maus faehrt, wa*/
a #arbe:hover {position:absolute; left:0px;top:0px; height:33px; width:123px; background-image:url(pics/arbeitenh.gif);  }
a #konz:hover {position:absolute; left:130px;top:0px; height:33px; width:117px; background-image:url(pics/konzepth.gif);  }
a #pers:hover {position:absolute; left:255px;top:0px; height:33px; width:97px; background-image:url(pics/personh.gif);  }
a #term:hover {position:absolute; left:360px;top:0px; height:33px; width:117px; background-image:url(pics/termineh.gif);  }
a #kont:hover {position:absolute; left:485px;top:0px; height:33px; width:115px; background-image:url(pics/kontakth.gif);  }
a #link:hover {position:absolute; left:607px;top:0px; height:33px; width:78px; background-image:url(pics/linksh.gif);  }




/*######### Contenflaeche #########*/
#content {position:absolute; left:0px;top:135px; }
.heading {letter-spacing:1.3px; }
.smheading {font:11px Verdana; letter-spacing:1.3px; }
.subpic {font:11px Verdana; color:#3c3c3c;}
.footer {font:10px Verdana; letter-spacing:1.1px; color:#3c3c3c; width:500px;}
.smaller {font:11px Verdana; color:#3c3c3c;}


/*######### Popups #########*/
#popup {margin-top:14px; margin-left:15px; font:11.5px/18px Verdana; color:#3c3c3c;}

#poplinie {width:310px;height:1px;position:absolute;top:569px;left:15px;}

#next {position:absolute;top:580px;left:60px;height:16px;width:14px; background-image:url(pics/next.gif);}
#prev {position:absolute;top:580px;left:15px;height:16px;width:14px; background-image:url(pics/prev.gif);}
#next:hover {position:absolute;top:580px;left:60px;height:16px;width:14px; background-image:url(pics/nexta.gif);}
#prev:hover {position:absolute;top:580px;left:15px;height:16px;width:14px; background-image:url(pics/preva.gif);}