/* ================================================================ This copyright notice must be untouched at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/dd_valid.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the assocaited (x)html may be modified in any way to fit your requirements. =================================================================== */ /** common styling **/ .menu {font-family: arial; width:100px; height:70px; position:relative; font-size:21px; z-index:100;} .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#fff; width:124px; height:20px; color:#fff; background:#710069; font-size:9pt; overflow:hidden; font-weight:bold;} .menu ul {padding:0; margin:0; list-style: none;} .menu ul li {float:left; position:relative;} .menu ul li ul {display: none;} /* specific to non IE browsers */ .menu ul li:hover a {color:#fff; background:#36f;} .menu ul li:hover ul {display:block; position:absolute; top:70px; left:10px; width:125px; padding:0px;} .menu ul li:hover ul li a.hide {background:#6a3; color:#fff;} .menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;} .menu ul li:hover ul li ul {display: none;} .menu ul li:hover ul li a {background:#fff; color:#808080; text-align:left;} .menu ul li:hover ul li a:hover {background:#fff; color:#C45500;} .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:125px; top:0;} .menu ul li:hover ul li:hover ul.left {left:-105px;} /** CSS Document **/ #main {position: absolute; visibility: visible; left: 50%; width: 700px; height: 400px; margin-left: -350px; z-index : 1;} a {color: #C40000; text-underline:none; text-decoration:none;} a:hover {border:none; text-decoration:none;} a:visited {border:none;} a:activated {border:none;} #ueberschrift { color:#C40000; position:absolute; left:22px; top:255px; font-weight:bold; font-size:32px; width:285px; } #logo {position:absolute;left:0px;top:-5px; border:0;} #tab { position:absolute; left:22px; top:300px; width:700px; } #tab1 { position:absolute; left:22px; top:460px; width:715px; } /** Menue **/ #oben {position:absolute; left:0px; top:0px;} #schriftzug {position:absolute; left:175px; top:13px;} #logo {position:absolute; left:0px; top:-5px; border:none;} #menue1 {position:absolute;left:22px;top:136px;width:100px;} #menue2 {position:absolute;left:161px;top:136px;width:100px;} #menue3 {position:absolute;left:300px;top:136px;width:100px;} #menue4 {position:absolute;left:439px;top:136px;width:100px;} #menue5 {position:absolute;left:579px;top:136px;width:100px;} #go a{background-image:url(../images/menu/gottesdienste_g.png);width:81px;height:16px;background-repeat:no-repeat;} #go a:hover{background-image:url(../images/menu/gottesdienste_r.png);width:81px;height:16px;background-repeat:no-repeat;} #gr a{background-image:url(../images/menu/gruppen_g.png);width:116px;height:16px; background-repeat:no-repeat;} #gr a:hover{background-image:url(../images/menu/gruppen_r.png);width:116px;height:16px;background-repeat:no-repeat;} #kimu a{background-image:url(../images/menu/kimu_g.png);width:86px;height:16px;background-repeat:no-repeat;} #kimu a:hover{background-image:url(../images/menu/kimu_r.png);width:86px;height:16px;background-repeat:no-repeat;} #ver a{background-image:url(../images/menu/veranstaltungen_g.png);width:96px;height:16px;background-repeat:no-repeat;} #ver a:hover{background-image:url(../images/menu/veranstaltungen_r.png);width:96px;height:16px;background-repeat:no-repeat;} #akt a{background-image:url(../images/menu/aktuelles_g.png);width:53px;height:16px;background-repeat:no-repeat;} #akt a:hover{background-image:url(../images/menu/aktuelles_r.png);width:53px;height:16px;background-repeat:no-repeat;} #chr a{background-image:url(../images/menu/chronik_g.png);width:46px;height:16px;background-repeat:no-repeat;} #chr a:hover{background-image:url(../images/menu/chronik_r.png);width:46px;height:16px;background-repeat:no-repeat;} #and a{background-image:url(../images/menu/andacht_g.png);width:49px;height:16px;background-repeat:no-repeat;} #and a:hover{background-image:url(../images/menu/andacht_r.png);width:49px;height:16px;background-repeat:no-repeat;} #kon a{background-image:url(../images/menu/kontakt_g.png);width:53px;height:16px;background-repeat:no-repeat;} #kon a:hover{background-image:url(../images/menu/kontakt_r.png);width:53px;height:16px;background-repeat:no-repeat;} #gae a{background-image:url(../images/menu/gaestebuch_g.png);width:62px;height:16px;background-repeat:no-repeat;} #gae a:hover{background-image:url(../images/menu/gaestebuch_r.png);width:62px;height:16px;background-repeat:no-repeat;} #imp a{background-image:url(../images/menu/impressum_g.png);width:64px;height:16px;background-repeat:no-repeat;} #imp a:hover{background-image:url(../images/menu/impressum_r.png);width:64px;height:16px;background-repeat:no-repeat;} #leer a{background-image:url(../images/menu/leer.png);width:15px;height:16px;background-repeat:no-repeat;} #leer a:hover{background-image:url(../images/menu/leer.png);width:15px;height:16px;background-repeat:no-repeat;} #rue a{background-image:url(../images/menu/rueckblick_g.png);width:64px;height:16px;background-repeat:no-repeat;} #rue a:hover{background-image:url(../images/menu/rueckblick_r.png);width:64px;height:16px;background-repeat:no-repeat;} /** Index-Seite **/ #Jahreslosung {position:absolute;left:290px;top:355px;font-family:Tahoma;font-size:24pt;font-weight:bold;} #jahreslosung-spruch {position:absolute;left:290px;top:425px;font-family:Verdana;font-size:13pt;} #kirche-groß {position:absolute;left:10px;top:265px;height:266px;width:207px;} #kigemeinde {position:absolute;left:270px;top:260px;font-family:Verdana, Arial, Helvetica,sans-serif;font-weight:bold;font-size:20pt;width: 426px;} #weih { position:absolute; left:523px; top:-14px; height:auto; width:134px; } /** Gottesdienst Seite **/ #Leuchter {position:absolute; left:567px; top:272px;} #Monatsspruch { position:absolute; left:45px; top:320px; width: 487px; } #Daten {font-family:Tahoma; font-size:13px;} #Datum {font-family:Tahoma; font-weight:bold; font-size:14px;} #MS-Ueb {font-family:Tahoma; font-weight:bold; font-size:16px;} #MS {font-family:Tahoma; font-size:13px; font-weight:bold;} #Bibelst {font-family:Tahoma; font-size:11px; font-weight:bold;} #pfarrer {font-family:Tahoma; font-size:10px;} /** Kontakt Seite **/ #kontab1 {font-family:Tahoma; font-size:13px;} #konueb {font-family:Tahoma; font-weight:bold; font-size:15px;} /** Impressum Seite **/ #imptxt {font-family:Tahoma; font-size:13px;} #impueb {font-family:Tahoma; font-weight:bold; font-size:15px;} /** Gruppen **/ #Daten1 {font-family:Tahoma; font-size:13px;} #Veranstaltung {font-family:Tahoma; font-weight:bold; font-size:13px;} #grutab { position:absolute; left:22px; top:330px; width: 700px; } /** Andacht **/ #andtab { position:absolute; left:22px; top:400px; width: 700px; } #Daten2 {font-family:Tahoma; font-size:15px;} #andsp {font-family:Tahoma; font-size:19px; font-weight:bold;} #Bibelstand {font-family:Tahoma; font-size:14px; font-weight:bold;}