/* ---------- Main ---------- */

/*
font-family: 'Exo', sans-serif;
font-family: 'Open Sans', sans-serif; 
font-family: 'Condiment', cursive;
font-family: 'Mrs Saint Delafield', cursive;
font-family: 'Kristi', cursive;
font-family: 'Shadows Into Light Two', cursive;
font-family: 'Allura', cursive;*/

hr { background:#666; border:0; height:1px;  }

a { text-decoration: none;  color:#5e3115; }

a:hover { text-decoration: none; color:#000; }

img { border:0px; }

.clearfix { clear: left; }

body{ 
	font-family: 'Asap', Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	text-decoration: none;	
	margin:0;
	padding:0;
	background: url('./images/body.jpg') repeat-Y;
}

/* topper */

#parent
{
  width: 100%;
  background: url('./images/bg.jpg') no-repeat;
  height:1205px;
  z-index: 1;
}
 
#backgrounder {
	width:100%;
	height:100%;
}

#topper {
	width:100%;
	height:100%;
	background: green;
	padding-top:100px;
	position: absolute;
}

/* PAGE */

#page {
	width:982px;
	min-height:510px;
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding: 0px;
	z-index: 99 !important;
	padding-bottom:20px;
}

#page .top {
	width:100%;
	height:120px;
}

#page .top .left { width:25%; float:left; padding-top:27px; }
#page .top .middle { width:50%; float:left; }
#page .top .middle img { z-index:2; position:relative; }
#page .top .right { width:25%; float:right; padding-top:15px; text-align:right; }

#page .top .left .cd { 
background: url('https://www.bierkoenig.tv/wp-content/uploads/2019/06/cd-kauf.png') no-repeat;
width:226px;
height:102px;
}

#page .top .left .cd .kauf1 { 
height:30px;
width:100px;
padding-top:10px;
}
#page .top .left .cd .kauf2 { 
height:25px;
width:100px;
}
#page .top .left .cd .kauf3 { 
height:25px;
width:100px;
}


#page .navigation {
	font-family: 'Open Sans', sans-serif; 
	text-transform:uppercase;
	font-weight:600;
	font-size:14px;
	width:100%;
	height:38px;
	background:#FFF;
	z-index:1;
	color:#5e3115;
}


#page .navigation .nav_left { z-index:3; padding-left:1%; width:49%; float:left; text-align:left;  position:relative; margin-top:-20px; }
#page .navigation .nav_right { z-index:3; padding-right:1%; width:49%; float:right; text-align:right; position:relative; margin-top:-20px; }




/* Slider */


#page #slider {
	width:100%;
	height:346px;
	margin-top:10px;
	padding-left:0px;
	margin-left:0px;
}

#page #slider .textInput {
	width:99%;
	height:58px;
	background:#FFF;
	padding-left:1%;
}
#page #slider .imageInput {
	width:100%;
	height:288px;
}


#page #wpcontent_slider #cs-title-wpcontent_slider h1 {
	font-family: 'Open Sans', sans-serif; 
	text-transform:uppercase;
	font-weight:700;
	font-size:20px;
	color:#5e3115;
	line-height:0.4em;
}

#page #wpcontent_slider #cs-title-wpcontent_slider p {
	font-family: 'Open Sans', sans-serif; 
	font-weight:500;
	font-size:13px;
	color:#000;
	line-height:0.1em;
}

/* Events */

#page h1  {
	width:100%;
	height:28px;
	font-family: 'Open Sans', sans-serif; 
	font-weight:600;
	font-size:20px;
	color:#cc020f;
	text-transform:uppercase;
}
#page h2  {
	width:100%;
	height:28px;
	font-family: 'Open Sans', sans-serif; 
	font-weight:600;
	font-size:15px;
	color:#cc020f;
}

#page #events {
	width:100%;
	height:130px;
	margin-top:10px;
}

#page #events .headliner {
	width:100%;
	height:28px;
	background:#FFF;
	font-family: 'Open Sans', sans-serif; 
	font-weight:800;
	font-size:15px;
	color:#5e3115;
	text-transform:uppercase;
	padding-top:5px;
}

#page #events .inhalt {
	width:100%;
	height:98px;
	background:#FFF; 
}


/* Werbung (1) */


#page #adv_left {
	width:40%;
	height:379px;
	margin-top:10px;
	float:left;
}


/* Djs  */


#page #djs {
	width:51%;
	height:359px;
	margin-top:10px;
	float:right;
	background:#FFF;
	padding:1%;
}


/* Bildergallerie  */


#page #gallerie {
	width:60%;
	height:280px;
	margin-top:10px;
	float:left;
	background:#FFF;
	padding-left:25px;
	padding-top:10px;
	padding-bottom:10px;
}


/* Djs  */


#page #hit_tipp {
	width:34%;
	height:280px;
	margin-top:10px;
	float:right;
	background:#FFF;
	padding:1%;
}

#page #hit_tipp .hit_headline {
	background: url('./images/hittip.png') no-repeat;
	font-family: 'Open Sans', sans-serif; 
	font-weight:600;
	font-size:14px;
	color:#5e3115;
	padding-left:30px;
}
#page #hit_tipp .hit_headline .hit {
	font-family: 'Open Sans', sans-serif; 
	font-weight:800;
	font-size:15px;
	color:#cc071e;
	text-transform:uppercase;
}

#page #hit_tipp .cover {
	width:181px;
	height:181px;
	float:left;
	margin-top:40px;
}
#page #hit_tipp .bestellen {
	width:121px;
	height:181px;
	float:right;
	margin-top:70px;
}


#page #hit_tipp_more {
	width:98%;
	height:210px;
	margin-top:10px;
	float:left;
	background:#FFF;
	padding:1%;
}

#page #hit_tipp_more .hit_headline {
	background: url('./images/hittip.png') no-repeat;
	font-family: 'Open Sans', sans-serif; 
	font-weight:600;
	font-size:14px;
	color:#5e3115;
	padding-left:30px;
	margin-bottom:10px;
}
#page #hit_tipp_more .hit_headline .hit {
	font-family: 'Open Sans', sans-serif; 
	font-weight:800;
	font-size:15px;
	color:#cc071e;
	text-transform:uppercase;
}

#page #hit_tipp_more .cover {
	width:108px;
	height:130px;
	float:left;
	margin-top:10px;
}

	

/* fb  */


#page #facebook {
	width:49.5%;
	height:620px;
	margin-top:10px;
	background:#FFF;
	float:left;
}
#page #shop {
	width:47.5%;
	height:600px;
	margin-top:10px;
	background:#FFF;
	float:right;
	padding:10px;
}

/* Footer  */


#footer {
	width:100%;
	height:210px;
	margin-top:20px;
	background: url('./images/footer.png') no-repeat;
	margin-top:40px;
	color:#76320a;
}

#footer .inner {
	width:982px;
	height:auto;
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding: 0px;
	padding-top:60px;
}



#footer .inner .col_left {
	float:left;
	width:50%;
}

#footer .inner .col_right {
	float:right;
	width:50%;
	text-align:right;
}



/* Anderd */

.opacity {   
    opacity: 0.82;       /* modern browser */  
    -moz-opacity: 0.82;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=82); /* IE5.x -7.0 */  
}  
 
.opacityMain {   
    opacity: 0.90;       /* modern browser */  
    -moz-opacity: 0.90;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=90); /* IE5.x -7.0 */  
} 
 
.lefter { float:left; }
.righter { float:right; }

.headline {
	font-family: 'Open Sans', sans-serif; 
	font-weight:800;
	font-size:15px;
	color:#5e3115;
	text-transform:uppercase;
}

.info { background:#edcfbf; padding:10px; }



/* ALT */


/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 45px;
	position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 40px 0 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #141412;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 15px 20px;
	text-decoration: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #220e10;
	color: #fff;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #220e10;
	border: 2px solid #f7f5e7;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #db572f;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #bc360a;
	font-style: italic;
}

.menu-toggle {
	display: none;
}

/* Navbar */
.navbar {
	background-color: #f7f5e7;
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
}

.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}


#primary { background:#FFF; padding:10px; margin-top:10px; }


.ngg-widget { width: 410px; }



/* INPUT */

input, file{
	height: 20px;
	margin: 0px; 
	padding: 2px 2px 2px 2px;
	border: none;
	color: #303030;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align	: top;
	cursor: pointer;
	border: 1px solid #b0b0b0;
	margin-bottom:10px;
}

input:hover{
	cursor: pointer;
	border: 1px solid #904924;
}
input:focus{
	cursor: pointer;
	border: 1px solid #904924;
}

.footertext a { color:transparent; }


#primary { margin-bottom:20px; }

.ngg-widget { width:95%; }

.ngg-gallery-thumbnail-box { margin-right:2px !important; }