/*
	Theme Name: LPG-Ranch
	Author: Zimt und Zucker GmbH
	Author URI: http://www.zimt-zucker.de
	Description: Theme für LPG-Ranch
	Version: 1.0
	License: Kommerzielle Einzelplatzlizenz
*/

/* Automatically included across all of c5 - use this file gingerly */
img.ccm-captcha-image {display: block}

/* clear and pagination styles */
*.ccm-spacer {clear: both; font-size:1px; line-height:1px; }
div.ccm-pagination { text-align:center; position: relative}
div.ccm-pagination span.ccm-page-right {position: absolute; top: 0px; right: 0px; margin-right: 0px !important}
div.ccm-pagination span.ccm-page-right span {margin-right: 0px}
div.ccm-pagination span.ccm-page-left {position: absolute; top: 0px; left: 0px}
div.ccm-pagination span {margin-right: 4px}
.ccm-ui div.ccm-pagination span {margin-right: 0px;}

/* Extra pagination styling to make code generated by C5 pagination helper look nice */
div.pagination ul strong, div.pagination ul span.ltgray {
	display:block;
	padding:0 14px;
	float:left;
	line-height:34px;
	border-right:1px solid #DDD;
	text-decoration:none;
}

/* Layout */ 
/*
.ccm-layout .ccm-layout-cell{ overflow:hidden; }
*/
.ccm-layout-table .ccm-layout-col {float:left}
.ccm-layout .first .ccm-layout-col-spacing { margin-left:0px !important } 
.ccm-layout .last .ccm-layout-col-spacing { margin-right:0px !important } 

/* global error styles */
.ccm-error {font-weight: bold; color: #f00}
.ccm-required {font-weight: bold; color: #3975AD}

div#ccm-overlay {
	position: fixed;
	z-index:99;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	height:100%;
	width:100%;
	display: none;
} 

.ccm-input-time-wrapper select {width: 55px !important; margin-right: 4px !important;}
.ccm-input-date {width: 80px !important; margin-right: 4px !important;}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}

body{font:13px/1.5 'Raleway','Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}
pre,code{font-family:'DejaVu Sans Mono',Monaco,Consolas,monospace}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:disc}
li{margin-left:15px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure{margin:0 0 12px 0; padding:0;}


.container_24{margin-left:auto;margin-right:auto;max-width:960px}
.col_8, .col_16, .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}
.alpha{margin-left:0}
.omega{margin-right:0}
.container_24 .grid_1{width:30px}
.container_24 .grid_2{width:70px}
.container_24 .grid_3{width:110px}
.container_24 .grid_4{width:150px}
.container_24 .grid_5{width:190px}
.container_24 .grid_6{width:230px}
.container_24 .grid_7{width:270px}
.container_24 .grid_8, .container_24 .col_8{width:310px}
.container_24 .grid_9{width:350px}
.container_24 .grid_10{width:390px}
.container_24 .grid_11{width:430px}
.container_24 .grid_12{width:470px}
.container_24 .grid_13{width:510px}
.container_24 .grid_14{width:550px}
.container_24 .grid_15{width:590px}
.container_24 .grid_16, .container_24 .col_16{width:630px}
.container_24 .grid_17{width:670px}
.container_24 .grid_18{width:710px}
.container_24 .grid_19{width:750px}
.container_24 .grid_20{width:790px}
.container_24 .grid_21{width:830px}
.container_24 .grid_22{width:870px}
.container_24 .grid_23{width:910px}
.container_24 .grid_24{width:950px}
.container_24 .prefix_1{padding-left:40px}
.container_24 .prefix_2{padding-left:80px}
.container_24 .prefix_3{padding-left:120px}
.container_24 .prefix_4{padding-left:160px}
.container_24 .prefix_5{padding-left:200px}
.container_24 .prefix_6{padding-left:240px}
.container_24 .prefix_7{padding-left:280px}
.container_24 .prefix_8{padding-left:320px}
.container_24 .prefix_9{padding-left:360px}
.container_24 .prefix_10{padding-left:400px}
.container_24 .prefix_11{padding-left:440px}
.container_24 .prefix_12{padding-left:480px}
.container_24 .prefix_13{padding-left:520px}
.container_24 .prefix_14{padding-left:560px}
.container_24 .prefix_15{padding-left:600px}
.container_24 .prefix_16{padding-left:640px}
.container_24 .prefix_17{padding-left:680px}
.container_24 .prefix_18{padding-left:720px}
.container_24 .prefix_19{padding-left:760px}
.container_24 .prefix_20{padding-left:800px}
.container_24 .prefix_21{padding-left:840px}
.container_24 .prefix_22{padding-left:880px}
.container_24 .prefix_23{padding-left:920px}
.container_24 .suffix_1{padding-right:40px}
.container_24 .suffix_2{padding-right:80px}
.container_24 .suffix_3{padding-right:120px}
.container_24 .suffix_4{padding-right:160px}
.container_24 .suffix_5{padding-right:200px}
.container_24 .suffix_6{padding-right:240px}
.container_24 .suffix_7{padding-right:280px}
.container_24 .suffix_8{padding-right:320px}
.container_24 .suffix_9{padding-right:360px}
.container_24 .suffix_10{padding-right:400px}
.container_24 .suffix_11{padding-right:440px}
.container_24 .suffix_12{padding-right:480px}
.container_24 .suffix_13{padding-right:520px}
.container_24 .suffix_14{padding-right:560px}
.container_24 .suffix_15{padding-right:600px}
.container_24 .suffix_16{padding-right:640px}
.container_24 .suffix_17{padding-right:680px}
.container_24 .suffix_18{padding-right:720px}
.container_24 .suffix_19{padding-right:760px}
.container_24 .suffix_20{padding-right:800px}
.container_24 .suffix_21{padding-right:840px}
.container_24 .suffix_22{padding-right:880px}
.container_24 .suffix_23{padding-right:920px}
.container_24 .push_1{left:40px}
.container_24 .push_2{left:80px}
.container_24 .push_3{left:120px}
.container_24 .push_4{left:160px}
.container_24 .push_5{left:200px}
.container_24 .push_6{left:240px}
.container_24 .push_7{left:280px}
.container_24 .push_8{left:320px}
.container_24 .push_9{left:360px}
.container_24 .push_10{left:400px}
.container_24 .push_11{left:440px}
.container_24 .push_12{left:480px}
.container_24 .push_13{left:520px}
.container_24 .push_14{left:560px}
.container_24 .push_15{left:600px}
.container_24 .push_16{left:640px}
.container_24 .push_17{left:680px}
.container_24 .push_18{left:720px}
.container_24 .push_19{left:760px}
.container_24 .push_20{left:800px}
.container_24 .push_21{left:840px}
.container_24 .push_22{left:880px}
.container_24 .push_23{left:920px}
.container_24 .pull_1{left:-40px}
.container_24 .pull_2{left:-80px}
.container_24 .pull_3{left:-120px}
.container_24 .pull_4{left:-160px}
.container_24 .pull_5{left:-200px}
.container_24 .pull_6{left:-240px}
.container_24 .pull_7{left:-280px}
.container_24 .pull_8{left:-320px}
.container_24 .pull_9{left:-360px}
.container_24 .pull_10{left:-400px}
.container_24 .pull_11{left:-440px}
.container_24 .pull_12{left:-480px}
.container_24 .pull_13{left:-520px}
.container_24 .pull_14{left:-560px}
.container_24 .pull_15{left:-600px}
.container_24 .pull_16{left:-640px}
.container_24 .pull_17{left:-680px}
.container_24 .pull_18{left:-720px}
.container_24 .pull_19{left:-760px}
.container_24 .pull_20{left:-800px}
.container_24 .pull_21{left:-840px}
.container_24 .pull_22{left:-880px}
.container_24 .pull_23{left:-920px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after,.container_24:before,.container_24:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after,.container_24:after{clear:both}
.clearfix,.container_24{zoom:1}

body {background:#F0E4D6 url(/wp-content/themes/lpgranch/img/lpg-kachel.jpg); font-family: "Droid Serif", serif; padding:0; margin:0; height:100%; font-size:16px; line-height:24px; color:#191919;}
html {height:100%;}

h1 {font-family: "Droid Serif", serif; font-size:26px; line-height:120%;}

a {color:#59b200;}    
p{font-size:16px; line-height:24px;}

#main-container {  border: solid 5px #000; }
#main-container .inner {max-width:1080px; margin: 0 auto; padding:0 20px;}

#content {margin:0 20px; text-align:center;}
#content .inner {position:relative;}
.left-col, .right-col {width:160px; position:absolute; margin-bottom: 60px; margin-top: 1em;}
.right-col {right:20px; top:0; border-top:dotted 2px #656059; padding:15px 0;}
.center-col {width:520px; margin:0 auto 60px auto; min-height: 500px;}

.right-col a {text-decoration:none;}

#header { height:30px; background:#000; color:#fff; margin-bottom:100px;}
#logo {margin:0; float:left; width:50%;}
#logo a {width:132px; height:60px; background: url(/wp-content/themes/lpgranch/img/lpg-logo_132_x_60.png) 0 0 no-repeat; display:block; margin-left:15px;}
nav.toolbar {float:right; width:50%; text-align:right;}
nav.toolbar ul li {display:inline-block; }
nav.toolbar ul li::after {content:'\00a0|\00a0';}
nav.toolbar ul li:last-child::after {content:'';}
nav.toolbar ul li a {color:#fff; font-size: 12px;}
nav.toolbar ul li a:hover, nav.toolbar ul li a.nav-selected {color:#59b200; }

nav ul, nav ul li {list-style:none; margin:0; padding:0;}
nav ul li a {text-decoration:none;}
.left-col nav ul {border-top:solid 2px #000;border-bottom:solid 2px #000; padding: 8px 0;}
.left-col nav ul ul {border:none; padding:0 0 4px 0; margin-top:5px;}
.left-col nav li {border-bottom:dotted 2px #656059;padding: 8px 0;}
.left-col nav li li, .left-col nav li:last-child {border-bottom:none;padding: 2px 0;}
.left-col nav li:last-child {padding: 8px 0 0 0;}
.left-col nav li li:last-child {padding: 4px 0 0 0;}
.left-col nav li a {font-family:"Droid Sans", sans-serif; font-weight:bold; font-size: 18px; line-height:22px; text-transform:uppercase; text-align:center; display:block; color:#000;}
.left-col nav li li a {font-family:"Droid Serif", serif; font-weight:normal; font-size: 14px; line-height:22px; text-transform:none; font-style:italic;}
.left-col li a.nav-selected, .left-col li a.nav-path-selected,.left-col li a:hover, .left-col li li a.nav-path-selected {color:#59b200;}

.center-col h1 {  position: relative; z-index: 1; text-align:center; margin-bottom: 25px;}
.center-col h1  {
	  display: table;
	  white-space: nowrap;
	}
.center-col h1:before,
.center-col h1:after {
	  border-top: 2px solid #000;
	  content: '';
	  display: table-cell;
	  position: relative;
	  top: 0.6em;
	  width: 45%;
	}
.center-col h1:before {
	  right: 0;
	}
.center-col h1:after {
	  left: 0;
	}
.center-col {text-align:left;}

		
		 



.cBlock img {max-width:100%; height:auto;}      
.right-col .cBlock img {max-width:92%; height:auto;}      

#footer-img {background:url(/wp-content/themes/lpgranch/img/Tor_Zaun_Pferde_1000.png) center top no-repeat; height:215px; margin-top: 80px;}
#footer-wiese {background:url(/wp-content/themes/lpgranch/img/gras_419.png) ; height:14px; margin-top:-17px; }

#footer {background:#000; color:#fff; font-family:"Droid Sans", sans-serif; font-size:12px; line-height:143%;  padding:30px 0 80px 0;}
#footer nav a, nav#mobile a {color:#59b200;font-family:"Droid Sans", sans-serif; font-size:14px; line-height:143%; text-transform:uppercase;}
#footer nav li { float: left; width:160px; margin-right:30px;}   
#footer nav ul ul li:last-child {margin-bottom: 20px;}
#footer nav li li {margin-bottom: 0;}
#footer nav li li a, nav#mobile li li a { color:#fff; font-size:12px; text-transform:none;}
#footer nav li li a.nav-selected, #footer nav li li a:hover, nav#mobile a.nav-selected, nav#mobile a:hover {color:#59b200;}
#footer-text {float:left; width:20%; margin-right:5%; margin-bottom: 60px;}
#footer nav {float:left; width:75%;  }


.only-mobile {display:none;}
#header label {cursor:pointer; position:absolute; right :15px; z-index:101; background:url(/wp-content/themes/lpgranch/img/menu_weiss_32px.png) 0 0 no-repeat; width:32px; height:20px;}
nav#mobile {position:absolute; left :0; z-index:100; background: #000; width:100%; height:auto; padding-top: 60px; }
nav#mobile li a {border-bottom: 2px solid #323232;padding:5px 0; display:block; margin:0 20px;}
nav#mobile ul {margin:0 20px;}
nav#mobile ul li {margin-bottom:30px;}
nav#mobile ul ul li {margin-bottom:0;}
.hidden {display:none; opacity:0 !important;}

.dreibilder {margin:60px 0;}
.dreibilder .image {width:30%; float:left;}
.dreibilder .image img{max-width:100%; height:auto; border:5px solid #fff; box-shadow:5px 5px 2px 0px rgba(0,0,0,0.75);-webkit-transform:rotate(1deg);transform:rotate(1deg); }
.dreibilder .image:nth-child(2) {-webkit-transform:rotate(-5deg);transform:rotate(-5deg); margin-top:5px;}
.dreibilder .image:nth-child(3) {-webkit-transform:rotate(5deg);transform:rotate(5deg);}

img.bordered {margin-right:30px; margin-bottom:20px;vertical-align:top; float:left;border:5px solid #fff; box-shadow:5px 5px 2px 0px rgba(0,0,0,0.75);-webkit-transform:rotate(1deg);transform:rotate(1deg);}

.fancybox img {border:5px solid #fff; box-shadow:5px 5px 2px 0px rgba(0,0,0,0.75);}

.sortable_responsive_gallery_image {width:60px !important; height:60px ; float:left; margin: 10px;}	
.sortable_responsive_gallery_image img {border:2px solid #fff; box-shadow:2px 2px 1px 0px rgba(0,0,0,0.75);}
.sortable_responsive_gallery_image img.hoverimage {display:none; border:none; box-shadow:none;}

.sortable_responsive_gallery_container {margin:60px 0;}

ul.squarelist {list-style:none; margin:0; padding:0;}
ul.squarelist li{ margin:0 5% 5% 0; padding:0; float:left; width:30%;box-shadow:5px 5px 2px 0px rgba(0,0,0,0.75);background:#000;}
ul.squarelist li img{max-width:100%; height:auto;}
ul.squarelist li:nth-child(3n) {margin-right:0;} 
ul.squarelist h3 { color:#fff; text-align:left; padding:0 10px 5px 10px; margin:0;}
ul.squarelist h3 a {color:#fff; font-family:'Droid Sans', sans-serif; font-size:14px; font-weight:bold; text-decoration: none;}
ul.squarelist h3 a:hover {color:#59b200;}

.right-col .cBlock {margin-bottom: 20px; border-bottom: 2px dotted #656059; padding-bottom:20px;}


.custom-contact-form form label { font-weight:bold; display:block; float:left; width: 30%; text-align:right; line-height:52px;}
.custom-contact-form form input[type='text'], .custom-contact-form form input[type='email'],.custom-contact-form form textarea {font-family:'Droid Serif', serif;font-size:26px; font-style:italic; display:block; float:left; width: 64%; margin-left:5%; background:none; border:none;border-bottom: dotted 2px #666; color:#000;}
.custom-contact-form form textarea {height:200px;}
.custom-contact-form .message label {line-height:38px;}
.custom-contact-form input[type="submit"] {font-family: 'Droid Sans'; font-weight:bold; color:#fff; background:#000; border:none; padding:4px 8px; font-size:16px; float:right;}

p.date {font-family:'Droid Sans'; display:inline-block; color:#fff; background:#000; padding:0 15px 10px 15px; text-transform:uppercase; font-weight:bold; font-size:24px; text-align:center;}
p.date span.month {font-size:10px;}
body.events img.bordered {margin-top:-70px;}
body.events p.date {}
body.events .center-col {text-align:left;}
body.events .center-col.events img.bordered {margin-top:0;}
body.events .center-col.events a.fancybox {float:left;}

ul.eventlist {list-style:none; margin:0; padding:0; text-align:left;}
ul.eventlist li {position:relative; display:block; min-height:150px; border-bottom: dotted 2px #000; padding-bottom:20px; padding-top:24px;}
ul.eventlist .image {float:left; width:180px; margin-right: 40px;}
ul.eventlist .image img {max-width:100%; width:auto; height:auto;}
ul.eventlist .image img.bordered {-webkit-transform:none; transform:none;}
ul.eventlist .text h3 a{ color: #000; font-size:16px; text-decoration:none; }
ul.eventlist li .text {position:absolute; left:220px; bottom:20px;}     

.tafel .wrap {background:#333; color:#fff;box-shadow:5px 5px 2px 0 rgba(0, 0, 0, 0.75); padding:10px; transform:rotate(1deg);font-family: 'Sue Ellen Francisco', cursive; margin-bottom:5px;}
.tafel h3 {font-size:30px; line-height:36px; margin:0; padding:0; font-weight:normal;}  
.tafel h3 a {color:#fff;}
.tafel p {font-size:18px; line-height: 24px;}
.tafel p>h3 {margin-bottom:15px;}

.facebook-icon {width:29px; height:29px; text-indent:-10000px;display:block; background: url(/wp-content/themes/lpgranch/img/facebook.png) 0 0 no-repeat; margin:20px  auto;} 
.facebook-icon.fb-inverse {background-image:url(/wp-content/themes/lpgranch/img/facebook-inverse.png); margin: 20px 0;}

span.note {font-size:12px;}

@media only screen and (max-width:960px) {
	#main-container .inner {max-width:800px; margin: 0 auto;}
	.left-col {position:static; float:left;}
	.right-col {position:static; }
	.center-col {float:right;}
	#footer-text {float:left; width:45%; margin-right:5%;}
	#footer nav {float:left; width:50%;  }
	
}
@media only screen and (max-width:790px) {
	#main-container .inner {width:auto;}
	.left-col {position:static; display:none;}
	.right-col {position:static; width:100%;}
	.center-col {float:none;width:auto;}
	.only-mobile {display:block;}
	#header .toolbar {display:none;}
	#header {margin-bottom:50px; }
	nav#mobile,input#mobile-menu {display:none;}
	input.only-mobile:checked ~ nav#mobile {display:block !important;}
	
	.right-col .cBlock {float:left; margin-right:20px; max-width:100%;}  
	#footer nav li li a, nav#mobile li li a {font-size:14px;}
}

@media only screen and (max-width:600px) {
	#footer-text {float:none; width:100%; margin-right:0;}
	#footer nav {float:none; width:100%;  }
	ul.squarelist li{width:100%;float:none;}
}




.clearfix:before,.clearfix:after,  ul.nav:before, ul.nav:after {content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after, ul.nav:after{clear:both}
.clearfix, ul.nav{zoom:1}


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}