/* ITK-Services.net - Main CSS Data --------------------------------------------- */ /* (C) 2009 ITK-Services.net ----------------------------------------------------- */ /* B A S I C L A Y O U T G R I D -------------------------------------------- */ * { border: 0; margin: 0; padding: 0; } html { height: 100%; font-size: 100.01%; } body { height: 101%; font: normal 1em Verdana, Arial, Helvetica, sans-serif; line-height: 1.15em; color: #555; text-align: center; } body { position: relative; } /* Fix IE Zoom */ * html body { position: static; } .content { width: 790px; text-align: left; margin: 0 auto; padding: 0; } /* H E A D I N G S , P A R A G R A P H S A N D L I N K S ------------------ */ h2 { font-size: 1.45em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #555; margin: 0 0 1em 0; } h3 { font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #6A7B8F; margin: 0 0 0.75em 0; text-transform: uppercase; } h4 { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #555; margin: 0 0 0.75em 0; } p, address { font-style: normal; margin-bottom: 0.75em; } img { border: 0; } a:link, a:visited { color: #6A7B8F; text-decoration: underline; } a:hover, a:active, a:focus { color: #EFAF05; text-decoration: underline; } .txtimgright { position: relative; float: right; margin: 0 0 5px 7px; border: 0; } .txtimgright img { border: 0; display: block; } .txtimgright a:link, .txtimgright a:visited { display: block; text-decoration: none; } .txtimgright a:hover, .txtimgright a:active, .txtimgright a:focus { display: block; text-decoration: none; } .txtimgright a:link span, .txtimgright a:visited span { position: absolute; display: block; top: 0; left: 0; width: 150px; height: 124px; cursor: pointer; } .txtimgright a:hover span, .txtimgright a:active span, .txtimgright a:focus span { position: absolute; display: block; top: 0; left: 0; width: 150px; height: 124px; cursor: pointer; background: transparent url("../images/design/main/zoom.png") no-repeat center center; } .imgright a:link, .imgright a:visited { padding: 3px 3px 12px 3px; background: transparent url("../images/design/main/shaddow.jpg") no-repeat top left; display: block; text-decoration: none; } .imgright a:hover, .imgright a:active, .imgright a:focus { background: transparent url("../images/design/main/shaddow.jpg") no-repeat top left; display: block; text-decoration: none; } .imgright { position: relative; display: block; float: right; margin: 3px 0 0 10px; padding: 0; width: 191px; height: 100px; } .imgright img { border: 0; display: block; width: 185px; height: 85px; } .imgright a:link span, .imgright a:visited span { position: absolute; display: block; top: 0; left: 0; width: 191px; height: 91px; cursor: pointer; } .imgright a:hover span, .imgright a:active span, .imgright a:focus span { position: absolute; display: block; top: 0; left: 0; width: 191px; height: 91px; cursor: pointer; background: transparent url("../images/design/main/zoom.png") no-repeat center center; } .more { border-bottom: 1px dashed #bbb; margin-bottom: 1.5em; padding-bottom: 1.5em; } .block { text-align: justify; } .teasertxt { font-weight: bold; margin-bottom: 1.2em; } #maintext ul { list-style: none; margin: 0 0 0.75em 0; } #maintext ul.more { margin: 0 0 1.5em 0; } .normal-arrow li { background: transparent url("../images/design/main/arrow_green.gif") no-repeat 0em 0.4em; list-style: none; margin: 0; padding-left: 18px; } .tabimp { display: block; width: 8em; float: left; clear: both; } .tabkont { display: block; width: 6em; float: left; clear: both; margin: 0; padding: 0; } .card { width: 50px;; height: 25px; display: block; float: left; clear: both; background: transparent url("../images/kontakt/vcard.gif") no-repeat top left; } acronym { font-style: normal; background: transparent url("../images/design/main/acro_deko.gif") repeat-x left bottom; cursor: help; } span.abbr { font-style: normal; background: transparent url("../images/design/main/acro_deko.gif") repeat-x left bottom; cursor: help; } #footer acronym { background: transparent url("../images/design/main/acro_deko_foot.gif") repeat-x left bottom; cursor: help; } #footer span.abbr { background: transparent url("../images/design/main/acro_deko_foot.gif") repeat-x left bottom; cursor: help; } kbd { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FAFAFA; padding-left: 0.2em; padding-right: 0.2em; } a.extlink:link { padding-right: 0px; padding-left: 14px; padding-bottom: 0px; padding-top: 0px; background: url("../images/design/main/ext_link.gif") no-repeat left center; } a.extlink:visited { text-decoration: line-through; padding-left: 0px; padding-right: 14px; padding-bottom: 0px; padding-top: 0px; background: url("../images/design/main/link_visited.gif") no-repeat right center; } /* C O L O R S ------------------------------------------------------------------ */ .grau { color: #555; } .linkespalte { color: #EAECED; } .orange { color: #EFAF05; } .gruen { color: #85A147; } .hellblau { color: #E3E6ED; } .mittelblau { color: #8D9AAA; } .dunkelblau { color: #6A7B8F; } /* H E A D E R -------------------------------------------------------------------- */ #header { background-color: #E3E6ED; } #skip { z-index: 2; font-size: 0.8em; position: absolute; top: 0; left: 0; padding: 0; display: block; width: 100%; text-align: center; } #skip li { list-style: none; display: inline; overflow: hidden; } #skip li a:link, #skip li a:visited { position: absolute; z-index: 100; top: -1000px; left: -1000px; } #skip li a:hover, #skip li a:active, #skip li a:focus { position: absolute; z-index: 100; padding: 3px 0 3px 0; top: 0; left: 0; display: block; width: 99.9%; background-color: #fff; text-align: center; overflow: hidden; } #logobox { float: left; width: 279px; height: 70px; background-color: #EAECED; padding: 0; margin: 0; } .clogobox { margin: 11px 0 11px 25px; } h1.logo { background: #EAECED url("../images/design/header/logo.gif") no-repeat 0% 0%; margin: 0; width: 132px; height: 48px; } h1.logo a { display: block; width: 132px; height: 48px; border: 0; } h1.logo a:hover, h1#logo a:active, h1#logo a:focus { background: #EAECED url("../images/design/header/logo.gif") no-repeat 0 -48px; margin: 0; } h1.logo span, p.subline { display: none; } #teaser { background: #85A147 url("../images/design/header/teaser_left_bg.jpg") repeat-x; margin: 0; padding: 0; } #teaser blockquote { display: block; background: transparent url("../images/design/header/teaser.jpg") no-repeat 0% 0%; width: 790px; height: 168px; margin: 0; padding: 0; } #teaser blockquote p { display: none; } /* N A V I G A T I O N ------------------------------------------------------------ */ #nav { float: left; width: 511px; padding: 0; margin: 0; background: transparent url("../images/design/navigation/nav_bg.gif") no-repeat top left; } .cnav { margin: 11px 0 11px 15px; } #nav ul { list-style: none; } #nav li { list-style: none; display: inline; } #nav span { display: none; } #nav a { float: left; height: 48px; } #navinformation a { display: block; width: 111px; background: transparent url("../images/design/navigation/nav_01.gif") no-repeat 0% 0%; } #navkommunikation a { display: block; width: 131px; background: transparent url("../images/design/navigation/nav_02.gif") no-repeat 0% 0%; margin-left: 19px; } #navweb a { display: block; width: 111px; background: transparent url("../images/design/navigation/nav_03.gif") no-repeat 0% 0%; margin-left: 19px; } #navkontakt a { display: block; width: 86px; background: transparent url("../images/design/navigation/nav_04.gif") no-repeat 0% 0%; margin-left: 19px; } #navinformation a:hover, #navinformation a:active, #navinformation a:focus { display: block; width: 111px; background: transparent url("../images/design/navigation/nav_01.gif") no-repeat 0 -48px; } #navkommunikation a:hover, #navkommunikation a:active, #navkommunikation a:focus { display: block; width: 131px; background: transparent url("../images/design/navigation/nav_02.gif") no-repeat 0 -48px; margin-left: 19px; } #navweb a:hover, #navweb a:active, #navweb a:focus { display: block; width: 111px; background: transparent url("../images/design/navigation/nav_03.gif") no-repeat 0 -48px; margin-left: 19px; } #navkontakt a:hover, #navkontakt a:active, #navkontakt a:focus { display: block; width: 86px; background: transparent url("../images/design/navigation/nav_04.gif") no-repeat 0 -48px; margin-left: 19px; } body#informationstechnologie #navinformation a, body#netzwerktechnologie #navinformation a, body#software #navinformation a, body#hardware #navinformation a, body#allroundtechnologie #navinformation a { background-position: 0 -96px; } body#kommunikationstechnologie #navkommunikation a, body#telekommunikation #navkommunikation a, body#vertraege #navkommunikation a, body#services #navkommunikation a { background-position: 0 -96px; } body#webundprint #navweb a, body#webdesign #navweb a, body#design_und_marketing #navweb a, body#hosting #navweb a, body#referenzen #navweb a { background-position: 0 -96px; } body#kontakt #navkontakt a, body#anfahrt #navkontakt a, body#impressum #navkontakt a { background-position: 0 -96px; } #subnav { list-style-type: none; margin: 31px 0 0 0; } #subnav li { height: 1.8em; line-height: 1.8em; list-style-type: none; margin: 0; padding: 0 0 0 23px; background: transparent url("../images/design/main/sub_arrow.gif") no-repeat left center; border-bottom: 1px solid #8D9AAA; border-top: 1px solid #fff; display: block; overflow: hidden; } #subnav li.first { border-top: 0; } #subnav li.last { border-bottom: 0; } #subnav a:link, #subnav a:visited { height: 1.8em; text-decoration: none; color: #555; display: block; overflow: hidden; } #subnav a:hover, #subnav a:active, #subnav a:focus { height: 1.8em; color: #EFAF05; text-decoration: none; display: block; overflow: hidden; } #informationstechnologie #sub1 a { color: #85A147; } #netzwerktechnologie #sub2 a { color: #85A147; } #software #sub3 a { color: #85A147; } #hardware #sub4 a { color: #85A147; } #allroundtechnologie #sub5 a { color: #85A147; } #kommunikationstechnologie #sub1 a { color: #85A147; } #telekommunikation #sub2 a { color: #85A147; } #vertraege #sub3 a { color: #85A147; } #services #sub4 a { color: #85A147; } #webundprint #sub1 a { color: #85A147; } #webdesign #sub2 a { color: #85A147; } #design_und_marketing #sub3 a { color: #85A147; } #hosting #sub4 a { color: #85A147; } #referenzen #sub5 a { color: #85A147; } #kontakt #sub1 a { color: #85A147; } #danke #sub1 a { color: #85A147; } #kontaktformular #sub2 a { color: #85A147; } #anfahrt #sub3 a { color: #85A147; } #impressum #sub4 a { color: #85A147; } /* M O D U L E S ---------------------------------------------------------------- */ /* M A I N */ #main { background-color: #E3E6ED; } #main .content { color: #555; font-size: 0.8em; background: transparent url("../images/design/main/main_bg.gif") repeat-y; } #mainbox { float: left; width: 279px; padding: 0; margin: 0; overflow: hidden; } .cmainbox { margin: 25px 25px 0 25px; } #maintext { float: left; width: 511px; padding: 0; margin: 0; overflow: hidden; } .cmaintext { margin: 25px 17px 2em 25px; } #backtotopnav ul { display: block; padding-top: 2.5em; margin: 0; } #backtotopnav li { display: inline; margin: 0; padding: 0; background: transparent; } #backtotopnav li .back { float: left; display: inline; list-style: none; background: transparent url("../images/design/main/arrow_green_back.gif") no-repeat left center; margin: 0; padding-left: 18px; } #backtotopnav li .top { float: right; display: inline; list-style: none; background: transparent url("../images/design/main/arrow_green_up.gif") no-repeat left center; margin: 0; padding-left: 18px; } #backtotopnav a:link, #backtotopnav a:visited { color: #6A7B8F; text-decoration: none; } #backtotopnav a:hover, #backtotopnav a:active, #backtotopnav a:focus { color: #EFAF05; text-decoration: none; } .info { background: #ffffdd url("../images/design/main/info_bg.gif") repeat-x 0 0; border: 1px solid #D1D3D5; margin: 2.0em 0 0; padding: 1.5em 20px 0.75em; } .info h4 { color: #636567; margin: 0; } .bulb { background: transparent url("../images/design/main/bulb.gif") no-repeat top left; padding-left: 45px; margin: 0; } #switcher { margin: 0; padding: 0; height: 24px; } #switcher ul { list-style: none; margin: 0; padding: 0; } #switcher li { list-style: none; display: inline; } #switcher span { display: none; } #switcher a { float: left; height: 24px; } #small a { display: block; width: 24px; background: transparent url("../images/design/switch/switcher_small.gif") no-repeat 0% 0%; } #default a { display: block; width: 24px; background: transparent url("../images/design/switch/switcher_norm.gif") no-repeat 0% 0%; margin-left: 10px; } #big a { display: block; width: 24px; background: transparent url("../images/design/switch/switcher_big.gif") no-repeat 0% 0%; margin-left: 10px; } #small a:hover, #small a:active, #small a:focus { display: block; width: 24px; background: transparent url("../images/design/switch/switcher_small.gif") no-repeat 0 -24px; } #default a:hover, #default a:active, #default a:focus { display: block; width: 24px; background: transparent url("../images/design/switch/switcher_norm.gif") no-repeat 0 -24px; margin-left: 10px; } #big a:hover, #big a:active, #big a:focus { display: block; width: 24px; background: transparent url("../images/design/switch/switcher_big.gif") no-repeat 0 -24px; margin-left: 10px; } /* M A I N / Home */ #home h2 { width: 470px; height: 39px; background: transparent url("../images/home/headline.gif") no-repeat 0% 0%; } #home h2 span { display: none; } #signiture { float: right; width: 225px; height: 33px; background: transparent url("../images/home/signiture.gif") no-repeat 0% 0%; } #signiture strong { display: none; } .microsoft_partner { width: 100px; height: 46px; background: transparent url("../images/home/microsoft_partner.gif") no-repeat 0% 0%; margin: 161px 0 0 55px; } .microsoft_partner span { display: none; } /* M A I N / Information */ #informationstechnologie h2 { width: 470px; height: 39px; background: transparent url("../images/information/headline.gif") no-repeat 0% 0%; } #informationstechnologie h2 span { display: none; } #netzwerktechnologie h2 { width: 470px; height: 39px; background: transparent url("../images/information/netzwerk_technologie/headline.gif") no-repeat 0% 0%; } #netzwerktechnologie h2 span { display: none; } #software h2 { width: 470px; height: 39px; background: transparent url("../images/information/software/headline.gif") no-repeat 0% 0%; } #software h2 span { display: none; } #hardware h2 { width: 470px; height: 39px; background: transparent url("../images/information/hardware/headline.gif") no-repeat 0% 0%; } #hardware h2 span { display: none; } #allroundtechnologie h2 { width: 470px; height: 39px; background: transparent url("../images/information/allround_technologie/headline.gif") no-repeat 0% 0%; } #allroundtechnologie h2 span { display: none; } #netzwerktechnologie .partner { width: 474px; height: 55px; background: transparent url("../images/information/netzwerk_technologie/partner.gif") no-repeat 0% 0%; padding: 0; margin: 0; } #netzwerktechnologie .partner span { display: none; } #software .partner { width: 474px; height: 55px; background: transparent url("../images/information/software/partner.gif") no-repeat 0% 0%; padding: 0; margin: 0; } #software .partner span { display: none; } #hardware .partner { width: 474px; height: 55px; background: transparent url("../images/information/hardware/partner.gif") no-repeat 0% 0%; padding: 0; margin: 0; } #hardware .partner span { display: none; } #allroundtechnologie .partner { width: 474px; height: 55px; background: transparent url("../images/information/allround_technologie/partner.gif") no-repeat 0% 0%; padding: 0; margin: 0; } #allroundtechnologie .partner span { display: none; } /* M A I N / Kommunikation */ #kommunikationstechnologie h2 { width: 470px; height: 39px; background: transparent url("../images/kommunikation/headline.gif") no-repeat 0% 0%; } #kommunikationstechnologie h2 span { display: none; } #telekommunikation h2 { width: 470px; height: 39px; background: transparent url("../images/kommunikation/telekommunikation/headline.gif") no-repeat 0% 0%; } #telekommunikation h2 span { display: none; } #vertraege h2 { width: 470px; height: 39px; background: transparent url("../images/kommunikation/vertraege/headline.gif") no-repeat 0% 0%; } #vertraege h2 span { display: none; } #services h2 { width: 470px; height: 39px; background: transparent url("../images/kommunikation/services/headline.gif") no-repeat 0% 0%; } #services h2 span { display: none; } #telekommunikation .partner { width: 474px; height: 55px; background: transparent url("../images/kommunikation/telekommunikation/partner.gif") no-repeat 0% 0%; padding: 0; margin: 0; } #telekommunikation .partner span { display: none; } #services .partner { width: 474px; height: 55px; background: transparent url("../images/kommunikation/services/partner.gif") no-repeat 0% 0%; padding: 0; margin: 0; } #services .partner span { display: none; } /* M A I N / Web & Print */ #webundprint h2 { width: 470px; height: 39px; background: transparent url("../images/web_und_print/headline.gif") no-repeat 0% 0%; } #webundprint h2 span { display: none; } #webdesign h2 { width: 470px; height: 39px; background: transparent url("../images/web_und_print/webdesign/headline.gif") no-repeat 0% 0%; } #webdesign h2 span { display: none; } #design_und_marketing h2 { width: 470px; height: 39px; background: transparent url("../images/web_und_print/design_und_marketing/headline.gif") no-repeat 0% 0%; } #design_und_marketing h2 span { display: none; } #hosting h2 { width: 470px; height: 39px; background: transparent url("../images/web_und_print/hosting/headline.gif") no-repeat 0% 0%; } #hosting h2 span { display: none; } #referenzen h2 { width: 470px; height: 39px; background: transparent url("../images/web_und_print/referenzen/headline.gif") no-repeat 0% 0%; } #referenzen h2 span { display: none; } #hostingpakete { background: #fff; padding: 3px 3px 3px 3px; } table { width: 100%; border-collapse: collapse; background: #E3E6ED; } caption { text-align: left; font-size: 1.25em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; padding: 0.5em 0 0.5em 1em; background-color: #EFAF05; } td { text-align: center; } th { font-weight: normal; text-align: left; padding: .3em .3em; } th, td { border: 1px solid #fff; } caption { border: 1px solid #fff; } thead, thead th { background: #6A7B8F; color: #fff; text-align: center; } tbody { font-size: 0.9em; } tfoot th { text-align: left; } tfoot td { padding: .3em 1em; text-align: right; } .yes { background: transparent url("../images/design/main/arrow_yes_d.gif") no-repeat right center; } tr.odd td { background: #f7fbff; } tr.odd td.yes { background: #f7fbff url("../images/design/main/arrow_yes.gif") no-repeat right center; } tbody th, tfoot th { padding-left: 1em; } .tabblock { display: block; } .refbox { padding-bottom: 1em; } #referenzen .teasertxt { font-weight: bold; margin-bottom: 2em; } /* M A I N / Kontakt */ #kontakt h2 { width: 470px; height: 39px; background: transparent url("../images/kontakt/headline.gif") no-repeat 0% 0%; } #kontakt h2 span { display: none; } #kontaktformular h2 { width: 470px; height: 39px; background: transparent url("../images/kontakt/kontaktformular/headline.gif") no-repeat 0% 0%; } #kontaktformular h2 span { display: none; } #danke h2 { width: 470px; height: 39px; background: transparent url("../images/kontakt/headline.gif") no-repeat 0% 0%; } #danke h2 span { display: none; } #anfahrt h2 { width: 470px; height: 39px; background: transparent url("../images/kontakt/anfahrt/headline.gif") no-repeat 0% 0%; } #anfahrt h2 span { display: none; } #impressum h2 { width: 470px; height: 39px; background: transparent url("../images/kontakt/impressum/headline.gif") no-repeat 0% 0%; } #impressum h2 span { display: none; } #wrapform { width: 458px; text-align: center; background: transparent url("../images/kontakt/kontaktformular/form_middle.gif") repeat-y 0% 0%; } #contactform { overflow: hidden; width: 458px; text-align: left; margin: 0 auto; background: transparent url("../images/kontakt/kontaktformular/form_top.gif") no-repeat 0% 0%; padding-top: 60px; } #contactform p span.hinweis { display: none; } #contactform p span em { display: none; } #contactform p span.star { padding-right: 70px; background: transparent url("../images/kontakt/kontaktformular/pflicht.gif") no-repeat right center; } fieldset { border: 0; padding-left: 22px; background: transparent url("../images/kontakt/kontaktformular/form_bottom.gif") no-repeat left bottom; padding-bottom: 20px; } legend { display: none; } label { width: 150px; display: block; float: left; clear: left; } select, input, textarea { border: 1px solid #7397D3; line-height: 1.2em; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #7397D3; } select { background: #f0f0f0; } input { width: 250px; padding: 3px 3px 3px 3px; background: #fff url("../images/kontakt/kontaktformular/bg_input.gif") repeat-x 0% 0%; } input:active, input:focus { background: #fff url("../images/kontakt/kontaktformular/bg_input.gif") repeat-x 0 -25px; } button { text-align: center; line-height: 36px; margin-left: 220px; width: 161px; height: 36px; border: 0; color: #fff; font-weight: bold; background: transparent url("../images/kontakt/kontaktformular/button.gif") no-repeat 0% 0%; cursor: pointer; } button:hover { background-position: 0 -36px; cursor: pointer; } #labelarea { width: auto; float: none; margin-bottom: 0.75em; } textarea { width: 405px; height: 130px; padding: 3px 3px 3px 3px; background: #fff url("../images/kontakt/kontaktformular/bg_textarea.gif") repeat-x 0% 0%; } textarea:active, textarea:focus { background: #fff url("../images/kontakt/kontaktformular/bg_textarea_hover.gif") repeat-x 0% 0%; } .arrowdanke { background: transparent url("../images/design/main/arrow_green.gif") no-repeat left center; margin: 0; padding-left: 18px; } #map { display: block; width: 470px; height: 400px; background: transparent url("../images/design/main/loading.gif") no-repeat center center; margin-bottom: 1.5em; overflow: hidden; } #anfahrt h3 { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #555; margin: 0 0 0.75em; text-transform: none; } /* M A I N / Hilfe */ #hilfe h2 { width: 470px; height: 39px; background: transparent url("../images/hilfe/headline.gif") no-repeat 0% 0%; } #hilfe h2 span { display: none; } /* M A I N / Sitemap */ #sitemap h2 { width: 470px; height: 39px; background: transparent url("../images/sitemap/headline.gif") no-repeat 0% 0%; } #sitemap h2 span { display: none; } #sitemap ul.sitemap { margin-top: 1.5em; } #sitemap ul .sitemap-hp { font-weight: bold; margin-bottom: 0.5em; } #sitemap ul .sitemap-up { padding-left: 40px; } #sitemap ul .sitemap-up a { background: transparent url("../images/design/main/arrow_green.gif") no-repeat center left; list-style: none; margin: 0; padding-left: 18px; } /* M A I N / Accesskeys */ #accesskeys h2 { width: 470px; height: 39px; background: transparent url("../images/accesskeys/headline.gif") no-repeat 0% 0%; } #accesskeys h2 span { display: none; } #accesskeys #maintext .accesskey-arrow li { background: transparent url("../images/design/main/arrow_green.gif") no-repeat center left; list-style: none; margin-left: 20px; padding-left: 18px; } #accesskeys h3 { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #555; margin: 0 0 0.75em; text-transform: none; } /* M A I N / Fehler */ #fehler401 h2 { width: 470px; height: 39px; background: transparent url("../images/fehler/401/headline.gif") no-repeat 0% 0%; } #fehler401 h2 span { display: none; } #fehler403 h2 { width: 470px; height: 39px; background: transparent url("../images/fehler/403/headline.gif") no-repeat 0% 0%; } #fehler403 h2 span { display: none; } #fehler404 h2 { width: 470px; height: 39px; background: transparent url("../images/fehler/404/headline.gif") no-repeat 0% 0%; } #fehler404 h2 span { display: none; } /* F O O T E R */ #footer { color: #fff; font-size: 0.6em; line-height: 1.2em; height: auto; background: #6A7B8F url("../images/design/footer/footer_bg.jpg") repeat-x top left; margin: 0; padding: 0; overflow: hidden; } #footer .content { background: transparent url("../images/design/footer/footer_box_bg.jpg") no-repeat top left; } #footerbox { float: left; width: 279px; overflow: hidden; } .cfooterbox { margin: 20px 0 0 25px; } #footnav a:link, #footnav a:visited { color: #fff; text-decoration: none; } #footnav a:hover, #footnav a:active, #footnav a:focus { color: #EFAF05; text-decoration: none; } #footnav ul { margin: 0; padding: 0; } #footnav li { float: left; list-style: none; } #footnav .fnleft { margin: 0; padding: 0 0.5em 0 0; } #footnav .fnright { margin: 0; padding: 0 0.5em 0 0.5em; border-left: 1px solid #999; } #footertext { float: left; width: 511px; padding: 0; margin: 0 0 0 0; overflow: hidden; } .cfootertext { margin: 20px 17px 0 25px; } p.valitext { margin: 0 0 0 0; } #validate { list-style: none; margin: 20px 0 20px 0; padding: 0; float: right; } #validate li { list-style: none; float: left; } #validate span { display: none; } #validate a { float: left; height: 20px; } #xhtml a { display: block; width: 47px; background: transparent url("../images/design/footer/xhtml.gif") no-repeat 0% 0%; } #css a { display: block; width: 38px; background: transparent url("../images/design/footer/css.gif") no-repeat 0% 0%; margin-left: 15px; } #xhtml a:hover, #xhtml a:active, #xhtml a:focus { display: block; width: 47px; background: transparent url("../images/design/footer/xhtml.gif") no-repeat 0 -20px; } #css a:hover, #css a:active, #css a:focus { display: block; width: 38px; background: transparent url("../images/design/footer/css.gif") no-repeat 0 -20px; margin-left: 15px; } /* M I S C E L L A N E O U S ---------------------------------------------------- */ em { font-style: normal; font-weight: normal; } strong, b { font-weight: bold; } strike, del { text-decoration: line-through; } .inv { display: none; } .nomargin { margin: 0; } .bigmargin { margin-bottom: 2.5em; } .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* E N D S T Y L E S ---------------------------------------------------------- */