/* -------------------------- INFO -------------------------- */ /* Project: workstation Hannover GmbH Date: May 2007 Author: wendweb.de */ /* -------------------------- ALLGEMEINES -------------------------- */ /* Allgemeine Seiteneigenschaften */ html { padding: 0px; margin: 0px; height: 100%; } body { padding: 0px; margin: 0px; height: 100%; background: url(../images/bg.gif) repeat-y; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; overflow: -mox-scrollbars-vertical; } /* Allgemeine Elementeigenschaften*/ p { margin: 0px; padding: 0px; } .headline { color: #165285; font-size: 1.2em; font-weight: bold; padding: 0px; margin-bottom: 10px; } .headline_hr { width: 519px; height: 4px; background: #165285; font-size: 0.1em; margin-bottom: 0px; } ul { padding: 0px; margin: 0px; list-style: none; } li { padding: 0px 0px 0px 12px; margin: 0px; color: #165285; font-weight: bold; background: url(../images/arrow_blue.gif) no-repeat 0em 0.4em; } table { font-size: 1em; } .linkit a { text-decoration: none; color: #165285; padding-left: 1.5em; background: url(../images/arrow_blue.gif) no-repeat 0.4em 0.3em; } .linkit a:hover { text-decoration: underline; color: #165285; padding-left: 1.5em; background: url(../images/arrow_blue.gif) no-repeat 0.4em 0.3em; } /* Divisions */ #container { margin-left: 26px; min-height: 100%; height: auto !important; height: 100%; position: relative; } /* Header */ #header_bg { height: 78px; background: url(../images/header_bg.gif) repeat-x right top; overflow: hidden; } #header { width: 858px; height: 78px; background: url(../images/header.gif) no-repeat; overflow: hidden; } #servicemenu { padding-top: 7px; margin-left: 165px; text-align: right; width: 550px; color: #97a196; font-size: 0.9em; } .servicemenu_wrap { display: inline; padding-top: 7px; background: url(../images/servicemenu_bg.gif) no-repeat right top; padding-right: 10px; margin-right: 10px; } .servicemenu_wrap a { color: #97a196; text-decoration: none; } .servicemenu_wrap a:hover { color: #97a196; text-decoration: underline; } #search { margin-left: 726px; margin-top: -16px; width: 140px; } #menu { height: 39px; background: url(../images/menu_bg.gif) no-repeat; overflow: hidden; } #menu ul { list-style: none; padding: 0px; margin: 0px; display: inline; } #menu li { padding: 0px; margin: 0px; display: block; background: none; float: left; } #menu li a { display: block; float: left; } #menu li a:hover { display: block; float: left; background: #0b2942; } #panorama { height: 82px; width: 858px; overflow: hidden; } #rootline { margin-top: -17px; margin-left: 175px; overflow: hidden; height: 16px; width: 515px; font-size: 0.8em; color: #97a196; } #rootline a { color: #97a196; text-decoration: none; } #rootline a:hover { color: #5a6059; text-decoration: underline; } /* Content Area */ #contentcontainer { width: 858px; overflow: hidden; } #content_left { float: left; width: 153px; margin-top: 15px; } #menu2 { } #menu2 ul { padding: 0px; margin: 0px; list-style: none; } #menu2 li { padding: 0em 0em 1em 0em; margin: 0px; background: url(../images/menu2_bg.gif) no-repeat 0em 1.7em;; font-weight: normal; } #menu2 li a { text-decoration: none; color: #165285; padding: 0em 0em 0em 1.9em; } #menu2 li a:hover { text-decoration: none; color: #165285; background: url(../images/arrow_blue.gif) no-repeat 0.8em 0.3em; } /* wenn aktiv */ #menu2 li span a { text-decoration: none; color: #165285; background: url(../images/arrow_blue.gif) no-repeat 0.8em 0.3em; font-weight: bold; } #content_center { float: left; width: 560px; overflow: hidden; } #content_wrap { padding: 15px 21px 50px 20px; } #content_right { float: left; width: 145px; margin-top: 41px; margin-bottom: 50px; } /* Footer */ #footer { height: 30px; background: white; margin-top: -30px; position: relative; } #footer_wrap { padding: 5px 0px 0px 26px; font-size: 0.9em; color: #97a196; } #footer_wrap a { color: #97a196; text-decoration: none; } #footer_wrap a:hover { color: #97a196; text-decoration: underline; } /* Tabelle */ td.hersteller1 { width:90px; height:90px; border:1px solid #808080; } td.hersteller2 { width:5px; height:90px; } td.hersteller3 { height:5px; } /* -------------------------- TYPO3 EXTENSIONS -------------------------- */ /* Sitemap */ .sitemap_1 a { font-weight: bold; color: #165285; text-decoration: none; padding-left: 1.9em; background-image: url(../images/arrow_blue.gif); background-position: 0.8em 0.3em; background-repeat: no-repeat; } .sitemap_1 a:hover { font-weight: bold; color: #165285; text-decoration: underline; padding-left: 1.9em; background-image: url(../images/arrow_blue.gif); background-position: 0.8em 0.3em; background-repeat: no-repeat; } .sitemap_2 a { color: #165285; text-decoration: none; padding-left: 1.9em; background-image: url(../images/arrow_blue.gif); background-position: 0.8em 0.3em; background-repeat: no-repeat; } .sitemap_2 a:hover { color: #165285; text-decoration: underline; padding-left: 1.9em; background-image: url(../images/arrow_blue.gif); background-position: 0.8em 0.3em; background-repeat: no-repeat; } .sitemap_3 a { color: #165285; text-decoration: none; padding-left: 1.9em; background-image: url(../images/arrow_blue.gif); background-position: 0.8em 0.3em; background-repeat: no-repeat; } .sitemap_3 a:hover { color: #165285; text-decoration: underline; padding-left: 1.9em; background-image: url(../images/arrow_blue.gif); background-position: 0.8em 0.3em; background-repeat: no-repeat; } /* News */ .news-list-box { margin-top: 15px; } .news-list-date { margin-bottom: 2px; } .news-list-title { font-weight: bold; margin-bottom: 2px; } .news-list-subheader {} .news-list-morelink a { text-decoration: none; color: #165285; padding-left: 1.5em; background: url(../images/arrow_blue.gif) no-repeat 0.4em 0.3em; } .news-list-morelink a:hover { text-decoration: underline; color: #165285; padding-left: 1.5em; background: url(../images/arrow_blue.gif) no-repeat 0.4em 0.3em; } .news-list-image { float: right; margin-left: 10px; margin-bottom: 10px; } .news_single_image { border: 1px solid #97a196; margin-bottom: 5px; } /* Extension Indexed Search */ .tx-indexedsearch-searchbox { padding-top: 5px; } .tx-indexedsearch-res { font-size: 1em; margin-top: -10px; margin-bottom: 15px; clear: both; float: none; } .tx-indexedsearch-res a { color: #165285; text-decoration: none; } .tx-indexedsearch-res a:hover { color: #165285; text-decoration: underline; } .browsebox { padding: 0px; margin: 10px 0px 0px 0px; display: block; width: 450px; } .browsebox ul { background-image: none !important; padding: 0px; margin: 0px; display: block; list-style:none; } .browsebox li { background-image: none !important; padding-left: 2px; padding-right: 2px; height: 40px; margin-left: 10px; list-style: none; float:left; display: block; } .browsebox li a { background-image: none !important; color: #165285; text-decoration: underline; } .browsebox li a:hover { background-image: none !important; color: #165285; text-decoration: none; } /* -------------------------- FCE's -------------------------- */ /* FCE Infobox */ .fce_infobox { width: 145px; background: url(../images/fce_infobox_bg_markenpartner.gif) bottom; } .fce_infobox_headline { height: 28px; background: #97a196; } .fce_infobox_headline_wrap { padding: 0px; } .fce_infobox_content { padding: 8px 2px 25px 9px; font-size: 11px; } .fce_infobox_link { position: absolute; margin-top: -22px; margin-left: 122px; } .fce_spacer { font-size: 0.1em; height: 10px; } /* FCE Introbox */ .fce_introbox_wrap { width: 517px; overflow: hidden; margin-top: 10px; } .fce_introbox_el { width: 167px; float: left; height: 130px; margin-right: 5px; background: url(../images/fce_introbox_bg.gif) bottom; } .fce_introbox_header { height: 28px; } .fce_introbox_image { height: 28px; background: white; } .fce_introbox_content { padding: 8px 3px 10px 5px; color: #ffffff; font-size: 0.9em; } .fce_introbox_link { position: absolute; margin-top: -7px; margin-left: 147px; } /* FCE Ansprechpartner */ .fce_ap_box { width: 254px; height: 98px; background: url(../images/fce_ap.gif) no-repeat left; overflow: hidden; } .fce_ap_image { width: 73px; height: 98px; overflow: hidden; } .fce_ap_body { height: 98px; margin-top: -98px; margin-left: 85px; width: 200px; } .fce_ap_name { width: 100px; height: 20px; margin-top: 5px; } .fce_ap_title { width: 200px; height: 20px; font-weight: bold; } .fce_ap_pre { width: 35px; height: 15px; float: left; } .fce_ap_data { width: 160px; height: 15px; float: left; } .fce_ap_mail { margin-left: 127px; margin-top: 2px; } .fce_ap_mail a { color: #165285; text-decoration: none; } .fce_ap_mail a:hover { color: #165285; text-decoration: underline; } /* 2-Spalten Box */ .fce_2sp_box { margin-bottom: 0px; height: 98px; overflow: hidden; margin-bottom: -8px; } .fce_2sp_l { width: 50px; padding-right: 11px; vertical-align: top; } .fce_2sp_r { width: 50px; vertical-align: top; } /* -------------------------- PHP FORMULAR -------------------------- */ /* Formular */ .formularOuter { width:450px; padding-top:5px; } .formularTextFormularBox { /* position:relative; */ float:left; height: auto; width:360px; font-family:arial,verdana,helvetica,sans-serif; color:#000000; font-size:1em; font-weight:100; } .formularLeerzeileBox { /* position:relative; */ float:left; height:20px; width:390px; } .formularInputBox { /* position:relative; */ float:left; height:auto; width:390px; margin-top:3px; } .formularInputCaption { /* position:relative; */ float:left; height:auto; width:150px; vertical-align:top; margin-left:0px; margin-top:2px; font-family:arial,verdana,helvetica,sans-serif; color:#000000; font-size:1em; font-weight: normal; } .formularInputInput { /* position:relative; */ float:left; height:auto; width:230px; font-family:arial,verdana,helvetica,sans-serif; color:#000000; font-size:1em; font-weight:100; } .formularInputInputButton { height:auto; width:338px; text-align:right; margin-left: 13px; font-family:arial,verdana,helvetica,sans-serif; color:#000000; font-size:1em; font-weight:100; } .formularTextBox { /* position:relative; */ float:left; height:auto; width:390px; margin-top:3px; margin-bottom:2px; margin-left:0px; font-family:arial,verdana,helvetica,sans-serif; color:#000000; font-size:1em; font-weight: normal; } .formularTextErrorBox { /* position:relative; */ float:left; height:auto; width:390px; margin-left:0px; margin-bottom:10px; font-family:arial,verdana,helvetica,sans-serif; color:red; font-size:1em; font-weight:bold; } .formularTextAfterBox { /* position:relative; */ float:left; height:auto; width:390px; vertical-align:top; margin-top: 20px; margin-bottom:45px; margin-left:0px; font-family:arial,verdana,helvetica,sans-serif; color:#000000; font-size:1em; font-weight:100; } .formularTextGesendetBox { /* position:relative; */ float:left; height:auto; width:390px; margin-top:5px; margin-bottom:5px; margin-left:0px; font-family:arial,verdana,helvetica,sans-serif; color:#000000; font-size:1em; font-weight:bold; } .formularButton { height:22px; width: 200px; font-size: 1em; font-weight: bold; font-family:Arial; margin-top:5px; border:0px; background-color:#ffffff; color: white; cursor:pointer; display: block; float: right; background-image: url(../images/submit.gif); } .formularInputSelect { margin:0px; padding:0px; font-size:1em; } .formularInputText { width:200px; display: block; border: 1px solid #165285; font-size:1em; } .formularInputTextArea { width:200px; height:100px; margin:0px; padding:0px; border: 1px solid #165285; font-family:arial,verdana,helvetica,sans-serif; font-size:1em; display: block; } .formularInputRadio {} .formularInputCheckbox {}