/* CSS Document */ /* Style Sheet für die NRWINVEST-TEMPLATES by SP */ /********************* STATISCHES RAHMEN TEMPLATE *******************/ /* - BANNER - TOPNAVIGATION (1. EBENE) -> NUR LAYOUT, KEINE FUNKTION - TOPNAVIGATION (2. EBENE) -> NUR LAYOUT, KEINE FUNKTION - SCHMUCK-HAAR-LINIE - LINKE SPALTE INKL. SEITENNAVIGATION (3. UND 4. EBENE), SUCHFELD, HARDCODIERTE LINKS -> NUR LAYOUT, KEINE FUNKTION */ /******************* GENELLE EINSTELLUNGEN ************************/ /* backgroundblau: #aadafd boxenblau: #0078cd border-dunkelblau: #0078cd text-dunkelblau: #0078cd font-family:Helvetica, Arial, sans-serif; testborder:1px solid red; */ * { margin:0; padding: 0; } /* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */ option {padding-left: 0.4em} /* ** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett ** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/] */ /* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts ** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */ html { height: 100% } body { min-height: 101%; /* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */ font-size: 100.01%; /* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser Fensters geändert wird. */ position: relative; /* Vorgabe der Standardfarben und Textausrichtung*/ color: #000; background: #fff; /*text-align: center; */ text-align: left; } /* Standardrahmen zurücksetzen */ fieldset, img { border:0; } /* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ select, input, textarea { font-size: 99% } * { margin:0; padding:0; } .flLeft { float:left; } .flRight { float:right; } hr { clear:both; visibility:hidden; } .cleaner { clear:both; height:0px; font-size:0px; border:0px none; margin:0;padding:0; background:transparent; } .cleaner_blue { clear:both; height:0px; font-size:0px; margin:0;padding:0; background:#aadafd; } .cleaner_blue_footer { clear:both; height:10px; font-size:0px; margin:0;padding:0; background:#aadafd; } body { font-family:Helvetica, Arial, sans-serif; color:#000; font-size:11px; margin: 0 0 0 0; text-align:left; } a img { border:0px; } .Stil1 { color: #0078cd; font-size:11px; } /**************************** WRAPPER CONTAINER *******************************/ #wrapper { width:874px; position:relative; text-align:left; background-color:#fff; border-bottom:1px solid #000; margin:0 auto 10px 0; } /***************************** BANNER CONTAINER *******************************/ #banner { width:874px; height:87px; border:0px solid red; } #banner a, #banner a:active, #banner a:visited, #banner a:hover { font-family:Helvetica, Arial, sans-serif; font-size:11px; color:#0078cd; padding:0 0 0 0; font-weight:normal; text-decoration:none; } /*************************** TOPNAV 1. EBENE CONTAINER ************************/ #topnav { width:874px; height:25px; border:0px solid red; } #topnav a.navi_aktuell:link { text-decoration:none; font-weight:bold; color:#000; font-size:11px; background-color:#aadafd; padding:0px 0px 15px 5px; border:1px solid #aadafd; width:115px; height:25px; line-height:25px; display:block; } #topnav a.navi_aktuell:visited { text-decoration:none; font-weight:bold; color:#000; font-size:11px; background-color:#aadafd; padding:0px 0px 15px 5px; border:1px solid #aadafd; width:115px; height:25px; line-height:25px; display:block; } #topnav a.navi_aktuell:hover { text-decoration:none; font-weight:bold; color:#000; font-size:11px; background-color:#aadafd; padding:0px 0px 15px 5px; border:1px solid #aadafd; width:115px; height:25px; line-height:25px; display:block; } #topnav a.navi_aktuell:active { text-decoration:none; font-weight:bold; color:#000; font-size:11px; background-color:#aadafd; padding:0px 0px 15px 5px; border:1px solid #aadafd; width:115px; height:25px; line-height:25px; display:block; } #topnav a.navi:link { text-decoration:none; font-weight:normal; color:#000; font-size:11px; background-color:#fff; padding:0px 0px 15px 5px; border:1px solid #aadafd; line-height:25px; width:115px; display:block; } #topnav a.navi:visited { text-decoration:none; font-weight:normal; color:#000; font-size:11px; background-color:#fff; padding:0px 0px 15px 5px; border:1px solid #aadafd; line-height:25px; width:115px; display:block; } #topnav a.navi:hover { text-decoration:none; font-weight:normal; color:#000; font-size:11px; background-color:#fff; padding:0px 0px 15px 5px; border:1px solid #aadafd; line-height:25px; width:115px; display:block; } #topnav a.navi:active { text-decoration:none; font-weight:normal; color:#000; font-size:11px; background-color:#fff; padding:0px 0px 15px 5px; border:1px solid #aadafd; line-height:25px; width:115px; display:block; } /*************************** INNENWRAPPER CONTAINER ***************************/ #innenwrapp { width:874px; background-color:#aadafd; border:0px solid red; } #innenwrapp a.navitwo:link { text-decoration:none; font-weight:normal; color:#000; font-size:11px; background-color:#aadafd; } #innenwrapp a.navitwo:visited { text-decoration:none; font-weight:normal; color:#000; font-size:11px; background-color:#aadafd; } #innenwrapp a.navitwo:hover { text-decoration:none; font-weight:normal; color:#000; font-size:11px; background-color:#aadafd; } #innenwrapp a.navitwo:active { text-decoration:none; font-weight:normal; color:#000; font-size:11px; background-color:#aadafd; } /******************************** LEFT CONTAINER ********************************/ #left { width:165px; height:auto; padding:0; background-color:#aadafd; border-right:0px solid #fff; } .left1 { font-family: Helvetica, Arial, sans-serif; color:#000; } #left #navigation ul li a.aktiver-link { font-weight:bold; } #left #navigation ul li #left #navigation ul li a.aktiver-link { font-weight:bold; } /* für die erste Stelle in der linken Navigation (3. EBENE)*/ #left #navigation ul li a.aktiver-link-nonborder { border:none; font-weight:bold; } #left #navigation ul li a.nichtaktiver-link-nonborder { border:none; font-weight:normal; } /* für weitere Stellen in der linken Navigation (3. EBENE)*/ #left #navigation ul li a.aktiver-link-border { border-top: solid 1px #0078cd; font-weight:bold; } /******************* LEFTVAV 3. UND 4. EBENE CONTAINER************************/ /*debug*/ /* li { border: 1px solid red; } ul{ border: 1px dotted #00f; } a { border: 1px solid #f00; } #left{ border: 1px solid #f00; } */ /* left navigation */ #left #navigation{ padding: 0; font-family:Helvetica, Arial, sans-serif; font-size: 11px; line-height: normal; margin:0px auto 10px 11px; color: #000; width: 125px; border: 0px solid red; } /* 1. 2. 3. 4. 5. ul */ #left #navigation ul{ margin: 0 0 0 0; padding: 0 0 0 0; list-style:none; } /* left margin 0px in relation to 1 level ul*/ #left #navigation ul ul{ margin: 0 0 0 0; padding: 0 0 9px 0; list-style:none; } /* left margin 0px in relation to 2 level ul ul */ #left #navigation ul ul ul{ margin: 0 0 0 0; padding: 0; list-style:none; } /* level 1 li */ #left #navigation ul li{ margin: 0 0 0 0; padding: 0; } /* level 2 li */ #left #navigation ul ul li{ margin: 0 0 0 0; padding: 0; display: inline; } /* all level 1 a */ #left #navigation ul li a{ display: block; width: 150px; margin: 0 ; padding: 5px 0 5px 0px; border-top: solid 1px #0078cd; text-decoration: none; font-weight:normal; background-color: #aadafd; background-position:0 0; line-height: 13px; font-size: 11px; color: #000; } #left #navigation ul li a:visited{ background-color: #aadafd; color: #000; } #left #navigation ul li a:active{ background-color: #aadafd; color: #000; } #left #navigation ul li a:hover{ background-color: #aadafd; color: #000; } /* all level 1 li a active */ #left #navigation ul li a#level2active, #left #navigation ul li a#level2active:visited, #left #navigation ul li a#level2active:active, #left #navigation ul li a#level2active:hover{ color: #000; } /* all level 2 li a */ #left #navigation ul ul li a{ display: block; margin: 0px 0 0px 0; padding: 0px 0 0px 15px; width: 140px; background-color: #aadafd; background-position:20px 0; color: #000; font-size:11px; font-weight:normal; text-decoration: none; border:0px solid red; background-image: url(../vwFiles/Rahmen/$FILE/list-bullet.gif); background-repeat:no-repeat; background-position:0 3px; } #left #navigation ul ul li a:visited { background-color: #aadafd; color: #000; } #left #navigation ul ul li a:active{ background-color: #aadafd; color: #000; } #left #navigation ul ul li a:hover{ background-color: #aadafd; color: #000; } /* all level 2 a active */ #left #navigation ul ul li a#level3active, #left #navigation ul ul li a#level3active:visited, #left #navigation ul ul li a#level3active:active, #left #navigation ul ul li a#level3active:hover{ color: #000; } /********************************** SUCHFELD ****************************************/ #suchfeldlegend { border:0px solid #999; height:15px; width:140px; background-color:#aadafd; margin:50px auto 0px 11px; text-align:right; padding:2px 2px 2px 0px; text-align:left; } .suchfeldlegend-class { font-family:Helvetica, Arial, sans-serif; color:#000; font-size:11px; margin: 0 0 0 0; text-align:left; } #suchtablewrapper { margin:0 0 0 0; padding:0 0 0 0; width:auto; height:auto; } #suchtablewrapper #suchfeld { border-left:1px solid #999; border-bottom:1px solid #999; height:20px; width:150px; background-color:#fff; margin:0px auto 10px 9px; padding:2px 2px 2px 0px; text-align:left; } #suchtablewrapper form input.suchfeld { background-color:#fff; margin:0 0 0 0; padding:0 0 0 0; height:14px; width:130px; border:none; font-family:Helvetica, Arial, sans-serif; font-size:12px; border:none; } #suchtablewrapper form input.suchbild { background-color:#fff; margin:0 0 0 0; padding:0 0 0 0; height:20px; width:20px; border:none; } /***************************** HARDLINKS ******************************/ #hardnav { width:150px; height:auto; border:0px solid red; margin:30px auto 5px 11px; padding: 0 0 0 0; } #hardnav ul { margin: 0; padding: 0; list-style:none; } #hardnav ul li { display:inline; margin: 0 0 0 0; padding: 0; } #hardnav ul li a, #hardnav ul li a:active, #hardnav ul li a:visited, #hardnav ul li a:hover { display:block; font-family:Helvetica, Arial, sans-serif; font-size:10px; color:#0078cd; padding: 5px 0px 0px 0px; font-weight:normal; text-decoration:none; background-color:#aadafd; }