/*-----------------------------------------------------------------------------
Website: 't Sloeberke
Auteur: Webatvantage.be
Laatst gewijzigd: 31-08-2011
-----------------------------------------------------------------------------*/

/*------------------------------- START RESET -------------------------------*/
* { margin: 0; padding: 0; outline: none; }
/*------------------------------- END RESET -------------------------------*/

/*------------------------------- START HTML BODY -------------------------------*/
html { overflow:-moz-scrollbars-vertical; } /* Force firefox to display scrollbars */
html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: center; }
body { background-attachment: fixed; background-image: url(../Graphics/Footer3_bg.jpg); background-repeat: no-repeat; background-position: bottom right; }
/*------------------------------- END HTML BODY -------------------------------*/

/*------------------------------- START WRAPPER -------------------------------*/
#wrapper { width: 850px; height: auto; margin: 0 auto; text-align: left; }
/*------------------------------- END WRAPPER -------------------------------*/

/*------------------------------- START CONTENT -------------------------------*/
#content { height: auto; min-height: 250px; }
/*------------------------------- END CONTENT -------------------------------*/

/*------------------------------- START DEFAULT LINK STYLE -------------------------------*/
a:link, a:visited, a:hover, a:active { color: #cc3264; text-decoration: underline; }
/*------------------------------- END DEFAULT LINK STYLE -------------------------------*/

/*------------------------------- START HEADER -------------------------------*/
#header { position: relative; width: 100%; height: 60px; text-align: left; background: url(../Graphics/Mainnav_bg.gif) repeat-x; }
#header a#facebook { position: absolute; top: 40px; right: 40px; width: 155px; height: 20px; background: url('../Graphics/Facebook.jpg') no-repeat; text-indent: -9999px; }
/*------------------------------- END HEADER -------------------------------*/

/*------------------------------- START MAINNAV -------------------------------*/
#mainnav { width: 850px; height: 30px; margin: 0 auto; background: url(../Graphics/Mainnav_bg.gif) repeat-x top left; text-align: center; }
#mainnav li { float: left; display: inline; list-style: none; text-align: left; }
#mainnav li a:link#home, #mainnav li a:visited#home, #mainnav li a:active#home { float: left; display: block; width: 53px; height: 30px; background: url(../Buttons/Btn_home.gif) no-repeat top left; text-align: center; color: #e49bb3; text-decoration: none; line-height: 30px; }
#mainnav li a:link#geboortelijsten, #mainnav li a:visited#geboortelijsten, #mainnav li a:active#geboortelijsten { float: left; display: block; width: 107px; height: 30px; background: url(../Buttons/Btn_geboortelijsten.gif) no-repeat top left; text-align: center; color: #e49bb3; text-decoration: none; line-height: 30px; }
#mainnav li a:link#kledij, #mainnav li a:visited#kledij, #mainnav li a:active#kledij { float: left; display: block; width: 53px; height: 30px; background: url(../Buttons/Btn_kledij.gif) no-repeat top left; text-align: center; color: #e49bb3; text-decoration: none; line-height: 30px; }
#mainnav li a:link#schoenen, #mainnav li a:visited#schoenen, #mainnav li a:active#schoenen { float: left; display: block; width: 71px; height: 30px; background: url(../Buttons/Btn_schoenen.gif) no-repeat top left; text-align: center; color: #e49bb3; text-decoration: none; line-height: 30px; }
#mainnav li a:link#gegevens, #mainnav li a:visited#gegevens, #mainnav li a:active#gegevens { float: left; display: block; width: 79px; height: 30px; background: url(../Buttons/Btn_gegevens.gif) no-repeat top left; text-align: center; color: #e49bb3; text-decoration: none; line-height: 30px; }
#mainnav li a:hover#gegevens, #mainnav li .mainnav_active { color: #fff !important; }
#mainnav li a:link#sitemap, #mainnav li a:visited#sitemap, #mainnav li a:active#sitemap { float: left; display: block; width: 67px; height: 30px; background: url(../Buttons/Btn_sitemap.gif) no-repeat top left; text-align: center; color: #e49bb3; text-decoration: none; line-height: 30px; }
#mainnav li a:link#links, #mainnav li a:visited#links, #mainnav li a:active#links { float: left; display: block; width: 51px; height: 30px; background: url(../Buttons/Btn_links.gif) no-repeat top left; text-align: center; color: #e49bb3; text-decoration: none; line-height: 30px; }
#mainnav li a:hover#home, #mainnav li a:hover#geboortelijsten, #mainnav li a:hover#kledij, #mainnav li a:hover#schoenen, #mainnav li a:hover#sitemap, #mainnav li a:hover#links { color: #fff; }
#mainnav li#klokje { float: left;  display: block;  width: 360px;  height: 30px; text-align: center;  color: #fff;  text-decoration: none;  line-height: 30px; font-size: 11px; font-family: Arial, sans-serif; }

#mainnav li#logout { float: right; }
#mainnav li#logout a { display: block; width: auto; height: 30px; padding: 0 10px; text-align: center; color: #fff; text-decoration: none; line-height: 30px; }

/*------------------------------- END MAINNAV -------------------------------*/

/*------------------------------- START LEFT COLUMN -------------------------------*/
#leftcolumn { float: left; width: 300px; margin: 0 20px 0 0; }
/*------------------------------- END LEFT COLUMN -------------------------------*/
/*------------------------------- START WHOLE COLUMN -------------------------------*/
#wholecolumn { float: left; width: 850px; margin: 0 20px 0 0; }
/*------------------------------- END LEFT COLUMN -------------------------------*/
/*------------------------------- START CENTER COLUMN -------------------------------*/
#centercolumn { float: left; width: 244px; margin: 0 20px 0 0; }
/*------------------------------- END CENTER COLUMN -------------------------------*/

/*------------------------------- START RIGHT COLUMN -------------------------------*/
#rightcolumn { float: left; width: 250px; height: 128px; margin: 0; }
/*------------------------------- END RIGHT COLUMN -------------------------------*/

/*------------------------------- START NEWSFLASH -------------------------------*/
#newsflash { float: left; width: 260px; height: 135px; margin: 0; padding: 20px; background: url(../Graphics/Newsflash_bg.gif) no-repeat top left; overflow: hidden; }
#newsflash h1 { width: 82px; height: 12px; background: url(../Graphics/Nieuwsflash.png) no-repeat top left; text-indent: -9999px; }
#newsflash h2 { margin: 20px 0 16px 0; padding: 0 0 0 20px; background: url(../Graphics/News_icon.png) no-repeat top left; line-height: 16px; color: #cc3264; font-size: 11px; font-weight: bold; }
#newsflash h2 a:link, #newsflash h2 a:visited, #newsflash h2 a:active { text-decoration: none; color: #cc3264; }
#newsflash h2 a:hover { text-decoration: underline; }
/*------------------------------- END NEWSFLASH -------------------------------*/

/*------------------------------- START EIGENAARS -------------------------------*/
#eigenaars { float: left; width: 298px; height: 173px; margin: 20px 0 0 0; padding: 2px 0 0 2px; background: url(../Graphics/Newsflash_bg.gif) no-repeat top left; overflow: hidden; }
/*------------------------------- END EIGENAARS -------------------------------*/

/*------------------------------- START BANNER RUIMTE -------------------------------*/
#bannerruimte { float: left; width: 242px; height: 368px; margin: 0; padding: 2px 0 0 2px; background: url(../Graphics/Bannerruimte_bg.gif) no-repeat top left; overflow: hidden; }
#bannerruimte a:link img, #bannerruimte a:visited img, #bannerruimte a:hover img, #bannerruimte a:active img { border: none; }
/*------------------------------- END BANNER RUIMTE -------------------------------*/

/*------------------------------- START OPENINGSUREN -------------------------------*/
#openingsuren { float: left; width: 210px; height: 135px; padding: 20px; background: url(../Graphics/Openingsuren_bg.gif) no-repeat top left; overflow: hidden; }
#openingsuren h1 { width: auto; height: 14px; background: url(../Graphics/Openingsuren.png) no-repeat top left; text-indent: -9999px; }
#openingsuren p { margin: 20px 0 0 0;  padding: 0 0 0 20px; background: url(../Graphics/Clock_icon.png) no-repeat top left; color: #333; font-size: 11px; }
/*------------------------------- END OPENINGSUREN -------------------------------*/

/*------------------------------- START NIEUWSBRIEF [INDEX.PHP] -------------------------------*/
#nieuwsbrief { float: left; width: 210px; height: 135px; margin: 20px 0 0 0; padding: 20px; background: url(../Graphics/Openingsuren_bg.gif) no-repeat top left; overflow: hidden; }
#nieuwsbrief h1 { width: 84px; height: 12px; margin: 0 0 20px 0; background: url(../Graphics/Nieuwsbrief.png) no-repeat top left; text-indent: -9999px; }
#nieuwsbrief p { margin: 20px 0 0 0; color: #333; font-size: 11px; }

#nieuwsbrief form .input { float: left; width: 192px; height: 12px; padding: 3px; background: #fefefe; border: 1px solid #d5d5d5; font-family: Verdana, Arial, sans-serif;  font-size: 10px; color: #362f2d; }
#nieuwsbrief form .inputred { float: left; width: 192px; height: 12px; padding: 3px; background: #fefefe; border: 1px solid #cc0000; font-family: Verdana, Arial, sans-serif;  font-size: 10px; color: #362f2d; }
#nieuwsbrief form textarea { float: left; width: 192px; height: 97px; padding: 3px; background: #fefefe; border: 1px solid #d5d5d5; overflow: auto; font-family: Verdana, Arial, sans-serif;  font-size: 10px; color: #362f2d; }
#nieuwsbrief form .submit { clear: both; float: left; display: block; width: 100px; height: 25px; margin: 10px 0 0 98px; background: url(../Buttons/Btn_inschrijven.jpg) no-repeat top left; border: none; cursor: pointer; }
/*------------------------------- END NIEUWSBRIEF [INDEX.PHP] -------------------------------*/

/*------------------------------- START LOGINBOX BEZOEKER [GEBOORTELIJSTEN.PHP] -------------------------------*/
#loginbox_bezoeker { float: left; width: 260px; height: 135px; margin: 0; padding: 20px; background: url(../Graphics/Newsflash_bg.gif) no-repeat top left; overflow: hidden; }
#loginbox_bezoeker h1 { width: 172px; height: 16px; margin: 0 0 10px; background: url(../Graphics/Bezoeker_geboortelijsten.png) no-repeat top left; text-indent: -9999px; }

#loginbox_ouders { float: left; width: 260px; height: 135px; margin: 0; padding: 20px; background: url(../Graphics/Newsflash_bg.gif) no-repeat top left; overflow: hidden; }
#loginbox_ouders h1 { width: 202px; height: 15px; margin: 0 0 10px; background: url(../Graphics/Ouders_inloggen.png) no-repeat top left; text-indent: -9999px; }

.inlogform { float: left; font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #333 }
.inlogform p { overflow: hidden; }
.inlogform label { display: block; height: 18px; }
.inlogform .select { float: left; min-width: 152px; height: auto; margin: 0 0 10px 0; padding: 1px; border: 1px solid #ccc; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #666; }
.inlogform input[type="text"],.inlogform input[type="password"] { float: left; width: 135px; height: 14px; margin: 0 0 10px 0; padding: 2px 0 0 15px; border: 1px solid #ccc; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #666; }
.inlogform input[type="submit"] { clear:both; float: left; display: block; width: 89px; height: 24px; background: url(../Buttons/Btn_inloggen.gif) no-repeat top left; text-indent: -9999px; border: none; cursor: pointer; margin: 5px 0 0 0; }
.inlogform input#geboortedatum { background: url(../Graphics/Clock.png) no-repeat top left; }
.inlogform input#klantnummer, .inlogform input#babynaam { background: url(../Graphics/Usernumber.png) no-repeat top left; }
.inlogform #wachtwoord { background: url(../Graphics/Lock.png) no-repeat top left; }
/*------------------------------- END LOGINBOX BEZOEKER [GEBOORTELIJSTEN.PHP] -------------------------------*/

/*------------------------------- START SMALLBOX -------------------------------*/
.smallbox { float: left; width: 280px; height: 103px; margin: 20px 20px 10px 0; padding: 10px; background: url(../Graphics/Smallbox_bg.gif) no-repeat; overflow: hidden; }
.smallbox h2 { margin: 0 0 15px 0; font-size: 11px; font-weight: bold; color: #cc3264; }
.smallbox ul { list-style: none; margin: 0 0 0 10px; }
.smallbox li { line-height: 16px;  background: url(../Graphics/Listitem.gif) no-repeat center left; padding: 0 0 0 15px; }
/*------------------------------- END SMALLBOX -------------------------------*/

/*------------------------------- START INTROTEKST -------------------------------*/
#introtekst { float: left; width: 850px; height: auto; margin: 0 0 20px 0; padding: 0; }
#introtekst a:link, #introtekst a:visited, #introtekst a:hover, #introtekst a:active { color: #cc3264; text-decoration: underline; }

#introtekst h1#h1_welkom { width: 55px; height: 16px; margin: 0 0 10px 0; background: url(../Graphics/Welkom.png) no-repeat top left; text-indent: -9999px; }
#introtekst h1#h1_geboortelijsten { width: 107px; height: 16px; margin: 0 0 10px 0; background: url(../Graphics/Geboortelijsten.png) no-repeat top left; text-indent: -9999px; }
#introtekst h1#h1_kledij { width: 52px; height: 16px; margin: 0 0 10px 0; background: url(../Graphics/Kleding.png) no-repeat top left; text-indent: -9999px; }
#introtekst h1#h1_schoenen { width: 67px;  height: 16px; margin: 0 0 10px 0; background: url(../Graphics/Schoenen.png) no-repeat top left; text-indent: -9999px; }
#introtekst h1#h1_gegevens { width: 68px;  height: 16px; margin: 0 0 10px 0; background: url(../Graphics/Gegevens.png) no-repeat top left; text-indent: -9999px; }
#introtekst h1#h1_contacteerons { width: 104px;  height: 12px; margin: 0 0 10px 0; background: url(../Graphics/Contacteerons.png) no-repeat top left; text-indent: -9999px; }
#introtekst h1#h1_communiekledij { width: 114px;  height: 16px; margin: 0 0 10px 0; background: url(../Graphics/Communiekledij.png) no-repeat top left; text-indent: -9999px; }
/*------------------------------- END INTROTEKST -------------------------------*/

/*------------------------------- START ONZE MERKEN -------------------------------*/
#onzemerken { clear: both; float: left; width: 830px; height: 120px; margin: 20px 0 0 0; padding: 0 10px; background: url(../Graphics/Merken_bg.gif) no-repeat top left; } 
#onzemerken h2 { font-weight: bold; font-size: 11px; color: #cc3264; margin: 10px 0 10px 0; }
#onzemerken p { margin: 0 0 10px 0; }
#onzemerken p a:link, #onzemerken p a:visited, #onzemerken p a:active { color: #333; text-decoration: none; }
#onzemerken p a:hover { color: #cc3264; text-decoration: underline; }
/*------------------------------- END ONZE MERKEN -------------------------------*/

/*------------------------------- START KLEDIJ [KLEDIJ.PHP] -------------------------------*/
#kledij_overzicht { float: left; width: 280px; height: 280px; margin: 0; padding: 10px; background: url(../Graphics/Kledij_bg.gif) no-repeat top left; overflow: auto; }
#kledij_overzicht p { color: #333; }

#merkenlijst { margin: 0; padding: 10px 0 0 10px; list-style: none; line-height: 14px; }
#merkenlijst li a:link, #merkenlijst li a:visited, #merkenlijst li a:active { color: #cc3264; text-decoration: none; background: url(../Graphics/Listitem.gif) no-repeat center left; padding: 0 0 0 15px }
#merkenlijst li a:hover, #merkenlijst_active { text-decoration: underline !important; }
#merkenlijst li.merkzonderfotos { background: url(../Graphics/Listitem.gif) no-repeat center left;  padding: 0 0 0 15px; }

#kledij_productbox { float: left; width: 114px; height: 296px; margin: 0; padding: 2px; background: url(../Graphics/Kledij_productbox_bg.gif) no-repeat top left; }
#kledij_productbox img, #kledij productbox a img { float: left; margin: 2px; border: none; }

#merken_fotobox { float: left; width: 388px; height: 296px; margin: 0; padding: 2px; background: url(../Graphics/Merkenbox_bg.gif) no-repeat top left; overflow: hidden; }

a:link.btn_vorige, a:visited.btn_vorige, a:active.btn_vorige { float: left; display: block; width: 53px; height: 53px; margin: 2px; padding: 0; background: url(../Buttons/Btn_vorige.png) no-repeat top left; text-indent: -9999px; }
a:hover.btn_vorige { background: url(../Buttons/Btn_vorige_hover.png) no-repeat top left; }
a:link.btn_volgende, a:visited.btn_volgende, a:active.btn_volgende { float: left; display: block; width: 53px; height: 53px; margin: 2px; padding: 0; background: url(../Buttons/Btn_volgende.png) no-repeat top left; text-indent: -9999px; }
a:hover.btn_volgende { background: url(../Buttons/Btn_volgende_hover.png) no-repeat top left; }
/*------------------------------- END KLEDIJ [KLEDIJ.PHP] -------------------------------*/

/*------------------------------- START SITEMAP [SITEMAP.PHP] -------------------------------*/
h1#h1_sitemap { width: 57px; height: 14px; background: url(../Graphics/Sitemap.png) no-repeat top left; text-indent: -9999px; }
ul#sitemaplist { width: auto; margin: 20px; padding: 0; list-style: none; line-height: 20px; }
ul#sitemaplist li a:link, ul#sitemaplist li a:visited, ul#sitemaplist li a:active { color: #333; text-decoration: underline; background: url(../Graphics/Listitem.gif) no-repeat left center; padding: 0 0 0 15px; }
ul#sitemaplist li a:hover { color: #cc3264; text-decoration: underline; }

ul#sitemaplist ul li a { background: url(../Graphics/Listitem2.gif) no-repeat left center; padding: 0 0 0 15px; }

ul#sitemaplist ul, ul#sitemaplist ul ul, ul#sitemaplist ul ul ul { margin: 0; padding: 0 0 0 20px; list-style: none; }
.blacklistitem { padding: 0 0 0 15px; background: url(../Graphics/Listitem2.gif) no-repeat left center !important;  }
/*------------------------------- END SITEMAP [SITEMAP.PHP] -------------------------------*/

/*------------------------------- START LINKS [LINKS.PHP] -------------------------------*/
h1#h1_links { width: 34px; height: 12px; background: url(../Graphics/Links.png) no-repeat top left; text-indent: -9999px; }

dl#linkslist { clear: both; float: left; margin: 20px 0 20px 20px; padding: 0; }
dl#linkslist dt { margin: 10px 0 10px 0; background: url(../Graphics/Listitem.gif) no-repeat left center; padding: 0 0 0 15px; }
dl#linkslist dd { padding: 0 0 0 20px; }
dl#linkslist a:link, dl#linkslist a:visited, dl#linkslist a:active { color: #333; text-decoration: underline; }
dl#linkslist a:hover { color: #cc3264; text-decoration: underline; }

ul#linkscats { float: left; margin: 20px 20px 0 20px; padding: 0; list-style: none; line-height: 20px; }
ul#linkscats li { display: inline; margin: 0 5px 0 0; }
ul#linkscats li a:link, ul#linkscats li a:visited, ul#linkscats li a:active { color: #333; text-decoration: underline; text-align: center; }
ul#linkscats li a:hover { color: #cc3264; }
ul#linkscats li#linkscats_active { color: #cc3264; text-decoration: none; font-weight: bold; }
/*------------------------------- END LINKS [LINKS.PHP] -------------------------------*/

/*------------------------------- START GOOGLE MAPS [GEGEVENS.PHP] -------------------------------*/
#googlemaps { float: left; width: 398px; height: 298px; margin: 0 0 20px 0; background: #fafafa; border: 1px solid #ccc; padding: 1px; }
#googlemaps a:link#zoom, #googlemaps a:visited#zoom, #googlemaps a:active#zoom  { float: left; margin: 10px 0 0 0; padding: 0 0 0 40px; line-height: 30px; background: url(../Graphics/Zoom.png) no-repeat center left; color: #333; text-decoration: underline; }
#googlemaps a:hover#zoom { color: #cc3264; }
/*------------------------------- END GOOGLE MAPS [GEGEVENS.PHP] -------------------------------*/

/*------------------------------- START INFO [GEGEVENS.PHP] -------------------------------*/
#info { float: left; width: 330px; min-height: 280px; height: auto; margin: 0 0 0 20px; padding: 10px; background: #fafafa; border: 1px solid #ccc;  }
#info table td { padding: 5px 0 }
#info .insprong { padding: 0 0 0 15px; }
#info .listitem { display: block; margin: 10px 0; background: url(../Graphics/Listitem.gif) no-repeat left center; padding: 0 0 0 15px; text-decoration: underline; }
#info a:link, #info a:visited, #info a:active { color: #cc3264; text-decoration: none; }
#info a:hover { text-decoration: underline; }
#info p { display: block; margin: 15px 0 0 0; padding: 0 0 0 15px; }
/*------------------------------- END INFO [GEGEVENS.PHP] -------------------------------*/

/*------------------------------- START VEELGESTELDE VRAGEN [FAQ.PHP] -------------------------------*/
h1#h1_veelgestelde_vragen { width: 140px;  height: 15px; margin: 0 0 10px 0; background: url(../Graphics/Veelgestelde_vragen.png) no-repeat top left; text-indent: -9999px; }
/*------------------------------- END VEELGESTELDE VRAGEN [FAQ.PHP] -------------------------------*/

/*------------------------------- START FOOTER -------------------------------*/
#footer { clear: both; width: 100%; height: 152px; text-align: center; padding: 25px 0 0 0; color: #cc3264; }
#footer small a:link, #footer small a:visited, #footer small a:hover, #footer small a:active { text-decoration: underline; color: #cc3264; }
/*------------------------------- END FOOTER -------------------------------*/

/*------------------------------- START VORIGE/VOLGENDE -------------------------------*/
#vorige_volgende { float: right; margin: 10px 0 0 0; color: #cc3264; }
#vorige_volgende a:link, #vorige_volgende a:visited, #vorige_volgende a:active { color: #cc3264; text-decoration: none; }
#vorige_volgende a:hover { text-decoration: underline; }
/*------------------------------- END VORIGE/VOLGENDE -------------------------------*/

/*------------------------------- START TERUG -------------------------------*/
#terug { float: left; margin: 10px 0 0 0; color: #cc3264; }
#terug a:link, #vorige_volgende a:visited, #vorige_volgende a:active { color: #cc3264; text-decoration: none; }
#terug a:hover { text-decoration: underline; }
/*------------------------------- END TERUG -------------------------------*/

/*------------------------------- START PAGINATION -------------------------------*/
ul.pagination { float: left; min-height: 16px; height: 16px; max-height: 16px; margin: 10px 0 0 318px; padding: 0; list-style: none; }
ul.pagination li { display: inline; float: left; margin: 0 2px; }
ul.pagination li a:link, ul.pagination li a:visited, ul.pagination li a:active  { color: #cc3264; text-decoration: none; }
ul.pagination li a:hover { text-decoration: underline; } 
ul.pagination li a.active { font-weight: bold; text-decoration: underline; }
/*------------------------------- START PAGINATION -------------------------------*/

/*------------------------------- START CONTACTFORM -------------------------------*/
#contactform { float: left; width: 640px; margin: 0; }
#contactform label { clear: both; float: left; width: 100px; height: 20px; line-height: 20px; margin: 0 0 10px 0; font-family: Verdana, Arial, sans-serif; font-size: 11px; }

#contactform input[type="text"] { float: left; width: 192px; height: 12px; padding: 3px; background: #fefefe; border: 1px solid #d5d5d5; font-family: Verdana, Arial, sans-serif;  font-size: 10px; color: #362f2d; }
#contactform textarea { float: left; width: 192px; height: 97px; padding: 3px; background: #fefefe; border: 1px solid #d5d5d5; overflow: auto; font-family: Verdana, Arial, sans-serif;  font-size: 10px; color: #362f2d; }
#contactform input[type="submit"] { clear: both; float: left; display: block; width: 65px; height: 25px; margin: 10px 0 0 98px; background: url(../Buttons/Btn_verzend.jpg) no-repeat top left; border: none; cursor: pointer; }
#contactform .inputred { border: 1px solid #cc3264 !important;}
p#errormessage { margin: 0 0 10px 0; font-size: 11px; background: url(../Graphics/Arrow.jpg) no-repeat center left; padding: 0 0 0 10px; }
/*------------------------------- END CONTACTFORM -------------------------------*/

/*------------------------------- START NIEUWSBRIEF -------------------------------*/
#form_nieuwsbrief { float: left; width: 640px; margin: 15px 0; }
#form_nieuwsbrief .label { clear: both; float: left; width: 150px; height: 20px; line-height: 20px; margin: 0 0 10px 0; font-family: Verdana, Arial, sans-serif; font-size: 11px; }
#form_nieuwsbrief .input { float: left; width: 192px; height: 14px;  padding: 3px;  background: #fefefe; border: 1px solid #d5d5d5; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #362f2d; }
#form_nieuwsbrief .inputred { float: left; width: 192px; height: 14px; padding: 3px; background: #fefefe; border: 1px solid #cc3264; font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #362f2d; }
#form_nieuwsbrief .button { float: left; display: block; width: 85px; height: 25px; margin: 10px 2px 0px; background: #cc3264; border: none; cursor: pointer; color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
/*------------------------------- END NIEUWSBRIEF -------------------------------*/

/*------------------------------- START HEADINGS -------------------------------*/
h1#h1_nieuws { width: 49px; height: 16px; margin: 0 0 10px 0; background: url(../Graphics/Nieuws.png) no-repeat top left; text-indent: -9999px; }
h1#h1_nieuwsbrief { width: 84px; height: 12px; background: url(../Graphics/Nieuwsbrief.png) no-repeat top left; text-indent: -9999px; }
/*------------------------------- END HEADINGS -------------------------------*/

/*------------------------------- START CLASSES -------------------------------*/
.important { font-weight: bold; }
.opvallend { color: #333333; text-decoration: underline; }
.error { color: #cc3264; text-decoration: underline; }
.fotokader { float: right; border: 1px solid #ccc; padding: 1px; }
.clear { clear: both; }
.floatleft { float: left; } 
.floatright { float: right; }
/*------------------------------- END CLASSES -------------------------------*/