/*--- general ---*/ * { outline-width: 0; } html, body { height: 100%; margin: 0; } body#epozcontent { background: #fff; padding: 10px; } /* ZMS-Editor */ .hideme, .standard { display: none; } .nowrap { white-space: nowrap; } .clear { float: none; clear: both; } /* Old solution for floating */ .floatbox { overflow: auto; width: 100%; } /* New solution for floating */ /*.vcard { visibility:hidden; position:absolute; z-index:0; }*/ .vcard { position:absolute; top:0; left:0; height:0px; width:0px; overflow:hidden; } /* 1. Header font size ÷ Body copy font size = 1.96. 2. Line height (pixels) ÷ body copy font size (pixels) = 1.48. 3. Line length (pixels) ÷ line height (pixels) = 27.8. 4. Space between paragraphs (pixels) ÷ line height (pixels) = 0.754. Source: http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/ */ body, textarea, input, select, button { font-size: 12px; color: #585858; font-family: "Arial", sans-serif; } h1 { font-size: 19px; line-height: 28px; color: #89182D; } .startpage h1 { display:none; } h2, h3 { font-size: 15px; color: #585858; line-height: 22px; } h4, h5, h6 { font-size: 13px; color: #585858; line-height: 19px; } h1, h2, h3, h4, h5, h6, p, ul, ol, table, address, form, fieldset { margin-top: 0; margin-bottom: 14px; } legend { color: #89182D; font-weight: bold; } p, table, address, #content li, .disclaimer, .linksammlung, textarea, fieldset { line-height: 19px; } ul { list-style: square outside; margin-left: 0; padding-left: 30px; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } a { color: #89182D; } a img { border: 0; } a:hover { text-decoration: none; } textarea { line-height: 19px; } address { font-style: normal; } div.floatleft { float: left; margin-right: 13px; } div.floatright { float: right; margin-left: 13px; } div.left .graphic { margin-right: auto; } div.left .text { margin-right: auto; } div.right .graphic { margin-left: auto; } div.right .text { margin-left: auto; } div.center .graphic { margin: 0 auto; } div.center .text { margin: 0 auto; } .graphic { border: 1px solid #585858; } /*--- general table ---*/ table { border-collapse: collapse; } td, th { padding: 2px 4px; border: 1px solid #585858; vertical-align: top; } th { text-align: left; background: #d4d4d4; } thead td, thead th { border: 1px solid #585858; font-weight: bold; color: #fff; background: #585858; vertical-align: bottom; } tbody tr:hover th, table tbody tr:hover td { background: #89182d; color: #fff; } .notable td, .notable th { padding: 0 30px 0 0; border: 0; background: none; vertical-align: top; } .notable tbody tr:hover th, .notable tbody tr:hover td { color: #585858; background: none; } .thead { display: none; } .netzwerk td, .netzwerk th {border:none;} .netzwerk :hover * {background:none; color:#585858;} /*--- general form ---*/ fieldset { border: 1px solid #d4d4d4; padding: 0 10px 10px; } legend { padding: 0 5px 10px; } form { width: 528px; } form input[type=text] { width: 135px; border: 1px solid #585858; padding: 4px 2px; } form select { width: 141px; } form textarea { width: 476px; height: 150px; border: 1px solid #585858; } form label { float: left; display: block; padding-bottom: 7px; width: 150px; } form label span { display: block; padding-bottom: 2px; } form label.nofloat { float: none; width: auto; } form label.postcode { width: 90px; } form label.postcode input { width: 75px; } form label.location { width: 210px; } form label.location input { width: 195px; } form label.email { width: 302px; } form label.email input { width: 285px; } form label.job { width: auto; } form label.job input { width: 435px; } form label.subject { width: auto; } form label.subject input { width: 434px; } form label.radio { padding-bottom: 2px; } form label.radio span { margin-left: 20px; } form label.google_start { width: 222px; } form label.google_start input { width: 205px; } form label.error span { color: #89182D; } #validationMessage { color: #89182D; } input[type=text]:focus, textarea:focus { background: #d4d4d4; } input[type=checkbox], input[type=radio] { float: left; margin-top: 2px; } button { margin-bottom: 14px; } /*--- address, impressum ---*/ .address .float { float: left; margin: 0 30px 0 0; } .notable .impressum { border-top: 1px solid #585858; border-bottom: 1px solid #585858; } .notable .impressum td, .notable .impressum th { padding: 3px 0; border-top: 1px solid #585858; } .notable .impressum th { padding: 3px 14px 3px 0; } .impressum .nopadding { margin-bottom: 0; } /*--- google maps ---*/ #google_maps_map { height: 400px; border: 1px solid #585858; } .google_maps_map_info img { padding-bottom: 13px; } .google_maps_map_info h2 { padding-right: 20px; } .google_maps_map_info form { width: auto; padding: 0 20px 5px 0; } .google_maps_map_info label { width: auto; float: none; } .google_maps_map_info label input { width: 250px; } /*--- positionplan ---*/ .positionplan .entity { float: left; width: 195px; display: block; padding-bottom: 14px; } .positionplan .entity img { display: block; border: 1px solid #585858; margin-bottom: 4px; } /*--- infolisten, onlinetools ---*/ .infolist_toplink { text-align: right; padding: 2px 0; border-bottom: 1px dotted #d4d4d4; } .disclaimer { font-weight: bold; border: 1px solid #585858; padding: 5px; } .download_section td { padding: 0 0 4px; border: 0; } .download_section tr:hover td { background: none; color: #585858; } .download_section .download { padding-right: 50px; } .download_section span { margin-top: 1px; width: 25px; display: block; float: left; } .news_preview { margin-bottom: 14px; border-bottom: 1px solid #585858; } .news_preview h3 { margin-bottom: 0; } .news_page .graphic { margin: 0 0 13px 14px; float: right; } .news_overview ul h2, .news_overview ul h3 { margin-bottom: 0; } .rss { padding: 0 0 0 20px; background: url(../images/design/rss.png) no-repeat 1px center; } .rss_feeds { margin-left: 0; padding-left: 0; } .rss_feeds li { list-style: none; } /*--- team ---*/ #staff_overview .head h2 { margin-bottom: 0; } #staff_overview .head .noposition { margin-bottom: 14px; } #staff_overview .staff_member { float: left; width: 450px; } #staff_overview .line { border-top: 1px dotted #d4d4d4; margin-top: 14px; padding-bottom: 14px; } #staff_overview img { float: left; margin-right: 14px; border: 1px solid #585858; } #staff_overview .vita { margin: 0; } #staff_overview .info { margin-left: 142px; } #staff_vita img { float: right; margin-left: 20px; border: 1px solid #585858; } /*--- zope search ---*/ .search_result .result_entity h2 { margin-bottom: 0; } .search_result .result_entity p { margin-bottom: 0; } .search_result .result_entity { display: block; border-top: 1px solid #585858; padding: 6px 0; } .search_result .result_entity.last { border-bottom: 1px solid #585858; margin-bottom: 13px; } /*--- slimbox ---*/ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background: #585858; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; left: 50%; overflow: hidden; background: #fff; } .lbLoading { background: #fff url(../images/slimbox/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../images/slimbox/previous.gif) no-repeat 0% 30%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../images/slimbox/next.gif) no-repeat 100% 30%; } #lbBottom { font-size: 12px; line-height: 19px; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 21px; height: 20px; background: transparent url(../images/slimbox/close.gif) no-repeat center; margin: 5px 0; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } /*--- ie6nomore ---*/ #ie6nomore { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; display: none; } #ie6nomore .box { position: relative; left: 50%; top: 50%; margin: -125px 0 0 -275px; width: 550px; height: 250px; } #ie6nomore .browser { width: 75px; float: left; } /*--- design ---*/ #lang h2 , #fontbox { display: none; } #lang a span { color:#B7727F; } #lang a.active span { font-weight:bold; color:#fff; } body { background: #fff url(../images/design/bg_body.gif) repeat-x; } body.startpage { background: #fff; overflow: hidden; } #page { top:0; background:#fff url(../images/design/bg_page.gif) repeat-x; min-height:100%; } .pagesize {width:920px; position:absolute; left:50%; margin-left:-460px; } #startpage { position:absolute; top:50%; margin-top:-300px; height:600px; left:0; right:0; background: #fff url(../images/design/bg_body_start.gif) repeat-x; } /*.startpage #page { top:50%; margin-top:-300px; height:600px; min-height:600px; }*/ #logo { width:743px; position:absolute; top:0; left:50%; margin-left:-460px; background:#89182D; text-align:left; height:113px; } #page, #logo { border-right:1px solid white; border-left:1px solid white; } #searchform { position:absolute; top:10px; left:757px; overflow:hidden; } #searchform form { width:170px!important; } #searchform input, #searchform button { font-size:11px; color:#fff; padding:2px 4px; float:left; } #searchform input { background:#b7727f; border:0; width:100px; } #searchform button { background:url(../images/design/bg_page.gif) repeat-x; border:0px solid; margin:0; padding:2px 0 0 2px;} #navbar { background:#d4d4d4; position:absolute; top:114px; bottom:30px; left:0; width:175px; padding:15px 0 0; } #navbar ul { list-style:none; padding:25px 0; margin:0; } #navbar #nav { padding:25px 0; } #navbar ul li a { display:block; color:#89182D; font-weight:bold;text-decoration:none; padding:3px 5px 3px 25px; background:url(../images/design/bg_navli.jpg) no-repeat; background-position: 10px -23px; } #navbar ul li.activenode a, #navbar ul li.active a, #navbar ul li:hover a { background-position: 10px 0px; background-color:#89182D; color:#fff; } #navbar ul li ul { display:none; border:1px solid white; background:#89182D; width:184px; position:absolute; left:175px; margin-top:-23px; padding:7px 0; } #navbar ul li:hover ul { display:block; } #navbar ul li:hover ul li a, #navbar ul li.active ul li a, #navbar ul li.activenode ul li a { background:none; color:#cda4ac; font-size:11px; font-weight:normal; padding:2px 10px 2px 20px; } #navbar ul li:hover ul li a:hover { color:#fff; text-decoration:underline; } #navbar ul li.active ul, #navbar ul li.activenode ul { display:block; position:static; margin:0 0 3px; width:175px; border:none; background:#fff; } #navbar ul li.active ul li a, #navbar ul li.activenode ul li a { color:#89182D; padding-left:25px; } #navbar ul li.active ul li a:hover, #navbar ul li.activenode ul li a:hover { color:#cda4ac; } #nav_e68639.activenode ul { display:none!important; } #navbar ul ul li.activenode a, #navbar ul ul li.active a { font-weight:bold!important; } .startpage #navbar { top:-16px; left:5px; right:0; height:63px; width:175px; background:none;} .startpage #nav { position:absolute; top:0; left:550px; right:0; bottom:0; z-index:50; } .startpage #navbar ul li { width:170px; padding: 2px 0 1px 0; position:relative;} .startpage #navbar ul li a { color:#fff; background-position: 10px 0px; border:1px solid #89182D; padding:2px 4px 2px 26px!important; } .startpage #navbar ul li:hover a { background-color:#d4d4d4; background-position: 10px -23px; color:#89182D; border:1px solid #fff; border-right:0; } .startpage #navbar ul li:hover ul li a { border:none; } .startpage #navbar ul li ul { z-index:2000!important; left:170px; margin-top:-21px; background:#d4d4d4; } .startpage #nav2 {position:absolute; left:740px; top:24px;} .startpage #navbar #nav2 li {width:175px;} .startpage #navbar #nav2 li a {padding:2px 4px 2px 28px!important; background-position:12px top;} .startpage #navbar #nav2 li:hover a {background-position:12px -23px;} /* .startpage #navbar ul li:nth-child(2), .startpage #navbar ul li:nth-child(6) { margin-right:221px; } .startpage #navbar ul li ul a { color:#89182D!important; width:138px; } #navbar .quicklinks ul { background:#939598; } #navbar .quicklinks ul li a { color:#fff; background:url(../images/design/bg_quickli.jpg) no-repeat; background-position: 10px 0px; } #navbar .quicklinks ul li.activenode a, #navbar .quicklinks ul li.active a, #navbar .quicklinks ul li:hover a { background-color:#939598; color:#d4d4d4; background-position: 10px -23px; } .startpage .quicklinks ul { display:none; } */ #sujet { position:absolute; top:114px; bottom:45px; right:0; width:175px; background-repeat:no-repeat; z-index:20; overflow:hidden; background-color:#D4D4D4; } .startpage #content { position:absolute; top:114px; bottom:45px; right:0; left:0; margin:0; padding:0; z-index:21; } #sujetimg { width:100%; height:100%; display:block; } #sujetverl { position:absolute; top:0; left:0; right:0; z-index:100; background:url(../images/design/verl_sujet.png) repeat-x bottom; } .door { position:absolute; top:10px; left:10px; width:150px;} .door h3 { display:none; } .door .content { position:absolute; z-index:5; display:none; border:1px solid #89182D; background-color:#fff; padding:5px; text-align:center; width:185px; } .door.left .content { position:absolute; left:-72px; top:80px; } .door.right .content { position:absolute; right:-40px; top:80px; } .door .content ul { margin:0 0 10px; padding:0!important; text-align:left; } .door .content ul li a { text-decoration:none; color:gray; } .door_betriebswirtschaft { top:0; left:38px; width:150px!important; height:437px;} .door_nachfolgeberatung { top:35px; left:238px; width:107px; height:377px; } .door_steuerberatung { width:57px; height:280px; left:360px; top:95px; } .door_buchführung { top:95px; left:540px; width:71px; height:293px; } .door_medizinischer { top:55px; left:685px; width:109px; height:367px; } .door_internationale { top:0px; left:770px; width:146px; height:440px; } #functions { position:absolute; right:5px; top:84px;} #functions ul { list-style:none; padding:2px; } #functions ul li { float:left; margin:3px; } #functions ul li a { height:13px; width:13px; background:green; display:block; float:left; background:url(../images/design/hs_icon.gif) no-repeat; } #functions ul li a:hover {} #functions ul li.func_sp a { background-position:0 0; } #functions ul li.func_sp a:hover { background-position:0 -13px; } #functions ul li.func_1 a { background-position:-13px 0; } #functions ul li.func_1 a:hover { background-position:-13px -13px; } #functions ul li.func_2 a { background-position:-26px 0; } #functions ul li.func_2 a:hover { background-position:-26px -13px; } #functions ul li a span { display:none; } #functions ul #facebook a { background:url(../images/design/facebook.png) no-repeat; height:16px; width:19px; display: block; margin-top:-1px; } #functions ul #twitter a { background:url(../images/design/twitter.png) no-repeat; height:16px; width:19px; display: block; margin-top:-1px; } #author { position:absolute; width:175px; bottom:0; right:0; margin:0; height:20px; width:176px; border-left:1px solid white; } .startpage #author { border-left:none; } #author a { background: url(../images/design/atikon.jpg) no-repeat; width:76px; height:16px; position:absolute; bottom:1px; right:14px; margin:0; } #author a span { display:none; } #footer { background:#fff url(../images/design/bg_body.gif) repeat-x center 25px; position:fixed; bottom:0; height:45px; left:0; right:0; z-index:20; } .startpage #footer { position:absolute; top:50%; margin-top:255px; } #footer .pagesize { background:#fff url(../images/design/bg_page.gif) repeat-x center 25px; top:0; bottom:0; border-right:1px solid white; border-left:1px solid white; } /*#fadeOut { position:absolute; bottom:40px; background:url(../images/design/verl_footer.png); height:20px; left:176px; right:176px; }*/ .startpage #fadeOut { display:none; } #contactinfo { padding:3px 0 0 141px; } #contactinfo br { display:none; } #contactinfo span { margin-right:5px; padding-right:5px; border-right:1px solid #d4d4d4; } #contactinfo span.last { margin:0; padding:0; border:none; } #contactinfo a {color:#585858; text-decoration:none;} #lang ul { position:absolute; bottom:0; left:0; z-index:220; list-style:none; padding:0; width:176px; height:18px; border:0; padding-top:2px; margin-bottom:0; } .startpage #lang ul { position:absolute; bottom:0; border-right:none; } #lang ul li { float:left; margin-left:7px; padding-left:7px; } #lang ul li.first { margin-left:0px; background:none; } #lang ul li a { color:white; text-decoration:none; font-size:10px; } #content { margin:153px 176px 60px; padding:0 20px 0; } #content ul { list-style:none; padding:0 0 0 10px; } #content ul li { background:url(../images/design/bg_li.gif) no-repeat 0 7px; padding:0 0 0 20px; } /*--content---*/ #content .anchornav ul { padding:0; margin:0 0 10px; } #content .anchornav h4 { display:none;} #content .anchornav li { padding:0; } #content .anchornav li a { display:block; text-decoration:none; background:#e5e5e5; padding:4px 7px; margin:2px 0; } #content .anchornav li:hover a { color:white; background:#B7727F; } #content .leistungsuebersicht ul { padding:0; } #content .leistungsuebersicht ul li { background:none; background:#e5e5e5; width:224px; height:130px; float:left; margin-bottom:20px; padding:15px 10px 10px 20px; } #content .leistungsuebersicht ul li:hover { background:#b7727f; color:white; } #content .leistungsuebersicht ul ul li:hover { border:none; } #content .leistungsuebersicht ul li:hover a { color:white; } #content .leistungsuebersicht ul li a.leistungstitle { font-size:20px; display:block; margin-bottom:10px; } #content .leistungsuebersicht ul ul { list-style-type:square; padding-left:15px; } #content .leistungsuebersicht ul ul li { background:none; border:none; width:auto; height:auto; width:auto; margin:0!important; padding:0; float:none; } #content .leistungsuebersicht ul ul li a { color:#585858; text-decoration:none; } #content .leistungsuebersicht ul ul li a:hover { text-decoration:underline; } .leistungen_toplink { text-align:right; } .leistungen_toplink a { margin-left:5px; } #contentIcon { opacity:0.1; position:absolute;left:0;bottom:0;width:399px;z-index:0; } iframe { height:100%; min-height:1470px; width:100%; } #drucklogo {display:none;} /*--social---*/ #content .facebook { background: url(../images/design/facebook.png) no-repeat 1px center; padding: 6px 0 6px 22px; } #content .twitter { background: url(../images/design/twitter.png) no-repeat 1px center; padding: 6px 0 6px 22px; } #social_box { } #fb_box { margin-bottom: 14px; height: 450px; } #twitter_box { margin-bottom: 14px; height: 450px; }