/** CSS Reset */

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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
	font-size:1em;
}
ol, ul {
	list-style: none;
	list-style-position: inside;
}

strong {
	font-weight:bold;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** Standards */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.85em;
	color:#636363;
}

h1 {
	font-size:1.7em;
	border-bottom:2px solid;
	color:#f1b73f;
	padding-bottom:0.2em;
	margin-bottom:0.5em;
}

h1, h1 a:link, h1 a:visited {
	color:#f1b73f;
}

h2 {
	font-size:1.3em;
	margin:0 0 0.4em 0;
	color:#2d989d;
}

h3 {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

h1 a, h2 a, h3 a, nav a {
	font-style:normal;
}

p, li, th, td, dd, tt {
	line-height:1.5em;
}

p {
	margin:0 0 1em 0;
}

figcaption, p.img_caption {
	font-size:0.85em;
	font-style:italic;
	margin-top: 0.4em;
}

sup {
	font-size:0.7em;
}

a {
	color:#2d989d;
	text-decoration:none;
}

a:hover {
	color:#636363;
	text-decoration:underline;
	}
	
nav a:hover, 
h1 a:hover {
	text-decoration:none;
}

.clear {
	clear:both;
	height:2em;
}

.clear0 {
	clear:both;
	height:0;
}

/** Tabels */

table {
	margin-bottom:1em;
}

th {
	font-weight:bold;
	text-align:left;
	padding-top: 0.8em;
}

th, td {
	padding:0.2em 1em 0.2em 0;
}

table.big {
	width:80%;
}

table.big tr td:first-child {
	width:95%;
}

table.dynamic tr {
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}

table.dynamic tr:hover {
	background-color:#eaeaea;
	
}

/** Forms */

button {
	border: 2px solid #f1b73f;
	margin: 0.5em;
	background-color:#ffffff;
	padding:0.4em 0.8em 0.4em 0.8em;
	min-height: 2em;
	border-color:#f1b73f;
	color: #f1b73f;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}

button:hover, button:active {
	border-color:#2d989d;
	color: #2d989d;
}

input, textarea {
	padding:0.4em;
	color:#2d989d;
	border:1px solid #e8e8e8;
	-webkit-transition:border-color 0.2s ease-in;
	-moz-transition:border-color 0.2s ease-in;
	-o-transition:border-color 0.2s ease-in;
	transition:border-color 0.2s ease-in;
}

input:focus, input:hover {
	border-color:#A3A3A3;
}

form section {
	min-height:2em;
	-webkit-transition:background-color 0.2s ease-in;
	-moz-transition:background-color 0.2s ease-in;
	-o-transition:background-color 0.2s ease-in;
	transition:background-color 0.2s ease-in;
	position:static !important;
}

form section:hover {
	background-color:#F0F0F0;
}

.bfPageIntro, .bfElemWrap {
	padding-right:0 !important;
	padding-left:0 !important;
}

.bfRequired {
	color:#2d989d !important;
}

.bfQuickMode .bfPageIntro {
	padding:0;
}

/** Header */

#header img {
	margin:1em;
}

/** Main Navigation */

.menu-title {
	padding-top:0.2em;
	color:#fff;
	float:left;
	font-size:1.2em;
}

.menu-title img {
	vertical-align: middle;
	padding-right:0.4em;
}

nav {
	margin:0 1em 0 0;
	font-size:1.16em;
	text-transform: uppercase;
	float:right;
}

nav div.moduletable {
	padding:0 !important;
}

nav ul {
    padding: 0px;
    margin: 0px;
    z-index:2;
}

nav ul:hover > li, nav ul:hover > li.active {
	background-color:#e8e8e8;
}

nav ul:hover > li.active > a {
	color:#2d989d;
}

nav ul li.active:hover {
	background-color:#2d989d !important;
}

nav ul li.active:hover > a {
	color:#fff;
}

nav ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

nav ul li {
    list-style: none;
    float:left;
    margin:0 0.2em 0 0.2em;
    -webkit-transition: background 0.4s ease-out 0s;
    -moz-transition: background 0.4s ease-out 0s;
    -o-transition: background 0.4s ease-out 0s;
    transition: background 0.4s ease-out 0s;
}

nav ul li.first {
	margin-left:0;
}

nav ul li.last {
	margin-right:0;
}

nav ul li:hover, nav ul li.active {
	background-color:#2d989d;
}

nav ul li:hover > a, nav ul li.active > a {
	color:#fff;
}

nav ul li a  {
    text-decoration: none;
    display: block;
    padding:0.4em;
}

nav ul li:hover > ul {
    visibility: visible;
}

nav ul li ul {
    display: inline;
    visibility: hidden;
    position: absolute;
    padding:0px;
    background-color:#fff;
}

nav ul li ul:hover > li {
	background-color:#fff;
}

nav ul li ul li {
    float: none;
    margin:0;
    padding:0.4;
    text-transform: none;
    border-left:solid 0.2em #2d989d;
}

nav ul li ul li:hover {
	background-color:#e8e8e8;
	-webkit-transition: background 0.4s ease-out 0s;
    -moz-transition: background 0.4s ease-out 0s;
    -o-transition: background 0.4s ease-out 0s;
    transition: background 0.4s ease-out 0s;
    border-left:solid 0.2em #f1b73f;
}

nav ul li ul li a:hover {
    color:#636363;
}

.slicknav_menu {
	display:none;
}

/** Banner / Slider */

#banner {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	padding-top:10%;
	padding-bottom:2%;
	min-height:10em;
}

#banner h1 {
	border:none;
}

#banner div.moduletable {
	padding:0 !important;
}

#banner div.info_box {
	padding:1em;
	margin-left: -0.5em;
	width:35em;
	background: rgba(0, 0, 0, 0.3);
}

#banner div.banner_content {
	padding:1.5em;
	background-color:#fff;
}

#banner hr, #slider hr {
	color:636363;
	width:50%;
	margin-bottom:1em;
}

#banner p {
	color:#595959;
}

#banner a.click_button {
	color: #fff;
	background-color:#2d989d;
	padding: 0.6em;
	margin: auto;
	margin-top: 2em;
	display: block;
	width: 35%;
	text-align: center;
	font-size: 1.1em;
	-webkit-transition: background 0.4s ease-out 0s;
    -moz-transition: background 0.4s ease-out 0s;
    -o-transition: background 0.4s ease-out 0s;
    transition: background 0.4s ease-out 0s;
}

#banner a.click_button:hover {
	background-color:#e8e8e8;
	color:#2d989d;
	text-decoration:none;
}

/** Spezial Background Banner */
body.page.kontakt #banner, body.page.online-bewerbung #banner, body.page.neue-news #banner {
	background-image:url(http://feierling.de/images/headers/Feierling_Brauerei_Gebaeude_Aussenansicht_banner.jpg);
}

body.page.reservierung #banner {
	background-image: url(http://feierling.de/images/headers/Feierling_Brauerei_Restaurant.jpg);
}




/** Top-Box */

#top_box {
	width:100%;
	margin:0 0 1.2em 0;
}

#top_center {
	margin: 0 auto;
	width:95%;
	max-width:100em;
}

/** Content Main */

.center_box {
	margin:0 auto;
	max-width:100em;
	width:95%;
	height:100%;
}

.center_box div.item-page,
.center_box div.blog,
.center_box div.moduletable,
.center_box div.bfFormDiv
{
	padding:0 2em 0 2em;
}

/** Content-Box */

#content {
	float:left;
	height:100%;
	min-height:25em;
	width:70%;
}

#content div.item-image img, #content figure img {
	width: 100%;
}

#content div.img_caption {
	width:100% !important;
}

#content div.item-page div.pull-right, #content figure.pull-right {
	float: right;
	max-width: 50%;
	margin: 0.5em 0 0.5em 0.5em;
}

#content div.item-page div.pull-left, #content figure.pull-left {
	float: left;
	max-width: 50%;
	margin: 0.5em 0.5em 0.5em 0;
}

/** Home Special */

body.front.home h1, body.front.home aside {
	display:none;
}

body.front.home #content {
	width:100%;
}

body.front.home h2.item-title {
	display:none;
} 

div.teaser-boxen {
	display: table-cell;
    text-align: center;
}

div.teaser-box {
	width:18%;
	display: inline-block;
	margin:3%;
	vertical-align:top;
}

div.teaser-box img {
	width:80%;
	margin-bottom:1em;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

div.teaser-box a {
	color:#636363;
}

div.teaser-box a:hover {
	color:#636363;
	text-decoration:none;
}

div.teaser-box a:hover img {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

div.teaser-box  h2 {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

div.teaser-box a:hover h2 {
	color:#f1b73f;
}

/** Marginal-Box */

#marginal-box {
	float:left;
	width:30%;
	height:100%;
}

#marginal-box h3 {
	color:#636363;
	border-color:#636363;
}

#marginal-box img {
	width:100%;
}

#marginal-box ul li a:link,
#marginal-box ul li a:visited {
	color:#2d989d;
}

#marginal-box ul li a:hover {
	color:#636363;
}

#marginal-box div.moduletable {
	margin-bottom:1.6em;
}

#marginal-box figcaption, #marginal-box img_caption {
	display:none;
}

/** Content & Marginal */

#marginal-box ul,
#content ul {
	margin-bottom:1em;
}

#marginal-box ul li,
#content ul li {
	list-style:square;
	border:none;
	margin-left:1.3em;
}

/** Footer */

footer {
	float:left;
	background-color:#969696;
	width:100%;
	padding-bottom:1em;
}

footer div.center_box div.moduletable {
	margin-top:1.2em;
	float:left;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer p,
footer a,
footer strong,
footer dt,
footer dd,
footer ol,
footer li,
footer ul,
footer tr,
footer th,
footer td,
footer dl {
	color:#FFFFFF;
	border:none;
	text-align:left;
}

footer h3 {
	font-size:1.3em;
	margin:0 0 0.4em 0;
	font-weight:normal;
}

footer th, footer td {
	padding:0 1em 0 0;
}

footer a:hover {
	color:#ffffff;
}

/** Breadcrumb List */

ul.breadcrumb li {
	display:inline;
}

/** Joomla Style */

dt.article-info-term {
	display:none;
}

.btn-group {
	text-align:right;
}

.btn-group li {
	display:inline;
}

aside .readmore {
	display:block;
	margin-bottom:1.5em;
}

div.category-desc {
	margin-bottom:1em;
}

/** Event Blog */

div.blog-space {
	margin:-1em;
}

div.blog div.item, div.items-leading {
	overflow:hidden;
}

div.blog div.items-row {
	clear:both;
}

div.blog div.item {
	width:33.33%;
	float:left;
	
}

div.blog p.img_caption {
	display:none;
}

div.blog .inner {
	padding:1em;
}

.article-info {
	font-style:italic;
	margin-bottom:0.5em;
}

div.blog div.item p,
div.blog div.item dd {
	font-size: 0.95em;
}

div.blog p.readmore {
	margin-bottom:0;
	margin-top: -0.8em;
}

div.blog div.item div.item-image img {
	width:130%;
	max-width:130% !important;
}

div.blog div.item-image {
	margin-bottom:1em;
	height:10em;
	overflow:hidden;
	text-align:center;
	
}

div.items-leading div.item-image {
	width:50%;
	height:100%;
	float:right;
}

div.pagination {
	margin: 1em 0 1em 0;
	clear:both;
}

.pagination ul {
	text-align:center;
}

.pagination ul li {
	display:inline;
	padding: 0 0.4em 0 0.4em;
}

.pagination p.counter,
.pagination ul li div.tooltip {
	display:none !important;
}


/** Mobil Settings */

@media all and (max-width: 750px) {

	.clear {
		height:0;
	}
	
	h1 {
		font-size:1.4em;
	}
	
	table.big {
		width:100%;
	}
	
	ul.breadcrumb {
		display:none;
	}

	.center_box {
		width:100%;
	}
	
	.center_box div.item-page,
    .center_box div.blog,
    .center_box div.moduletable
	{
	padding:0 1em 0 1em;
	}
	
	#header {
		display:none;
	}
	
	#banner, #slider {
		margin-top:3.12em;
	}
	
	#banner div.info_box {
		width:90%;
		margin:auto;
	}
	
	div.blog-space {
		margin:0;
	}
	
	div.blog div.inner {
		padding:1em 0 1em 0;
	}
	
	div.blog div.item {
		float:none;
		width:100%;
		border-bottom:2px solid #636363;
	}
	
	div.blog div.item-image {
		margin-left:1em;
		width:40%;
		height:100%;
		float:right;
	}
	
	#marginal-box, footer {
		font-size:1em;
	}
	
	#marginal-box ul li a:link,
	#marginal-box ul li a:visited {
		border-bottom:1px dotted #2d989d;
	}
	
	#marginal-box {
		padding:1em 0 1em 0;
		width:100%;
		background-color:#D4D4D4;
	}
	
	#marginal-box div.moduletable,
	footer div.center_box div.moduletable div.moduletable {
		float:none;
	}
	
	#marginal-box h1 {
		color:#636363;
	}
	
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
	#content {
		width:100%;
		min-height:0;
	}

	#content div.item-page div.pull-right,
	#content div.item-page div.pull-left {
		float: none;
		max-width: 100%;
		margin: 0.5em auto
	}
	
	div.teaser-box {
		width:30%;
	}
	
	div.teaser-box p {
		display:none;
	}
	
	@media all and (min-width: 500px) {
	
		#marginal-box div.moduletable,
		footer div.center_box div.moduletable div.moduletable {
			float:left;
			width:40%;
		}
		
		#content div.item-page div.pull-right {
			width:55%;
			float:right;
		}
		
		#content div.item-page div.pull-left {
			width:55%;
			float:left;
		}
		
		div.teaser-box p {
			display:inline;
		}
	
	}
	
}