@charset "UTF-8"; /*** ** generic ***/ * { margin: 0; padding: 0; } a img { border: 0; } .noFloat { clear: both; } .left { float: left; } .right { float: right; } .block { display: block; } a { -moz-outline: 0; } /*** ** grid ***/ html { height: 101%; background: white url("../images/layout/html.png") repeat-x; } body { position: relative; font: 62.5% Arial, Verdana, Helvetica, sans-serif; background-color: transparent; color: #444; } #container { position: relative; top: 20px; margin: 0 auto; width: 970px; min-height: 66em; background: white url("../images/layout/container.png") no-repeat; } #branding { position: relative; height: 220px; background-position: 431px 40px; background-repeat: no-repeat; } #navigation { float: left; padding: 0 5px 0 10px; width: 200px; min-height: 450px; z-index: 10; } #content { float: left; width: 755px; min-height: 55em; background-color: transparent; } #content #contentMain { float: left; position: relative; top: 0; left: 0; margin: 0; width: 540px; padding: 0 0 1em 0; } #content #contentSub { float: left; position: relative; top: 0; right: 0; margin: 0; width: 200px; height: 300px; padding: 0 0 0 5px; } .hak #content #contentMain, .wissenswertes #content #contentMain, .kontakt #content #contentMain { width: 538px; border: 1px solid #dbdbdb; } .index #branding { background-image: url("../images/layout/visual-index.png"); } .aktuelles #branding { background-image: url("../images/layout/visual-index.png"); } .weiterbildung #branding { background-image: url("../images/layout/visual-weiterbildung.png"); } .seminare #branding { background-image: url("../images/layout/visual-seminare.png"); } .service #branding { background-image: url("../images/layout/visual-service.png"); } .hak #branding { background-image: url("../images/layout/visual-hak.png"); } .wissenswertes #branding { background-image: url("../images/layout/visual-index.png"); } .kontakt #branding { background-image: url("../images/layout/visual-index.png"); } /*** ** branding ***/ #branding h1 { position: absolute; width: 380px; top: 50px; left: 35px; text-indent: -9999px; } #branding h1 a { display: block; height: 80px; background: transparent url("../images/layout/logo-hakr.png") no-repeat; } #branding h5 { position: absolute; text-indent: -9999px; } /*** ** navigation ***/ #navigation h3 { position: absolute; text-indent: -9999px; height: 0; } #navigation ul { list-style-type: none; } #navigation ul li { } #meta { position: absolute; top: 12px; right: 10px; } #meta ul li { float: left; font-size: 1.2em; line-height: 1.2em; border-right: 1px solid #a09f9e; } #meta ul li.last { border: 0; } #meta ul li a:link, #meta ul li a:visited, #meta ul li a:hover, #meta ul li a:focus, #meta ul li a:active { float: left; padding: 0 5px; text-decoration: none; color: #a09f9e; } #meta ul li a:focus, #meta ul li a:hover { text-decoration: underline; } ul.level_1 { background-color: #dededd;} ul.level_1 li { display: block; border-bottom: 1px solid white; font-size: 1.3em; } ul.level_1 li#weiterbildung-qualifizierung { background-color: #a03e27; } ul.level_1 li#index { background-color: #ececec; } ul.level_1 li#aktuelles, ul.level_1 li#wissenswertes, ul.level_1 li#kontakt { background-color: #ececec; } ul.level_1 li#seminare { background-color: #999933; } ul.level_1 li#service { background-color: #cc6633; } ul.level_1 li#hak { background-color: #006699; } ul.level_1 li#weiterbildung-qualifizierung a, ul.level_1 li#seminare a, ul.level_1 li#service a, ul.level_1 li#hak a { color: white; } ul.level_1 li.first { background-color: #c2c1c1; } ul.level_1 li a:link, ul.level_1 li a:visited, ul.level_1 li a:hover, ul.level_1 li a:focus, ul.level_1 li a:active { display: block; height: 100%; padding: 3px 0 3px 10px; line-height: 1.6em; text-decoration: none; color: #1f1a17; } ul.level_1 li a:focus, ul.level_1 li a:hover { color: #1f1a17; text-decoration: underline; } ul.level_1 li a#level_1_active, ul.level_1 li a.trail { text-decoration: underline; } ul.level_1 li#index a#level_1_active, ul.level_1 li#index a:hover, ul.level_1 li#aktuelles a:hover, ul.level_1 li#aktuelles a.trail, ul.level_1 li#aktuelles a#level_1_active, ul.level_1 li#wissenswertes a:hover, ul.level_1 li#wissenswertes a.trail, ul.level_1 li#wissenswertes a#level_1_active , ul.level_1 li#kontakt a:hover, ul.level_1 li#kontakt a.trail, ul.level_1 li#kontakt a#level_1_active { background-color: #cacccb; color: black; text-decoration: none; } ul.level_1 li#weiterbildung-qualifizierung a:hover, ul.level_1 li#weiterbildung-qualifizierung a.trail, ul.level_1 li#weiterbildung-qualifizierung a#level_1_active { background-color: #eb5b39; color: black; text-decoration: none; } ul.level_1 li#seminare a:hover, ul.level_1 li#seminare a.trail, ul.level_1 li#seminare a#level_1_active { background-color: #e4d85e; color: black; text-decoration: none; } ul.level_1 li#service a:hover, ul.level_1 li#service a.trail, ul.level_1 li#service a#level_1_active { background-color: #f29667; color: black; text-decoration: none; } ul.level_1 li#hak a:hover, ul.level_1 li#hak a.trail, ul.level_1 li#hak a#level_1_active { background-color: #009fef; color: black; text-decoration: none; } ul.level_1 li.hidden ul.level_2 { display: none; } ul.level_1 li.trail ul.level_2 { display: block; } ul.level_2 { padding-bottom: 8px; } ul.level_2 li { display: block; border: 0; font-size: .95em; } ul.level_2 li.first { background-color: transparent; } ul.level_2 li a:link, ul.level_2 li a:visited, ul.level_2 li a:hover, ul.level_2 li a:focus, ul.level_2 li a:active { display: block; padding: 1px 0 1px 20px; line-height: 1.4em; text-decoration: none; color: #1f1a17; } ul.level_2 li a:focus, ul.level_2 li a:hover { color: #1f1a17; text-decoration: underline; } li#aktuelles ul.level_2 li a#level_2_active, li#kontakt ul.level_2 li a#level_2_active { background-color: #cacccb; color: black; } li#weiterbildung-qualifizierung ul.level_2 li a#level_2_active { background-color: #eb5b39; color: black; } li#seminare ul.level_2 li a#level_2_active { background-color: #e4d85e; color: black; } li#service ul.level_2 li a#level_2_active { background-color: #f29667; color: black; } li#hak ul.level_2 li a#level_2_active { background-color: #009fef; color: black; } #certificate { padding: 30px 0 20px 0; background-color: #ececec; } #certificate h4 { margin: 0 10px; padding: 10px 0; font-size: 1.4em; background-color: white; text-align: center; font-weight: normal; } #certificate p { text-align: center; font-size: 1.3em; line-height: 2.4em; } #certificate p img { } #searchbox { position: absolute; top: 185px; right: 10px; } #searchbox input.submit { width: 70px; } /*** ** breadcrumb ***/ #contentMain #breadcrumb { position: absolute; top: -29px; left: -205px; } .hak #contentMain #breadcrumb, /* these sites have a 1px border around contentMain container, therefore 1px position compensation for breadcrumb navigation */ .wissenswertes #contentMain #breadcrumb, .kontakt #contentMain #breadcrumb { top: -30px; left: -206px; } #contentMain #breadcrumb h3, #contentMain #breadcrumb a, #contentMain #breadcrumb span { font-size: 1.2em; line-height: 1.2em; color: #969594; font-weight: normal; } #contentMain #breadcrumb h3 { float: left; margin: 0 5px 0 0; text-indent: 0;} #contentMain #breadcrumb a, #contentMain #breadcrumb span { text-decoration: none; } #contentMain #breadcrumb a:hover { text-decoration: underline; } /*** ** contentMain ***/ #contentMain h1, #contentMain h2, #contentMain h3, #contentMain h4, #contentMain h5, #contentMain p, #contentMain ul, #contentMain ol, #contentMain dl, #contentMain address, #contentMain table, #contentMain form, #contentMain .ce_hyperlink { margin: 8px 10px; } #contentMain h1 { color: green; } #contentMain h2 { padding: 0 5px; font-size: 1.8em; height: 31px; line-height: 31px; } #contentMain h3 { font-size: 1.4em; line-height: 1.6em; } #contentMain h3.ce_headline { margin-bottom: 0; } #contentMain h4 { font-size: 1.4em; line-height: 1.4em; } #contentMain h5 { font-size: 1.2em; line-height: 1.2em; } #contentMain h6 { font-size: 1.2em; line-height: 1.2em; } .hak #contentMain h2 { background: transparent url("../images/layout/bar_blue-long.png") 0 0 no-repeat; color: white; } .weiterbildung #contentMain h2 { background: transparent url("../images/layout/bar_red-long.png") 0 0 no-repeat; color: white; } .seminare #contentMain h2 { background: transparent url("../images/layout/bar_green-long.png") 0 0 no-repeat; color: white; } .service #contentMain h2 { background: transparent url("../images/layout/bar_orange-long.png") 0 0 no-repeat; color: white; } .wissenswertes #contentMain h2, .kontakt #contentMain h2, .aktuelles #contentMain h2 { background-color: #dbdbdb; } #contentMain a:link, #contentMain a:visited, #contentMain a:focus, #contentMain a:hover, #contentMain a:active { color: #1a72a1; text-decoration: none; border-bottom: 1px dotted #1a72a1; } #contentMain a:focus, #contentMain a:hover { border-bottom: 1px solid #1a72a1; } #contentMain p, #contentMain ul, #contentMain ol, #contentMain dl, #contentMain address, #contentMain table, #contentMain form { font-size: 1.3em; line-height: 1.5em; } #contentMain .block{ overflow:hidden; } #contentMain ul { padding-left: 15px; } #contentMain ol { padding-left: 22px; } #contentMain .ce_hyperlink { font-size: 1.3em; text-align: right; } #contentMain .ce_hyperlink a { } #contentMain hr { clear: both; margin: 10px; height: 0; border: 0; background-color: transparent; } .aktuelles #contentMain hr { border-top: 1px solid #dbdbdb; } .hak #contentMain hr { border-top: 1px solid #006699; } .wissenswertes #contentMain hr { border-top: 1px solid #dbdbdb; } .kontakt #contentMain hr { border-top: 1px solid #dbdbdb; } /** * Aktuelles **/ #contentMain #nav_content_news { margin-bottom: 5px; border: 1px solid #dbdbdb; height: 105px; padding-bottom: 5px; background-color: #ececec; } #contentMain #nav_content_news ul { list-style: none; margin: 0; } #contentMain #nav_content_news ul li { float: left; margin-right: 4%; width: 44%; height: 25px; line-height: 25px; border-bottom: 1px solid white; } #contentMain #nav_content_news ul li a { float: left; border: 0; color: #444; } #contentMain #nav_content_news ul li a#active_news { text-decoration: underline; } * html #contentMain #nav_content_news ul li { margin-right: 4%; width: 44%; } #contentMain .mod_newslist, #contentMain .mod_newsreader { border: 1px solid #dbdbdb; padding: 5px; } #contentMain .news_teaser, #contentMain .news_full { padding: 5px 0 10px 0; } #contentMain .news_teaser p.more { margin-bottom: 20px; } #contentMain .news_teaser hr { margin: 0 5px; } /** * Weiterbildung **/ #contentMain #weiterbildung-und-qualifizierung, #contentMain #teilnahmebedingungen_weiterbildung { margin: 0; border: 1px solid #dbdbdb; width: 538px; padding: 0; } /* static pages */ .weiterbildung_alist #contentMain h2 { margin: 0; border: 1px solid #d6d5d5; border-bottom: 0; padding: 8px 10px 0 10px; color: white; background-color: #dbdbdb; background-image: none; } .weiterbildung_alist #contentMain h2 span { display: block; padding: 0 5px; font-size: 1em; height: 31px; line-height: 31px; background: transparent url("../images/layout/bar_red-long.png") no-repeat; } /** * Seminare **/ #contentMain #seminare, #contentMain #teilnahmebedingungen_seminare { width: 538px; border: 1px solid #dbdbdb;} .seminare_alist #contentMain h2 { margin: 0; border: 1px solid #d6d5d5; border-bottom: 0; padding: 8px 10px 0 10px; color: white; background-color: #dbdbdb; background-image: none; } .seminare_alist #contentMain h2 span { display: block; padding: 0 5px; font-size: 1em; height: 31px; line-height: 31px; background: transparent url("../images/layout/bar_green-long.png") no-repeat; } .seminare_alist #contentMain ul { padding: 0; } .seminare_alist #contentMain ul li { list-style: none; } .weiterbildung_alist #contentMain ul li strong, .seminare_alist #contentMain ul li strong, .service_alist #contentMain ul li strong { display: inline-block; width: 100px; font-weight: bold; } .weiterbildung_alist #contentMain .mod_article, .seminare_alist #contentMain .mod_article, .service_alist #contentMain .mod_article { margin: 10px 0 10px 0; border: 1px solid #dbdbdb; padding: 5px; } #contentMain .mod_article .bullet-sail ul { padding: 0; } #contentMain .mod_article .bullet-sail ul li, #contentMain .mod_article .bullet-sail ul li { margin: 1px 0 1px 30px; padding-left: 20px; list-style: none; background: transparent url("../images/layout/bullet-sail.png") 0 1px no-repeat; } /** * Service **/ #contentMain #service { width: 538px; border: 1px solid #dbdbdb;} .service_alist #contentMain h2 { margin: 0; border: 1px solid #d6d5d5; border-bottom: 0; padding: 8px 10px 0 10px; color: white; background-color: #dbdbdb; background-image: none; } .service_alist #contentMain h2 span { display: block; padding: 0 5px; font-size: 1em; height: 31px; line-height: 31px; background: transparent url("../images/layout/bar_orange-long.png") no-repeat; } #contentMain #seminar_list { border: 1px solid #d6d5d5; border-top: 0; padding-bottom: 1em; background-color: #e6e6e6; } #contentMain #seminar_list ul { margin: 0; width: 100%; padding: 10px 0; list-style: none; } #contentMain #seminar_list ul li { float: left; margin: 0 10px; border-bottom: 1px white solid; width: 249px; padding: 0; } #contentMain #seminar_list ul li a { border: 0; color: #444; } .weiterbildung_alist #contentMain table td, .seminare_alist #contentMain table td, .service_alist table td { vertical-align: top; padding: 2px 0; } .weiterbildung_alist #contentMain table td.col_0, .seminare_alist #contentMain table td.col_0, .service_alist table td.col_0 { width: 100px; font-weight: bold; } #contentMain .address { clear: both; float: left; margin: 15px 0; width: 220px; } #contentMain #map1, #contentMain #map2, #contentMain #map3 { float: right; margin: 15px 10px 25px 0; border: 3px solid white; width: 300px; height:300px;} #contentMain #map1 *, #contentMain #map2 *, #contentMain #map3 * { margin: 0; } #contentMain #form { margin: 0; border: 0; padding: 0; width: 538px; border: 1px solid #dbdbdb; margin: 5px 0; background-color: #ececec; } #contentMain form { font-size: 1.0em; } #contentMain form p { margin: 8px 0; } #contentMain form p.error { margin: 5px 0; color: red; font-size: 1.1em; } #contentMain form label { display: block; margin: .8em 0 .3em 0; width: 10em; font-size: 1.3em; } #contentMain form input, #contentMain form textarea { width: 370px; font-size: 13px; margin: 0; padding: 5px; border: 1px solid #a5a5a5; background-color: #fbfbfb; font-family: Arial, Verdana, Helvetica, sans-serif; } #contentMain form textarea { height: 250px; } #contentMain form input.submit { cursor: pointer; position: relative; left: 215px; margin: 15px 0 0 0; width: 14em; font: 1.2em Arial, Verdana, Helvetica, sans-serif; } /*** ** contentSub ***/ #contentSub h1, #contentSub h2, #contentSub h3, #contentSub h4, #contentSub h5, #contentSub p, #contentSub ul, #contentSub ol, #contentSub address, #contentSub table, #contentSub form { margin: 8px 5px; padding: 0 10px; } #contentSub h1, #contentSub h2, #contentSub h3, #contentSub h4, #contentSub h5 { font-weight: normal; } #contentSub h3 { padding: 10px; background-color: #ececed; font-size: 1.4em; } #contentSub h4 { font-size: 1.2em; font-weight: bold; } #contentSub p, #contentSub ul, #contentSub ol, #contentSub address, #contentSub table, #contentSub form { font-size: 1.2em; } #contentSub .mod_newslist { margin-bottom: 10px; padding-bottom: 5px; border: 1px solid #d6d5d5; } #contentSub .mod_newslist .news_list h4 { font-weight: normal; } #contentSub .mod_newslist .news_list p a:link, #contentSub .mod_newslist .news_list p a:visited, #contentSub .mod_newslist .news_list p a:hover, #contentSub .mod_newslist .news_list p a:focus, #contentSub .mod_newslist .news_list p a:active { display: block; text-align: right; line-height: 22px; text-decoration: none; color: #111; background: transparent url("../images/layout/icon_readmore.png") 75px 2px no-repeat; } #contentSub .mod_newslist .news_list hr { clear: both; margin: 0px 5px; height: 0; border: 0; background-color: transparent; border-top: 1px solid #dbdbdb; } /*** ** siteinfo ***/ #siteinfo h1, #siteinfo h2, #siteinfo h3, #siteinfo h4, #siteinfo h5, #siteinfo p, #siteinfo ul, #siteinfo ol, #siteinfo address, #siteinfo form { margin: 8px 25px; } #siteinfo h1, #siteinfo h2, #siteinfo h3, #siteinfo h4, #siteinfo h5 { font-weight: normal; } #siteinfo h3 { float: right; font-size: 1em; } #siteinfo h3 span { display: none; width: 0; text-indent: -9999em; } #siteinfo h5 { position: absolute; width: 0; text-indent: -9999px; height: 0; } #siteinfo p, #siteinfo ul, #siteinfo ol { } #siteinfo a:link, #siteinfo a:visited, #siteinfo a:focus, #siteinfo a:hover, #siteinfo a:active { color: black; text-decoration: none; border-bottom: 1px dotted white; } #siteinfo a:focus, #siteinfo a:hover { border-bottom: 1px solid black; } /*** ** index ***/ .index #einleitung { margin-bottom: -10px; } .index #teaser, .index #dienstleistungen, .index #zertifizierung { margin-bottom: 5px; border: 1px solid #e6e6e6; } .index #dienstleistungen div { float: left; margin: 5px; border: 1px solid #d6d5d5; width: 257px; height: 19em; padding: 0; background-color: #ececed; } .index #dienstleistungen div h3 { padding: 0 10px; font-size: 1.4em; line-height: 2.2em; } .index #dienstleistungen div h3 a { display: block; border: 0; color: white; } .index #dienstleistungen #nav_weiterbildung h3 { background: transparent url("../images/layout/bar_red.png") no-repeat; } .index #dienstleistungen #nav_seminare h3 { background: transparent url("../images/layout/bar_green.png") no-repeat; } .index #dienstleistungen #nav_service h3 { background: transparent url("../images/layout/bar_orange.png") no-repeat; } .index #dienstleistungen #nav_hak h3 { background: transparent url("../images/layout/bar_blue.png") no-repeat; } .index #dienstleistungen ul { list-style-type: none; padding-left: 10px; } .index #dienstleistungen ul li { font-size: 1em; border-bottom: 1px solid white; } .index #dienstleistungen ul li a:link, .index #dienstleistungen ul li a:visited, .index #dienstleistungen ul li a:hover, .index #dienstleistungen ul li a:focus, .index #dienstleistungen ul li a:active { border: 0; line-height: 2em; color: #111; } /*** ** Internet Explorer 6: * html ** Internet Explorer 7: *+html ***/ * html #content { height: 550px; } * html #branding h1 a { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='/images/layout/logo-hakr.png'); cursor: pointer;} * html ul.level_1 li.hidden ul.level_2 { display: none !important; } * html ul.level_1 li.trail ul.level_2 { display: block !important; } * html #searchbox { width: 228px; } * html .index #dienstleistungen div { margin: 5px 3px; height: 200px; } * html .index #dienstleistungen div h3 { font-size: 1.3em; font-weight: normal; } * html .index #dienstleistungen div h3 a { border: 0 !important; color: white !important; } * html #contentMain #seminar_list ul li { width: 240px; }