html, body {margin: 0px; padding: 0px; width:100%; height: 100%; text-align: left; font-family: verdana, arial; color: #000; font-size: 11px;}
img {border: 0;}
a {outline: none;}
p {margin-top: 0px; padding-top: 0px;}
h1 {margin: 0 0 12px 0; padding: 0; font-size: 14px; font-weight: bold;}
h2 {margin: 0; padding: 0; font-size: 10px; font-weight: bold;}
.bgLeft {background: url(../gfx/frontend/bgLeft.jpg) repeat-x #437483; width: 35%;}
.bgRight {background: url(../gfx/frontend/bgCity.jpg) repeat-x; width: 65%;}
.containerMain {margin: 0; border: 0; padding: 0; width: 976px; position: relative; background: url(../gfx/frontend/bgContent.jpg) repeat-y; z-index: 20;}
.payoff {position: absolute; top: 196px; left: 278px; color: #000; font-size: 13px; z-index: 90;}
.containerImage {margin: 0; border: 0; padding: 0; width: 976px; position: relative; background: url(../gfx/frontend/bgWebsite.jpg) no-repeat; z-index: 30;}
.navigation {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 240px; left: 0;}
.listItem {margin: 0 0 14px 0; padding: 0; font-size: 18px; text-transform: uppercase;}
.listItem a {color: #FFF; text-decoration: none;}
.listItem a:hover {color: #ffdd00;}
.subNavigation {margin: 0; padding: 0; list-style-type: none; text-transform: none; font-family: Arial, sans-serif;}
.subListItem {margin: 6px 0 6px 0; padding: 0; font-size: 13px;}
.subListItem a {margin: 0; padding: 0 0 0 18px; color: #FFDD00}
.subListItem a:hover {background: url(../gfx/frontend/yellowBullet.jpg) no-repeat;}
.subListItem a.active {background: url(../gfx/frontend/yellowBullet.jpg) no-repeat;}
.homepage {margin: 0; padding: 0; width: 108px; height: 27px; position: absolute; top: 131px; left: 100px; background: url(../gfx/frontend/welkom.png) no-repeat;}
.adress {margin: 20px 0 0 0; border: 0; padding: 0; font-family: Arial, sans-serif; font-size: 12px;}
.adress a {color: #000; text-decoration: none;}
.adress a:hover {text-decoration: underline;}
.rightColumn {margin: 0; padding: 0; width: 150px; position: absolute; top: 245px; left: 800px;}
.veryNicePicture {margin: 0px; padding: 8px; color: #FFF; background: #b2c2c7;}
.veryNicePictureName {padding: 4px 0 0 0; display: block;}
.veryNiceArticle {padding: 0 0 10px 0; width: 147px; border-left: 2px solid #b2c2c7; background: #b2c2c7;}
.veryNiceArticleTitle {padding: 4px; font-size: 14px; line-height: 20px; text-align: center; color: #FFF}
.veryNiceArticleIntro {padding: 4px 2px; color: #000; font-size: 10px;}
.veryNiceArticleLink {padding: 4px 2px;}
.veryNiceArticleLink a {color: #013646; text-decoration: none}
.veryNiceArticleLink a:hover {text-decoration: underline}
.banner {margin: 0 0 0 0; border-left: 2px solid #b2c2c7; padding: 0; color: #FFF;}
.slideShow {width: 147px; height: 93px;}
.linkList{margin: 0; padding: 0; list-style-type: 0; overflow: hidden;}
.linkList li {margin: 1px 0; padding: 0;}
.linkList li.last {margin: 0; padding: 0;}
.linkList li.first {padding: 2px 0 0 0; display: block; width: 147px; background: #b2c2c7; color: #FFF; font-size: 14px; text-align: center;}
.linkList li a {padding: 4px 4px 4px 4px; display: block; width: 139px; background: #b2c2c7; font-size: 12px; color: #003646; text-decoration: none;}
.linkList li a:hover {text-decoration: underline;}
.target {margin: 0; padding: 0; width: 172px; height: 133px; position: absolute; top: 448px; left: 0px;}
.target span {display: none;}
.target a {float: left; display: block;}
.kidsVerySmall {background: url(../gfx/frontend/kidsVerySmall.png) no-repeat; width: 49px; height: 133px;}
.kidsSmall {background: url(../gfx/frontend/kidsSmall.png) no-repeat; width: 82px; height: 133px;}
.kidsBig {background: url(../gfx/frontend/kidsBig.png) no-repeat; width: 115px; height: 133px;}
.adultsVerySmall {background: url(../gfx/frontend/adultsVerySmall.png) no-repeat; width: 57px; height: 133px;}
.adultsSmall {background: url(../gfx/frontend/adultsSmall.png) no-repeat; width: 76px; height: 133px;}
.adultsBig {background: url(../gfx/frontend/adultsBig.png) no-repeat; width: 109px; height: 133px;}
.content {margin: 0; padding: 244px 0 0 184px; border: 0; width: 586px; line-height: 14px; min-height: 520px;}
.clearIt {margin: 0; padding: 0; clear: both; font-size: 0px; line-height: 0; height: 0px;}
.bgKids {background: url(../gfx/frontend/bgContentKids.jpg) repeat-y;}
.bgAdults {background: url(../gfx/frontend/bgContentAdults.jpg) repeat-y;}
/* legenda */
.legenda {margin: 0px; padding: 0px; width: 586px; height: 44px; list-style-type: none; background: url(../gfx/frontend/line.gif) no-repeat;}
.legenda li {margin: 0; padding: 0; float: left;}
.legenda a {margin: 0; display: inline-block; height: 30px; color: #000; text-decoration: none; font-style: italic; font-size: 11px;}
.legenda a:hover {text-decoration: underline;}
.legendaAll {padding: 11px 11px 0 28px; background: url(../gfx/frontend/legendaAll.jpg) no-repeat;}
.legendaKids {padding: 11px 11px 0 28px; background: url(../gfx/frontend/legendaJongeren.jpg) no-repeat;}
.legendaAdults {padding: 11px 11px 0 28px; background: url(../gfx/frontend/legendaVolwassenen.jpg) no-repeat;}
.legendaArticles {padding: 11px 11px 0 30px; background: url(../gfx/frontend/legendaArtikelen.jpg) no-repeat;}
.legendaColumns {padding: 11px 11px 0 58px; background: url(../gfx/frontend/legendaColumns.jpg) no-repeat;}
.legendaPictures {padding: 11px 11px 0 36px; background: url(../gfx/frontend/legendaFotos.jpg) no-repeat;}
.legenda li.active a {color: #ffdd00; font-weight: bold;}
.archiveHolder {padding: 0 0 0 0;}
.datePicker {height: 60px; width: 586px; position: relative; background: url(../gfx/frontend/bgList.jpg) no-repeat; }
a.dateControll {z-index: 10; margin: 0; padding: 6px 6px 6px 6px; background: #ffdd02; color: #000; text-decoration: none; position: absolute; font-size: 14px; font-weight: bold; }
a.dateControll:hover {background: #b3c2c7; color: #003646;}
a.dateControll.next {top: 0px; right: 0px;}
a.dateControll.previous {top: 0px; left: 0px;}
.dateWindow {width: 480px; height: 60px; position: relative; top: 0px; left: 52px; overflow: hidden;}
.monthHolder {margin: 0; padding: 0; height: 60px; list-style-type: none; position: absolute; top: 0; left: -59px}
.monthHolder li {margin: 0; padding: 0; float: left;}
.monthHolder li.first a{margin: 0; padding: 0; background: url(../gfx/frontend/bgListitemFirst.jpg) no-repeat;}
.monthHolder li.last a{margin: 0 padding: 0; background: url(../gfx/frontend/bgListitemLast.jpg) no-repeat;}
.monthHolder li.last a.now {margin: 0 padding: 0; background: url(../gfx/frontend/bgListItemNow.jpg) no-repeat;}
.monthHolder li a {display: block; width: 60px; height: 60px; color: #000; text-transform: uppercase; position: relative; background: url(../gfx/frontend/bgListitem.jpg) no-repeat; text-decoration: none; no-repeat;}
.monthHolder li.active a span.active {display: block; width: 60px; height: 60px; position: absolute; background: url(../gfx/frontend/bgListitemActive.png) no-repeat; text-decoration: none; top: 0px; left: 0px; no-repeat;}
span.month {font-size: 14px; position: absolute; top: 4px; left: 6px;}
span.year {font-size: 14px; position: absolute; top: 17px; left: 11px;}
.archiveBorder {padding: 0 0 0 11px; border-left: 1px solid #000;}
.archive {margin: 0 0 0 0; padding: 0; list-style-type: none;}
.archive li {margin: 0; padding: 0;}
.archive a {margin: 0; padding: 8px 0 0 70px; display: inline-block; height: 26px; text-decoration: none; font-style: italic; font-size: 11px; color: #000;}
.archive a:hover {text-decoration: underline;}
.articleKids {background: url(../gfx/frontend/archiveJongerenArtikel.jpg) no-repeat;}
.columnKids {background: url(../gfx/frontend/archiveJongerenColumn.jpg) no-repeat;}
.pictureKids {background: url(../gfx/frontend/archiveJongerenFoto.jpg) no-repeat;}
.articleAdults {background: url(../gfx/frontend/archiveVolwassenenArtikel.jpg) no-repeat;}
.columnAdults {background: url(../gfx/frontend/archiveVolwassenenColumn.jpg) no-repeat;}
.pictureAdults {background: url(../gfx/frontend/archiveVolwassenenFoto.jpg) no-repeat;}
.articleBoth {background: url(../gfx/frontend/legendaArtikelen.jpg) no-repeat 8px 0px;}
.pictureBoth {background: url(../gfx/frontend/legendaFotos.jpg) no-repeat 8px 0px;}
.columnBoth {background: url(../gfx/frontend/legendaColumns.jpg) no-repeat -4px 0px;}
.archive h1 {margin: 0px 0 20px 0; padding: 20px 0 0 0; font-size: 18px; font-weight: bold; color: #013646;}
/* pictures */
.pictureHolder {margin: 4px 0 0 0; padding: 0px 0 20px 0; background: url(../gfx/frontend/line.gif) no-repeat bottom;}
.pictureHolder .picture {margin: 0px 0 0 0; border: 0; padding: 0; float: right;}
.pictureHolder .text {margin: 0 0 0 0px; border: 0; padding: 0; float: left; width: 190px; overflow: auto; min-height: 80px;}
.pictureHolder .properties {font-style: italic;}
.pictureHolder .description {padding: 0px 0 0 0; clear: both;}
.pictureHolder .kids {background: url(../gfx/frontend/bgPictureKids.jpg) no-repeat bottom;}
.pictureHolder .adults {background: url(../gfx/frontend/bgPictureAdults.jpg) no-repeat bottom;}
/* columns */
.columnHolder {margin: 11px 0 0 0; padding: 0px 0 20px 0; background: url(../gfx/frontend/line.gif) no-repeat bottom;}
.columnHolder .text {margin: 0 0 0 0px; border: 0; padding: 0; width: }
.columnHolder .column {float: left;}
.columnHolder .properties {font-style: italic; margin: 6px 0 0 30px;}
.columnHolder .description {margin: 12px 0 0 0; padding: 0; clear: both;}
/* articles */
.articleHolder {margin: 11px 0 0 0; padding: 0px 0 20px 0; background: url(../gfx/frontend/line.gif) no-repeat bottom;}
.articleHolder .text {margin: 0 0 0 0px; border: 0; padding: 0; width: }
.articleHolder .article {float: left;}
.articleHolder .properties {font-style: italic; margin: 6px 0 0 30px;}
.articleHolder .description {margin: 12px 0 0 0; padding: 0; clear: both;}
/* form style */
.form {margin: 20px 0 0 0; padding: 0; font-size: 12px;}
.form select {width: 322px; border: 1px solid #000;}
.form .botCatcher {width: 1px; height: 1px; border: 1px solid #FFF;}
.formRow {margin: 5px 0; padding: 0;}
.form label {display: block; float: left; width: 180px;}
.form .formInput {width: 320px; border: 1px solid #000;}
.form .formSelect {width: 322px; border: 1px solid #000;}
.form .required {color: #006687;}
.form .formText {width: 320px; height: 80px; border: 1px solid #000; font-family: verdana, arial; font-size: 12px;}
.form .labelAdd {font-size: 11px;}
.form .formBrowse {width: 320px; background-color: #FFF; border: 1px solid #000;}
.formSpace {margin: 0; padding: 14px 0;}
.form .send {margin: 0; padding: 0; width: 97px; height: 25px; background: url(../gfx/frontend/send.jpg) no-repeat; border: 0px solid #000; font-size: 0px; cursor: pointer;}
.form div.validationerror {color: #006687; margin: 4px 0 0 180px;}
.form input.validationerror, .form textarea.validationerror, .formSelect.validationerror {background: #ffdd00;}
a#remove_image {margin: 10px 0 0 188px; color: #FF0000; text-decoration: none;}
a#remove_image:hover {text-decoration: underline;}
.searchForm {margin: 20px 0 0 0; padding: 0; font-size: 12px;}
.searchForm h1 {margin: 0 0 12px 0}
.searchForm select {width: 322px; border: 1px solid #000;}
.searchForm .botCatcher {width: 1px; height: 1px; border: 1px solid #FFF;}
.formRow {margin: 5px 0; padding: 0;}
.searchForm label {display: block; float: left; width: 180px;}
.searchForm .formInput {width: 320px; border: 1px solid #000;}
.searchForm .formSelect {width: 322px; border: 1px solid #000;}
.searchForm .required {color: #ffdd00;}
.searchForm .formText {width: 320px; height: 80px; border: 1px solid #000; font-family: verdana, arial; font-size: 12px;}
.searchForm .labelAdd {font-size: 11px;}
.searchForm .formBrowse {width: 320px; background-color: #FFF; border: 1px solid #000;}
.formSpace {margin: 0; padding: 14px 0;}
.searchForm .send {margin: 10px 0 0 180px; padding: 0; width: 97px; height: 25px; background: url(../gfx/frontend/search.jpg) no-repeat; border: 0px solid #000; font-size: 0px; cursor: pointer;}
/* article Homepage */
.articleHome {margin: 4px 0 0 0; padding: 0 0 20px 0; background:transparent url(../gfx/frontend/line.gif) no-repeat center bottom;}
.articleHome .icon {margin: 0px; padding: 0px; float: left;}
.articleHome .image {margin: 0px 0px 6px 6px; padding: 0px; float: right; width: 100px;}
.articleHome a, .pictureHolder a {margin: 0px; padding: 0px; color: #013646; text-decoration: none;}
.articleHome a:hover, .pictureHolder a:hover {text-decoration: underline;}
.introHome {clear: both;}
.articleProps {float: left; width: 440px;}
.articleProps img {margin: 0 10px 0 0;}
.back {float: right;}
.buttons {overflow: hidden; height: 50px;}
.buttonsPicture {overflow: hidden; height: 30px;}
.boven {float: right;}
/* photoalbum */
#photoalbum {margin: 0px; padding:0; list-style-type: none;}
#photoalbum li {margin: 0 20px 20px 0; padding: 0; float: left}