/* VASTE WAARDEN
html,body { height: 100%; }
html,body { font-family: Verdana; font-size: 12px; font-weight: normal; color: rgb(255,255,255); line-height: 20px; margin: 0px 0px 0px 0px; padding: 0; background: rgb(4,51,102); }
*/
body { width: 100%; height: 100%; font-family: Arial; font-size: 12px; font-weight: normal; color: rgb(255,255,255); line-height: 18px; margin: 0; padding: 0; background: rgb(255,255,255); }
/* SUPERSIZED STYLE */
img { border: none; }
#supersized-loader { position: absolute; top: 50%; left: 50%; z-index: 0; width: 60px; height: 60px; margin: -30px 0 0 -30px; text-indent: -999em; background: url(../data/images/progress.gif) no-repeat center center; }
#supersized { position: fixed; left: 0; top: 0; overflow: hidden; z-index: -999; height: 100%; width: 100%; }
#supersized img { width: auto; height: auto; position: relative; outline: none; border: none; }
#supersized a { z-index: -30; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background: #111; display: block; }
#supersized a.image-loading { background: #111 url(../data/images/progress.gif) no-repeat center center; width: 100%; height: 100%; }
form { display: inline; }
img { border: 0; max-width: 100%; height: auto; margin: 0px; padding: 0px; }
p, h1, h2, h3 { white-space: normal; margin: 0; padding: 0; }
tbody { font-family: Verdana; font-size: 12px; font-weight: normal; color: rgb(255,255,255); line-height: 18px; }
.veld { font-family: Verdana; font-size: 10px; background: transparent; border: 1px solid rgb(81,81,81); margin: 1px 0 1px 0; }
:focus { -moz-outline-style: none; }
a:active { outline: none; }
a.link { text-decoration: none; }
.wit { color: rgb(255,255,255); }
.zwart { color: rgb(0,0,0); }
.dgeel { color: rgb(254,211,0); }
.grijs { color: rgb(156,158,159); }
.link { cursor: pointer; text-decoration: none; }
h1 { font-family: 'eurostile_lt_boldregular'; font-size: 20px; color: rgb(254,211,0); line-height: 34px; }
h2 { font-family: 'eurostile_lt_condensedregular'; font-size: 18px; color: rgb(255,255,255); line-height: 32px; }
h3 { font-family: 'eurostile_lt_boldregular'; font-size: 16px; color: rgb(255,255,255); line-height: 30px; }
.radius5 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.radius5top { -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
.radius5bot { -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; }
.radius10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.radius10top { -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; }
.radius10bot { -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }
.shadow1 { box-shadow: 1px 1px 1px #525252; }
.shadow2 { box-shadow: 2px 2px 2px #525252; }
.shadow5 { box-shadow: 5px 5px 5px #525252; }
/* DIV OVERLAY STYLE */
.apple_overlay { display: none; background: url(../data/images/leeg.gif); width: 940px; height: 620px; overflow: auto; padding: 5px; }
.apple_overlay .close { background: url(../data/images/close.png); position: absolute; right: 3px; top: 3px; cursor: pointer; height: 30px; width: 30px; }
div.contentWrap { background: rgb(255,255,255); height: 600px; overflow: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.dank_overlay { display: none; background: url(../data/images/leeg.gif); width: 400px; min-height: 340px; overflow: hidden; padding: 5px; }
.dank_overlay .close { background: url(../data/images/close.png); position: absolute; right: 0px; top: 0px; cursor: pointer; height: 30px; width: 30px; }
div.dankWrap { background: rgb(33,66,135); min-height: 340px; overflow: hidden; }
.melding_overlay { display: none; background: url(../data/images/leeg.gif); width: 400px; min-height: 140px; overflow: hidden; padding: 5px; }
.melding_overlay .close { background: url(../data/images/close.png); position: absolute; right: 3px; top: 3px; cursor: pointer; height: 30px; width: 30px; }
div.meldingWrap { background: rgb(36,33,26); min-height: 140px; overflow: hidden; }
/* DIV WRAPPER STYLE */
div#wrapper { position: relative; float: left; display: block; width: 100%; overflow: hidden; text-align: left; }
/* DIV HEADER STYLE */
div.header { float: left; clear: left; margin: 0px 0px 0px 0px; width: 100%; height: 220px; overflow: hidden; text-align: center; background: url('../data/images/background/bg-header.png') top center no-repeat; }
div.headerblok { margin: 0px auto 0px auto; width: 960px; height: 220px; text-align: left; overflow: hidden; }
div.headerlogo { float: left; clear: none; margin: 0px 0px 0px 0px; min-width: 322px; width: 100%; max-width: 310px; height: 220px; text-align: right; }
/* DIV CONTAINER STYLE */
div#container { margin: 0px auto 0px auto; min-width: 300px; width: 100%; max-width: 980px; min-height: 500px; overflow: hidden; text-align: left; }
div#container div#padding { padding: 0px 10px; }
div#container div#content { margin: 0px 0px 35px 0px; max-width: 960px; width: auto; min-height: 500px; overflow: hidden; text-align: left; background: url('../data/images/background/bg-content.png') top left repeat; }
/* DIV CONTENT STYLE */
div#content div#loomi { float: left; clear: left; margin: 35px 0px 90px 0px; width: 960px; min-height: 400px; text-align: left; overflow: hidden; background: url('../data/images/background/bg-contentlijn.png') top center repeat-y; }
/* DIV LOOMI STYLE */
div#loomi div#blokfull { float: left; clear: none; margin: 0px 0px 0px 35px; min-width: 300px; width: 100%; max-width: 890px; min-height: 300px; overflow: hidden; text-align: left; }
div#loomi div#blokleft { float: left; clear: none; margin: 0px 40px 0px 35px; min-width: 300px; width: 100%; max-width: 600px; min-height: 300px; overflow: hidden; text-align: left; }
div#loomi div#blokright { float: left; clear: none; margin: 0px 0px 35px 0px; min-width: 250px; width: 100%; max-width: 250px; min-height: 100px; overflow: hidden; text-align: left; }
div#loomi div#onderwerp { float: left; clear: left; margin: 0px 0px 0px 0px; width: 600px; height: 28px; text-align: left; }
div#loomi div#tekst { float: left; clear: left; margin: 0px 0px 25px 0px; width: 600px; min-height: 220px; overflow: hidden; text-align: left; }
div#loomi div#formulier { float: left; clear: none; margin: 20px 0px 25px 0px; width: 600px; min-height: 200px; overflow: hidden; text-align: left; }
div#loomi div#formright { float: left; clear: none; margin: 20px 0px 25px 0px; width: 300px; min-height: 200px; overflow: hidden; text-align: left; }
div#loomi img.info { box-shadow: 2px 2px 2px #525252; }
.topyellow { background: rgb(254,211,0); }
.topfull { float: left; clear: none; margin: 0px 0px 0px 0px; width: 960px; height: 40px; text-align: left; }
.topleft { float: left; clear: none; margin: 0px 0px 0px 0px; width: 600px; height: 40px; text-align: left; }
.topright { float: left; clear: none; margin: 0px 0px 0px 0px; width: 250px; height: 40px; text-align: left; }
h1.onderwerp { padding: 0px; width: auto; font-family: 'eurostile_lt_boldregular'; font-size: 16px; font-weight: normal; min-height: 40px; overflow: hidden; line-height: 38px; letter-spacing: 1px; text-transform: uppercase; }
div#blokleft h2.tekst { margin: 0px 0px 0px 0px; font-family: Arial; font-size: 12px; font-weight: normal; text-align: left; line-height: 22px; }
div#blokright h2.tekst { margin: 0px 0px 0px 0px; font-family: Arial; font-size: 12px; font-weight: normal; text-align: left; line-height: 22px; }
div.laatste { float: left; clear: left; margin: 0px 0px 10px 0px; width: 220px; min-height: 30px; overflow: hidden; border-bottom: 1px solid rgb(254,211,0); }
div.archief { float: left; clear: left; margin: 0px 0px 0px 0px; width: 100%; min-height: 25px; overflow: hidden; border-bottom: 1px solid rgb(254,211,0); }
div.bigfoto { float: left; clear: none; margin: 0px 0px 10px 0px; width: 100%; width: 600px; min-height: 50px; overflow: auto; }
div.smallfoto { float: left; clear: left; margin: 0px 0px 0px 0px; min-width: 300px; width: 100%; max-width: 600px; min-height: 100px; overflow: auto; }
img.smallfoto { float: left; clear: none; margin: 0px 10px 10px 0px; width: 110px; height: 110px; }
div.titelfoto { float: left; clear: left; margin: 0px 0px 0px 0px; min-width: 300px; width: 100%; max-width: 600px; height: 35px; line-height: 18px; overflow: hidden;}
div.fotoalbum { position: relative; clear: left; margin: 0px 0px 0px 0px; min-width: 300px; width: 940px; min-height: 100px; overflow: auto; }
img.fotoalbum { float: left; clear: none; margin: 0px 10px 20px 10px; width: 135px; }
.vovobutton { padding: 0px 10px; width: auto; font-family: 'eurostile_lt_boldregular'; font-size: 16px; font-weight: normal; min-height: 40px; overflow: hidden; line-height: 38px; letter-spacing: 1px; text-transform: uppercase; background: rgb(254,211,0) }
.contactfoto { float: left; clear: none; margin: 0px 20px 0px 0px; width: 240px; height: 170px; }
.contacttekst { float: left; clear: none; margin: 0px 0px 0px 0px; width: 340px; height: 170px; overflow: hidden; }
/* DIV COPYRIGHT STYLE */
div#copyright { float: left; clear: left; margin: 0px 10px 0px 10px; width: 960px; height: 20px; text-align: right; }
div.copyright { padding: 0px; font-family: Arial; font-size: 10px; font-weight: bold; color: rgb(255,255,255); letter-spacing: 1px; line-height: 20px; text-decoration: none; cursor: pointer; }
/* DIV MENU STYLE */
div#menu { position: absolute; clear: none; margin: 50px 0px 0px 322px; min-width: 300px; width: 100%; max-width: 640px; height: 135px; overflow: hidden; text-align: left; }
* html ul#menu { margin-bottom: 0; }
ul#menu { list-style: none; margin: 0px 0px 0px 0px; padding: 0px; border: none; float: left; font-family: 'eurostile_lt_boldregular'; font-weight: normal; font-size: 12px; text-transform: uppercase; width: 100%; cursor: pointer; }
ul#menu li { display: inline; margin: 0px 0px 0px 0px; }
ul#menu li a { float: left; clear: none; margin: 0px 0px 0px 0px ; padding: 0px 12px 0px 12px; text-decoration: none; width: auto; height: 135px; line-height: 185px; color: rgb(0,0,0); white-space: nowrap; text-align: center; background: url(../data/images/background/bg-menu.png) repeat; }
ul#menu li a:hover { color: rgb(0,0,0); background: transparent; }
ul#menu li a.select { color: rgb(0,0,0); background: transparent; }
/* DIV SUBMENU STYLE */
div#submenu { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; min-height: 50px; overflow: hidden; }
* html ul#submenu { float: left; height: 25px; }
ul#submenu { float: left; margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; font-family: 'ArialBlack'; font-weight: normal; font-size: 12px; text-transform: uppercase; width: 100%; cursor: pointer; }
ul#submenu li { position: relative; margin: 15px 0px 15px 0px; }
ul#submenu li a { display: block; width: 100%; overflow: auto; height: 25px; line-height: 25px; color: rgb(156,158,159); white-space: nowrap; text-align: left; padding-left: 10px; text-decoration: none; }
ul#submenu li a:hover { color: rgb(254,211,0); }
ul#submenu li a.select { color: rgb(254,211,0); }
/* DIV FOOTERMENU STYLE */
div#footermenu { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; min-height: 50px; overflow: hidden; }
* html ul#footermenu { float: left; height: 20px; }
ul#footermenu { float: left; margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; font-family: 'Arial'; font-weight: normal; font-size: 12px; width: auto; cursor: pointer; }
ul#footermenu li { position: relative; margin: 0px 0px 0px 0px; }
ul#footermenu li a { display: block; width: 100%; overflow: auto; height: 25px; line-height: 25px; color: rgb(255,255,255); white-space: nowrap; text-align: left; text-decoration: none; }
ul#footermenu li a:hover { color: rgb(254,211,0); }
ul#footermenu li a.select { color: rgb(254,211,0); }
/* DIV ALGEMEEN TEKST STYLE */
.tekstzwart { color: rgb(65,65,65); text-decoration: none; cursor: pointer; }
.tekstwit { color: rgb(255,255,255); text-decoration: none; cursor: pointer; }
.tekstdgeel { color: rgb(254,211,0); text-decoration: none; cursor: pointer; }
.tekstgrijs { color: rgb(156,158,159); text-decoration: none; cursor: pointer; }
/* DIV BLOK STYLE */
div#blog { position: relative; margin: 5px 0px 20px 0px; min-width: 300px; width: 100%; width: 590px; min-height: 20px; overflow: hidden; text-align: left; }
div#blog h1.blogkop { float: left; clear: none; margin: 0px 0px 10px 0px; width: 110px; height: 110px; line-height: 30px; overflow: hidden;font-family: 'eurostile_lt_boldregular'; }
div#blog h2.blogfoto { float: left; clear: none; margin: 0px 0px 10px 0px; width: 110px; height: 110px; overflow: hidden; }
div#blog h2.tekst { float: left; clear: none; margin: 0px 0px 0px 0px; width: auto; font-family: Arial; font-size: 14px; font-weight: normal; text-align: left; line-height: 20px; }
div#blog p.blogkop { margin: 0px 0px 0px 0px; width: 110px; height: 110px; line-height: 20px; overflow: hidden; font-size: 16px; font-weight: normal; text-align: center; }
div#blog p.blogtitel { float: left; clear: none; padding: 0px 0px 0px 10px; width: 360px; text-transform: uppercase; }
div#blog p.blogtekst { float: left; clear: left; padding: 0px 0px 0px 10px; width: 360px; height: 72px; overflow: hidden; line-height: 18px; }
div#blog p.bloglink { float: left; clear: left; padding: 0px 0px 0px 10px; width: 360px; height: 16px; overflow: hidden; line-height: 22px; font-family: Arial; }
div#blog h1.itemfoto { float: left; clear: none; margin: 0px 0px 10px 0px; width: 600px; height: 390px; overflow: hidden; }
div#blog p.itemdate { float: left; clear: left; margin: 20px 0px 20px 0px; width: auto; height: 20px; line-height: 21px; overflow: hidden; font-size: 12px; font-weight: bold; text-align: left; }
div#blog h2.itemtekst { float: left; clear: left; margin: 0px 0px 0px 0px; width: auto; font-family: Arial; font-size: 14px; font-weight: normal; text-align: left; line-height: 21px; }
span.telling { float: right; clear: none; margin: 0px 0px 0px 0px; width: auto; height: 18px; line-height: 18px; overflow: hidden; font-size: 14px; font-weight: normal; text-align: left; }
img.ballon { margin: 0px 5px 0px 0px; width: auto; height: 18px; line-height: 18px; overflow: hidden; display: table-cell; vertical-align: middle; }
/* DIV REACTIES STYLE */
div#reacties { position: relative; margin: 10px 0px 20px 0px; width: 100%; min-height: 110px; overflow: hidden; text-align: left; }
div#reacties h2.date { float: left; clear: left; margin: 0px 0px 0px 0px; width: auto; height: 22px; line-height: 20px; overflow: hidden; font-weight: normal; font-size: 13px; text-align: left; }
div#reacties img.ballon { float: left; clear: none; margin: 0px 0px 0px 0px; width: auto; height: 18px; line-height: 18px; overflow: hidden; }
div#reacties h2.telling { float: left; clear: none; margin: 0px 0px 0px 5px; width: auto; height: 18px; line-height: 18px; overflow: hidden; font-weight: normal; text-align: left; }
div#reacties div.tekst { position: relative; margin: 55px 0px 10px 0px; width: auto; min-height: 20px; line-height: 18px; overflow: hidden; }
div#reacties h2.tekst { float: left; clear: left; font-weight: normal; text-align: left; }
div#reacties h1.kop { float: left; clear: none; margin: 0px 0px 10px 0px; width: 100%; height: 20px; overflow: hidden; font-weight: normal; line-height: 20px; }
/* DIV BLOGMENU STYLE */
div#blogmenu { position: relative; margin: 0px 0px 0px 0px; width: 100%; min-height: 20px; overflow: hidden; text-align: left; }
div#blogmenu span.titelkop { margin: 0px; padding: 10px 20px; height: 20px; line-height: 20px; overflow: hidden; font-size: 15px; font-weight: normal; }
div#blogmenu div.blogitem { float: left; clear: left; width: 288px; height: 40px; line-height: 40px; border-top: 1px solid rgb(200,200,200); border-right: 1px solid rgb(200,200,200); border-left: 1px solid rgb(200,200,200); }
/* DIV BLOKARCHIEF STYLE */
div#blogarchief { position: relative; margin: 0px 0px 0px 0px; width: auto; min-height: 40px; overflow: hidden; text-align: left; border: 1px solid rgb(200,200,200); border-bottom: 0px; }
div#blogarchief div.blogarchief { float: left; clear: both; width: 100%; height: 60px; line-height: 60px; border-bottom: 1px solid rgb(200,200,200); }
/* DIV FOOTER STYLE */
div.footer { float: left; clear: left; width: 100%; margin: 0px 0px 0px 0px; min-height: 290px; overflow: auto; background: rgb(38,38,38); }
div.footerblok { margin: 55px auto 0px auto; width: 890px; min-height: 230px; text-align: left; overflow: auto; }
div.footertekst { float: left; clear: none; margin: 0px 40px 20px 0px; width: 270px; min-height: 50px; overflow: auto; text-align: left; }
.footeradres { font-family: 'Calibri'; font-size: 12px; font-weight: normal; }
/* HIGHSLIDE STYLE */
.highslide-wrapper, .highslide-outline { background: #111111; }
.highslide img { border: 0px solid #D0D0D0; }
.highslide:hover img { border-color: #A0A0A0; }
.highslide-active-anchor img { visibility: visible; border-color: #808080 !important; }
.highslide-dimming { background: #000000; }
.highslide-image { border: none; }
.highslide-caption { position: absolute; width: 100%; color: #FFFFFF; font-weight: bold; padding: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.highslide-loading { display: block; padding: 3px 0 3px 38px; width: 0; height: 32px; overflow: hidden; background: rgb(0,0,0) url(../highslide/graphics/loader.big.black.gif) 3px 3px no-repeat; }
.highslide-controls { position: static !important; margin-bottom: 0; width: 170px !important; }
.highslide-gallery ul li { width: 106px; height: 106px; border: 1px solid #D0D0D0; background: #EDEDED; margin: 2px; }
.highslide-controls .highslide-full-expand { display: none; }
.highslide-header, .highslide-footer { display: none; }
.large-dark .highslide-controls, .large-dark .highslide-controls ul, .large-dark .highslide-controls a { background-image: url(../highslide/graphics/controlbar-black-border.gif); }
/**/