﻿
/*  -----------------------------------------------------------------------------------------
		Basis lelementen
    ----------------------------------------------------------------------------------------- */
		body.dda #paginacontainer { background-image: url(../images/dda/paginacontainer_bg.png); }
		body.dda #contentcontainer { background-image: url(../images/dda/contentcontainer_bg.png); }
		body.dda #footer{ background-color: #004343; }
		body.dda #headercontainer { background-image: url(../images/algemeen/dda_header.jpg); }

/*  -----------------------------------------------------------------------------------------
		utilities container
    ----------------------------------------------------------------------------------------- */
		body.dda #pad li { color: #cc3366; }
		body.dda #pad ul a { color: #cc3366; }
		body.dda #pad .active { color: #cc3366; }

/*  -----------------------------------------------------------------------------------------
		hoofdmenu container
    ----------------------------------------------------------------------------------------- */
		body.dda ul#menu li ul { background: #528486; }
		body.dda ul#menu li ul li { border-bottom: 1px solid #225857; }
		body.dda ul#menu li ul li a { background: #528486 url(../images/dda/submenu.jpg) 15px center no-repeat; }
		body.dda ul#menu li ul li a:hover { background-color: #225857; }
	 
/*  -----------------------------------------------------------------------------------------
		header container
    ----------------------------------------------------------------------------------------- */
		body.dda .kaart { background-color: #d9a7c5; background-image: url(../images/dda/kaart_bg.jpg); } 
	 
/*  -----------------------------------------------------------------------------------------
		Content container, linkerkolom		
    ----------------------------------------------------------------------------------------- */
	 
		body.dda #zoek { background: #056f74 url(../images/dda/zoek_bg.jpg) 0 bottom no-repeat; }
		body.dda #zoek input { border: 1px solid #056f74; }
		body.dda #zoek select { border: 1px solid #056f74; }
		body.dda #zoek fieldset { border-top: 1px solid #65bbbf; border-bottom: 1px solid #056f74; }
		body.dda #zoek fieldset.first { border-top: 0; }
	 
	 /* basisopmaak van elementen */
		body.dda #linkerkolom { background-color: #068085; }
		body.dda #linkerkolom .eventsafbeelding { background-image: url(../images/dda/events_fotoheader_bg.jpg); }	 
			 
		/* een event, van datumblok tot leesmeer-link*/	  
		body.dda #linkerkolom .datum { color: #068085; }
		body.dda #linkerkolom .datum:hover { color: #225857; }
					
/*  -----------------------------------------------------------------------------------------
		Content container, contentkolom
    ----------------------------------------------------------------------------------------- */	
		body.dda #contentkolom h1 { color: #767674; }
		body.dda #contentkolom h2 { color: #004343; }
		body.dda #contentkolom a { color: #004343; }
	
		/* highlight is een apart soort paragraaf, die gebruikt wordt op de homepage  */  
		body.dda #contentkolom .highlight { background-image: url(../images/dda/highlight_bg.jpg); }
		body.dda #contentkolom .highlight h2 { color: #65bbbf; }
		body.dda #contentkolom .highlight a { color: #65bbbf; }
		 
/*  -----------------------------------------------------------------------------------------
		Content container, rechterkolom
    ----------------------------------------------------------------------------------------- */ 
		body.dda #rechterkolom .wrapper { background-color: #e6f2f3; /*background-image: url(../images/dda/rechterkolom_verloop.jpg);*/ }

		/* opmaak van de nieuwsteasers in de rechterkolom  */ 	 
		body.dda #rechterkolom .teasercontainer h3 { color: #068085; }
		body.dda #rechterkolom .kolomeinde { background-image: url(../images/dda/rechterkolom_uitloop.jpg);}	
		body.dda #rechterkolom a.view-all { color: #068085; background: transparent url(../images/dda/rechterkolom_pijltje.png) right bottom no-repeat; }
	
		/* opmaak van het actieve-domeinen menu in de rechterkolom  */
		body.dda #active-domains li a span.wrapper { background: #1dadb3; }
		body.dda #active-domains li a.ad_subcolor span.wrapper { background: #068085; }	
		body.dda #active-domains li a:hover { color: #004343; }

		/* Nieuwsoverzicht */
		div.nieuwsoverzicht a { color: #068085; }
		div.nieuwsoverzicht a:hover { color:#fff; Background : #1dadb3; }
