/***** Globale Schrift und Zeilenabstaende *****************************************************************************/ * { font-family: Helvetica, Arial; } xx { font-family: Verdana, Helvetica, Arial; } body { font-weight:normal; font-size:12px; line-height:17px; margin:0px; color:#000000; background-image:url(/fileadmin/02BGBanner/BG1003Grau.jpg); height:101%; } html { height:101%; } div { font-size:12px; line-height:17px; margin:0px; } ul { font-size:12px; line-height:17px; } li { font-size:12px; line-height:17px; } table { font-size:12px; line-height:15px; } p { font-size:12px; line-height:17px; margin:0px 0px 6px 0px; } /* Ueberschriften je nach Layout Standard=1=h1, 2=h2, 3=h3, 4=h4, 5=h5 ******************************************/ h1 { font-weight: bold; font-size:17px; color:#000066; margin:0px 0px 8px 0px; } h2 { font-weight: bold; font-size:16px; color:#000066; margin:0px 0px 8px 0px; } h3 { font-weight: bold; font-size:14px; color:#000066; margin:0px 0px 4px 0px; } h4 { font-weight: bold; font-size:14px; color:#000066; margin:2px 0px 6px 0px; font-style:italic;} h5 { font-weight: bold; font-size:12px; color:#000066; margin:0px 0px 3px 0px; } .gelb { background-color:yellow; border:1px solid red; padding:10px; } #gruen { background-color:green; border:1px solid red; padding:10px; } table gelb { background-color:yellow; border:1px solid red; padding:10px; } table gruen { background-color:green; border:1px solid red; padding:10px; } .important { font-weight:bold; color:FF0000; } .align-right { text-align:right; color:green; } .name-of-person { color:blue; } .detail { color:magenta; font-style:italic; font-weight:bold; } /****************** Bildschirmabschnitte ***********************************************************************/ #containerx { position:absolute; left:50%; width:1050px; margin-left:-525px; margin-top:10px; background-color:#FFFFFF; } #container { position:relative; width:1050px; margin:0 auto; border:0px solid #CCCCCC; border-top:0px; } } #container a { color:#000066; text-decoration:none; } #container a:hover { color:#000066; text-decoration:underline; } /** Kopf mit Hintergrundbild **/ #header { height:220px; background-image:url(/fileadmin/02BGBanner/BannerBusse1050.jpg); } /** Hauptmenu oben **/ #navioben { padding: 16px 20px 0px 20px; text-align:right; border:0px solid red; font-weight:bold; color:#000066; } #navioben a { font-weight:bold; color:#000066; text-decoration:none; } #navioben a:hover { font-weight:bold; color:#FF2200; text-decoration:underline; } #menu { padding:146px 0px 0px 25px; text-align:left; border:0px solid red; } /** Hauptabschnitt (Rumpf) **/ #main { width:100%; overflow:hidden; margin-top:0px; background-color:#FFFFFF; border-bottom:0px; border-top:0px; border:0px solid blue;} #main a { color:#000066; text-decoration:none; } #main a:hover { color:#000066; text-decoration:underline; } #spalte1 { float:left; width:190px; padding-left:0px; background-color:#FFFFFF; border:0px solid green; } #spalte2 { margin-left:200px; width:810px; background-color:#FFFFFF; min-height:380px; padding: 0px 10px 10px 10px; border:0px solid red; } #spalte3 { float:right; width:20px; background-color:#FFFFFF; border:0px solid green; } /** Vermeidung dass Elemente runter rutschen **/ .innen { overflow:hidden; } /* Browserweiche fuer IE weil dieser unten keine Statuszeile hat */ * html #spalte2 { height:425px;} #klickpfad { color: #777777; font-weight:bold; margin-bottom:14px;} #klickpfad a { color: #777777; font-weight:bold; margin-bottom:14px; text-decoration:none;} #klickpfad a:hover { color: #777777; font-weight:bold; margin-bottom:14px; text-decoration:underline;} #spalte20 { margin-left:205px; width:840px; background-color:#FFFFFF; min-height:385px; } #spalte21 { float:left; width:265px; height:325px; padding:5px; border:1px solid #EEEEEE; background-image:url(/fileadmin/02BGBanner/BGRechtecke.jpg);} #spalte22 { float:left; width:265px; height:325px; padding:5px; border:1px solid #EEEEEE; background-image:url(/fileadmin/02BGBanner/BGRechtecke.jpg);} #spalte23 { float:left; width:265px; height:325px; padding:5px; border:1px solid #EEEEEE; background-image:url(/fileadmin/02BGBanner/BGRechtecke.jpg);} /** Interne Verlinkung am Seitenende **/ #nav_unten { font: normal 9px Verdana; text-decoration:none; text-align:center; line-height:20px; margin:15px 15px 10px 15px;} #nav_unten a { font:normal 9px Verdana; text-decoration:none; text-align:center; color:#000066; } /** Fusszeile (aehnlich wie Menu oben rechts) **/ #footer { font-family: Verdana, Helvetica, Arial; background-color:#EEEEEE; width:100%; text-align:center; font-size:10px; border-bottom:1px solid #DDDDDD; } #footer a { font-family: Verdana, Helvetica, Arial; color:#111111; text-decoration:none; } #footer a:hover { font-family: Verdana, Helvetica, Arial; color:#111111; text-decoration:underline; } /** Formatierungen fuer andere Elemente der Seite ******************************************************/ #anschriftx { background-color:transparent; font-weight:normal; font-size:9px; margin:10px 15px 30px 10px; padding:3px 0px 3px 5px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; } #anschrift { background-color:transparent; font-weight:normal; font-size:9px; margin:10px 15px 30px 10px; padding:5px; text-align:center; background-image:url(/fileadmin/02BGBanner/BGRundeEcken2.jpg); } #suche { text-align:center; margin:0px 0px 20px 0px;} #valid { text-align:center; margin-top:10px; } #handbuch { background-color:#FAFAFA; border:1px solid #DDDDDD; font-size:10px; color:#FF0000; margin:10px 10px 10px 10px; padding:3px; text-align:center; } #handbuch a { color:#FF0000; font-weight:bold; } #doku { background-color:#FAFAFA; border:1px solid #DDDDDD; font-size:10px; color:#000066; margin:10px 10px 10px 10px; padding:3px; text-align:center; } #doku a { color:#000066; font-weight:bold; } /** Eintragungen der rechten Spalte **/ .aktuelles { background-color:#FAFAFA; border:1px solid #EEEEEE; font-size:10px; margin:0px 10px 10px 10px; padding:3px; text-align:center; } .aktuellrot { font-weight:bold; color:#dd0000; } .google { background-color:#FAFAFA; border:1px solid #000066; font-size:10px; margin:10px 24px 10px 24px; padding:3px; text-align:center; } .font9 { font-size:9px; } .font10 { font-size:10px; } /****** Blog Webdesign-News und Schulungs-News *********************/ .blog_head { font-weight:bold; color:#000055; } #blog_body { margin-top:2px; } /** Linkpartner auf der Startseite unten **/ #partner { font-size:9px; text-align:center; margin-top:10px; } #partner a { font-size:9px; color:#111111; text-decoration:none; } /** Eintragungen auf Seite Linkpartner **/ .linkpartner { font: normal 11px Verdana; color:#333333; line-height:24px; text-decoration:none; } .linkpartner a { font: normal 11px Verdana; color:#333333; line-height:24px; text-decoration:none; } /** Korrektur fuer Suchfunktion unter TYPO3 4.3 ****/ .mailform { border:2px; } #mailformsubmit { text-align:left; margin-left:10px; } #mailformsword { text-align:left; margin-left:10px; } /******* Hauptmenu; Definition der Klassen normal + aktiv erfolgt im TypoScript *********************************/ #top { } #top a { font-size:13px; font-weight:bold; text-decoration:none; color:#444444;} #top a:hover { font-size:13px; font-weight:bold; text-decoration:none; color:#FF4400;} /******* Vertikales Men links; Definition der Klassen normal + aktiv erfolgt im TypoScript *************************/ #navilinks { margin-left:10px; margin-bottom:10px;} #navilinks ul { list-style:none; margin:0pt; padding:0pt; background-color:#FFFFFF;} #navilinks ul a { background-color:#FFFFFF; font-weight:bold; font-size:11px; display:block;} #navilinks li { margin:2px 0px 2px 0px; line-height:20px; padding-bottom:2px; } #navilinks li.normalrot a { text-decoration:none; padding-left:5px; color:#000000; border-bottom:1px solid #BBBBBB; } #navilinks li.normalrot a:hover { text-decoration:none; padding-left:5px; color:#000066; border-bottom:1px solid #BBBBBB; } #navilinks li.aktivrot a { text-decoration:none; padding-left:5px; color:#FF4400; border-bottom:1px solid #BBBBBB; } #navilinks li.aktivrot a:hover { text-decoration:none; padding-left:5px; color:#000066; border-bottom:1px solid #BBBBBB; } /*** Definition der zweiten Ebene ********************/ #navilinks li.normalrot2 a { text-decoration:none; padding-left:18px; color:#000000; font-size:11px; line-height:18px; border-bottom:1px solid #BBBBBB; } #navilinks li.normalrot2 a:hover { text-decoration:none; padding-left:18px; color:#000066; font-size:11px; line-height:18px; border-bottom:1px solid #BBBBBB; } #navilinks li.aktivrot2 a { text-decoration:none; padding-left:18px; color:#FF4400; font-size:11px; line-height:18px; border-bottom:1px solid #BBBBBB; } #navilinks li.aktivrot2 a:hover { text-decoration:none; padding-left:18px; color:#000066; font-size:11px; line-height:18px; border-bottom:1px solid #BBBBBB; } /*** Definition der dritten Ebene ********************/ #navilinks li.normal3 a { text-decoration:none; padding-left:25px; color:#000000; font-size:11px; line-height:18px; border-bottom:1px solid #BBBBBB; font-weight:normal; } #navilinks li.normal3 a:hover { text-decoration:none; padding-left:25px; color:#000066; font-size:11px; line-height:18px; border-bottom:1px solid #BBBBBB; font-weight:normal;} #navilinks li.aktiv3 a { text-decoration:none; padding-left:25px; color:#FF4400; font-size:11px; line-height:18px; border-bottom:1px solid #BBBBBB; font-weight:normal;} #navilinks li.aktiv3 a:hover { text-decoration:none; padding-left:25px; color:#000066; font-size:11px; line-height:18px; border-bottom:1px solid #BBBBBB; font-weight:normal;} /******* Formatierungen für das Standard-Mail-Formular ****************************************************/ /* aus Quellcode entnehmbar */ .csc-mailform { border:1px solid silver; padding:10px; margin-right:240px;} .csc-mailform-field { margin-bottom:8px; } .csc-mailform-label { font-size:12px; color:#000033; } .csc-mailform-radio { } .csc-mailform-check { } .csc-mailform-submit { margin:10px 0px 0px 220px;} /* ableitbare Felder */ .csc-mailform-field label { font-size: 12px; color:#000033; width:220px; float:left; display:block; text-align:left; } .csc-mailform-field input { font-size: 12px; color:#000033; font-weight:normal; } .csc-mailform-field textarea { font-size: 12px; color:#000033; font-weight:normal; } .csc-mailform-field select { font-size: 12px; color:#000033; font-weight:normal; } .csc-mailform-field radio { font-size: 12px; color:#0000FF; font-weight:normal; margin-right:10px;} .csc-mailform-radio legend { font-size: 10px; color:#999999; } #mailformoptimal { margin-right:140px; border:1px solid silver; } #mailformoptimal label { font-size:11px; color:#000033; line-height:16px; display:inline !important; float:none !important; vertical-align:text-bottom;}