* {
	margin: 0;
	padding: 0;
}

/*
TOEVOEGINGEN EDITIE 2
- Tabel edities layout
- Image align + border
*/
.table-edities {
	width: 650px;
	font-size:1.2em;
	border:0;
	
}

.table-edities .cell {
	width: 215px;
	text-align:center;
	border:0;
		
}

.align-right { 
	float:right; 
	margin: 0 0 15px 15px; 
}

.frame { 
	padding: 5px; 
	border: 1px solid #aaa; 
}
/* EINDE TOEVOEGINGEN EDITIE 2 */

.clear {
	clear: both;
}

ul {
	list-style: none;
}

fieldset {
	border: none;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #282828;
	background: #5d6492;
}

.logoPadding {
	padding-top: 8px;
}

#wrapper-container {
	padding: 0 0 30px 0;
	background: #e7cdb5 url(../images/body-background.jpg) center top no-repeat;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}

#header {
	position: relative;
	width: 960px;
	height: 260px;
}

#header h1 {
	position: relative;
	top: 0;
	left: 10px;
	width: 195px;
	height: 259px;
	background: #342f60;
}

#header h1 a {
	position: absolute;
	top: 75px;
	left: 17px;
	display: block;
	width: 207px;
	height: 124px;
	text-indent: -9999px;
	background: url(../images/logo-ziltzeeland.png) left top no-repeat;
}

#menu {
	position: absolute;
	top: 40px;
	left: 240px;
	font-size: 1.8em;
}

#menu li {
	display: inline;
	float: left;
	margin: 0 10px;
	width: 220px;
	height: 220px;
}

#menu li a:link,
#menu li a:visited {
	position: relative;
	display: block;
	width: 218px;
	height: 218px;
	color: #fff;
	border: 1px solid #fff;
	background-color: #342f60;
	background-position: left top;
	background-repeat: no-repeat;
}

#menu li a:hover,
#menu li a:active {
	color: #fff;
	background-color: #585f89;
}

#menu li.active a:link,
#menu li.active a:visited,
#menu li.active a:hover,
#menu li.active a:active {
	background-color: #585f89;
}

#menu li a span.title {
	position: absolute;
	top: 185px;
	left: 0;
	display: block;
	padding: 0 19px;
	cursor: pointer;
}

#menu li#menu-hetmagazine a {
	background-image: url(../images/menu-hetmagazine.jpg);
}

#menu li#menu-hetmagazine a span.cover {
	position: absolute;
	top: -18px;
	left: 0;
	width: 211px;
	height: 197px;
	background: url(../images/menu-hetmagazine-cover_6.png) left top no-repeat;
	cursor: pointer;
}

#menu li#menu-nsactie a {
	background-image: url(../images/menu-nsactie.jpg);
}

#menu li#menu-aanbieding a {
	background-image: url(../images/menu-aanbieding.jpg);
}

#menu li#menu-reageer a {
	background-image: url(../images/menu-reageer.jpg);
}

#content {
	position: relative;
	top: 10px;
	width: 960px;
}

#content_ns {
	position: relative;
	top: 10px;
	width: 960px;
}

.column {
	float: left;
}

.column .column-top {
	float: left;
	height: 10px;
	overflow: hidden;
}

.column .column-top .column-top-left {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-top-left.png) left top no-repeat;
}

.column .column-top .column-top-center {
	float: left;
	height: 10px;
}

.column .column-top .column-top-center .column-top-center-left {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-top-center-left.png) left top no-repeat;
}

.column .column-top .column-top-center .column-top-center-center {
	float: left;
	height: 10px;
	background: url(../images/shadows/column-top-center-center.png) left top repeat-x;
}

.column .column-top .column-top-center .column-top-center-right {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-top-center-right.png) left top no-repeat;
}

.column .column-top .column-top-right {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-top-right.png) left top no-repeat;
}

.column .column-middle {
	float: left;
}

.column .column-middle .column-middle-left {
	float: left;
	width: 10px;
}

.column .column-middle .column-middle-left .column-middle-left-top {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-middle-left-top.png) left top no-repeat;
	overflow: hidden;
}

.column .column-middle .column-middle-left .column-middle-left-middle {
	float: left;
	width: 10px;
	background: url(../images/shadows/column-middle-left-middle.png) left top repeat-y;
}

.column .column-middle .column-middle-left .column-middle-left-bottom {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-middle-left-bottom.png) left top no-repeat;
	overflow: hidden;
}

.column .column-middle .column-middle-center {
	float: left;
}

.column .column-middle .column-middle-right {
	float: left;
	width: 10px;
}

.column .column-middle .column-middle-right .column-middle-right-top {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-middle-right-top.png) left top no-repeat;
	overflow: hidden;
}

.column .column-middle .column-middle-right .column-middle-right-middle {
	float: left;
	width: 10px;
	background: url(../images/shadows/column-middle-right-middle.png) left top repeat-y;
}

.column .column-middle .column-middle-right .column-middle-right-bottom {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-middle-right-bottom.png) left top no-repeat;
	overflow: hidden;
}

.column .column-bottom {
	float: left;
	height: 10px;
	overflow: hidden;
}

.column .column-bottom .column-bottom-left {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-bottom-left.png) left top no-repeat;
}

.column .column-bottom .column-bottom-center {
	float: left;
	height: 10px;
}

.column .column-bottom .column-bottom-center .column-bottom-center-left {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-bottom-center-left.png) left top no-repeat;
}

.column .column-bottom .column-bottom-center .column-bottom-center-center {
	float: left;
	height: 10px;
	background: url(../images/shadows/column-bottom-center-center.png) left top repeat-x;
}

.column .column-bottom .column-bottom-center .column-bottom-center-right {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-bottom-center-right.png) left top no-repeat;
}

.column .column-bottom .column-bottom-right {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/shadows/column-bottom-right.png) left top no-repeat;
}

.column-1 {
	width: 240px;
}

.column-1 .column-top .column-top-center .column-top-center-center,
.column-1 .column-bottom .column-bottom-center .column-bottom-center-center {
	width: 200px;
}

.column-1 .column-middle .column-middle-center {
	width: 220px;
}

.column-1 .readmore a:link,
.column-1 .readmore a:visited {
	width: 164px;
}

.column-3 {
	width: 720px;
}

.column-3 .column-top .column-top-center .column-top-center-center,
.column-3 .column-bottom .column-bottom-center .column-bottom-center-center {
	width: 680px;
}

.column-3 .column-middle .column-middle-center {
	width: 700px;
}

.column-3 .readmore a:link,
.column-3 .readmore a:visited {
	width: 644px;
}

.content {
	padding: 15px 20px;
	color: #282828;
	background: #fff;
}

.content_ns {
	padding: 15px 20px;
	color: #282828;
	background-image:url(../images/back-ns.png);
	background-repeat:no-repeat;
	background-color: #facc46;
}

.content h3 {
	padding: 0 0 22px 0;
	color: #4c5481;
	font-size: 2.6em;
}

.content_ns h3 {
	padding: 0 0 22px 0;
	color: #4c5481;
	font-size: 2.6em;
}

.content h4 {
	padding: 0 0 4px 0;
	font-size: 1.2em;
	line-height: 22px;
	color: #585f89;
}

.content_ns h4 {
	padding: 0 0 4px 0;
	font-size: 1.2em;
	line-height: 22px;
	color: #585f89;
}

.content p {
	padding: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 22px;
}

.content_ns p {
	padding: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 22px;
}

.content ul {
	padding: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 22px;
}

.content_ns ul {
	padding: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 22px;
}

.content a:link,
.content a:visited {
	color: #6d76a9;
	text-decoration: none;
	background: url(../images/dots-hor.gif) left bottom repeat-x;
}

.content_ns a:link,
.content_ns a:visited {
	color: #6d76a9;
	text-decoration: none;
	background: url(../images/dots-hor.gif) left bottom repeat-x;
}

.content a:hover,
.content a:active {
	color: #6d76a9;
	text-decoration: none;
	background: none;
}

.content_ns a:hover,
.content_ns a:active {
	color: #6d76a9;
	text-decoration: none;
	background: none;
}

.form {
	margin: -12px 0 0 0;
	background: #fff;
}

.form form {
	padding: 0 20px 15px 20px;
}

.form fieldset {
	padding: 20px 0 0 0;
}

.form-dotted fieldset {
	background: url(../images/dots-hor.gif) left top repeat-x;
}
.dotted-line {
	background: url(../images/dots-hor.gif) left top repeat-x;
	width: 650px;
}


.form dt {
	float: left;
	width: 238px;
}

.form dd {
	float: left;
	padding: 0 0 0 24px;
	width: 398px;
}

.form dd.vragen {
	float: left;
	padding: 0 0 0 0px;
	width: 398px;
}

.form dd.multiple {
	padding: 0 0 10px 24px;
	height: 25px;
}



.form dd.error {
	background: url(../images/icon-error.png) left 5px no-repeat;
}

.form label {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 26px;
	color: #787878;
}

.form label2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 26px;
	color: #787878;
	font-weight: bold;
}

.form label span {
	font-weight: bold;
}

.form .radios {
	margin: 0 0 10px 0;
	height: auto;
}

.form .radios .radio {
	float: left;
	margin: 0 5px 0 0;
}

.form .radios label {
	float: left;
	margin: 0 10px 0 0;
	width: 170px;
	line-height: 22px;
	font-size: 1em;
}

.form .checkboxes {
	margin: 0 0 10px 0;
	height: 25px;
}

.form .checkboxes .checkbox {
	float: left;
	margin: 0 5px 0 0;
}

.form .checkboxes label {
	float: left;
	line-height: 22px;
}

.form textarea {
	margin: 0 0 10px 0;
	padding: 4px 4px 4px 9px;
	width: 383px;
	height: 214px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	line-height: 22px;
	color: #787878;
	background: url(../images/form-field.png) left top no-repeat;
	border: 1px solid #aaa;
}

.form .textinput {
	margin: 0 0 10px 0;
	padding: 4px 9px 0 9px;
	width: 378px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #787878;
	background: url(../images/form-field.png) left top no-repeat;
	border: 1px solid #aaa;
}

.form .selectinput {
	margin: 0 0 10px 0;
	padding: 4px 9px 0 9px;
	width: 378px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
		background: url(../images/form-field.png) left top no-repeat;
	border: 1px solid #aaa;
}

.form .error {
	color: #dc0000;
	background: url(../images/form-field-error.png) left top no-repeat;
}

.form .textinput-voornaam {
	float: left;
	margin: 0 9px 0 0;
	width: 218px;
}

.form .textinput-tussenvoegsels {
	float: left;
	width: 131px;
}

.form .textinput-adres {
	float: left;
	margin: 0 9px 0 0;
	width: 298px;
}

.form .textinput-huisnummer {
	float: left;
	width: 51px;
}

.form .textinput-postcode {
	float: left;
	margin: 0 9px 0 0;
	width: 78px;
}

.form .textinput-plaats {
	float: left;
	width: 271px;
}

.form .form-footer {
	height: 30px;
	background: #585f89;
}

.form .note {
	float: left;
	padding: 0 20px;
	font-size: 1.1em;
	line-height: 30px;
	color: #fff;
}

.form .readmore {
	float: right;
}

.form .readmore a:link,
.form .readmore a:visited {
	display: block;
	padding: 6px 20px 0 36px;
	width: 70px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	background: #585f89 url(../images/arrow-white-on-purple.gif) 20px 11px no-repeat;
}

.form .readmore a:hover,
.form .readmore a:active {
	color: #342f60;
	text-decoration: none;
	background: #585f89 url(../images/arrow-purple-on-purple.gif) 20px 11px no-repeat;
}

.content-yellow {
	background: #ffcc33;
}

.form-yellow {
	background: #ffcc33;
}

.form-yellow dd.error {
	background: url(../images/icon-error-on-yellow.png) left 5px no-repeat;
}

.form-yellow label {
	color: #000066;
}

.form textarea {
	height: 88px;
	background: #ffe7a1 url(../images/form-field-yellow.png) left top no-repeat;
}

.agenda {
	padding: 15px 0;
	color: #282828;
	background: #fff;
}

.agenda h3 {
	padding: 0 20px 22px 20px;
	color: #4c5481;
	font-size: 2.6em;
}

.agenda h4 {
	padding: 0 20px;
	background: #eeeff3;
}

.agenda p {
	padding: 5px 20px;
}

.readmore {
	font-size: 1.4em;
}

.readmore a:link,
.readmore a:visited {
	display: block;
	padding: 6px 20px 0 36px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	background: #585f89 url(../images/arrow-white-on-purple.gif) 20px 11px no-repeat;
}

.readmore a:hover,
.readmore a:active {
	color: #342f60;
	text-decoration: none;
	background: #585f89 url(../images/arrow-purple-on-purple.gif) 20px 11px no-repeat;
}

.readmore-yellow a:link,
.readmore-yellow a:visited {
	color: #000066;
	background: #ffcc33 url(../images/arrow-purple-on-yellow.gif) 20px 11px no-repeat;
}

.readmore-yellow a:hover,
.readmore-yellow a:active {
	color: #ce9d0a;
	background: #ffcc33 url(../images/arrow-yellow-on-yellow.gif) 20px 11px no-repeat;
}

.submit {
	margin: 0 20px;
	padding: 0 0 10px 0;
	height: 30px;
	font-size: 1.4em;
	background: url(../images/dots-hor.gif) left 15px repeat-x;
}

.submit span.button {
	float: right;
	display: block;
	
	padding: 0 0 0 10px;
	width: 130px;
	background: #ffcc33;
}

.submit a:link,
.submit a:visited {
	display: block;

	padding: 6px 20px 0 36px;
	width: 74px;
	height: 24px;
	color: #fff;
	text-decoration: none;
	background: #585f89 url(../images/arrow-white-on-purple.gif) 20px 11px no-repeat;
}

.submit a:hover,
.submit a:active {
	text-decoration: none;
	background: #000066 url(../images/arrow-white-on-darkpurple.gif) 20px 11px no-repeat;
}

.submenu {
	margin: -15px 0 0 0;
	padding: 0 0 20px 0;
	font-size: 1.4em;
	list-style: none;
	background: #fff;
}

.submenu li {
	width: 220px;
	height: 31px;
}

.submenu a:link,
.submenu a:visited {
	display: block;
	padding: 6px 20px 0 36px;
	width: 164px;
	height: 24px;
	color: #585f89;
	text-decoration: none;
	background: #dedfe7 url(../images/arrow-purple-on-lila.gif) 20px 11px no-repeat;
	border-bottom: 1px solid #fff;
}

.submenu a:hover,
.submenu a:active {
	color: #fff;
	text-decoration: none;
	background: #585f89 url(../images/arrow-white-on-purple.gif) 20px 11px no-repeat;
}

.submenu li.active a:link,
.submenu li.active a:visited,
.submenu li.active a:hover,
.submenu li.active a:active {
	color: #fff;
	background: #585f89 url(../images/arrow-white-on-purple.gif) 20px 11px no-repeat;
}

.submenu a.dash-style:link,
.submenu a.dash-style:visited {
	background: #dedfe7 url(../images/dash-purple-on-lila.gif) 20px 15px no-repeat;
}

.submenu a.dash-style:hover,
.submenu a.dash-style:active {
	background: #585f89 url(../images/dash-white-on-purple.gif) 20px 15px no-repeat;
}

.submenu li.active a.dash-style:link,
.submenu li.active a.dash-style:visited,
.submenu li.active a.dash-style:hover,
.submenu li.active a.dash-style:active {
	background: #585f89 url(../images/dash-white-on-purple.gif) 20px 15px no-repeat;
}

#ns-logo {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 69px;
	height: 28px;
	background: url(../images/logo-ns.png) left top no-repeat;
}

#footer-container {
	background: url(../images/footer-gradient.gif) left top repeat-x;
}

#footer {
	margin: 0 auto;
	padding: 20px 20px 0 20px;
	height: 50px;
	width: 920px;
}

#footer ul {
	font-size: 1.2em;
	line-height: 20px;
	color: #fff;
}

#footer ul.left {
	float: left;
}

#footer ul.right {
	float: right;
	margin: 0 -11px 0 0;
}

#footer li {
	float: left;
	padding: 0 11px 0 12px;
	background: url(../images/footer-pipe.gif) left 5px no-repeat;
}

#footer li#copyright {
	padding-left: 0;
	background: none;
}

#footer li#credits {
	padding-left: 0;
	background: none;
}

#footer a:link,
#footer a:visited {
	color: #fff;
	text-decoration: none;
}

#footer a:hover,
#footer a:active {
	color: #fff;
	text-decoration: underline;
}

#mail {
	font: 62.5% Arial, Helvetica, sans-serif;
	color: #282828;
	background: #e7cdb5 url(../images/body-background.jpg) center top no-repeat;
}

#mail #wrapper {
	margin: 124px auto 0 auto;
	width: 609px;
}

#mail h1 {
	float: right;
	position: relative;
	width: 195px;
	height: 247px;
	background: #342f60;
}

#mail h1 a {
	position: absolute;
	top: 22px;
	left: 17px;
	display: block;
	width: 207px;
	height: 124px;
	text-indent: -9999px;
	background: url(../images/logo-ziltzeeland.png) left top no-repeat;
}

#mail #mail-content {
	float: right;
	margin: 0 15px 0 0;
	width: 370px;
}

#mail #mail-content .content {
	height: 187px;
}