/* algemeen */
* {	padding: 0; margin: 0 }
html,body { width: 100%; height: 101% }
body { background: #343434 }
h1 { font: bold 17px/24px Arial, Helvetica, sans-serif; color: #739900 }
h2 { font: bold 15px/20px Arial, Helvetica, sans-serif; color: #333333 }
h3 { font: bold 13px/16px Arial, Helvetica, sans-serif; color: #000000 }
h4 { font: 12px/16px Arial, Helvetica, sans-serif; color: #666666 }
body,p,li,td { font: 12px/16px Arial, Helvetica, sans-serif; color: #333333 }
tr, td { vertical-align: top; text-align: left }
ol { list-style-position: inside }
ul { list-style: none }
ul li { padding-left: 15px; background: url(../images/bullet.gif) left 6px no-repeat }
h1,h2,p,table,ol,ul { margin-bottom: 10px }
p.tight { margin-bottom: 5px }
img, table { border: 0 }
table { border-top: 1px #e5e5e5 solid }
td { border-bottom: 1px #e5e5e5 solid; padding: 3px 0 }
a { color: #739900; text-decoration: none; font-weight: bold }
a:hover { text-decoration: underline }
a.more { padding-left: 11px; background: url(../images/arrow_green.gif) 1px 3px no-repeat; font-weight: normal }
.terms { font-size: 11px }
strong { color: #222222 }

.container { width: 980px; margin: 0 auto; position: relative; overflow: hidden; padding-bottom: 10px }
#header { height: 68px; background: url(../images/top_bg.gif) repeat-x }
#header h1 { float: left; display: inline; margin: 16px 0 0 10px; width: 211px; height: 30px }
#header h1 a { display: block; width: 211px; height: 30px; text-indent: -9999px; background: url(../images/logo_stopperadvertenties.gif); overflow: hidden }
#header ul { list-style: none; float: left; display: inline; margin: 21px 0 0 50px; height: 20px }
#header li { float: left; display: inline; margin: 0 10px 0 0; padding: 0; background: none }
#header li a { display: block; height: 20px; text-indent: -9999px; overflow: hidden }
#header li a:hover { background-position: 0 -20px }
#home #hmp a, #stopperszoeken #zkn a, #nieuws #nws a, #mediabureaus #mdb a, #charitatief #chr a, #overons #vrn a, #contact #cnt a { background-position: 0 -40px }
#header li#hmp a { width: 46px; background-image: url(../images/menu_home.gif) }
#header li#zkn a { width: 117px; background-image: url(../images/menu_stopperszoeken.gif) }
#header li#nws a { width: 55px; background-image: url(../images/menu_nieuws.gif) }
#header li#mdb a { width: 104px; background-image: url(../images/menu_mediabureaus.gif) }
#header li#chr a { width: 153px; background-image: url(../images/menu_charitatief.gif) }
#header li#vrn a { width: 63px; background-image: url(../images/menu_overons.gif) }
#header li#cnt a { width: 59px; background-image: url(../images/menu_contact.gif) }
#rss { float: left; display: inline; margin: 20px 0 0 4px }
#rss a { display: block; width: 22px; height: 22px; text-indent: -9999px; background: url(../images/icon_rss.gif); overflow: hidden }

#content { background: #cccccc; position: relative }
#crumb { float: left; display: inline; margin: 12px 0 12px 25px; height: 16px; width: 715px; height: overflow: hidden }
#crumb p { margin: 0; font-weight: bold }
#crumb a { color: #608000 }
#crumb a.crumb { padding-right: 13px; background: url(../images/arrow_crumb.gif) right 4px no-repeat }
#download { float: right; display: inline; margin: 0 19px; padding: 10px 0 7px 0; overflow: hidden; background: url(../images/icon_downloads.gif) right 10px no-repeat }
#download a { display: block; padding: 2px 30px 3px 0; color: #4d6600 }
#slider { width: 100%; height: 104px; background: url(../images/slider_bg.gif) no-repeat; margin-bottom: 12px }
#slider a#prev, #slider a#next { float: left; display: inline; width: 37px; height: 74px; text-indent: -9999px; overflow: hidden } 
#slider a#prev { margin: 15px 0 0 10px; background-position: 6px center; background-repeat: no-repeat; border-right: 1px #d9d9d9 solid }
#slider a#next { margin-top: 15px; background-position: 5px center; background-repeat: no-repeat; border-left: 1px #d9d9d9 solid }
#slider a#prev.on { background-image: url(../images/arrow_left.gif); cursor: pointer }
#slider a#next.on { background-image: url(../images/arrow_right.gif); cursor: pointer }
#slider a#prev.off { background-image: url(../images/arrow_left_off.gif); cursor: default }
#slider a#next.off { background-image: url(../images/arrow_right_off.gif); cursor: default }
#slider .trimbox { float: left; display: inline; margin-top: 15px; width: 885px; height: 74px; overflow: hidden; position: relative }
#slider ul { list-style: none; position: absolute; left: 0; top: 0; height: 74px }
#slider li { float: left; display: inline; height: 74px; padding: 0; background: none }

#maincol { float: left; display: inline; width: 480px }
#maincol .block { padding: 10px 0 0 0; background: url(../images/maincol_top_bg.gif) no-repeat; margin-bottom: 10px }
#maincol .block .content { padding: 0 25px; background: url(../images/maincol_bg.gif) left 115px no-repeat; min-height: 115px }
#maincol .block .bottom { padding: 0 25px 3px 25px; background: url(../images/maincol_bottom_bg.gif) left bottom no-repeat }

#fullcol { float: left; display: inline; width: 730px; overflow: hidden }
#fullcol .block { padding: 10px 0 0 0; background: url(../images/fullcol_top_bg.gif) no-repeat; margin-bottom: 20px }
#fullcol .block .content { padding: 0 25px; background: url(../images/fullcol_bg.gif) left 115px no-repeat; min-height: 115px }
#fullcol .block .bottom { padding: 0 25px 3px 25px; background: url(../images/fullcol_bottom_bg.gif) left bottom no-repeat }

#maincol .block .content h2, #fullcol .block .content h2 { margin: 5px 0 10px 0 }

ul.logos { list-style: none; margin: 20px 0 0 0; width: 100%; overflow: hidden }
ul.logos li { float: left; display: inline; background: none; padding: 0; height: 74px; margin: 0 }

ul#formats, ul#formatsheader { list-style: none; margin: 0; width: 680px; overflow: hidden }
ul#formats li, ul#formatsheader li { float: left; display: inline; background: none; margin: 0; padding: 2px 0; border-top: 1px #e5e5e5 solid; width: 570px }
ul#formats li.label, ul#formatsheader li.label { width: 110px }
ul#formats li a { white-space: nowrap }
ul#formatsheader li { border: none; font-weight: bold }

#results { list-style: none; width: 695px; margin: 10px 0 0 5px }
#results li { float: left; display: inline; width: 137px; overflow: hidden; position: relative; padding: 0 0 10px 0; background: none }
#results li a.thumb { display: block; width: 122px; height: 122px; margin: 0 15px 3px 0; overflow: hidden; background: #e6e6e6 url(../images/thumbnail_bg.gif) no-repeat }
#results li a:hover { background-position: -122px top }
#results li span { display: block; font-style: italic; color: #666666 }
#results a.zoom, #results a.list { position: absolute; top: 125px; width: 15px; height: 15px; padding: 0; overflow: hidden; background: none }
#results a.zoom { left: 87px; background: url(../images/icon_zoom.gif) no-repeat }
#results a.list { left: 105px; background: url(../images/icon_add_to_downloads.gif) no-repeat }
#results a.zoom:hover, #results a.list:hover { background-position: left top }

#leftcol { float: left; display: inline; width: 250px; height: 570px }
#rightcol { float: left; display: inline; width: 250px }
#leftcol .block, #rightcol .block { padding: 13px 0 0 0; background: url(../images/sidecol_top_bg.gif) no-repeat; margin-bottom: 10px }
#leftcol .block .content, #rightcol .block .content { padding: 0 25px; background: url(../images/sidecol_bg.gif) left 115px no-repeat; min-height: 115px }
#leftcol .block .content h2, #rightcol .block .content h2 { margin-bottom: 3px }
#leftcol .block .bottom, #rightcol .block .bottom { padding: 0 25px 3px 25px; background: url(../images/sidecol_bottom_bg.gif) left bottom no-repeat }

.cam { padding: 5px 0; margin-bottom: 7px; position: relative }
#maincol .cam { border-bottom: 1px #c2c2c2 solid }
.cam img { float: left; display: inline; margin-top: 2px }
.cam h3, .cam h4, .cam p { margin-left: 95px }
.cam h4, .cam p { margin-bottom: 5px }
.cam a.more { font-weight: bold }

#top5 { list-style: none; padding: 2px 0 10px 0; list-style-position: outside; margin: 0 }
#top5 li { padding: 4px 4px 4px 26px; margin: 0 -5px; background: none }
#top5 li a { font-weight: bold }
#top5 #nr1 { background: #ebebeb url(../images/top1_bg.gif) no-repeat }
#top5 #nr2 { background: #ffffff url(../images/top2_bg.gif) no-repeat }
#top5 #nr3 { background: #ebebeb url(../images/top3_bg.gif) no-repeat }
#top5 #nr4 { background: #ffffff url(../images/top4_bg.gif) no-repeat }
#top5 #nr5 { background: #ebebeb url(../images/top5_bg.gif) no-repeat }

#news { list-style: none; padding: 0 0 7px 0; margin: 0 }
#news li { padding: 7px 4px 7px 11px; margin: 0; background: url(../images/arrow_green.gif) 1px 11px no-repeat; border-bottom: 1px #c2c2c2 solid }
#news li a { font-weight: bold }

img.org, .cam img.org { float: right; display: inline; margin: 0 5px 10px 20px }

td.lbl { font-weight: bold; width: 167px }
a.download { float: left; display: inline; padding-left: 20px; background: url(../images/icon_pdf.gif) no-repeat; margin-right: 20px }
a#downloadlist { float: left; display: inline; width: 175px; height: 21px; overflow: hidden; background: url(../images/button_downloadselectie_bg.gif) no-repeat; text-indent: -999px; margin: 5px 10px 5px 0 }
a#downloadlist:hover { background-position: 0 -21px }
a#searchmore { float: left; display: inline; width: 113px; height: 21px; background: url(../images/button_verderzoeken_bg.gif) no-repeat; margin: 5px 0; text-indent: -999px; overflow: hidden }
a#searchmore:hover { background-position: 0 -21px }

a.list { float: left; display: inline; padding-left: 20px; background: url(../images/icon_add_to_downloads.gif) no-repeat }
a.back { padding-left: 10px; background: url(../images/arrow_back.gif) left 4px no-repeat; font-weight: normal }
#added_to_list { position: absolute; left: 440px; top: 41px; width: 330px; height: 1px; background: url(../images/added_to_list.gif) no-repeat; overflow: hidden; line-height: 44px; text-indent: 35px; font-weight: bold }
#added_to_list img { position: absolute; left: 13px; top: 13px }
div.clist { position: relative }
a.delete { position: absolute; right: 0; top: 16px; font-weight: normal }
ul.list { float: left; display: inline; list-style: none; width: 154px; margin: 10px 10px 0 0; padding: 0 0 0 10px; border-left: 1px #e0e0e0 solid; overflow: hidden }
ul.list li { float: left; display: inline; width: 136px; margin: 0; padding-left: 18px; background: url(../images/icon_pdf.gif) left 2px no-repeat; line-height: 20px; position: relative }
ul.list li a { font-weight: normal; color: #333333; font-size: 11px }
ul.list li a:hover { color: #739900 }
ul.list li a.delete { position: absolute; right: -3px; top: 3px; width: 15px; height: 15px; text-indent: -999px; overflow: hidden; background: url(../images/icon_delete.gif) no-repeat; cursor: pointer }
ul.list li a.delete:hover { background-position: 0 -15px }

.groenkader { float: right; display: inline; width: 222px; height: 142px; overflow: hidden; background: url(../images/groenkader_bg.gif) no-repeat; margin: -26px 0 20px 20px }
#fullcol .block .content .groenkader h2 { margin: 8px 15px 0; color: #ffffff }
#fullcol .block .content .groenkader p { margin: 4px 15px; color: #ffffff }
.groenkader #offerteaanvraag { display: block; width: 174px; height: 21px; overflow: hidden; text-indent: -999px; background: url(../images/button_offerteaanvraag_bg.gif) no-repeat; margin: 8px 15px }
.groenkader #offerteaanvraag:hover { background-position: 0 -21px }

/* form */
input,select,textarea { font: 11px/14px Arial, Helvetica, sans-serif; color: #333333 }
input.text { height: 14px; padding-top: 2px; width: 280px }
input.checkbox, input.radio { float: left; display: inline; margin: 4px 3px -1px 4px }
input.checkbox { margin-right: 7px }
select { height: 19px; width: 195px }
textarea { height: 50px; width: 400px }
select.multiple { height: 76px }

ul.form { list-style: none; margin: 5px 0 15px 0 }
ul.form li { float: left; display: inline; width: 673px; padding: 0 0 2px 0; background: none }
ul.form li .label { font-size: 11px; line-height: 19px; color: #666666 }
ul.form li select { float: left; display: inline; margin: 0 7px 0 0 }
ul.form li input.text { float: left; display: inline; margin: 0 }
ul.form li#cols select, ul.form li#size select { width: 94px }
ul.form li label, ul.form li span { float: left; display: inline; margin: 1px 0 0 2px }
ul.form li label.text { font-weight: bold; width: 120px; margin: 1px 0 0 0 }
ul.form li label.info { width: 500px }
ul.form li label.error { padding-left: 10px; color: #bf1417; font-weight: normal; font-style: italic }
ul.form li span.price { width: 55px }
ul.form li#org, ul.form li#size, ul.form li#type, ul.form li#email { border-bottom: 10px #ffffff solid }
ul.form li#org, ul.form li#size, ul.form li#email { padding-bottom: 7px }
ul.form li#cols { padding-bottom: 2px }
ul.form li#type { padding-bottom: 5px }

#leftcol ul.form { width: 210px; margin: 0 -5px; padding-top: 2px }
#leftcol ul.form li { width: 203px; padding: 0 0 7px 7px; background: #ebebeb }
#leftcol ul.form li span { width: 79px }
#leftcol input.text { width: 191px }

ul.form li#srch { background: #ffffff; padding-left: 5px }
ul.form li#srch input { width: 66px; height: 21px; background: url(../images/button_search_bg.gif) no-repeat; margin: 0 0 3px 0 }
ul.form li#srch input:hover { background-position: 0 -21px }
ul.form li#rgst { background: #ffffff; padding-left: 5px }
ul.form li#rgst input { width: 95px; height: 21px; background: url(../images/button_aanmelden_bg.gif) no-repeat; margin: 0 0 3px 0 }
ul.form li#rgst input:hover { background-position: 0 -21px }
input#send { background: url(../images/button_verzenden_bg.gif) no-repeat; margin: 10px 0 }
input#send:hover { background-position: 0 -21px }
div.basispakket { position: relative }
div.basispakket ul.form li label.error { position: absolute; left: 110px; top: -1px }

#formerrors { margin: 15px 20px 15px 25px; color: #bf1417 }
#formerrors p { margin: 0; color: #bf1417 }
.formerror { color: #bf1417 }

/* footer */
#footer { background: url(../images/bottom_bg.gif) repeat-x; position: relative }
#footer .container { height: 75px; background: url(../images/logos_partners.gif) right 15px no-repeat }
#footer p { position: absolute; left: 25px; top: 36px; font-size: 11px; color: #cccccc }
#footerlinks { list-style: none; position: absolute; left: 275px; top: 36px }
#footerlinks li { float: left; display: inline; font-size: 11px; color: #ffffff; padding: 0 10px; border-left: 1px #666666 solid; background: none }
#footerlinks li.frst { padding-left: 0; border: none }
#footerlinks li a { color: #8fb200 }
#partners { list-style: none; position: absolute; left: 625px; top: 15px }
#partners li { float: left; display: inline; padding: 0; background: none }
#partners li a { display: block; text-indent: -9999px; overflow: hidden }
#partners #delphi { width: 90px; height: 35px; margin-right: 37px }
#partners #wwav { width: 82px; height: 21px; margin: 14px 25px 0 0 }
#partners #psi { width: 107px; height: 27px; margin: 8px 0 0 0 }

.end { clear: both; width: 100%; height: 0px; overflow: hidden }
.line { clear: both; height: 0px; overflow: hidden; border-top: 1px #c2c2c2 solid; margin: 15px 0 }