/*
--------------------------------------------------------------
Theme Name: Company
Theme URI: http://brings-online.com/demo/wp-theme-company/
Description:  Responsives CMS Theme, zum Beispiel für Unternehmen, Handwerksbetriebe oder Freiberufler
Version: 1.0
Author: sb | brings-online.com
Author URI: http://brings-online.com 
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
--------------------------------------------------------------
*/


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, 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 {
	border: 0; font-size:100%;	font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;}

html { height: 100%;}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

body {font-family: Verdana, Geneva, sans-serif; font-size:87%; line-height: 1.5em; text-rendering: optimizeLegibility; }

@media screen and (max-width: 800px) { body { font-size:90%;}		}



/* =========================  structure =========================  */ 


.wrapper {width:100%; margin:0; padding:0; text-align:center; }
.content { max-width:1000px; margin:0 auto; padding:0; text-align:left; position:relative;}

.separator {  border-bottom:1px dotted #ccc; padding:0; height:1px; margin:5px 0 15px 0;}

article, .blog-page-entry  { padding:35px 15px 15px 0 ;}
.page-entry  { padding:35px 0 65px 0 ;}

/* =========================  grid =========================  */ 

.col-full { width:100%; margin:2.5% 0;}
.col-ttfull { width:65%; margin:1.5% 0; display: inline; float:left;}
.col-otfull { width:35%; margin:1.5% 0; display: inline; float:left;}

.col-ttc { width:65.85744680851%; margin:1% 0;}
.col-otc { width:31.714893617021%; margin:1% 0;}
.col-ofc { width:23.179255319148%; margin:1% 0;}
.col-ohc {width:48.786170212699%; margin:1% 0;}
.col-tfc {width:64.682446808508%; margin:1% 0;}

.col-ttc, .col-otc, .col-ofc, .col-ohc {margin-right:2.427659574468%; display: inline; float:left;}

.cr {margin-right:0 !important;}
.ct {margin-top: 0 !important;}
.cb { margin-bottom: 0 !important;}
.mr { margin-right:25px;}

.clearfix:before,  
.clearfix:after {content: " "; display: table; }  
.clearfix:after {clear: both; }  
.clearfix {*zoom: 1;}  
.clear { clear:both;}


/* ======================= content grid ====================== */ 

.columns {margin:0; padding:10px 0;}
.columns p {padding:5px 15px 5px 0;}

.col1-1 { width:100%; }
.col1-2 {width:50%;}
.col1-3 {width:33.333333%;}
.col1-4 {width:25%;}
.col2-3 {width:66%;}
.col3-4 {width:75%;}

.col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:0; display:inline-block; float:left;}
.inner { padding:0 30px 0 0;}

/* =========================  font =========================  */ 

a { text-decoration:none;}
article a:hover, .page-entry a:hover { text-decoration:underline;}
p {font-size:.95em; line-height:1.75; margin:0; padding:6px 0 10px 0; }
article p { padding-right:15px;}
ul li { font-size:.95em;}
h1, h2, h3, h4 { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height:1.6em;}

h1 {font-size:1.5em; padding:0 0 15px 0;}
h2 {font-size:1.35em; line-height:1.5em; padding:10px 0 15px 0;}
h3 {font-size:1.175em; line-height:1.5em; margin-top:5px;}
h4 {font-size:1.1em; line-height:1.3em; margin-top:5px;}
h5 {font-size:1em; font-weight:bold;}
strong {font-weight:bold;}
em {font-style:italic;}

.logotitle { font-size:2.2em; font-family: 'Raleway', sans-serif;  line-height:1.1em; margin:0; padding:0;}
.logosubtitle {font-size:.825em; line-height:1.2em; margin-left:2px;}

h1.pagetitle {font-size:1.455em; text-transform:uppercase;}
h1.pagetitle:before { content:"\25FE"; margin:0 15px 0 0; font-size:27px; color:#ccc;}
h2.homeheadline { font-size:1.3em; text-transform:uppercase; line-height:2em; padding:0; margin-bottom:10px; text-shadow:0 0 1px #ccc; }
h2.homeheadline:before { content:"\25FE \00A0 \25FE"; margin:0 15px 0 0; font-size:27px; color:#ccc;}

input[type="submit"] { -webkit-appearance: none;}

/* ==========================  topline        ======================= */ 

.topline { border-bottom:1px solid #fff; padding:5px 0 3px 0; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.topline a { color:#eee; }
.topline nav { }
.topline nav ul { margin:0; padding:0; list-style:none;}
.topline nav ul li { list-style:none; display:inline-block; margin:0 3px 0 0; padding:0 10px 0 0; font-size:.8em; line-height:1.2em; text-transform: uppercase;}

.topline .contactdata {text-align:right; font-size:.85em; line-height:1.2em; margin-top:1px;}
.topline .contactdata i { font-size:14px; line-height:20px; margin:3px 5px 0 0;}
.topline .contactdata span { margin:0 4px; padding:0 0 0 4px; }

a.opensearch { cursor:pointer; font-size:26px; text-align:right; color:#ccc; position:absolute; top:-3px; right:-25px; padding:4px 5px 6px 5px; background:#39404A; border-radius:0 0 4px 4px;}
a.opensearch i { font-size:20px; color:#fff;}

.searchbox { margin:20px 0 10px; padding:5px 0; border-top:1px solid rgba(255,255,255,.4);  }
.searchbox .close { }
.searchbox form#searchform {  margin:0; padding:0; }
.searchbox input#searchinput {font-size:1em; padding:5px; margin:3px 0 0 0; font-style:italic; display:inline-block; float:left;  color:#eee; background:rgba(255,255,255,.1); border:none !important; 
width: -webkit-calc(100% - 110px);
width:         calc(100% - 110px);
}
.searchbox input#searchinput:focus { color:#fff;}
.searchbox input#searchsubmit {color:#fff; font-size:.9em; width:80px; float:right; display:inline-block; padding:5px; margin:3px 0;  cursor:pointer; background:rgba(255,255,255,.1);  border:none !important; text-align:center; }

.searchlist-entry { padding-bottom:10px; border-bottom:1px dotted #ccc; margin-bottom:10px;}
.searchlist-entry a { text-decoration:underline;}


/* ==========================  header  logo   ======================= */ 

.header {border-top:1px solid #fff; border-bottom:1px solid #fff; position:relative;}

.logo { float:left; max-width:400px; margin:0; padding:0;}
.logo img { width:100%; height:auto; display:block;}


/* ==========================  main menu   ======================= */ 

a.toggleMenu { display:none; width:100%;  color:#40C6F2; padding:6px 0;}  
a.toggleMenu span { float:right; font-size:40px; margin:0 20px 0 0; }

.mainmenu {border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.mainmenu nav { margin:0; padding:0;}
.mainmenu nav ul li { list-style:none; display:inline-block; position:relative; margin:0 2px; padding:11px 0;}
.mainmenu nav ul li a {  width:auto; margin:0; padding:6px 15px; font-size:1em; font-weight: bold; text-transform: uppercase;}
.mainmenu nav li ul {position: absolute; left:0; top:35px; visibility:hidden; width:auto; min-width:180px; white-space:nowrap; z-index:1000; list-style:none; text-align:left; border-radius: 0 0 4px 4px; padding:3px 0; }
.mainmenu nav li ul li { text-align:left; font-size:.975em; display: list-item; float:none; padding:6px 0; margin: 0; background:none !important; border-bottom:1px solid rgba(255,255,255,.6);}
.mainmenu nav li ul li:last-child { border-bottom:none !important;}
.mainmenu nav li ul li a {color:#fff;}
.mainmenu nav li ul li:hover { background: rgba(255,255,255,.3) !important; }
.mainmenu nav li ul li:hover a { background: none !important;  }

.mainmenu nav li:hover ul { visibility:visible;}

.fixednav { z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;} 






/* ==========================  footer menu   ======================= */ 

.footermenu {margin-top:0; padding:10px 0; color:#eee;}

.footermenu {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.footermenu nav { margin:0; padding:0;}
.footermenu nav ul li { list-style:none; display:inline-block; margin:0; padding:0;}
.footermenu nav ul li a {  color:#eee; width:auto; margin:0; padding:2px 15px; font-weight: bold; text-transform: uppercase;}
.footermenu nav ul li a:hover { color:#fff; }
.footermenu nav ul li.current-menu-item a { color:#fff;}

.bottomline { font-size:.9em; text-align:right; }



/* =========================  slider =========================  */ 

.slider {border-top:1px solid #fff; margin-bottom:0; }
.slider-pager { position:relative; z-index:5000; background:rgba(255,255,255,.8); margin-top:-70px; padding:3px 0 10px 0; height:57px; width:100%; }

.cycle-prev, .cycle-next  { font-size:32px; line-height:34px; height:40px; color:#fff; float:left; width:40px; text-align:center;  background: #39404A; opacity:.8; border-radius:3px; cursor:pointer;}
.cycle-prev:hover, .cycle-next:hover {background: #39404A; opacity:1;} 
.cycle-prev {padding:0 3px 0 0;  margin: 5px 10px 0 0;}
.cycle-next {padding:0 0 0 3px;  margin:5px 0 0 0;}
.cycle-prev [class^="icon-"]:before, .cycle-prev [class*=" icon-"]:before , .cycle-next [class^="icon-"]:before, .cycle-next [class*=" icon-"]:before { margin:0 0 0 0 !important; }

#pager { font-size:50px; line-height:1em; color:#A9B1BE; margin:-5px 0 0 0; padding:0; cursor:pointer;}
#pager .cycle-pager-active {color:#39404A; }

.slider .slider-item {width:100%; text-align:center; position:relative;}
.slider img { width:100%; height:auto; display:block;}
.slider .slider-caption { position:absolute;  top:40px; right:30px; background:rgba(236, 236, 236, .9); padding:15px 20px;  text-align:center; border:1px solid #fff; font-family: 'Raleway', sans-serif; font-size: 1.5em;}

.slider .textbox {color:#333; position:absolute; top:10%; left:50%; max-width:400px; background: rgba(255,255,255,.75); padding:10px 20px 20px 20px; text-align:left; -webkit-animation-delay:400ms; -moz-animation-delay:400ms; -o-animation-delay:400ms; animation-delay:400ms;}
.slider .textbox p, .slider .textbox ul li { font-size:1em;}
.slider .textbox h2 {padding:10px 0 10px 0 !important;}

.slider .textbox [class^="icon-"]:before, .slider .textbox [class*=" icon-"]:before { float:left; margin:30px 25px 25px 0; }

#progress { height:4px; width:0px; margin-bottom:5px; background:#ebebeb; z-index:5001; }

/* =========================  button =========================  */ 

.buttonwrap { text-align:center; display:block; margin-top:30px; }
.buttonwrap2 { text-align:right; display:block; margin-top:30px; }
.buttonwrap3 { text-align:left; display:block; margin-top:15px; } 

.boxbutton { text-align:center; width:auto; border-radius:3px; font-size:.9em; font-weight:bold; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase; text-decoration:none; border-bottom:none !important; }
.boxbutton { margin:0; padding:8px 15px; transition: padding 0.2s ease;  }
.boxbutton:hover {  padding:8px 25px; text-decoration:none;}

.listbutton { text-align:center; width:auto; border-radius:3px; font-size:.9em; font-weight:bold; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase; text-decoration:none; border-bottom:none !important; }
.listbutton { margin:0; padding:8px 15px; transition: padding 0.2s ease;  }
.listbutton:hover {  padding:8px 25px; text-decoration:none;}

.col-ofc .listbutton, .col1-4 .listbutton { font-size:.85em; padding:8px 10px;}
.col-ofc .listbutton:hover, .col1-4 .listbutton:hover { padding:8px 15px;}



/* =========================  infobox =========================  */ 

.infoboxes { margin:25px 0;}
.infoboxes .col-otc:nth-of-type(3n) { margin-right:0 !important;}
.infoboxes [class^="icon-"]:before, .infoboxes [class*=" icon-"]:before { float:left; margin:5px 15px 5px 0; }
.infoboxes .boxcontent h3 { margin:0 0 10px 0 !important;}
.infoboxes .boxcontent { border:1px dotted #ddd; padding:10px; border-radius:3px;}
.infoboxes .boxtext { text-align:left; padding-top:3px; padding-bottom:10px; margin-top:3px;}
.boxtext h2 { font-size:1.3em;}
.boxtext p { padding-bottom:20px;}


/* =========================  teaserboxes =========================  */ 

.teaser { padding:25px 0; margin:0; }
.teaser .col-otc:nth-of-type(3n) { margin-right:0 !important;}
.teamwrap .col-otc:nth-of-type(3n) { margin-right:0 !important;}
.teamwrap .col-ofc:nth-of-type(4n) { margin-right:0 !important;}

.blogpost .col-ohc:nth-of-type(2n) { margin-right:0 !important;}

.teamwrap, .blogpost { margin:15px 0; padding:15px 0; }


.teaserbox { max-width:300px;  padding:5px 5px 15px 5px; border:1px dotted #ddd; background:#f6f6f6;}
.teaserbox:hover { box-shadow:0 0 3px #bbb; border:1px solid #fff;}
.teaserbox img { width:100%; height:auto; display:block; margin-bottom:5px;}
.teaserbox .boxtext { padding-left:3px;}
.teaserbox .buttonwrap3 { margin-left:3px;}


/* ========================= listings =========================  */ 

.listing { padding:10px 0 50px 0; margin:5px 0; }

.listing .col-ohc:nth-of-type(2n) { margin-right:0 !important;}
.listing .col-otc:nth-of-type(3n)  { margin-right:0 !important; }
.listing .col-ofc:nth-of-type(4n) { margin-right:0 !important;}

.listing .col1-4 .listbox { max-width:225px; height:auto;  padding:5px 5px 15px 5px; margin:0 5px 25px 0; border:1px dotted #ddd;}
.listing .col1-3 .listbox { max-width:300px; height:auto; padding:5px 5px 15px 5px; margin:0 5px 25px 0; border:1px dotted #ddd;}
.listing .col1-2 .listbox { max-width:460px; height:auto; padding:5px 5px 15px 5px; margin:0 5px 25px 0; border:1px dotted #ddd;}
.listing .col1-4 .listbox { font-size:.9em;}

.listbox img { width:100%; height:auto; display:block; margin-bottom:5px;}
.listbox img:hover { opacity:.7;}

#filters { margin:5px 0; }
#filters button { background:#ebebeb; border:none; padding:5px; font-size:1em; color:#333; cursor:pointer;}
#filters button i { }
#filters button:hover, #filters .is-checked { background:#777; color:#eee;}


.listbox ul { margin:0; padding:0; list-style:none;}
.listbox ul li { margin:0; padding:5px 0; border-bottom:1px dotted #ddd; }
.listbox ul li .key { width:95px;  color:#333; font-weight:600; display:inline-block;}

.page-nav { margin:25px 30px 10px 0; padding:5px 0; border-top:1px dotted #ccc; font-size:.8em; color:#666;}
.page-nav .left { float:left; width:50%; text-align:left;}
.page-nav .right { float:right; width:50%; text-align:right;}
.page-nav a { color:#666; text-decoration:none;}

.service-listbox h2 { background:#F2F2F2; padding:6px 0 6px 8px; font-size:1.175em;}
.service-listbox p { padding:5px;}


/* ========================== request button ============================= */ 

.buttonrequest { margin:15px 0; width:auto;}

.buttonrequest .input-icon { width:24px; float:left; font-size:1em; height:34px; padding:0 10px; margin:0; border-radius:3px 0 0 3px; border:1px solid #dcdcdc; border-right:none; cursor:pointer; }
.buttonrequest input#request { font-size:1em; width:auto; float:left; height:36px; color:#333; padding:0 15px; margin:0; border-radius:0 3px 3px 0; border:1px solid #dcdcdc; cursor:pointer;}

.buttonrequest input#request, .buttonrequest .input-icon {background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}

.buttonrequest .input-icon .icon-mail-alt:before {width: 1em; float:none !important; margin: 0px !important; text-align: center; font-variant: normal; font-size:24px; text-transform: none; line-height: 1.455em !important; }
.buttonrequest:hover input#request, .buttonrequest:hover .input-icon { background:#f8f8f8;}


.shortcode-box .buttonrequest { margin:10px 0 5px 0; width:auto;}
.shortcode-box .buttonrequest input#request { font-size:.9em; padding:0 10px; }


/* =========================  social media icons  =========================  */ 

.smicons {margin:0 0 0 5px;}
.smicons span { background:#40C6F2; width:23px; height:23px; padding:4px 3px 3px 4px; display:inline-block; border-radius:5px; margin:7px 6px 7px 0; text-align:center;}
.smicons span:hover {background:#999; }
.smicons a:hover {background:none; border:none; text-decoration:none; }
.smicons [class^="icon-"]:before, .smicons [class*=" icon-"]:before {margin:0 !important; padding:1px 0 0 0 !important; color:#fff; font-size:18px; }


/* ========================= portfolio ===================== */ 

.pro-data { margin-top:30px;}
.pro-data table { width: -webkit-calc(100% - 10px); width: calc(100% - 10px); background:#eee; margin:5px 0 20px 0; font-size:.85em; padding:5px; border:none;  border-radius:3px; }
.pro-data table td { border-bottom:1px solid #ddd; padding:6px; margin:0;}
.pro-data table th {padding:6px; font-size:1.1em; color:#4f4f4f; text-transform:uppercase; border-bottom:1px solid #ddd;}
.pro-data table tr:last-child td { border-bottom:none;}

.pro-data table ul li { list-style:none; font-size:1em; line-height:1.8em;}
.pro-data table ul li:before {content: '\e861'; font-family: "fontello"; margin-right:7px; color:#777; font-size:11px;}

.pro-slideshow { width: -webkit-calc(100% - 50px); width: calc(100% - 50px);  position:relative;}
.pro-image-box { padding:4px; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px; background:#f8f8f8; border:1px solid #e3e3e3; box-sizing:border-box;}

.pro-image-box img { width:100%; height:auto; display:block;}
.pro-image-box p { font-size:1em; line-height:1.5em; padding:7px 0 0 0; margin:0;}

.pro-pager { text-align:center; width: 90%; margin:0 0 20px 0; padding:0;}
.pro-pager span { font-size: 30px; padding:0 2px; display: inline-block; color: #ddd; cursor: pointer; }
.pro-pager > * { cursor: pointer;}

#gallery { margin:5px 0 0 0; padding:0; width:100%; position:relative;}
#gallery em {display:none; font-size:24px; color:#eee; position:absolute; top:5%; left:3%; z-index:600; background: rgba(102,102,102, 0.4);  padding:6px; border-radius:3px; }
#gallery:hover em {display:block;}

#TB_caption {font-size:12px; padding:5px 0 20px 5px; line-height:1.6em;}
#TB_window { border-radius:2px; padding-bottom:25px;}
#TB_Image {border:none;}

.gallery {margin:0; padding:10px 0; }
.gallery-item { float:left; margin:5px 15px 10px 0; text-align:center; border-radius:3px; border:2px solid #fff; outline:1px solid #e2e2e2; box-sizing:border-box;}
.gallery img {width:100%; height:100%;}
.gallery-caption {font-size:12px; color:#777; text-align:center; margin:0; padding:0;}


/* ======================== team ======================== */


.team-listbox { text-align:center; border:none !important; }
.team-listbox .imgwrap { position:relative;} 
.team-listbox img { border-radius: 100%; border:5px solid #ebebeb; width:-webkit-calc(100% - 10px); width:calc(100% - 10px)}
.team-listbox .buttonwrap { visibility:hidden; position:absolute; z-index:10; top: -webkit-calc(45% - 22px); top: calc(45% - 22px);  left: -webkit-calc(50% - 22px); left: calc(50% - 22px); text-align:center; }
.team-listbox .buttonwrap .listbutton { border-radius:100%; padding:4px 10px 5px 10px !important; font-size:26px;}
.team-listbox .imgwrap:hover .buttonwrap { visibility: visible;}
.team-listbox .imgwrap:hover img { opacity:.5;}

.team-listbox .teamtitle {background:#ebebeb; padding:4px 8px; font-size:.9em; display:block; margin-top:10px;}

.single-team-img { max-width:200px; margin:0;}

.single-team-img img { width:100%; height:auto; display:block; border-radius:100%; border:3px solid #ebebeb;}

.team-data {background:#eee; margin:15px 30px 20px 0; font-size:1em; padding:5px; border-radius:3px;}
.team-data table { width: -webkit-calc(100% - 10px); width: calc(100% - 10px); border:none; background:none; margin:0; padding:0;   }
.team-data table td { border-bottom:1px solid #ddd; border-top:none; border-right:none; border-left:none; padding:8px 0; margin:0; vertical-align:top; line-height:1.5em;}
.team-data table th {padding:10px; font-size:.95em; color:#4f4f4f; font-weight:normal; }
.team-data table tr:last-child td { border-bottom:none;}
.team-data table tr:nth-child(odd), .team-data table tr:nth-child(odd) {background:none;}

.team-data .key { width:50px;  color:#999; font-size:22px; }
.team-data .key [class^="icon-"]:before, .team-data .key [class*=" icon-"]:before {float:left; margin:0 10px 0 10px !important; line-height:1em; }

.team-data table ul li { list-style:none; font-size:1em; line-height:1.8em;}
.team-data table ul li:before {content: '\e861'; font-family: "fontello"; margin-right:7px; color:#777; font-size:11px;}


/* =========================  blog ======================== */


.postdate { float:left; width: 70px; text-align: center; margin: 15px 30px 0 0; padding: 10px 0; }
.postdate .day { display:block; font-size:2em;}
.postdate .month { font-size:.85em;}

.posttext { float:left; width: calc(100% - 100px);}
.posttext h2 {font-size:1.25em; padding:10px 0 5px 0 !important;}
.postext p { line-height:1.7em;}

.blog-thb { float:left; max-width:200px; margin:5px 20px 2px 0; padding:5px; background:#ebebeb; border-radius:3px;}
.blog-thb img { width:100%; height:auto; display:block;}

.post-meta { font-size:.85em; color:#777; padding-top:5px; margin:5px 10px 0 0; border-top:1px dotted #ccc;}
.post-meta a:hover { color:#777;}
.post-category { border-right:1px solid #777; padding-right:10px; margin-right:5px;}
a.post-more {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase; font-weight:600; font-size:.9em;}
a.post-more:hover { color:#777;}

.meta-category { margin:5px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:5px 0; font-size:.85em;}

.postbox { margin-top:15px;}
.postbox article { padding:5px 0;}

article .postdate { float:right; margin:0 10px 20px 25px !important;}

/* ========================= pages =================== */ 

.notfound { font-size:7em; color:#ccc; text-align:left; width:100%; margin:30px 0;}

article [class^="icon-"]:before, article [class*=" icon-"]:before {float:left; margin:5px .3em 0 0; line-height:1.5em; }
article ul, .page-entry ul, .blog-page-entry ul {margin:5px 0 15px 20px; padding:0; font-size:1em;}
article ul li, .page-entry ul li, .blog-page-entry ul li {list-style:square; padding-left:5px; line-height:1.6em; margin:8px 0;}

ul.check { margin:15px 0 25px 0; padding:0; list-style:none; font-size:.95em; }
ul.check li { list-style:none; line-height:1.6em; margin:8px 0;}
ul.check li:before {font-family: "fontello";  content: '\e861'; margin-right:10px;}

ul.standard { margin:15px 0 25px 20px; padding:0; font-size:.95em;  }
ul.standard li { list-style:square; padding-left:5px; line-height:1.6em; margin:8px 0;}

ul.plus { margin:15px 0 25px 0; padding:0; list-style:none; font-size:.95em;  }
ul.plus li { list-style:none; line-height:1.6em; margin:8px 0;}
ul.plus li:before {font-family: "fontello";  content: '\e80d'; margin-right:10px; }

ul.pfeil { margin:15px 0 25px 0; padding:0; list-style:none; font-size:.95em;  }
ul.pfeil li { list-style:none; line-height:1.6em; margin:8px 0;}
ul.pfeil li:before {font-family: "fontello";  content: '\e88b'; margin-right:10px; }


.shortcode-box { background:#f2f2f2; padding:5px 15px 10px 15px;}
.shortcode-box h3 { border-bottom:1px dotted #ccc; padding:4px 0; margin-bottom:5px;}
article .shortcode-box p { padding-right:0 !important;}

article .shortcode-box .box-icon [class^="icon-"]:before, 
.page-entry .shortcode-box .box-icon [class^="icon-"]:before, 
.blog-page-entry .shortcode-box .box-icon [class^="icon-"]:before,
article .shortcode-box .box-icon [class*=" icon-"]:before, 
.page-entry .shortcode-box .box-icon [class*=" icon-"]:before, 
.blog-page-entry .shortcode-box .box-icon [class*=" icon-"]:before
{font-size:42px; float: right !important; margin:0 0 0 10px !important; line-height:1.5em; }


.shortcode-box .buttonwrap3 { text-align:left; display:block; margin:15px 0; } 

.post-nav { margin:0 0 15px 0; padding:15px 0 30px 0; font-size:.85em; border-top:1px dotted #ccc;}
.page-numbers {padding:5px; border-radius:2px; margin:0 3px 0 0;}
.post-nav .current {background:#bbb; color:#fff;}
.post-nav a {color:#c30000;}

.blog .post-nav {border-top:none !important; margin-left:100px;}


.sticky {}
.bypostauthor {}
 
blockquote { padding:0 0 0 20px; margin:20px 30px 25px 0;}
blockquote:before {font-family: "fontello";  content: '\e85c'; font-size:48px; color:#999; margin:0 25px 10px 0; float:left;}
blockquote p { padding:0; margin:0; line-height:1.6em; font-style: italic;}

code { background:#ebebeb; padding:6px; margin:3px 0; display:block; font-family:"Courier New", Courier, monospace;}
hr {border-bottom:1px solid #ccc; height:1px; margin:10px 0; border-top:none;}

.separator, hr {border-bottom:1px dotted #ccc; margin:10px 0 15px 0;}
.map { width:100%; max-width:600px; margin:15px 0; border:3px solid #fff; outline:1px solid #e2e2e2; box-sizing:border-box; border-radius:3px; overflow:hidden;}
.map iframe {width:100%; max-width:600px; }
.map small { font-size:.7em; padding-left:5px; color:#999;}
.map a {color:#999;}


.page-entry table, article table { font-size:.825em; width:100%; margin:25px 0; padding:0; border:1px solid #e5e5e5; border-radius:3px; font-size:1em; line-height:1.5em;}
.page-entry table td, article table td { border-bottom:1px solid #e5e5e5; border-top:1px solid #fff; border-right:1px solid #ccc; border-left:1px solid #fff; padding:5px; margin:0; vertical-align:top;}
.page-entry table td:last-child, article table td:last_child { border-right:none;}
.page-entry table td:first-child, article table td:first-child { border-left:none;}
.page-entry table th, article table th {padding:7px 5px; font-size:1.1em; line-height:1.5em; color:#7b7b7b; font-weight:normal; border-bottom:1px solid #e5e5e5; text-align:left; }
.page-entry table tr:nth-child(odd), article table tr:nth-child(odd) { background:#f5f5f5; }
.page-entry table tr:last-child td, article table tr:last-child td { border-bottom:none;}

#icontable [class^="icon-"]:before, #icontable [class*=" icon-"]:before {font-size:20px; }

.dist { padding:20px 0; margin:0; height:10px;}


.singlecontent { padding-bottom:50px;}

/* ================= singles ======================== */ 

.alignright { float:right; margin:0 0 0 20px;}
.alignleft { float:left; margin:0 20px 0 0;}

img.alignright {float:right; margin:0 0 5px 20px;  background:#f8f8f8; border:1px solid #e3e3e3; padding:5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
img.alignleft { float:left; margin:0 20px 5px 0;  background:#f8f8f8; border:1px solid #e3e3e3; padding:5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
img.alignnone { float:none; margin:0; display:block; background:#f8f8f8; border:1px solid #e3e3e3; padding:5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}


.singlecontent img, .widget img {max-width: 97.5%; }
img[class*="align"], img[class*="wp-image-"] {height: auto; }
img.size-full {max-width: 97.5%; width: auto; }

.wp-caption { max-width: 100%; height: auto; width: auto; margin:20px 0;  }
.singlecontent .wp-caption img {width: 100%; height: auto; display:block; border:1px solid #fff;}
p.wp-caption-text { max-width: 97.5%;  width: auto;  background:#eee; border:1px solid #fff; border-top:none; margin:0; padding:5px 0 5px 0 !important; text-indent:10px; font-style:italic;}

.singlecontent iframe { margin:25px 0; padding:2px; border:1px solid #e3e3e3; border-radius:2px;}
.singlecontent iframe, .widget iframe {max-width: 97.5%;  }




/* =========================  sidebar ======================== */

#sidebar { padding:10px 0 30px 0;}
#barleft {padding:10px 40px 30px 0;}

.sidebarbox { margin:0; padding:10px 0 10px 0;  }
.sidebartitle { font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1.1em; text-transform:uppercase; line-height:1.5em;  padding:5px 0; margin:0; font-weight:normal;  border-bottom:1px solid #ccc; }
.sidebartitle-border { border-top:1px solid #fff; height:1px; margin:0; padding:0;}

.sidebarbox p { margin:5px 0; padding:0; line-height:1.6em;}
.sidebarbox ul { margin:0; padding:10px 0 0 0; list-style:none; }
.sidebarbox ul li { margin:0; padding:0; border-bottom:1px dotted #ccc;  list-style:none; line-height:1.4em; font-size:1em;}
.sidebarbox ul li:first-child {border-top:none;}
.sidebarbox ul li:last-child {border-bottom:none;}

.sidebarbox ul li a { text-decoration:none; color:#454545; display:block; padding:8px 0;}
.sidebarbox ul li a:hover {color:#00A8BF;}

.sidebarbox ul li ul { margin:0; padding:0; font-size:1.1em !important; }
.sidebarbox ul li ul li { margin:0; padding:0 0 0 10px; border-bottom:1px solid #ccc; border-top:1px solid #fff; list-style:none; line-height:1.3em;}
.sidebarbox li.current-menu-item a, #content .sidebarbox li.current-cat a {color:#00A8BF;}

.sidebarbox img {max-width:300px; height:auto; display:block; margin:0; padding:2px; background:#eee;}
.sidebarbox #map-canvas { max-width:300px; overflow:hidden; margin:5px 0;}

.sidebarbox .phone { font-size:1.3em;}


.sidebarbox table { width:calc(100% - 2px); margin:5px 0; font-size:.85em; padding:0; border:1px solid #e5e5e5;  border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px;}
.sidebarbox table td { border-bottom:1px solid #e5e5e5; border-top:1px solid #fff; border-right:1px solid #ccc; border-left:1px solid #fff; padding:6px; margin:0;}
.sidebarbox table td:last-child { border-right:none;}
.sidebarbox table td:first-child { border-left:none;}
.sidebarbox table th {padding:10px; font-size:12px; line-height:24px; color:#5d5d5d; font-weight:normal; text-shadow:#ccc 1px 1px; -moz-text-shadow:#ccc 1px 1px; -webkit-text-shadow:#ccc 1px 1px; }
.sidebarbox table tr.odd { background:#f5f5f5; }
.sidebarbox table tr:last-child td { border-bottom:none;}
.sidebarbox table td a { text-decoration:underline;}

.sidebarbox #calendar_wrap { margin-top:25px;}
.sidebarbox #calendar_wrap table { width:calc(100% - 2px); margin:5px 0; font-size:.85em; padding:0; border:1px solid #e5e5e5;  border-radius:0 0 5px 5px;  -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;}
.sidebarbox #calendar_wrap table caption { font-size:1.2em; background:#ebebeb; padding:5px 0; border-radius: 5px 5px 0 0;}

.tagcloudbox { margin:5px 0 20px 0; padding:10px 0; }
.tags, .tagcloud { padding:3px 0; line-height:2em; font-family: 'Raleway', sans-serif;}
.tags {margin-top:10px;}
.tagcloudbox a, .widget_tag_cloud a {color:#999;}
.tagcloudbox a:hover, .widget_tag_cloud a:hover {color:#00A8BF;}


.sidebarbox #searchform { margin:25px 0;}
.sidebarbox input#searchinput {width:calc(100% - 100px); border:1px solid #e0e0e0; background:#fff; margin:3px 0;  padding:6px 5px; font-family:Arial, Helvetica, sans-serif; font-size:.9em; font-style:italic; color:#858C99;
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; float:left; }
.sidebarbox input#searchinput:focus {border:1px solid #838383;  }
.sidebarbox input#searchsubmit {color:#fff; font-size:.9em; width:80px; float:right; display:inline-block; padding:5px; margin:3px 0;  cursor:pointer;  border:none !important; text-align:center;}



.offer-sidebar-thumb { max-width:80px; float:left; margin:0 10px 3px 0; }
.offer-sidebar-thumb img { width:100%; max-width:80px; height:auto; display:block; margin:0; padding:0; border-radius:3px;}
.sidebarbox .recentposts p { font-size:.85em; margin-bottom:0; padding-bottom:5px;}
.sidebarbox .recentposts a.sidebar-more {color:#fff; font-size:24px; padding:2px 2px 3px 2px; margin:3px; float:right; width:25px; border-radius:2px; background:#ccc;}
.sidebarbox .recentposts li { padding:4px 0 0 0;}


.sidebarbox ul.recentportfolio { margin:0; padding:10px 0 0 0; list-style:none; }
.sidebarbox ul.recentportfolio li { margin:0; padding:0;  list-style:none; line-height:1.4em; font-size:.9em; display:inline-block; float:left; border-bottom:none !important;}
.port-sidebar-thumb { max-width:100px; float:left; margin:0 5px 2px 0; }
.port-sidebar-thumb img { width:100%; max-width:100px; height:auto; display:block; margin:0; padding:0; border-radius:3px; border:1px solid transparent;}
.port-sidebar-thumb img:hover { border:1px solid #bbb; opacity:.8;}


/* =========================  newsletter ======================== */


form.widget_wysija { border:1px solid #ccc; background:#f2f2f2; padding:5px 10px 5px 10px; margin:15px 0; border-radius:3px; box-shadow:0 0 4px #ddd;}
form.widget_wysija label {font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1em;}
form.widget_wysija input { text-indent:4px; padding:5px 0; border:1px solid #bbb; border-radius:3px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1em; display:block; margin:2px 0 10px 0; width:100%;}

form.widget_wysija input.wysija-submit {margin:0 0 10px 1px; text-indent:0 !important; cursor:pointer;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:1em;
	color:#333; text-align:center; display:block; }

form.widget_wysija input.wysija-submit:hover {border:1px solid #bbb; color:#333;  background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}

article form.widget_wysija { width:45%; float:right; clear:right; margin:10px 25px 10px 25px; padding:5px 10px 5px 15px;}
article form.widget_wysija input.wysija-submit {max-width:97%;}
.shortcode_wysija .allmsgs { font-size:1.1em; padding:10px 0;}


/* ======================== contact  ============================ */

.contactform { margin:35px 0; padding:20px; border:1px dotted #e3e3e3; width:calc(100% - 75px); }

.wpcf7-form {margin:15px 0 25px 0; padding:20px; border:1px dotted #e3e3e3; width:calc(100% - 75px);}

.contactform label, .wpcf7 label { font-size:.9em; display:block; margin:7px 0 0 0;}
.contactform input, .wpcf7 input {width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:.9em; box-sizing:border-box;}
.contactform select, .wpcf7 select {width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; box-sizing:border-box;}
.contactform textarea, .wpcf7 textarea {font-family:Verdana, Arial, sans-serif;  width:97%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; font-size:.9em; box-sizing:border-box;}
.contactform input:focus, .contactform textarea:focus, .wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #999;}

.contactform button, .wpcf7 .wpcf7-submit, #respond input#submit { cursor:pointer; color:#fff; margin-top:15px; border:none; font-size:1em;  padding:6px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.contactform button:hover, .wpcf7 .wpcf7-submit:hover, #respond input#submit:hover {border:1px solid #bbb; color:#333;  background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );}

.wpcf7 .wpcf7-submit { width:auto;}

.formcolumn {width:47%; margin-right:3%; float:left;}
.contactForm .error { position:relative;}
.contactform .error {display:block; color:#c00;}

.selected-offer { margin:0 0 20px 0; padding:10px; background:#f2f2f2; border-bottom:1px solid #ccc; font-size:1em;}
.selected-title { font-size:1.1em; display:block; line-height:1.6em; padding:0 0 7px 0;}


/* ======================== comments  ============================ */



#comments {  margin:25px 0; width:100%; padding:0;}

ul.commentlist { margin:15px 0 ; list-style:none; padding:0; }
ul.commentlist li a { color:#454545; text-decoration:none;}
ul.commentlist li { color:#303030; font-size:.9em; line-height:1.6em; border:1px solid #f1f1f1; padding:3px; }
ul.commentlist li:nth-child(even) { background:#f6f6f6;}
ul.commentlist .reply { text-align:right; width:100%; font-size:.85em; }
ul.commentlist .reply a {color:#777;}
.commentlist .says { display:none;}
.commentlist cite { font-style:normal;}
ul.commentlist li img { float:left; clear:left; border:3px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin:0 25px 5px 0;}
.commentlist ul.children { margin:5px 0 5px 30px;}
.commentlist ul.children li { border:3px solid #e3e3e3; padding:5px 10px 0 10px;}

.comment-meta { font-size:.9em; color:#666;}
.meta-author { font-size:.85em; font-style: italic; color:#666;}


#respond {  }
#respond label { }
#respond input {  width:240px; padding:3px; margin:2px 0 0 0; border:1px solid #e0e0e0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#respond textarea {  padding:5px; height:130px; width:100%; margin:0; border:1px solid #e0e0e0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-sizing:border-box;}
#respond a { color:#454545; text-decoration:underline;}
#respond a:hover { color:#000; text-decoration:underline;}


#cancel-comment-reply {float:right; width:100px; margin:-35px 0 0 0; line-height:1.2em; }


/* ================= misc  =============================== */

#gototop { display:none; background:#ccc; padding:5px 8px; position:fixed; border-radius:3px; right:100px; bottom:75px; text-transform:uppercase;}
#gototop a {color:#fff; text-decoration:none; font-size:1.4em;}
#gototop:hover { background:#bbb;}



/* ======================= colors  ========================= */ 

body {color: #4f4f4f; background:#f8f8f8; }
a {color:#c30000;}
h1, h2, h3, h4 { color:#39404A;}
h1 a, h2 a, h3 a, h4 a {color:#39404A;} 
h1.logotitle a { color:#4f4f4f;}
.sidebartitle { color:#39404A;}
.sidebarbox a.sidebar-more:hover { background:#40C6F2; }


.mainmenu nav li ul {background:#40C6F2;}
.mainmenu nav ul li a {  color:#6c6c6c;}
.mainmenu nav ul li a:hover { background:#40C6F2; color:#fff;}
.mainmenu nav ul li.current-menu-item a, 
.mainmenu nav ul li.current_page_item a, 
.mainmenu nav ul li.current-menu-parent a 
{ background:#40C6F2; color:#fff;}


/* wrapper */ 
.topline { background:#39404A;}
.header { background:#f2f2f2; }
.footermenu {  background: #39404A; }
.teaser { background:#eee; }
.mainmenu { background:#f8f8f8;}
.fixednav { background:rgba(248, 248, 248, 0.97) !important;}

.boxbutton { background:#40C6F2; color:#fff;}
.listbutton { background:#40C6F2; color:#fff;}

.contactform button, .wpcf7 .wpcf7-submit { cursor:pointer; background:#40C6F2; border:1px solid #40C6F2; }
.contactform button:hover, .wpcf7 .wpcf7-submit:hover {color:#333;} 
form.widget_wysija input.wysija-submit { background:#40C6F2; color:#fff; border:1px solid #40C6F2;}
#respond input#submit { background:#40C6F2; color:#fff; border:1px solid #40C6F2;}

.infoboxes [class^="icon-"]:before, .infoboxes [class*=" icon-"]:before { color:#39404A; }
.buttonrequest .input-icon {  color:#40C6F2;}


.pro-pager span.cycle-pager-active { color: #c30000;}

.postdate { background:#39404A; color:#fff;}
.post-meta a { color:#40C6F2;}
.blog-page-entry .postdate { background:#40C6F2;}
a.post-more {color:#40C6F2;}



.sidebarbox input#searchsubmit { background:#40C6F2;}



/* ============================= mobile ===================== */

@media screen and (max-width: 1048px)  {
a.opensearch {  top:-3px; right:0 !important;}	
.slider-pager { margin-top:0 !important; }
#gototop { right:20px; bottom:75px; }

}


@media screen and (max-width: 966px)  {
.content { max-width:940px !important; padding:0 10px !important;}

}


@media screen and (max-width: 801px) {
.slider { background:#ffffff;}
.active {display: block;}
.mainmenu nav ul {height:auto; margin:0; border:none;  }
.mainmenu nav ul li { font-size:.9em !important; float:none !important; display:block; height:auto !important; padding:5px 7px !important; margin:0; border-right:none !important; border-bottom:1px solid #ebebeb;  } 
.mainmenu nav ul li a { line-height:1.4em; display:block !important;}
.mainmenu nav ul li.current-menu-item a, .mainmenu nav ul li.current-menu-parent a, .mainmenu nav ul li.current_page_parent a { background:none !important; }
.mainmenu nav ul li ul { position:relative !important; left:0 !important; top:0 !important; margin:3px 0 3px 10px !important; padding:0; display: block; visibility: visible !important; background: none !important; }
.mainmenu nav ul li ul li { height: auto !important; background:none !important; border-bottom: none !important;}
.mainmenu nav ul li ul li a {padding:2px 8px !important; line-height:1.3em !important;}
.mainmenu nav ul li.current-menu-item ul li a, .mainmenu nav ul li.current-menu-parent ul li a, .mainmenu nav ul li.current_page_parent ul li a { background:none !important;  }
.mainmenu nav li ul li:hover { background: none !important; }
.mainmenu nav li ul li:hover a {background: none !important;}

.fixednav { z-index: 9999; position: inherit !important; left: 0; top: 0; width: 100%;} 

}



@media screen and (max-width: 800px)  {
	
.content { max-width:780px !important; padding:0 10px !important;}
	
.sidebarbox img {max-width:220px; }
.sidebarbox #map-canvas { max-width:220px; }

/* slider */ 	
.slider-pager { padding:5px 0 !important; height:45px; margin-top:0 !important; }
.cycle-prev, .cycle-next  { font-size:24px; line-height:24px; height:30px; width:30px; }
#pager { font-size:45px}
.slider .textbox { position:relative !important; left:0 !important;  padding:10px 25px !important; display:block; width:calc(100% -50px) !important; max-width:760px !important; border:none !important; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.slider .slider-caption {top:10px !important; right:5px !important;  padding:5px 10px !important;   font-size: .9em !important;}

/* button */
.boxbutton { font-size:.8em; font-weight:500 !important;  }
.boxbutton { margin:0; padding:8px 10px !important;  }
.boxbutton:hover {  padding:8px 10px !important;}

.listbutton {  font-size:.8em; font-weight:500 !important;  }
.listbutton { margin:0; padding:8px 10px !important;  }
.listbutton:hover {  padding:8px 10px !important;}

.col-ofc .listbutton { font-size:.85em; font-weight:normal !important; padding:8px 10px;}
.col-ofc .listbutton:hover { padding:8px 10px !important;}

/* blogdate */
.postdate { float:left; margin: 15px 30px 0 0; padding: 10px 0;  }
.postdate .day { display:block; font-size:1.5em !important;}
.postdate .month { font-size:.75em !important;}

.footermenu {font-size:.85em !important; }
.bottomline { font-size:.8em !important; }

/* newsletter */ 
article form.widget_wysija { width:85% !important; margin:20px 0x 20px 15px !important; }

/* content */
.col-ofc, .col1-4 {width:48.786170212699% !important; margin:1% 0;}

.col-ttc .col1-2 {width:100% !important;}
.col-ttc .col1-2 {margin:1.5% 0; display: block !important; float:none !important;}
.col-ttc .col1-3 {width:100% !important;}
.col-ttc .col1-3 {margin:1.5% 0; display: block !important; float:none !important;}
.col-ttc .col1-4 {width:100% !important;}
.col-ttc .col1-4 {margin:1.5% 0; display: block !important; float:none !important;}

/* font */ 
h1.pagetitle {font-size:1.3em !important; }
h2.homeheadline { font-size:1.2em !important; }
.slider .textbox h2 { font-size:1.25em !important;}
h1.pagetitle:before {font-size:20px; }
h2.homeheadline:before { font-size:20px; }


}



@media screen and (max-width: 599px) { 
.col-ttc, .col-otc, .col-ohc, .col-ofc, .col-ttfull, .col-otfull { display: block !important; width:100% !important; margin:1.5% 0 1.5% 0 !important; } 


.col1-1 { width:100% !important; }
.col1-2 {width:100% !important;}
.col1-3 {width:100% !important;}
.col1-4 {width:100% !important;}
.col2-3 {width:100% !important;}
.col3-4 {width:100% !important;}
.col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:1.5% 0; display: block !important; float:none !important;}
.inner { padding:0 0 0 0 !important;}

.topline .contactdata { display:none; }
a.opensearch { font-size:20px !important; padding:2px 4px 4px 4px !important; border-radius:0 0 0 3px !important;}

#pager { font-size:30px; line-height:1em; margin:-15px 0 0 0 !important; }
.cycle-prev, .cycle-next  { display:none; }

.contactform { margin:35px 0; padding:10px;  width:100% !important; }
.wpcf7-form {margin:15px 0 25px 0; padding:10px;width:100% !important}
.formcolumn {width:100%; margin-right:none !important; float:none !important;}
.contactform textarea  {width:100%;}

#filters { display:none !important;}
}

@media screen and (max-width: 320px) {
.logo { max-width:280px !important; padding:20px 0 10px 0 !important;}	
.slider .textbox h2 { font-size:1.1em !important;}
h2.homeheadline { font-size:1.1em !important; }
/* newsletter */ 
article form.widget_wysija { width:90% !important; margin:10px 0 10px 15px !important; }
	
	 }