@font-face {  
	  font-family: "Serifa"; 
	  src: local("Serifa Roman"), url('serifa.ttf') format("truetype"); /* non-IE */  
}
@font-face {  
	  font-family: "Swiss Lt"; 
	  src: local("Swiss 721 Light BT"), local("Swiss 721 Lt BT"), url('swiss721l.ttf') format("truetype"); /* non-IE */  
}
@font-face {  
	  font-family: "Swiss"; 
	  src: local("Swiss 721 BT Roman"), url('swiss721n.ttf') format("truetype"); /* non-IE */  
}

/*
groen:               #b0d430
magenta (logo/text): #a8005b
rood (tekstblok):    #c12566
grijs (menu):        #928b8b
tekst:               #838282
quotekader bg:       #afb2a1
*/

/* UNDO styles from main.css */
.a-wrapper          { width: auto; margin: 0 } 
.Emain .a-area-body { width: auto; margin: 0 } 
.a-area-sidebar     { width: auto; margin: 0 }
.a-area-leftbar     { width: auto; margin: 0; display: inline-block }
.Emain .a-area-body DIV { line-height: inherit }

.EnavBar DIV.a-subnav-wrapper  { border: none; background-color: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none }
.EnavBar .a-nav-subnav .a-nav-item   { width: auto !important; clear: none }
.EnavBar .a-nav-subnav .a-nav-item A { width: auto; margin: 0 }
.EnavBar .a-subnav-wrapper,
.EnavBar .a-subnav-inner     { width: 100%; padding: 0; margin: 0; border: none !important }

.Eleftcol DIV.a-subnav-wrapper  { z-index: 99 }

/* login page (header without photo) */
.Eheader    { text-align: right; width: 650px; height: 130px; float: right; margin: 0; background-color: #ffffff; padding: 0 10px 0 0; font: 11px Arial, Helvetica, sans-serif }
.Eheader H1 { font: normal 34px/40px Swiss Lt, Arial, Helvetica, sans-serif; color: #a8005b }
.Emain .a-signin { margin-left: 300px }
.a-signin { float: left; position: relative; display: block; clear: both; margin: 20px auto; top:-50px }
.a-signin label { display: block; width: 100% !important; float: none; font-size: 13px !important; width: auto; margin-bottom: 2px; }
.a-signin .a-form-row input[type="text"],
.a-signin .a-form-row input[type="password"] { width: 175px; padding: 4px }
.a-signin .a-form-row { float: none; width: auto; clear: both; display: block; margin: 20px 20px -10px }
.a-signin .a-form-row.submit { margin: 30px 0 10px 20px }
.a-signin .a-forgot-password { display: none; font-size: 11px; margin: -5px 0 10px 20px; float: left; color: #999 }
.a-signin.forgot .message { width: 440px }
.a-signin.forgot .help { margin: 5px 10px 0 0 }

/* regular styling */

BODY        { background-color: #a8005b; background-repeat: no-repeat; background-attachment: fixed }
FORM        { margin: 0; padding: 0 }

A, A:visited { color: #928b8b; text-decoration: underline }
A:hover      { color: #a8005b }

.Emain .aRichText .a-slot-content P,
.Emain .aRichText .a-slot-content LI   { margin: 0 !important; font: 12px/16px Swiss, Arial, Helvetica, sans-serif; color: #838282;  }
P.serifa    { font: 13px/15px Serifa, Arial, Helvetica, sans-serif; color: #a8005b }
P.small     { font-size: 10px }
.Emain .aRichText .a-slot-content UL   { margin: 0 0 0 18px; padding: 0; list-style-image: url('/images/bullet.gif') }
.Emain .aRichText .a-slot-content HR   { height: 1px; border: none; background-color: black; color: black }

.Emain .aRichText .a-slot-content H1   { font: normal 34px/40px Swiss Lt, Arial, Helvetica, sans-serif; margin: 10px 0; color: #a8005b }
.Emain .aRichText .a-slot-content H2   { font: bold 16px/21px Swiss Lt, Arial, Helvetica, sans-serif; margin: 0; color: #a8005b }
.Emain .aRichText .a-slot-content H3   { font: normal 15px/18px Swiss Lt, Arial, Helvetica, sans-serif; margin: 0; color: #a8005b }
.Emain .aRichText .a-slot-content H4   { font: normal 16px/18px Serifa, Arial, Helvetica, sans-serif; margin: 0; color: #87a72f }
.Emain .aRichText .a-slot-content H5   { font: normal 14px/17px Serifa, Arial, Helvetica, sans-serif; margin: 0; color: #a8005b }
.Emain .aRichText .a-slot-content H6   { font: bold 12px/16px Swiss, Arial, Helvetica, sans-serif; margin: 0; color: #838282 }

.clr            { clear: both; height: 0px; width: 100%; line-height: 0px; font-size: 0px }

/* ------ PAGE STRUCTURE -------- */
.Econtainer      { position: absolute; width: 810px; top: 54px; left: 39px; margin: 0 }

.EtopBorder           { width: 810px; font-size: 0; line-height: 10px }
.EtopBorder .Etl      { height: 10px; width: 786px; background-color: #fff; float: left }
.EtopBorder .Etr      { height: 10px; width: 24px; float: left; background: url('/images/r24-t.png') top right no-repeat }
.EtopBar              { width: 810px; min-height: 14px; clear: left }
.EtopBar .Etbr        { width: 10px; height: 100%; float: right; font-size: 0; line-height: 0 }
.EtopBar .Etbr .Etbrt { width: 10px; height: 14px; background: url('/images/r24-r.png') top right no-repeat }
.EtopBar .Etbr .Etbrb { width: 10px; height: 100%; background-color: #fff }
.EtopBar .Etbl        { width: 800px; float: left; background-color: #fff; background-repeat: no-repeat; background-position: top right }
.EtopBar .Elogo       { margin: 7px 0 12px 17px }

.a-home .EtopBar .Elogo { margin-bottom: 37px }

.EnavBar         { width: auto; clear: both; line-height: 22px; background-color: #fff; padding: 12px 10px 0 216px }
.EnavBar UL,
.EnavBar LI      { display: block; list-style-image: none; list-style-type: none }
.EnavBar LI      { width: auto; float: left }
.EnavBar A       { display: block; padding: 0 13px !important; font: 12px Swiss, Arial, Helvetica, sans-serif; letter-spacing: .02em }
.EnavBar A,
.EnavBar A:visited { color: #928b8b !important; text-decoration: none }
.EnavBar A:hover,
.EnavBar .a-current-page A  { color: #000 !important }

.Emain           { width: auto; min-height: 600px; background-color: #fff }

.Eleftcol        { width: 244px; float: left }
.Ecentercol      { width: 380px; float: left }
.Ecenterwidecol  { width: 500px; float: left }
.Erightcol       { width: 176px; float: left }

.Eleftcol .a-area  { padding: 0 10px }
.Erightcol .a-area { padding: 0 0 0 16px; width: auto }


.Ehome .Eleftcol   { width: 230px; margin-left: 14px }
.Ehome .Ecentercol { width: 420px; float: left }
.Ehome .Erightcol  { width: 146px; float: left }

.Efooter            { width: 810px; height: 72px }
.Efooter .Efl       { width: 24px; height: 72px; float: left }
.Efooter .Efl IMG   { position: absolute; bottom: 72px }
.Efooter .Efl .Eflt { width: 24px; height: 48px; float: left; background: url('/images/footerbg.png') #9ccb00 repeat-x }
.Efooter .Efl .Eflb { width: 24px; height: 24px; float: left; background: url('/images/r24-bl.png') no-repeat }
.Efooter .Efr       { width: 786px; height: 72px; float: left; background: url('/images/footerbg.png') #9ccb00 repeat-x }
.Efooter .Efr IMG   { float: right; margin: 8px 34px 0 0 }

.Emainmenucontainer { margin: 4px 0 0 10px; width: 790px; height: 22px; background-image: url('/images/bg-mainmenu.png') }
.Emainmenu          { font: 12px/22px Serifa, Arial, Helvetica, sans-serif; margin-left: 129px }
.Emainmenu UL,
.Emainmenu LI       { display: block; list-style-image: none; list-style-type: none }
.Emainmenu LI       { float: left }
.Emainmenu A        { display: block; line-height: 22px; height: 22px; padding: 0 10px }
.Emainmenu A,
.Emainmenu A:visited { color: #ffffff; text-decoration: none; }
.Emainmenu A:hover   { background-color: #4e427a }
.Emainmenu .a-current-page A,
.Emainmenu .ancestor A { color: #c12566 !important; background-color: #ffffff }

/* home button */
A.Ehomebutton,
A.Ehomebutton:visited { display: block; float: right; height: 22px; font: 12px/22px Swiss, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; padding: 0 10px }
A.Ehomebutton:hover   { background-color: #4e427a }

/* QUOTE */
.quote .Equote        { background-color: #afb2a1; margin: 20px 0; padding: 0 }
.quote .Equote .Eqt   { height: 10px; width: 100%; background: url('/images/r10-tr.gif') #afb2a1 top right no-repeat }
.quote .Equote .Eqc   { height: auto; width: auto; font: 12px/16px Swiss, Arial, Helvetica, sans-serif; padding: 5px 10px }
.quote .Equote .Eqc P { margin: 0 10px; color: #fff }
.quote .Equote .Eqb   { height: 10px; width: 100%; background: url('/images/r10-bl.gif') #afb2a1 bottom left no-repeat }

/* quote width in blog posts */
.a-blog-main .singleColumnTemplate .quote .Equote { width: 250px }

/* portal boxes */
.EportalBoxContainer { width: 423px; margin-bottom: 7px }
.EportalBox          { width: 134px; margin-right: 7px; background: url('/images/bg-gradgreen.png') #d1e586 repeat-x; float: left }
.EportalBox:hover    { background-image: url('/images/bg-gradmagenta.png'); background-color: #eecedf }
.EportalBox A.Etxt   { display: block; padding: 8px; height: 168px; text-decoration: none }
.EportalBox .Etxt .p  { display: inline-block; font: 12px/16px Serifa, Arial, Helvetica, sans-serif; color: #4e427a; margin: 12px 0 0 }
.EportalBox .Etxt .h2 { display: block; font: bold 16px/20px Arial, Helvetica, sans-serif; color: #fff }
.EportalBox .Etxt .h3 { display: block; font: 14px/18px Serifa, Arial, Helvetica, sans-serif; color: #fff }

/* blog */
H3.Eblog-title   { font-weight: normal; font-size: 16px; line-height: 16px; font-family: Swiss Lt, Arial, Helvetica, sans-serif !important; margin: 0 0 16px }
H3.Eblog-title.nolink   { margin-top: 40px }

H3.Eblog-title A { text-decoration: none }
.Eleftcol .blog      { margin-left: 13px }

/* float image slots */
.a-slots .aImage,
.a-slots .aButton { margin: 1px 3px 2px 0; float: left }
/* video slot makes image buttons and other links unclickable: repair */
.a-slots .aVideo,
.a-slots .a-pdf-slot,
.a-slots .aSlideshow { float: left }

.a-slots .aImage UL,
.a-slots .aButton UL,
.a-slots .aSlideshow UL,
.a-slots .aVideo UL { margin: 0; padding: 0 }
.a-slots .aRichText { clear: left }

/* ### BACKGROUND PHOTOS ###*/

#backgroundfade { position: fixed; background: #eee; width: 100%; height: 100%; margin: 0; z-index: -2 }


.Ehome .EtopBar .Etbl  { background-image: url('/images/backgrounds/zingen-h.jpg') } 
.Ehome                 { background-image: url('/images/backgrounds/zingen.jpg') }

.aBlog .EtopBar .Etbl  { background-image: url('/images/backgrounds/dozen-h.jpg') } 
.aBlog                 { background-image: url('/images/backgrounds/dozen.jpg') }

.Ezingen .EtopBar .Etbl  { background-image: url('/images/backgrounds/zingen-h.jpg') } 
.Ezingen                 { background-image: url('/images/backgrounds/zingen.jpg') }

.Ezeerover .EtopBar .Etbl  { background-image: url('/images/backgrounds/zeerover-h.jpg') } 
.Ezeerover                 { background-image: url('/images/backgrounds/zeerover.jpg') }

.Epaard .EtopBar .Etbl  { background-image: url('/images/backgrounds/paard-h.jpg') } 
.Epaard                 { background-image: url('/images/backgrounds/paard.jpg') }

.Eboxer .EtopBar .Etbl  { background-image: url('/images/backgrounds/boxer-h.jpg') } 
.Eboxer                 { background-image: url('/images/backgrounds/boxer.jpg') }

.Eski .EtopBar .Etbl    { background-image: url('/images/backgrounds/ski-h.jpg') } 
.Eski                   { background-image: url('/images/backgrounds/ski.jpg') }

.Ekeeper .EtopBar .Etbl { background-image: url('/images/backgrounds/keeper-h.jpg') } 
.Ekeeper                { background-image: url('/images/backgrounds/keeper.jpg') }

.Edozen .EtopBar .Etbl  { background-image: url('/images/backgrounds/dozen-h.jpg') } 
.Edozen                 { background-image: url('/images/backgrounds/dozen.jpg') }

.Edirecteur .EtopBar .Etbl  { background-image: url('/images/backgrounds/directeur-h.jpg') } 
.Edirecteur                 { background-image: url('/images/backgrounds/directeur.jpg') }

.Eklussen .EtopBar .Etbl { background-image: url('/images/backgrounds/klussen-h.jpg') } 
.Eklussen                { background-image: url('/images/backgrounds/klussen.jpg') }

.Ebellen .EtopBar .Etbl { background-image: url('/images/backgrounds/bellen-h.jpg') } 
.Ebellen                { background-image: url('/images/backgrounds/bellen.jpg') }

.Ebad .EtopBar .Etbl    { background-image: url('/images/backgrounds/bad-h.jpg') } 
.Ebad                   { background-image: url('/images/backgrounds/bad.jpg') }

/* date pager on blog module */
.aBlog.logged-in .a-blog-browser ul.a-blog-browser-controls { width: 100% }

/* links as green buttons */
.greenbuttons { padding: 0; margin: 0 }
.greenbuttons .a-slot-content-container BR,
.a-normal .greenbuttons .a-slot-content BR { display: none }  
.greenbuttons .a-slot-content-container A,
.a-normal .greenbuttons .a-slot-content A { display: block; display: inline-block; width: 115px; background: url('../images/bg-gradgreenmagenta.png') #aad021 repeat-x; color: #ffffff; text-decoration: none; padding: 6px 4px 6px 10px; margin: 2px 0 !important }
.greenbuttons .a-slot-content-container A:hover,
.a-normal .greenbuttons .a-slot-content A:hover { background-position: 0 -50px }

/* title to images */
.a-slideshow-meta.a-slideshow-title,
.a-media-meta.a-image-title         { position: static !important; clear: both !important; width: inherit !important; line-height: 14px !important; color: #838282 !important; padding: 4px 0 !important; font-size: 10px }

.a-button-description   { clear: both }
.a-button-description P { line-height: 14px; color: #838282; font-size: 10px }