/*
Theme Name: Holstebro
Author: Daniel Köhne
Author URI: http://www.koehne-design.de
Description: A simplified and responsive template for WordPress.
Version: 1.4
License: All rights reserved
Text Domain: holstebro
*/


/* --------------------------------------------------------------------------------------- */
/* -- 00 RESETS -------------------------------------------------------------------------- */

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
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, small, 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 { margin: 0; padding: 0; border: 0; font-size: 100%; line-height:1.6; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
[hidden] { display: none; }
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }


/* --------------------------------------------------------------------------------------- */
/* -- 01 BASICS -------------------------------------------------------------------------- */

body {
	background: #eee;
	font-size: 18px; 
	font-size: 1.125rem;
	line-height: 1.65; 
	font-family: "PT Sans", Helvetica, "Trebuchet MS", sans-serif;
	font-weight: 400;
	color: #666;
	text-align: left;
	-webkit-hyphens: auto; 
	-moz-hyphens: auto; 
	hyphens: auto; 
	}
#wrapper {
	margin: 0 auto;
	padding: 0;
	width: auto;
	max-width: 1020px;
	background: #fff;
	border-bottom: 20px solid #ED7F00;
	-webkit-box-shadow: 0px 0px 15px -5px rgba(187,187,187,1);
	-moz-box-shadow: 0px 0px 15px -5px rgba(187,187,187,1);
	box-shadow: 0px 0px 15px -5px rgba(187,187,187,1);
	}
a {color: #ED7F00;text-decoration: none;-webkit-transition: all .25s;-moz-transition: all .25s;transition: all .25s;}
a:hover {color: #666;}
p {margin-bottom: 30px;}
strong {font-weight: 700;}
table {border-collapse:collapse; border-spacing:0;}
ol, ul {list-style:none;}
hr {
	margin: 1.5em 0 2em;
	border: 0;
   	height: 1px;
	background: #666;
    	background-image: -webkit-linear-gradient(left, #fff, #bbb, #fff);
    	background-image: -moz-linear-gradient(left, #fff, #bbb, #fff);
    	background-image: -ms-linear-gradient(left, #fff, #bbb, #fff);
    	background-image: -o-linear-gradient(left, #fff, #bbb, #fff);
}
.clear {clear: both;}


/* --------------------------------------------------------------------------------------- */
/* -- 02 TYPO ---------------------------------------------------------------------------- */

@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot');
	src: url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/fontawesome-webfont.woff') format('woff'),
	url('fonts/fontawesome-webfont.ttf') format('truetype'),
	url('fonts/fontawesome-webfont.svg#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1, h2, h3, h4, h5, h6 { 
	font-family: "PT Sans", Helvetica, "Trebuchet MS", sans-serif;
	font-weight: 700;
	line-height 1.25;
	-webkit-font-smoothing: antialiased; 
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
h1 { margin-bottom: 2.25em; font-size: 30px; font-size: 1.875rem; }
h2 { margin-bottom: 1em; font-size: 30px; font-size: 1.875rem; text-transform: uppercase; }
h3 { margin-bottom: 1em; fonts-ize: 24px; font-size: 1.5rem; color: #666; text-align:center; overflow: hidden; }
h1 { padding: 10px 0 0 15px; }
h2 a { color: #ED7F00; line-height: 1.1; }
h2 a:hover { color: #666; }
.multiline-bg {width: auto; padding: 10px 0; margin: 0 auto 1em;}
.multiline-bg span {display: inline; background-color: #f2f2f2; padding: 10px 15px 8px; -webkit-box-decoration-break: clone; -moz-box-decoration-break: clone; box-decoration-break: clone;}
.txtleft {text-align: left;}
.txtright {text-align: right;}
.small {font-size: 14px; font-size: .875rem;}


/* --------------------------------------------------------------------------------------- */
/* -- 03 IMGS ---------------------------------------------------------------------------- */

img, a img { max-width: 100%; width: auto; height: auto; border: 0 none; }
.alignnone, a img.alignnone { margin: 1em 20px 2em 1em;}
.aligncenter, div.aligncenter, a img.aligncenter { display: block; margin: 1em auto 2em; }
.alignright, a img.alignright { float:right; margin: .25em 0 1em 20px; }
.alignleft, a img.alignleft { float: left; margin: .25em 20px 1em 0; }
.wp-caption {max-width: 100%; background: #f2f2f2;border: 10px solid #f2f2f2; max-width: 100%; padding: 3px 3px 1px; text-align: center;}
.wp-caption.alignnone { margin: 0 20px 2em 0; }
.wp-caption.alignleft { margin: .25em 20px 1em 0; }
.wp-caption.alignright { margin: .25em 0 1em 20px; }
.wp-caption img {
	width: auto;
   	height: auto;
    	border: 0 none;
  	margin: 0;
    	max-width: 100%;
   	padding: 0;
}
.wp-caption p.wp-caption-text {
    	font-size: 14px;
	font-size: .875rem;
    	line-height: 1.2;
	text-align: left;
    	margin: 0;
    	padding: 1em 0 0;
}
.index-thumb {
	margin: 0 0 1em 20px;
	border: 1px solid transparent;
	max-width: 50%;
	-webkit-transition: all .25s; 
	-moz-transition: all .25s; 
	transition: all .25s; 
}
.index-thumb:hover {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%);}
.gallery  {margin: auto;}
.gallery-item {float: left; margin-top: 5px; text-align: left; width: 33%;}
.gallery img {border: 1px solid #bbb;}
.gallery-caption {margin-left: 0;}
.gallery-caption {
	margin: .5em auto;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5; 
	color: #666;
	text-align: left;
}
.gallery-caption {font-size: 16px;font-size: 1rem; line-height: 1.6;}


/* --------------------------------------------------------------------------------------- */
/* -- 04 HEADER -------------------------------------------------------------------------- */

.header {
	margin: 0;
	padding: 60px 40px;
	text-align: center;
	overflow: hidden;
}
.logo {max-width: 100%; height: auto; -webkit-transition: all .25s; -moz-transition: all .25s; transition: all .25s;}
#ie8 .logo {width: 100%;}
.logo:hover {-webkit-filter: opacity(.6);-moz-filter: opacity(.6);filter: opacity(.6);}


/* --------------------------------------------------------------------------------------- */
/* -- 05 MENU ---------------------------------------------------------------------------- */

.toggle, .mobile-menu {display: none;}
.navigation { 
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	z-index: 99999; 
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	-webkit-transition: all .25s; 
	-moz-transition: all .25s; 
	transition: all .25s; 
}
.main-menu { 
	text-align: left;
	font-size: 18px;
	font-size: 1.125rem;
	margin: 0 40px;
}
.main-menu li {display: inline-block; position: relative;}
.main-menu > li + li {margin: 0;}
.main-menu a {display: inline-block; color: #666; padding: 10px 20px 8px !important;}
.main-menu li:hover > a {cursor: pointer; color: #ED7F00;}

/* Subnavigation ----------------------------------------------------- */

.main-menu ul {
	position: absolute;
	z-index: 10000;
	display: block;
	left: -9999px;
	top: 46px;
	opacity: 0;
	z-index: 999;
	padding-top: 17px;
	cursor: pointer;
}
.main-menu ul li {
	width: 250px; 
	font-size: 15px;
	font-size: .9375rem;
	background: #f2f2f2;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.main-menu ul a {
	display: block;
	padding: 10px 4px;
	line-height: 130%;
	border-top-width: 0;
	border-bottom: 1px solid #fff;
	color: #444 !important;
	cursor: pointer;
}
.main-menu ul a:hover {background: #f8f8f8; color: #3399cc !important; border-top-width: 0;}
.main-menu ul > li:last-child > a {border-bottom-color: #ccc;}
.main-menu > li:hover > ul {
	opacity: 1;
	left: 50%;
	margin-left: -125px;
	top: 47px;
}
.main-menu li.current-menu-item a, .main-menu li.current_page_item a {background: #ED7F00; color: #fff;}


/* --------------------------------------------------------------------------------------- */
/* -- 06 CONTENT ------------------------------------------------------------------------- */

.main {margin: 2.5em 0 0; padding: 40px; text-align: left;}
.content, .content-archive {
	float: left;
	margin-bottom: 40px;
	font-size: 18px; 
	font-size: 1.125rem;
	width: 70%;
	padding-right: 30px;
	border-right: 1px solid #fff;
}
.content ul {padding: 0 0 0 2.5em; margin-bottom: 20px;}
.content ol {padding: 0 0 0 2em; margin-bottom: 20px; font-weight: bold;}
.content ul li {list-style: square outside;}
.content ol li {list-style: decimal outside;}
.content ul li, .content ol li {line-height: 1.6;}
.intro {padding-bottom: 2.5em;}
.meta {text-align: right; margin-bottom: 1em;}
.pdf:after {  
	display:inline-block; 
	-webkit-font-smoothing: antialiased; 
	font: normal 18px/1 'FontAwesome'; 
	vertical-align: baseline; 
	padding: 0 0 0 10px;
}
.pdf:after {content: '\f1c1';}
.button {display: inline-block; background: #f2f2f2; padding: 10px 15px 8px;}
.bigbutton {
	display: block;
	background: #f2f2f2;
	padding: 15px 20px 10px;
	margin: .5em 0;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
blockquote {
  	background: #f2f2f2;
  	border-left: 10px solid #ccc;
  	margin: 1.5em 0;
  	padding: 20px 25px;
}
blockquote:before {
	display:inline-block; 
	-webkit-font-smoothing: antialiased; 
	font: normal 32px/1 'FontAwesome'; 
	content: '\f10d'; 
	vertical-align: baseline; 
	padding: 0 20px 0 0;
  	color: #bbb;
}
blockquote p { 
	display: inline;
	word-wrap: normal;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	hyphens: none;
}
.archive-list ul {list-style: none;}
.archive-list li {margin: 0 0 1.25em .75em; padding-bottom: 1.25em; border-bottom: 1px solid #bbb; list-style: none;}
.archive-list li:last-child {margin-bottom: 0; border-bottom-width: 0;}
.shadow:hover  {-webkit-box-shadow: 0px 0px 15px -5px rgba(187,187,187,1); -moz-box-shadow: 0px 0px 15px -5px rgba(187,187,187,1); box-shadow: 0px 0px 15px -5px rgba(187,187,187,1);}

/* Suche ------------------------------------------------------------- */

.search {width: 100%; margin-bottom: 1em; overflow: hidden;}
.search input {
    	float: left;   
   	width: 85%;
   	height: 40px;
	font-family: "PT Sans", Helvetica, "Trebuchet MS", sans-serif;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 400;
	color: #bbb;
	padding: 10px 15px; 
   	border: 0 none;
    	background: #f2f2f2; 
}
.search input:focus, .search input:active {outline: 0; background: #fff; color: #666;}
.search button {
   	float: right;
   	position: relative;
    	width: 15%;
	height: 40px;
	border: 0 none;
	padding: 0;
    	color: #fff;
   	background: #bbb; 
    	overflow: visible; 
    	cursor: pointer;
	-webkit-transition: all .25s; 
	-moz-transition: all .25s; 
	transition: all .25s; 
}   
.search button:hover, .search button:active, .search button:focus {background: #ED7F00; outline: 0;}
.search button:before, .search button:before:active, .search button:before:focus {
    	position: absolute;
	top: 0;
    	left: -20px;
    	content: '';
	border-width: 20px 20px 20px 0;
    	border-style: solid solid solid none;
    	border-color: transparent #bbb transparent;
   	-webkit-transition: all .25s; 
	-moz-transition: all .25s; 
	transition: all .25s; 
}
.search button:hover:before, .search button:focus:before, .search button:active:before {border-right-color: #ED7F00;}  
.search button:after {  
	display:inline-block; 
	content: '\f002';
	-webkit-font-smoothing: antialiased; 
	font: normal 18px/1 'FontAwesome'; 
	vertical-align: baseline; 
	padding: 0 10px 0 0;
}
.search button::-moz-focus-inner {border: 0; padding: 0;}    
.clearfix:before, .clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}

/* Kontakt ----------------------------------------------------------- */

.wpcf7-form p {color:#666; font-size: 14px; font-size: .875rem;}
.wpcf7-form input, .wpcf7-form textarea { 
	width: 100%;
	font-family: "PT Sans", Helvetica, "Trebuchet MS", sans-serif;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 400;
	color: #666;
	background: #fff;
	padding: 10px 15px 8px; 
	border: 0 none;
	border-bottom: 2px solid #f2f2f2; 
	margin-bottom: .25em; 
}
.wpcf7-form input:focus, .wpcf7-form textarea:focus {border-bottom-color: #ED7F00; background: #f2f2f2;}
.wpcf7-form .wpcf7-submit { 
	width: auto;
	font-weight: 700;
	background:#f2f2f2;
	cursor:pointer; 
	padding: 10px 15px 8px; 
	color:#ED7F00; 
	border: 2px solid #f2f2f2 !important;
	-webkit-transition: all .25s; 
	-moz-transition: all .25s; 
	transition: all .25s; 
}
.wpcf7-form .wpcf7-submit:hover {color: #666; -webkit-box-shadow: 0px 0px 15px -5px rgba(187,187,187,1); -moz-box-shadow: 0px 0px 15px -5px rgba(187,187,187,1); box-shadow: 0px 0px 15px -5px rgba(187,187,187,1);}
span.wpcf7-not-valid-tip {color:#cc0000;}
div.wpcf7-validation-errors {border:2px solid #cc0000;}
div.wpcf7-response-output {font-style: italic; margin:2em 0 1em; padding:0.2em 1em;}

/* Tabellen ---------------------------------------------------------- */

table {border-collapse:collapse;empty-cells:hide;border: 1px solid #ccc;margin:2em 0; width:10%;}
caption {letter-spacing:1px;font-size:14px;font-size:.875rem;caption-side:top;text-align:center;padding:5px 10px; background: #f2f2f2;}
th {font-weight:bold;padding: 5px 5px;border:0;background: #bbb;}
td {padding: 5px 5px;border: 1px solid #bbb;}
table.hidden {border-collapse:collapse;empty-cells:hide;border-width: 0; margin: 30px 0; width: auto;}
th.hidden {font-weight:bold;padding: 0; border-width:0; }
td.hidden {padding: 0 20px 0 0; border-width: 0;}


/* --------------------------------------------------------------------------------------- */
/* -- 07 SIDEBAR ------------------------------------------------------------------------- */

.side {
	float: left;
	width: 30%;
	padding-left: 30px;
	margin-bottom: 40px;
}
.widget-content {margin-bottom: 1em;}
.widget-title {font-size: 18px; font-size: 1.125rem;}
.widget-content p, .widget-content table {
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5;
	margin: 0 0 15px;
}
.meta-side a, .meta-side a:hover {display: inline-block;}
.published, .print, .archive {margin: .25em 0;}
.published:before,
.print:before,
.archive:before {  
	display:inline-block; 
	-webkit-font-smoothing: antialiased; 
	font: normal 18px/1 'FontAwesome'; 
	vertical-align: baseline; 
	padding: 0 10px 10px 0;
}
.donate:before,
.info:before,
.quote:before {  
	display:inline-block; 
	-webkit-font-smoothing: antialiased; 
	font: normal 30px/1 'FontAwesome'; 
	vertical-align: baseline; 
	padding: 0 10px 0 0;
}
.published:before {content: '\f017';}
.print:before {content: '\f02f';}
.archive:before {content: '\f187';}
.donate:before {content: '\f06c';}
.info:before {content: '\f129';}
.info:quote {content: '\f10d';}


/* --------------------------------------------------------------------------------------- */
/* -- 08 FOOTER -------------------------------------------------------------------------- */

.footer {
	clear: both;
	width: 100%;
	font-size: 14px;
	font-size: .875rem;
	text-align: center;
	overflow: hidden;
}
.credit {padding: 0 0 .5em;}
.imprint {margin: 0 0 1.5em;}
.credit {text-transform: uppercase; letter-spacing: 2px; color: #bbb;}
.imprint a {padding: 0 5px; color: #666;}
.imprint a:hover {color: #ED7F00;}
.slide-up { 
	position:fixed; 
	right:40px; 
	bottom:40px; 
	padding: 0 8px; 
	background:#bbb; 
	color:#ED7F00;
	display:none; 
	cursor:pointer;
}
.slide-up a {color:#fff;}
.slide-up:hover {background:#ED7F00;}
.slide-up a:before {  
	content: '\f106'; 
	display:inline-block; 
	-webkit-font-smoothing: antialiased; 
	font: normal 40px/1 'FontAwesome'; 
	vertical-align: baseline; 
	color: #fff; 
}


/* --------------------------------------------------------------------------------------- */
/* -- 09 MEDIA QUERIES ------------------------------------------------------------------- */

@media ( max-width: 800px ) {
	#wrapper { margin: 0 auto; }
	.header { padding: 40px 20px 0; clear:both; }
	.logo { margin: 0 auto; }
	.navigation { border-top-width: 0; border-bottom-width: 0; }
	.main-menu { display: none; }
	.toggle { 
		display: block; 
		position: relative;
		padding: 15px 20px;
		margin: 1em auto 0 auto;
		background: #bbb;
		cursor: pointer; 
	}
	.toggle:before {  
		content: '\f0c9'; 
		display: inline-block; 
		-webkit-font-smoothing: antialiased; 
		font: normal 32px/1 'FontAwesome'; 
		vertical-align: baseline; 
		color: #fff;
	}
	.toggle.active:before { content: '\f00d'; }
	.mobile-menu { clear: both; background: #ED7F00; }
	.mobile-menu li { border-top: 4px solid #fff;  }
	.mobile-menu li li { border-top: 1px dashed #fff; }
	.mobile-menu > li:first-child { border-bottom: none; }
	.mobile-menu a {
		display: block;
		padding: 15px 20px;
		font-size: 18px;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #fff;
	}
	.mobile-menu ul a { padding-left: 40px; text-transform: none; }
	.main, .content, .content-imprint, .side { width: 100%; padding: 10px; }
	.meta-side a, .meta-side a:hover { display: block; }
	.widget-content p, .widget-content table { font-size: 18px; font-size: 1.125rem; }
	.first-col, .last-col { width: 100%; padding: 0; }
	.first-col {border-right: 0 none; }
	.last-col {}
	.wpcf7-form .wpcf7-submit { width: 50%; }
	.footer-a, .footer-b { width: 100% }
	.footer-b { 
		margin-top: 2em; 
		padding: 20px 0 10px; 
		border-top: 1px solid #ccc; 
		font-size: 18px; 
		font-size: 1.125rem; 
	}
}

@media ( max-width: 600px ) {
	.header { padding: 20px; }
	.index-thumb { margin: 0 0 1em 0; max-width: 100%; }
	.wpcf7-form .wpcf7-submit { width: 100%; }
}

@media ( max-width: 400px ) {
	.footer-a { display: none; }
	.footer-b { margin-top: 0; border-top: 0 none; }
}

@media print {
	body { background: #fff; font-size: 12pt; }
	#wrapper { margin: 0; padding: 0; border-bottom-width: 0; }
	.main { margin: 0; padding: 0; }
	.header { padding: 0; border-width: 0px !important; }
	.logo { height: 75px; width: auto; margin-bottom: 1em; }
	p, a, h1, h2, h3, h4, h5, h6 { color: #000 !important; }
	p, a { font-size: 12pt; }
	h1, h2, h3, h4, h5, h6 { font-size: 18pt; padding: 0; }
	p a:link:after { 
		content: " URL: " attr(href) " "; 
		font-size: 9pt; 
		color: #000; 
		word-wrap: normal;
		-webkit-hyphens: none;
		-moz-hyphens: none;
		hyphens: none;	
	}
	.wp-caption { border: 0 none; }
	#wrapper, .header, .main, .content, .content-wide, .content-imprint, .wp-caption { width: 100%; background: #fff; }
	.toggle, .navigation, .main-menu, .side, .footer { display: none; }
}


.edit a {display: inline-block; padding: 4px 8px 2px; margin: 1em 0; background: #009933; font-size: 12px; font-size: .75rem; text-transform: uppercase; color: #fff;}
.edit a:hover {background: #006633;}


/* -- WE'RE DONE! :) -------------------- wwww.koehne-design.de -------------------------- */
/* --------------------------------------------------------------------------------------- */