/* -----------------------------------------------------------------
   de familieband faciliteert een warme en een koude kant
   ---------------------------------------------------------------*/

#familieband {
	position: relative;
	overflow: hidden;
	z-index: 200;
	width: 980px;
	height: 21px;
	margin: 0 auto;
	background: transparent url(../images/bg.familieband.png) no-repeat }

#familieband ul {
	display: block;
	position: absolute;
	top: 0 }
#familieband ul.nrc {
	font-family: "LexiconNo1romanbTxtRegular", "Times New Roman", serif;
	font-size: 12px;
	left: 0 }
#familieband ul.nrc b {
	font-weight: normal;
	font-family: "LexiconNo1RomanETxtRegular", "Times New Roman", serif }

#familieband ul.lezer {
	position: absolute;
	z-index: 100;
	right: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11.5px;
	line-height: 19px }

#familieband li {
	display: inline-table;
	padding: 0 6px }
#familieband li.klantenservice {
	padding: 0 3px 0 6px }

#familieband ul.nrc li a {
	padding-right: 7px;
	background: transparent url(../images/ganzenvoetje.666.png) no-repeat right }

#familieband ul li.jebenthier a:link,
#familieband ul li.jebenthier a:visited {
	color: #111;
	background: transparent url(../images/ganzenvoetje.d30910.png) no-repeat right }

#familieband li a:link,
#familieband li a:visited {
	color: #666 }
#familieband li a:hover,
#familieband li a:active {
	color: #111 }

#familieband ul.nrc li a:hover,
#familieband ul.nrc li a:active {
	padding-right: 7px;
	background: transparent url(../images/ganzenvoetje.d30910.png) no-repeat right }

#familieband li.abonneer a:link,
#familieband li.abonneer a:visited {
	color: #d30910 }
#familieband li.abonneer a:hover,
#familieband li.abonneer a:active {
	color: #003 }

#familieband li.leesdekrant a:link,
#familieband li.leesdekrant a:visited {
	color: #d30910 }
#familieband li.leesdekrant a:hover,
#familieband li.leesdekrant a:active {
	color: #003 }
	
	
	/* -----------------------------------------------------------------
   default header
   ---------------------------------------------------------------*/

#header {
	position: relative;
	width: 980px;
	height: 87px;
	margin: 0 auto;
	background: #f0f0f0 }

#header .logo {
	position: absolute;
	top: 32px;
	left: 22px }

/* -----------------------------------------------------------------
   menu
   ---------------------------------------------------------------*/

#menu {
	position: relative;
	width: 980px;
	height: 32px;
	margin: 0 auto 32px auto;
	font-size: 16px;
	line-height: 18px;
	background: transparent url(../images/bg.menu.40.png) no-repeat;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px }

#menu ul {
	position: absolute;
	z-index: 666;
	margin: 3px 0 0 8px;
	padding: 3px 0 8px }

#menu li {
	display: inline-table;
	float: left;
	list-style-type: none }

#menu li.watskeburt {
	margin-left: 0px }

#menu ul li {
	float: left;
	width: auto }

#menu ul li a,
#menu ul li span {
	display: inline-table;
	margin: -6px 0 0;
	padding: 8px 14px 6px;
	color: #fff }
#menu ul li a:hover,
#menu ul li a:active {
	background: transparent url(../images/bg.menu.000000.10.png) repeat-x -12px 0 }

#menu ul li.jebenthier li a {
	background: transparent }
#menu ul li.jebenthier li a:hover {
	background: #eee }
#menu ul li.jebenthier a {
	background: transparent url(../images/bg.menu.000000.20.png) repeat-x -12px 0 }

#menu ul ul {
	display: none;
	float: none;
	position: absolute;
	z-index: 15;
	width: 966px;
	left: 0;
	margin: 0;
	padding: 6px 0 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #111 }

.column #menu ul ul,
.fotoblog #menu ul ul,
.weblog #menu ul ul {
	width: 800px } /* anders is dit een uitstekend deel */
#menu.js ul ul {
	background: none }
#menu.js ul li:hover ul,
#menu.js ul li.over ul {
	display: none }

#menu ul li:hover ul,
#menu ul li.over ul,
#menu.js ul li ul.active {
	display: block }

#menu ul ul li {
	display: block;
	float: left;
	margin: 0 0 -2px 0;
	padding-top: 4px;
	padding-bottom: 10px;
	color: #666 }

#menu ul ul li a,
#menu ul ul li span {
	display: block;
	position: relative;
	z-index: 4000;
	float: left;
	padding: 2px 5px 0;
	color: #333 }

#menu ul ul li span {
	color: #666 }

#menu ul .watsmetjou ul {
	width: 840px }


/* tags - misc. */
#menu .ganzenvoetje {
	font-size: 14px;
	line-height: 15px }

#menu ul ul.active {
	display: block }

#menu form, #menu form * {
	z-index: 10000 }


/* het plaatje van het huisje, jeweetzelf */
img.thuiskomertje {
	display: inline;
	margin: 0 8px 0 0 }


/* overheersend */
.artikel #menu .watskeburt {
	padding: 0 }

.artikel #menu .watisnjouw {
	background: transparent }

#menu .boutitbout {
	margin: 0 }
	
p#oldskool {
  margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

/* -----------------------------------------------------------------
   op de homepage van weblogs is de header anders dan anders
   ---------------------------------------------------------------*/

.archief #menu ul li a:hover,
.archief #menu ul li a:active {
	background: transparent url(../images/bg.menu.000000.10.png) repeat-x -12px 0 }

.archief #menu ul li.jebenthier a {
	background: transparent url(../images/bg.menu.000000.20.png) repeat-x -12px 0 }

.archief #menu li.watskeburt,
.archief #menu li.watskeburt>a {
	margin-left: -8px;
	padding-left: 16px;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0 }

.archief #menu li.jebenthier {
	margin-left: -8px }
.archief #menu li.jebenthier>a {
	padding-left: 20px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px }