/* alle marges standaard op 0 */
html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, hr { margin: 0; padding: 0; }

body { background-color: #1a0702; }

div.menu_border { border-top: 1px solid #000; border-bottom: 1px solid #313131; }
div.submenu_border { border-top: 1px solid #000; border-bottom: 1px solid #464545; }
div.border_bottom { border-top: 1px solid #464545; }
hr.lichtgrijs { border: 0; color: #464545; background-color: #464545; height: 1px; }
div.stippellijn { background: url(../images/stippel.gif) repeat-x; height: 1px; }

#header { width: 100%; height: 49px; overflow: hidden; }
#header h1 { padding: 10px 0 0 0; float: left; }
#header h1 a { display: block; width: 205px; height: 29px; text-indent: -9999px; background: url(../images/logo.png) no-repeat; }

#container { margin: 0 auto; width: 940px; text-align: left; padding: 0px 10px 0px 10px; background: url(../images/schreeuw.png) no-repeat 170px -10px; }

#achtergrond { background: url(../images/achtergrond.jpg) top repeat-x #090404; min-width: 960px; padding-bottom: 40px; }

#topbar { background: #2c0001; height: 6px; display: block; overflow: hidden; min-width: 960px; }

#menu { float: right; }

#login { padding-top: 40px; float: left; width: 460px; }
#avatar { display: block; height: 50px; width: 50px; background-color: #000; float: left; margin-right: 10px; }

#zoeken { padding-top: 40px; float: right; }
/*#zoeken input.text { border: none; padding: 0px 6px 0px 6px; height: 21px; width: 239px; background: transparent; vertical-align: middle; }*/
#zoeken input.text { padding: 0px 6px 0px 6px; height: 21px; width: 239px; background: #464545; vertical-align: middle; border: 1px dashed #1a0702; color: #efe8ea; }
#zoekopties { padding: 4px 0px 0px 6px; }

#submenu { float: left; width: 460px; padding-top: 25px; background: url(../images/submenu_achtergrond.png) no-repeat 0px 25px; }

#nieuws { float: left; width: 460px; padding-top: 25px; }
#nieuws_tekst, #recente_topics { padding-top: 10px; }

#recensies { float: right; width: 460px; padding-top: 25px; }
#recensies table { padding-top: 10px; }
#recensies_header { padding-bottom: 1px; }

#nieuws_header { padding-bottom: 1px; }

ul.menu_list li { text-align: left; float: left; list-style: none; padding: 14px 0px 0px 50px; }

.submenu_items li span.last { text-align: left; float: left; list-style: none; padding: 0px 0px 0px 0px; }
.submenu_items li a:hover { text-decoration: none; }
/* remove the list style */
.submenu_items { list-style: none; }	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
.submenu_items li { position: relative; text-align: left; float: left; list-style: none; padding: 0px 12px 1px 0px; }
/* you can make a different style for default selected value */
.submenu_items a.selected {}
/* submenu, it's hidden by default */
.submenu_items ul { position: absolute; left: 0; display: none; margin: 0 0 0 -1px; list-style: none; border: 1px dashed #4d4849; width: 230px; }
.submenu_items ul li { padding: 4px 6px; display: block; position: relative; z-index: 500; float: none; background: url(../images/uitklap_achtergrond.jpg) repeat; }
.submenu_items ul li a { display: block; }
.submenu_items ul li img { padding-right: 6px; vertical-align: middle; }
/* display block will make the link fill the whole area of LI */
.submenu_items ul a {	display:block; }
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html .submenu_items ul {	margin: 0 0 0 -2px; }

.board_index { padding: 20px 0 0px 0; text-align: center; }
.board_index span { padding: 0px 6px 0px 0px; }
.board_index_bottom { padding: 10px 0 20px 0; }

ul.topics_opties li{ text-align: left; float: left; list-style: none; padding: 0px 0px 0px 12px; }
ul.topics_opties_bottom li { text-align: left; float: left; list-style: none; padding: 0px 0px 2px 12px; }

#topics { width: 940px; }

.topics_header, .topics_stippels, .topics_list, .topic_tabel { width: 100%; }

.topics_opties { float: right; margin-top: -14px; padding-right: 3px; }
ul li.topics_opties_header { padding-top: 2px; }
.topics_opties li, .topics_opties_bottom li { position: relative; }
.topics_opties ul li, .topics_opties_bottom ul li { position: relative; z-index: 500; }
/* submenu, it's hidden by default */
.topics_opties ul, .topics_opties_bottom ul { position: absolute; right: 0; display: none; margin: 0 0 0 -1px; list-style: none; border: 1px dashed #4d4849; }
.topics_opties ul li, .topics_opties_bottom ul li { background: url(../images/uitklap_achtergrond.jpg) #161212; padding: 4px 6px; float: left; width: 166px; }
.topics_opties ul li img, .topics_opties_bottom ul li img { padding-right: 6px; vertical-align: middle; }
/* display block will make the link fill the whole area of LI */
.topics_opties ul a, .topics_opties_bottom ul a { display: block; }
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html .topics_opties ul, *html .topics_opties_bottom ul { margin: 0 0 0 -2px; }

.topic_linkerkant { height: 10px; padding: 1px 0 2px 0; }
.topic_rechterkant { padding: 1px 0 2px 0; }
.topic_subtitel { padding-top: 1px; }
		
.topics_opties_bottom { float: right; padding-right: 3px; padding-top: 2px; }
.pagina { float: left; margin-top: -14px; padding-top: 2px; }
.pagina_bottom { float: left; padding-top: 4px; }

.boards { width: 940px; overflow: hidden; }
.boards table { width: 100%; }

.board { float: left; width: 230px; padding-right: 10px; padding-bottom: 24px; }
.board_last { float: left; width: 220px; padding-bottom: 24px; }
.board_achtergrond { background: url(../images/board_achtergrond.png) no-repeat; padding-left: 14px; }

.bericht { background: url(../images/submenu_achtergrond.png) top left no-repeat; padding-bottom: 20px; }
.bericht_goedkeuring { background: url(../images/submenu_achtergrond.png) top left no-repeat #2c0001; padding-bottom: 20px; }

.topic_info { width: 100%; }

.stats {padding-top: 6px; }
.topic {padding-top: 6px; }

.topic_opties { float: right; margin-top: 0px; }
ul.topic_opties li{ text-align: left; float: left; list-style: none; padding: 0px 0px 0px 12px; }
.topic_opties img { border: none; }

.topic_avatar { width: 60px; vertical-align: top; padding: 4px 0 0 1px; }
.topic_avatar img { border: none; }

.topic_goedkeuring { padding: 0 0 20px 0; }

.arrow { border: none; padding-left: 4px; }

/* remove the list style */
.nav { list-style: none; }	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
.nav li { position: relative; }
.nav ul li { position: relative; z-index: 500; }
/* you can make a different style for default selected value */
.nav a.selected {}
/* submenu, it's hidden by default */
.nav ul { position: absolute; left: 0; display: none; margin: 0 0 0 -1px; list-style: none; border: 1px dashed #4d4849; }
.nav ul li { background: url(../images/uitklap_achtergrond.jpg) #161212; padding: 4px 6px;	}
.nav ul li img { padding-right: 6px; vertical-align: middle; }
/* display block will make the link fill the whole area of LI */
.nav ul a {	display:block; }
/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html .nav ul {	margin: 0 0 0 -2px; }

.topic_poster a { background: url(../images/arrow.png) no-repeat right; padding-right: 12px; }
.topic_poster a:hover { background: url(../images/arrow_hover.png) no-repeat right; padding-right: 12px; }

.topic_blurb { padding: 0 0 0 2px; }

.topic_rechts { width: 210px; }
.topic_moderation { width: 34px; vertical-align: bottom; }

.topics_list { padding: 16px 0 26px 0; }
.topic_links { padding-top: 8px; }

.topic_body { padding: 16px 0 12px 0; line-height: 1.583em; }
.topic_body p { padding: 8px 0; }
.topic_body ul { list-style-position: inside; padding-left: 20px; }
.topic_body hr { color: #282828; border: 0; background-color: #282828; height: 1px; margin: 10px 0; }

.avatar_blank { height: 48px; width: 48px; display: block; border: 1px dashed #4d4849; background: #0d0d0d; }

.quote { margin: 10px 0px; background: url(../images/apostrof_rechts.png) no-repeat 100% 100%;}
.quote .quote {  padding: 0px; background: none; }
.quote_body { padding-left: 35px; background: url(../images/apostrof_links.png) no-repeat top left; }
.quote_body .quote_body { margin: 15px; padding: 2px 6px; background: none; border: 1px dashed #2F2C2D; }
.quote_header { padding: 0px; }
.quote_border { margin: 20px; padding: 2px 10px; border: 1px dashed #2f2c2d; }
.quote_message { padding-right: 35px; }

.onderschrift { padding-top: 30px; }

.statistieken { width: 460px; float: left; padding-top: 12px; }
.online { width: 460px; float: right; padding-top: 12px; }

#footer_achtergrond { background: url(../images/footer.jpg) top repeat-x; min-width: 960px; }
#footer { margin: 0 auto; width: 940px; min-height: 180px; padding: 30px 10px 10px 10px; }

h4.footer_header { padding-bottom: 16px; }

/* recensie pagina */
#review_tabel { margin-top: 30px; border: 1px dashed #4d4849; }
#review_titel_lijst { width: 100%; border-top: 1px dashed #4d4849; border-right: 1px dashed #4d4849; border-bottom: 1px dashed #4d4849; background-color: rgba(44,38,37,0.6); }
#nieuwe_recensies { background-color: rgba(44,38,37,0.6); margin:0px; padding:10px; }
/* fatsoenlijke IMG resizing in IE7 */
#nieuwe_recensies img { -ms-interpolation-mode: bicubic; }
#review_index { padding: 14px 0px 30px 7px; background: url("../images/submenu_achtergrond.png") no-repeat scroll 0 0 transparent }
#review_index li { float: left; text-transform: uppercase; list-style: none; padding: 0 22px 0 0; }
#review_index li a { text-transform: uppercase; }
.reviewtabel_link { text-align: center; width: 10px; vertical-align:top; padding: 4px 4px 12px 4px; border-left: 1px dashed #4d4849; border-right: 1px dashed #4d4849; border-bottom: 1px dashed #4d4849; }
.reviewtabel_titels { padding-left: 10px; padding-bottom: 12px; padding-top: 4px; }

#bio { width: 460px; float: left; }
#contact { width: 460px; float: right; }
#contact_naam { width: 210px; height: 19px; background: url(../images/contact_line.png) no-repeat transparent; float: left; border: none; padding: 0px 6px 0px 6px; vertical-align: middle; }
#contact_mail { width: 210px; height: 19px; background: url(../images/contact_line.png) no-repeat transparent; float: right; border: none; padding: 0px 6px 0px 6px; vertical-align: middle; }
#contact_message { width: 446px; height: 69px; background: url(../images/contact_field.png) no-repeat transparent; border: none; padding: 6px 6px 6px 6px; margin-top: 10px; vertical-align: middle; }
#contact_button { background: #1A0702; border: none; cursor: pointer; text-transform: uppercase; }
#contact_button:hover {  }
#copyright { width: 100%; text-align: center; padding-top: 30px; }