body { background-color:#ffffff; } #headLogo { position:absolute; top:0px; left:20px; z-index:10;} #headtitle { position:absolute; top:0px; left:230px; z-index:10;} #headnavi { position:absolute; top:80px; left:230px; z-index:100;} #headservice { position:absolute; top:20px; right:20px; z-index:100; } #headtitleHg { position:absolute; top:0px; left:0px; width:100%; height:120px; z-index:1; background-image:url(head-hg.gif); background-repeat:repeat-x; } #naviContent { position:absolute; top:120px; left:0px; width:210px; padding-top:30px; z-index:100; background-color:#ffffff; } .naviDistance { width:20px; } .naviIcon { width:35px; } .naviText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; line-height:15px; font-weight:bold; color:#ffffff; } .naviText a { color:#d1d8e3; text-decoration:none; } .naviText a:hover { color:#ffffff; text-decoration:underline; } .serviceText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; line-height:15px; font-weight:normal; color:#ffffff; text-align:right; } .serviceText a { color:#d1d8e3; text-decoration:none; } .serviceText a:hover { color:#ffffff; text-decoration:underline; } .naviContentText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; line-height:15px; font-weight:normal; color:#000000; } .naviContentText a { color:#002355; text-decoration:none; } .naviContentText a:hover { color:#00326e; text-decoration:underline; } .naviContentJumper { padding-left:20px; height:20px; width:8px;} .naviContentTitel { padding-left:20px; padding-top:20px; padding-bottom:10px;} #footerXM { padding-left:20px; padding-top:40px; padding-bottom:20px;} .xmText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; font-weight:normal; color:#797c83; xtext-align:right; } .xmText a { color:#666666; text-decoration:none; } .xmText a:hover { color:#333333; text-decoration:underline; } th,td,div { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000000; } h1 { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:24px; line-height:25px; font-weight:normal; color:#666666; } h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:16px; line-height:15px; font-weight:normal; color:#002355; margin-bottom:10px; } h3 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; line-height:15px; xfont-weight:normal; color:#002355; margin-bottom:0px; } a { color:#00326e; } a:hover { color:#002355; } li { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#000000; } big { font-size:15px; line-height:20px; } hr { border:1px solid #d1d8e3; } /* ************* Farbübersicht ************* * SchlosserBlau (dunkel) #002355 Link over Blau #00326e Link Hellblau 1 #d1d8e3 HG Footer Hellblau 2 #dfe4eb Eingabefelder Hellblau 3 #e8ebf1 HG Content Grau #666666 H1 ***************************************************** */ #visualContent { position:absolute; top:121px; left:0px; width:100%; xmargin-left:210px; z-index:10; background-color:#e8ebf1; } #visualContentImg { padding-left:210px; z-index:10; } /* ************* Stichwort ************* */ .stichwortText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:15px; font-weight:normal; color:#00326e; width:480px; } .stichwortText hr { border:1px solid #d1d8e3; height:1px; } .stichwortText1 { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:14px; line-height:17px; font-weight:normal; color:#888888; } .stichwortText1 a { color:#888887; text-decoration:none; } .stichwortText1 a:hover { color:#00326e; text-decoration:underline; } .stichwortText2 { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:14px; line-height:17px; font-weight:normal; color:#666666; } .stichwortText2 a { color:#888889; text-decoration:none; } .stichwortText1 a:hover { color:#00326e; text-decoration:underline; } /* ************* Start ************* */ #naviContentStart { position:absolute; top:120px; left:0px; width:210px; z-index:100; background-color:#ffffff; } #naviBannerStart { position:absolute; top:350px; left:0px; width:210px; height:150px; z-index:100; background-color:#e8ebf1; } #BannerStart { position:absolute; top:350px; left:0px; width:100%; height:150px; xmargin-left:210px; z-index:10; background-color:#e8ebf1; } #BannerStartContent { padding-left:210px; z-index:10; } #Banner1 { padding:10 10 0 0px; float:left; } #Banner2 { padding:10 10 0 10px; float:left; } #contentLinkStart { position:absolute; top:520px; left:0px; width:210px; z-index:100; } #contentTextStart { position:absolute; top:520px; left:230px; width:480px; z-index:100; } #contentZusatzStart { position:absolute; top:520px; left:740px; width:220px; z-index:100; border-left:1px solid #d1d8e3; padding-left: 20px } /* ************* Content ************* */ #contentText { position:absolute; top:352px; left:230px; width:730px; z-index:100; } #contentText2 { position:absolute; top:352px; left:230px; width:480px; z-index:100; } #contentZusatz { position:absolute; top:352px; left:740px; width:220px; z-index:100; border-left:1px solid #d1d8e3; padding-left: 20px } .contentZusatzSpalte { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; font-weight:normal; color:#333333; } .contentZusatzSpalte h1 { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:16px; line-height:15px; font-weight:bold; color:#666666; margin-bottom:10px; } .contentZusatzSmall { font-size:11px; line-height:15px; font-weight:regular; color:#333333; padding-top:15px; } .contentZusatzHeadline { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:18px; line-height:18px; font-weight:bold; color:#333333; padding-top:3px; } .contentZusatzText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; font-weight:regular; color:#333333; padding-top:3px; } .contentZusatzLink { font-size:12px; line-height:15px; font-weight:regular; color:#333333; padding-top:3px; } .contentZusatzLink a { font-size:12px; line-height:15px; color:#002355; text-decoration:none; } .contentZusatzLink a:hover { font-size:12px; line-height:15px; color:#00326e; text-decoration:underline; } /* ************* Projekte ************* */ #projekteRegisterHg { position:absolute; top:120px; left:0px; width:100%; height:120px; z-index:1; background-color:#d1d8e3; } #projekteRegister { position:absolute; top:200px; left:230px; z-index:10; } #projekteSchaltleiste { position:absolute; top:265px; left:230px; z-index:10; width:680px; text-align:center; } #projekteAktuellFrame { position:absolute; top:300px; left:210px; z-index:10; } .projekteSchaltleisteText { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:16px; line-height:20px; color:#666666; } .projekteSchaltleisteText a { color:#00326e; text-decoration:none; } .projekteSchaltleisteText a:hover { color:#002355; text-decoration:underline; } .projekteAktuellFrame { background-color:#e8ebf1; } .projekteAktuelleFrameText { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:16px; line-height:20px; color:#666666; text-align:center; } .projekteAktuelleFrameText h1 { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:22px; line-height:25px; font-weight:normal; color:#666666; margin:0px; } .projekteAktuelleFrameText h2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:16px; line-height:15px; font-weight:normal; color:#002355; margin:5px; } .projekteAktuelleFrameImg { padding:3px; } .projekteAktuelleFrameImg img { border:1px solid #002a64; } /* ************* Kontakt ************* */ .kontaktRahmen { height:305px; width:220px; border:1px solid #d1d8e3; z-index:100; float:left; xpadding:10px; margin-right:20px; margin-bottom:20px;} .kontaktBild { height:150px; width:200px; background-color:#e8ebf1; z-index:100; text-align:center; margin:10 10 3 10px; } .kontaktText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#000000; margin:0 10 3 10px; } .kontaktText h2 { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:15px; line-height:20px; font-weight: bold; color:#666666; margin-bottom:5px;} /* ************* Aktuelle Meldungen ************* */ .news1Box { width:100%; border-top:1px solid #d1d8e3; background-color:#e8ebf1; z-index:100; margin-right:20px; margin-bottom:10px;} .news1Image { padding:10 10 10 10px; width:120px; } .news1Image img { border:1px solid #666666;} .news1Text1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#666666; padding:0 0 0 0px; } .news1Text2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#000000; padding:10 10 0 0px; } .news1Text2 strong { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:20px; line-height:25px; color:#333333; } .news2Box { width:100%; border-top:1px solid #d1d8e3; z-index:100; margin-right:20px; margin-bottom:10px;} .news2Text1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#666666; padding:10 10 0 0px; width:130px;} .news2Text2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#000000; padding:10 10 0 0px; } .news2Text2 strong { color:#333333; } .newsSBox { width:100%; border-top:1px solid #d1d8e3; background-color:#e8ebf1; z-index:100; margin-right:20px; margin-bottom:10px;} .newsSText1 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#00326e; padding:10 10 0 7px; width:130px;} .newsSText2 { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#000000; padding:10 10 10 0px; } .newsSText2 strong { color:#333333; } .newsLink { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:13px; line-height:15px; font-weight:normal; color:#000000; padding-top:5px;} .newsLink a { color:#002355; text-decoration:none; } .newsLink a:hover { color:#00326e; text-decoration:underline; } .newsLinkJumper { height:20px; width:8px; padding-top:5px;} /* ************* Impressum ************* */ #imprintContentLeft { position:absolute; top:120px; left:0px; width:460; height:400px; z-index:10; background-color:#e8ebf1; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; } #imprintContentText { position:absolute; top:120px; left:460px; margin-left:60px; margin-top:40px; z-index:10; } .imprintText { xwidth:100%; padding:0 5 10 0px; } /* ************* Formular ************* */ .formularForm { } .formularFormTitle { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666666; width:100px; padding-right:10px; } .formularFormTitleBold { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666666; width:100px; padding-right:10px; font-weight:bold; } .formularFormTitleBold big { font-size:13px; color:#00326e; font-weight:bold; } .formularFormText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666666; } .formularFormTextBold { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666666; font-weight:bold; } .formularFormInput { height:20px; padding:0 1 0 0px; } .formularFormInputFeld { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; height:19px; background-color:#dfe4eb; border:0px; padding-left:3px;} .formularFormButton { margin:0px; padding:0px; font-size:0; line-height:0; border:none; cursor:pointer; background:none; } .formularFormOptionText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666666; } .animationImage { filter:blendTrans(Duration=5, Transition=1); }