/*CSS DOKUMENT*/ body { background-color:#000000; color: #FFFFFF; /*allg. Farbe Schrift und Hintergrund*/ font-family:Verdana,Helvetica,sans-serif; font-size:8pt; text-align:center; } img, div, png {border:0px; /*Rand bei Bildern (Clansphere) entfernen*/ behavior: url(http://www.red-knights.net/templates/RedKnights/ie6htc/iepngfix.htc)} /*AUSSEHEN INDEX.HTM */ #zentrieren {width: 1000px; margin:0px auto auto auto;} #banner {width:1000px; height:283px;} #top {background-image:url(images/02.jpg); width:1000px; height:24px; float:left;} #menue_links {background-image:url(images/03.jpg); width:60px; height:43px; float:left;} #menue { width:685px; height:43px; float:left;} #menue_rechts {background-image:url(images/04.jpg); width:255px; height:43px; float:left;} #head02 {background-image:url(images/05.jpg); width:1000px; height:56px; float:left;} #adver_links {background-image:url(images/08.jpg); width:21px; height:183px; float:right;} #adver {background-image:url(images/09.jpg); width:234px; height:263px; float:right;} #adver_rechts {background-image:url(images/10.jpg); width:62px; height:183px; float:right;} #inhalt {background-image:url(images/07.jpg); width:766px; background-repeat:repeat; text-align:center; float:right;} #inhalt_text {text-align:center; width:650px; margin-left:70px;} * html #inhalt_text { /*IE6 only*/ margin-left:25px;} *+html #inhalt_text { /*IE7 only*/ margin-left:25px;} #foot_content {background-image:url(images/11.jpg); width:766px; height:80px; float:left;} #space {width:1000px; height:66px; float:left;} #werbb {width:1000px; float:left;} /* #foot_links {background-image:url(images/13.jpg); width:181px; height:66px; float:left;} #foot_mitte_admin{background-image:url(images/admin.jpg); width:219px; height:66px; float:left;} #foot_mitte_login{background-image:url(images/login.jpg); width:206px; height:66px; float:left;} #foot_rechts {background-image:url(images/15.jpg); width:394px; height:66px; float:left;}*/ ul.download {list-style-image:url(zip.gif);} ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;} /* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menu/pro_drop5.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ .prodrop5 {padding:0px 0px 0px 0px; margin:0px; list-style:none; height:43px; position:relative; z-index:2; font-family:arial, verdana, sans-serif;} .prodrop5 li.top {display:block; float:left;} /* ================================================================ Top-Menübilder =================================================================== */ .prodrop5 li a.pos1 {background:url(images/home.jpg); width:90px; height:43px; display:block; text-indent:-99999px;} .prodrop5 li a.pos2 {background:url(images/football.jpg); width:108px; height:43px; display:block;text-indent:-99999px;} .prodrop5 li a.pos3 {background:url(images/cheer.jpg); width:142px; height:43px; display:block;text-indent:-99999px;} .prodrop5 li a.pos4 {background:url(images/history.jpg); width:96px; height:43px; display:block;text-indent:-99999px;} .prodrop5 li a.pos5 {background:url(images/staff.jpg); width:159px; height:43px; display:block;text-indent:-99999px;} .prodrop5 li a.pos6 {background:url(images/forum.jpg); width:90px; height:43px; display:block;text-indent:-99999px;} /* ================================================================ Top-Menübilder_HOVER =================================================================== */ .prodrop5 li.p1 {background:url(images/home_hover.jpg);} .prodrop5 li.p2 {background:url(images/football_hover.jpg);} .prodrop5 li.p3 {background:url(images/cheer_hover.jpg);} .prodrop5 li.p4 {background:url(images/history_hover.jpg);} .prodrop5 li.p5 {background:url(images/staff_hover.jpg);} .prodrop5 li.p6 {background:url(images/forum_hover.jpg);} /* ================================================================ Top-Menübilder_AUSGEWÄHLT =================================================================== */ .prodrop5 li.current a.pos1, .prodrop5 li.current a.pos1:hover {background:url(images/home_hover.gif);} .prodrop5 li.current a.pos2, .prodrop5 li.current a.pos2:hover {background:url(images/help_hover.gif);} .prodrop5 li.current a.pos3, .prodrop5 li.current a.pos3:hover {background:url(images/abbey_hover.gif);} .prodrop5 li.current a.pos4, .prodrop5 li.current a.pos4:hover {background:url(images/please_hover.gif);} .prodrop5 li.current a.pos5, .prodrop5 li.current a.pos5:hover {background:url(images/revolver_hover.gif);} .prodrop5 li.current a.pos6, .prodrop5 li.current a.pos6:hover {background:url(images/rubber_hover.gif);} .prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;} /* Default link styling */ /* Style the list OR link hover. Depends on which browser is used */ .prodrop5 a:hover {visibility:visible; position:relative; z-index:0;} .prodrop5 li:hover {position:relative; z-index:0;} .prodrop5 li a.top_link:hover {background:transparent;} .prodrop5 li:hover > a.top_link {background:transparent;} /* keep the 'next' level invisible by placing it off screen. */ .prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} .prodrop5 :hover ul {left:0; top:43px; background-image:url(images/bg_hover.jpg); background-repeat:repeat; padding:0px; white-space:nowrap; height:auto; width:120px; z-index:1;} .prodrop5 :hover ul.x1 {left:20px; top:43px; background-image:url(images/bg_hover.jpg); background-repeat:repeat; padding:0px; white-space:nowrap; height:auto; width:auto; z-index:1;} .prodrop5 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;} .prodrop5 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#000; background:transparent; text-decoration:none; color:#FFFFFF;} .prodrop5 :hover ul li a:hover {text-decoration:underline; color:#666666;}