/* external style sheet: 
// function: provides basic style information 
// author: Jonathan Eskes
// 
// History
// Date					Reason		Version
// june 23 1997				Creation	Concept
// Thu Oct 20 11:32:38 CEST 2005	ccagenda.nl
//
// Used hacks:
// The Box Model hack: http://www.communitymx.com/content/article.cfm?page=1&cid=E0989953B6F20B41
// IE 5 center hack (.iehackwrap)
// 3 columns, same lenght: http://www.redmelon.net/tstme/3cols2/ (doesn't work in e-mail, because hotmail removes negative numbers (margin-left)
// Kleurcodes opzet Internetwinkel.nl
// 
// Hele site
// Gewone tekst: Verdana 11 zwart
// <h1> Verdana 13 bold donkerblauw uit logo (#000066)
// Links: Verdana 11 donkerblauw uit logo underlined
// 
// 
// Logo
// Donkeroranje: HEX: #FF6600; RGB: 225, 102, 0
// Donkerblauw: HEX: #000066; RGB: 0, 0, 102
// Lichtoranje: HEX: #FFCC66; RGB: 255, 104, 102
// 
// Blok linkerkant
// Lichtoranje: zelfde als logo
// Donkeroranje: zelfde als logo
// 
// Blok .Snel zoeken.:
// Oranje borders: zelfde donkeroranje als logo
// Kop gradient van wit naar blauw (#FFFFFF naar #003399 en 255, 255, 255 naar 0, 51, 153)
// 
// Blok .Categoriën.:
// Oranje borders: zelfde donkeroranje als logo
// Kop gradiënt van wit naar donkeroranje (#FFFFFF naar #FF6600 en 255, 255, 255 naar 225, 102, 0)
// Lichtblauw plaatje onder titel: HEX: #99CCFF; RGB: 153, 204, 255
*/


/*----------------------------------------*/
/* general use ---------------------------*/
/*----------------------------------------*/

html, body	{
	font-size: 95%;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: Black;
	margin: 0px;
	padding: 0px;
/*
	background-color: #FFFFFF;
	background-image: url(/afb/bg.gif);
	background-repeat:repeat-x;
*/
	margin-top: 0px;
}

.clear { clear: both; }
.small { font-size: 0.7em; }

#wrapper {
	width: 980px;
	margin-left: auto; /* center page */
	margin-right: auto;
	border: 1px solid #FFF;
	border-top: 0px;
}
* html #wrapper {
	width: 982px; /* original width + border left and right */
	w\idth: 980px; /* original width */
}

/* ie 5.x hack to center: */
.iehackwrap { text-align: center; }
#wrapper { text-align: left; }


/*----------------------------------------*/
/* header --------------------------------*/
/*----------------------------------------*/

#header {
	width: 980px;
	height: 115px;
	margin-top: 10px;
	background-image: url(/afb/webwinkel-header.jpg);
	background-repeat: no-repeat;
}


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

#menu {
	margin: 0px;
	padding: 5px;
	margin-top: 80px;
	font-size:0.8em;
	font-weight: bold;
	color:#333333;
	float: right;
}

#menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu li {
	display: inline;
}

#menu a:link, #menu a:visited {
	padding: 5px 5px 5px 5px;
	color: #FFF;
	background-color:transparent;
	text-decoration:underline;
}

#menu a:hover {
	color: #ff6600;
}


/*----------------------------------------*/
/* main (outer) --------------------------*/
/*----------------------------------------*/

#outer {
	border-left-width: 240px;
	border-left-color: #FFF;
	border-left-style: solid;

/*
	border-right-width: 250px;
	border-right-color: #CF2C5A;
	border-right-style: solid;
*/

	border-bottom: 1px solid transparent;/* Firefox: force borders down to bottom */
	background-color: #FFFFFF;
}
.inner { margin: 0; width: 100%;}


/*----------------------------------------*/
/* main ----------------------------------*/
/*------ content (middle/center area)-----*/
/*----------------------------------------*/

#center,
#center2 {
	float: left;
	width: 730px;
	position: relative;
	z-index: 12;
	margin: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 5px;
	overflow: hidden;
	font-size:0.9em;
}
* html #center {
	width: 740px; /* org width+padding left and right */
	w\idth: 730px; /* orig width */
}

#center h1,h2,h3,h4,h5,h6 { 
	color:#000066;
	font-size: 1.1em;
}

#center2 {
	width: 970px;
}


#serendipity_banner h1 {
	font-size: 1.2em;
	background-image:url(/afb/ccenter.gif);
	background-repeat:no-repeat;
	padding-left:50px;
}

#center .tekst {
	padding: 5px 5px 5px 50px;
}

#center p {
	padding: 5px 5px 5px 50px;
}

#center p.searchresult{
	padding: 5px 5px 5px 50px;
}

#center hr {
	background-color:#FF9900;
	height: 2px;
	border: 0px;
}

#center .omschrijving {
	width:200px;
	float:left;
}

#center .comment {
	color:#FF0000;
}

#center select, #center input {
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 2px 2px 2px 2px;
}

#center ul {
	list-style-type:none;
	padding: 0px;
	margin: 0px;
}

table#agendalist {
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
}
table#agendalist caption {
	border: 1px solid #FF9900;
	background-color: #7BBF18;
	text-align: left;
	font-size: 1em;
}
table#agendalist tr {
	line-height: 1.5em;
	padding: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
table#agendalist tr.oneven {
	background-color: #FF9900;

}
table#agendalist td {
	padding: 0.3em;
	margin: 0;
}
table#agendalist td.details { width: 7em; }
table#agendalist td.naam { width: 10em; }
table#agendalist td.plaats { width: 10em; }
table#agendalist td.datum { width: 10em; }

/*----------------------------------------*/
/* main ----------------------------------*/
/*------ left (     in gebruik) ----------*/
/*----------------------------------------*/

#left {
	width: 240px;
	margin-left: -240px;
	float: left;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

#left div.news, #left div.newsBanner { 
	background-color: #FFCC66;
	border: 1px solid #FF6600;
	margin-top: 5px; 
	margin-bottom: 10px;
	padding: 2px 2px 2px 20px;
	width: 216px;
	background-image: url(/ontwerp/kopje_nieuws.png);
	background-repeat: no-repeat;
	background-position: 8px 7px;
}
* html #left div.news {
	width: 238px; /* org width+padding left and right */
	w\idth: 216px; /* orig width */
}
#left div.newsBanner { 
	padding: 2px 2px 2px 2px;
	width: 234px;
}
* html #left div.news {
	width: 238px; /* org width+padding left and right */
	w\idth: 234px; /* orig width */
}

#left h1,#left h2,#left h3 {
	background-image:url(/afb/icon.png);
	background-repeat:no-repeat;
	font-size: 1em;
	color: #000066;
	text-decoration: none;
	padding-left:20px;
	margin-top: 0;
}
#left a {
	/* display: block;*/
	text-decoration : underline;
	font-size: 1.0em;
}
#left a:link { color : #000066; }
#left a:visited { color : #000066; }
#left a:hover { color : Black; }

div.reclameIWL {
    padding-left: 0px;
    padding-top: 5px;
}
div.reclameIW, span.reclameIW, span.reclameIWKop {
    text-decoration:underline;
    color:#000;
    font-weight:bold;
    font-size:0.85em;
    font-family: Arial, Verdana, "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
    line-height: 1.1em;
}
span.reclameIW, span.reclameIWKop {
    font-size:0.85em;
    color: #000;
}
span.reclameIWKop {
    text-decoration:none;
	margin-left: -3px;
}
div.reclameIW {
    margin-top: 0.4em;
    margin-bottom: 1em;
    font-weight:normal;
    margin-left: 5px;
    color: #31189c;
    line-height:1.5em;
}
div.reclameIW a {
    color: #31189c;
}



/*----------------------------------------*/
/* main ----------------------------------*/
/*------ right (niet in gebruik) ---------*/
/*----------------------------------------*/

#right {
	margin: 0px;
	padding: 0px;
	width: 0px;
	margin-right: 0px;
	float: left;
	position: relative;
	z-index: 11;
	background-color: #CF2C5A; /*rgb(207,44,90)*/
	font-size:0.9em;
}
* html #right {
	width: 0px; /* original width + padding left + right = 10px */
	w\idth: 0px; /* original width */
}

#right div { padding: 2px 2px 2px 50px; }
#right h1,#right h2 {
	height:25px;
	background-image:url(/afb/cright.gif);
	background-repeat:no-repeat;
	font-size: 1.2em;
	color: #FFFBDF;
	text-decoration: none;
	padding-left:50px;
}
#right a {
	/* display: block;*/
	text-decoration : none;
	font-size: 1.0em;
}
#right a:link { color : #FFFBDF; }
#right a:visited { color : #FFFBDF; }
#right a:hover { color : Black; }

/*----------------------------------------*/
/* zoeken --------------------------------*/
/*----------------------------------------*/
#zoekkop {
	background-image:url(/ontwerp/blauwegradient.png);
	background-position: 0 0;
	border: 0;
	height: 24px;
}

#produktkop {
	background-image:url(/ontwerp/blauwegradient.png);
	background-position: 0 0;
	border: 0;
	height: 24px;
}

#produktkop h2 {
	padding-top: 3px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 1.1em;
	width: 100%;
}

#produktzoeken {
	border: 1px solid #ff6600;
	border-top: 0;
	height: 5em;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 18px;
}

#zoeken {
	border: 1px solid #ff6600;
	border-top: 0;
	height: 4em;
}

#zoekkop h2 {
	padding-top: 3px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 1.1em;
	width: 100%;
}

#zoeken a {
	color: #000066;
	text-decoration: none;
	padding-top: 4px;
}
#zoeken label {
}
input#submit {
	vertical-align: bottom;
}

#spotlightKop {
	margin-top:5px;
	background-image:url(/ontwerp/blauwegradient.png);
	background-position: 0 0;
	border: 0;
	height: 24px;
}
#spotlightKop h2 {
	padding-top: 3px;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: 1.1em;
	width: 100%;
}

#spotlight {
	border: 1px solid #ff6600;
	border-top: 0;
	padding-left: 20px;
}

/*----------------------------------------*/
/* rubrieken -----------------------------*/
/*----------------------------------------*/
.beoordeelkop,
#rubriekkop,
#categorieWinkeloverzichtKop,
.winkelCommentKop,
#linkpageKop {
	background-image:url(/ontwerp/oranjegradient.png);
	background-position: 0 0;
	border: 0;
	height: 24px;
	margin-top: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.beoordeelkop h2,
.winkelCommentKop h2,
#rubriekkop h1,
#categorieWinkeloverzichtKop h1,
#linkpageKop h1 {
	padding-top: 3px;
	margin-top: 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 1.1em;
	width: 100%;
}

#rubrieken {
	float: left;
	width: 728px;
	border: 1px solid #ff6600;
	margin-bottom: 30px;
}
* html #rubrieken {
	width: 730px; /* org width+padding left and right */
	w\idth: 728px; /* orig width */
}


#rubrieken h1 {
	font-size: 1.1em;
	background-color: #FF6600;
	width: 100%;
	margin-top: 0;
}

/*----------------------------------------*/
/* footer --------------------------------*/
/*----------------------------------------*/

#footer {
	clear: both;
	/*background: #FEF6AE;*/
	width: 942px; /*747px;*/
	margin-left: auto; /* center page */
	margin-right: auto;
	margin-top: 5px;
	text-align: center;
}

/*----------------------------------------*/
/* general -------------------------------*/
/*----------------------------------------*/

img { border:0; float:left; }

div.newslead1, div.newslead2 {
	clear: both;
	line-height: 1.5em;
	margin-top: 3em;
	height: 200px;
}
div.newslead1 p, div.newslead2 p {
	margin-top: -5px;
}
div.newslead1 a:link,a:visited,a:hover {
	color: #FF9900;
	text-decoration: none;
}
div.newslead2 a:link,a:visited,a:hover {
	color: #7BBF18;
	text-decoration: none;
}
div.newslead1 img, div.newslead2 img {
	border: 1px solid #7BBF18;
	margin-top: 4px;
	margin-right: 10px;
	margin-left: 0px;
	margin-bottom: 2px;
}
div.newslead2 img {
	border: 1px solid #FF9900;
	float: right;
}

div.pageno {
	margin-top: 2em;
	margin-bottom: 2em;
    text-align: center;
    font-size: 0.8em;
}
div.pageno a { text-decoration: none; }
div.pageno a:link { color: #6eac51; }
div.pageno a:visited { color: Gray; }
div.pageno a:hover { color: #952737; }

/*----------------------------------------*/
/* form ----------------------------------*/
/*----------------------------------------*/
form {
	border: 1px solid #ff9900;
}

input, select, textarea {
	color: #000;
	border: 0px solid #FF6600;
	background-color: #FFCC66;
}

form p {
	clear: left;
	margin-bottom: 0;
	margin-top: 0;
}
form p label {
	float: left;
	width: 13em;
}


/*----------------------------------------*/
/* zoeken extra --------------------------*/
/*----------------------------------------*/
div#zoekProdukt {
	border: 0px solid #FF9900;
	margin-left: 20px;
	margin-right: 0.5em;
	margin-top: 1em;
	float: left;
}

/*----------------------------------------*/
/* rubrieken extra------------------------*/
/*----------------------------------------*/
div.hoofdrubriek,div.hoofdrubriekEven {
	float: left;
	width: 364px; /*728/2 minus padding/margin/border*/
	margin-bottom: 20px;
	border: 0px;
	margin-top: 10px;
}

div.hoofdrubriekCompleet {
	float: left;
	width: 728px;
	border: 1px solid #FF9900;
	margin-bottom: 30px;
	margin-top: 10px;
}
* html #div.hoofdrubriek {
	width: 364px; /* org width+padding left and right */
	w\idth: 364px; /* orig width */
}
* html #div.hoofdrubriekCompleet {
	width: 730px; /* org width+padding left and right */
	w\idth: 728px; /* orig width */
}
div.hoofdrubriekCompleet h1
/*, div.hoofdrubriekCompleet h2*/
{
	font-size: 1.1em;
	background-color: #FF6600;
	width: 100%;
	margin-top: 0;
	margin-right: 0;
}

h2.hoofdrubriekKop,
h2.hoofdrubriekAuto,
h2.hoofdrubriekBoodschappen,
h2.hoofdrubriekCadeau,
h2.hoofdrubriekComputer,
h2.hoofdrubriekGeld,
h2.hoofdrubriekHobby,
h2.hoofdrubriekHuis,
h2.hoofdrubriekKeuken,
h2.hoofdrubriekMode,
h2.hoofdrubriekSport,
h2.hoofdrubriekThuis,
h2.hoofdrubriekVakantie,
h2.hoofdrubriekWonen
{
	color: #f60;
	position: relative;
	font-size: 1.1em;
	width: 100%;
	margin-top: 0;
	padding-bottom: 40px;
	padding-left: 71px;
	display: inline;
	background-image:url(/ontwerp/kopje_cat.png);
	background-repeat: no-repeat;
	background-position: 0px -6px;
}
h2.hoofdrubriekAuto { background-image:url(/ontwerp/icon_auto.jpg); }
h2.hoofdrubriekBoodschappen { background-image:url(/ontwerp/icon_boodschappen.jpg); }
h2.hoofdrubriekCadeau { background-image:url(/ontwerp/icon_kado.jpg); }
h2.hoofdrubriekComputer { background-image:url(/ontwerp/icon_computer.jpg); }
h2.hoofdrubriekGeld { background-image:url(/ontwerp/icon_geld.jpg); }
h2.hoofdrubriekHobby { background-image:url(/ontwerp/icon_hobby.jpg); }
h2.hoofdrubriekHuis { background-image:url(/ontwerp/icon_hemhaar.jpg); }
h2.hoofdrubriekKeuken { background-image:url(/ontwerp/icon_auto.jpg); }
h2.hoofdrubriekMode { background-image:url(/ontwerp/icon_muziek.jpg); }
h2.hoofdrubriekSport { background-image:url(/ontwerp/icon_sport.jpg); }
h2.hoofdrubriekThuis { background-image:url(/ontwerp/icon_thuis.jpg); }
h2.hoofdrubriekVakantie { background-image:url(/ontwerp/icon_vakantie.jpg); }
h2.hoofdrubriekWonen { background-image:url(/ontwerp/icon_werk.jpg); }

div.rubriek {
	width: 165px; /*359/2 minus padding/margin/border */
	background-color: #FFCC66; /*FF9900*/
	padding: 2px;
	overflow: hidden;
	float: left;
	height: 10em;
	border: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

div.hoofdrubriekCompleet div {
	width: 346px; /*728/2 minus padding/margin/border */
	background-color: #FFCC66; /*FF9900*/
	padding: 2px;
	overflow: hidden;
	float: left;
	height: 10em;
	border: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

div.rubriek {
	margin-top: 37px;
}
div.rubriek h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
	color: #CF2C5A; /*#7BBF18;*/
	background-color: #FF9900;
	background-image: url();
}
div.rubriek a:hover, div.rubriek a:visited, div.rubriek a:active, div.rubriek a:link {
	display: block;
	text-decoration: underline;
	color: #000;
}
div.hoofdrubriek ul,
div.hoofdrubriekEven ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div.hoofdrubriek li,
div.hoofdrubriekEven li {
	display: inline;
}

div.hoofdrubriekList
{
	margin-left: 72px;
	display: block;
	padding-top: 30px;
	width: 252px; /* 364-72px(margin-left)-20px(marge rechts) */
	background-repeat: no-repeat;
}

div.categorieWinkeloverzicht {
	float: left;
	width: 728px;
	border: 1px solid #FFF;
	margin-bottom: 30px;
	margin-top: 0px;
}

* html #div.categorieWinkeloverzicht {
	width: 730px;
	w\idth: 728px;
}

div.categorieWinkeloverzicht table {
	width: 100%;
}
div.webwinkel {
}
div.webwinkel span {
	display: block;
	font-size: 0.9em;
}
div.webwinkel h2 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
}
div.webwinkelMeta span {
	border-right: 1px solid #f60;
	padding-right: 5px;
	margin-right: 5px;
	float: left;
}
tr.webwinkelEven, tr.webwinkelOdd {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

tr.webwinkelOdd {
	background-color: #ffcc66;
}

div.beoordeling {
	clear: both;
	margin-top: 10px;
}
div#linkpage {
	margin-top: 0;
	padding-top: 0px;
}
div#samenvatting {
	border: 1px solid #ff9900;
	margin-left: 0em;
	margin-top: 0em;
	padding-top: 5px;
}
div#linkpage img.siteimage {
	float: left;
	padding-top: 0;
	margin-top: 3px;
	margin-right: 1em;
}
div#comment {
	clear: both;
	float: left;
	width: 100%;
	border: 0;
}
div.usercomment {
	clear: both;
	border: 1px solid #f90;
	padding: 5px;
	margin: 5px;
}
div.ervaringCijfer {
	font-size: 1.4em;
	color: #f60;
}
div.comMeta {
	font-size: smaller;
}
span.datum {
	font-weight: bold;
}
span.afzender {
	font-weight: bold;
}
form#zoekwinkel {
	display: inline;
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
	width: 600px;
}
form#zoekwinkel input#q {
	padding: 0.1em;
	margin: 0;
	background-color: #FFF;
	border: 1px solid #FF6600;
}
div.bezoekWinkel {
	display: inline;
	float: left;
	border-right: 1px solid #f60;
	padding-right: 5px;
	margin-right: 5px;
}
div.bezoekWinkelPagina {
}
div.winkelOpen {
	display: inline;
	float: left;
	border-right: 1px solid #f60;
	padding-right: 5px;
	margin-right: 5px;
}