@charset "utf-8"; /* Theme Name: vereg Theme URI: Description: vereg.de Version: 1.0 Author: de.WP-THEME.eu Author URI: http://de.wp-theme.eu Tags: fixed-layout, responsive-layout, valid HTML5, widgets License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html*/ #main { background: #FFFFFF; margin:0 auto; font-size: 14px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-align: left; line-height:normal; position: relative; width: 100%; min-height: 100%; left: 0; top: 0; cursor:default; overflow:hidden} table, ul.hmenu { font-size: 1em; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-align: left; line-height: 150%} h1, h2, h3, h4, h5, h6, a, ul, ol, li {margin: 0;padding: 0}b,strong {font-weight: 700;} /* Reset buttons border. It's important for input and button tags. * border-collapse should be separate for shadow in IE. */.button { border: 0; border-collapse: separate; -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important; background: #71888E; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-width: 0; padding:0 21px; margin:0 auto; height:24px} .postcontent, .postheadericons, .postfootericons, .blockcontent,ul.vmenu a {text-align: left} .postcontent, .postcontent li, .postcontent table, .postcontent a, .postcontent a:link, .postcontent a:visited, .postcontent a.visited, .postcontent a:hover, .postcontent a.hovered { font-size: 14px; font-family: 'Open Sans Condensed', sans-serif; text-align: left; line-height: 125%} .postcontent p, p {line-height:150%; margin: 1em 0} .postcontent h1, .postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:visited, .postcontent h1 a:hover, .postcontent h2, .postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:visited, .postcontent h2 a:hover, .postcontent h3, .postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:visited, .postcontent h3 a:hover, .postcontent h4, .postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:visited, .postcontent h4 a:hover, .postcontent h5, .postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:visited, .postcontent h5 a:hover, .postcontent h6, .postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:visited, .postcontent h6 a:hover, .blockheader .t, .blockheader .t a, .blockheader .t a:link, .blockheader .t a:visited, .blockheader .t a:hover, .vmenublockheader .t, .vmenublockheader .t a, .vmenublockheader .t a:link, .vmenublockheader .t a:visited, .vmenublockheader .t a:hover, .headline, .headline a, .headline a:link, .headline a:visited, .headline a:hover, .slogan, .slogan a, .slogan a:link, .slogan a:visited, .slogan a:hover, .postheader, .postheader a, .postheader a:link, .postheader a:visited, .postheader a:hover { font-size: 22px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-align: left; line-height: 150%}.postcontent .block52 p, .postcontent .block53 p{font-size: 1.25em; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100;font-style: normal; text-align: left; line-height: 150%; color: #394447;}.postcontent .block52 p strong, .postcontent .block53 p strong{color: rgb(85, 51, 23);font-weight: 700;}.postcontent .block52 a, .postcontent .block53 a { font-size: 1em;color: #394447;} .postcontent a, .postcontent a:link { font-family: 'Open Sans Condensed', sans-serif; text-decoration: underline; color: #293133} .postcontent a:visited, .postcontent a.visited { font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; color: #000000} .postcontent a:hover, .postcontent a.hover { font-family: 'Open Sans Condensed', sans-serif; text-decoration: underline; color: #C87837} .postcontent h1 { color: #553317; margin: 10px 0 0; font-size: 26px; font-family: 'Open Sans Condensed', sans-serif;} .blockcontent h1 { margin: 10px 0 0; font-size: 26px; font-family: 'Open Sans Condensed', sans-serif;} .postcontent h1 a, .postcontent h1 a:link, .postcontent h1 a:hover, .postcontent h1 a:visited, .blockcontent h1 a, .blockcontent h1 a:link, .blockcontent h1 a:hover, .blockcontent h1 a:visited { font-size: 26px; font-family: 'Open Sans Condensed', sans-serif;} .postcontent h2 { color: #553317; margin: 10px 0 0; font-size: 24px; font-family: 'Open Sans Condensed', sans-serif;} .blockcontent h2 { color:#503216; margin: 1em 0 0; font-size: 3em; font-family: 'Open Sans Condensed', sans-serif; letter-spacing:5px} .postcontent h2 a, .postcontent h2 a:link, .postcontent h2 a:hover, .postcontent h2 a:visited, .blockcontent h2 a, .blockcontent h2 a:link, .blockcontent h2 a:hover, .blockcontent h2 a:visited { font-size: 3em; font-family: 'Open Sans Condensed', sans-serif;} .postcontent h3 { color: rgb(85, 51, 23); font-size: 1.25em; font-family: 'Open Sans Condensed', sans-serif; margin:1em 0} .blockcontent h3 { color:#503216; margin: 1em 0; font-size: 1.5em; font-family: 'Open Sans Condensed', sans-serif; font-weight:100; letter-spacing:3px; line-height:100%} .postcontent h3 a, .postcontent h3 a:link, .postcontent h3 a:hover, .postcontent h3 a:visited, .blockcontent h3 a, .blockcontent h3 a:link, .blockcontent h3 a:hover, .blockcontent h3 a:visited { font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; color:#553317;} .postcontent h4 { color: #553317; margin: 10px 0 0; font-size: 18px; font-family: 'Open Sans Condensed', sans-serif;} .blockcontent h4 { margin: 10px 0 0; font-size: 18px; font-family: 'Open Sans Condensed', sans-serif;} .postcontent h4 a, .postcontent h4 a:link, .postcontent h4 a:hover, .postcontent h4 a:visited, .blockcontent h4 a, .blockcontent h4 a:link, .blockcontent h4 a:hover, .blockcontent h4 a:visited { font-size: 18px; font-family: 'Open Sans Condensed', sans-serif;} .postcontent h5 { color: #553317; margin: 10px 0; font-size: .95em; font-family: 'Open Sans Condensed', sans-serif;} .blockcontent h5 { margin: 10px 0 0; font-size: 15px; font-family: 'Open Sans Condensed', sans-serif;} .postcontent h5 a, .postcontent h5 a:link, .postcontent h5 a:hover, .postcontent h5 a:visited, .blockcontent h5 a, .blockcontent h5 a:link, .blockcontent h5 a:hover, .blockcontent h5 a:visited { font-size: 15px; font-family: 'Open Sans Condensed', sans-serif;} .postcontent h6 { color: #B0BCBF; margin: 10px 0 0; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif;} .blockcontent h6 { margin: 10px 0 0; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif;} .postcontent h6 a, .postcontent h6 a:link, .postcontent h6 a:hover, .postcontent h6 a:visited, .blockcontent h6 a, .blockcontent h6 a:link, .blockcontent h6 a:hover, .blockcontent h6 a:visited { font-size: 13px; font-family: 'Open Sans Condensed', sans-serif;} header, footer, article, nav, #hmenu-bg, .sheet, .hmenu a, .vmenu a, .slidenavigator > a, .checkbox:before, .radiobutton:before { -webkit-background-origin: border !important; -moz-background-origin: border !important; background-origin: border-box !important} header, footer, article, nav, #hmenu-bg, .sheet, .slidenavigator > a, .checkbox:before, .radiobutton:before { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} ul {list-style-type: none} ol {list-style-position: inside} html, body {height: 100%} /** * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. * https://github.com/necolas/normalize.css */html { -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%;/* 2 */} body { padding: 0; margin:0; min-width: 80%; color: #293133} .header:after, #header-bg:after, .layout-cell:after, .layout-wrapper:after, .footer:after, .nav:after, #hmenu-bg:after, .sheet:after, .cleared, .clearfix:after { clear: both; display: table; content: ''} form {padding: 0;margin: 0} table.position { position: relative; width: 100%; table-layout: fixed} li h1, .postcontent li h1, .blockcontent li h1 { margin:1px} li h2, .postcontent li h2, .blockcontent li h2 { margin:1px} li h3, .postcontent li h3, .blockcontent li h3 { margin:1px} li h4, .postcontent li h4, .blockcontent li h4 { margin:1px} li h5, .postcontent li h5, .blockcontent li h5 { margin:1px} li h6, .postcontent li h6, .blockcontent li h6 { margin:1px} li p, .postcontent li p, .blockcontent li p { margin:1px} .textblock ul > li { background-position-y: 8px !important} .logo-660348687 { position: absolute; top: 8px; left: 0%; margin-left: -39px !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); z-index: 102; width: 162px; height: 152px}.object227400126 h1, .object227400126 h2, .object227400126 h3, .object227400126 h4, .object227400126 h5, .object227400126 h6, .object227400126 p, .object227400126 a, .object227400126 ul, .object227400126 ol, .object227400126 li { line-height: 24px} .object227400126 { position: absolute; top: 184px; left: 100%; margin-left: -178px !important; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background-image: url('images/object227400126.png'); background-position: 0px 0px; background-repeat: no-repeat; z-index: 101; width: 200px; height: 24px} .default-responsive .object227400126 {background-image: none} /*HEADER*/.phone { float:right; margin:-60px 0 0; } .shapes { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: 0} .header { background-image:url('images/header_big.png'); background-position:bottom; background-repeat:no-repeat; background-size:100%; margin:10px auto 0; height: 118px; padding:0; position:relative; width:100%} .custom-responsive .header { background-image:url('images/header_big.png'); background-position:bottom; background-repeat:no-repeat} .default-responsive .header, .default-responsive #header-bg {} .header-inner{ position: relative; width: 80%; z-index: auto !important; margin: 0 auto } .header-inner .widget-content img {max-width:200px; margin:0 0 0 -3px;} .header>.widget {position:absolute; z-index:101} @media all and (min-width:240px) and (max-width:440px) {.phone {margin:-30% 2% 2% 2%; margin:0 auto; float:none; position:relative} } @media all and (min-width:441px) and (max-width:768px) {.phone {margin:-22% 2% 2% 2%; margin:0 auto; float:none; position:relative} .header {margin-top:30px;} } /*Custom Logo Anpassungen*/@media all and (min-width:240px) and (max-width:768px) {.header-inner .widget-content img { margin:-5% auto 0; max-width:40%; max-height:40%; position:relative} .nav {margin-left:-14.23% !important} } @media all and (min-width:1200px) and (max-width:1280px) {.custom-responsive .header {max-height:142px} .default-responsive .header * {text-align:left !important} .header-inner {width:80%; text-align:left} .header-inner .widget-content img {margin:17px 0 0 0;max-width:120px !important;max-height:120px} .hmenu-extra2 {margin-top:-48px !important} .nav {bottom:13%} } @media all and (min-width:1281px) and (max-width:1366px) {.custom-responsive .header {max-height:150px} .default-responsive .header * {text-align:left !important} .header-inner {width:80%; text-align:left} .header-inner .widget-content img {margin:10px 0 0 0;max-width:136px;max-height:134px} .hmenu-extra2 {margin-top:-45px !important} .nav {bottom:14% !important} } @media all and (min-width:1370px) and (max-width:1440px) {.custom-responsive .header {max-height:162px} .default-responsive .header * {text-align:left !important} .header-inner {width:80%; text-align:left} .header-inner .widget-content img {margin:10px 0 0 0;max-width:144px;max-height:144px} .hmenu-extra2 {margin-top:-45px !important} .nav {bottom:14% !important} } @media all and (min-width:1441px) and (max-width:1600px) {.custom-responsive .header {max-height:182px} .default-responsive .header * {text-align:left !important} .header-inner {width:80%; text-align:left} .header-inner .widget-content img {margin:0;max-width:162px;max-height:162px} .hmenu-extra2 {margin-top:-35px !important} .nav {bottom:14% !important} } @media all and (min-width:1601px) and (max-width:1680px) {.custom-responsive .header {max-height:190px} .default-responsive .header * {text-align:left !important} .header-inner {width:80%; text-align:left} .header-inner .widget-content img {margin:-7px 0 0 0;max-width:170px;max-height:170px} .hmenu-extra2 {margin-top:-30px !important} .nav {bottom:14% !important} } /*Ende Custom Logo Anpassungen Desktop Geräte*//*NAVIGATION*/.hmenu-extra2 { position: relative; display: block; float: right; width: auto; height: auto; background-position: center; margin-top:-32px; text-align:right; z-index:99999 !important} .nav { position: absolute; margin: 0; bottom:12%; width: 100%; z-index: 9999 !important; text-align: left; padding:0 0 0 14.32% !important}@media all and (min-width:769px) and (max-width:1199px){ .nav {padding:0 !important}}ul.hmenu a, ul.hmenu a:link, ul.hmenu a:visited, ul.hmenu a:hover { outline: none; position: relative; z-index: 11} ul.hmenu, ul.hmenu ul { display: block; margin: 0; padding: 0; border: 0; list-style-type: none} ul.hmenu li { position: relative; z-index: 5; display: block; float: left; background: none; margin: 0; padding: 0; border: 0} ul.hmenu li:hover {z-index: 10000;white-space: normal} ul.hmenu:after, ul.hmenu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both} ul.hmenu, ul.hmenu ul {min-height: 0} ul.hmenu {display: inline-block;vertical-align: bottom} .nav:before { content:' '} nav.nav {border-top-left-radius: 0;border-top-right-radius: 0} .desktop .nav{ padding:0; width: 80%} .hmenu-extra1 { position: relative; display: block; float: left; width: auto; height: auto; background-position: center} .menuitemcontainer {margin:0 auto} ul.hmenu>li {margin-left:2.142em} @media all and (min-width:1240px) and (max-width:1599px) {ul.hmenu>li {margin:.15em 0 0 .342em} ul.hmenu { font-size: .875em} } ul.hmenu>li:first-child {margin-left:0} ul.hmenu>li:last-child, ul.hmenu>li.last-child {margin-right: 0} ul.hmenu>li>a { background: #F8F8F8; border:1px solid transparent; padding:0 .714em; margin:0 auto; position: relative; display: block; height: 23px; cursor: pointer; text-decoration: none; color: #000000; line-height: 23px; text-align: center} .hmenu>li>a, .hmenu>li>a:link, .hmenu>li>a:visited, .hmenu>li>a.active, .hmenu>li>a:hover { font-size: .857142em; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; text-transform: uppercase; text-align: left} ul.hmenu>li>a.active { background: #F8F8F8; border:1px solid rgba(198, 199, 200, 0.9); padding:0 .714em; margin:0 auto; color: #553317; text-decoration: none} ul.hmenu>li>a:visited, ul.hmenu>li>a:hover, ul.hmenu>li:hover>a {text-decoration: none} ul.hmenu>li>a:hover, .desktop ul.hmenu>li:hover>a { background: #F8F8F8; border:1px solid rgba(172, 103, 47, 0.1); padding:0 .714em; margin:0 auto} ul.hmenu>li>a:hover, .desktop ul.hmenu>li:hover>a { color: #000000; text-decoration: none} ul.hmenu li li a { background: #889BA0; background: transparent; padding:0 .714em; margin:0 auto} ul.hmenu li li { float: none; width: auto; margin-top: 6px; margin-bottom: 6px} .desktop ul.hmenu li li ul>li:first-child { margin-top: 0} ul.hmenu li li ul>li:last-child { margin-bottom: 0} .hmenu ul a { display: block; white-space: nowrap; height: 19px; min-width: 7em; border: 0 solid transparent; text-align: left; line-height: 19px; color: #000000; font-size: .857142em; font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; text-transform: uppercase; margin:0} .hmenu ul a:link, .hmenu ul a:visited, .hmenu ul a.active, .hmenu ul a:hover { text-align: left; line-height: 19px; color: #000000; font-size: .857142em; font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; text-transform: uppercase; margin:0} ul.hmenu li li:after { display: block; position: absolute; content: ' '; height: 0; top: -4px; left: 0; right: 0; z-index: 1; border-bottom: 3px solid #CFD7D8} .desktop ul.hmenu li li:first-child:before, .desktop ul.hmenu li li:first-child:after { display: none} ul.hmenu ul li a:hover, .desktop ul.hmenu ul li:hover>a { background: #FFFFFF; background: rgba(255, 255, 255, 0.7); margin:0 auto} .hmenu ul a:hover { text-decoration: none; color: #553317} .desktop .hmenu ul li:hover>a { color: #553317} ul.hmenu ul:before { background: #F8F8F8; background: rgba(248, 248, 248, 0.8); margin:0 auto; display: block; position: absolute; content: ' '; z-index: 1} .desktop ul.hmenu li:hover>ul { visibility: visible; top: 100%} .desktop ul.hmenu li li:hover>ul { top: 0; left: 100%} ul.hmenu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background-image: url('images/spacer.gif')} .desktop ul.hmenu>li>ul { padding: 11px 30px 30px 30px; margin: -10px 0 0 -30px} .desktop ul.hmenu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -4px} .desktop ul.hmenu ul.hmenu-left-to-right { right: auto; left: 0; margin: -10px 0 0 -30px} .desktop ul.hmenu ul.hmenu-right-to-left { left: auto; right: 0; margin: -10px -30px 0 0} .desktop ul.hmenu li li:hover>ul.hmenu-left-to-right { right: auto; left: 100%} .desktop ul.hmenu li li:hover>ul.hmenu-right-to-left { left: auto; right: 100%} .desktop ul.hmenu ul ul.hmenu-left-to-right { right: auto; left: 0; padding: 30px 30px 30px 10px; margin: -30px 0 0 -4px} .desktop ul.hmenu ul ul.hmenu-right-to-left { left: auto; right: 0; padding: 30px 10px 30px 30px; margin: -30px -4px 0 0} .desktop ul.hmenu li ul>li:first-child { margin-top: 0} .desktop ul.hmenu li ul>li:last-child { margin-bottom: 0} .desktop ul.hmenu ul ul:before { border-radius: 0; top: 30px; bottom: 30px; right: 30px; left: 10px} .desktop ul.hmenu>li>ul:before { top: 11px; right: 30px; bottom: 30px; left: 30px} .desktop ul.hmenu>li>ul.hmenu-left-to-right:before { right: 30px; left: 30px} .desktop ul.hmenu>li>ul.hmenu-right-to-left:before { right: 30px; left: 30px} .desktop ul.hmenu ul ul.hmenu-left-to-right:before { right: 30px; left: 10px} .desktop ul.hmenu ul ul.hmenu-right-to-left:before { right: 10px; left: 30px} .sheet { margin:0 auto; position:relative; cursor:auto; width: 80%; z-index: auto !important} .layout-wrapper { position: relative; margin: 0 auto 0 auto; z-index: auto !important} .content-layout { display: table; width: 100%; table-layout: fixed} .content-layout-row { display: table-row} .layout-cell { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: top} /* need only for content layout in post content */ .postcontent .content-layout { border-collapse: collapse} .vmenublock { border:1px solid transparent; margin:3px} div.vmenublock img { margin: 0} .vmenublockcontent { margin:0 auto} ul.vmenu, ul.vmenu ul { list-style: none; display: block} ul.vmenu, ul.vmenu li { display: block; margin: 0; padding: 0; width: auto; line-height: 0} ul.vmenu { margin-top: 0; margin-bottom: 0} ul.vmenu ul { display: none; margin: 0; padding: 0; position: relative} ul.vmenu ul.active { display: block} ul.vmenu>li>a { padding:0 15px; margin:0 auto; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; color: #000000; min-height: 36px; line-height: 36px} ul.vmenu a { display: block; cursor: pointer; z-index: 1; position:relative} ul.vmenu li{ position:relative} ul.vmenu>li { margin-top: 1px} ul.vmenu>li>ul { padding: 0; margin-top: 0; margin-bottom: 0} ul.vmenu>li:first-child { margin-top:0} ul.vmenu>li>a:before { content:url('images/vmenuitemicon.png'); margin-right:10px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0} .opera ul.vmenu>li>a:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0} ul.vmenu>li>a.active:before { content:url('images/vmenuactiveitemicon.png'); margin-right:10px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0} .opera ul.vmenu>li>a.active:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0} ul.vmenu>li>a:hover:before, ul.vmenu>li>a.active:hover:before, ul.vmenu>li:hover>a:before, ul.vmenu>li:hover>a.active:before { content:url('images/vmenuhovereditemicon.png'); margin-right:10px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0} .opera ul.vmenu>li>a:hover:before, .opera ul.vmenu>li>a.active:hover:before, .opera ul.vmenu>li:hover>a:before, .opera ul.vmenu>li:hover>a.active:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0} ul.vmenu>li>a:hover, ul.vmenu>li>a.active:hover { padding:0 15px; margin:0 auto} ul.vmenu>li>a:hover, ul.vmenu>li>a.active:hover { text-decoration: none} ul.vmenu a:hover, ul.vmenu a.active:hover { color: #C87837} ul.vmenu>li>a.active:hover>span.border-top, ul.vmenu>li>a.active:hover>span.border-bottom { background-color: transparent} ul.vmenu>li>a.active { padding:0 15px; margin:0 auto; text-decoration: none; color: #553317} ul.vmenu>li:after, ul.vmenu>li>ul:after{ display: block; position: absolute; content: ' '; left: 0; right: 0; top: -1px} ul.vmenu>li:after, ul.vmenu>li>ul:after{ z-index: 1; height: 0; border-bottom: 1px solid #F6F6F6} ul.vmenu>li:first-child:before, ul.vmenu>li:first-child:after { display:none} ul.vmenu>li>ul:before { background: #E0E5E6; background: transparent; border:1px solid transparent; margin:0 auto; display: block; position: absolute; content: ' '; top: 0; right: 0; bottom: 0; left: 0} ul.vmenu li li a { margin:0 auto; position: relative} ul.vmenu ul li { margin: 0; padding: 0} ul.vmenu li li{ position: relative; margin-top: 1px} ul.vmenu ul a { display: block; position: relative; min-height: 30px; overflow: visible; padding: 0; padding-left: 27px; padding-right: 27px; z-index: 0; line-height: 30px; color: #000000; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; margin-left: 0; margin-right: 0} ul.vmenu ul a:visited, ul.vmenu ul a.active:hover, ul.vmenu ul a:hover, ul.vmenu ul a.active { line-height: 30px; color: #000000; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; margin-left: 0; margin-right: 0} ul.vmenu ul ul a { padding-left: 54px} ul.vmenu ul ul ul a { padding-left: 81px} ul.vmenu ul ul ul ul a { padding-left: 108px} ul.vmenu ul ul ul ul ul a { padding-left: 135px} ul.vmenu ul>li>a:hover, ul.vmenu ul>li>a.active:hover { background: #F1F3F4; background: rgba(241, 243, 244, 0.4); margin:0 auto} ul.vmenu ul li a:hover, ul.vmenu ul li a.active:hover { text-decoration: none; color: #C47636} ul.vmenu ul a:hover:after { background-position: center } ul.vmenu ul a.active:hover:after { background-position: center } ul.vmenu ul a.active:after { background-position: bottom } ul.vmenu ul>li>a.active { background: #889BA0; background: rgba(136, 155, 160, 0.4); margin:0 auto} ul.vmenu ul a.active, ul.vmenu ul a:hover, ul.vmenu ul a.active:hover { text-decoration: none; color: #844F24} ul.vmenu li li:after { display: block; position: absolute; content: ' '; height: 0; top: -1px; left: 0; right: 0; z-index: 1; border-bottom: 1px solid #F6F6F6} ul.vmenu li li:before { display: block; position: absolute; content: ' '; left: 0; right: 0; top: -1px; z-index: 0; height: 1px} ul.vmenu>li>ul>li:first-child:before, ul.vmenu>li>ul>li:first-child:after { display: none} @media all and (min-width:1024px) {.block { margin:10% 0 15%} } .block { margin:5% 0} div.block img { border: none; margin: 0} .blockheader { padding:6px 5px; margin:0 auto 2px} .blockheader .t, .blockheader .t a, .blockheader .t a:link, .blockheader .t a:visited, .blockheader .t a:hover { color: #553317; font-size: 20px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; margin: 0 5px} .blockcontent { padding:5px 0; margin:0 auto; color: #394447; font-size: 1em; font-family: 'Open Sans Condensed', sans-serif; line-height: 175%} .blockcontent table, .blockcontent li, .blockcontent a, .blockcontent a:link, .blockcontent a:visited, .blockcontent a:hover { color: #394447; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; line-height: 175%} .blockcontent p {margin: 1em 0} .blockcontent a, .blockcontent a:link {color: #553317;font-family: 'Open Sans Condensed', sans-serif;} .blockcontent a:visited, .blockcontent a.visited { color: #553317; font-family: 'Open Sans Condensed', sans-serif; text-decoration: none} .blockcontent a:hover, .blockcontent a.hover { color: #C87837; font-family: 'Open Sans Condensed', sans-serif; text-decoration: none} /*Overlayer in Block Widget & in Post*/.overlayer {display:block; margin:0 0 5%; width:100%; } .overlayer img { display:block; height:auto; width:100%; margin:0 0 -34px 0 !important; padding:0; position:relative; z-index:100;} .overlayer h1,.overlayer h2,.overlayer h3,.overlayer h4,.overlayer h5,.overlayer h6,.overlayer p,.overlayer a,.overlayer a:link,.overlayer a.link,.overlayer a:visited { background:rgba(255, 255, 255, 0.7); color:#553317; display:block; font-size:1.5em; font-weight:900; letter-spacing:1px; margin:5px; position:relative; text-decoration:none; z-index:999;} .blockcontent .overlayer {display:block; margin:10% 0 ;position:relative; width:100%} .blockcontent .overlayer img { display:block; height:auto; width:100%; margin:0 0 -34px 0 !important; padding:0; position:relative; z-index:100} .blockcontent .overlayer a:link,.blockcontent .overlayer a.link,.blockcontent .overlayer a:visited { background:rgba(255, 255, 255, 0.7); color:#553317; display:block; font-size:.85em; font-weight:400; letter-spacing:1px; position:relative; text-decoration:none; z-index:999;} .blockcontent .overlayer p {margin:0} /*Ende Overlayer in Block Widget & in Post*/.block ul>li:before { content:url('images/blockbullets.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; margin-left: -21px} .opera .block ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0} .block li { font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; line-height: 175%; color: #5D6F74; margin: 5px 0 0 10px} .block ul>li, .block ol { padding: 0} .block ul>li { padding-left: 21px} /*Yoast SEO Breadcrumbs*/#breadcrumbs,#breadcrumbs a { color:#333; font-size: .90em; font-weight:700; margin:0 0 -26px 1%; text-decoration: none} @media all and (min-width:240px) and (max-width:1024px) {#breadcrumbs {display:none}} /*Ende Yoast SEO Breadcrumbs*/a.button,a.button:link,a:link.button:link,body a.button:link,a.button:visited,body a.button:visited,input.button,button.button { text-decoration: none; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; position:relative; display: inline-block; vertical-align: middle; white-space: nowrap; text-align: center; color: #FFFFFF; margin: 0 5px 0 0 !important; overflow: visible; cursor: pointer; text-indent: 0; line-height: 24px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box} .button img { margin: 0; vertical-align: middle} .firefox2 .button { display: block; float: left} input, select, textarea, a.search-button span { vertical-align: middle; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal} .block select { width:96%} input.button { float: none !important; -webkit-appearance: none} .button.active, .button.active:hover { background: #71888E; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-width: 0; padding:0 21px; margin:0 auto} .button.active, .button.active:hover { color: #FFFFFF !important} .button.hover, .button:hover { background: #5D6F74; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-width: 0; padding:0 21px; margin:0 auto} .button.hover, .button:hover { color: #FFFFFF !important} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea { background: #F9FAFA; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #889BA0; margin:0 auto} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="number"], input[type="range"], input[type="tel"], input[type="time"], input[type="week"], textarea { width: 100%; padding: 4px 0; color: #49575B !important; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-shadow: none} input.error, textarea.error { background: #F9FAFA; border:1px solid #E2341D; margin:0 auto} input.error, textarea.error { color: #49575B !important; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal} form.search input[type="text"] { background: #FFFFFF; border-radius: 0; -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2); border-width: 0; margin:0 auto; width: auto; max-width:240px; padding: 4px 0 4px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #394447 !important; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal} form.search { background-image: none; border: 0; display:block; position:relative; top:0; padding:0; margin:5px auto; left:0; line-height: 0; width:120px;} form.search input, a.search-button { -webkit-appearance: none; top:0; right:0} form.search>input, a.search-button{ bottom:0; left:0; vertical-align: middle} form.search input[type="submit"], input.search-button, a.search-button { border-radius: 0; margin:0 auto} form.search input[type="submit"], input.search-button, a.search-button { position:absolute; left:auto; display:block; border:none; background:url('images/searchicon.png') center center no-repeat; width:24px; height: 100%; padding:0; color: #FFFFFF !important; cursor: pointer} a.search-button span.search-button-text { display: none} label.checkbox:before { background: #F9FAFA; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; border-width: 0; margin:0 auto; width:16px; height:16px} label.checkbox { cursor: pointer; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; line-height: 16px; display: inline-block; color: #394447 !important} .checkbox>input[type="checkbox"] { margin: 0 5px 0 0} label.checkbox.active:before { background: #D49663; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; border-width: 0; margin:0 auto; width:16px; height:16px; display: inline-block} label.checkbox.hovered:before { background: #AAB8BB; -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px; border-width: 0; margin:0 auto; width:16px; height:16px; display: inline-block} label.radiobutton:before { background: #F9FAFA; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-width: 0; margin:0 auto; width:12px; height:12px} label.radiobutton { cursor: pointer; font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; line-height: 12px; display: inline-block; color: #394447 !important} .radiobutton>input[type="radio"] { vertical-align: baseline; margin: 0 5px 0 0} label.radiobutton.active:before { background: #889BA0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-width: 0; margin:0 auto; width:12px; height:12px; display: inline-block} label.radiobutton.hovered:before { background: #AAB8BB; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border-width: 0; margin:0 auto; width:12px; height:12px; display: inline-block} .comments { border-top:1px dotted #71888E; margin:0 auto; margin-top: 25px} .comments h2 { color: #242B2D} .comment-inner { -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:5px; margin:0 auto; margin-left: 96px} .comment-avatar { float:left; width:80px; height:80px; padding:2px; background:#fff; border:1px solid #E6EAEB} .comment-avatar>img { margin:0 !important; border:none !important} .comment-content { padding:10px 0; color: #394447; font-family: 'Open Sans Condensed', sans-serif;} .comment { margin-top: 6px} #comment-list>li:first-child>.comment { margin-top: 0} .comment-header { color: #242B2D; font-family: 'Open Sans Condensed', sans-serif; line-height: 100%} .comment-header a, .comment-header a:link, .comment-header a:visited, .comment-header a.visited, .comment-header a:hover, .comment-header a.hovered { font-family: 'Open Sans Condensed', sans-serif; line-height: 100%} .comment-header a, .comment-header a:link { font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-style: normal; color: #7A8F94} .comment-header a:visited, .comment-header a.visited { font-family: 'Open Sans Condensed', sans-serif; color: #7A8F94} .comment-header a:hover, .comment-header a.hovered { font-family: 'Open Sans Condensed', sans-serif; color: #7A8F94} .comment-content a, .comment-content a:link, .comment-content a:visited, .comment-content a.visited, .comment-content a:hover, .comment-content a.hovered { font-family: 'Open Sans Condensed', sans-serif;} .comment-content a, .comment-content a:link { font-family: 'Open Sans Condensed', sans-serif; color: #A4632D} .comment-content a:visited, .comment-content a.visited { font-family: 'Open Sans Condensed', sans-serif; color: #4B5A5D} .comment-content a:hover, .comment-content a.hovered { font-family: 'Open Sans Condensed', sans-serif; color: #A4632D} .pager { -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:6px; margin:2px} .pager>*:last-child { margin-right:0 !important} .pager>span { cursor:default} .pager>* { background: #AAB8BB; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:10px; margin:0 4px 0 auto; line-height: normal; position:relative; display:inline-block; margin-left: 0} .pager a:link, .pager a:visited, .pager .active { line-height: normal; font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; color: #121617} .pager .active { background: #B8C3C6; padding:10px; margin:0 4px 0 auto; color: #FFFFFF} .pager .more { background: #AAB8BB; margin:0 4px 0 auto} .pager a.more:link, .pager a.more:visited { color: #201309} .pager a:hover { background: #889BA0; padding:10px; margin:0 4px 0 auto} .pager a:hover, .pager a.more:hover { text-decoration: none; color: #171B1C} .pager>*:after { margin:0 0 0 auto; display:inline-block; position:absolute; content: ' '; top:0; width:0; height:100%; right: 0; text-decoration:none} .pager>*:last-child:after{ display:none} .commentsform { background: #E6EAEB; background: transparent; padding:10px; margin:0 auto; margin-top:25px; color: #242B2D} .commentsform h2{ padding-bottom:10px; margin: 0; color: #242B2D} .commentsform label { display: inline-block; line-height: 25px} .commentsform input:not([type=submit]), .commentsform textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width:100%; max-width:100%} .commentsform .form-submit {margin-top: 10px} .post {padding:5% 0} a img { border: 0} .article img, img.article, .block img, .footer-text img { margin: 10px 0} .metadata-icons img { border: none; vertical-align: middle; margin: 2px} .article table, table.article { border-collapse: collapse; margin: 1px} .post .content-layout-br { height: 0} .article th, .article td { padding: 2px; border: solid 1px #889BA0; vertical-align: top; text-align: left} .article th { text-align: center; vertical-align: middle; padding: 7px} pre { overflow: auto; padding: 0.1em} .preview-cms-logo { border: 0; margin: 1em 1em 0 0; float: left} .image-caption-wrapper { padding: 7px 7px 7px 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .image-caption-wrapper img { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .image-caption-wrapper div.collage { margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box} .image-caption-wrapper p { font-size: 80%; text-align: right; margin: 0} .postheader { color: #543217; margin:1em 0; font-size: 24px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal} .postheader a, .postheader a:link, .postheader a:visited, .postheader a.visited, .postheader a:hover, .postheader a.hovered { font-size: 24px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal} .postheader a, .postheader a:link { font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; text-align: left; color: #D59967} .postheader a:visited, .postheader a.visited { font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; text-align: left; color: #809499} .postheader a:hover, .postheader a.hovered { font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; text-align: left; color: #D49663} .postheadericons, .postheadericons a, .postheadericons a:link, .postheadericons a:visited, .postheadericons a:hover { font-family: 'Open Sans Condensed', sans-serif; color: #553317} .postheadericons { padding: 1px; margin: 0 0 0 10px} .postheadericons a, .postheadericons a:link { font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; color: #D18E57} .postheadericons a:visited, .postheadericons a.visited { font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: none; color: #687D82} .postheadericons a:hover, .postheadericons a.hover { font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: normal; text-decoration: underline; color: #B86F32} .postdateicon:before { content:url('images/postdateicon.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0} .opera .postdateicon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0} .postauthoricon:before { content:url('images/postauthoricon.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0} .opera .postauthoricon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0} .postediticon:before { content:url('images/postediticon.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0} .opera .postediticon:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0} .postcontent ul>li:before, .post ul>li:before, .textblock ul>li:before { content:url('images/postbullets.png'); margin-right:15px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0} .opera .postcontent ul>li:before, .opera .post ul>li:before, .opera .textblock ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0} .postcontent li, .post li, .textblock li { font-family: 'Open Sans Condensed', sans-serif; color: #394447; margin: 3px 0 0 11px} .postcontent ul>li, .post ul>li, .textblock ul>li, .postcontent ol, .post ol, .textblock ol { padding: 0} .postcontent ul>li, .post ul>li, .textblock ul>li { padding-left: 30px} .postcontent ul>li:before, .post ul>li:before, .textblock ul>li:before { margin-left: -30px} .postcontent ol, .post ol, .textblock ol, .postcontent ul, .post ul, .textblock ul { margin: 1em 0 1em 11px} .postcontent li ol, .post li ol, .textblock li ol, .postcontent li ul, .post li ul, .textblock li ul { margin: 0.5em 0 0.5em 11px} .postcontent li, .post li, .textblock li { margin: 3px 0 0 0} .postcontent ol>li, .post ol>li, .textblock ol>li { /* overrides overflow for "ul li" and sets the default value */ overflow: visible} .postcontent ul>li, .post ul>li, .textblock ul>li { /* makes "ul li" not to align behind the image if they are in the same line */ overflow-x: visible; overflow-y: hidden} blockquote { background: #F1F3F4 url('images/postquote.png') no-repeat scroll; padding:10px 10px 10px 47px; margin:10px 0 0 25px; color: #101314; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: italic; text-align: left; /* makes block not to align behind the image if they are in the same line */ overflow: auto; clear:both} blockquote a, .postcontent blockquote a, .blockcontent blockquote a, .footer-text blockquote a,blockquote a:link, .postcontent blockquote a:link, .blockcontent blockquote a:link, .footer-text blockquote a:link,blockquote a:visited, .postcontent blockquote a:visited, .blockcontent blockquote a:visited, .footer-text blockquote a:visited,blockquote a:hover, .postcontent blockquote a:hover, .blockcontent blockquote a:hover, .footer-text blockquote a:hover { color: #101314; font-family: 'Open Sans Condensed', sans-serif; font-weight: 100; font-style: italic; text-align: left} /* Override native 'p' margins*/blockquote p, .postcontent blockquote p, .blockcontent blockquote p, .footer-text blockquote p { margin: 0; margin: 5px 0} .Sorter img { border:0; vertical-align:middle; padding:0; margin:0; position:static; z-index:1; width: 12px; height: 6px} .Sorter a { position:relative; font-family: 'Open Sans Condensed', sans-serif; color: #687D82} .Sorter a:link { font-family: 'Open Sans Condensed', sans-serif; color: #687D82} .Sorter a:visited, .Sorter a.visited { font-family: 'Open Sans Condensed', sans-serif; color: #687D82} .Sorter a:hover, .Sorter a.hover { font-family: 'Open Sans Condensed', sans-serif; color: #4F5F63} .Sorter { font-family: 'Open Sans Condensed', sans-serif; color:#394447} .footer { background: #C6C7C8; margin:50px auto 0; position: relative; color: #000000; font-size: 14px; font-family: 'Open Sans Condensed', sans-serif; line-height: 100%; text-align: left; padding: 0} .footer-text a, .footer-text a:link, .footer-text a:visited, .footer-text a:hover, .footer-text td, .footer-text th, .footer-text caption { color: #000000; font-size: 14px; font-family: 'Open Sans Condensed', sans-serif; line-height: 175%} .footer-text p { padding:0; text-align: left} .footer-text a, .footer-text a:link { color: #000000; font-family: 'Open Sans Condensed', sans-serif; text-decoration: none} .footer-text a:visited { color: #000000; font-family: 'Open Sans Condensed', sans-serif; text-decoration: none} .footer-text a:hover { color: #9C5E2B; font-family: 'Open Sans Condensed', sans-serif; text-decoration: underline} .footer-text h1 { color: #5D6F74; font-family: 'Open Sans Condensed', sans-serif;} .footer-text h2 { color: #71888E; font-family: 'Open Sans Condensed', sans-serif;} .footer-text h3 { color: #CA7E3F; font-family: 'Open Sans Condensed', sans-serif;} .footer-text h4 { color: #889BA0; font-family: 'Open Sans Condensed', sans-serif;} .footer-text h5 { color: #889BA0; font-family: 'Open Sans Condensed', sans-serif;} .footer-text h6 { color: #889BA0; font-family: 'Open Sans Condensed', sans-serif;} .footer-text img { border: none; margin: 0} .footer-inner { margin: 0 auto; width:80%; padding:0;} .rss-tag-icon { background: url('images/footerrssicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle} .rss-tag-icon:empty { vertical-align: middle} .facebook-tag-icon { background: url('images/footerfacebookicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle} .facebook-tag-icon:empty { vertical-align: middle} .twitter-tag-icon { background: url('images/footertwittericon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle} .twitter-tag-icon:empty { vertical-align: middle} .tumblr-tag-icon { background: url('images/tumblricon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle} .tumblr-tag-icon:empty { vertical-align: middle} .pinterest-tag-icon { background: url('images/pinteresticon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle} .pinterest-tag-icon:empty { vertical-align: middle} .vimeo-tag-icon { background: url('images/vimeoicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle} .vimeo-tag-icon:empty { vertical-align: middle} .youtube-tag-icon { background: url('images/youtubeicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle} .youtube-tag-icon:empty { vertical-align: middle} .linkedin-tag-icon { background: url('images/linkedinicon.png') no-repeat scroll; margin:0 auto; min-height:32px; min-width:32px; display: inline-block; text-indent: 35px; background-position: left center; vertical-align: middle} .linkedin-tag-icon:empty { vertical-align: middle} .footer-text ul>li:before { content:url('images/footerbullets.png'); margin-right:6px; bottom: 2px; position:relative; display:inline-block; vertical-align:middle; font-size:0; line-height:0; margin-left: -13px} .opera .footer-text ul>li:before { /* Vertical-align:middle in Opera doesn't need additional offset */ bottom: 0} .footer-text li { font-size: 13px; font-family: 'Open Sans Condensed', sans-serif; color: #543217} .footer-text ul>li, .footer-text ol { padding: 0} .footer-text ul>li { padding-left: 13px} .page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .page-footer a:hover { font-family: Arial; font-size: 10px; letter-spacing: normal; word-spacing: normal; font-style: normal; font-weight: 100; text-decoration: underline; color: #4D5C60} .page-footer { position: relative; z-index: auto !important; padding: 1em; text-align: center !important; text-decoration: none; color: #3B474A} .lightbox-wrapper { background: #333; background: rgba(0, 0, 0, .8); bottom: 0; left: 0; padding: 0 100px; position: fixed; right: 0; text-align: center; top: 0; z-index: 1000000} .lightbox, .lightbox-wrapper .lightbox-image { cursor: pointer} .lightbox-wrapper .lightbox-image { border: 6px solid #fff; border-radius: 3px; display: none; max-width: 100%; vertical-align: middle} .lightbox-wrapper .lightbox-image.active { display: inline-block} .lightbox-wrapper .lightbox-error { background: #fff; border: 1px solid #b4b4b4; border-radius: 10px; box-shadow: 0 2px 5px #333; height: 80px; opacity: .95; padding: 20px; position: fixed; width: 300px; z-index: 100} .lightbox-wrapper .loading { background: #fff url('images/preloader-01.gif') center center no-repeat; border: 1px solid #b4b4b4; border-radius: 10px; box-shadow: 0 2px 5px #333; height: 32px; opacity: .5; padding: 10px; position: fixed; width: 32px; z-index: 10100} .lightbox-wrapper .arrow { cursor: pointer; height: 100px; opacity: .5; filter: alpha(opacity=50); position: fixed; width: 82px; z-index: 10003} .lightbox-wrapper .arrow.left { left: 9px} .lightbox-wrapper .arrow.right { right: 9px} .lightbox-wrapper .arrow:hover { opacity: 1; filter: alpha(opacity=100)} .lightbox-wrapper .arrow.disabled { display: none} .lightbox-wrapper .arrow-t, .lightbox-wrapper .arrow-b { background-color: #fff; border-radius: 3px; height: 6px; left: 26px; position: relative; width: 30px} .lightbox-wrapper .arrow-t { top: 38px} .lightbox-wrapper .arrow-b { top: 50px} .lightbox-wrapper .close { cursor: pointer; height: 22px; opacity: .5; filter: alpha(opacity=50); position: fixed; right: 39px; top: 30px; width: 22px; z-index: 10003} .lightbox-wrapper .close:hover { opacity: 1; filter: alpha(opacity=100)} .lightbox-wrapper .close .cw, .lightbox-wrapper .close .ccw { background-color: #fff; border-radius: 3px; height: 6px; position: absolute; left: -4px; top: 8px; width: 30px} .lightbox-wrapper .cw { transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Safari and Chrome */ -o-transform: rotate(45deg); /* Opera */ -moz-transform: rotate(45deg);/* Firefox */} .lightbox-wrapper .ccw { transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -webkit-transform: rotate(-45deg); /* Safari and Chrome */ -o-transform: rotate(-45deg); /* Opera */ -moz-transform: rotate(-45deg);/* Firefox */} .lightbox-wrapper .close-alt, .lightbox-wrapper .arrow-right-alt, .lightbox-wrapper .arrow-left-alt { color: #fff; display: none; font-size: 2.5em; line-height: 100%} .ie8 .lightbox-wrapper .close-alt, .ie8 .lightbox-wrapper .arrow-right-alt, .ie8 .lightbox-wrapper .arrow-left-alt { display: block} .ie8 .lightbox-wrapper .cw, .ie8 .lightbox-wrapper .ccw { display: none} .content-layout .sidebar1 { margin:0 auto; width: 25%} @media all and (min-width:240px) and (max-width:1024px) {.content-layout .sidebar1 {display:none !important} } @media all and (min-width:1024px) {.content-layout .sidebar1 {width: 26%; padding-right:3%;} } .content-layout .content {margin:0 auto} #comment { width:99%} #comments-list, #comments-list .comment { background: none; padding:0; margin:0; overflow: visible} #comments-list .comment:before, #comments-list .comment:after { display:none} #comments-list .comment .comment { margin-left: 20px} span.page-navi-outer, span.page-navi-inner { position:relative; display:block; float:left; margin:0; padding:0} span.page-navi-outer {margin: 1px;border: 1px solid #aaa} span.page-navi-inner { padding: 1px; min-width:14px; line-height:18px; text-align:center; border: 2px solid #fff; font-weight:bold} a span.page-navi-inner, span.page-navi-caption span.page-navi-inner { border-width:1px; font-weight:normal} a span.page-navi-outer, span.page-navi-caption { margin:2px 1px} ul#comments-list li cite {font-size: 1.2em} #commentform textarea { width: 100%} #commentform { text-align:left} .rtl #commentform { text-align:right} img.wp-smiley { border: none; margin: 1px; vertical-align:middle; padding: 0} .navigation { display: block; text-align: center} /* Recommended by http://codex.wordpress.org/CSS *//* Begin */.aligncenter, div.aligncenter, .article .aligncenter img, .aligncenter img.article, .aligncenter img, img.aligncenter { display: block; margin-left: auto; margin-right: auto} p.aligncenter , p.center { text-align: center} .alignleft { float: left} .alignright { float: right} .sticky {} .bypostauthor {} .wp-caption { border: 1px solid #ddd; background-color: #f3f3f3; padding-top: 4px; margin: 10px} .wp-caption img { margin: 0; padding: 0; border: 0 none} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0} .wp-caption, .wp-caption p { text-align: center} .gallery { margin: 0 auto 18px; clear:both; overflow:hidden} .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%} .gallery img { border: 2px solid #cfcfcf} .gallery .gallery-caption { color: #888; font-size: .857142em; margin: 0 0 12px} .gallery dl { margin: 0} .gallery img { border: 10px solid #f1f1f1} .gallery br+br { display: none} /* End */.hidden { display: none} /* Calendar */#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px} #wp-calendar #next a { padding-right: 10px; text-align: right} #wp-calendar #prev a { padding-left: 10px; text-align: left} #wp-calendar a { display: block} #wp-calendar caption { text-align: center; width: 100%} #wp-calendar td { padding: 3px 0; text-align: center} .gallery { letter-spacing: normal} .content { position: relative; z-index: 1} #todays-events{ position: relative; z-index: 11} #upcoming-events{ position: relative; z-index: 10} img.wp-post-image { margin:0 5px 5px 0 !important} ul#comments-list li { list-style-image: none; background:none; list-style-type:none} div.footer div.content-layout { margin:0 auto; width:100%} div.layout-cell-size1 { width:100%} div.layout-cell-size2 { width:50%} div.layout-cell-size3 { width:33%} div.layout-cell-size4 { width:25%} .widget-title { padding:0 0 0 24px; margin-bottom:0} div.center-wrapper { position: relative; float: right; right: 50%} div.center-inner { position: relative; float: left; left: 50%} .firefox2 div.center-inner { float: none} .hmenu-extra1, .hmenu-extra2 { font-size:12px} div.breadcrumbs h4, div.breadcrumbs p, li.pingback p, #respond p,h3#reply-title, h4#comments, h4.box-title { margin:0} #respond .comment-notes { margin-bottom: 1em} .form-allowed-tags { line-height: 1em} #comments-list #respond { /*margin-left: NaNpx !important; TODO NodeJS*/} #cancel-comment-reply-link { font-size: .857142em; font-weight: 100; line-height: 18px} #respond .required { color: #ff4b33; font-weight: bold} #respond label { font-size: 12px} #respond input { margin: 0 0 9px; width: 98%} #respond textarea { width: 98%} #respond .form-allowed-tags { font-size: .857142em; line-height: 18px} #respond .form-allowed-tags code { font-size: 11px} #respond .form-submit { margin: 12px 0} #respond .form-submit input { width: auto} .footer .widget-title { font-size:1.2em; padding: 0} .footer .widget, .footer .widget a, .footer .widget a:link, .footer .widget a:visited, .footer .widget a:hover {color:#333; text-align: left} DIV[id^="GMPmap"] IMG { margin: 0px} /* Assistive text */.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute} .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 5px; top: 5px; text-decoration: none; text-transform: none; width: auto; z-index: 100000; /* Above WP toolbar */} /* Begin Additional CSS Styles *//*Slider Widget*/.block_sliderwidget { border-left:1px solid #553317; border-right:1px solid #553317; border-bottom:1px solid #553317; height:auto; margin:0 auto; margin-bottom:-5%; padding:1%; position: relative; width:98%} .blockheader_sliderwidget {display:none} .blockcontent_sliderwidget img { display:block; height:auto; margin:0 auto; max-width:98%; position:relative;} @media all and (min-width:240px) and (max-width:768px) {.block_sliderwidget {border:1px solid #553317; padding:1%;} } /*Ende Slider Widget*//*Content Blöcke 33%*/.block1 { float:left; margin:3% 2% 3% 0; width:32%} .block2 { float:left; margin:3% 2% 3% 0; width:32%} .block3 { float:left; margin:3% 0; width:32%} .block1 img,.block2 img,.block3 img { width:100%; margin:0 0 3% 0} .block1 span a,.block2 span a,.block3 span a { background-image:url('images/arrow_right.png'); background-position:center right; background-repeat:no-repeat; padding-right:25px; text-decoration:none} @media all and (min-width:240px) and (max-width:479px) {.block1,.block2,.block3 { float:none; margin:3% 0; width:100%} } /*Ende Content Blöcke 33%*//*Content Blöcke 50%*/.block50 { float:left; padding-right:2%; width:48%} .block51 { float:left; padding-left:2%; width:48%} @media all and (min-width:240px) and (max-width:568px) {.block50, .block51 {float:none;padding-right:0;padding-left:0;width:100%} .clearbox{ clear:none !important; }} /*Ende Content Blöcke 50%*//*Content Blöcke 50%*/.block52 { float:left; padding:0 2% 0 0; width:35%} .block53 { float:left; padding-left:4%; width:58%} @media all and (min-width:240px) and (max-width:568px) {.block52, .block53 {float:none;padding-right:0;padding-left:0;width:100%} } /*Ende Content Blöcke 50%*//*Block1024*/.block1024 {width:100%; margin: 0; position:relative} @media all and (min-width:240px) and (max-width:1023px) {.block1024 {width:100%} } /*EndeBlock1024*//* End Additional CSS Styles */.squelch-taas-override.squelch-taas-accordion .ui-accordion-header { padding:5px 0; clear:both;} .squelch-taas-override.squelch-taas-accordion .ui-accordion-content {padding-left:0; padding-right:0;} .block20{width:130px; height: 200px; float:left; padding: 0 20px 30px 0;text-align:center;}.postcontent .block20 a{color: #394447;font-size: 1.25em;font-weight: 100;line-height: 150%; text-decoration:none;}.postcontent .block20 a:hover{ color:#553317; text-decoration:underline;}.clearbox{ clear:both;}.footerbox {padding-top: 25px;}@media all and (min-width:240px) and (max-width:1199px) {.footerbox{padding-top: 10px;}} p.textright{ text-align:right;} @media all and (min-width:240px) and (max-width:1199px) { p.textright{ text-align:left;}} hr{background:none;border:0;height:1px;margin-bottom:0;clear:both;}/*formular Felder */.labelblock {color: rgb(85, 51, 23);font-size: 1.25em;font-family: "Open Sans Condensed", sans-serif;font-weight: 700;padding: 12px 10px;text-align: right;float: left;width: 25%;} .inputblock {border: none;border-radius: 1px;background: rgb(227, 228, 228);padding: 8px 2% 10px 2%;box-sizing: border-box; float: left; width: 70%;margin-bottom: 10px;} .inputblock input, .inputblock textarea {border: none; background: none; padding:0;font-size: 1.25em;} input.wpcf7-captchar {background:#fff; padding: 5px; width: 100px; float: left; margin-right: 5px;} .wpcf7-submit {background: rgb(102, 102, 102);line-height: 35px;border: 1px solid rgb(102, 102, 102);padding: 7px 60px;font-size: 20px; color: #fff; margin:0 auto;cursor: pointer;}.wpcf7-submit:hover{ background: #333333;} .wpcf7-list-item-label, .wpcf7-response-output, span.wpcf7-not-valid-tip {font-size: 1.25em !important;line-height: 125%;} span.wpcf7-list-item input {margin-top: -3px;} .inputblock p, .buttonblock p {line-height: 125% !important;} @media all and (min-width:240px) and (max-width:768px) {.labelblock {float:none;padding-right:0;padding-left:0;padding-bottom:5px;width:100%;text-align:left;} .inputblock {float:none;width:100%;} .clearbox{ clear:none !important; }} /*Ende formular Felder*/