/* CSS one2xs */
body{ height: 100%; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #333333; background: #FFF url(img/bg.gif) repeat-x; padding: 0; margin: 0; }
html{ height: 100%; }

a{ color: #af5d00; text-decoration: underline; }
	a:hover{ text-decoration: none; }
	
.clear{ clear: both; }


.button{ border: 1px solid #CCC; background: #FFF; font-size: 12px;}
.ubb-button{ border: 1px solid #ff6c00; background: #FFF; color: #333; margin: 4px 0 0 0; text-align: center; }
.ubb-smiley{ cursor: pointer; margin: 2px; }

#container{ width: 844px; margin: 32px auto 0 auto; background: url(img/server.gif) right top no-repeat; }

#logo{ background: url(img/logo.gif) no-repeat bottom; width: 213px; height: 63px; padding-top: 50px; margin-bottom: 9px; float: left; }
	#logo a{ padding-top: 63px; padding-left: 213px; display: block; }
	#logo a span{ display: none; }
#top_info{ float: left; margin: 45px 0 0 210px; width: 380px; border: 2px solid #898a8d; position: absolute; z-index: 15; padding: 5px; background: #FFF; -moz-border-radius: 7px;  }
	#top_info_img{ float: right; width: 20px; }
	#top_info_tekst{ float: left; width: 350px; padding: 0 0 0 8px;  }

#top-bar{ background: url(img/top-bar.gif) no-repeat; height: 46px; margin-bottom: 29px; }
	#top-bar ul{ margin: 0; padding: 0; list-style: none; float: left; }
		#top-bar ul li{ float: left; height: 46px; text-align: center; background: url(img/scheiding.gif) right center no-repeat; }
			#top-bar ul li a{  padding: 15px 20px 18px 15px; display: block; text-decoration: none; color: #FFF; font-weight: bold; }
			#top-bar ul li a:hover{ color: #fff4cd; }
	#zoek{ float: right; margin: 13px 0 30px 0; width: 220px; }
		#zoek input{ width: 150px; font-size: 11px; margin-right: 5px; border: 1px solid #CCC; padding: 1px; background: 0; }
		#zoek #button{ width: 40px; border: 0; font-weight: bold; color: #FFF; }
		#zoek #button:hover{ text-decoration: underline; color: #EBEBEB; }

#left{ width: 168px; float: left; padding: 4px; }
	#left h1{ margin: -4px; background: url(img/left-top.gif) no-repeat; height: 27px; font-size: 11px; color: #FFF; font-weight: bold; padding: 7px 0 0 22px; }
		#left #wachtwoordvergeten{ float: left; width: 105px; font-size: 9px; margin-top: 6px;}
			#left #wachtwoordvergeten a{ color: #af5d00; text-decoration: underline; }
	.user-left, .pw-left{ background: url(img/input-user-bg.gif) no-repeat; height: 15px; width: 151px; border: 0; margin: 2px; padding: 2px; font-size: 11px; color: #575757; }
	.pw-left{ background: url(img/input-pw-bg.gif) no-repeat; }
	.login-button{ background: url(img/login-button.gif) no-repeat; border: 0; padding: 0; height: 19px; width: 51px; }

#content{ width: 480px; float: left; padding: 4px 14px 4px 4px; overflow: hidden; }
	#content h1{ margin: -4px; background: url(img/content-top.gif) no-repeat; height: 27px; font-size: 11px; color: #FFF; font-weight: bold; padding: 7px 0 0 22px; }
	#content h1 a, #content-forum h1 a, #content-forum-orange h1 a{ color: #FFF; }
	#content h2{ font-size: 13px; border-bottom: 1px solid #CCC; font-weight: normal; padding: 0 0 3px 0; margin: 0 0 4px 0; }
	#content h3{ font-size: 12px; margin: 0; padding: 0; margin: 5px 0 5px 5px; font-weight: bold; }

#right{ width: 160px; float: left; padding: 4px; }
	#right h1{ margin: -4px; background: url(img/left-top.gif) no-repeat; height: 27px; font-size: 11px; color: #FFF; font-weight: bold; padding: 7px 0 0 22px; margin-bottom: 0px; }
		#right .pakketplaatje{ float: left; }
		#right .pakketbeschrijving{ float: left; width: 100px; text-align: right; }
			.oranje{ color: #ff6c00; font-weight: bold; }
			.meer-button{ background: url(img/meer-button.gif) no-repeat; border: 0; margin: 0; padding: 0; width: 51px; height: 19px; }
	#ad_right{ height: 100%; overflow: hidden; text-align: center; }
	
#footer, #footer-forum{ margin: 0 auto; width: 844px; height: 38px; background: url(img/footer.gif) no-repeat bottom; padding: 0; color: #FFF; }

	#footer_left{ float: left; color: #FFF; padding: 13px 0 0 10px; }
		
		#footer_left a{ color: #FFF; text-decoration: none; }
	
	#footer_right{ float: right; margin: 0 10px 0 0; }
		
		#footer_right ul{ list-style: none; margin: 0; padding: 0; }
		#footer_right ul li{ float: left; margin: 13px 0 0 0; }
		#footer_right ul li a{ color: #FFF; text-decoration: none; padding: 10px 5px 10px 5px; }

#navigatie ul{ list-style: none; margin: 0; padding: 0; }
	#navigatie ul li a{ padding: 1px 0 1px 3px; display: block; width: 150px; }

.aanmeldeninput{ border: 1px solid #CCCCCC; padding: 1px; }

.pakketnaam{ color: #ff6c00; font-weight: bold; width: 60px; text-align: center; }
.spec{ width: 110px; }
.specinhoud{ text-align: center; }

	
#user_container{ width: 170px; z-index: 10; position: absolute; max-height: 100px; overflow: auto; margin: 25px 0 0 260px; visibility: hidden; padding: 3px; border: 1px solid #333; background: #F9F9F9; }
	#user_container a{ width: 144px; display: block; text-decoration: none; margin: 0; padding: 0; }
	#user_container a:hover{ background: #ECECEC; }
	
.link-container{ width: 150px; float: left; padding: 4px; }
	.link-container h2{ font-weight: bold; font-size: 12px; margin: 0; padding: 0; color: #333; border-bottom: 1px solid #333; }
	.link-container ul{ margin: 0; padding: 0; list-style: none; margin: 3px 0 0 5px; }
	.link-container ul li a{ padding: 2px 0 0 2px; display: block; width: 95%; text-decoration: none; }
	.link-container ul li a:hover{ color: #333; }
	
.admin-h1{ color: #af5d00; list-style: none; border: 1px solid #af5d00; margin: 5px 0; padding: 3px; cursor: pointer; }
	.admin-h1:hover{ color: #FFF; background: #af5d00; cursor: pointer; }
.sub-admin{ list-style: square; padding: 0 0 5px 30px; margin: 0; display: block; }
	.sub-admin li{ padding: 1px 0; }

.td-underline{ border-bottom: 1px solid #333; padding: 0 20px 0 0; }
.td-bg-orange{ background: #FFF3DF; padding: 0 20px 0 0; }
.td-bg-white{ background: #FFF; padding: 0 20px 0 0; }

.td-bg-c-orange{ background: #FFF3DF; }
.td-bg-c-white{ background: #FFF; }

.td-bg-white-belangrijk{ cursor: pointer; background: #FFF; }
.td-bg-orange-belangrijk{ cursor: pointer; background: #FFF3DF; }
.td-borderright{ border-right: 1px solid #333; padding: 0 20px 0 0; }

/***************/
/*****FORUM*****/
/***************/

#content-forum, #content-forum-orange{ width: 843px; }
	#content-forum h1, #content-forum-orange h1{ background: url(img/forum-top-white.gif) no-repeat; height: 20px; font-size: 11px; color: #FFF; font-weight: bold; padding: 7px 0 0 22px; margin: 0; }
	#content-forum-orange h1{ background: url(img/forum-top.gif) no-repeat; }


.forum-sub-top{ background: url(img/forum-sub.gif) no-repeat; height: 18px; margin: 0; padding: 4px 0 0 10px; color: #d18120; font-weight: bold; }
.forum-sub-cat{ float: left; width: 543px; }
.forum-sub-topics{ float: left; width: 74px; }
.forum-sub-berichten{ float: left; width: 99px; }
.forum-sub-laatste{ float: left; width: 100px; }

.geen_fora{ border: 1px solid #ce8a32; border-top: none; padding: 10px; font-style: italic; }

.forum-cat-container{ color: #d59033; height: 49px; border: 1px solid #ce8a32; border-bottom: 1px solid #e7c9a2; border-top: 0; }
	.forum-cat-plaatje{ float: left; width: 55px; }
	.forum-naam-container{ float: left; width: 485px; border-right: 1px solid #e6c79e; height: 49px;  }
		.forum-naam a{ padding: 5px 0 3px 0px; color: #d18120; font-weight: bold; display: block; text-decoration: none; width: 450px; }
		.forum-naam a:hover{ color: #af5d00; } 
	.forum-cat-topics{ float: left; width: 65px; border-right: 1px solid #e6c79e; height: 29px; text-align: center; padding-top: 20px; }
	.forum-cat-berichten{ float: left; width: 100px; border-right: 1px solid #e6c79e; height: 29px; text-align: center; padding-top: 20px;  }
	.forum-cat-laatste{ float: left; width: 133px; height: 44px; text-align: center; padding: 5px 0 0 0; }
	
.topic-cat-container{ color: #d59033; height: 27px; border: 1px solid #ce8a32; border-bottom: 1px solid #e7c9a2; border-top: 0; }
	.topic-cat-plaatje{ float: left; width: 45px; }
	.topic-naam-container{ float: left; width: 350px; border-right: 1px solid #e6c79e; height: 27px; overflow: hidden;  }
		.topic-naam a{ padding: 3px 0 0 0px; color: #d18120; font-weight: bold; display: block; text-decoration: none; width: 340px; }
		.topic-naam a:hover{ color: #af5d00; } 
		
		.topic-paginas{ font-size: 9px; margin: 0 0 0 10px; }
		.topic-paginas a{ text-decoration: none; color: #d18120; }
	
	.topic-cat-topics{ float: left; width: 150px; border-right: 1px solid #e6c79e; height: 20px; text-align: center; padding-top: 7px; }
	.topic-cat-berichten{ float: left; width: 83px; border-right: 1px solid #e6c79e; height: 20px; text-align: center; padding-top: 7px;  }
	.topic-cat-laatste{ float: left; width: 210px; height: 20px; text-align: center; padding: 7px 0 0 0;  }

.topic-bericht-container{ border-left: 1px solid #deac68; border-right: 1px solid #deac68; border-bottom: 1px solid #deac68; background: url(img/topic-bg.gif) repeat-y; }
.topic-bericht-container img{ border: 0; }

.topic-sig img{ border: 0; }

.topic-gebruiker-top{ color: #d18120; font-weight: bold; width: 150px; float: left; padding: 3px 0 0 0; }
	.topic-gebruiker-top a{ color: #d18120; font-weight: bold; text-decoration: none; }
.topic-titel-top{ width: 530px; float: left; color: #d18120; padding: 3px 0 0 0; }
.topic-icons-top{ width: 150px; float: left; color: #d18120; text-align: right; }

.forum-sub-top-topic{ background: url(img/forum-sub.gif) no-repeat; height: 21px; margin: 0; padding: 1px 0 0 10px; color: #d18120; font-weight: bold; }

.topic-gebruikersinhoud{ width: 131px; float: left; padding: 10px 8px; }

	.topic-usernaam{ color: #d18120; font-weight: bold; font-size: 11px; }
	.topic-userstatus{ color: #333; font-size: 10px; }
	.topic-avatar{ margin: 5px 0; }
	.topic-userinformatie{ font-size: 11px; line-height: 1.3; }
	
.topic-bericht{ float: left; width: 672px; padding: 10px; overflow: auto; }

.forum_first_post_ad{ border: 1px solid #deac68; border-top: 0; text-align: center; padding: 10px; }

/******/

.input-left-margin{ border: 1px solid #CCC; padding: 1px 3px; font-size: 11px; margin: 4px 0 4px 10px; }
.input{ border: 1px solid #CCC; padding: 1px 3px; font-size: 11px; }
textarea{ font: 11px Verdana, Arial, Helvetica, sans-serif; padding: 3px; border: 1px solid #CCC; }
.ticket_text{ width: 80%; height: 100px; margin: 5px 0 4px 10px; }
#ticketlist{ padding: 5px 0 0 20px; }
#ticketlist ul{ list-style: none; margin: 0; padding: 0; }
#ticketlist ul li{ margin: 2px 0; width: 300px; }
#ticketlist ul li a{ display: block; width: 100%; text-decoration: none; color: #333; }
.orange{ background: #FFF3DF;  }
.ticket_door{ margin: 2px 4px 2px 0; border-bottom: 1px solid #333; padding: 0 0 2px 0; }
.ticket_bericht{ border-bottom: 1px solid #333; padding: 2px 0 5px 5px; margin: 0 0 10px 0; }

.domein_unlocked{ border: 1px solid #333; color: #333; font-size: 11px; padding: 2px; margin: 2px 0; }
.domein_locked{ border: 0; color: #666; background: #FFF; border: 1px solid #CCC; font-size: 11px; padding: 2px; }
.domein_bestel_button{ border: 1px solid #af5d00; color: #af5d00; font-size: 11px; background: #FFF; width: 100px; margin: 1px; cursor: pointer; }
.domein_bestel_button:hover{ font-weight: bold; border: 2px solid #af5d00; margin: 0; }
.domein_bestel_button:active{ border: 1px solid #af5d00; font-weight: normal; margin: 1px; }

.voorbeeld_post{ border: 1px solid #CCC; margin: 3px 10px 10px 10px; width: 90%; padding: 5px; }
.center{ text-align: center; }

#left_domein{ float: left; width: 220px; padding: 5px 0 0 0; }
#right_domein{ float: left; width: 230px; margin: 0 0 0 10px; padding: 5px 0 0 0; }

#omschrijving_over{ height: 28px; padding: 3px; cursor: help; }

.faq_vraag{ font-size: 11px; font-weight: bold; border-bottom: 1px solid #CCC; padding: 0 0 3px 0; margin: 4px 0 0 0; }
.faq_vraag a{ text-decoration: none; }

.ipinfo_group{ display: none; }

.mededelingen{ list-style: none; margin: 0; padding: 0; }
.mededelingen a{ display: block; width: 400px; padding: 6px 10px; text-decoration: none; }
.mededelingen a:hover{ padding: 6px 10px 6px 15px; }

/* ERROR */
.errorlist{ color: #990000; border: 2px solid #990000; margin-bottom: 10px; }
	.errorlist h2{ padding: 10px 0 0 10px; margin: 0; font-size: 13px; font-weight: bold; color: #990000; }
	.errorlist ul{ margin: 10px; padding: 0 0 0 20px; }
	
.error{ color: #990000; border: 2px solid #990000; margin-bottom: 10px; padding: 5px; }
.goede-melding{ color: #009900; border: 2px solid #009900; margin-bottom: 10px; padding: 5px; }

.sql_error{ padding: 3px 5px; margin: 2px 0; width: 95%; border: 1px solid #FBFBFB; font-weight: normal; border: 1px solid #990000; border-right: 0; border-left: 0; }
	
	.sql_error h2{ font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
	.sql_error_ding{ margin: 3px 0; font-style: italic; }
	.sql_error_inhoud{ margin: 0 0 0 5px; }
	.sql_error_query{ font: 12px "Courier New", Courier, monospace; margin: 0 0 0 5px; }


/******/

#overlay{ z-index: 19; position: fixed; display: none; top: 0; left: 0; width: 100%; height: 100%; }
#overlay_bg{ z-index: 19; position: absolute; display: block; top: 0; left: 0; background: #333; filter: alpha(opacity=80); -moz-opacity: 0.80; -o-opacity: 0.80; opacity: 0.80; width: 100%; height: 100%; }
#overlay_container{ z-index: 20; width: 100%; height: 100%; position: absolute; }
#overlay_inhoud{ width: 500px; z-index: 20; margin: 50px auto 0 auto; background: #FFF; padding: 10px; border: 4px solid #999; }
	#overlay_inhoud h2{ color: #ff6c00; margin: 0 0 5px 0; padding: 0; font-size: 14px; font-weight: bold; }
.kruisje{ float: right; border: 0; margin: -13px -12px -8px 0; border: 4px solid #999; }
	
.codeblok
{
	margin: 5px;
	margin-left: 15px;
	margin-right: 10px;
}


.codett
{
	font-family: Courier;
}

table.bbcode
{
	width: 95%;
	border: 1px solid #CCC;
	background-color: #FFF;
	font-size: 12px;
}

TD.bb_num
{
	background-color: #CCC;
	color: #808080;
	font-family: Courier;
	font-size: 12px;
	text-align: right;
}

TD.bb_quote
{
	font: 12px Arial;
	color: #333;
}

blockquote{ margin: 5px 0 5px 10px; padding: 0; }


@media print
{

	#left, #right, #top-bar, #top_info, #logo, #footer{ display: none; }
	body{ margin: 0; padding: 0; background: #FFF; }
	#container{ background: 0; }
	#content{ margin: 0; padding: 0; }
	h1{ margin: 0; padding: 0; }
	#overlay{ display: none; }

}

* html ul li a { width: 1%; }
form{ margin: 0; }
#smileydiv{ height: 138px; overflow: hidden; float: left; padding-right: 15px; display: inline-block; }
.help_h1{ font-size: 14px; }
.help_h1 a{ text-decoration: none; display: block; width: 90px; padding: 0 0 4px 0; }
.ubb_img{ width: 100%; overflow: auto; }
.ubb_img img{ border: 0; }

/* INDEX */
.index_float{ float: left; width: 240px; }
.index_img{ float: left; width: 48px; margin: 0 0 10px 0; }
.index_desc{ float: left; width: 185px; padding: 5px 0 0 7px; margin: 0 0 10px 0; }
	.index_h{ color: #db6b00; text-transform: uppercase; font-weight: bold; }
	
.forum_title{ float: left; width: 650px; }
.recent{ float: right; text-align: right; width: 100px; padding: 0 10px 0 0; }

#newpb_ubb{ width: 210px; height: 240px; position: absolute; background: #FFF; margin-left: -180px; border: 1px solid #333; padding: 5px; display: none; }

/* Tooltip */
#tt {position:absolute; display:block; background:url(img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(img/tt_bottom.gif) top right no-repeat; overflow:hidden}
/*///*/
.td-underline a{ color: #333; text-decoration: none; }

.profiel_admin_link a{ display: block; width: 85px; height: 20px; border: 2px solid #af5d00; text-align: center; padding: 50px 0 0 0; text-decoration: none; float: left; margin: 0 3px 6px 3px; }
.profiel_admin_link a:hover{ color: #E17902; border: 2px solid #E17902; }

.profiel_admin_link a.punten{ background: url(img/puntenoverzicht.png) no-repeat center top; }
.profiel_admin_link a.edit{ background: url(img/edit_profile.png) no-repeat center top; }
.profiel_admin_link a.warn{ background: url(img/warn.png) no-repeat center top; }
.profiel_admin_link a.ips{ background: url(img/ips.png) no-repeat center top; }
.profiel_admin_link a.leads{ background: url(img/leads.png) no-repeat center top; }
.profiel_admin_link a.products{ background: url(img/products.png) no-repeat center top; }
.profiel_admin_link a.refs{ background: url(img/users.png) no-repeat center top; }
.profiel_admin_link a.kliks{ background: url(img/kliksoverzicht.png) no-repeat center top; }
.profiel_admin_link a.tickets{ background: url(img/tickets_48x48.gif) no-repeat center top; }
.profiel_admin_link a.advertenties{ background: url(img/view_detailed.gif) no-repeat center top; }
.profiel_admin_link a.aangiftes{ background: url(img/aangiftes.png) no-repeat center top; }

.nieuweadvs{ border:1px solid #A9A676; padding:8px; background-color:#FFFFE7; width:300px; margin-left: 250px; }
.nieuweadvs a{ text-decoration: none; }
.nieuweadvs img{ padding-right: 7px; }

.vps_vak{ border: 2px solid #af5d00; cursor: pointer; width: 215px; float: left; color: #af5d00; }

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
img { border: 0; }