body { background-color:#d1d8e3; } #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; } #footerShortCutFlag { position:absolute; top:540px; left:20px; z-index:1;} #footerShortCut { position:absolute; top:540px; left:20px; z-index:1;} #footerXM { position:absolute; top:580px; right:20px; z-index:1;} #footer { position:absolute; top:540px; left:520px; width:480px; z-index:1;} .ShortCutFlagImage { padding-left:10px;} .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; } .xmText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; font-weight:normal; color:#797c83; text-align:right; } .xmText a { color:#666666; text-decoration:none; } .xmText a:hover { color:#333333; text-decoration:underline; } #Content { position:absolute; top:120px; left:0px; width:100%; height:400px; background-color:#ffffff; z-index:1;} .contentPagingText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; line-height:20px; font-weight:bold; color:#002355; text-align:right; width:50%; padding-right:6px; padding-top:8px } .contentPagingButton { width:30px;} .contentPagingButtonText { width:50%; padding-left:5px; padding-top:12px; } .contentPagingButtonTextR { width:50%; padding-right:5px; padding-top:12px; text-align:right; } th,td,div { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#000000; } h1 { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:22px; line-height:25px; font-weight:normal; color:#666666; } h2 { font-family: Arial Narrow, Arial, Verdana, Helvetica, sans-serif; font-size:20px; line-height:22px; xfont-weight:normal; color:#666666; } a { color:#00326e; } a:hover { color:#002355; } li { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#000000; } /* ************* 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 ***************************************************** */ /* ************* START ************* */ #startContentLeft { position:absolute; top:120px; left:0px; z-index:10; } #startContentTitle { position:absolute; top:120px; left:520px; z-index:10; } #startContentSubtitle { position:absolute; top:270px; left:520px; z-index:10; } #startContentText { position:absolute; top:320px; left:520px; z-index:100; } /* ************* SCHLOSSER - Bauen fuers Pferd ************* */ #schlosserContentLeft { position:absolute; top:120px; left:0px; z-index:10; } #schlosserContentTitle { position:absolute; top:120px; left:520px; z-index:10; } #schlosserContentSubtitle { position:absolute; top:270px; left:520px; z-index:10; } #schlosserContentText { position:absolute; top:360px; left:520px; width:360px; z-index:100; } #schlosserContentNavi { position:absolute; top:507px; left:520px; width:380px; z-index:100; } /* ************* Aktuelle Projekte ************* */ #projectContent { position:absolute; top:120px; left:0px; z-index:10; } #projectContentNavi { position:absolute; top:507px; left:520px; width:380px; z-index:100; } /* ************* Kontakt ************* */ #contactContentLeft { 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; } #contactContentForm { position:absolute; top:120px; left:460px; xwidth:100%; z-index:10; margin-left:40px; margin-top:40px;} #contactContentInfo { position:absolute; top:120px; left:460px; width:460; height:400px; z-index:10; } .contactAdress { margin-left:60px; margin-top:40px; margin-right:40px; padding:0 5 3 0px; } .contactForm { } .contactFormTitle { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666666; width:160px; text-align:right; padding-right:10px; } .contactFormTitleBold { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666666; width:160px; text-align:right; padding-right:10px; font-weight:bold; } .contactFormText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666666; text-align:right; } .contactFormTextBold { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666666; text-align:right; font-weight:bold; } .contactFormInput { height:20px; padding:0 1 0 0px; } .contactFormInputFeld { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; height:19px; background-color:#dfe4eb; border:0px; padding-left:3px;} .contactFormButton { margin:0px; padding:0px; font-size:0; line-height:0; border:none; cursor:pointer; background:none; } /* ************* Stellenangebot ************* */ #jobContentLeft { 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; } #jobContentText { position:absolute; top:120px; left:460px; margin-left:60px; margin-top:40px; z-index:10; } .jobContentText { margin-left:60px; margin-top:40px; width:360px;} .jobContentText2 { width:420px;} #jobContentNavi { position:absolute; top:507px; left:580px; width:300px; z-index:100; } .contactFormOptionText { font-family: Arial, Verdana, Helvetica, sans-serif; font-size:11px; line-height:15px; color:#666666; } /* ************* 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; }