/* Theme Name: Henry Christ Theme URI: Description: Author: Version: License: License URI: Tags: */ @charset "utf-8"; /*--------------------------------------------------- reset.css ---------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} /*--------------------------------------------------- style.css ---------------------------------------------------*/ /*--------- Sticky Footer -------*/ * {margin: 0;} html, body {height: 100%;} .sticky-wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px;} #footer, .push {height:30px;} /*--------- Default Css -------*/ a img {border: 0 none;} a {text-decoration: none;} img {vertical-align: top;} body {color: #000; font: 12px Georgia, "Times New Roman", Times, serif;} .container {width: 996px; margin: 0 auto;} .clear {clear: both; height: 0; width: 0;} /*--------- Header -------*/ #header {height: 30px;} #header .container {position: relative; background: #fefefe; z-index:9999;} #logo {position: absolute; top: 0; left: 0; width: 135px; height: 130px; padding: 0 30px 0 15px; z-index:9999;} #nav-menu {padding: 0 0 0 296px; float: left;} #nav-menu ul {} #nav-menu ul li {float: left; padding: 0 5px;} #nav-menu ul li a {display: block; color: #888; font: 10px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; line-height: 30px; padding: 0 5px;} #nav-menu ul li a:hover, #nav-menu ul li.current-menu-item a {color: #404040;} .social-language {width: 89px; float: right; overflow: hidden;} .social {float: left; width: 26px; padding: 0 14px 0 0;} .social a {display: block; width: 26px; height: 25px; margin: 2px 0 0; background: url(images/facebook_icon.png) no-repeat;} .social a:hover {background: url(images/facebook_icon.png) no-repeat left bottom;} .language {width: 49px; float: right; overflow: hidden; } .language ul {float: right; width: 49px !important; border: 0 none !important;} #lang_sel_list {width: 55px !important;} #lang_sel_list ul {padding: 6px 5px 0 0 !important;} .language ul li {float: left; padding: 0 2px 0 0 !important; border: 0 none !important; width: 20px !important; height: 17px !important;} .language ul li a {display: block; width: 14px !important; height: 11px !important; padding: 3px !important; border: 0 none !important; font-size: 0 !important;} .language ul li.icl-de a {background:url(images/language_icon.png) no-repeat left bottom !important;} .language ul li.icl-en a {background:url(images/language_icon.png) no-repeat right bottom !important;} .language ul li.icl-de a:hover, .language ul li.icl-de a.lang_sel_sel {background:url(images/language_icon.png) no-repeat left top !important;} .language ul li.icl-en a:hover, .language ul li.icl-en a.lang_sel_sel {background:url(images/language_icon.png) no-repeat right top !important;} /*--------- Home Content -------*/ #banner {min-height: 90px;} #content-wrapper {padding: 0 0 25px;} #home-content {margin: 33px 45px 0;} #home-content ul {width: 100%; overflow: hidden;} #home-content ul li {float: left; padding: 0 33px; width: 280px;} #home-content ul li h2 {padding: 0 0 9px; font: bold 21px Georgia, "Times New Roman", Times, serif; text-transform: uppercase;} #home-content ul li h2 a {color: #404040;} #home-content ul li img {width: 280px; height: 154px;} /*--------- Footer -------*/ #footer {height: 30px;} #footer .container {width: 970px; border-top: 1px solid #d9d9d9; padding: 5px 0; text-align: center; color: #888; font: 10px Georgia, "Times New Roman", Times, serif; line-height: 19px;} #footer .container a {text-transform: uppercase; color: #888;} #footer .container a:hover {color: #404040;} #footer .footer-menu li {display: inline; padding: 0 8px; border-left: 1px solid #888;} #footer .footer-menu li:first-child {border: 0 none;} /*------------------------------------ Page Content -------------------------------------------*/ #content {margin: 30px 0 0; padding: 0 44px;} #content h2 {color: #9e3655; text-transform: uppercase; font: bold 21px Georgia, "Times New Roman", Times, serif; padding: 0 0 20px;} #content h3 {color: #9e3655; text-transform: uppercase; font: bold 18px Georgia, "Times New Roman", Times, serif; padding: 0 0 15px;} #content p {color: #404040; font: 12px Georgia, "Times New Roman", Times, serif; line-height: 17px; padding: 0 0 50px;} #content .left-content {width: 420px; float: left;} #content .right-content {width: 435px; float: right;} #content a {color: #9e3655;} #content a:hover {text-decoration: underline;} /*------------------------------------ Find Page -------------------------------------------*/ #find-content {margin: 30px 0 0;} #find-content h2 {color: #9e3655; text-transform: uppercase; font: bold 21px Georgia, "Times New Roman", Times, serif; padding: 0 27px 20px;} #find-content h2 img {vertical-align: middle;} #find-content h3 {color: #9e3655; text-transform: uppercase; font: bold 18px Georgia, "Times New Roman", Times, serif; padding: 0 44px 5px;} #find-content p {color: #404040; font: 12px Georgia, "Times New Roman", Times, serif; line-height: 17px;} #find-content a {color: #9e3655;} #find-content a:hover {text-decoration: underline;} .find-form {margin: 0 27px 45px;} .jquery-selectbox {position: relative; z-index: 0;} .jquery-selectbox .jquery-selectbox-list {display: none; position: absolute; top: 100%; padding: 2px; left: 0; background: #fff; overflow-x: hidden; overflow-y: auto; z-index: 99999; border: 1px solid #d9d9d9;} .jquery-selectbox .jquery-selectbox-moreButton {float: right; background: #ddd url(images/select_drop_down.jpg) no-repeat center center; width: 25px; height: 25px; cursor: pointer;} .jquery-selectbox .jquery-selectbox-item.listelementhover {background: #595959; color: #eee;} .jquery-selectbox .jquery-selectbox-item {display: block; cursor: default; padding: 3px 0;} .land {display: block; width: 223px !important; z-index: 2; height: 25px; padding: 0 0 0 10px; background: #ddd; font: 12px Georgia, "Times New Roman", Times, serif;} .land .jquery-selectbox-currentItem {line-height: 25px;} .land-list {width: 227px !important; line-height: 22px;} .land-list span {padding: 0 5px !important;} .stadt {display: block; width: 223px !important; margin: 10px 0 0; height: 25px; padding: 0 0 0 10px; background: #ddd; font: 12px Georgia, "Times New Roman", Times, serif;} .stadt .jquery-selectbox-currentItem {line-height: 25px;} .stadt-list {width: 227px !important; line-height: 22px;} .stadt-list span {padding: 0 5px !important;} .address ul {width: 100%; overflow: hidden; margin: 0 0 50px; background:url(images/ul-bg.jpg);} .address ul li {float: left; width: 280px; padding-top: 20px; padding-right: 33px; padding-bottom: 20px; height: 70px;} /*------------------------------------ Career Page -------------------------------------------*/ #page-content {margin: 30px 0 0; padding: 0 44px;} #page-content h2 {color: #9e3655; text-transform: uppercase; font: bold 21px Georgia, "Times New Roman", Times, serif; padding: 0 0 40px;} #page-content h3 {color: #9e3655; text-transform: uppercase; font: bold 18px Georgia, "Times New Roman", Times, serif; padding: 0 0 15px;} #page-content p {color: #404040; font: 12px Georgia, "Times New Roman", Times, serif; line-height: 17px; padding: 0 0 50px;} #page-content a {color: #9e3655;} #page-content a:hover {text-decoration: underline;} #page-content .left-content {float: left; width: 450px;} #page-content .right-content {float: right; width: 280px; background: #ddd;} #page-content .right-content p {padding: 24px !important;} /*------------------------------------ News Blog -------------------------------------------*/ #blog {margin: 30px 0 0;} #blog h2 {color: #9e3655; text-transform: uppercase; font: bold 21px Georgia, "Times New Roman", Times, serif; padding: 0 44px 20px;} #blog h3 {color: #9e3655; text-transform: uppercase; font: bold 18px Georgia, "Times New Roman", Times, serif; width: 800px;} #blog p {color: #404040; font: 12px Georgia, "Times New Roman", Times, serif; width: 800px;} #blog ul li {padding: 20px 44px; position: relative;} #blog ul li h3 a {color: #9e3655; font: bold 18px Georgia, "Times New Roman", Times, serif; width: 800px;} #blog ul li a.read-more {position: absolute; right: 44px; top: 40%; color: #888; font: 11px Georgia, "Times New Roman", Times, serif; text-transform: uppercase;} #blog ul li a.read-more span {display: inline-block; background:url(images/more_icon.png) no-repeat left top; height: 9px; width: 5px; margin: 0 0 0 6px;} #blog ul li a.read-more:hover {color: #404040;} #blog ul li a.read-more:hover span {background:url(images/more_icon.png) no-repeat left bottom;} /*------------------------------------ Post Content -------------------------------------------*/ #post-content {margin: 30px 0 0; padding: 0 44px;} #post-content h2 {color: #9e3655; text-transform: uppercase; font: bold 21px Georgia, "Times New Roman", Times, serif; padding: 0 0 20px;} #post-content h3 {color: #9e3655; text-transform: uppercase; font: bold 18px Georgia, "Times New Roman", Times, serif; padding: 5px 0;} #post-content span.date {display: block; padding: 0 0 25px; color: #404040; font: 12px Georgia, "Times New Roman", Times, serif; line-height: 17px;} #post-content p {color: #404040; font: 12px Georgia, "Times New Roman", Times, serif; line-height: 17px; padding: 0 0 15px;} #post-content a {color: #9e3655;} #post-content a:hover {color: #404040;} #post-content .left-content {float: left; width: 435px;} #post-content .right-content {float: right; width: 435px;} #post-content a.back {color: #888; font: 11px Georgia, "Times New Roman", Times, serif; text-transform: uppercase;} #post-content a.back span {display: inline-block; background:url(images/back_icon.png) no-repeat left bottom; height: 9px; width: 5px; margin: 0 6px 0 0;} #post-content a.back:hover {color: #404040;} #post-content a.back:hover span {background:url(images/back_icon.png) no-repeat left top;} #post-content a.plus {color: #9e3655; float: right; display: inline-block; font: 11px Georgia, "Times New Roman", Times, serif; margin: 15px 0 0;} #post-content a.plus span {display: inline-block; background:url(images/more_pics_icon.png) no-repeat left top; height: 11px; width: 13px; margin: 2px 6px 0 0; float: left;} #post-content a.plus:hover {color: #404040;} #post-content a.plus:hover span {background:url(images/more_pics_icon.png) no-repeat left bottom;} /*------------------------------------ Other Page -------------------------------------------*/ #other-content {margin: 30px 0 0; padding: 0 44px;} #other-content h2 {color: #9e3655; text-transform: uppercase; font: bold 21px Georgia, "Times New Roman", Times, serif; padding: 0 0 40px;} #other-content h3 {color: #9e3655; text-transform: uppercase; font: bold 18px Georgia, "Times New Roman", Times, serif; padding: 0 0 5px;} #other-content p {color: #404040; font: 12px Georgia, "Times New Roman", Times, serif; line-height: 17px; padding: 0 0 40px;} #other-content a {color: #9e3655;} #other-content a:hover {text-decoration: underline;} .more-posts {width: 100%;} .more-posts a {text-decoration: none; color: #9e3655; text-transform: uppercase;} .more-posts a:hover{color: #404040;} .prev-posts {width: 50%; float: left; margin: 10px 0 0;} .next-posts {width: 50%; float: right; text-align: right; margin: 10px 0 0;}