/*------------------------------------------------------------------
	[Master Stylesheet]
	
	Project:		PPH
	Version:		1.0
	Assigned to:		Sebastiaan Mangelsdorf
    	Company:		WIS
	Primary use:		Web
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Color codes]
	
*/

/*------------------------------------------------------------------
	[Typography & colors]

	

	
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
	[Table of contents]
	
	1. Body
	2. Containers
	3. Header
	4. Menu's
	5. Content
	6. Footer
	
	
-------------------------------------------------------------------*/


	/*------------------------------------------------------------------
		[0. Reset styles]
	*/
	
	html, body, div, span, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	abbr, address, cite, code,
	del, dfn, em, img, ins, kbd, q, samp,
	small, strong, sub, sup, var,
	b, i,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}  
	
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section {display:block;}
	
	nav.home ul {list-style:none;}
	blockquote, q {quotes:none;}
	blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
	a{margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline: none;}
	ins {background-color:#ff9; color:#000; text-decoration:none;}
	mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
	del {text-decoration: line-through;}
	abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
	
	table {border-collapse:collapse; border-spacing:0; }

	hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
	input, select { vertical-align:middle; }

	/*------------------------------------------------------------------
		[1. Global Styles]
	*/
	
		body {font: normal 11px/16px Arial, Helvetica, sans-serif; color:#666666; background-color: #FFFFFF;} 
		h1 {font: normal 24px/19px Arial, Helvetica, sans-serif; color:#00513c;}
		h2 {font: normal 16px/30px Arial, Helvetica, sans-serif; color:#bfd784;}
		h3 {font: normal 11px/16px Arial, Helvetica, sans-serif; color:#00513c; font-weight:bold;}
		h4 {font: normal 14px/16px Arial, Helvetica, sans-serif; color:#00513c; font-weight:bold;}
		p {margin-top:16px;}
		a {text-decoration:none;}
		a {text-decoration:none;}
		a:hover {outline: none; text-decoration: underline;}
		nav.home ul, nav.home li {margin: 0;}
		
	/*------------------------------------------------------------------
		[2. Containers]
	*/

        body {margin: 0; padding: 0; position: relative; text-align: center;}
        #container {margin: 0 auto; position: relative; text-align: left; width: 990px; height: auto;}
        
        #nieuwsbrief {
        	height:44px; 
            width:100%;
            position:relative; 
            border-bottom: 1px solid #d3d3d3;
            background-color: #EEE;
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#e9e9e9');
        	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e9e9e9));
            background: -moz-linear-gradient(top,  #FFFFFF,  #e9e9e9); 
        }
        #logo {height: 130px; width:100%; position: relative; background: url(/images/headerBg.jpg) no-repeat top left;}
        header nav {height: 64px; width:100%; background-color:#a7c855; position:relative;}
        
        section {height: 100%; width:990px; margin:25px 0 25px 0; overflow:hidden;}
		section > div {width:990px; height: auto; overflow:hidden;}
        
        footer {position:relative; min-height:208px; width:100%; border-top: 1px solid #d3d3d3; background-color:#ecf3db; overflow:hidden;}
		
	
	/*------------------------------------------------------------------
		[3. Header]
	*/
    	
        #nieuwsbrief ul { position:absolute; left:21px; top:15px;}
        #nieuwsbrief li {display:inline; border-left: 1px solid #d3d3d3; padding-left:12px; margin-left:12px; list-style-type:none;}
        #nieuwsbrief li:first-child {display:inline; border-left:none;}
        #nieuwsbrief li a {color:#666666;}
        #nieuwsbrief #searchForm {position: absolute; top:13px; right:267px;}
        #nieuwsbrief input.search {color:#d3d3d3; width:163px; height:16px; border:1px solid #d3d3d3; font-size:11px; padding-left:3px; float:left;}
        #nieuwsbrief #searchForm a {display:block; float:left; height: 20px; width:58px; background: url(/images/search.gif) no-repeat top left;}
        #nieuwsbrief #landselectie {position:absolute; top:15px; right:40px;}
        #nieuwsbrief #landselectie span {display:block; float:left;}
        #nieuwsbrief #landselectie div.flag {float: left; margin-top:1px; border-right: 1px solid #d3d3d3; margin-left:11px; height:11px; width:16px; padding-right: 11px;}
        #nieuwsbrief #landselectie a.arrowDropDown {border-style: solid; border-width:5px; margin-top:4px; margin-left:6px; border-color: #666666 transparent transparent  transparent; float:left;}
        
        .logo {position: absolute; width: 222px; height:101px; top:12px; right:33px;}
        .logo a {background: url(/images/logo.png) no-repeat top left; width:222px; height: 101px; display:block;}
        .logo a:hover {text-decoration:none;}
	
                    
	/*------------------------------------------------------------------
		[4. Menu's]
	*/
		
        header nav ul {position:absolute; top:30px; left:12px;}
        header nav li, .homeContent nav.contentHeader li, #homeTwitter nav.contentHeader li {float:left; list-style-type:none; line-height:34px;}
        header nav li:hover, .homeContent nav.contentHeader li:hover, #homeTwitter nav.contentHeader li:hover {line-height:46px;}
        header nav li a, .homeContent nav.contentHeader li.nieuwsOption, .homeContent nav.contentHeader li.agendaOption {
        	display: block; 
            padding:0px 12px 0px 12px; 
            background-color:#bfd784; 
            margin-right:1px; 
            font-size:14px; 
            font-weight:bold; 
            color: #FFFFFF; 
            height:34px;
        }
        header nav li:hover a, header nav li.pathActive a, 
		.homeContent nav.contentHeader li.nieuwsOption:hover, .homeContent nav.contentHeader li.agendaOption:hover, 
		#homeTwitter nav.contentHeader li.active, .homeContent nav.contentHeader li.active {
        	display:block; 
            height:40px; 
            margin-top:-6px; 
            text-decoration:none; 
            color:#00513c; 
            background-color:#FFFFFF; 
            border-radius: 0.25em 0.25em 0em 0em; 
            -moz-border-radius: 0.25em 0.25em 0em 0em;
			cursor:pointer;
        }
		header nav li.pathActive a {line-height:46px;}
        .homeContent nav.contentHeader li.active, #homeTwitter nav.contentHeader li.active {
        	line-height:46px;
			padding: 0px 12px 0px 12px;
        }
					
	/*------------------------------------------------------------------
		[5. Content]
	*/
	
		.error { color: red;}
		#errorbox { padding-top: 10px;}
		.user_data td  { padding-top: 2px; padding-bottom: 2px; }
		.besteloverzicht { list-style: none;}
		.stappenoverzicht { padding-bottom: 20px; padding-top: 20px;}
		.stappenoverzicht > span { padding: 5px; background-color: #a7c855; color: #fff;}
		.stappenoverzicht > span.active { font-weight: bold; background-color: #00513c;}
		.stappenoverzicht > span > a { text-decoration: none; color: #fff;}
		.nbInput, .nbTitle  { margin-top: 4px; margin-bottom: 5px; }
		.extraBtn {position: absolute;z-index:5;}
		
		.extraBtnoverzicht { background-color:#00513c; padding: 4px 10px; border-radius: 0.25em; -moz-border-radius: 0.25em; color:#FFFFFF; display:block; width: 50px; height: 15px; float: right;}

        .extraBtnoverzicht a:hover {background-color:#013024;}
        .positionContent {top:14px; right:12px;}
        .positionBanner {top:68px; right:13px;}
        .positionBanner2 {top:68px; left:13px;}
		
		#rss_button { width: 24px; height: 24px; padding-right: 5px;}
		#overzichtverzendadres {  width: 50%; float: left;}
		#overzichtverzendadres, #overzichtfactuuradres {margin-top: 30px; margin-bottom: 20px;}
		#overzichtfactuuradres { width: 50%; float: right;}
        .besteladresgegevens { padding: 3px; }
		.besteladresgegevens td.kol1 { font-weight: bold; padding-right: 20px;}
		
       .homeContent {width:371px; height:363px; border: 1px solid #a7c855; float:left; margin-right:11px; position:relative; overflow: hidden;}
       .homeSlider {height:363px; width:338px;}
       .homeContent nav.contentHeader {position:relative; background-color:#a7c855; height:50px;}
       .homeContent nav.contentHeader ul {position:absolute; top:16px; left:11px;}
       .homeContent ul.nieuwsAgenda {margin: 11px;}
       .homeContent ul.nieuwsAgenda li {list-style:none; margin-bottom:20px;}
       .homeContent li div.datum, article ul.nieuwsOverzicht li div.datum, article ul.nieuwsAgenda li div.datum {background-color: #bfd784; height:20px; width:40px; float:left; font-size:9px; color:#00513c; line-height:21px; padding-left:4px;}
       .homeContent li span.arrow, article ul.nieuwsOverzicht li span.arrow, article ul.nieuwsAgenda li span.arrow {border-color: #FFFFFF #FFFFFF #FFFFFF #bfd784; border-style:solid; border-width:10px; width:0; height:0; float:left; display:block;}
       .homeContent > ul > li > div > div.titel {float:left; margin-top:2px; }
       .homeContent ul > li > p{clear:both; margin-top: 9px;}
       .homeContent > ul > li > div > div.titel > a, 
       article > ul.nieuwsOverzicht > li > div.titel > a,
       article > ul.nieuwsAgenda > li > div.titel > a  
       		{font: normal 11px/16px Arial, Helvetica, sans-serif; color:#00513c; font-weight:bold; text-decoration:none;}
       .homeContent > ul > li > div > div.titel > a:hover, 
       article > ul.nieuwsOverzicht > li > div.titel > a:hover,
       article > ul.nieuwsAgenda > li > div.titel > a:hover
        	{color:#a7c855;}
            
       ul.nieuwsAgenda p a, ul.nieuwsOverzicht p a {color:#666666; text-decoration:none;}
       ul.nieuwsAgenda p a:hover, ul.nieuwsOverzicht p a:hover {color:#00513c; text-decoration:none;}
       
       .homeContent > div#slider1 > ul > li > table.sliderSubCont {width:338px; height:64px; background-color:#00513c; color:#FFFFFF; margin-top:-4px;}
       .homeContent div#slider1 ul li table.sliderSubCont td.firstChild {height:10px; font-weight:bold; padding-top:8px;}
       .homeContent div#slider1 ul li table.sliderSubCont td {padding-left:12px;}
       .homeContent div#slider1 ul li table.sliderSubCont tr td span.arrow {border-color: transparent transparent #FFFFFF transparent; border-style:solid; border-width:5px; width:0; height:0; float:left; display:block; margin-top:1px; margin-right: 5px;}
       .homeContent div.background {
       		position:absolute;
            bottom:0;
            left:0;
            z-index:1;
       		width:338px; 
            height:30px;
            background-color: #EEE;
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFFFFF', EndColorStr='#e9e9e9');
        	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e9e9e9));
            background: -moz-linear-gradient(top,  #FFFFFF,  #e9e9e9);
            }
       #webshop ul { list-style: none; margin-left: 0; margin-top: 20px;}
	   #webshop .artikelimg { float: left; padding-top: 6px; max-width: 135px;}
	   #webshop .artikelcontent { float: left; padding: 0 0 0 10px; width: 480px; height: 120px;}
	   #webshop h2 { color: #00513c; font-weight: bold;}
	   #webshop .artikelcontent p.prijs { color: #00513c; font-weight: bold; position: absolute; bottom: 15px;}
	   #webshop .artikelcontent p.prijsporto { color: #00513c; font-weight: bold; position: absolute; bottom: 15px;}
	   #webshop ul li {border: 1px solid #a7c855; margin-bottom: 10px; padding: 5px; overflow: hidden; min-height: 130px; position: relative;}
	   
	   #bestelbutton {     
		   -moz-border-radius: 0px 0px 0px 5px; 
	  -webkit-border-radius: 0px 0px 0px 5px; 
			  border-radius: 0px 0px 0px 5px; 
          -moz-background-clip: padding; 
		  -webkit-background-clip: padding-box; 
		  background-clip: padding-box;   
		  background-color: #b4d06e; 
		  width: 200px; 
		  height: 43px; 
		  bottom: 0; 
		  right: 0; 
		  position: absolute; 
		  text-align: right; 
		 }
	   #bestelbutton a, #bestelbutton a:visited  { left: 0; right: 0; bottom: 0; top: 0; padding: 14px; text-align: center;  color: #FFFFFF; font-weight: bold; text-decoration: none; display: block;}
	   #bestelbutton a:hover, #bestelbutton a:active { text-decoration: underline;}
       #sidebar {width:222px; float:left;}
	   ul.winkelwagen { list-style: none;}
		ul.winkelwagen li {border-top: 1px solid #a7c855; }
	   ul.winkelwagen li.first { border:none;}
	   .artikelinfowinkelwagen  { }

	   .artikelinfowinkelwagen img { float:left; width: 60px;}
	   .artikelinfowinkelwagen td { vertical-align: top; padding-left: 7px; padding-top: 3px; padding-right: 3px;}
	  .bestelformknop { margin-left: 10px;}
	  
	  .artikelinfowinkelwagen td.kol1 {  width: 80px;}
	  .artikelinfowinkelwagen td.kol2 {  width: 160px; }
	   .artikelinfowinkelwagen td.kol3, .artikelinfowinkelwagen td.titelcontentkol3 {  width: 103px;}
	   .artikelinfowinkelwagen td.kol4, .artikelinfowinkelwagen td.titelcontentkol4 {  width: 56px;}
	   .artikelinfowinkelwagen td.kol5, .artikelinfowinkelwagen td.titelcontentkol5 { color: #00513c; width: 61px; }
	   .artikelinfowinkelwagen td.kol6 { font-weight: bold; width: 57px; color: #00513c;}
	   .artikelinfowinkelwagen td.kol7 { padding: 0; vertical-align: middle;}
	   .artikelinfowinkelwagen td.nobcg { background: none;}
	   
	   .artikelinfowinkelwagen .titelcontentkol6 { text-align: right; }
	   .artikelinfowinkelwagen .totaalprijs, .artikelinfowinkelwagen .kol5 { text-align: right; padding-right:10px; }
	   
	   .artikelinfowinkelwagen td.taalkol3, .artikelinfowinkelwagen td.titelkol3 { padding: 0;  width: 135px;}
	   
	   	   .artikelinfowinkelwagen td.kol3, .artikelinfowinkelwagen td.kol5, .artikelinfowinkelwagen td.taalkol3  {background-color: #edf3d9;}
	   .artikelinfowinkelwagen td.kol4, .artikelinfowinkelwagen td.kol6  { background-color: #f5f9eb;}
	   
	   #winkelwagenshopbutton { padding-right: 5px;}
	   
	   
	   a.winkelwagen_del_button { text-decoration: none; font-weight: bold; background-color: #b4d06e; color: #FFFFFF; padding: 5px 9px 5px 8px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
	   

	   #winkelwagentaal { padding: 0;}
	   .titelartikelwinkelwagen { margin-left: 14px; font-weight: bold; color: #00513c;}	   
	   #totaalartikelwinkelwagen { margin-top: 28px; background-color: #EDF3D9; color: #00513c; font-weight: bold; margin-left: 275px;
        width:286px; }
	   #totaalartikelwinkelwagen td { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; }
	   #totaalartikelwinkelwagen td.eerste { width:208px;}
	   #totaalartikelwinkelwagen td.laatste {padding-right: 14px; }
	   #totaalartikelwinkelwagen .green {
		background-color: #F5F9EB;
		text-align:right;
		width:55px;
	   }
	   span.winkelwagenbutton1, span.winkelwagenbutton1a,  span.winkelwagenbutton2 { margin-top: 20px; font-weight: bold; background-color: #b4d06e; border-radius: 6px 6px;}
	   span.winkelwagenbutton1 img, span.winkelwagenbutton2 img {padding-right: 10px;}
	   span.winkelwagenbutton1 {float: left; margin-right: 20px; margin-top:35px;}
	   span.winkelwagenbutton1a {float: left; margin-right: 20px; margin-top:19px;}
	   span.winkelwagenbutton2 {float: right;}
	   span.winkelwagenbutton1 a, span.winkelwagenbutton1a a, span.winkelwagenbutton2 a {color: white; text-decoration: none; padding: 7px 10px 7px 10px; display: block;}
	   
	   #bestelbuttons {
			width:650px;
			margin-top:20px;
	   }
	   #bestelbuttons span {
		display:block;
		 float:left;
		 margin: 0 0;
		 margin-top:0px;
		 margin-right:20px;
	   }
	   #bestelbuttons .winkelwagenbuttonbestelnow {
		margin-left:140px;
		margin-right:0px;
	   }
	   #bestelbuttons  .bestelformknopsend {
		margin: 0 0;
		margin-left:210px;
	   }
	   #bestelbuttons .winkelwagenbuttonbestel {
		margin-left:335px;
	   }
	   
	   
	   #overLay {
			background: url("/images/overlaybg.png") repeat scroll left top transparent;
			height: 100%;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 10;
	   }
	   #overLay div.popupDiv {
			background-color: #FFFFFF;
			border-radius: 10px 10px 10px 10px;
			left: 50%;
			margin-left: -100px;
			margin-top: -150px;
			min-height: 100px;
			padding: 20px;
			position: absolute;
			top: 50%;
			width: 150px;
		}
		#overLay div.popupDiv div.closePopup {
			background: url("/images/close-button.png") no-repeat scroll left top transparent;
			cursor: pointer;
			height: 29px;
			position: absolute;
			right: 0;
			top: 0;
			width: 29px;
		}
       
       #homeRight {width:227px; border: 1px solid #d3d3d3; height:77px; margin-bottom:11px; padding: 22px 15px 11px 11px;}
       #homeRight p {margin-top:5px;}
       
       #homeTwitter {position:relative; width:253px; border: 1px solid #a7c855; height:240px;}
       #homeTwitter nav.contentHeader {position:relative; background-color:#a7c855; height:50px;}
       #homeTwitter nav.contentHeader ul {position:absolute; top:16px; left:11px;}
       #homeTwitter nav.contentHeader ul li span {float:left;}
       #homeTwitter nav.contentHeader ul li span.twttrBtn {width:16px; height:16px; background: url(/images/spriteSocial.gif) no-repeat 0 -64px; display:inline-block; margin:15px 6px 0 0;}
       #twitter-feed {margin-left:12px; margin-top:20px; overflow:hidden;} 
            #twitter_update_list {list-style: none;}
            #twitter_update_list li {padding-bottom: 7px;margin-bottom: 9px;}
            #twitter_update_list span {color: #666666;} 
            #twitter_update_list span a {color: #a7c855; text-decoration:underline;}
            #twitter_update_list a {color: #a7c855;}
            #twitter_update_list a[style="font-size: 85%;"] {font-size: 1em !important;}
       		#twitterBtn {position:absolute; bottom:0; left:0; height:40px; width:253px; border-top: 1px solid #a7c855;}
            #twitterBtn a {width:160px; height:27px; background: url(/images/spriteSocial.gif) no-repeat 0 -80px; display:block; margin: 6px 45px;}
       
       #promo1 {position:relative; float: left; width:487px; height:103px; border: 1px solid #d3d3d3; margin-top:12px;}
       #promo2 {position:relative; float: left; width:487px; height:103px; border: 1px solid #d3d3d3; margin: 12px 0 0 12px;}
       
       #subMenu {width:220px; height:467px; border:1px solid #d3d3d3; background-color:#00513c; margin-right:48px; float:left;}
       #subMenu ul {margin:11px 0 0 11px;}
       #subMenu > ul >li {list-style:none; margin-bottom:1px;}
       #subMenu > ul > li > a {font-size:14px; font-weight:bold; color: #FFFFFF; background-color:#004330; display:block; width:187px; padding:11px 0 11px 11px; text-decoration:none;}
	   #subMenu > ul > li > a:hover, #subMenu > ul > li.active > a {background-color:#01291f;}
       #subMenu > ul > li > ul {margin:1px 11px 9px 0px; padding: 9px 0px; background:#FFFFFF; border-radius: 0em 0em 0.3em 0.3em; -moz-border-radius: 0em 0em 0.3em 0.3em;}
       #subMenu > ul > li > ul > li {margin:0px; background:none; list-style:none; line-height:9px; position:relative;}
	   #subMenu > ul > li > ul > li:first-child:before {content:""; position:absolute; border-color: transparent transparent #FFFFFF transparent; border-style:solid; border-width:5px; width:0; height:0; top:-19px; left:17px;}
       #subMenu > ul > li > ul > li > a  {font-size:11px; color:#004330; display:block; width:167px; height:20px; padding:11px 0 2px 22px; text-decoration:none;}
	   #subMenu > ul > li > ul > li > p.artikelaantal {font-size:11px; color:#004330; display:block; width:167px; height:20px; margin-top: 1px; padding:11px 0 2px 22px; text-decoration:none;}
       #subMenu > ul > li > ul > li > a:hover, #subMenu > ul > li > ul > li.active a{
			font-size:11px; color:#FFFFFF; background-color:#a7c855;margin-left:11px; padding:11px 0 2px 11px; border-radius:0.3em; -moz-border-radius:0.3em; font-weight:bold; text-decoration:none;}
       #subMenu > ul > li > ul > li > span.arrow {position:absolute; border-color: transparent transparent #FFFFFF transparent; border-style:solid; border-width:5px; width:0; height:0; display:block; top:-19px; left:17px;}
       
       #container #subMenu > ul > li > ul {
       		display:none;
       }
       #container #subMenu > ul > li.pathActive > ul {
       		display:block;
       }
       
       
       article {float:left; width:700px; height:auto; margin-top:12px;}
       article ul {margin-left:14px;}
       	   div.tabel {border:1px solid #d3d3d3; margin-top:16px;} 
       	   table.datatabel tr.row0 td.td0, table.datatabel tr.row0 td.td1 {font-weight:bold; color:#00513c; font-size:14px; width:206px; padding:11px; background-color:#FFFFFF;}
           table.datatabel tr.tr1 td {padding:7px 0 7px 11px; background-color:#ecf3db; border-right:3px solid #FFFFFF;}
           table.datatabel tr.tr0 td {padding:7px 0 7px 11px; background-color:#f5f9ec; border-right:3px solid #FFFFFF;}
           table.datatabel tr.tr1 td.col2, table.datatabel tr.tr0 td.col2 {border-right:none;}
		article > p > a, article a {color:#a7c855; text-decoration:underline;}
        
        article ul.nieuwsOverzicht, article ul.nieuwsAgenda {margin:0;}
        article ul.nieuwsOverzicht li, article ul.nieuwsAgenda li {list-style:none; padding:10px 0;} 
        article ul.nieuwsOverzicht li div.titel, article ul.nieuwsAgenda li div.titel {margin-top:1px;}
        article ul.nieuwsOverzicht li p, article ul.nieuwsAgenda li p {margin-top:10px;}
        
	/*------------------------------------------------------------------
		[6. Footer]
	*/	
    
        footer {position:relative;}
        footer > div.bg {
            position:absolute;
            top:0;
            left:0;
        	height:52px; 
            width:100%;
            background-color: #ecf3db;
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#dbe8bc', EndColorStr='#ecf3db');
        	background: -webkit-gradient(linear, left top, left bottom, from(#dbe8bc), to(#ecf3db));
            background: -moz-linear-gradient(top,  #dbe8bc,  #ecf3db); 
            z-index:1;
        }
    	footer > span {position: relative; display:block; margin: 24px 33px 0 33px; padding-bottom:9px; color:#00513c; font-size:14px; font-weight:bold; border-bottom:2px solid #FFFFFF; z-index:3;}  
        footer div.social {margin-left:33px; height:51px;}
        	footer div.social ul {padding-top:11px;}
            footer div.social li {list-style:none; float:left; width:105px; margin-right:12px;}
            footer div.social li a {color:#00513c; cursor:pointer;}
            footer div.social li a span.text {float:left;}
            footer div.social li a span.fb {width:16px; height:16px; background: url(/images/spriteSocial.gif) no-repeat 0 0; margin-right:5px; float: left;}
            footer div.social li a span.in {width:16px; height:16px; background: url(/images/spriteSocial.gif) no-repeat 0 -16px; margin-right:5px; float: left;}
            footer div.social li a span.twit {width:16px; height:16px; background: url(/images/spriteSocial.gif) no-repeat 0 -32px; margin-right:5px; float: left;}
            footer div.social li a span.rss {width:16px; height:16px; background: url(/images/spriteSocial.gif) no-repeat 0 -48px; margin-right:5px; float: left;}
            footer div.social li a:hover span:hover {color:#00513c; text-decoration: underline;}
        
        footer nav.footer {margin-left:33px; width:auto;}
        	nav.footer > ul {border-top:2px solid #FFFFFF; width:105px; float:left; margin-right:12px;}
            nav.footer li {list-style:none;}
            nav.footer > ul > li:first-child {font-weight:bold; margin-top:5px;}
            nav.footer > ul > li > a {color:#00513c;}
			nav.footer > ul > li > ul {margin-bottom:20px;}
			nav.footer > ul > li > ul > li > a {color:#00513c; font-weight:normal;}

	/*------------------------------------------------------------------
		[7. Extra's]
	*/	            
                    
        /* Easy Slider */
        #slider1 ul, #slider1 li,#twitter-feed ul, #twitter-feed li{ margin:0; padding:0; list-style:none;}
        
        /*  define width and height of list item (slide) entire slider area will adjust according to the parameters provided here*/
        #slider1 li{width:338px; height:323px; overflow:hidden;}
        #twitter-feed li{width:220px; height:95px; overflow:hidden;}	
        
        #prevBtn, #nextBtn, #slider1next, #slider1prev{  display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; z-index:1000;}	
        #nextBtn, #slider1next{left:696px;}														
        #prevBtn a, #nextBtn a,#slider1next a, #slider1prev a{  display:block; position:relative; width:30px; height:77px; background:url(../images/btn_prev.gif) no-repeat 0 0;}	
        #nextBtn a, #slider1next a{background:url(../images/btn_next.gif) no-repeat 0 0;}	
            
        /* numeric controls */	
        ol#controls{margin:10px; padding:0; position:relative; z-index:2;}
        ol#controls li{margin:0 10px 0 0; padding:0; float:left; list-style:none;}
        ol#controls li a{background-color:#d3d3d3; width:16px; height:20px; border-radius: 0.25em; -moz-border-radius: 0.25em; color:#FFFFFF; display:block; font-weight:bold; font-size:14px; padding: 3px 0 0 7px;}
        ol#controls li.current a{background-color:#00513c;}
        ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
        
        /* // Easy Slider - http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider */
		
		
		#taalmenu {
			width:140px; 
			margin-left:-6px; 
			position:absolute; 
			z-index:1000; 
			top:0px; 
			border:0px solid red;
			display:none;
		}	
		#topTaalEmpty {
			width:135px; 
			height:29px;
		}
		#taalOpties {
			background:#e9e9e9; 
			width:135px;
			border:1px solid #d3d3d3;
		}
		.taalLink {
			border:0px solid blue; 
			color:#666666; 
			text-decoration:none; 
			line-height:22px; 
			display:block; 
			width:100%;
		}
		.taalLink:hover {
			border:0px solid blue; 
			color:#ffffff; 
			text-decoration:none; 
			line-height:22px; 
			display:block; 
			width:100%;
		}
		.taalFlag {
			display:block; 
			padding-right:8px; 
			padding-top:1px; 
			padding-left:14px; 
			float:right;
		}
		.medw_naam {
			font-size:12px;
			font-weight:bold;
		}
		.medw_functie {
			font-style:italic;
		}
		.medw_table {
			padding:0 0;
			margin: 0 0;
			vertical-align:top;
		}
		.medw_table td {
			padding:4px 4px;
			margin: 0 0;
			vertical-align:top;
		}
		
		.footer .cleardiv {
			clear:both; width:100%; height:1px;
		}
		.footer .siteby {
			width:100%;
			line-height:20px;
			text-align:right;
		}
		.footer .siteby a {
			color:#00513c;
		}
        #promo1 .positionBanner a, #promo2 .positionBanner2 a {
        	font-weight:normal;
            padding:6px;
            color:white;
            background:#00513c;
        }
		
        .beurzentable_tr {
        	background:#004330;
        }
        .beurzentable .beurzentable_tr td {
        	border:0px;
            padding-left:4px;
        }
        .beurzentable td {
        	border-bottom: 1px dotted #a7c855;
            line-height:26px;
            padding-left:4px;
        }
        .beurzentable td img {
        	position:relative;
            top:6px;
        }