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:688px; 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; } #en_navi {position:absolute; left:0px;top:82px; } /*keine links - aktive flaeche*/ #navi div{margin-right:7px;} #navi div:last-child{margin-right:0px;} #navi #arbea {float:left; height:33px; width:123px; background:url(pics/arbeitena.gif) no-repeat; } #navi #konza {float:left; height:33px; width:117px; background:url(pics/konzepta.gif) no-repeat; } #navi #persa {float:left; height:33px; width:95px; background:url(pics/persona.gif) no-repeat; } #navi #terma {float:left; height:33px; width:117px; background:url(pics/terminea.gif) no-repeat; } #navi #konta {float:left; height:33px; width:115px; background:url(pics/kontakta.gif) no-repeat; } #navi #linka {float:left; height:33px; width:78px; background:url(pics/linksa.gif) no-repeat; } /*links*/ #navi #arbe {float:left; height:33px; width:123px; cursor:pointer; background:url(pics/arbeiten.gif) no-repeat; } #navi #konz {float:left; height:33px; width:117px; cursor:pointer; background:url(pics/konzept.gif) no-repeat;} #navi #pers {float:left; height:33px; width:95px; cursor:pointer; background:url(pics/person.gif) no-repeat; } #navi #term {float:left; height:33px; width:117px; cursor:pointer; background:url(pics/termine.gif) no-repeat; } #navi #kont {float:left; height:33px; width:115px; cursor:pointer; background:url(pics/kontakt.gif) no-repeat; } #navi #link {float:left; height:33px; width:78px; cursor:pointer; background:url(pics/links.gif) no-repeat; } /*mouseoverlinks, also links, ueber die man gerade mit der maus faehrt, wa*/ #navi #arbe:hover {background:url(pics/arbeitenh.gif) no-repeat; } #navi #konz:hover {background:url(pics/konzepth.gif) no-repeat; } #navi #pers:hover {background:url(pics/personh.gif) no-repeat; } #navi #term:hover {background:url(pics/termineh.gif) no-repeat; } #navi #kont:hover {background:url(pics/kontakth.gif) no-repeat; } #navi #link:hover {background:url(pics/linksh.gif) no-repeat; } /*ENGLISCH - keine links - aktive flaeche*/ #en_navi div{margin-right:6px;} #en_navi #arbea {float:left; height:33px; width:131px; background:url(pics/en_arbeitena.gif) no-repeat; } #en_navi #konza {float:left; height:33px; width:96px; background:url(pics/en_konzepta.gif) no-repeat; } #en_navi #persa {float:left; height:33px; width:92px; background:url(pics/en_persona.gif) no-repeat; } #en_navi #terma {float:left; height:33px; width:131px; background:url(pics/en_terminea.gif) no-repeat; } #en_navi #konta {float:left; height:33px; width:111px; background:url(pics/en_kontakta.gif) no-repeat; } #en_navi #linka {float:left; height:33px; width:86px; background:url(pics/en_linksa.gif) no-repeat; } /*links*/ #en_navi #arbe {float:left; height:33px; width:131px; cursor:pointer; background:url(pics/en_arbeiten.gif) no-repeat; } #en_navi #konz {float:left; height:33px; width:96px; cursor:pointer; background:url(pics/en_konzept.gif) no-repeat;} #en_navi #pers {float:left; height:33px; width:92px; cursor:pointer; background:url(pics/en_person.gif) no-repeat; } #en_navi #term {float:left; height:33px; width:131px; cursor:pointer; background:url(pics/en_termine.gif) no-repeat; } #en_navi #kont {float:left; height:33px; width:111px; cursor:pointer; background:url(pics/en_kontakt.gif) no-repeat; } #en_navi #link {float:left; height:33px; width:86px; cursor:pointer; background:url(pics/en_links.gif) no-repeat; } /*mouseoverlinks, also links, ueber die man gerade mit der maus faehrt, wa*/ #en_navi #arbe:hover {background:url(pics/en_arbeitenh.gif) no-repeat; } #en_navi #konz:hover {background:url(pics/en_konzepth.gif) no-repeat; } #en_navi #pers:hover {background:url(pics/en_personh.gif) no-repeat; } #en_navi #term:hover {background:url(pics/en_termineh.gif) no-repeat; } #en_navi #kont:hover {background:url(pics/en_kontakth.gif) no-repeat; } #en_navi #link:hover {background:url(pics/en_linksh.gif) no-repeat; } /*######### 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:680px;} .langswitch {font:10px Verdana; position:absolute;right:0px;top:0px;color:#aaaaaa} .langswitch span{color:#000000} .langswitch a {color:#000000} .langswitch a:hover {color:#c12c48} .langswitch a.en:hover {color:#6C7F4B} .smaller {font:11px Verdana; color:#3c3c3c;} .footera {font:10px Verdana; letter-spacing:1.1px; color:#3c3c3c; width:500px;} /*######### 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 {cursor:pointer;position:absolute;top:580px;left:60px;height:16px;width:14px; background-image:url(pics/next.gif);} #prev {cursor:pointer;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);} #en_next {cursor:pointer;position:absolute;top:580px;left:60px;height:16px;width:14px; background-image:url(pics/en_next.gif);} #en_prev {cursor:pointer;position:absolute;top:580px;left:15px;height:16px;width:14px; background-image:url(pics/en_prev.gif);} #en_next:hover {position:absolute;top:580px;left:60px;height:16px;width:14px; background-image:url(pics/en_nexta.gif);} #en_prev:hover {position:absolute;top:580px;left:15px;height:16px;width:14px; background-image:url(pics/en_preva.gif);}