/* Bepaling van de hover-kleuren van de hoofdmenu-items. */

/* Boeken */
a:hover#hfdmenuLink1 {background: #5f5233;}
#submenu1 {display: none; background: #5f5233;}

/* Films */
a:hover#hfdmenuLink2 {background: #5f2f25;}
#submenu2 {display: none; background: #5f2f25;}

/* Cadeautjes/overig */
a:hover#hfdmenuLink3 {background: #90072f;}
#submenu3 {display: none; background: #90072f;}

/* Studieboeken */
a:hover#hfdmenuLink4 {background: #5f97c5;}
#submenu4 {display: none; background: #5f97c5;}

/* Aanbiedingen */
a:hover#hfdmenuLink5 {background: #a58103;}
#submenu5 {display: none; background: #a58103;}

/* Zakelijk */
a:hover#hfdmenuLink6 {background: #d3bd87;}
#submenu6 {display: none; background: #d3bd87;}

/* Nieuwsbrief */
a:hover#hfdmenuLink7 {background: #667887;}
#submenu7 {display: none; background: #667887;}

#content_send_to_friend { margin: 10px 20px 10px 0px; line-height: 150%; }
#content_send_to_friend_clear {clear: both; }

/* formulieren */
/* .wwTabel {width: 100%} */ 
tr.wwInvoerRij td {vertical-align:top; padding: 6px 0px 6px 10px; background: #ececec; border-bottom: 1px solid #ffffff;}
.wwVraagCel {width: 200px; white-space:nowrap;}
.wwVraagCelAanvulling {width: 425px; white-space:nowrap;}
.wwInvoerveld, input[type='text'], input[type='password'], input[type='select'], select {padding:0; height:18px; border:1px solid #667887; color:#334b5f; font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; font-size:12px;}
.wwSectieTitel h3 {margin:10px !important; color: #667887;}
.wwSubmit, input[type='submit'] {font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; cursor:pointer; background:#ffcc00; padding:2px 10px; border:1px solid #667887; float:right; text-decoration:none!important;}
.wwSubmit:hover, input[type='submit']:hover  {background:#334b5f; color:#fff;}
.wwSubmit:active, input[type='submit']:active {border: 2px inset #667887;}


#wwTabelWinkelwagen {}
#wwTabelWinkelwagen th {font-size: 0.8em; text-align: left; padding: 0px 0px 5px 10px;}
#wwTabelWinkelwagen .kolItem {width: 70%;}
#wwTabelWinkelwagen .kolPrijs {width: 10%;}
#wwTabelWinkelwagen .kolAantal {width: 10%;}
#wwTabelWinkelwagen .kolVerwijder {width: 10%;}
#wwTabelWinkelwagen .bestelInvoerveld {width: 80%; border: 1px solid #000;}

.float-left {
	margin-top:2px;
	float: left;
}
.float-right {
	margin-top:2px;
	float: right;
}
.clear-both {
	clear: both;
	font-size: 0px;
}

/* Ajax */
.ajax-loading-box {
	border: 1px solid #aaaaaa;
	background-color: #ffcc00;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 5px;
	position:absolute;
	top:0;
	left:0;
	width: 165px;
	display: none;
	z-index: 9999;
}
.ajax-message-wrapper {
	display: none;
	position: absolute;
	left: -1000px;
	top: -1000px;
	z-index: 9999;
	width: 339px;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #366073;
	border-bottom: 1px solid #366073;
	cursor: pointer;
		color:#334b5f!important;
}
.ajax-message {
	border: 1px solid #334b5f;
	background-color: #ffcc00;
	color:#334b5f!important;
	padding: 25px 29px 10px 29px;
}

.ajax-notification-n, .ajax-notification-e, .ajax-notification-w {
	padding-left: 17px;
	padding-bottom: 15px;
}

.ajax-notification-e {
	background: url('images/ajax_notification_e.gif') no-repeat left 1px;
}

.ajax-notification-w {
	background: url('images/ajax_notification_w.gif') no-repeat left 1px;
}

.ajax-notification-n {
	color: #1b7bdd;
	font-weight: bold;
	background: url('images/ajax_notification_n.gif') no-repeat left 1px;
}
/* /Ajax*/

/* Estimation form */
.popup-box {
	border: 1px solid #dadada;
	background-color: #f8f8f8;
	width: 350px;
	padding: 11px;
}
.popup-box .search-field label {
	width: 105px;
}
.box {
	border: 1px solid #dadada;
	background-color: #f8f8f8;
	padding: 11px;
}

/* /Estimation form */

/* zoekformulieren */
.search-field {
	margin-bottom: 7px;
}

.search-field label, .search-field label.long{
	float: left;
	clear: left;
	text-align: left;
	width: 95px;
	padding-top: 1px;
}

.search-field label.long {
	width: 150px;
}

.search-field div label {
	width: auto;
}
.search-field input {
}
.search-field select {
	border: 1px solid #6e9db7;
}
.search-field textarea {
	border: 1px solid #6e9db7;
}
.search-field span {
}
/* /zoekformulieren */

/* One page checkout styles */
.step-title-bg {
	height: 34px;
	background: #f0f0f0 ;
	border: 1px solid #a3a3a3;
	padding-left: 4px;
	margin-top: 20px;
}

.step-title-active-bg {
	height: 34px;
	background: #f0f0f0 ;
	border: 1px solid #a3a3a3;
	padding-left: 4px;
	margin-top: 2px;
}

.step-body {
	border-right: 0px solid #a3a3a3;
	border-bottom: 0px solid #a3a3a3;
	border-left: 0px solid #a3a3a3;
	padding: 15px 0px 20px 0px;
}
.step-complete {
	font: bold 12px Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif;
	color: #369408;
	white-space: nowrap;
}

.step-title-active {
	color: #000000;
	font: bold 12px Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif;
	white-space: nowrap;
}

.step-not-complete {
	color: #ff7800;
	font: bold 12px Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif;
	white-space: nowrap;
}
.step-title {
	color: #a3a3a3;
	font: bold 12px Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif;
	white-space: nowrap;
}

.step-complete-wrapper {
	overflow: hidden;
}

.step-complete-wrapper p {
	color: #858585;
	padding: 0px;
	margin: 0px;
}

.checkout-textarea {
	width: 374px;
}
.step-complete-text {
	color: #858585;
}
/* One page checkout styles */



/* pagination styles */
#kolom4span .pagination-wrapper:first-child {width:100%; border:none;}

.pagination-wrapper {
	background: none ;
	padding:2px 0px;
	width:640px; 
	margin:0px 0px 30px 0px;
	border-top:1px solid #334b5f;
	border-bottom:1px solid #334b5f;
}
.pagination-wrapper select {
	border:1px solid #334b5f;
	font-size:11px;
	background:#e4e4e4;
}

.pagination-link:link, .pagination-link:visited, .pagination-link:hover, .pagination-link:active, .pagination-selected-page {
	padding: 0px 4px 1px 4px;
	border: 0px solid #e4e4e4;
}

.pagination-link:hover {
	border: 0px solid #667887;
	background-color: #ffffff;
}

.pagination-selected-page {
	font-weight: bold;
	background:#667887;
	color:#fff;
	border:1px solid #334b5f;
}
/* /pagination styles */

/* Notification box */

.notification-body {
	padding: 6px 10px;
	text-align: justify;
}
.notification-title-n { /* Notification message */
	color: #ffffff;
	font: bold 12px;
}
.notification-border-n {
	border: 1px solid #3c74ba;
	background-color: #ffffff;
	color: #2b2b2b;
	margin: 0px 0px 25px 0px;
	width: 99.5%;
}
.notification-th-n {
	background: #578bca url(images/notification_th_n.gif) repeat-x;
	height: 19px;
	width: 100%;
}
.notification-title-e { /* Error message */
	color: #ffffff;
	font: bold 12px;
}
.notification-border-e {
	border: 1px solid #b71408;
	background-color: #ffffff;
	color: #2b2b2b;
	margin: 0px 0px 25px 0px;
	width: 99.5%;
}
.notification-th-e {
	background: #de3e37 url(images/notification_th_e.gif) repeat-x;
	height: 19px;
	width: 100%;
}
.notification-border-w { /* Warning message */
	border: 1px solid #d96e0f;
	background-color: #fdf6ed;
	color: #2b2b2b;
	margin: 0px 0px 25px 0px;
	width: 99.5%;
}
.notification-title-w {
	color: #ffffff;
	font: bold 12px;
}
.notification-th-w {
	background: #d96e0f url(images/notification_th_w.gif) repeat-x;
	height: 19px;
	width: 100%;
}
/* /Notification box */


/* Tabs! */
.tab-wrapper {
	overflow: hidden;
	background: url(images/tab_wrapper_bg.gif) repeat-x bottom;
	margin-top:20px;
}
.section-active-tab-bg {
	white-space: nowrap;
	color: #000;
	background-color: #ffffff;
	border-top: 1px solid #a3a3a3;
	border-right: 1px solid #a3a3a3;
	border-left: 1px solid #a3a3a3;
	padding: 4px 10px 6px 10px;
	font-weight:bold;
	cursor: default !important;
}
.section-inactive-tab-bg {
	color: #667887;
	white-space: nowrap;
	background-color: #ffffff;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	padding: 4px 10px;
	margin-bottom: 1px;
}
.section-inactive-tab-bg:hover {
	background-color:#334b5f !important;
	color:#fff !important;
}

.tab-content-border {
	padding: 0px;	
	margin-bottom: 8px;
}
.section-outer-border {
	border: 1px #7A7A7A solid;
	clear: both;
}


.input-textarea, 
.input-text,
.tbox_max,
.tbox {border:1px solid #667887; color:#334b5f; font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; font-size:12px;}


/* /Tabs! */





.hand {
	cursor: pointer;
	vertical-align:middle;
}

.valign {
	vertical-align:middle;
}


/* Basis-CSS voor de hele site. Voornamelijk afmetingen en basiskleuren */
img {border:none;}
.pngFix {behavior: url(includes/iepngfix.htc);}
#bodyTable {width:100%; height:100%; margin:0px; padding:0px; border:0px solid green; background:#e5e5e5 url('pix/basis_agrond_body2.jpg') fixed; overflow:visible; vertical-align:top;}
html,body {width:100%; height:100%; margin:0px; padding:0px;}
body {background:#e5e5e5 url(pix/basis_agrond_body2.jpg) fixed; }
body, td, body td {font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; font-size:12px; color:#334b5f;}
form {margin:0px; padding:0px;}
h1 {font-size: 170%;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
.subheader {
	border-bottom: 1px solid #d5d5d5;
	display: block;
	padding: 13px 0px 7px 0px;
	margin-bottom: 15px;}
ol,ul,li {margin:0; padding:0;}
ol,ul {display:block; margin-bottom:1em;}
li {margin-left:20px;}
	

  /* lustrum button */
#basisLustrumButtonLink {position: absolute; display: block; width: 75px; height: 75px; z-index: 100; margin: 100px 0px 0px 10px; opacity: 0.8; filter: alpha(opacity=80);display:none;}
#basisLustrumButtonLink:hover {opacity: 1; filter: alpha(opacity=100);}
#basisLustrumButton {display:none;}

/* Hoofd-uitlijntabel */
#uitlijnTabel {width:100%; height:100%;}
#uitlijnZijkantLinksTop {height:210px; background:#334b5f url(pix/basis_agrond_topbalk.jpg);}
#uitlijnZijkantLinksMidden {background: url(pix/basis_agrond_shadow_top.png) top repeat-x;}
#uitlijnZijkantRechtsTop {height:210px; background:#334b5f url(pix/basis_agrond_topbalk.jpg);} 
#uitlijnZijkantRechtsMidden {background: url(pix/basis_agrond_shadow_top.png) top repeat-x;} 
#uitlijnCelTop {width:990px; height:210px; vertical-align: top; background: #334b5f url(pix/home_kopfoto.jpg) right no-repeat;}  /* KOPFOTO */
#uitlijnCelMidden {width:990px; height:98%; vertical-align:top; background:url(pix/basis_agrond_shadow_top.png) top repeat-x;}
#uitlijnCelOnder {width: 990px; height: 20px;}

/* Bovenste rij in uitlijnCelTop met logo, foto en menu */
#topCelAfdekContainer {width: 825px; height: 150px; margin: 60px 0px 0px 165px; display: block; position: absolute; z-index: 10; opacity: 0.65; filter: alpha(opacity=65);}
#topCelKolomAfdekContainer {width: 165px; height: 210px; margin: 0px 0px 0px 165px; display: block; position: absolute; z-index: 20; background: transparent; opacity: 0.5; filter: alpha(opacity=50);}
#topCelContentContainer {width: 990px; height: 210px; display: block; position: absolute; z-index: 30;}

/* Topmenu-tabel */
#topmenuContainerTabel {width: 990px; height: 110px; margin-top: 10px;}
	#logoCel {width:345px;}
	#topmenuCelDummy {width: 645px; height: 82px;}
	#topmenuCel {width: 645px; height: 28px; background: #667887;}
#kopLogo {float: left; behavior: url(includes/iepngfix.htc);}
#paginaTitle {width:640px; margin-top:0; margin-bottom:0; margin-left:185px; font-family:Georgia,"Bookman Old Style",Bookman,Garamond,"Century Schoolbook",Palatino,"Times New Roman","Times Roman",Times,serif; font-size:380%; font-weight:bold; color:#ffffff; text-transform:uppercase; opacity:0.4; filter: alpha(opacity=40);}

/* SNELZOEK-FORM */
#snelzoekContainerTabel {width: 100%; height: 20px;}
#snelzoekSpacerCel {width: 635px;}
#snelzoekSelectCel {width: 160px; background: transparent;}
	#snelzoekSelect {width: 150px; height: 20px; border: 1px solid #000000; background: #e8ebed; font-size: 80%;}
#snelzoekInvoerCel {width: 145px; background: transparent;}
	#snelzoekInvoer {padding:0; width: 145px; height: 20px; border: 1px solid #000000; background: #e8ebed; font-size: 80%;}
#snelzoekButtonCel {width: 60px; height: 20px; background: transparent;}
	/* in template gestopt #snelzoekButton {width: 20px; height: 20px; cursor: pointer; border: 1px outset #ffcc00; background: #ffcc00 url(pix/icon_zoek.gif) no-repeat;} */
    #snelzoekButton:active {border: 2px inset #ffcc00;}

/* KOLOMMEN */
#kolommenTabel {width:100%; height:100%;}
#kolom1    {width: 165px; vertical-align: top; background: #334b5f;}
#kolom2    {width: 165px; vertical-align: top; background: #4e3e00;}
#kolom1span {width:165px; vertical-align: top;}
#kolom2span {width:330px; vertical-align: top;}
#kolom3span {width:495px; vertical-align: top;}
#kolom4span {width:660px; vertical-align: top;}
#kolom5span {width:825px; vertical-align: top;}


/* LINKEN algemeen */
a:link, a:visited, a:active {font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; text-decoration:underline; color:#000000;}
a:hover {font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; text-decoration:underline; color:#cea500;}

/* TOPMENU linken */
a:link.topmenuLink, a:visited.topmenuLink, a:active.topmenuLink {font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; font-size:13px; font-weight:bold; text-decoration:none; margin-right:50px; margin-bottom:10px; color:#ccd2d7;}
a:hover.topmenuLink {text-decoration: none; color: #ffffff;}
/* Topmenu submenu */
#dropmenudiv {position:absolute; z-index:1000; margin-top:5px; margin-left:-5px; box-shadow: 2px 2px 10px #434343; -moz-box-shadow: 2px 2px 10px #434343; -webkit-box-shadow: 2px 2px 10px #434343;}
#dropmenudiv a {width:100%; display:block; text-indent:10px; padding:8px 0; font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; text-decoration:none; background:#334b5f; color:#ccd2d7; border-top:0px solid #455d71;}
#dropmenudiv a:hover {background:#667887; color:#ffffff;}

/* HOOFDMENU container en linken */
#hfdmenuContainer {position:relative; width:165px; height:100%; vertical-align:top;}
#hfdmenuContainer a {font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; display:block; padding:4px 0px 4px 10px; text-decoration:none; background:transparent; color:#ccd2d7; border-top:1px solid #667887;} 
#hfdmenuContainer a:hover {color: #ffffff;}
#hfdmenuContainer div a {display:block; padding:4px 0px 5px 10px; margin-top:0px; font-size:12px; font-weight:normal; border:0px; background:none; color:#ccd2d7;}
#hfdmenuContainer div a:hover {color:#ffffff;}
div.dummy {display:block; padding:4px 0px 5px 10px; text-decoration:none; font-size:12px; background:none; color:#ccd2d7; border-top:1px solid #667887;}
#hfdmenuLink7 {border-bottom:1px solid #667887;}
/* Hoofdmenu submenu in kolom 2 */
#submenuContainer div.submenuSelected {display: block;}
#submenuContainer {width:165px; margin-top:25px;} 
#submenuContainer a {font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; font-size:12px; display:block; padding:4px 0px 5px 10px; text-decoration:none; background: #000000; color: #c0c0c0;} 
#submenuContainer a:hover {color: #ffffff;} 
#submenuContainer div a {margin-left: 5px; background: none;}
#submenuContainer div {display: none;}

/* LINK SELECTED in hoofdmenu */
#hfdmenuContainer #submenu1 a.linkSelected, #hfdmenuContainer #submenu2 a.linkSelected, #hfdmenuContainer #submenu3 a.linkSelected, #hfdmenuContainer #submenu4 a.linkSelected {color: #ffcc00;} 
#hfdmenuContainer #submenu1 a:hover.linkSelected, #hfdmenuContainer #submenu2 a:hover.linkSelected, #hfdmenuContainer #submenu3 a:hover.linkSelected, #hfdmenuContainer #submenu4 a:hover.linkSelected  {color: #ffcc00;} 
#submenuContainer a.linkSelected {color: #ffcc00;}  
#submenuContainer a:hover.linkSelected {color: #ffcc00;}  


/* CSS voor kaders product-overzichten en product-details */

/* Kaders op PRODUCT-OVERZICHTPAGINA */
.productTabel {position:relative; width:640px; margin:0px 0px 20px 0px; z-index:22; background:#ffffff; border-top:5px solid #ffffff; border-bottom:5px solid #ffffff; clear:both; 
border-bottom-right-radius:8px; border-top-right-radius:8px;
-moz-border-radius-topright:8px; -moz-border-radius-bottomright:8px;
-webkit-border-top-right-radius:8px; -webkit-border-bottom-right-radius:8px; 

box-shadow: 2px 2px 10px #c5c5c5;
-moz-box-shadow: 2px 2px 10px #c5c5c5;
-webkit-box-shadow: 2px 2px 10px #c5c5c5;}
.productFotoCel {width:140px;}
.productFotoCel img {margin-left:10px;}
	.productFoto {width:100px;}
.productTxtCel {width:480px; vertical-align: top;}
	.productTxtCel h3 {margin:10px 0px;}
	.productKenmerken {font-size:80%;}
	.productTxt {margin:10px 10px 10px 0px;}
	.productInfoLink {}
.productPrijsCel {width: 185px;}
	.productPrijs {margin: 0px 0px 0px 0px;}
.productBestelCel {text-align:right; padding-right:10px;}
	.productBesteTabel {float: right; margin-right: 10px;}
	.bestelInvoerveld {width:44px; height:18px!important; padding:0; text-align:right; padding-right:5px; border:1px solid #000000; border-right:0px;}
	.bestelButton {padding:2px 15px 2px 15px; font-weight:bold; cursor:pointer; background:#ffcc00; height:20px; border:1px solid #667887; text-decoration:none!important; font-size:12px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
    .bestelButton:hover {background:#334b5f; color:#fff;}
    .bestelButton:active {border: 2px inset #667887;}

/* kader op PRODUCT-DETAILPAGINA */
.productDetailTabel {position:relative; z-index:22; width:660px; height:90%; margin:-18px 0px 0px 0px; clear:both;}
.productDetailCelLinks {display:none !important; width:20px; background:#fff;}
.productDetailCelTopLinks {display:none !important; width:475px; height:20px;}
.productDetailCelTopRechts {display:none !important; width:165px; height:20px;}

.productDetailContentCel {width:475px; vertical-align:top; background:#fff; padding:20px 0px 0px 20px;
border-bottom-right-radius:12px; border-top-right-radius:12px;
-moz-border-radius-topright:12px; -moz-border-radius-bottomright:12px;
-webkit-border-top-right-radius:12px; -webkit-border-bottom-right-radius:12px; 
box-shadow: 2px 2px 10px #c5c5c5;
-moz-box-shadow: 2px 2px 10px #c5c5c5;
-webkit-box-shadow: 2px 2px 10px #c5c5c5;
}
	.productDetailFoto {float: left; margin: 0px 15px 10px 0px;}
	.productDetailContentCel h3, .productDetailContentCel h2 {margin:0px; font-family:Georgia,"Bookman Old Style",Bookman,Garamond,"Century Schoolbook",Palatino,"Times New Roman","Times Roman",Times,serif; font-size:150%; margin-right:10px;}
	.productDetailTxt {margin: 10px 20px 10px 0px; line-height: 150%;}
	.productKenmerken {font-size: 80%;}
.productDetailDetailsCel {width:165px; vertical-align:top;}
	.productDetailDetails {margin: 50px 5px 0px 10px; font-size: 90%;}
	.productDetailBestelTabel {margin-top:10px;}
		.productDetailBestelTabel .bestelInvoerveld {border-bottom-left-radius:8px; border-top-left-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-bottomleft:8px; -webkit-border-top-left-radius:8px; -webkit-border-bottom-left-radius:8px; border-right:none; width:57px; background:#fff;}
		.productDetailBestelTabel .bestelButton {border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-topleft:0px; -moz-border-radius-bottomleft:0px; -webkit-border-top-left-radius:0px; -webkit-border-bottom-left-radius:0px;}
.productDetailCelBottomLinks {display:none !important; width:475px; height:20px;}

#VideoPlugin {display: block; clear: both; margin-top: 20px; width: 455px; height: 340px;}

/* kaders op tekstpaginas: 2 table-versies voor 3 of 4 kolommen */
.tekstTabel3kols {position:relative; z-index:32; float:left; width:495px; height:95%; margin-top:-18px;}
.tekstTabel3kols .tekstTabelContentCel {width:495px!important;}
.tekstTabel4kols {position:relative; z-index:32; float:left; width:660px; height:95%; margin-top:-18px;}
.tekstTabel4kols .tekstTabelContentCel {width:660px!important;}

	.tekstTabelCelTop3kols {width:495px; height:20px; display:none !important;}
	.tekstTabelCelTop4kols {width:660px; height:20px; display:none !important;}




.tekstTabelContentCel {vertical-align:top !important; background:#fff; padding:20px 0px 40px 0px; 
border-bottom-right-radius:12px; border-top-right-radius:12px;
-moz-border-radius-topright:12px; -moz-border-radius-bottomright:12px;
-webkit-border-top-right-radius:12px; -webkit-border-bottom-right-radius:12px; 
box-shadow: 2px 2px 10px #c5c5c5;
-moz-box-shadow: 2px 2px 10px #c5c5c5;
-webkit-box-shadow: 2px 2px 10px #c5c5c5;}

.tekstTabelContentCel img {float:left; margin:0px 15px 10px 0px; height:auto;}
.tekstTabelContentCel h3, .tekstTabelContentCel h2 {margin:0px 20px 20px 20px;}
.tekstTabelContentCelTxtMarges h3, .tekstTabelContentCelTxtMarges h2 {margin: 0px;}
.tekstTabelContentCel .artikelDatum {font-size: 75%; padding: 3px 20px; border-top: 1px solid #ccd2d7; border-bottom: 1px solid #ccd2d7;}
.tekstTabelContentCelTxtMarges {margin: 10px 20px 10px 20px; line-height: 150%;}




/* RECHTER KOLOKM IN TEKST-PAGINA'S */

/* Overzichtlijst in rechter kolommen */
#rechterkolomOverzichtslijst {margin:0px; border-bottom:0px solid #667787;}
#rechterkolomOverzichtslijst h2, #rechterkolomOverzichtslijst h3 {display:block; background-color:#667887; font-family:Georgia,"Times New Roman","times Roman",Times,serif; font-size:130%; padding:10px; border-bottom:1px solid #667887; color:#fff; margin:0px !important;}



/* juli 2010  aanvulling / compensatie voor overzichtslijsten in rechter kolom: ID vs CLASS  */
a.rechterlijst:link, a.rechterlijst:visited, a.rechterlijst:active,
a#rechterlijst:link, a#rechterlijst:visited, a#rechterlijst:active {display:block; width:100%; text-decoration:none; font-weight:normal; color:#667887; padding:4px 0px; border-bottom:1px solid #c0c4c7!important; font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif;}
a.rechterlijst:hover,
a#rechterlijst:hover {text-decoration:none; background:#c0c4c7; color:#334b;}
a.rechterlijst .margebox,
a#rechterlijst .margebox {display:block; margin:3px 10px; font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; font-size:11.5px;}
a.rechterlijst .titel, 
a#rechterlijst .titel {display:block; font-weight:bold; font-family:Georgia,"Times New Roman",Times,serif; font-size:125%; color:#334b5f;}
a.rechterlijst .datum,
a#rechterlijst .datum {display:block; font-family:Verdana,Geneva,Tahoma,Arial,Helvetica,sans-serif; font-weight:bold; font-size:85%;}
a.rechterlijst img,
a#rechterlijst img {float:left; width:75px; height:auto; margin-right:10px;}

.rechterlijstBottomNavLinksContainer {float:right;}

/* Gewoon tekstvlak in rechter kolommen */
#rechterkolomTekstvlak {display:block; margin:10px; color:#667887;}



/* FOTOALBUM */
img.fotoThumb {border:5px solid #fff; margin:15px 15px 0px 0px; box-shadow:1px 1px 5px #aaa; -moz-box-shadow:1px 1px 5px #aaa; -webkit-box-shadow:1px 1px 5px #aaa;}
a.fotoThumbLink:hover .fotoThumb {box-shadow: 0px 0px 10px #222; -moz-box-shadow: 0px 0px 10px #222; -webkit-box-shadow: 0px 0px 10px #222;}



