/* www.lichtwerbung-kraus.de - Main CSS Data ------------------------------------ */ /* (C) 2010 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 0.75em Verdana, Arial, Helvetica, sans-serif; line-height: 1.3em; color: #fff; background: #000; } /* 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 ------------------ */ h3 { font-size: 1em; color: #1A3F66; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 0 0.75em 0; } h4 { font-size: 1em; color: #272727; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 1.5em 0 0.75em 0; } p, address { font-style: normal; margin-bottom: 0.75em; } em { color: #555; font-style: normal; } #col-right img { border: 0; background: transparent url("../images/main/loading.gif") no-repeat center center; } #col-right a:link, #col-right a:visited { color: #1A3F66; text-decoration: underline; } #col-right a:hover, #col-right a:active, #col-right a:focus { color: #951022; text-decoration: underline; } #col-right abbr { padding-bottom: 1px; font-style: normal; background: transparent url("../images/main/abbr_deko.gif") repeat-x left bottom; cursor: help; } kbd { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFF3B8; padding-left: 0.2em; padding-right: 0.2em; } #col-right .extlink { padding: 0 13px 0 0; background: url("../images/main/ext_link.gif") no-repeat right center; white-space: nowrap; } #col-right a.extlink:visited { text-decoration: line-through; padding: 0 13px 0 0; background: url("../images/main/link_visited.gif") no-repeat right center; white-space: nowrap; } .more { padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px dashed #951022; } .abst_adr { display: block; width: 4.5em; float: left; } /* C O L O R S ------------------------------------------------------------------ */ .home_bg_blue { color: #080F17; } .link_yellow { color: #E3CD84; } .bg_blue { color: #152B42; } .bg_light_yellow { color: #F3E5C5; } .txt_grey { color: #272727; } .txt_blue { color: #1A3F66; } .white { color: #fff; } .black { color: #000; } .red { color: #951022; } .grey { color: #878A8D; } /* S K I P ------------------------------------------------------------------------ */ #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: 0.5em 0 0.5em 0; top: 0; left: 0; display: block; width: 99.9%; color: #152B42; text-decoration: none; background-color: #F3E5C5; text-align: center; overflow: hidden; } /* H E A D E R ------------------------------------------------------------------- */ #wrapheader { background: #000 url("../images/main/header_bg.jpg") repeat-x bottom left; height: 118px; text-align: center; } #header { width: 950px; height: 118px; margin: 0 auto; text-align: left; position: relative; } #logo span { display: none; } #logo a:link, #logo a:visited { color: #fff; display: block; width: 300px; height: 103px; background: #000 url("../images/main/logo.jpg") no-repeat top left; position: absolute; left: 0px; bottom: 0px; } #logo a:hover, #logo a:active, #logo a:focus { background: #000 url("../images/main/logo.jpg") no-repeat 0 -103px; } #subline { position: absolute; right: 20px; bottom: 27px; font-size: 1.1em; } #subline strong { font-weight: normal; } /* M A I N ---------------------------------------------------------------------- */ #wrapmain { position: relative; background: #F3E5C5 url("../images/main/main_bg.jpg") repeat-x top left; text-align: center; } #m1 { background: transparent url("../images/main/main_bg.gif") repeat-y top center; } #m2 { position: relative; background: transparent url("../images/main/pylon_bg.gif") no-repeat bottom center; } #spir { position: absolute; z-index: 25; left: 0px; bottom: 0px; width: 144px; height: 34px; display: block; background: transparent url("../images/main/spir_main_bg.gif") no-repeat 0px 0px; } #main { position: relative; width: 950px; margin: 0 auto; text-align: left; background: transparent url("../images/main/cols_bg.gif") repeat-y top left; } /* C O L L E F T - N A V I G A T I O N ----------------------------------------- */ #col_left { width: 300px; float: left; overflow: hidden; } #menutitle { display: none; } #navigation { margin-top: 80px; list-style: none; overflow: hidden; } #navigation li { min-height: 1.5em; } #navigation .navsmall a:link, #navigation .navsmall a:visited { display: block; line-height: 1.5em; min-height: 1.5em; margin: 0 20px 0 0; padding: 0 0 0 50px; color: #fff; text-decoration: none; background: transparent url("../images/main/nav_bg_small.gif") no-repeat 37px 0.5em; } #navigation .navsmall a:hover, #navigation .navsmall a:active, #navigation .navsmall a:focus { line-height: 1.5em; color: #fff; text-decoration: none; background: #3F5468 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #navigation .navbig { font-size: 1.2em; } #navigation .navbig a:link, #navigation .navbig a:visited { display: block; line-height: 1.5em; min-height: 1.5em; margin: 0 20px 0 0; padding: 0 0 0 36px; color: #fff; text-decoration: none; background: transparent url("../images/main/nav_bg_big.gif") no-repeat 20px 0.5em; } #navigation .navbig a:hover, #navigation .navbig a:active, #navigation .navbig a:focus { line-height: 1.5em; color: #fff; text-decoration: none; background: #3F5468 url("../images/main/nav_bg_big_act.gif") no-repeat 20px 0.5em; } #col_left #nav3, #col_left #nav13, #col_left #nav14 { margin-bottom: 1.2em; } #horst_kraus_gmbh #nav1 a:link, #horst_kraus_gmbh #nav1 a:visited { background: #2D4155 url("../images/main/nav_bg_big_act.gif") no-repeat 20px 0.5em; } #fertigung #nav2 a:link, #fertigung #nav2 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #aktuelles_projekt #nav3 a:link, #aktuelles_projekt #nav3 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #produkte_lichtwerbung #nav4 a:link, #produkte_lichtwerbung #nav4 a:visited { background: #2D4155 url("../images/main/nav_bg_big_act.gif") no-repeat 20px 0.5em; } #neon-werbeanlagen #nav5 a:link, #neon-werbeanlagen #nav5 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #led-werbeanlagen #nav6 a:link, #led-werbeanlagen #nav6 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #drehbare_werbeanlagen #nav7 a:link, #drehbare_werbeanlagen #nav7 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #grosswerbeanlagen #nav8 a:link, #grosswerbeanlagen #nav8 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #pylone_standwerbeanlagen #nav9 a:link, #pylone_standwerbeanlagen #nav9 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #spanntuchtransparente #nav10 a:link, #spanntuchtransparente #nav10 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #anzeigesysteme #nav11 a:link, #anzeigesysteme #nav11 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #reliefbuchstaben #nav12 a:link, #reliefbuchstaben #nav12 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #casino-werbung #nav13 a:link, #casino-werbung #nav13 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #referenzen #nav14 a:link, #referenzen #nav14 a:visited { background: #2D4155 url("../images/main/nav_bg_big_act.gif") no-repeat 20px 0.5em; } #kontakt #nav15 a:link, #kontakt #nav15 a:visited { background: #2D4155 url("../images/main/nav_bg_big_act.gif") no-repeat 20px 0.5em; } #anfahrt #nav16 a:link, #anfahrt #nav16 a:visited { background: #2D4155 url("../images/main/nav_bg_small_act.gif") no-repeat 37px 0.5em; } #switchertitle { display: none; } #switcher { margin-top: 2em; margin-left: 20px; margin-bottom: 1em; list-style: none; } #switcher li span { display: none; } #switcher li { width: 13px; height: 25px; display: block; float: left; } #default a:link, #default a:visited { width: 13px; height: 25px; display: block; text-decoration: none; background: transparent url("../images/main/switch_a.gif") no-repeat 0px 0px; } #default a:hover, #default a:active, #default a:focus { background: transparent url("../images/main/switch_a.gif") no-repeat 0px -25px; } #big a:link, #big a:visited { width: 13px; height: 25px; display: block; text-decoration: none; background: transparent url("../images/main/switch_b.gif") no-repeat 0px 0px; } #big a:hover, #big a:active, #big a:focus { background: transparent url("../images/main/switch_b.gif") no-repeat 0px -25px; } #bigger a:link, #bigger a:visited { width: 13px; height: 25px; display: block; text-decoration: none; background: transparent url("../images/main/switch_c.gif") no-repeat 0px 0px; } #bigger a:hover, #bigger a:active, #bigger a:focus { background: transparent url("../images/main/switch_c.gif") no-repeat 0px -25px; } /* C O L R I G H T ------------------------------------------------------------- */ #col-right { color: #272727; width: 650px; float: right; background: #F3E4C3 url("../images/main/main_bg.jpg") repeat-x top left; } #cr-hg2 { padding: 80px 20px 80px 20px; background: transparent url("../images/main/spir_bg.gif") no-repeat bottom left; min-height: 32.5em; } #theme { text-transform: uppercase; letter-spacing: 1px; color: #951022; font-size: 1.1em; font-weight: bold; margin-bottom: 2.5em; width: 290px; } #col-right #theme abbr { padding: 0; background: none; } .teasertxt { color: #1A3F66; font-weight: bold; margin-bottom: 2em; } #details { } #details li { margin-left: 30px; padding-left: 0; list-style-type: square; color: #951022; } #details li span { color: #272727; } .details li { margin-left: 30px; padding-left: 0; list-style-type: square; color: #951022; } .details li span { color: #272727; } #image { position: absolute; top: 80px; right: 20px; height: 148px; width: 290px; padding: 5px; background: transparent url("../images/main/image_bg.png") no-repeat top left; } #themeslog span { display: none; } #imageContainer { position: relative; width: 290px; height: 148px; overflow: hidden; } #imageContainer img { position: absolute; top: 0; left: 0; } #imageContainer a:link span, #imageContainer a:visited span { position: absolute; display: block; top: 0; left: 0; width: 290px; height: 148px; cursor: pointer; } #imageContainer a:hover span, #imageContainer a:active span, #imageContainer a:focus span { position: absolute; display: block; top: 0; left: 0; width: 290px; height: 148px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center center; } .imginv { display: none; } .up { float: right; list-style: none; } .up span { display: none; } .up a:link, .up a:visited { display: block; height: 11px; width: 16px; background: transparent url("../images/main/colright_up.gif") no-repeat 0px 0px; } .up a:hover, .up a:active, .up a:focus { background: transparent url("../images/main/colright_up.gif") no-repeat 0px -11px; } /* F O O T E R ------------------------------------------------------------------ */ #wrapfooter { background: #000; height: 140px; font-size: 0.9em; clear: both; text-align: center; } #footer { width: 950px; height: 140px; margin: 0 auto; text-align: left; color: #878A8D; position: relative; background: transparent url("../images/main/footer_bg.jpg") no-repeat bottom left; } #itk, #copyright { display: none; } #footerlnk a:link, #footerlnk a:visited { color: #878A8D; text-decoration: none; } #footerlnk a:hover, #footerlnk a:active, #footerlnk a:focus { color: #E3CD84; text-decoration: none; } #impressum #imp a:link, #impressum #imp a:visited { color: #E3CD84; text-decoration: none; } #hilfe #help a:link, #hilfe #help a:visited { color: #E3CD84; text-decoration: none; } #prospekt #pros a:link, #prospekt #pros a:visited { color: #E3CD84; text-decoration: none; } #footerlnk { float: left; padding: 20px 0 0 20px; } #footerlnk li { float: left; list-style: none; line-height: 1.1em; } #imp { padding-right: 0.5em; border-right: 1px solid #555; } #help { padding-left: 0.5em; padding-right: 0.5em; border-right: 1px solid #555; } #pros { padding-left: 0.5em;} #footeradr { position: absolute; top: 20px; left: 320px; width: 575px; } #up { float: right; padding: 21px 20px 0 0; list-style: none; } #up span { display: none; } #up a:link, #up a:visited { display: block; height: 11px; width: 16px; background: transparent url("../images/main/footer_up.gif") no-repeat 0px 0px; } #up a:hover, #up a:active, #up a:focus { background: transparent url("../images/main/footer_up.gif") no-repeat 0px -11px; } #validate { position: absolute; top: 90px; right: 20px; list-style: none; } #validate li { float: left; } #validate span { display: none; } #xhtml { width: 56px; height: 15px; display: block; padding-right: 10px; } #css { width: 42px; height: 15px; display: block; } #xhtml a:link, #xhtml a:visited { color: #fff; width: 56px; height: 15px; display: block; background: transparent url("../images/main/xhtml.gif") no-repeat left top; } #css a:link, #css a:visited { color: #fff; width: 42px; height: 15px; display: block; background: transparent url("../images/main/css.gif") no-repeat left top; } #xhtml a:hover, #xhtml a:active, #xhtml a:focus { background: transparent url("../images/main/xhtml.gif") no-repeat 0 -15px; } #css a:hover, #css a:active, #css a:focus { background: transparent url("../images/main/css.gif") no-repeat 0 -15px; } /* H O M E ---------------------------------------------------------------------- */ #home { background: #080F17; text-align: center; } #home #h_wrap { position: absolute; left: 50%; top: 50%; margin-left: -475px; margin-top: -250px; width: 900px; padding: 0 25px 0 25px; background: transparent url("../images/home/loading.gif") no-repeat 463px 150px; } #home #h_header { text-align: left; height: 350px; background: transparent url("../images/home/bg.jpg") no-repeat center top; } #home #h_header h1 { width: 233px; height: 46px; background: transparent url("../images/home/logo.gif") no-repeat 0% 0%; margin: 0 0 50px 0; } #home #h_header h1 span { display: none; } #home #h_header .h_subline { display: none; } #home #h_header address { line-height: 1.4em; } #home #h_navigation { text-align: right; } #home #h_navigation p { display: none; } #home #h_menu { list-style: none; float: right; } #home #h_menu li { float: left; margin-left: 1.2em; } #home #h_menu a:link, #home #h_menu a:visited { color: #E3CD84; font-weight: bold; text-decoration: none; } #home #h_menu a:hover, #home #h_menu a:active, #home #h_menu a:focus { color: #951022; text-decoration: none; } #home #h_menu { margin-bottom: 50px; } #home #h_footer { text-align: center; } #home #h_tags { line-height: 1.4em; margin-bottom: 25px; } #home #h_tags a:link, #home #h_tags a:visited { color: #fff; text-decoration: none; } #home #h_tags a:hover, #home #h_tags a:active, #home #h_tags a:focus { color: #E3CD84; text-decoration: none; } #home #h_copyright { font-size: 0.8em; color: #878A8D; } /* F I R M A -------------------------------------------------------------------- */ #horst_kraus_gmbh #cr-hg1 { background: transparent url("../images/horst_kraus_gmbh/bg.jpg") no-repeat 169px 40px; } #horst_kraus_gmbh #themeslog { width: 240px; height: 60px; margin-bottom: 85px; background: transparent url("../images/horst_kraus_gmbh/ihr_hersteller.jpg") no-repeat top left; margin-left: -20px; } #horst_kraus_gmbh .teasertxt { width: 375px; min-height: 95px; } #lnkfirma1 { position: absolute; top: 50px; right: 230px; width: 115px; height: 115px; display: block; } #lnkfirma2 { position: absolute; top: 220px; right: 60px; width: 170px; height: 100px; display: block; } #lnkfirma1 img, #lnkfirma2 img, #lnkfirma1 p, #lnkfirma2 p { display: none; } #lnkfirma1 a:link, #lnkfirma1 a:visited { display: block; width: 115px; height: 115px; cursor: pointer; } #lnkfirma1 a:hover, #lnkfirma1 a:active, #lnkfirma1 a:focus { display: block; width: 115px; height: 115px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center center; } #lnkfirma2 a:link, #lnkfirma2 a:visited { display: block; width: 170px; height: 100px; cursor: pointer; } #lnkfirma2 a:hover, #lnkfirma2 a:active, #lnkfirma2 a:focus { display: block; width: 170px; height: 100px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center center; } /* F E R T I G U N G ------------------------------------------------------------- */ #fertigung #cr-hg1 { background: transparent url("../images/fertigung/photo_bg.jpg") no-repeat 180px 0px; } #fertigung #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/fertigung/praezision.jpg") no-repeat top left; margin-left: -20px; } /* A K T P R O J E K T --------------------------------------------------------- */ #aktuelles_projekt #cr-hg1 { background: transparent url("../images/aktuelles_projekt/photo_bg.jpg") no-repeat 180px 0px; } #aktuelles_projekt #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/aktuelles_projekt/aktualitaet.jpg") no-repeat top left; margin-left: -20px; } /* P R O D U K T E -------------------------------------------------------------- */ #produkte_lichtwerbung #cr-hg1 { background: transparent url("../images/produkte_lichtwerbung/photo_bg.jpg") no-repeat 180px 0px; } #produkte_lichtwerbung #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/produkte_lichtwerbung/qualitaet.jpg") no-repeat top left; margin-left: -20px; } /* N E O N - W E R B E A N L A G E N -------------------------------------------- */ #neon-werbeanlagen #cr-hg1 { background: transparent url("../images/neon-werbeanlagen/photo_bg.jpg") no-repeat 180px 0px; } #neon-werbeanlagen #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/neon-werbeanlagen/intensitaet.jpg") no-repeat top left; margin-left: -20px; } /* L E D - W E R B E A N L A G E N ---------------------------------------------- */ #led-werbeanlagen #cr-hg1 { background: transparent url("../images/led-werbeanlagen/photo_bg.jpg") no-repeat 180px 0px; } #led-werbeanlagen #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/led-werbeanlagen/konstanz.jpg") no-repeat top left; margin-left: -20px; } /* D R E H B A R E W E R B E A N L A G E N ---------------------------------------------- */ #drehbare_werbeanlagen #cr-hg1 { background: transparent url("../images/drehbare_werbeanlagen/photo_bg.jpg") no-repeat 180px 0px; } #drehbare_werbeanlagen #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/drehbare_werbeanlagen/wirkung.jpg") no-repeat top left; margin-left: -20px; } /* G R O S S W E R B E A N L A G E N ---------------------------------------------- */ #grosswerbeanlagen #cr-hg1 { background: transparent url("../images/grosswerbeanlagen/photo_bg.jpg") no-repeat 180px 0px; } #grosswerbeanlagen #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/grosswerbeanlagen/know-how.jpg") no-repeat top left; margin-left: -20px; } /* P Y L O N E ------------------------------------------------------------------- */ #pylone_standwerbeanlagen #cr-hg1 { background: transparent url("../images/pylone_standwerbeanlagen/photo_bg.jpg") no-repeat 200px 0px; } #pylone_standwerbeanlagen #themeslog { width: 160px; height: 60px; margin-bottom: 85px; background: transparent url("../images/pylone_standwerbeanlagen/eleganz.jpg") no-repeat top left; margin-left: -20px; } /* S P A N N T U C H T R A N S P A R E N T E ------------------------------------ */ #spanntuchtransparente #cr-hg1 { background: transparent url("../images/spanntuchtransparente/photo_bg.jpg") no-repeat 180px 0px; } #spanntuchtransparente #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/spanntuchtransparente/flexibilitaet.jpg") no-repeat top left; margin-left: -20px; } /* A N Z E I G E S Y S T E M E -------------------------------------------------- */ #anzeigesysteme #cr-hg1 { background: transparent url("../images/anzeigesysteme/photo_bg.jpg") no-repeat 180px 0px; } #anzeigesysteme #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/anzeigesysteme/perfektion.jpg") no-repeat top left; margin-left: -20px; } /* R E L I E F B U C H S T A B E N ---------------------------------------------- */ #reliefbuchstaben #cr-hg1 { background: transparent url("../images/reliefbuchstaben/photo_bg.jpg") no-repeat 318px 0px; } #reliefbuchstaben #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/reliefbuchstaben/konzeption.jpg") no-repeat top left; margin-left: -20px; } #reliefbuchstaben #details { padding-bottom: 1.5em; margin-bottom: 1.5em; border-bottom: 1px dashed #951022; } #reliefbuchstaben .imgright { position: relative; margin-left: 10px; margin-top: 3px; float: right; border: 2px solid #fff; } #reliefbuchstaben .imgleft { position: relative; margin-right: 10px; margin-top: 3px; float: left; border: 2px solid #fff; } #reliefbuchstaben .imgright a:hover span, #reliefbuchstaben .imgright a:active span, #reliefbuchstaben .imgright a:focus span { position: absolute; top: 0; left: 0; display: block; width: 135px; height: 70px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; } #reliefbuchstaben .imgleft a:hover span, #reliefbuchstaben .imgleft a:active span, #reliefbuchstaben .imgleft a:focus span { position: absolute; top: 0; left: 0; display: block; width: 135px; height: 70px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; } /* C A S I N O W E R B U N G --------------------------------------------------- */ #casino-werbung #cr-hg1 { background: transparent url("../images/casino-werbung/photo_bg.jpg") no-repeat 180px 0px; } #casino-werbung #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/casino-werbung/ambiente.jpg") no-repeat top left; margin-left: -20px; } /* R E F E R E N Z E N ---------------------------------------------------------- */ #referenzen #cr-hg1 { background: transparent url("../images/referenzen/photo_bg.jpg") no-repeat 330px 0px; } #referenzen #themeslog { width: 201px; height: 60px; margin-bottom: 2em; background: transparent url("../images/referenzen/innovation.jpg") no-repeat top left; margin-left: -20px; } #referenzen #theme { display: none; } #referenzen #flashcontent { text-align: center; margin: 0 auto; } #referenzen #oreferenzen { margin-bottom: 2em; } #referenzen .noscript { margin: 6em 0 4.5em 0; } /* K O N T A K T ---------------------------------------------------------------- */ #kontakt #cr-hg1 { background: transparent url("../images/main/pylone_bg.jpg") no-repeat 259px 0px; } #kontakt #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/kontakt/kompetenz.jpg") no-repeat top left; margin-left: -20px; } #kontakt #lnkimp img { display: none; } #kontakt .kon_adr { } #kontakt .vcf { padding-left: 50px; background: transparent url("../images/kontakt/vcard.gif") no-repeat left top; } /* Form */ #kontaktformular { margin: 0 auto; width: 600px; background: transparent url("../images/kontakt/middle.jpg") repeat-y 0% 0%; } #contactform { overflow: hidden; width: 600px; background: transparent url("../images/kontakt/top.jpg") no-repeat 0% 0%; padding-top: 25px; } #contactform p span.hinweis { display: none; } #contactform #hinweistxt { margin-bottom: 1.3em; } #contactform p span em { display: none; } #contactform p span.star { padding-right: 20px; background: transparent url("../images/kontakt/pflicht.gif") no-repeat right center; } #contactform fieldset { border: 0; padding-left: 25px; padding-right: 25px; background: transparent url("../images/kontakt/bottom.jpg") no-repeat left bottom; padding-bottom: 25px; } #contactform legend { display: none; } #contactform label { width: 139px; display: block; float: left; clear: left; } #contactform input { border: 1px solid #999; width: 178px; padding: 3px 3px 3px 25px; } .in-user { background: #fff url("../images/kontakt/user.gif") no-repeat left center; } .in-email { background: #fff url("../images/kontakt/email.gif") no-repeat left center; } .in-phone { background: #fff url("../images/kontakt/phone.gif") no-repeat left center; } #contactform input.in-user:active, #contactform input.in-user:focus { background: #FFFCF5 url("../images/kontakt/user.gif") no-repeat left center; } #contactform input.in-email:active, #contactform input.in-email:focus { background: #FFFCF5 url("../images/kontakt/email.gif") no-repeat left center; } #contactform input.in-phone:active, #contactform input.in-phone:focus { background: #FFFCF5 url("../images/kontakt/phone.gif") no-repeat left center; } #contactform button { margin-left: 220px; width: 89px; height: 23px; border: 0; background: transparent url("../images/kontakt/button.gif") no-repeat 0% 0%; cursor: pointer; } #contactform button:hover, #contactform button:active, #contactform button:focus { background-position: 0 -23px; cursor: pointer; } #contactform button span { display: none; } #contactform #labelarea { width: auto; float: none; clear: both; margin-bottom: 0.75em; } #contactform textarea { border: 1px solid #999; width: 318px; height: 130px; padding: 3px 3px 3px 25px; background: #fff url("../images/kontakt/message.gif") no-repeat left top; } #contactform textarea:active, #contactform textarea:focus { background: #FFFCF5 url("../images/kontakt/message.gif") no-repeat left top; } #contactform textarea, #contactform input { line-height: 1.2em; font: normal 1em Verdana, Arial, Helvetica, sans-serif; color: #343434; } /* D A N K E -------------------------------------------------------------------- */ #txtbox { width: 400px; } .arrowback1 { margin-bottom: 0.5em; padding-left: 20px; background: transparent url("../images/main/arrowback.gif") no-repeat left center; } .arrowback2 { padding-left: 20px; background: transparent url("../images/main/arrowback.gif") no-repeat left center; } #kontakt #backlist { list-style: none; } /* A N F A H R T ---------------------------------------------------------------- */ #anfahrt #col-right img { background: none; } #anfahrt #cr-hg1 { background: transparent url("../images/anfahrt/photo_bg.jpg") no-repeat 335px 0px; } #anfahrt #themeslog { width: 240px; height: 60px; margin-bottom: 20px; background: transparent url("../images/anfahrt/ihr_weg_zu_uns.jpg") no-repeat top left; margin-left: -20px; } #anfahrt #theme { display: none; } #anfahrt #details { margin-bottom: 2em; } #mapcontainer { margin: 0 auto 50px auto; text-align: center; height: 270px; width: 490px; padding: 5px; background: #E4DBC9; } #map { width: 490px; height: 270px; background: transparent url("../images/anfahrt/loading.gif") no-repeat center center; } /* I M P R E S S U M ------------------------------------------------------------ */ #impressum #col-right { text-align: justify; } #impressum #cr-hg1 { background: transparent url("../images/main/pylone_bg.jpg") no-repeat 259px 0px; } #impressum #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/impressum/vertrauen.jpg") no-repeat top left; margin-left: -20px; } #impressum #lnkimp img { display: none; } #lnkimp { position: absolute; top: 70px; right: 20px; width: 177px; height: 257px; display: block; } #lnkimp a:link, #lnkimp a:visited { display: block; width: 177px; height: 257px; cursor: pointer; } #lnkimp a:hover, #lnkimp a:active, #lnkimp a:focus { display: block; width: 177px; height: 257px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; } #impressum .client_adr { margin-top: 1.5em; } #impressum #data { color: #951022; padding-left: 30px; margin-bottom: 0.75em; list-style-type: square; } #impressum #data span { color: #272727; font-weight: normal; } #impressum #disclaimer { padding-left: 25px; color: #951022; font-weight: bold; } #impressum #disclaimer ul { color: #272727; padding-left: 0; font-weight: normal; list-style: none; } #impressum #disclaimer ul li { margin-bottom: 0.75em; } #impressum #disclaimer .li_last { margin-bottom: 0; } #impressum .itk_adr { background: transparent url("../images/impressum/itk_services_logo.gif") no-repeat 0 0.3em; margin-top: 1.5em; padding-left: 120px; } #impressum .itk_lnk { display: block; width: 120px; float: left; } .abst_stat { display: block; width: 18em; float: left; } /* H I L F E -------------------------------------------------------------------- */ #hilfe #col-right { text-align: justify; } #hilfe #cr-hg1 { background: transparent url("../images/main/pylone_bg.jpg") no-repeat 259px 0px; } #hilfe #themeslog { width: 160px; height: 60px; margin-bottom: 85px; background: transparent url("../images/hilfe/service.jpg") no-repeat top left; margin-left: -20px; } #hilfe #lnkhelp img { display: none; } #lnkhelp { position: absolute; top: 70px; right: 20px; width: 177px; height: 257px; display: block; } #lnkhelp a:link, #lnkhelp a:visited { display: block; width: 177px; height: 257px; cursor: pointer; } #lnkhelp a:hover, #lnkhelp a:active, #lnkhelp a:focus { display: block; width: 177px; height: 257px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; } #hilfe #subnav { padding-bottom: 4em; list-style: none; } #hilfe #subnav li { margin-bottom: 0.3em; } #hilfe #subnav .arrow { margin-bottom: 0.3em; padding-left: 20px; background: transparent url("../images/hilfe/arrow.gif") no-repeat left center; } #hilfe #keylist { margin: 0 0 0.75em 1em; } #hilfe #keylist dt { float: left; clear: left; margin: 0 0.5em 0 0; padding-bottom: 0.2em; } #hilfe #keylist dd { padding-bottom: 0.2em; } #hilfe #keylist dd:hover { background-color: #FAF0DA; cursor: default; } .visit {text-decoration: line-through; padding: 0 13px 0 0; background: url("../images/main/link_visited.gif") no-repeat center right; } /* P R O S P E K T -------------------------------------------------------------- */ #prospekt #cr-hg1 { background: transparent url("../images/prospekt/photo_bg.jpg") no-repeat 380px 0px; } #prospekt #themeslog { width: 201px; height: 60px; margin-bottom: 2em; background: transparent url("../images/prospekt/beratung.jpg") no-repeat top left; margin-left: -20px; } #prospekt #theme { display: none; } #prospekt #flashcontent { text-align: center; margin: 0 auto; } #prospekt .noscript { margin: 6em 0 4.5em 0; } #prospekt #oprospekt { margin-top: -7em; } #prospekt #abstpdf { margin-bottom: 3em; } /* F E H L E R ------------------------------------------------------------------ */ #fehler #cr-hg1 { background: transparent url("../images/main/pylone_bg.jpg") no-repeat 259px 0px; } #fehler #themeslog { width: 201px; height: 60px; margin-bottom: 85px; background: transparent url("../images/fehler/hinweis.jpg") no-repeat top left; margin-left: -20px; } #fehler .teasertxt { width: 400px; margin-bottom: 5em; } #fehler #lnkfehl img { display: none; } #lnkfehl { position: absolute; top: 70px; right: 20px; width: 177px; height: 257px; display: block; } #lnkfehl a:link, #lnkfehl a:visited { display: block; width: 177px; height: 257px; cursor: pointer; } #lnkfehl a:hover, #lnkfehl a:active, #lnkfehl a:focus { display: block; width: 177px; height: 257px; cursor: pointer; background: transparent url("../images/main/zoom.png") no-repeat center; } /* M I S C E L L A N E O U S --------------------------------------------------- */ .block { text-align: justify; } em { font-style: normal; font-weight: normal; } strong, b, .bold { font-weight: bold; } .u { text-decoration: underline; } .normal { font-weight: normal; color: #444; } strike, del { text-decoration: line-through; } .inv { display: none; } .nomargin { margin: 0; } .bigmargin { margin-bottom: 1.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 ---------------------------------------------------------- */