/* stylesheet:  Droomgenoten NL */
/* versie: 1.1 - 11/04/2008 */
/* aangepast: 23/02/2010 */
/* Maaike de Laat - www.maaikedelaat.nl */

/* Gebruikte kleuren:
   Bruinzwart: #26261d
   Groen: #299a2a
   Rubine Red: #b82442
   Lichtgelig: #f9f8e8
*/

/*  reset
-------------------------------------------- */
html {
	height:100%;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font:.7em/1.5 Verdana, Arial, Helvetica, sans-serif;
	background:#fff url(../img/kaderbgbr.png) top center repeat-y;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*  basis typografie
-------------------------------------------- */
.verstoppen {
	position:absolute;
	top:-5000px;
	left:0;
}

a:link {
	color:#299a2a;
}

a:visited {
	color:#1d6d1d;
}

a:hover, a:active {
	color:#b82442;
}

h1, .bindex h2 {
	font-weight:normal;
	font-size:1.7em;
	padding-bottom:.5em;
	color:#b82442;
}

.bindex h2 {
	color:#000;
}

h2, .bindex h3 {
	font-weight:normal !important;
	font-size:1.4em;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

/*  structuur
-------------------------------------------- */
#kader {
	width:900px;
	/*min-width:700px;*/
	margin:0 auto 0 auto;
	position:relative;
	padding-bottom:70px;
}


#kader:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.bindex #kader {
	min-height:92em;
}


/*  kop
-------------------------------------------- */
#menu {
	width:100%;
	background-color:#fff;
	position:relative;
	z-index:100;
}

.bindex h1, #menu a#logo {
	padding:10px 0 1em 40px;
	display:block;
}

#menu ul {
	width:100%;
	background-color:#26261d;
	color:#fff;
	float:left;
}

#menu ul#sub {
	color:#26261d;
	background-color:#f9f8e8;
}

#menu ul li {
	float:left;
	display:inline;
}

#menu ul#hoofd li {
	border-right:1px solid #59594F;
}

#menu ul#hoofd li.first {
	border-left:1px solid #59594F;
	margin-left:40px;
}

#menu ul#sub li.first {
	margin-left:25px;
}

#menu ul li a {
	text-decoration:none;
	margin:10px 15px;
	display:block;
	color:#26261d;
}

#menu ul#hoofd li a {
	color:#fff;
	padding:10px 15px;
	margin:0;
}

#menu ul#hoofd li a:hover {
	background-color:#424239;
}

#menu ul#sub li a {
	border-bottom:1px solid #f9f8e8;
}

#menu ul#sub li a:hover {
	border-bottom-color:#26261d;
}

#menu ul li strong {
	padding:10px 15px;
	display:block;
	font-weight:bold;
}

#menu ul#hoofd li strong {
	color:#26261d;
	background-color:#f9f8e8;
}

.bindex #menu ul#hoofd li strong {
	background-color:#fff;
}

p#payoff {
	position:absolute;
	right:40px;
	top:93px;
	text-align:right;
	color:#b82442;
}

/*  inhoud: content (vervolgpagina's)
-------------------------------------------- */
#content {
	background-color:#fff;
	width:700px;
	padding:40px 0;
	clear:left;
	float:left;
	position:relative;
	padding-left:200px;
}

/*  inhoud: subsubmenu (vervolgpagina's)
-------------------------------------------- */
#subsub {
	width:200px;
	/*position:absolute;
	top:40px;
	left:0;*/
	float:left;
	margin-left:-200px;
}

#subsub li {
	position:relative;
	left:40px;
	width:160px;
	margin-top:5px;
}


#subsub li.active {
	left:27px;
	background:url(../img/driehoekje.gif) 0 4px no-repeat;
	padding-left:13px;
}


#subsub li strong {
	display:block;
	border-bottom: 1px dotted #299a2a;
	text-decoration:none;
	padding-bottom:5px;
	font-weight:normal;
	color:#299a2a;
}

#subsub li a {
	display:block;
	border-bottom: 1px dotted #299a2a;
	text-decoration:none;
	padding-bottom:5px;
	font-weight:normal;
	color:#299a2a;
	width:100%;
}

#subsub li a:hover {
	border-bottom-color:#b82442;
	text-decoration:none;
	color:#b82442;
}

#main {
	width:390px;
	padding:0 0 0 25px;
	float:left;
	min-height:300px;

}

#main p {
	margin-bottom:1em;
}

#main ol, #main ul {
	margin-bottom:1em;
}

#main ul li {
	list-style:disc outside;
	margin-left:1em;
}

#main ol li {
	list-style:decimal outside;
	margin-left:1em;
}

/*  inhoud: intro (home)
-------------------------------------------- */
#intro {
	clear:left;
	font-size:1.4em;
	width:100%;
	padding:50px 0 10px 0;
	min-height:180px;
	background-color:#fff;
	position:relative;
}

#intro p, #intro ul {
	padding:0 0 1em 40px;
	width:480px;
}

#intro #schilderij {
	position:absolute;
	top:0;
	right:30px;
}

/*  inhoud: nieuws (home)
-------------------------------------------- */
#sec {
	width:100%;
	background-color:#f9f8e8;
	overflow:auto;
	padding-bottom:4em;
}

#nws {
	padding:30px 0;
}

#nws h2 {
	width:55%;
	margin-left:40px;
	padding-bottom:.3em;
}

#nws h3 {
	margin:20px 0 0 5.35em;
	font-size:1.3em;
}

#nws h3 a {
	text-decoration:none;
	font-weight:bold;
}

#nws p {
	margin:0 0 20px 7em;
}

#nws ul {
	width:55%;
	margin-left:40px;
	float:left;
}

#nws li {
	clear:left;
	margin-bottom:1em;
	border-top:1px dotted #26261d;
	position:relative;
	float:left;
	width:100%;
}

ul#archief {
	border-top:1px dotted #26261d;
}

#archief li {
	border-bottom:1px dotted #26261d;
	padding:5px 0;
	list-style-type:none !important;
	list-style-position:inside !important;
	margin:0 !important;
}

#archief li a {
	text-decoration:none;
	display:block;
}

/* datumblokje */
#nws .datum {
	width:4.5em;
	height:4.7em;
	margin-right:30px;
	background:#299a2a url(../img/datumbglb.png) top left no-repeat;
	color:#fff;
	margin-top:.2em;
	position:absolute;
	top:20px;
	padding-left:3px;
}

#nws .datumwrap {
	background:url(../img/datumbgro.png) bottom right no-repeat;
	height:4.7em;
	width:4.5em;
	display:block;
}

#nws .datum .dag {
	font-size:1.8em;
	font-weight:bold;
	display:block;
	position:relative;
	top:0;
	background:url(../img/datumbgrb.png) top right no-repeat;
	text-align:center;
	padding-right:3px;
	padding-top:.2em;
}

#nws .datum .maand {
	font-size:.8em;
	display:block;
	background:url(../img/datumbglo.png) bottom left no-repeat;
	position:absolute;
	bottom:0;
	padding-bottom:1em;
	text-align:center;
	margin-left:-3px;
	width:100%;
}

/*  inhoud: snelmenu (home)
-------------------------------------------- */
#snelmenu {
	float:right;
	width:300px;
	margin-right:30px;
	margin-bottom:1em;
}

#snelmenu ul {
	margin:0 20px;
}

#snelmenu li {
	border-bottom:1px dotted #26261d;
	margin-bottom:1em;
	padding-bottom:1em;
	font-size:1.3em;
}

#snelmenu li.last {
	border-bottom:none;
}

#snelmenu li strong {
	display:block;
}

#snelmenu li a {
	color:#26261d;
	text-decoration:none;
}

#snelmenu li a:hover, #snelmenu li a:active {
	color:#3dcb3d;
}

/*  inhoud: #beeld
-------------------------------------------- */
#beeld {
	float:left;
	margin-left:25px;
	width:220px;
	padding-bottom:100px;
	clear:none;
}

#beeld img {
	display:block;
	margin-bottom:5px;
}

#beeld:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*  inhoud: contactinfo (home) en #extra
-------------------------------------------- */
#contact {
	position:absolute;
	bottom:30px;
	right:30px;
	width:300px;
	background:#b82442 url(../img/contactbg.gif) bottom left no-repeat;
	color:#fceff1;
	padding-bottom:20px;
}

#extra {
	/*float:right;*/
	position:absolute;
	bottom:-40px;
	left:640px;
	width:220px;
	background:#b82442 url(../img/extrabgonder.gif) bottom left no-repeat;
	color:#fceff1;
	padding-bottom:20px;
	margin:0;
}


#contact h2 {
	background:url(../img/contacth2bg.gif) top left no-repeat;
	color:#fceff1;
	padding:15px 20px 0 20px;
}

#extra h2 {
	background:url(../img/extrabg.gif) top left no-repeat;
	color:#fceff1;
	padding:15px 20px 0 20px;
}

#extra div {
	border-top:1px dotted #fceff1;
	margin:1px 20px 1em 20px;
	padding-top:5px;

}

#extra p {
	margin:0 0 5px 0;
	padding-bottom:5px;
	border-bottom:1px dotted #fceff1;
}

#extra h3 {
	border-bottom:1px dotted #fceff1;
	margin:5px 0 5px 0;
	padding-bottom:5px;
}

#extra a {
	color:#fff;
	border-bottom:1px solid #E98FA2;
	text-decoration:none;
}

#extra a:hover {
	text-decoration:none;
	border-bottom:1px solid #fff;
	color:#fff;
}

#extra ul {
	padding-left:0;
	margin:0 0 1em 0;
}

#extra li {
	color:#fceff1;
	border-bottom:1px dotted #fceff1;
	margin-bottom:5px;
	padding-bottom:5px;
}

#extra li a {
	border-bottom:1px solid #ffafc1;
}


#extra li a:hover {
	color:#ffafc1;
	text-decoration:none;
	border-bottom-color:#ffafc1;
}


#contact p.first {
	border-top:1px dotted #fceff1;
	margin-top:5px;
	padding-top:15px;
}

#contact p {
	margin:0 20px 1em 20px;
}

#contact em {
	display:block;
	padding-left:20px;
}

#contact p em {
	padding-left:0;
}

.vcard a, .bindex #contact a {
	color:#fff;
	border-bottom:1px solid #E98FA2;
	text-decoration:none;
}

.vcard a:hover, .bindex #contact a:hover {
	text-decoration:none;
	border-bottom:1px solid #fff;
	color:#fff;
}

.vcard .fn, .vcard .street-address {
	display:block;
}

.vcard img {
	margin-right:4px;
}

/*  sIFR
-------------------------------------------- */
/* 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.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  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.kop {
	visibility: hidden;
	font-size: 18px;
}

/*.sIFR-hasFlash #intro p {
	visibility: hidden;
	font-size: 13px;
	width:450px;
	line-height:24px;
}*/

.sIFR-hasFlash #nws h2 {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 14px;
}

.sIFR-hasFlash #contact h2, .sIFR-hasFlash #extra h2 {
	visibility: hidden;
	letter-spacing: -1px;
	font-size: 14px;
}

/*.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;
}*/