/*
Theme Name: BHR
Theme URI: http://bhr.co.at/
Description: Theme for BHR Management Consult, partly based on the default WordPress theme v. 1.6
Version: 1.1.20150715
Author: Volker E.
Author URI: http://temporaer.net/
Tags: fixed width, widgets

$Revision: 33 $
Last modified $Date: 2015-07-07 16:00:52 +0200 (Di, 07. Jul 2015) $
*/

/* ||||| Global Reset ||||| */
html, body, div, span, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	font-family: Arial,Helvetica,sans-serif;
}
textarea, input, button, select { 
	margin: 0; 
	font-family: Arial,Helvetica,sans-serif; 
}

@media screen {
/* ||||| HTML Elements ||||| */
body {
	background: #FFF;
	color: #393736;
	font-size: 76%; /* Resets 1em to 11px */
	margin: 10px 27px 27px 27px;
}

a, a:visited {
	color: #006985;
}

	.entry p a:visited {
		color: #393736;
	}

a img {
	border: none;
}

acronym, abbr, span.caps {
	cursor: help;
	letter-spacing: .07em;
}

acronym, abbr {
	border-bottom: 1px dashed #999;
}

address {
	font-style: normal;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #DDD;
}
	blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

h1, h2, h3 {
	font-family: Arial,sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 2em;
}
	h1, 
	h1 a, 
	h1 a:hover, 
	h1 a:visited, 
	#header .description {
		text-decoration: none;
		color: #FFF;
	}
	#content h1 {
		font-size: 1.4em; /* same as h2 */
		text-transform: uppercase;
	}

h2 {
	margin-bottom: 1em;
	font-size: 1.05em;
}
	h2, 
	h2 a, 
	h2 a:hover, 
	h2 a:visited, 
	cite {
		text-decoration: none;
	}
	h2.pagetitle {
		margin-top: 30px;
		text-align: center;
		font-size: 1.6em;
	}
	#content h2 {
		color: #006985;
		margin-top: 20px;
		text-transform: uppercase;
	}
		.parent-pageid-6 #content h2 { /* Track Record exclusion */
			margin-top: 0;
			margin-bottom: 10px;
		}

h3 {
	margin: 30px 0 0;
	font-size: 1em;
}
	#content h3 {
		color: #006985;
		margin: 0 0 1em 0;
		font-size: .9em;
	}

hr {
	display: none;
}

p {
	margin-bottom: 1.2em;
	line-height: 1em;
}
	p img {
		padding: 0;
		max-width: 100%;
	}

small {
	font-family: Arial,Helvetica, sans-serif;
	font-size: .9em;
	line-height: 1.5em;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}


/* ||||| Common Classes ||||| */
.aligned-l { text-align: left; }
.aligned-c,
.center    { text-align: center; }
.aligned-r { text-align: right; }
.clear { clear: both; }
.bold { font-weight: bold; }
.text_hidden { overflow: hidden; }
.screen-reader-text {
     position: absolute;
     left: -1000em;
}
.no-bullets,
.no-bullets li { 
	list-style: none;
	list-style-type: none;
}
.nw { white-space: nowrap; }
.zzz,
.hidden,
.hiddenmodule { display: none; }

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block; /* IE7xhtml*/
}
html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}


.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

.highlight,
.post-edit-link {
	color: #CCCF00;
}
.post-edit-link {
	display: block;
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 125px;
	font-size: 0.7em;
	text-align: right;
}

.imagedescr,
.subtle,
#photocopy {
	color: #A7A29E;
}



/* ||||| Structure ||||| */

#page {
	position: relative;
	/*background: url(/bhr-images/bg-page.jpg) repeat-x;*/
	width: 752px; /* 786px */
}

#header {
	/*background: url(/bhr-images/bg-page.jpg) repeat-x;*/
	position: relative;
	width: 752px; /* w.o. */
	height: 100px;
	border-bottom: 1px solid #006A8C;
}

#header h1 { 
	position: absolute; 
	width: 178px;
	height: 89px;
	top: 0;
	right: 0;
	text-transform: uppercase; 
	letter-spacing: -9999em; /* better than text-indent, see http: //www.stuffandnonsense.co.uk/archives/examples/malarkey-method-example.html */ }
	* html #header h1 {/* IE 456 only */
		text-indent: -9999em;
	}
	html>body #header h1 {/* Fx, Saf, Op 7+8 */
		letter-spacing: normal;
		text-indent: -9999em; 
		overflow: hidden;
	}

	#header h1 a { 
		text-decoration: none;
	}

	#header h1 span {
		background: transparent url(/bhr-images/logo-bhr.png) no-repeat left top;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 178px;
		height: 89px;
		z-index: 1;
	}

#header .description {
	display: none;
}

#nav-main {
	position: absolute;
	top: 80px;
	left: 0px;
	width: 440px;
}
#nav-main li, 
#nav-main li a, 
#nav-sub li, 
#nav-sub li a {
	color: #888481;
	height: 15px;
	font-size: 1em;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
	#nav-main li {
		position: absolute;
		width: 120px;
		/*left: 15px; */
	}
		#nav-main li a {
			text-indent: -9999em;
		}
		#nav-main li a span {
			background: transparent url(/bhr-images/bg-mastergrid-8bit.png) no-repeat 0 0;
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 120px;
			height: 18px;
			z-index: 1;
			cursor: pointer;
		}
	#nav-main li.current_page_item a,
	.parent-pageid-6 #nav-main li.page-item-6 a {
		color: #006985;
	}

	/* About Us */
	#nav-main li.page-item-2,
	#nav-main li.page-item-2 a span {
		left: 0px;
		width: 92px;
		background-position: 0px 0;
	}
		body.home #nav-main li.page-item-2 a span,
		body.page-slug-about-us #nav-main li.page-item-2 a span,
		#nav-main li.page-item-2 a:hover span {
			background-position: 0px -18px;
		}
	/* Our Team */
	#nav-main li.page-item-5 {
		left: 92px;
		width: 87px;
	}
	#nav-main li.page-item-5 a span {
		background-position: -92px 0;
		width: 87px;
	}
		body.page-slug-our-team #nav-main li.page-item-5 a span,
		#nav-main li.page-item-5 a:hover span,
		body.page-slug-barbara-redl #nav-main li.page-item-5 a span,
		body.page-slug-heinz-redl #nav-main li.page-item-5 a span {
			background-position: -92px -18px;
		}
	/* Track Record */
	#nav-main li.page-item-6 {
		left: 178px;
		width: 122px;
	}
	#nav-main li.page-item-6 a span {
		background-position: -178px 0;
		width: 122px;
	}
		body.page-slug-track-record #nav-main li.page-item-6 a span,
		#nav-main li.page-item-6 a:hover span,
		body.parent-pageid-6 #nav-main li.page-item-6 a span {
			background-position: -178px -18px;
		}
	/* Contact */
	#nav-main li.page-item-7 {
		left: 300px;
		width: 75px;
	}
	#nav-main li.page-item-7 a span {
		background-position: -300px 0;
	}
		body.page-slug-contact #nav-main li.page-item-7 a span,
		#nav-main li.page-item-7 a:hover span {
			background-position: -300px -18px;
		}

/* Work exclusive */
#nav-sub-box {
	/* position: relative; */
	width: 721px;
	height: 15px;
	margin-bottom: 20px;
	z-index: 999;
}
#nav-sub {
	display: block;
	font-size: 0.9em;
}
	#nav-sub li {
		display: block;
		float: left;
		/*width: 17px;*/
		height: 15px;
		font-size: 0.8em;
		margin-right: 15px;
	}
	#nav-sub li a {		
		display: block;
		float: left;
		/*width: 17px;*/
		height: 15px;
		text-decoration: none;
	}
	#nav-sub li.txt-nav {
		width: 15px;
		text-align: left;
		margin-right: 0;
	}
	#nav-sub li.txt-nav a {
		display: inline;
		width: auto;
		height: auto;
	}
	
	#nav-sub span.work-title {
		/*display: block;
		position: absolute;
		top: 0;
		left: 650px;
		width: 190px;
		text-align: right;*/
	}
	
	#nav-sub li a:hover,
	#nav-sub li.act a,
	#nav-sub li a:hover span.nr {
		color: #006985;
	}


#content {
	background-color: #8BCCE1;                                             /* fallback color (eg. the gradient center color), if gradients not supported; you could also work with an gradient image, but mind the extra HTTP-Request for older browsers */
	background-image: -webkit-linear-gradient(       top, #CCCBC9, #FFF ); /* Chrome10-25, Saf5.1-Saf6, iOS -6.1, Android -4.3 */
	background-image:    -moz-linear-gradient(       top, #CCCBC9, #FFF ); /* Fx3.6-15 */
	background-image:      -o-linear-gradient(       top, #CCCBC9, #FFF ); /* Op11.10-12.02 */
	background-image:         linear-gradient( to bottom, #CCCBC9, #FFF ); /* W3C, Fx16+, Chrome26+, IE10+, Op12.10+, Saf6.1+ */
	/*
	-webkit-background-size: 100% 800px;
	        background-size: 100% 800px;
	*/
	position: relative;
	min-height: 480px;
	margin-top: 5px;
	padding: 15px;
	font-size: 1.2em;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorStr=#CCCBC9, EndColorStr=#FFFFFF )"; /* IE8-9, ColorZilla Ultimate CSS Gradient Generator uses SVG bg image for IE9 */
}

#cnt-lft,
#cnt-rit {
	float: left;
	background: url(images/bg-mastergrid-8bit.png) no-repeat -100px -68px; /* e|vo 090323: -100px b.of. w 400px */
	width: 400px;
	margin-top: 325px;
	padding-top: 16px;
}
#cnt-rit {
	margin-left: 40px;
}

.post {}
	.post hr {
		display: block;
	}

.entry {
	width: 440px;
}
	
	.entry p {
		margin-bottom: 7px;
		font-size: .8em;
		line-height: 1.5em;
	}

#picture-box {
	position: relative; 
	width: 721px;
	height: 268px;
	margin-bottom: 5px;
	overflow: hidden;
	z-index: 400;
}
    #facts-n-figures-trigger {
        background: url(/bhr-images/blank.gif) repeat;
        position: absolute; 
        top: 0;
        left: 0; 
        height: 100%;
        width: 100%;
        z-index: 500; 
    } 
	#facts-n-figures {
		background: #F5F5F5;
		position: absolute;
		top: 0;
		right: 0;
		width: 284px;
		height: 268px;
		font-size: 0.8em;
	  z-index: 600; 
	}
	* html #facts-n-figures {
		right: -1px;
	}
	#facts-n-figures div {
		margin: 16px;
	}
	#facts-n-figures ul /* todo: more general? */{
		margin-left: 2em;
		margin-bottom: 32px;
	}
	#facts-n-figures a {
		display: block;
	}

#photocopy {
	position: absolute; 
	bottom: 0;
	font-size: 0.9em;
}

#descr {}

#temp-mouseover-box {
	position: absolute;
	top: 295px;
	left: 0;
	width: 840px;
	height: 25px;
}

#sidebar {
	padding: 20px 0 10px 0;
	/*margin-left: 545px;*/
	width: 190px;
}

/* ..... Footer ..... */
#footer {
	position: relative;
	background: #FFF;
	color: #8B8784;
	clear: both;
	width: 760px;
	height: 170px;
 /* 	margin-top: -170px;negative value of footer height NOT YET */
	font: 0.8em Arial,Helvetica,sans-serif;
	overflow: hidden;
}
	#footer h3 {
		position: relative;
		width: 752px;
		height: 65px;
		margin: 0;
		font: 1em Arial,Helvetica,sans-serif; 
		text-transform: lowercase; 
		text-indent: -9999em; 
		/* letter-spacing: -9999em; DOESN'T WORK better than text-indent, see http: //www.stuffandnonsense.co.uk/archives/examples/malarkey-method-example.html */ }
	* html #footer h3 {/* IE 456 only */
		margin: 0;
	}
	html>body #footer h3 {/* Fx, Op 7+8 */
		letter-spacing: normal;
		overflow: hidden;
	}
	#footer p {
		margin: 0;
		padding: 20px 0;
		text-align: center;
	}

	#footer a,
	#footer h3 a { 
		text-decoration: none;
	}

	#footer h3 span {
		background: transparent url(/bhr-images/bg-mastergrid-8bit.png) no-repeat 0 -35px;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 752px;
		height: 65px;
		z-index: 1;
	}
	
	#footer .address {
		display: block;
		padding: 0 15px;
		/*font-family: "DIN Medium",Arial,Helvetica,sans-serif;*/
	}
		#footer address {
			display: inline;
		}
	
	#footer a {
		color: #8B8784;
	}
		#footer a:hover {
			text-decoration: underline;
		}

#header strong, 
small, 
.nocomments, 
.postmetadata, 
blockquote, 
strike {
	color: #C2BEBE;
}



/* Begin Structure */

/*.narrowcolumn {
	float: left;
	padding: 0 0 20px 45px;
	width: 450px;
}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
}*/


.narrowcolumn .postmetadata {
	padding-top: 5px;
}

.widecolumn .postmetadata {
	margin: 30px 0;
}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

/* End Structure */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/* End Images */



/* Begin Lists */

.entry ul {
	margin-left: 13px;
}
	.entry li {
		margin: 7px 0 8px 0;
		list-style: url(/bhr-images/list-style-image.png);
		font-size: 0.8em;
	}

.entry ol {
	padding: 0 0 0 35px;
}
	.entry ol li {}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
}

.postmetadata ul, 
.postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
}

/* End Form Elements */



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* |||||| MODULES ||||| */
/* ||||| PAGES ||||| */
/* ::::: Home ::::: */

/* ::::: Our Team ::::: */
.page-slug-our-team #content h3,
.parent-pageid-5 #content h3 {
	margin: 1.4em 0 0.5em;
}

/* ..... Redls ..... */
.parent-pageid-5 .entry img.alignright {
	position: absolute;
	right: 85px;
	top: 31px;
} 

} /* /@media screen */



/* |||||| MEDIA PRINT ||||| */
@media print {
body {
	background: #FFF; 
	margin: 0;
	font: 10pt Arial, Helvetica, sans-serif;
}
#content { 
	float: none; 
	width: auto;
	/*border-top: 1px solid #016984;*/
	margin-top: 1.5em;
	margin-left: 0; 
	/*padding-top: 1.5em;*/
}
	#content .entry {
		width: 80%;
	}
	#content p {
		margin-bottom: 1em;
	}
	
a { 
	color: #000; 
	text-decoration: underline;
}

h1, h2, h3, h4, h5, h6, img { 
	page-break-after: avoid; 
	page-break-inside: avoid;
}
h3 { 
	margin-bottom: 0; 
	padding-bottom: 0;
}

blockquote, 
table, 
pre { page-break-inside: avoid; }

ul, 
ol, 
dl  { page-break-before: avoid; }

img.centered { 
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
}
img.right { 
	padding: 4px; 
	margin: 0 0 2px 7px; 
	display: inline; 
}
img.left { 
	padding: 4px; 
	margin: 0 7px 2px 0; 
	display: inline; 
}
.right { float: right; }
.left { float: left }

#header {
	width: auto;
	border-bottom: 1px solid #016984;
	padding-bottom: 1.5em;
	text-align: right;
}

#header h1 { 
	display: none;
	}
#header img.zzz {
	display: block;
}

#content h2,
#content h3 {
	color: #006985;
	margin-top: 20px;
	margin-bottom: .7em;
	font-weight: normal;
	text-transform: uppercase;
}
#content h3 {
	text-transform: none;
}
	#content h3 a {
		color: #006985;
		text-decoration: none;
	}

#content strong {
	color: #006985;
}

.entry ul {
	margin-left: 15px;
}
	.entry li {
		margin: 7px 0 8px 0;
	}


#footer {
	clear: both;
	color: #A7A29E;
	margin-top: 1.5em;
	border-top: 1px solid #016984;
	padding-top: 1.5em;
	font: .8em Arial, Helvetica, sans-serif;
}
	#footer h3 {
		color: #006985;
		display: block;
		margin-bottom: .7em;
	}
		#footer h3 a {
			color: #006985;
			text-decoration: none;
		}
#footer a {
	color: #A7A29E;
	text-decoration: none;
}
	

#sidebar,
#commentform,
.skiplink,
#nav-sub-box,
.post-edit-link,
#picture-box,
#nav-main .page_item,
h3.description,
hr { 
	display: none;
}
	#nav-main .current-page-ancestor, 
	#nav-main .current-page-parent {
		display: block;
		font-size: 1.5em;
		font-weight: bold;
	}
	
} /* /@media print */