/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   * 
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
 @media only screen and (min-width: 480px) {
	/*768*/
	
.niet-mobiel{display:block!important}
.mobiel{display:none!important}

#content{
	padding: 0 10px;}
	
.agenda-home{
margin-left:4%;
width: 98%;}

.nieuws01-homepage,
.nieuws02-wrap{
	width:98%;
}

#page-wrapper {	
	background: #cbc267 url("../images/orgel-1280.jpg") no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	}

#header-wrapper{
	background: url("../images/bg-header.gif") repeat-x bottom white;
	height:290px;  
	}

#header{
	height:244px;
	}
#header{background:url(../images/header-orgel/00.jpg) no-repeat center bottom;}
.section-het-museum #header{background:url(../images/header-orgel/01.jpg) no-repeat center bottom;}
.section-de-collectie #header{background:url(../images/header-orgel/02.jpg) no-repeat center bottom;}
.section-achtergrond #header{background:url(../images/header-orgel/03.jpg) no-repeat center bottom;}
.section-steun-ons #header{background:url(../images/header-orgel/04.jpg) no-repeat center bottom;}
.section-shop #header{background:url(../images/header-orgel/00.jpg) no-repeat center bottom;}
.section-agenda #header{background:url(../images/header-orgel/06.jpg) no-repeat center bottom;}
.section-nieuws #header{background:url(../images/header-orgel/07.jpg) no-repeat center bottom;}



#nav-wrapper, .nav-wrapper{
	height: 65px;
	background: rgb(20, 64, 18) transparent ;
	background: rgba(20, 64, 18, 0.7) ;
	/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC4a7846, endColorstr=#CC4a7846) ;
	-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC4a7846, endColorstr=#CC4a7846)” ;*/
	}

#logo{padding: 10px 0 44px;}

#content-wrapper .container{
margin-bottom: -20px; 
    margin-top: -46px;
    padding-top: 20px;
    position: relative;
    z-index: 200;
}	

.nav li a,
.nav ul.menu li a{
	font-size: 29px;
	text-transform:uppercase;
  	line-height:65px;
	display:inline-block;
}

.nav ul.menu li:after {
    content: "•";
	font-size:29px;
	height:65px;
	color:#F9F9F9
  }
.nav ul.menu li.last:after {
    content:"";
  }

.nav li a:hover,
.nav ul.menu li a:hover{
	color:#ffe500}
	
#header .nav ul	.active-trail{color: #ffe500}

#header .nav ul, #header .nav ul.menu{
	float:left;
	}

.nav-wrapper{
	text-align:center}
	
#site-slogan{
	margin: 0;
	display:inline-block;
	font-size:33px;
	color: #0b5c2f;
	font-family:"league-gothic";
	text-transform:uppercase;
	font-variant:normal;
	font-weight:normal;
	position:absolute;
	right:0;
	top: 67px;
	background:#FFFFFF;
	padding: 0 10px;
}

#site-info-opening a{
	margin: 0;
	padding:3px 7px;
	background:#fedf00;
	display:inline-block;
	font-size:20px;
	color: #0b5c2f;
	font-family:"league-gothic";
	text-transform:uppercase;
	font-variant:normal;
	font-weight:normal;
	position:absolute;
	right:0;
	top: 122px;
}

.region-sidebar-second .region-inner{
	padding-right:5%;
	 }

/* #header .nav ul, #header .nav ul.menu{
	width: 67%}*/
	

} 
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */