/*
--------------------------------------------------------------
Theme Name: Handwerk3
Theme URI: http://brings-online.com/demo/handwerk/
Description:  CMS Theme für Handwerksbetriebe oder Freiberufler
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: 100%; font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;}

html { height: 100%; -webkit-text-size-adjust: none;}

body { margin:0; padding:0; text-align:center; font-family: 'PT Sans Caption', sans-serif; font-size:92%; color:#444; border-bottom:5px solid #ccc; background:#f0f0f0;}

img { border:none;}
h1,h2,h3,h4,h5,h6,p,ul,li,form { margin:0; padding:0;}
ul, li { list-style:none;}
.clear { clear:both; }


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

h1 { font-size:1.4em; line-height:1.5em; margin:0; padding:10px 0; font-weight:normal; color:#333; }
h2 { font-size:1.2em; line-height:1.5em; margin:0; padding:5px 0; font-weight:normal; color:#333;}
h1 a, h2 a, h3 a, h4 a { color:#666; text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {color:#c00;}
h3 { font-size:1.15em; line-height:1.6em; margin:0; padding:0; font-weight:normal; }
h4 { font-size:1em; line-height:1.6em; margin:0; padding:0; font-weight:bold;}

p { padding:5px 10px 15px 0; margin:0; line-height:1.6em; font-size:.9755em;}
p a { color:#c00; text-decoration:none; }
p a:hover {text-decoration:underline; }
p strong {font-weight:bold;}
p em {font-style:italic;}

h1.logo-title {font-family:'Jura', sans-serif; font-size:3em; font-weight:500; line-height:1.05em; margin:0; padding:15px 0 0 0; letter-spacing:-1px;}
h1.logo-title a { color:#444; text-decoration:none; border:none;}
h1.logo-title a:hover { color:#444; text-decoration:none; border:none;}
h2.logo-subtitle {color:#444; margin:0 0 0 2px; padding:0; font-size:.875em;}
h1.post-title { font-size:1.3em; line-height:1.5em; margin:0; padding:7px 0; font-weight:normal; text-transform:uppercase; font-family:PT Sans, sans-serif;}

@media screen and (max-width: 480px)  {
body { font-size:90%;}	
h1.logo-title {font-size:2em; line-height:1.1em; margin:0; padding:15px 0 0 0;}
}

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




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

#topline { background:#ccc url(images/topbg.png) top left repeat-x; height:4px; width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.7);}
#body-wrapper { width:100%; padding:0; margin:0; position:relative; }

#wrapper { margin:0; padding:0; position: absolute; top:150px; left:0; height:220px;  width:100%; background:#0e578f url(images/body.png) top left repeat; z-index:1; }
#header {margin:0 auto; padding:0; max-width:870px; height:150px; position:relative;}
#logo {margin:0; padding:10px; text-align:left; height:100px; }

#page-wrapper { background:#0e578f; max-width:870px; padding:10px 10px 10px 10px; margin:0 auto; position:relative; z-index:2; border-radius:3px; }
#page {margin:0 auto; padding:0; border:10px solid rgba(255, 255, 255, 0.5);  border-radius:3px; }

#content { text-align:left; background:#fff; min-height:400px; padding:0; margin:0;  }
#footer { width:100%; margin:30px 0 0 0; border-top:3px double #fff;}
.footercontent {margin:0 auto; max-width:870px; text-align:left; padding:15px 0;}


@media screen and (max-width: 640px)  {
#wrapper {	display:none !important; }
#header { height:auto !important;}
 }


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


.toggleMenu { display:none; width:30px; float:right; height:20px; background:#0e578f url(images/nav-icon.png) center no-repeat; margin:0 10px 0 0; padding:7px 5px 5px 5px; border-radius:3px 3px 0 0;}  

#main-menu {margin:0; color:#fff;  padding:0;  width:100%; text-align:right; position:absolute; bottom:0; right:0;    }
#main-menu ul {list-style:none; font-size:.8em; text-transform:uppercase;  margin:0; padding:0; list-style: none; *zoom: 1;}
	 
#main-menu ul:before,
#main-menu ul:after {content: " "; display: table; }
#main-menu ul:after {clear: both;}
	 
#main-menu ul li { line-height:2em;  display:inline-block; padding:0; margin:0 2px; border-radius:3px 3px 0 0; } 
#main-menu ul li:hover { }
#main-menu ul li a { color:#fff; background: #0e578f; text-decoration:none; padding:6px 10px 5px 10px; display:inline-block; border-radius:4px 4px 0 0; }
#main-menu ul li a:hover {  color:#fff; background: #c00; border-radius:4px 4px 0 0; padding:10px 10px 5px 10px; transition: padding-top 0.2s ease; }
#main-menu ul li.current-menu-item a { color:#fff; background: #c00 ; border-radius:3px 3px 0 0;}
#main-menu ul li.current-menu-parent a,  #main-menu ul li.current_page_parent a { color:#fff; background: #c00 ; border-radius:3px 3px 0 0;}


@media screen and (max-width: 640px)  {
.active {display: block;}
#main-menu {width:60%; text-align:left; z-index:110;   }
#main-menu ul { height:auto !important; margin-right:48px; margin-bottom:-100%; }
	
#main-menu ul li {  display:block; border-radius:0px 0px 0 0; border-bottom:1px solid rgba(255,255,255,0.3)} 
#main-menu ul li a { display:block; border-radius:0px 0px 0 0; }
#main-menu ul li a:hover {  border-radius:0px 0px 0 0; padding:6px 10px 5px 10px;  }
#main-menu ul li.current-menu-item a { border-radius:0px 0px 0 0;}
#main-menu ul li.current-menu-parent a,  #main-menu ul li.current_page_parent a { border-radius:0px 0px 0 0;}
}


@media screen and (max-width: 480px)  {
#main-menu {width:80%; }	
	 }

@media screen and (max-width: 320px)  {
#main-menu {width:94%; }	
	 }
	 
	 
	 
/* ========== homepage ========== */ 


#home-image {max-width:850px; max-height:255px; margin:0; padding:0; position:relative; overflow:hidden;}
#home-image img { width:100%; height:auto; display:block; }
#home-image .slideshow img:first-child { position: static; z-index: 100;}

.cycle-prev {display:none; position:absolute; left:10px; top:30%; z-index:100; background:url(images/prevnext.png) 0 -40px no-repeat; width:40px; height:40px; }
.cycle-next {display:none; position:absolute; right:10px; top:30%; z-index:101; background:url(images/prevnext.png) 0 0 no-repeat; width:40px; height:40px;}

#home-image:hover .cycle-prev, #home-image:hover .cycle-next {display:block; cursor:pointer; }

#home-welcome { font-family:PT Sans, sans-serif; position:absolute; z-index:100; top:200px; height:35px; background:url(images/pagebg.png) top left repeat; width:100%; max-width:830px; padding:10px 0 15px 25px; font-size:1.3em; line-height:1.8em; color:#333;}


.pager-bullets { text-align:center; position:absolute; bottom:10%; z-index:200; }
.pager-bullets span { font-size:1.5em; color:#999; display:inline-block; margin:0 2px 5px 0; cursor:pointer; }
.pager-bullets .cycle-pager-active {color:#c30000;}


@media screen and (max-width: 640px)  {
#home-image {height:170px; max-height:170px; }
#home-welcome { height:30px; background:url(images/pagebg.png) top left repeat; padding:3px 0 5px 15px; font-size:1.15em; }
.cycle-prev, .cycle-next {top:20%; }
	 }

@media screen and (max-width: 480px)  {
#home-image {height:150px; max-height:150px; }
#home-welcome { height:auto; width:100%; background:url(images/pagebg.png) top left repeat; padding:3px 10px; font-size:1.05em; }
#home-image:hover .cycle-prev, #home-image:hover .cycle-next { display:none;}
 }
 
@media screen and (max-width: 320px)  {
#home-image {height:100px; max-height:100px; }
#home-welcome { padding:3px 5px; font-size:.9em; }
 }


#textbox { margin:0; padding:15px 20px 20px 25px; }
#infobox { padding:10px 0 10px 25px; margin:0;   }

.bwrap {float:left; width:46%; padding:3px; margin:0 3% 25px 0; border:1px solid #f0f0f0; display:inline-block; border-radius:4px; position:relative;}
.bwrap:nth-child(2n+2) {margin:0 0% 25px 0 !important; }
.scbwrap {width:93%; padding:3px; margin:0; border:1px solid #f0f0f0; display:inline-block; border-radius:4px; position:relative;}
.scbinner {padding:5px 0 0 10px; font-size:1.1em;}
.info-button .scbinner p { margin:0 !important; padding:0 7px 5px 0!important;}

.info-icon { float:left; clear:left; padding:0 10px 0 5px; margin:0; }
.info-button:hover .info-icon {transition: color 0.8s  linear;}


.info-button { padding:5px; line-height:1.55em;  background:#f8f8f8; border-radius:4px; font-size:.8em;}

.info-button:hover {background:#f3f3f3;}
.info-button a {color:#444; text-decoration:none; padding:0; margin:0; }
.info-button a span { display:block; font-size:1.2em; margin:0; padding:4px 0 6px 0;}
.info-button:hover a span { color:#c00;}

@media screen and (max-width: 640px)  {
#textbox { margin:0; padding:10px 15px 20px 20px; }
#infobox { padding:10px 0 10px 20px; margin:0;   }	
}


@media screen and (max-width: 480px)  {
#textbox { margin:0; padding:10px 10px 20px 15px; }
#infobox { padding:10px 0 10px 15px; margin:0;   }	
.info-button a {padding:5px 80px 0 5px; display:block;  }
.info-button a span { font-size:1.1em;}
}
	 

.schrauber { background:url(images/icons/schrauber.png) top left no-repeat;  display:block; width:70px; height:70px;}
.rolle { background:url(images/icons/rolle.png) top left no-repeat;  display:block; width:70px; height:70px;}
.saege { background:url(images/icons/saege.png) top left no-repeat;  display:block; width:70px; height:70px;}
.bohrmaschine { background:url(images/icons/bohrmaschine.png) top left no-repeat;  display:block; width:70px; height:70px;}
.zirkel { background:url(images/icons/zirkel.png) top left no-repeat;  display:block; width:70px; height:70px;}
.handwerker { background:url(images/icons/handwerker.png) top left no-repeat;  display:block; width:70px; height:70px;}
.werkzeug { background:url(images/icons/werkzeug.png) top left no-repeat;  display:block; width:70px; height:70px;}
.hammer { background:url(images/icons/hammer.png) top left no-repeat; display:block; width:70px; height:70px;}
.helm { background:url(images/icons/helm.png) top left no-repeat;  display:block; width:70px; height:70px;}
.bagger { background:url(images/icons/bagger.png) top left no-repeat;  display:block; width:70px; height:70px;}
.absperrung { background:url(images/icons/absperrung.png) top left no-repeat;  display:block; width:70px; height:70px;}
.huetchen { background:url(images/icons/huetchen.png) top left no-repeat;}


@media screen and (max-width: 320px)  {
.info-button a { padding:5px 10px 0 10px; display:block; height:60px; }
.schrauber, .rolle, .saege, .bohrmaschine, .zirkel, .handwerker, .werkzeug, .hammer, .helm, .bagger, .absperrung, .huetchen { display:none;}
}



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

#footermenu { margin:0; padding:6px 0 0 0; border-top:1px dotted #ccc; text-align:center; }
#footer ul { list-style:none; font-size:.8em;}
#footer ul li {  display:inline; } 
#footer ul li a { color:#676C77; text-decoration:none; padding:0 7px; }
#footer ul li a:hover { color:#c00; }
#footer ul li.current_page_item a { color:#c00; text-decoration:none;}


.footerbox { margin:0; padding:0 10px; font-size:.9em; color:#676c77;  }
.footerbox .phone, .footerbox .mail {margin:5px 0; line-height:2em; font-size:1.15em;}
.footerbox i {font-size:24px;}
.footerbox a {color:#676c77; text-decoration:none;}

/* ========== search ========== */

#search { padding:10px 0 0 20px; margin:0;}
input#searchinput {width:160px; border:1px solid #e0e0e0; background:#fff;  padding:7px 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:right; }
input#searchinput:focus {border:1px solid #838383;  }
input#searchsubmit { font-family: "fontello"; float:right; border:none; background:none; width:30px; font-size:24px; color:#676c77; display:inline-block; cursor:pointer; margin:1px 0 0 4px;}


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


.col-ttc { width:65.85744680851%; margin:1.5% 0;}
.col-otc { width:31.714893617021%; margin:1.5% 0;}

.col-ttc, .col-otc {margin-right:2.427659574468%; display: inline; float:left;}
.cr {margin-right:0 !important;}


@media screen and (max-width: 768px)  {
#search { padding:10px 0 0 0px; margin:0; position:relative;}
input#searchinput {width:230px; display:none; position:absolute; top:10px; left:-80px; box-shadow:0 0 6px #999;   }
input#searchinput:focus {border:1px solid #838383;  }
input#searchsubmit { float:right; border:none; width:50px; height:40px; display:inline-block; cursor:pointer;}
#search:hover input#searchinput {display:block;  }
}

@media screen and (max-width: 640px)  {
.bwrap {float:none !important; width:95%;  margin:0 25px !important 25px 0; border:1px solid #f0f0f0; display:inline-block; border-radius:4px; position:relative;}
.bwrap:nth-child(2n+2) {margin:0 25px !important 25px 0;}
.footerbox {   padding:0 5px; }	
#search { padding:10px 0 0 0px; margin:0; position:relative;}
input#searchinput {width:230px; display:none; position:absolute; top:10px; left:-120px; box-shadow:0 0 6px #999;   }
input#searchinput:focus {border:1px solid #838383;  }
input#searchsubmit { float:right; border:none; width:50px; height:40px; display:inline-block; cursor:pointer;}
#search:hover input#searchinput {display:block;  }
}


@media screen and (max-width: 480px)  {
.col-ttc { width:100%; margin:1.5% 0;}
.col-otc { width:100%; margin:1.5% 0;}
.col-ttc, .col-otc {margin-right:0 !important; display:block !important; float:none !important;}
.footerbox {   padding:0 0 0 20px; }	
#search { padding:10px 0 0 0px; margin:0; position:relative;}
input#searchinput {width:340px; display:block; position:absolute; top:10px; left:0; box-shadow:none;   }
}

@media screen and (max-width: 320px)  {
input#searchinput {width:200px; }
}


#page-entry { padding:10px 15px 30px 25px; margin:0; border-top:1px solid #ccc; }
#page-entry p { padding-right:30px;}

#page-entry ul { margin:10px 0 25px 15px; padding:0; }
#page-entry ul li { margin:8px 0; padding:0; list-style-type: square; }
#page-entry ul li a {color:#c00; text-decoration:none;}
#page-entry ul li a:hover {text-decoration:underline;}
#page-entry ol { margin:10px 0 25px 25px; padding:0; }
#page-entry ol li { margin:5px 0; padding:0; list-style-type:decimal; }


#page-entry table { width:95%; background:#fff; margin:5px 0 25px 0; font-size:12px; padding:0; border:1px solid #e5e5e5;  border-radius:5px;  -moz-border-radius:5px; -webkit-border-radius:5px;}
#page-entry table td { border-bottom:1px solid #e5e5e5; border-top:1px solid #fff; border-right:1px solid #ccc; border-left:1px solid #fff; padding:10px; margin:0;}
#page-entry table td:last-child { border-right:none;}
#page-entry table td:first-child { border-left:none;}
#page-entry table th {padding:6px 10px; font-size:14px; line-height:24px; color:#333; font-weight:normal; border-bottom:1px solid #e5e5e5; text-align:left; }
#page-entry table tr.odd { background:#f5f5f5; }
#page-entry table tr:last-child td { border-bottom:none;}
#page-entry table td:hover { }

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

img.alignright {float:right; margin:0 0 0 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 0 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:10px;}

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

.post-nav { margin:0 0 25px 0; padding:15px 0 0 0; font-size:.7555em; }
.page-numbers {padding:5px; border-radius:2px; margin:0 3px 0 0;}
.post-nav .current {background:#ccc; color:#fff;}
.post-nav a {color:#c00; text-decoration:none;}
.post-nav a:hover {text-decoration:none;}

.teaser-list-box  { margin:15px 0; padding:0 0 15px 0; border-bottom:1px solid #ccc;    }
.teaser-list-box:first-child  { margin-top:0;   }
.teaser-list-thb {padding:5px; background:#f6f6f6; border:1px solid #ebebeb; margin:5px 20px 10px 0; float:left;}
.teaser-list-thb img { width:100%; height:auto; margin:0; padding:0; display:block; }
.teaser-list-box h3 { margin:0; padding:10px 0; font-size:1.2em; line-height:1.4em; font-weight:normal;}
.teaser-list-box p { margin:0; padding:0 0 5px 0; font-size:.8555em; }

.meta-category {  margin:10px 0 10px 0; padding:5px 0 ; font-size:.85em; color:#666; line-height:1.8em;}
.meta-category a { color:#c00; text-decoration:none; }
.more-meta {width:150px; display: inline-block; font-style:italic; font-size:10px;}
.meta {font-style:italic; font-size:10px;}
.date {font-style:italic; font-size:10px; margin:-10px 0 10px 0; padding:0;}

.blogarchive { }

a.more-link { font-size:.85em; font-style:italic;}

.page-nav { margin:10px 0; padding:5px 15px; background:#f9f9f9; font-size:.85em; 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;}

.screen-reader-text { visibility:hidden !important; display:none !important;}


@media screen and (max-width: 480px)  {
#page-entry { padding:10px 10px 30px 15px;}
#page-entry p { padding-right:15px;}
#page-entry table { width:95%; max-width:440px; } 
}

@media screen and (max-width: 320px)  {
#page-entry table { width:95%; max-width:260px; } 
}


/* ========== services ========== */


#header-image {max-width:850px; max-height:240px; display:block; margin:0; padding:0; position:relative; overflow:hidden;}
#header-image img { width:100%; height:auto; display:block; }

@media screen and (max-width: 640px)  {
#header-image { height:auto; max-height:160px; }
}

#service-menu { margin:-3px 0 0 0; }
#service-menu h3 { background:#0e578f; color:#fff; padding:5px 0 5px 10px; margin:0; font-size:.9em; text-transform:uppercase;}
#service-menu ul { padding:10px 0; margin:0;}
#service-menu ul li { padding:0 0 0 10px; margin:0; border-bottom:1px solid #ebebeb; list-style:none; background:url(images/menubullet.gif) left no-repeat;}
#service-menu ul li:first-child { border-top:none !important;}
#service-menu ul li:last-child { border-bottom:none !important;}

#service-menu ul li a { color:#666; text-decoration:none; font-size:.9em; line-height:1.5em; display:block; padding:6px 0 6px 10px; }
#service-menu ul li a:hover { color:#c00; }
#service-menu ul li.current-menu-item a {color:#c00;}

#page-entry .separator {background:#f2f2f2; border-bottom:1px solid #ccc; height:1px; margin:10px 0; display:block; }

hr { border-top:1px solid #e5e5e5; border-bottom:1px solid #ccc; border-left:none; border-right:none; }

.service-list { margin:25px 0;}

.service-box1 { padding:10px 0 10px 0; margin:5px 20px 5px 0; position:relative; border-bottom:1px dotted #ccc;}
.service-box1:last-child { border-bottom:none;}
.service-box1 h2 {font-size:1.1em; margin:5px 0; padding:0; }
.service-box1 p { padding:5px 0; margin:0; }
a.more-services1 {display:block; text-decoration:none; padding:5px 0; margin:0; font-size:.85em; color:#666; } 
a.more-services1:hover {}

.service-box2 { padding:10px; margin:0; border-radius:4px; border:2px solid #fff; background: #f8f8f8;}
.service-box2 h2 {font-size:1.05em; margin:0 0 5px 0; padding:0 0 3px 0; border-bottom:2px solid #fff; }
.service-box2 p { padding:0; margin:0; font-size:.85em;}
a.more-services2 {display:block; background:#f0f0f0; text-decoration:none; padding:5px; margin:15px 0 0 0; font-size:.85em; color:#666; } 
a.more-services2:hover {background:#ebebeb; transition: background 2s ease; color:#333;}

.service-button { margin:15px 0;}

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

.service-button input#request, .service-button .input-icon {
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 35%, #f7f7f7 57%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#ffffff), color-stop(57%,#f7f7f7), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 100%);
}

.service-button .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;

}

/* ========== reference data ========== */ 


.ref-data {margin:25px 0;}

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

.ref-slideshow { width:100%; min-height:290px;  position:relative; overflow:hidden;}
.ref-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;}

.ref-image-box img { width:100%; height:auto; display:block;}
.ref-image-box p { font-size:.855em; line-height:1.5em; padding:7px 0 0 0; margin:0;}
#page-entry .ref-image-box a { text-decoration:none; border:none;}
#page-entry .ref-image-box a:hover { text-decoration:none; border:none;}

#page-entry .ref-data table { width:100%;}
#page-entry .ref-data table td {border-bottom:1px solid #e5e5e5;   padding:6px; margin:0;}

#page-entry .ref-data table td.key {width:140px; color:#666; font-size:.925em; border-right:1px solid #ccc;}
#page-entry .ref-data table th { background:#f6f6f6;}

#page-entry .ref-data ul { margin:0 0 0 10px; padding:0;}
#page-entry .ref-data a { color:#c00; text-decoration:none;}


.cycle-pager { text-align: center; width: 100%; margin:0; padding:0;}
.cycle-pager span { font-size: 30px; padding:0 2px; display: inline-block; color: #ebebeb; cursor: pointer; }
.cycle-pager span.cycle-pager-active { color: #c00;}
.cycle-pager > * { cursor: pointer;}


.reference-box { margin:15px 0; padding:15px 0; border-bottom:1px solid #ebebeb;}
.reference-box p { font-size:.9em; line-height:1.5em;}
.ref-thumb-image-box {float:left; width:200px; margin:0 25px 0 0; padding:4px; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px; background:#f8f8f8; border:1px solid #e3e3e3; box-sizing:border-box;}
.ref-thumb-image-box img { width:100%; height:auto; max-height:200px; display:block;}



/* ===================  galleries =================== */


.wp-caption { padding:5px; margin:5px 20px 10px 0; background:#fff;  border-radius:3px; box-shadow:#ccc 0px 0px 2px; -moz-border-radius:3px; -moz-box-shadow:#ccc 0px 0px 2px; -webkit-border-radius:3px; -webkit-box-shadow:#ccc 0px 0px 2px; border:2px solid #fff; }

.wp-caption img { width:100%; display:block; height:auto;}
.wp-caption-text { font-size:.8em; color:#777;}

.gallery {margin:0; padding:10px 0; }
.gallery-item { float:left; margin:5px 10px 5px 0; padding:2px; text-align:center; border-radius:3px; box-shadow:#ccc 0px 0px 2px; -moz-border-radius:3px; -moz-box-shadow:#ccc 0px 0px 2px; -webkit-border-radius:3px; -webkit-box-shadow:#ccc 0px 0px 2px; border:2px solid #fff; box-sizing:border-box;}
.gallery img {width:100%; height:auto; display:block;}
.gallery-caption {font-size:.9em; color:#777; text-align:center; margin:0; padding:0;}


code { background:#ebebeb; padding:3px; margin:0; display:block; font-family:"Courier New", Courier, monospace; font-size:13px;}
hr {border-bottom:1px solid #ccc; height:1px; margin:10px 0; border-top:none;}
.notfound { font-size:7em; color:#ccc; text-align:left; width:100%; margin:30px 0;}

#TB_window { padding:15px; border-radius:3px;}
#TB_caption { padding:10px 0; font-size:.9em;}
#TB_secondLine a {color:#999; }


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


.selected-offer { margin:15px 15px 15px 0; padding:8px; background:#f6f6f6; border:3px double #fff; border-radius:3px; font-size:.8em;}

p.thanks { background: #f2f2f2; border: 1px solid #e3e3e3; padding:6px; -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;}

.contact-content { float:left; width:46%; }
.contactform { margin:-20px 0 0 0; padding:0; float:right; width:52%; }

.contactform label, .wpcf7 label { font-size:.85em; display:block; margin:7px 0 2px 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:.85em;}
.contactform select, .wpcf7 select {width:188px; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0;}
.contactform textarea { width:96%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; font-size:1em;}
.contactform label.send-copy {width:auto; float:left; clear:none; margin:2px 0 0 0;  }
.contactform input.check { width:30px; margin-top:2px; float:left; background:none; border:none; }
.contactform input:focus, .contactform textarea:focus { border:1px solid #999;}

.contactform button, .wpcf7 button { cursor:pointer; margin-top:15px; border:1px solid #e3e3e3; font-size:.85em;  padding:6px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background: #f2f2f2; color:#333;}
.contactform button:hover, .wpcf7 button:hover {color:#000; }

.formcolumn {width:45%; float:left; margin:0; padding:0;}
.formcolumn:nth-child(2n+2) {margin-left:20px;}


.mailCopy { padding:5px 1px 0 5px; margin:5px 0; width:96%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
form#contactForm .error { position:relative;}

.contactform .error {display:block; color:#c00;}


@media screen and (max-width: 640px)  {
.contact-content { float:none; width:100%; }
.contactform { margin:10px 0 0 0; padding:0; float:none; width:100%; }
.formcolumn {width:100%; margin-right:0; float:none;}
.formcolumn:nth-child(2n+2) {margin-left:0 !important;}
.contactform input {width:94%;}
}



/* ===================  Google Maps  ======================== */

#page-entry .map { background:#f6f6f6; max-width:760px; margin:5px 0; padding:6px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
#page-entry .contact-content .map { max-width:350px; }


/* ======================= Grid ====================== */ 

.col-ttc { width:65.85744680851%; margin:1.5% 0;}
.col-ohc {width:48.786170212699%; margin:1.5% 0;}
.col-ohc {margin-right:2.427659574468%; display: inline; float:left;}
.cr {margin-right:0 !important;}

/* ======================= 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%;}
.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:1.5% 0; display: inline; float:left;}
.inner { padding:0 30px 0 0;}

@media screen and (max-width: 640px)  {
.col-ohc, .col-ttc {width:100%; margin:1.5% 0;}
.col-ohc {margin-right:0 !important; display: block !important; float:none !important;}	
.col1-2 {width:100%; margin-right:0 !important; display: block !important; float:none !important;}
.col1-3 {width:100%; margin-right:0 !important; display: block !important; float:none !important;}
.col1-4 {width:100%; margin-right:0 !important; display: block !important; float:none !important;}
.col2-3 {width:100%; margin-right:0 !important; display: block !important; float:none !important;}
.col3-4 {width:100%; margin-right:0 !important; display: block !important; float:none !important;}
}


/* ======================= content listen ====================== */ 

#content ul.check { margin:5px 0 15px 5px; padding:0; list-style:none; font-size:.9em; }
#content ul.check li { list-style:none; line-height:1.5em; margin:5px 0;}
#content ul.check li:before {font-family: "fontello";  content: '\e80f'; margin-right:10px;}

#content ul.standard { margin:5px 0 15px 20px; padding:0; font-size:.9em; }
#content ul.standard li { list-style:square; padding-left:5px; line-height:1.5em; margin:5px 0;}

#content ul.plus { margin:5px 0 15px 5px; padding:0; list-style:none; font-size:.9em; }
#content ul.plus li { list-style:none; line-height:1.5em; margin:5px 0;}
#content ul.plus li:before {font-family: "fontello";  content: '\e81d'; margin-right:10px; }

#content .ref-data ul.plus { margin:-5px 0 0 5px !important; font-size:1em;  }

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

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

#gototop { display:none; background:#999; padding:10px; position:fixed; border-radius:3px; right:150px; bottom:30px; text-transform:uppercase;}
#gototop a {color:#fff; text-decoration:none; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em;}
#gototop:hover { background:#c00; }

@media screen and (max-width: 640px)  {
#gototop {display:none; visibility:hidden;}	
table.icondemo { max-width:600px;}
	}

@media screen and (max-width: 480px)  {
#page-entry .map {max-width:400px;}
}

@media screen and (max-width: 320px)  {
#page-entry .map {max-width:240px;}
}