h1, h2, h3, h4, h5, h6 {padding: 10px 0px;}
h4.nopadding	{color: #fff;}
.right20	{margin-right: 10px; margin-bottom: 10px;}
.left	{float: left;}
.preekrooster thead td {background-color: #f4f4f4; font-weight: bold;}
.preekrooster tr:hover {background-color: #f4f4f4;}
.kerk				{font-size: 50px; font-weight: bold; line-height: 120%; text-shadow: 2px 2px 3px #fff; color: #444;}
.plaats			{font-size: 45px;}
.predikant		{font-size: 13px;}
.dienst2, .dienst3			{padding: 5px 0px; line-height: 120%;}
.dienst3	{display:none;}
.dienst1	{padding: 5px 0px; border-bottom: 1px solid #444;}
.custom-h3		{font-size: 14px; font-weight: bold; color: #fff; display: block; height: 40px; padding: 0px 10px; width: 95%; background-image: url(/style/img/h3-bg.jpg); background-repeat: repeat-x; line-height: 28px;}

.column li		{display: block; padding: 5px; border-bottom: 1px dotted #666;list-style-type: square; list-style-position: inherit;}
.column ul		{margin: 0px; padding: 0px; }
.datum			{width: 150px;}
#agenda			{}
#agenda td		{border-bottom: 1px solid #ccc; padding: 5px; vertical-align: top;}

.titel			{width: 250px; font-weight: bold;}
.wadesign		{font-size: 11px;}
body 	{-webkit-font-smoothing:antialiased; line-height: 170%;}
.nopadding	{padding: 0px;}
/* OPBOUW */

.header		{background-image: url(/style/img/header.png); background-repeat: repeat-x;  min-height: 220px; width: 100%;}
.logo			{margin-left: 20px;}
.menu			{background-color: #6a6a6a; margin-top: -10px; margin-bottom: 20px;}
.footer		{background-color: #008FD4; width: 100%; color: #fff; padding: 15px 0px;}
.footer a	{color: #fff;}
.footer li	{display: block; padding: 2px; font-size: 12px;}
.footer ul	{margin: 0px; padding: 0px;}

.clear		{clear: both;}


.screen-reader {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * 		{margin: 0;	padding: 0;	list-style: none;}
.sf-menu li 					{	position: relative; padding: 15px; color: #fff;}
.sf-menu ul 					{	position: absolute;	display: none;	top: 100%;	left: 0;	z-index: 99;}
.sf-menu > li 					{	float: left;}
.sf-menu li:hover a				{color: #333;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul 		{	display: block;}

.sf-menu a 					{	display: block;position: relative; color: #fff;}
.sf-menu a:hover			{color: #333;}
.sf-menu ul ul				{	top: 0;	left: 100%;}

/*** DEMO SKIN ***/
.sf-menu 					{	float: left;}
.sf-menu ul 				{	box-shadow: 2px 2px 6px rgba(0,0,0,.2);	min-width: 12em; 	width: 12em; }
.sf-menu li {	white-space: nowrap;  white-space: normal;  }
.sf-menu ul li {	background-color: #fff; width: 200px; }
.sf-menu ul ul li {	background-color: #fff; width: 200px; }

.sf-menu ul ul li {	}
.sf-menu li:hover,
.sf-menu li.sfHover {	background: #f4f4f4;-webkit-transition: none;	transition: none; color: #333;}
.sf-menu li.sfHover a { color: #333;}
.sf-menu ul li:hover,
.sf-menu ul li.sfHover {	background: #f4f4f4;-webkit-transition: none; transition: none; color: #333;}
.sf-menu ul li.sfHover a {color: #333;}
.sf-menu li ul li:hover,
.sf-menu li ul li.sfHover {	background: #f4f4f4;-webkit-transition: none; transition: none; color: #333;}
.sf-menu li ul li.sfHover a {color: #333;}