/*_ General Reset ===================================*/ * { margin: 0; padding: 0; border: 0; } html { background: #f4f4f2; } body { color: #555; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; } a { outline: none; text-decoration: none; color: #333; cursor: pointer; } a:hover { text-decoration: none; } a img { border: none; } li { list-style: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000d22; font-size: 15px; text-transform: uppercase; } h2 a { color: #000d22; } h3 { color: #393b3a; } h4 { font-size: 25px; padding-bottom: 30px; } table { width: 100%; table-layout: fixed; word-wrap: break-word; border-collapse: collapse; overflow: hidden; } table tr td { vertical-align: top; } .clear { display: block; width: 100%; height: 1px; clear: both; } /*_ Seiten-Style ===================================*/ body { } .center-page { width: 940px; margin: 0 auto; position: relative; padding: 0 10px; } /*_ Header ===================================*/ #header-top { background: #2b3137; font-size: 10px; color: #fff; height: 28px; } #header-top .center-page { padding-top: 9px; } #header-top .center-page a { color: #B1B1B1; } #header-top .center-page a:hover { color: #fff; text-decoration: none; } #top_menu { float: left; line-height: 12px; } #top_menu li { display: block; float: left; padding-right: 8px; border-right: 1px solid #445155; margin-right: 8px; } #top_menu li a { float: left; display: block; } #top_menu li.current-menu-item a { color: #fff; } #top_menu li#menu-item-41 { padding-right: 0px; border-right: none; margin-right: 0px; } #header-top .search-form { float: left; margin: -2px 0 -2px 10px; } #header-top .search-form input { background: #798088; color: #B1B1B1; padding: 1px 3px; border: 1px solid #445155; font-size: 9px; width: 90px; } #header-top .search-form input.searchsubmit { display: none; } #header { display: block; background: url(img/bg-header.jpg) left top repeat-x; height: 130px; position: relative; z-index: 9999; } #header .center-page { height: 115px; padding-top: 15px; background: url(img/bg-header-inner.png) center top no-repeat; } #header .center-page a { color: #fff; } #logo { float: left; } #main_menu { display: block; height: 31px; font-size: 13px; position: absolute; top: 45px; right: 0px; z-index: 9999; } #main_menu li { display: block; float: left; position: relative; margin-left: 5px; } #main_menu li a { display: block; color: #fff; font-weight: bold; padding: 0 17px; height: 31px; line-height: 31px; } #main_menu li:hover a, #main_menu li a:hover, #main_menu li.current-menu-item, #main_menu li.current-menu-ancestor { background: #0b2137; } #main_menu li ul { display: none; position: absolute; left: 0px; top: 31px; z-index: 9990; background: #0b2137; width: 140px; } #main_menu li ul li { display: block; float: none; padding: 0px; margin-left: 0px; } #main_menu li ul li a { display: block; color: #fff; font-size: 12px; } #main_menu li li.current-menu-item a, #main_menu li ul a:hover { background: #46516b !important; } #main_menu li:hover > ul { display: block; } /* #menu-item-126 > a { color: #cd7500 !important; } */ /*_ Main ===================================*/ #main { background: url(img/bg-main.jpg) 0 0 repeat-x; } #main .center-page { padding-top: 45px; overflow: hidden; } #content { min-height: 230px; } #content h2 { font-size: 16px; font-weight: bold; line-height: 22px; margin-bottom: 20px; } #content h3 { font-size: 13px; font-weight: bold; padding-bottom: 16px; } #content .text { line-height: 1.8em; overflow: hidden; padding-right: 170px; } #content .text p { padding-bottom: 17px; } #content .text a { color: #1d3a8f; } #content .text a:hover { color: #666; } #content .text ul { margin-top: -5px; padding-bottom: 17px; } #content .text ul li { padding-left: 15px; margin-left: 8px; margin-bottom: 5px; background: url(img/list_item.jpg) left 8px no-repeat; } #content .text table tr td { padding-bottom: 10px; } /* Seite mit Sidebar */ #content.with-sidebar .text { width: 600px; float: left; padding-right: 0px; } #content.with-sidebar #sidebar { padding-top: 42px; } #content.with-sidebar #sidebar .text { width: auto; } #content.with-sidebar #sidebar .text h3 { color: #000E22; border-bottom: 1px solid #505050; padding-bottom: 2px; margin-bottom: 10px; } #content.with-sidebar #sidebar .text ul li { border-bottom: none; padding: 0 0 0 15px; } /* News-Seiten */ #content.post-page { padding-bottom: 15px; } #content.post-page .hentry { display: block; width: 600px; overflow: hidden; background: url(img/verlauf-news.jpg) left top repeat-x; margin-bottom: 8px; } #content.post-page .hentry:hover { background: url(img/verlauf-news-hover.jpg) left top repeat-x; } #content.post-page .hentry h2 { float: left; display: block; width: 500px; padding: 17px 0 5px 15px; text-transform: none; font-size: 15px; } #content.post-page .hentry .date { float: right; background: url(img/verlauf-post-date.jpg) left -10px repeat-x; color: #fff; text-align: center; padding: 13px 7px; width: 45px; } #content.post-page .hentry .date .day { font-size: 27px; font-weight: bold; padding-bottom: 4px; line-height: 25px; } #content.post-page .hentry .date .month { font-size: 17px; text-transform: uppercase; line-height: 15px; } #content.post-page-news { float: left; width: 600px; } #content.post-page-news .main-content { padding-right: 0px; } #content.post-page-datail .hentry { background: none; margin-bottom: 0px; } #content.post-page-datail .hentry:hover { background: none; } #content.post-page-datail .hentry .text { padding-right: 15px; } #content.post-page-datail .hentry h2 { float: none; width: auto; padding: 0px; font-size: 16px; } #content.post-page.no-hover .hentry:hover { background: url(img/verlauf-news.jpg) left top repeat-x; } #sidebar { float: right; width: 280px; } #sidebar h4 { padding-bottom: 7px; } #sidebar ul li { overflow: hidden; border-bottom: 1px solid #979898; padding: 12px 0; } #sidebar ul li a { display: block; float: left; padding: 9px; } #sidebar ul li a em { color: #1D4184; font-style: normal; font-weight: bold; } #sidebar ul li a:hover, #sidebar ul li.active a { font-weight: bold; color: #1D4184; } #sidebar .search-form { margin-top: 45px; } #sidebar .search-form .s { width: 176px; } #sidebar .search-form .searchsubmit { width: 80px; } /*_ Footer ===================================*/ #footer { background: #182947 url(img/bg-footer.jpg) 0 0 repeat-x; color: #abafbc; font-size: 12px; } #footer .center-page { padding: 80px 0 45px; width: 960px; overflow: hidden; position: static; } #footer a { color: #abafbc; } #footer a:hover { color: #fff; } #footer .box { display: block; float: left; width: 300px; padding: 0 10px; } #footer .box h3 { font-size: 14px; line-height: 14px; font-weight: bold; color: #fff; padding-bottom: 8px; border-bottom: 1px solid #abafbc; margin-bottom: 5px; } #footer .box .entry { padding-top: 15px; padding-right: 20px; } #footer .box .entry h3 { font-size: 11px; padding-bottom: 8px; border-bottom: none; margin-bottom: 0px; } #footer .box .entry h3 a { color: #fff; } #footer .box .entry p { line-height: 1.6em; padding-bottom: 5px; } #footer .box.nl-box .text { padding-top: 15px; padding-right: 20px; } #footer .box.nl-box .text p { line-height: 1.7em; padding-bottom: 10px; } #footer .box.nl-box .text .left { float: left; width: 120px; padding-right: 20px; } #footer .box.nl-box .text .left a { display: block; width: 120px; height: 30px; line-height: 30px; margin-top: 7px; text-align: center; background: #3f4a5f; color: #fff; text-transform: uppercase; } #footer .box .more-link { padding-top: 17px; } #footer-bottom { background: #182947 url(img/bg-footer.jpg) 0 -160px repeat-x; border-top: 1px solid #505860; font-size: 10px; color: #fff; } #footer-bottom .center-page { padding-top: 20px; padding-bottom: 20px; overflow: hidden; } #footer-bottom .center-page a { color: #B1B1B1; } #footer-bottom .center-page a:hover { color: #fff; text-decoration: none; } #foot_menu { float: left; line-height: 12px; padding-top: 12px; } #foot_menu li { display: block; float: left; padding-right: 8px; border-right: 1px solid #445155; margin-right: 8px; } #foot_menu li a { float: left; display: block; } #foot_menu li.current-menu-item a { color: #fff; } #foot_menu li#menu-item-47 { padding-right: 0px; border-right: none; margin-right: 0px; } #rss-button { float: left; margin-left: 100px; } #top-link { float: right; } #top-link a { float: left; display: block; background: url(img/arrow-up-footer.png) 0 12px no-repeat; line-height: 12px; padding: 12px 0 0 17px; } /*_ Sonstige Styles ===================================*/ .alignright { float: right; } .alignleft { float: left; } .clear { display: block; width: 100%; height: 1px; clear: both; } /* Formulare*/ .page-id-12 #content .hentry { margin-top: 0px; padding: 0px; border: none; background: url(img/verlauf-formulare.jpg) left top repeat-x; } .page-id-12 #content .hentry .inner { background: url(img/pdf-icon.png) 10px 22px no-repeat; padding: 20px 0 20px 65px; } .page-id-12 #content .hentry .inner h2 { padding: 0px; margin-bottom: 0px; font-size: 14px; } /* FAQs */ .page-id-10 #content .hentry h2 { width: 585px; } .page-id-10 #content .hentry .text { padding: 0 15px; } .page-id-106 #content .main-content { padding-bottom: 30px; } /* Home */ .home #content { min-height: 1px; border-top: 1px solid #50618e; border-bottom: 1px solid #ffffff; margin: 40px 0; font-weight: bold; font-size: 14px; } .home #content .text { border-top: 1px solid #ffffff; border-bottom: 1px solid #50618e; padding: 25px 0 8px; } .home #top-news { overflow: hidden; padding-bottom: 40px; padding-top: 40px; } .home #top-news .box { display: block; float: left; width: 290px; padding-left: 35px; } .home #top-news .box.first { padding-left: 0px; } .home #top-news .box .thumbnail { display: block; margin-bottom: 10px; } .home #top-news .box h3 { font-size: 14px; font-weight: bold; text-transform: none; } .home #top-news .box h3 a { color: #000d23; } .home #top-news .box .text { padding-top: 15px; line-height: 1.6em; padding-bottom: 5px; } .home #top-news .box .text p.more-link { padding-top: 14px; } .home #top-news .box .text p.more-link a { color: #1d3a8f; } .home #top-news .box .text p.more-link a:hover { color: #666; } .home #top-faq { background: #E7E9E6 url(img/bg-quotes.png) 25px 20px no-repeat; padding: 30px 80px 30px 100px; border: 1px solid #D8D9D6; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 14px; color: #444; line-height: 1.8em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .home #top-faq h3 { margin-bottom: 6px; } .home #top-faq .more-link { text-align: right; } .home #top-faq .more-link a { color: #444; } .home #top-faq .more-link a:hover { text-decoration: underline; } .home .bx-wrapper .bx-window .slide { background: #caced3; color: #191919; font-size: 16px; height: 250px; } .home .bx-wrapper .bx-window .slide .text { float: left; padding: 30px 40px; width: 500px; font-weight: bold; line-height: 1.9em; } .home .bx-wrapper .bx-window .slide .text h3 { font-size: 18px; text-transform: uppercase; font-weight: bold; } .home .bx-wrapper .bx-window .slide img { float: right; } .home .bx-wrapper .bx-pager { width: 104px; margin: 0 auto; overflow: hidden; margin-top: 20px; } .home .bx-wrapper .bx-pager .pager-link { display: block; float: left; width: 12px; height: 12px; margin: 0px 7px; overflow: hidden; text-indent: -9999px; background: #9d9db4; } .home .bx-wrapper .bx-pager .pager-active { background: #212457; } .search-form input { background: #fff; padding: 8px 9px; border: 1px solid #b5b7b6; font-size: 12px; width: 200px; } .search-form input.searchsubmit { background: #212c41; border: 1px solid #212c41; font-size: 12px; color: #fff; width: 100px; height: 33px; } /* Suche */ .search-results #content .hentry h2 { margin-bottom: 0px; } .search-results #content .hentry .text { padding: 0 15px; width: 505px; float: left; display: block; } .search-results #content .hentry.n h2 { margin-bottom: 0px; width: 570px; } .search-results #content .hentry.n .text { padding: 0 15px; width: 585px; } /*_ Formulare ===================================*/ .form_element { overflow: hidden; position: relative; padding-top: 2px; padding-bottom: 15px; } .form_element.small { padding-bottom: 4px; } .pg_inline_login_form input, .form_element input, .form_element textarea { background: transparent; border: 1px solid #50618E; padding: 6px 10px; margin-right: 10px; width: 400px; color: inherit; font-family: inherit; font-size: 13px; background: #ecedef; } .pg_inline_login_form label, .form_element label { display: block; float: left; width: 130px; font-weight: normal; line-height: 28px; } .pg_inline_login_form input, .pg_inline_login_form label {margin-top:10px;margin-bottom:5px;} .form_element_submit { padding-top: 30px; } .form_element_submit span { position: absolute; left: 0px; line-height: 31px; } .form_element_submit input { position: relative; left: 452px; background: #212C41; color: #fff; width: 100px; height: 29px; text-align: center; padding: 0px 10px; } .form_element.radiobutton .wpcf7-form-control-wrap { display: block; float: left; } .form_element.radiobutton .wpcf7-list-item { display: block; float: left; margin-right: 25px; margin-left: 0px; } .form_element.radiobutton .wpcf7-list-item-label { } .form_element.radiobutton .wpcf7-list-item input { width: auto; margin-top: 5px; margin-right: 10px; float: left; } .form_element.radiobutton .wpcf7-list-item label { width: auto; float: none; display: inline; } .form_element .firstname input, .form_element .lastname input { width: 184px; } .wpcf7-form-control-wrap .wpcf7-not-valid-tip { position: absolute; left: 0px; top: 0px; margin-top: -3px; background: transparent; border: none; padding: 0px 10px; width: 400px; font-family: inherit; font-size: inherit; } .wpcf7-form-control-wrap.message .wpcf7-not-valid-tip { margin-top: -145px; } .wpcf7-validation-errors { width: 518px; border: 2px solid #CA0D1C !important; } .wpcf7-mail-sent-ok { width: 518px; } .pg_inline_login_form .form_element label { display: block; float: none; width: 100%; } .pg_inline_login_form .form_element_submit { position: relative; height: 30px; } .pg_inline_login_form .form_element_submit input { position: absolute; left: 322px; } .pg_inline_login_form .form_element_submit a.forgot-password { position: absolute; left: 0px; line-height: 28px; font-size: 11px; } /*_ Private Area -----------------*/ .pg_trigger, .pg_logout_btn { cursor: pointer; } .pg_loading { position: absolute; left: 430px; display: block; background: url(img/loader.gif) no-repeat top left transparent; width: 20px; height: 20px; } .pg_loginform_loader { position: absolute; left: 410px; top: 9px; display: none; background: url(img/loader.gif) no-repeat top left transparent; width: 20px; height: 20px; } .pg_loginform_loader span, .pg_logout_box .pg_loading { display: inline-block; margin-bottom:-3px; } .pg_error_mess, .pg_success_mess { display: block; background: transparent; border: none; padding: 0px 10px; width: 399px; font-family: inherit; font-size: inherit; margin-top: 20px; line-height: 1.8em; } .pg_error_mess { border: 2px solid #CA0D1C !important; } .pg_success_mess { border: 2px solid #EAF5DC !important; } /* import eigene Styles -----------------------*/ /* Home */ .home #content {margin: 40px 0 0px 0;} .home #content .text {padding:5px 0 1px;} .home #content .text p {padding-bottom:7px;} .home #top-faq {margin-top:40px;} /* Slider */ .slide .highlight {color: #eb5c24;} .slide .text {color:rgb(16, 33, 63);} /* Sprite Icons */ #container {margin-left: 325px; position: relative; top:4px;} #container li {position:absolute; top:0; } .sprite-facebook_active{ background: url(img/csg-531069b37c421.png);background-position: 0 0; width: 26px; height: 26px; } .sprite-facebook_inactive{ background: url(img/csg-531069b37c421.png);background-position: 0 -36px; width: 26px; height: 26px; } .sprite-gplus_active{ background: url(img/csg-531069b37c421.png);background-position: 0 -72px; width: 26px; height: 26px; } .sprite-gplus_inactive{ background: url(img/csg-531069b37c421.png);background-position: 0 -108px; width: 26px; height: 26px; } .sprite-linkedin_active{ background: url(img/csg-531069b37c421.png);background-position: 0 -144px; width: 26px; height: 26px; } .sprite-linkedin_inactive{ background: url(img/csg-531069b37c421.png);background-position: 0 -180px; width: 26px; height: 26px; } .sprite-rss_active{ background: url(img/csg-531069b37c421.png);background-position: 0 -216px; width: 26px; height: 26px; } .sprite-rss_inactive{ background: url(img/csg-531069b37c421.png);background-position: 0 -252px; width: 26px; height: 26px; } .sprite-twitter_active{ background: url(img/csg-531069b37c421.png);background-position: 0 -288px; width: 26px; height: 26px; } .sprite-twitter_inactive{ background: url(img/csg-531069b37c421.png);background-position: 0 -324px; width: 26px; height: 26px; } .sprite-xing_active{ background: url(img/csg-531069b37c421.png);background-position: 0 -360px; width: 26px; height: 26px; } .sprite-xing_inactive{ background: url(img/csg-531069b37c421.png);background-position: 0 -396px; width: 26px; height: 26px; } #fb {left:0; } #fb a:hover { background: url(img/csg-531069b37c421.png);background-position: 0 0; width: 26px; height: 26px; } #gp {left:26px; } #gp a:hover { background: url(img/csg-531069b37c421.png);background-position: 0 -72px; width: 26px; height: 26px; } #li {left:52px; } #li a:hover { background: url(img/csg-531069b37c421.png);background-position: 0 -144px; width: 26px; height: 26px; } #xi {left:78px; } #xi a:hover { background: url(img/csg-531069b37c421.png);background-position: 0 -360px; width: 26px; height: 26px; } #tw {left:104px; } #tw a:hover { background: url(img/csg-531069b37c421.png);background-position: 0 -288px; width: 26px; height: 26px; } #rs {left:130px; } #rs a:hover { background: url(img/csg-531069b37c421.png);background-position: 0 -216px; width: 26px; height: 26px; } #container li, #container a {height: 26px; display: block;} .text p img {padding-right: 10px;}