@charset "utf-8";
body {
	background: url(menuimages/bdweildag_dweildag.png) repeat-x center top;
	background-color: #f4f4f4;
	color: #363636;
}


/* default font */
html, body, form, fieldset {
	font-size: 12px;
	font-family: Trebuchet MS, "Times New Roman", Times, serif;
}


/*Top Nav Link Color*/

#header-top li a {
	color: #C9CFD3;
}
#header-top li a:hover {
	color: #fff;
}


/*Header (TEXT) */
#header-text h1, #header-text h1 a {
	color: #f7f7f7;
	font: normal 45px/45px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -3px;
}

#header {
	background: url(../images/header_logo.png) no-repeat left top;
	height: 67px;
}

/* Defines the clickable hotspot area of the logo */
/* You can temporarily uncomment the red border to see your zone */
#header h1 a {
	height: 58px;
	width: 215px;
	/*border: 1px solid red;*/
	cursor: pointer;
}


/* Headings Typography */

h1 {
	font-size: 18px;
	color: #bf3f4a;
}

h2 {
	font-size: 16px;
	color: #797f83;
}

h3 {
	font-size: 16px;
	color: #bf3f4a;
}

h4 {
	font-size: 16px;
	color: #bf3f4a;
}
/* Default Link Styles */
a {
	color: #5E6F75;
	text-decoration: underline;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

/* Because serifs don't look all that great. Remove this if you change to a sans-serif font */

b, strong {
	font: bold .95em Arial, Helvetica, Geneva, sans-serif;
}

/* Left and Right Column Typography */

#leftcol h1, #rightcol h1 {
	font-size: 18px;
	line-height: 125%;
}

#leftcol h2, #rightcol h2 {
	font-size: 16px;
	line-height: 125%;
}
#leftcol h4, #rightcol h4 {
	font-size: 14px;
	line-height: 125%;
}

#leftcol .inside,
#rightcol .inside {
	font-size: 12px;
	line-height: 135%;
}

#leftcol a.contentpagetitle,
#rightcol a.contentpagetitle,
#rightcol td.contentheading,
#leftcol td.contentheading {
	font-size: 22px;
	line-height: 22px;
}
/* Bottom stroke */
table#main {
	border-bottom: 5px solid #ccc;
	background-color:#FFFFFF;
	background-image:url(http://www.bemmelsedweildag.nl/testlayout/menuimages/bg_wide.png);
	background-position:center top;
	background-repeat:repeat-y;
	margin:0px auto;
	padding:0px;
	width:960px;
}

/* logo Background */

#logo-wrapper {
	background: url(menuimages/logo_bg.png) repeat-x center top;
	background-color:#E0E7EB;
	margin:0px auto;
	padding:0px;
	width:100%;
}
/* Secondary (inner) logo Background */
#logo {
	background: url(menuimages/logo.jpg) repeat-x center top;
}
/* logo (icon position) Typography */

#logo h3 {
	color: #3d3d3d;
	font-size: 28px;
	line-height: 32px;
}
#logo p {
	color: #3d3d3d;
	font-size: 18px;
	line-height: 20px;
}
#logo a {
}

#logo a.readon {
	background-color: #f5f5f5;
	border: 1px solid #797f83;
}

/* @group Module Headings */

/* Style 1 - S1/Default */

div.moduletable h3, div.moduletableS1 h3 {
	text-transform: uppercase;
	font-size: 13px;
	background-color: #bf3f4a;
	color: #fff;
	line-height: 165%;
	word-spacing: .25em;
}

/* Style 2 - S2 */

div.moduletableS2 h3 {
	text-transform: uppercase;
	font-size: 13px;
	background-color: #558a97;
	color: #fff;
	line-height: 165%;
	word-spacing: .25em;
}
/* Style 3 - S3 */

div.moduletableS3 h3 {
	text-transform: uppercase;
	font-size: 13px;
	background-color: #ccc;
	color: #333;
	line-height: 165%;
	word-spacing: .25em;
}
/* Style 4 - S4 */

div.moduletableS4 h3 {
	text-transform: uppercase;
	font-size: 13px;
	background: #c0ccd3 url(../images/moduleheading4.png) no-repeat left bottom;
	color: #333;
	line-height: 165%;
	word-spacing: .25em;
}

/* Style 5 - S5 */

div.moduletableS5 h3 {
	text-transform: uppercase;
	font-size: 13px;
	background: #558a97 url(../images/moduleheading5.png) no-repeat left bottom;
	color: #fff;
	line-height: 165%;
	word-spacing: .25em;
}

/* Style 6 -bdr */


div.moduletable-bdr {
	background: #f4f4f4;
	border: 1px solid #ccc;
}

/* Style 7 -nopad */

div.moduletable-nopad h3 {
	text-transform: uppercase;
	font-size: 13px;
	color: #333;
	line-height: 165%;
}


/*Buttons*/

input.button {
	border: 1px outset #666;
	background: #3d3d3d;
	color: #fff;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
}
/* Category Tables */

td.sectiontableheader {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #797f83;
	font-weight: bold;
}

td tr.sectiontableentry1 td,
td.sectiontableentry1 {
	background: #fefefe;
	border-bottom: 1px solid #f0f0f0;
}

td tr.sectiontableentry2 td,
td.sectiontableentry2 {
	background: #f6f6f6;
	border-bottom: 1px solid #f2f2f2;
}

.sectiontableentry1 a,
.sectiontableentry2 a {
	text-decoration: none;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}
*/
.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}