/*
Theme Name: BO-Kanzlei
Description:  WordPress-Theme für Kanzleien oder Praxen 
Version: 3.2
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:95%;	font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;}

body, html {  height: 100%;}
html {    -webkit-text-size-adjust: none; }
body { margin:0; padding:0; text-align:left; font-family: 'Open Sans', sans-serif; font-size:100%; color:#4f4f4f; background:url(images/bg.jpg) top left repeat-y;}

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

#wrapper { width:auto; text-align:left; padding:0 30px 0 150px;}
#page {max-width:980px; padding:15px; box-shadow:0 0 1px #bbb; background:#fff; margin:20px 0 10px 0; border-radius:3px; }
#leftbox {margin:0; padding:0 0 15px 0;  background:#f1f1f1; max-width:290px;  }
#header { max-width:980px; padding:0 15px; margin:20px 0; min-height:80px; }
#logo {margin:0; padding:0; }
#content {margin:0; padding:0;  }
#footer-content { max-width:980px; padding:0 15px; margin:10px 0; }
.bottomline { font-size:.75em; line-height:1.5em; padding:0; margin:0;}

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

h1 { font-size:1.25em; line-height:1.5em; margin:0; padding:0; font-weight:normal; }
h2 { font-size:1.15em; line-height:1.5em; margin:0; padding:5px 0; font-weight:normal;}
h3 { font-size:1.05em; line-height:1.6em; margin:0; padding:0; font-weight:normal; }
h4 { font-size:.95em; line-height:1.6em; margin:0; padding:0; font-weight:bold;}
p { padding:5px 10px 10px 0; margin:0; line-height:1.7em; font-size:.875em;}
a { text-decoration:none;}
p a:hover, ul li a:hover { text-decoration:underline;}
strong { font-weight:bold;}
em { font-style:italic;}

h1 a, h2 a, h3 a, h4 a { text-decoration:none;}

.logotext { padding:25px 0 20px 20px; margin:10px 0 10px 20px; background:#fff;}
.logotitle { font-family: 'Varela Round', sans-serif; font-size:2.5em; line-height:1em; margin:0; padding:10px 0 0 0; }
.logotitle a { color:#4f4f4f; text-decoration:none; border:none;}
.logosubtitle {color:#4f4f4f; margin:0 0 0 2px; padding:3px 0 0 0; font-size:.9em;}

h2.pagetitle { font-size:1.2em; text-transform:uppercase; border-bottom:1px dotted #ccc; padding-bottom:10px; margin:0 0 10px 0;}
article h3 {border-bottom:1px dotted #ebebeb; padding:4px 0;  }

.edit-link { background:#f6f6f6; padding:10px; color:#777; font-size:.8em; margin-top:25px;}
.edit-link:before {content: '\e8a9'; font-family: 'fontello'; font-size:14px; margin-right:10px;}

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

.col-full { width:100%; margin:1.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.5% 0;}
.col-otc { width:31.714893617021%; margin:1.5% 0;}
.col-ofc { width:23.179255319148%; margin:1.5% 0;}
.col-ohc {width:48.786170212699%; margin:1.5% 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 25px 0 0;}


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

.footermenu { padding:0; margin:-5px 0 0 0;}
.footermenu ul { margin:0; padding:0; list-style:none; }
.footermenu ul li { display:inline; font-size:.75em; margin:0; padding:0 7px; line-height:1.2em;}
.footermenu ul li:last-child { border-right:none;}
.footermenu ul li a { color:#4f4f4f; }
.footermenu ul li a:hover { text-decoration:underline; }


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

#main-menu { margin:0; padding:0; width:100%; position:relative;  }

.toggleMenu { display:  none; width:100%;  text-align:left; text-indent:10px; height:28px; line-height:28px; color:#777; font-size:.85em; text-transform:uppercase; background:#efefef url(images/nav-icon.png) right no-repeat; margin:5px 0 10px 0;}  

.nav {list-style: none; *zoom: 1; width:100%; font-size:.855em; text-transform:uppercase; }
.nav:before, .nav:after { content: " "; display: table; }
.nav:after {clear: both;}
.nav ul {list-style: none; }
.nav li {position: relative; display:block; line-height:1.7em;  padding:6px 0; white-space:nowrap; border-top:1px solid #fff; border-bottom:1px solid #d9d9d9;}
.nav li:first-child { border-top:none;}
.nav li:last-child { border-bottom:none;}
.nav li ul li, .nav li ul li ul li {font-size:.9em; text-transform:none !important; }

.nav a { color:#4f4f4f; display:block; padding:4px 15px;}
.nav a:hover {margin:0 5px 0 -7px; text-decoration:none; }
.nav li.current-menu-item a, .nav li.current-menu-parent a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a { margin:0 5px 0 -5px; border-radius:0;}
.nav li.current-menu-item ul li a, .nav li.current-menu-parent ul li a, .nav li.current_page_parent ul li a, .nav li.current-menu-ancestor ul li a {  color:#4f4f4f; background:none !important;}
.nav li.current-menu-item ul li ul li a, .nav li.current-menu-parent ul li ul li a, .nav li.current_page_parent ul li ul li a { background:none !important; color:#4f4f4f; }

.nav > li {display:block;}
.nav > li > a {display: block;}
.nav li ul { display:none; width:auto; white-space:nowrap; margin-left:25px;  }
.nav li.current-menu-item ul, .nav li.current-menu-parent ul, .nav li.current-menu-ancestor ul, .nav li.current_page_parent ul { display:block;}
.nav li ul li { text-align:left; display: list-item; float: none; line-height:1.2em; padding:3px 0 !important; margin: 0; border-bottom:none; border-top:none; list-style-type:square;}
.nav li ul li a { padding:4px 10px 2px 5px;}
.nav li ul li ul li { font-size:1em;}
.nav li li a {display: block; background: #ebebeb; position: relative; z-index:100;}
   

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

.address { margin:30px 10px 10px 10px; background:#f6f6f6; padding:10px; font-size:.95em; text-shadow:1px 1px #dedede; }
.address-name {font-size:1.2em;}
.searchbox { margin:50px 0 10px 10px; padding:0; }

input#searchinput {width:calc(100% - 55px); float:left; border:1px solid #eee; background:#f8f8f8; margin:0 5px 0 0; padding:7px 0 7px 5px; font-family:Verdana, Helvetica, sans-serif; font-size:.75em; font-style:italic; color:#999;  display:inline-block; border-radius:4px;    }
input#searchinput:focus { background:#fff; color:#4f4f4f; }
input#searchsubmit {  font-family: "fontello"; border:none; font-size:26px; width:30px; float:left; cursor:pointer; display:inline-block; color:#999; background:none !important;}


/* ====================== header img ===================== */

#headerimg { width:100%; max-width:630px; overflow:hidden; margin:0 0 20px 0; padding:1px; border:1px solid #f2f2f2;}
#headerimg img { width:100%; height:auto; display:block;}

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


#page-entry { margin:0; padding:0;}
.notfound { font-size:7em; color:#ccc; text-align:left; width:100%; margin:30px 0;}
article ul  {margin:15px 0 25px 20px; padding:0; font-size:.875em;}
article ul li {list-style:square; padding-left:5px; line-height:1.6em; margin:3px 0;}
ul.check { margin:15px 0 25px 0; padding:0; list-style:none;  }
ul.check li { list-style:none; line-height:1.6em; margin:3px 0;}
ul.check li:before {font-family: "fontello";  content: '\e861'; margin-right:10px;}
ul.standard { margin:15px 0 25px 20px; padding:0; }
ul.standard li { list-style:square; padding-left:5px; line-height:1.6em; margin:3px 0;}
ul.plus { margin:15px 0 25px 0; padding:0; list-style:none;  }
ul.plus li { list-style:none; line-height:1.6em; margin:3px 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; }
ul.pfeil li { list-style:none; line-height:1.6em; margin:3px 0;}
ul.pfeil li:before {font-family: "fontello";  content: '\e88b'; margin-right:10px; }

.sticky {}
.bypostauthor {}
 
blockquote { padding:0 0 0 10px; margin:20px 20px 25px 0;}
blockquote:before {font-family: "fontello";  content: '\e85c'; font-size:60px; color:#bbb; margin:0 20px 20px 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;}

article 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;  }
article .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;}


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

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

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


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

#icontable {max-width:95%; font-size:11px;}
#icontable table td {padding:0; margin:0;}
#icontable [class^="icon-"]:before, #icontable [class*=" icon-"]:before {font-size:16px; }

.toggle-box { margin:20px 0; padding:0; max-width:97%; }
.toggle-headline { background: #fbfbfb; border:1px solid #ebebeb; border-radius:2px; padding:4px 0 4px 6px; margin:5px 0; cursor:pointer;}
.toggle-headline h2 { font-size:1em; margin:0 !important; padding:0 !important; line-height:1.5em; }
.toggle-headline h2:before { float:left;   content: '\002B'; font-size:24px;  margin-right:15px; font-weight:normal; color:#999; }
.toggle-more { padding:10px; border:1px solid #ebebeb;}

.tab-box  {background: #fbfbfb;  position:relative; width:97%; margin:20px 0; padding:5px; border:1px solid transparent; border-radius:3px; }
.tab-box  ul.tabber { height:36px; position:absolute; top:6px; left:2px; z-index:100; margin:0; padding:0;}
.tab-box  ul.tabber li {float:left; list-style:none; margin:0; padding:0; background:none;}
.tab-box  ul.tabber li a { border:1px solid #ebebeb; border-bottom:none; border-radius:3px 3px 0 0; color:#666; font-size:1em; display:block; height:37px; line-height:36px; padding:0 12px; text-decoration:none; margin:0 0 0 3px; background:#F1F1F1;}
.tab-box  ul.tabber li:last-child a {}
.tab-box  ul.tabber li a:hover {background: #fff; border:1px solid #ebebeb; border-bottom:none; }

.tab-box  ul.tabber li a.active { background: #fff; border:1px solid #ebebeb;  border-bottom:none;}
.tab-box .panel  { background:#fff; border:1px solid #ebebeb;   border-radius:0 3px 3px 3px; margin:38px 0 0 0; padding:25px 10px 10px 10px; position:relative; z-index:99;}

.teambox {border:1px dotted #ebebeb; padding:5px; margin:0 0 20px 25px; float:right; width:37%; background:#fff; }
.teambox ul { margin:0; padding:0; list-style:none;}
.teambox ul li {font-size:.9em; margin:0; padding:6px 0 7px 6px; line-height:1.5em; list-style:none; border-bottom:1px dotted #ebebeb;}
.teambox ul li:last-child { border-bottom:none !important;}
article .teambox ul li [class^="icon-"]:before, article .teambox ul li [class*=" icon-"]:before {float:left; margin:0 5px 0 0 !important; line-height:1.2em; font-size:22px; width:30px;}
article .teambox ul li .icon-mobile:before {font-size:26px; margin:-5px 4px 0 0 !important;}
article .teambox ul li .icon-fax:before {font-size:20px;}
.teambox .caption { font-size:1.1em; background:#f6f6f6; margin:0 0 0 -6px; padding:4px 0 4px 10px;}


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

/* ======================== blog lists & entries ============================ */

/* next post - meta cat */

.prevnextpost { float:right; clear:both; margin-top:-8px;}
.prevpost a, .nextpost a {margin:0 1px; font-size:1.2em; line-height:1em; background:#f1f1f1; color:#bbb; text-decoration:none; padding:2px; border-radius:0 0 2px 2px;}
.prevpost a:hover, .nextpost a:hover {text-decoration:none;}
article .prevnextpost [class^="icon-"]:before, article .prevnextpost [class*=" icon-"]:before {float: none !important; margin:0 !important; line-height:1em !important; }

.prevnextpost a {display: inline; position: relative; }
.nextpost a:hover:after { background: rgba(227,227,227,.5); bottom: 30px;content: attr(title);right:0px; padding: 5px 15px;position: absolute;width:auto;z-index: 98; font-size:11px; color:#333;
white-space:nowrap;	text-align:right;}
.prevpost a:hover:after{background: rgba(227,227,227,.5);bottom: 30px; content: attr(title);right:-30px;padding: 5px 15px;position: absolute; width:auto; z-index: 98;white-space:nowrap;font-size:11px; color:#333;text-align:right;}


.meta-category { margin:5px 0 10px 0; padding:5px 0; font-size:.8em; color:#777; line-height:1.5em; border-top:1px dotted #ebebeb; border-bottom:1px dotted #ebebeb;  }
.more-meta {width:150px; display: inline-block; font-style:italic; font-size:.7em;}
.single-meta .meta-author { font-size:.75em; font-style: italic; color:#777; margin:0; padding:0;}

a.post-more { text-transform:uppercase; font-weight:600; font-size:.9em;}
a.post-more:hover { color:#777;}
.postdate { float:right; margin:0 15px 0 0; padding:2px 6px; background:#fbfbfb; border:1px solid #ebebeb; font-size:.75em;  }


/* pagination */

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


/* post format */ 

.alignright { float:right; margin:0 0 0 20px;}
.alignleft { float:left; margin:0 20px 0 0;}
.aligncenter {margin:5px auto; }
.gallery-caption {}
.screen-reader-text { visibility:hidden;}

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

.single-entry 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;  }
.wp-caption img {width: 100%; height: auto; display:block; border:1px solid #f6f6f6;}
p.wp-caption-text { max-width: 97.5%;  width: auto;  background:#f6f6f6; border:1px solid #f6f6f6; border-top:none; margin:0; padding:5px 0 5px 0 !important; text-indent:10px; font-style:italic; font-size:.9em;}

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

.blog-list-entry { padding:0; margin:0 15px 15px 0;}
.blog-list-entry h3 a { color:#4f4f4f;}
.blog-list-entry a.more { font-style:italic; }

.blog-thumb { float:left; margin:15px 20px 10px 0; padding:1px; border:1px solid #ebebeb;}
.single-thumb { float:right; margin:15px 0 10px 20px; padding:1px; border:1px solid #ebebeb;}
.blog-thumb img, .single-thumb img { width:100%; height:auto; display:block;}


.category-description { margin:0 0 20px 0; padding:3px 0 3px 10px; background:#f6f6f6; font-size:12px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.separator { border-bottom:1px dotted #ccc;  padding:0; margin:0 0 10px 0; height:1px;}


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

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

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:7px; }
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;}
.comments-title {font-size:1.1em;}
.comment-meta { font-size:.8em; color:#777;}
.meta-author { font-size:.8em; font-style: italic; color:#777;}


#respond {width:97%;  }
#respond label { }
#respond input {  width:240px; padding:3px; margin:2px 0 0 0; border:1px solid #e0e0e0; border-radius:3px; }
#respond textarea {  padding:5px; width:100%; margin:10px 0; border:1px solid #e0e0e0; border-radius:5px; box-sizing:border-box;}
#respond a { color:#454545; text-decoration:underline;}
#respond a:hover { color:#000; text-decoration:underline;}
#respond input#submit { background:#cc3300; color:#fff; border:1px solid #cc3300; padding:5px 10px !important; font-size:.9em;}

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


/* ====================== homepage ================== */ 

.buttonwrap { text-align:left; display:block; margin-top:5px; } 
.boxbutton { width:auto; display:block; padding:3px 0; font-size:.85em; text-transform:uppercase; text-decoration:none; font-weight:bold; }
.boxbutton:hover {text-decoration:none; padding-left:5px; }
.infoboxes { margin:20px 0;}
.infoboxes .col-ohc:nth-of-type(2n) { margin-right:0 !important;}
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before { float:left; margin:0 15px 2px 0; padding:0; line-height:1em; }
.boxcontent h3 { margin:0 0 5px 0 !important; padding:0 !important; font-size:1.15em;}
.boxcontent {padding:5px 5px 5px 10px; border:1px solid #e3e3e3; -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px;  display:block; font-size:.9em; line-height:1.5em;  background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb));
background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 100%);
background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 100%);
background: linear-gradient(to bottom, #ffffff 0%,#fbfbfb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); }
.infoboxes .boxtext { text-align:left; }



/* ====================== contactform ==================== */ 

.contactform, .wpcf7 { margin:10px 0; padding:0;  }
.contactform label, .wpcf7 label { font-size:.8em; 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:.8em; 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 { width:95%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; font-size:1em; box-sizing:border-box;}
.contactform input:focus, .contactform textarea:focus, .wpcf7 input:focus, .wpcf7 textarea:focus  { border:1px solid #999;}

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

.contactform button, .wpcf7 .wpcf7-submit { cursor:pointer; margin-top:15px; background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
  -webkit-border-radius: 5px;
  -moz-border-radius   : 5px;
  border-radius        : 5px;
   border: 1px solid #aaaaaa;
  -webkit-box-shadow: 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow   : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
  box-shadow        : 0 0 3px #ffffff inset, 0 1px 1px rgba(0,0,0,0.1);
   padding:5px 20px 6px 20px; 
}

.thanks {width:90%; padding:10px; margin:15px 0;  border:1px solid #e5e5e5;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}


/* ================= 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 =================== */

p a { color:#cc3300;}
.nav a:hover {background:#cc3300; color:#fff; }
.nav li.current-menu-item a, .nav li.current-menu-parent a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a { background:#cc3300; color:#fff;}
.nav li ul li.current-menu-item a, .nav li ul li.current_page_parent a { color:#cc3300;  }
.nav li ul li.current-menu-item, .nav li ul li.current_page_parent { color:#cc3300;  }
.nav li ul li a:hover { background:none; color:#cc3300;}
.nav li ul li:hover { color:#cc3300;}
.smicons span { background:#ccc;}
.smicons span:hover {background:#777; }
.boxbutton { color:#cc3300;  }
.prevpost a:hover, .nextpost a:hover {color:#cc3300;}
.page-nav a:hover {color:#cc3300;}
.tab-box  ul.tabber li a:hover {color:#cc3300; }
.tab-box  ul.tabber li a.active {color:#cc3300; }
.meta-category a { color:#cc3300;}



@media screen and (max-width: 1024px) { 

body { background:#fff url(images/bg2.jpg) top left repeat-y; }
	
#wrapper {  padding:0 0 0 80px!important; }
#page {max-width:900px; padding:15px;}
#gototop { right:20px; bottom:75px; }
}


@media screen and (max-width: 800px) { 

body { background:#fff url(images/bg3.jpg) top left repeat-y; }
.col-ohc { width:100%; margin:1.5% 0; margin-right:0 !important; float:none !important; display:block;}
#wrapper {  padding:0 0 0 0!important; }	
#page {max-width:780px; padding:10px !important; box-shadow:none !important;}
#header { max-width:780px; padding:0 0 !important;  }
#logo img { max-width:780px;}
#infobox .col-ohc { width:100%; margin-right:0 !important; float:none !important; display:block;}
input#searchinput {width:170px;}
.teambox {padding:3px !important; margin:0 0 20px 15px; float:right; width:47%; background:#fff; }	

}

@media screen and (max-width: 768px) { 
	
body { background:#fff url(images/bg4.jpg) top left repeat-y; }
#wrapper {  padding:0 0 0 0!important; }	
#page {max-width:748px; padding:10px !important; box-shadow:none !important;}
#header { max-width:748px; padding:0 0 !important;  }
#logo img { max-width:740px;}

}

@media screen and (max-width: 640px) { 

body { background:#f1f1f1; background-image:none !important; }
.col-ttc { width:100%; margin:1.5% 0; margin-right:0 !important; float:none !important; display:block;}
.col-otc, .col-ohc { width:100%; margin:1.5% 0; margin-right:0 !important; float:none !important; display:block;}
#leftbox {max-width:600px;  }
#header { max-width:600px;  }
#logo img { max-width:600px;}
input#searchinput {width:360px;}
 .active {display: block;}
	
#main-menu ul {text-align:left !important;}

.nav li.current-menu-item a, .nav li.current-menu-parent a { background:none !important; color:#cc3300; font-weight:bold;}
.nav li.current-menu-item ul li a, .nav li.current-menu-parent ul li a { color:#4f4f4f; font-weight:normal;}
.nav li ul li.current-menu-item a, .nav li ul li.current-menu-item a { color:#cc3300; font-weight:bold; }
.nav li {margin-left:5px !important;  padding:0 0 0 10px; line-height:1.6em; border-bottom:1px solid rgba(0,0,0,0.1); }
.nav a {  color:#4f4f4f; width:auto; padding:7px 0px;}
.nav a:hover {color:#cc3300; background:none;  margin:0 5px 0 0 !important; }
.nav li ul { padding:0; border-radius:0 0 0 0; margin:1px 0;}
.nav li li a { background:none !important;}
.nav li ul li { line-height:1.5em; padding:2px 5px 2px 10px;	list-style-type:none !important;	}
.nav li ul li a:hover { color:#cc3300;}
.nav > li {float: none; display:block;}

.nav li ul {display: none; text-align:left; width: 100%; list-style-type:none !important;}
.nav > li.hover > ul , .nav li li.hover ul {position: static;}

.nav li.current-menu-item ul, .nav li.current-menu-parent ul {display: block; }
.nav li.current-menu-item a, .nav li.current-menu-parent a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a 
{margin-left:0px !important; }	

.teambox {padding:3px !important; margin:0 0 20px 15px; float:right; width:55%; background:#fff; }	

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


@media screen and (max-width: 480px) { 
#header { padding:0 5px; margin:15px 0 !important; min-height:30px !important; max-width:480px !important; }
#leftbox {max-width:480px;  }
#logo img { max-width:480px !important;}
input#searchinput {width:380px;}  
.formcolumn {width:95%; margin-right:0 !important; float:none !important; display:block;}
.teambox {padding:3px !important; margin:10px 0 20px 0 !important; float:none !important; width:97% !important;  }	
}

@media screen and (max-width: 320px) { 

#leftbox {max-width:320px;  }
#header { max-width:320px !important; }
#logo img {max-width:310px !important;}
input#searchinput {width:220px;}
}