body {
	background-color: rgba(255,255,255,1);
}
html, body, a, #wrapper {
  color: #333;
}

html, body, p, div, span, form, input, ul, li, a, textarea {
	font-family: Roboto; 
	font-size: 18px; 
	font-weight: 400; 
}

#header-content { min-height: 145px; }

.altheader #header-content { min-height: 200px; }

#top-beam-logo-wrapper, #menu_beam1_container, #menu_beam2_container, #menu_beam3_container, #menu_beam4_container { max-width: 1000px; }

	#top-beam-1, #top-beam-1 ul.sub-menu { 
		background-color: rgba(173,183,186,1);
	}
	#top-beam-1.exact { height: 2em; }
	#top-beam-1.exact ul.menu { line-height: 2em; } 
	#top-beam-1.minimum { min-height: 2em; }
	#top-beam-1.minimum  ul.menu { line-height: 2em; }
	#top-beam-1.padding_custom { padding: 0px 0px 0px 0px; } 
	
	 #top-beam-1, #top-beam-1 .menu li, #top-beam-1 .menu a { color: rgba(0,0,0,1); } 
	 #top-beam-1, #top-beam-1 * { 
		font-family: Roboto; 
		font-size: 14px; 
		font-weight: 400;
	} 
	 
		#top-beam-1 ul.menu li.current-menu-item>a, 
		#top-beam-1 ul.menu li.current_page_item>a,
		#top-beam-1 ul.menu li.menu-item:hover>a { 
			color: rgba(0,0,0,1); 
		}	
	 
		#top-beam-1 ul.menu li.current-menu-item, 
		#top-beam-1 ul.menu li.current_page_item,
		#top-beam-1 ul.menu li.menu-item:hover { 
			background-color: rgba(234,237,238,1); 
	}	
	#top-beam-3, #top-beam-3 ul.sub-menu { 
		background-color: rgba(173,183,186,1); 
	}
	#top-beam-3.exact { height: 2.5em; } 
	#top-beam-3.exact ul.menu { line-height: 2.5em; } 
	#top-beam-3.minimum { min-height: 2.5em; } 
	#top-beam-3.minimum  ul.menu { line-height: 2.5em; }
	#top-beam-3.padding_custom { padding: ; } 
	 #top-beam-3, #top-beam-3 .menu li, #top-beam-3 .menu a { color: rgba(0,0,0,1); } 
	 
		#top-beam-3 ul.menu li.current-menu-item>a, 
		#top-beam-3 ul.menu li.current_page_item>a,
		#top-beam-3 ul.menu li.menu-item:hover>a { 
			color: rgba(0,0,0,1); 
		}	
	 
		#top-beam-3 ul.menu li.current-menu-item, 
		#top-beam-3 ul.menu li.current_page_item,
		#top-beam-3 ul.menu li.menu-item:hover { 
			background-color: rgba(255,255,255,0.75); 
	}	


#header { background-color: rgba(11,11,40,1); }

#header-content.exact { width: 1000px; }
#header { 
  }
 
#footer { background-color: rgba(237,237,237,1); }#footer-bottom, #footer_wrapper_info { background-color: rgba(93,63,108,1); } 
 #footer-top.footer-exact { height: 180px; }
  #wrapper { padding-bottom: 260px; }

  #footer-top, #footer-top * { color: rgba(0,0,0,1); } 
/* Heading colors */

/* sidebars */
#left-sidebar { width: 30%; } 
.has_left_sidebar { width: 70%; }
 
#right-sidebar { width: 30%; } 
.has_right_sidebar { width: 70%; }
 
 
 
 

/********** RESPONSIVE ****************/
@media screen and (max-width: 1000px) {
		#header-content.exact { width: 100%; }}


@media screen and (max-width:800px) {
#footer { position: relative !important; top: 0 !important; bottom: auto !important; }
#footer-top{height:auto !important; }
#wrapper{padding-bottom:30px !important; }
}


 /* test */
 #dummy { }
 
 #c2a_inschrijven {
    background-color: #D44111;
    border: 1px solid #D44111;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    float: right;
    font-weight: bold;
    line-height: 1.2em;
    margin-top: 5px;
    padding: 10px 25px 8px;
    text-decoration: none;
    width: auto;
}

.alignright_header { float: right; }
#wrapper { padding-top: 0; }
.firstrow { border-bottom: 20px solid #5e6c75; background-color:  #ebeded; margin-bottom: 50px; }
.firstrow img { display: block; }
.firstrow .panel-grid-cell:nth-child(2) { padding: 25px 25px 0 25px; }

#footer p, #footer a { font-size: 10pt; }
#footer a { text-decoration: none; }
.logo_dwarsfluitkamp { margin-top: 5px; }

#wrapper .hentry>h1 { margin-top: 50px; }

table td { vertical-align: middle; padding-right: 20px;  }
table td img { height: auto; width: 100px; }
#footer { border-top: 3px solid #C7B4D1; }

#wrapper {
  padding-bottom: 230px;
}

@media screen and (max-width: 800px) {
    #header-content-container { padding: 0 20px; }
}

@media screen and (max-width: 620px) {
.alignright_header { float: none; }
    #c2a_inschrijven { float: none; margin-bottom: 20px; }
}

@media screen and (max-width: 350px) {
    #header-content img { height: auto; max-width: 95%; margin: 0 auto; }
} 
