@charset "utf-8";
@import url("/css/reset.css");
@import url("/css/typography.css");

div#header {
	width: 100%;
	height: 202px;
	padding-top: 28px;
	background: #f6a600;
}
  a#logo {
  	display: block;
  	float: left;
  	width: 190px;
  	height: 156px;
  	background: url("/css/images/logo.gif") no-repeat top left;
  }
  
  ul#nav {
  	float: right;
  	width: 652px;
  }
    ul#nav li {
      display: block;
  		border-bottom: 1px solid #fff;
    }
    	ul#nav li a {
  			display: block;
  			height: 26px;
  			background-repeat: no-repeat;
				background-position: top left;
				float: left;
  		}
      	ul#nav li a.about {
      		width: 253px;
    			background-image: url("/css/images/nav_home.gif");
    		}
        	ul#nav li a.about_active {
						width: 279px;
      			background-image: url("/css/images/nav_home_active.gif");
      		}
     	 	ul#nav li a.publicaties {
      		width: 82px;
    			background-image: url("/css/images/nav_publicaties.gif");
    		}
        	ul#nav li a.publicaties_active {
						width: 109px;
      			background: url("/css/images/nav_publicaties_active.gif");
      		}
      		ul#nav li a.links {
      		width: 45px;
    			background-image: url("/css/images/nav_fotos.gif");
    		}
        	ul#nav li a.links_active {
						width: 66px;
      			background-image: url("/css/images/nav_fotos_active.gif");
      		}
      		ul#nav li a.contact {
      		width: 61px;
    			background-image: url("/css/images/nav_contact.gif");
    		}
        	ul#nav li a.contact_active {
						width: 87px;
      			background-image: url("/css/images/nav_contact_active.gif");
      		}
					
        	ul#nav li a:hover {
      			background-position: bottom left;
      		}
			
			ul#nav li div.subnav {
  			float: right;
				padding-top: 6px;
			}
    		ul#nav li div.subnav a {
					display: inline;
					height: auto;
  				margin-left: 2em;
  				font-weight: normal;
  				color: #231e4b;
  				text-decoration: none;
					line-height: 1.1em;
  			}
      		ul#nav li div.subnav a.sub_active, ul#nav li div.subnav a:hover {
    				color: #fff;
    			}
	
  div#fotos_horizontaal {
  	position: absolute;
  	top: 126px;
  	left: -35px;
  	width: 100%;
  	height: 273px;
		z-index: 5;
  }
	div#fotos_verticaal {
  	position: absolute;
		top: -123px;
		left: 591px;
		width: 362px;
		height: 634px;
		z-index: 5;
	}
  
  a#inschrijven {
  	background: url("/css/images/inschrijven.png") no-repeat top left;
  	width: 148px;
  	height: 151px;
  	position: absolute;
		top: -126px;
		left: 458px;
		z-index: 10;
  }
  a#inschrijven.home {
  	top: 248px !important;
  	left: -28px !important;
  }

div.container {
	position: relative;
	margin: 0 auto;
	width: 920px;
	font-size: 1.1em;
}
  div#content {
  	margin-top: 70px;
  	background: url('/css/images/border.gif') repeat-y top left;
  }
  div#content.home {
  	margin-top: 220px;
  }
  div#content_foto {
  	margin-top: 30px;
  }
  div#content_winnaars {
	margin-top: 70px;
	min-height: 490px;
	height: auto !important;
	height: 490px;
  }
	ul#winnaars {
		position: relative;
		width: 100%;
		border-bottom: 1px solid #d2d3db;
	}
		ul#winnaars li {
			float: left;
			margin-right: 3px;
		}
			ul#winnaars a {
				display: block;
				padding: 0.3em 7px;
				background-color: #d2d3db;
				font-weight: normal;
				color: #231e4b;
			}
				ul#winnaars a:hover {
					text-decoration: underline;
				}
				ul#winnaars a.active {
					font-weight: bold;
				}
		div#fotos_winnaar {
			position: absolute;
			right: -52px;
			bottom: -420px;
		}
		
	div.winnaar {
		margin-top: 1.818em;
		width: 554px;
		line-height: 2em;
	}
		div.winnaar p {
			line-height: 2em;
		}
	
	

    div#text {
    	float: left;
    	width: 554px;
    	line-height: 2em;
    }
      div p {
      	line-height: 1.818em;
      	margin-bottom: 1.818em;
      }
        div p a {
        	line-height: 1.818em;
        }
    div#right {
    	width: 314px;
    	float: right;
    }
    div#right.text {
    	height: 530px;
    }
      div#initiatief {
		padding-bottom: 1.818em;
		border-bottom: 1px solid #d3d2db;
		margin-bottom: 1.818em;
	  }
		div#initiatief a {
			display: block;
			background: url("/css/images/detailhandellink.jpg") no-repeat top left;
			width: 314px;
			height: 92px;
		}
	  
	  div#countdown {
      	border-bottom: 1px solid #d3d2db; 
      }
        div#counter {
        	margin-bottom: 1.818em;
        }
      
      div#nieuws {
      	margin-top: 1.818em;
      }
        div#nieuws a {
        	display: block;
        	border-bottom: 1px solid #d3d2db;
        	padding: 0.455em 0;
        	color: #231e4b;
        	font-weight: normal;
        	line-height: 1.818em;
        }
        a.meernieuws {
        	display: block;
        	margin-top: 1.818em;
        	background: url("/css/images/button_nieuws.gif") no-repeat top left;
        	width: 246px;
        	height: 26px;
        	line-height: 2.2em;
        	padding: 0 15px;
        	font-weight: normal;
        	color: #231e4b;
        }
  
  div#footer {
  	margin-top: 3em;
  	border-top: 1px solid #d3d2db;
  	padding: 1em 0 1.818em 0;
  	width: 100%;
  }
    div#partners {
    	float: left;
    }
    	div#partners table {
    		margin-top: 1.818em;
  		}
    		div#partners table td {
    			vertical-align: middle;
  			}
        	div#partners a {
          	margin-right: 2em;
      			display: block;
      			background-repeat: no-repeat;
      			background-position: top left;
      		}
          a#platformdetailhandel {
          	background-image: url("/css/images/logo_platformdetailhandel.gif");
      			width: 125px;
      			height: 27px;
          }
          a#hbd {
          	background-image: url("/css/images/logo_hbd.gif");
      			width: 105px;
      			height: 29px;
          }
          a#vng {
          	background-image: url("/css/images/logo_vng.gif");
      			width: 84px;
      			height: 42px;
          }
          a#platformbinnenstadsmanagement {
          	background-image: url("/css/images/logo_platformbinnenstadsmanagement.gif");
      			width: 116px;
      			height: 21px;
          }
          a#madurodam {
          	background-image: url("/css/images/logo_madurodam.gif");
      			width: 66px;
      			height: 51px;
  					margin-right: 0 !important;
          }
          	div#partners a:hover {
        			background-position: bottom left;
        		}
    div#disclaimer {
    	float: right;
    }
      div#disclaimer a {
      	color: #231e4b;
      	margin-left: 20px;
				line-height: 1.4em;
      }

#fotopager{
	width: 100%;
	height: auto;
	float: left;
	border-top: 1px solid #d3d2db;
	border-bottom: 1px solid #d3d2db;
	padding: 10px 0;
	margin-top: 30px;
}

#fotopager a{
	margin-left: 5px;
	margin-right: 5px;
	text-transform: uppercase;
}

.fotowrap{
	width: 100%;
	height: auto;
	float: left;
	margin-top: 20px;
}

.fotowrap .plaats{
	width: 100%;
	height: 24px;
	float: left;
	background: url(/css/images/plaatsplaatje.gif) no-repeat;
}

.plaats span{
	width: 135px;
	height: 24px;
	float: left;
	margin-left: 0px;
	margin-top: 5px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}

.fotokader{
	width: 133px;
	height: 133px;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
	background-image: url(/css/images/fotokader.gif);
}

.fotokader .foto{
	width: 133px;
	height: 133px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
}

.linkrow{
	width: 100%;
	height: auto;
	float: left;
	border-bottom: 1px solid #d3d2db;
}

.linkrow.diap{
	background-color: #f6f6f8;
}

.linkrow a{
	width: auto;
	height: auto;
	padding: 10px 0 10px 10px;
	float: left;
	color: #231E4B;
}

.dlrow{
	width: 100%;
	height: auto;
	float: left;
	border-bottom: 1px solid #d3d2db;
}

.dlrow.diap{
	background-color: #f6f6f8;
}



.dlrow a{
	width: auto;
	height: auto;
	padding: 10px 0 10px 40px;
	float: left;
	color: #231E4B;
	background: url(/css/images/pdf.gif) no-repeat 10px center;
}

td {
	padding-top: 1em;
	vertical-align: middle;
}

.formtext{
	width: 200px;
}

.forminput{
	width: 350px;
}

.forminput input, .forminput select , .forminput textarea{
	width: 350px;
	border: none;
	background-color: #d3d2da;
	font: 1em Verdana, Arial, sans-serif;
	color: #231e4b;
}

.forminput input {
	padding: 0.3em 5px;
}

.forminput select {
	padding: 0.2em 0;
}

.forminput input:focus, .forminput select:focus{
	background-color: #F6A600;
	color: #fff;
}

.forminput input.short, .forminput select.short{
	width: 170px;
	margin: 0;
	float: left;
}

.forminput .submit{
	width: auto;
	height: auto;
	padding: 3px 6px;
	background-color: #f5a601;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	text-align: center;
}