/* Blauw: #0C274C; Goud: #8E7D2A; */

body, li, p, td, th, h1, h2, h3, h4
	{ /* font-family: Arial, Helvetica, sans-serif */
	font-family: Verdana, Helvetica, sans-serif; font-size: .9em;
	background: #DAE7F9;
	color: #000000}
	
body, html {
	margin:0;
	padding:0;
	max-width: 1280px}

h1	{ 
	text-align: center;
	font-size: 115%; 
	color:#0C274C; 
	background: transparent;
	text-transform: uppercase}
h2	{ 
	font-size: 110%; 
	color:#0C274C; 
	background: transparent;
	font-weight: bold;
	margin-bottom: -10px;}

h2.hoger {margin-bottom: 15px}

h3, h4	{ /* dus ook de widgEditorkopjes */
	color: #0C274C; 
	background: transparent;
	font-weight: bold;
	margin-bottom: -15px;}
h3 {font-size: 100%;}
h4 {font-size: 90%; font-style: italic;}		

strong, b {color:#0C274C; font-size:.9em}

/* span.kop {	font-weight: bold; color:#0C274C; background: transparent;} */

.strong {color: #800000; font-style: italic }

th {
	font-weight: bold; 
	color:#0C274C; 
	background: transparent;}

img {border: none}

p.marquee {
	color: #003366; 
	background: transparent;
	font-size: 14pt;
	width: 65%}

.nobr {white-space:nowrap;}
	
table {
	border-collapse: collapse;
	width:100%}
table.center td {text-align: center;}
table.specs {width: 80%}
td {padding-left: 3px}
td.marge {padding-left: 20px}

table#mailform {width: 45em; margin: auto}
table#mailform td {border: 1px solid #CCC}


a:link 		{color: #003366; background: transparent;}
a:visited 	{color: #006666; background: transparent;} 
a:active	{color: #666699; background: transparent;}
a:hover		{color: #8E7D2A}
a#login {text-decoration: none; height:82px; width: 10px;}

td.rechts {text-align: right}
span.rechts {float:right}
.rechts {float:right; margin-left:55px;}
.links {float:left; margin-right:15px;}

span.prijsverlaging {background: url('images/doorhalen.png') no-repeat center center;}

.center {text-align:center}
/*Paragraafregels dichter bij elkaar (bijv. kopje boven lijst)*/
.closer {margin-bottom: -15px;}

div#kop {
	width: 100%;}

div#kop table {
	margin:0;}
div#kop td {
	padding-left:10px;
	padding-right:10px;
	color:#003366; background: transparent;
	vertical-align: bottom}	
td#kopvlaggen {width: 40%}	
td#kopgezocht {width: 40%; text-align: right}

p#fotoserie {
	margin-top:5px; background: url('images/fotoserie_kop_s.jpg'); 
	height:55px; 
	border-top: 5px solid #0C274C; border-bottom: 5px solid #0C274C;}

div#content {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
	clear:right;}

sup {
  position: relative;
  top: -1ex;
  vertical-align:baseline;
  font-size: 90%;}
  
/* Speciale meldingen */
p.rood, span.rood {color: red}  
p.grijs, span.grijs {color: gray}  

table#disclaimer {clear: both;}
table#disclaimer td {vertical-align: middle;padding:0; text-align: center }
table#disclaimer td.dummy {width:150px;}
table#disclaimer td.img {width:150px;}



/* ------------------- CSS voor hoofdmenu en submenu-------------------  */
div#holdmenu, div#holdsubmenu { /* containing div to center fixed and flexible width menus */
	text-align: center;
	width: 99%;}

del#menu, del#submenu { /* style for flexible width menu */
	text-decoration: none;
	display: inline-block;}
	
del#menu ul, del#submenu ul {
	display: table; /* centers flexible width menu in ff, opera */
	margin: 0 auto;
	padding: 0;
	list-style: none;}
	
del#menu li, del#submenu li {
	display: table-cell;/* displays flexible width menu horizontally in ff, opera */
	float: left;
	padding: .2em; margin: .2em;
	background: #0C274C;}
	
del#menu a, del#submenu a {
	display: block;
	width: 7em;
	color: #F4BD66;
	background: #0C274C;
	border: 1px solid #8E7D2A;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em; 
	white-space:nowrap;}

del#submenu a {width: 9em;}
	
del#menu a:focus, del#menu a:hover, del#submenu a:focus, del#submenu a:hover {
	color: #FFFFFF;
	background: #0C274C;}

/* ------------------- Speciale aanbiedingen op startpagina: ------------------- */	
div#new_specials {width: 90%;  overflow: auto; text-align: center; margin: auto;}
div#new_specials table {width: 9em; float: left; border: 2px solid #8E7D2A; margin: 3px; }
div#new_specials td {color: #FFF; background: #0C274C; } 
div#new_specials td.naam {height: 4em; vertical-align: top} 
div#new_specials td.img {height: 105px; vertical-align: middle} 
div#new_specials td.prijs {} 
/* div#new_specials h2 {color: #0C274C; margin-bottom: 1em; font-size: 1.05em} */
div#new_specials h2 {margin-bottom: 1em;}
div#new_specials a {
	color: #F4BD66;
	text-decoration: none;
	font-weight: bold}
div#new_specials a:hover {
	color: #FFFFFF;
	background: #0C274C;}

/* ------------------- Opmaak van pagina Gezocht en Aanbod: ------------------- */	
table#boot {clear: both}
/* table#boot td {border: 1px solid #CCC} */
table#boot {border-collapse: separate}

table#boot td {font-size: .9em; padding-left: 5px; padding-right: 5px}
table#boot a {font-weight: bold;}
tr.donker td {background-color:#f9f9fb;} /* Is in feite 'licht'! */
tr.licht td {background-color:#EAEAF0;}

div#bedankt {border: 1px solid #CCC; margin-bottom: 4em;  padding: 10px}	/* zie mailforms */

/* -------------------  Aanvulling opmaak van tekst in WidgEditor (WE) div en td -------------------  */
/* background: transparent omdat de achtergrondkleur in de aanbod-tabel niet klopte */
.we h2, .we h3 {margin-bottom: .5em;  background: transparent}
.we p, .we ul, .we li, .we ol  {margin-top: .5em; margin-bottom: .5em; background: transparent}

/*----------------- Plaatjes van 'Wij adverteren' ---------------------*/
div#adverteren {}
div#adverteren table {float: left; margin-left: 10px;  width: 265px; height: 90px}
div#adverteren table td {vertical-align: middle; text-align: center;}