/* The DJ-resource... */ 


/* HTML Elements */
html 	{ font: 12px "Trebuchet MS", Verdana, Arial, sans-serif; margin: 0px; border: 0px;}
body 	{font: 12px "Trebuchet MS", Verdana, Arial, sans-serif; margin: 0px; padding: 2.5px; border: 0px;letter-spacing:0.3px;} 

p 			{ font: 11px "Trebuchet MS", Verdana, Arial, sans-serif; padding: 0px; margin: 0px;}
img			{ border: 0; outline:none;  }
form 		{ margin: 0; padding: 0; display: inline; }
li 	{ font: 11px Arial, Verdana, Arial, sans-serif; }
label		{	cursor:pointer;	}
textarea 	{ background: #fff border: 1px solid #333; font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;}


option, input:not([type=image]):not([type=submit]) 	{	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius: 5px;
	padding-left:3px;
	padding-right:3px;
}


input:not([type=image]):not([type=submit])	{ font: 11px Arial, sans-serif; background: url('/images/bg-input-50.gif');}




select{ font: 11px Arial, Verdana, Arial, sans-serif; border: 1px solid #000; cursor:pointer;}
blockquote	{ margin-top: 0; margin-left: 50px; margin-bottom: 5px; }
code, .code	{	font-family: Courier New, Courier, monospace; font-size : 11px;	color : #0000ff; white-space: nowrap; }

option 		{ background: #fff; font: 12px Arial, Verdana, Arial, sans-serif; border: 1px; }
option.disable { background: #ddd; font: bold 12px Arial, Verdana, Arial, sans-serif; border: 1px; color: #a20033;}

hr 			{ color: #666; height: 1px; width: 100%; }

img.news	{ background-color: #fff; border: 1px solid #a9a9a9; margin: 2px 2px 10px 10px; padding: 4px; }
img.newsl	{ background-color: #fff; border: 1px solid #a9a9a9; margin: 2px 10px 10px 2px; padding: 4px; }
img.border	{ border-collapse: collapse; border: 1px solid #c0c0c0; background-color: #f8f8f8; padding : 10px; margin : 7px; }


/* Main Blocks */
.coll 		{ float: left; width: 48%; }
.colr 		{ float: right; width: 48%; }

.menu {
	background: url('images/left.jpg') no-repeat;
	float:left;
	width:150px;
	position:relative;
	left:850px;
	overflow:hidden;

}
.cont {
	background: url('images/header.jpg') no-repeat;
	float:left;
	width:850px;
	position:relative;
	left:850px;
	overflow:hidden;
}

.maincont2 {
	clear:left;
	margin: 0px auto;
	width:1000px;
	overflow:hidden;
	background:#f8f8f8 url('images/cornerrb.png') no-repeat;
background-position: bottom right; 
}
.maincont1 {
	float:left;
	width:100%;
	position:relative;
	right:850px;
	background:#d8d8d8 url('images/cornerlb.png') no-repeat;
	background-position: 850px 100%;  
}

/* Fontface, for menu */


@font-face {
    font-family: 'LaconicBold';
    src: url('/includes/Laconic_Bold-webfont.eot');
    src: url('/includes/Laconic_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/Laconic_Bold-webfont.woff') format('woff'),
         url('/includes/Laconic_Bold-webfont.ttf') format('truetype'),
         url('/includes/Laconic_Bold-webfont.svg#LaconicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LaconicRegular';
    src: url('/includes/Laconic_Regular-webfont.eot');
    src: url('/includes/Laconic_Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/includes/Laconic_Regular-webfont.woff') format('woff'),
         url('/includes/Laconic_Regular-webfont.ttf') format('truetype'),
         url('/includes/Laconic_Regular-webfont.svg#LaconicLight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* Black Tube Menu */

#navcontainer {	margin-left: 10px; margin-bottom:0px;}

#navcontainer ul { list-style-type: none; text-align: left;}
#navcontainer li { display: inline; text-align: center; margin: 0 0px;  }

#navcontainer li a {padding: 6px 10px; color: #f0f0f0; border: 0px; text-decoration: none;}
#navcontainer li a#current { padding: 3px 10px 5px 10px; background-color: #fff; color: #333; border-bottom: 1px solid #eee; border-right: 2px solid #000; border-left: 2px solid #000; border-top: 2px solid #000; background: url('/images/mainmenu/menutab.jpg');}
#navcontainer li a.current { padding: 3px 10px 5px 10px; background-color: #fff; color: #333; border-bottom: 1px solid #eee; border-right: 2px solid #000; border-left: 2px solid #000; border-top: 2px solid #000; background: url('/images/mainmenu/menutab.jpg'); }
#navcontainer li a:hover { padding: 3px 10px; background-color: #fff; color: #fff; border: 0px; background: url('/images/mainmenu/menu-black-hoov.png');}



/* Breadcrumbs Strip */

#breadcrumb {
    background-image:url('/images/mainmenu/navi_bg.png'); 
    background-repeat:repeat-x;
    height:18px;
    line-height:18px;
    color:#808080;
    border:solid 1px #cacaca;

    overflow:hidden;
    margin:0px;
	margin-left: 20px;
    padding:0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius: 5px;
}

#breadcrumb li {
    list-style-type:none;
    float:left;
    padding-left:10px;
	font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
line-height:18px;
}



#breadcrumb li:not([name=not]):hover {
    list-style-type:none;
    float:left;
    padding-left:10px;
    background-image:url('/images/mainmenu/navi_bg_hi.png'); 
    background-repeat:repeat-x;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius: 5px;
}

#breadcrumb a {
    height:16px;
    display:block;
    background-image:url('/images/mainmenu/navi_sep.png'); 
    background-repeat:no-repeat; 
    background-position:right;
    padding-right: 15px;
	padding-top: 2px;
    text-decoration: none;
    color:#555;
}

.home {
    border:none;
    margin: 1px 0px;

}

#breadcrumb a:hover {
    background-image:url('/images/mainmenu/navi_sep_hi.png'); 
    background-repeat:no-repeat; 
	color:#903;
}



/* Fonts */

.topic		{font: 13px "Trebuchet MS", Arial, Verdana, Arial, sans-serif; text-align: justify;line-height: 1.5em;} 


/* Blocks and Cells */

.inputl		{	width: 23%; 
				height: 25px;
				border-top: 1pt solid #e8e8e8;
				font: bold 11px Arial, Verdana, Arial, sans-serif;
				color: #903;
				text-align: right;
				padding-right: 2%;
				padding-top: 7px;
				float: left;
			}

.inputr	{		width: 72%;
				height: 25px;
				border-top: 1pt solid #e8e8e8;
				font: 11px Arial, Verdana, Arial, sans-serif;
				color: #333;
				padding-left: 2%;
				padding-top: 7px;
				float: left;
			}


.inputf	{		width: 100%;
				border-top: 1pt solid #e8e8e8;
				font: 10px Verdana, Arial, sans-serif;
				color: #333;
				padding-top: 7px;
				float: left;
			}

.outputl		{	width: 23%; 
				height: 22px;
				border-top: 1pt solid #e8e8e8;
				font: bold 11px Arial, Verdana, Arial, sans-serif;
				color: #333;
				text-align: right;
				padding-right: 2%;
				padding-top: 3px;
				float: left;
			}

.outputr	{		width: 73%;
				height: 22px;
				border-top: 1pt solid #e8e8e8;
				font: 11px Arial, Verdana, Arial, sans-serif;
				color: #333;
				padding-left: 2%;
				padding-top: 3px;
				float: left;
			}

.galleryl		{	width: 35%; 
				height: 65px;
				border-top: 1pt solid #e8e8e8;
				font: bold 11px Arial, Verdana, Arial, sans-serif;
				color: #333;
				text-align: right;
				padding-right: 2%;
				padding-top: 3px;
				float: left;
			}

.galleryr	{	width: 61%;
				height: 65px;
				border-top: 1pt solid #e8e8e8;
				font: 11px Arial, Verdana, Arial, sans-serif;
				color: #333;
				padding-left: 2%;
				padding-top: 3px;
				float: left;
			}


.titlebar 	{	

				font: 19px "LaconicRegular", Arial, Verdana, Arial, sans-serif;
letter-spacing: -1px;


				height: 17px;
				padding-left: 4px;
				padding-top: 0px;
				padding-bottom: 5px;
				margin-top: 10px;
		}

.boxlight {		border-collapse: collapse;
				border: 1px solid #888;
				background-color: #fff;
				padding: 5px;
}

.download	{ 	background:  url('/images/downloads/logo-download.jpg') no-repeat; background-position: top right; }



/*specs used in djtopics*/

.speccont {
    background-color: #fff;
	border-width: 0px;
	margin: 0px auto;
	padding: 5px;
	width: 440px;
    border-width: 1px;
    border-style: solid;
    border-color: #333;

	font: 10px Verdana, Arial, sans-serif;
}

	

.specl
    {
    background-color: #fff;
    float: left;
    width: 160px;
    text-align: right;
    margin-right: 15px;
	color: #a03;
    border-width: 1px;
    border-style: solid;
    border-color: #f0f0f0;
    }

	

.specr
    {
    background-color: #fff;
	color: #333;
    border-width: 1px;
    border-style: solid;
    border-color: #f0f0f0;
    

    }


.toprow { color: #aaa; font: 10px Arial, sans-serif; float:left; padding-top:3px; margin-bottom:5px;}




/* FONTS */

.text_tiny 	{	color: #333; font: 6pt Arial, Verdana, Arial, sans-serif; }
.text_tinyg {	color: #777; font: 8px Arial, Verdana, Arial, sans-serif; }

.text_gray 	{	background: none; color: #aaa; font: 11px Arial, Verdana, Arial, sans-serif; }
.text_grays	{	background: none; color: #aaa; font: 10px Arial, Verdana, Arial, sans-serif; }

.text_white 	{	background: none; color: #eee; font: 11px Arial, Verdana, Arial, sans-serif; }
.highlight		{	background: #903; color: #f0f0f0;}


/* 2010 Layout above this live   */








.boxdownload	{ 	margin-left: auto;
				margin-right: auto;
				border-collapse: collapse;
				border: 2px solid #c8c8c8;
				padding: 10px;
				background: url('/images/bg-90.png');
		}







.container	{
			  	float: left;
				
}






h5, .text_lead 	{	margin: 0px;
					color: #333;
				font: 10px Arial, Verdana, sans-serif; letter-spacing:0.3px;
	}
h6, .text_wim 	{margin: 0px;
				color: #903; 
				font: 10px Arial, Verdana, sans-serif; letter-spacing:0.3px;
	}

h3, .dark		{margin: 0px;		
				color: #333;
				font: 11px Arial, Verdana, sans-serif; letter-spacing:0.3px;
	}
h4, .red		{margin: 0px;		
				color: #903;
				font: 11px Arial, Verdana, sans-serif; letter-spacing:0.3px;
	}





h1, .title 	
			{					font: 19px "LaconicRegular", Arial, Verdana, Arial, sans-serif;letter-spacing: -1px;

				margin: 0px;
				color: #333;				
	
      		}
h2, .header	
			{	margin: 0px;
				color: #903;				
				font: bold 14px "Trebuchet MS", Arial, Verdana, sans-serif; 

      		}

.errorcolor	{		background: none; color: #f00; font: 13pt Arial, sans-serif; }
.white 		{		background: none; color: #fff; font: 11px Arial, Verdana, Arial, sans-serif; }
.whites		{		background: none; color: #fff; font: 10px Arial, Verdana, Arial, sans-serif; }





/* Links */

a:link 		{ background: none; color: #903; font: 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: none; }
a:visited   { background: none; color: #903; font: 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: none; }
a:hover     { background: none; color: #903; font: 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: underline; }
a:active 	{ background: none; color: #903; font: 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: none; }

a.text_tiny:link	{	background: none; color: #333; font: bold 11px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.text_tiny:visited	{	background: none; color: #333; font: bold 11px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.text_tiny:hover	{	background: none; color: #333; font: bold 11px Arial, Verdana, Arial, sans-serif; text-decoration: underline; }
a.text_lead:active	{	background: none; color: #333; font: bold 11px Arial, Verdana, Arial, sans-serif; text-decoration: none; }

a.text_lead:link	{	background: none; color: #333; font: bold 10px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.text_lead:visited	{	background: none; color: #333; font: bold 10px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.text_lead:hover	{	background: none; color: #333; font: bold 10px Arial, Verdana, Arial, sans-serif; text-decoration: underline; }
a.text_lead:active	{	background: none; color: #333; font: bold 10px Arial, Verdana, Arial, sans-serif; text-decoration: underline; }

a.text_wim:link		{	background: none; color: #903; font: bold 10px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.text_wim:visited	{	background: none; color: #903; font: bold 10px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.text_wim:hover	{	background: none; color: #903; font: bold 10px Arial, Verdana, Arial, sans-serif; text-decoration: underline; }
a.text_wim:active	{	background: none; color: #903; font: bold 10px Arial, Verdana, Arial, sans-serif; text-decoration: underline; }

a.dark:link		{	background: none; color: #333; font: bold 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: none; }
a.dark:visited	{	background: none; color: #333; font: bold 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: none; }
a.dark:hover	{	background: none; color: #333; font: bold 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: underline; }
a.dark:active	{	background: none; color: #333; font: bold 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: none; }

a.red:link		{	background: none; color: #903; font: 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: none; }
a.red:visited	{	background: none; color: #903; font: 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: none; }
a.red:hover		{	background: none; color: #333; font: 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: underline; }
a.red:active	{	background: none; color: #903; font: 11px Verdana, Arial, sans-serif; letter-spacing:-0.10px; text-decoration: none; }

a.title:link	{	background: none; color: #333; font: 19px "LaconicRegular", Arial, Verdana, Arial, sans-serif;letter-spacing: -1px; text-decoration: none; }
a.title:visited	{	background: none; color: #333; font: 19px "LaconicRegular", Arial, Verdana, Arial, sans-serif;letter-spacing: -1px; text-decoration: none; }
a.title:hover	{	background: none; color: #333; font: 19px "LaconicRegular", Arial, Verdana, Arial, sans-serif;letter-spacing: -1px; text-decoration: underline; }
a.title:active	{	background: none; color: #333; font: 19px "LaconicRegular", Arial, Verdana, Arial, sans-serif;letter-spacing: -1px; text-decoration: none; }

a.header:link	{	background: none; color: #903; font: bold 16px "Trebuchet MS", Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.header:visited{	background: none; color: #903; font: bold 16px "Trebuchet MS", Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.header:hover	{	background: none; color: #903; font: bold 16px "Trebuchet MS", Arial, Verdana, Arial, sans-serif; text-decoration: underline; }
a.header:active	{	background: none; color: #903; font: bold 16px "Trebuchet MS", Arial, Verdana, Arial, sans-serif; text-decoration: none; }

a.white:link, a.white:visited	{	background: none; color: #eee; font: bold 11px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.white:hover 	{	background: none; color: #fff; font: bold 11px Arial, Verdana, Arial, sans-serif; text-decoration: underline; }
a.white:active  {	background: none; color: #eee; font: bold 11px Arial, Verdana, Arial, sans-serif; text-decoration: none; }

a.menubar:link	{	background: none; color: #333; font: bold 16px "Trebuchet MS", Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.menubar:visited	{	background: none; color: #333; font: bold 16px "Trebuchet MS",Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.menubar:hover		{	background: none; color: #903; font: bold 16px "Trebuchet MS",Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.menubar:active	{	background: none; color: #333; font: bold 16px "Trebuchet MS",Arial, Verdana, Arial, sans-serif; text-decoration: underline; }

a.menubard:link,a.menubard:visited  	{	background: none; color: #333; font: bold 11px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.menubard:hover 	{	background: #903; color: #ffffff; font: bold 11px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.menubard:active  	{	background: none; color: #990033; font: bold 11px Arial, Verdana, Arial, sans-serif; text-decoration: underline; }

a.content:link	{	background: none; color: #a20033; font: normal 12px Arial, Verdana, Arial, sans-serif; text-decoration: underline; }
a.content:visited	{	background: none; color: #903; font: normal 12px Arial, Verdana, Arial, sans-serif; }
a.content:hover 	{	background: #903; color: #fff; font: normal 12px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.content:active  	{	background: none; color: #a20033; font: normal 12px Arial, Verdana, Arial, sans-serif; text-decoration: underline; }

a.news:link  	{	background: none; color: #903; font: normal 11px Arial, Verdana, Arial, sans-serif; text-decoration: none;}
a.news:visited	{	background: none; color: #333; font: normal 11px Arial, Verdana, Arial, sans-serif; text-decoration: none; }
a.news:hover 	{	background: none; color: #903; font: normal 11px Arial, Verdana, Arial, sans-serif; text-decoration: underline; }
a.news:active	{	background: none; color: #333; font: normal 11px Arial, Verdana, Arial, sans-serif; text-decoration: none; }


[href^="http://"]:not([href*="nieuwsdagblad.nl"]) {
   	color: #13aea1;
}


/* Tables and Cells*/

.box 	{ 		margin-left: auto;
				margin-right: auto;
				border-collapse: collapse;
				border: 1pt solid #c8c8c8;
		}

.errorbox 	{ 	margin-left: auto;
				margin-right: auto;
				border-collapse: collapse;
				border: 1pt solid #000000;
		}


/* TABLE STUFF */


th 		{	background: #d8d8d8 url('/images/cellpic2.gif');
			height: 24px;
			font: bold 13px Arial, Verdana,Arial,sans-serif; 
			text-align: left;
			padding-left: 12px;
}



.price	{		background: #ffffff;
				padding : 3px;
				vertical-align: bottom;
				color: #ff0000;
				font-size: 13pt; 
				font-family: Arial, sans-serif
		}

.chat_time {	font-style: italic;
				font-size: 9px;
			}

.plain {height:12px; vertical-align:middle;}

.yourname { display: none; visibility: hidden; }



#search_box {
    width: 140px;
    height: 18px;
	margin-top: 5px;
	margin-right: 3px;
    background: #f8f8f8;
border : #333 2px solid;
-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius: 5px;
	padding-left:3px;
	padding-right:3px;

float:right;

}


#search_box #s {
	color: #333;
    float: left;
    padding: 0;
    margin: 2px 0 0 2px;
    border: 0;
    width: 110px;
    background: none;
 font: bold 10px Arial, Verdana, Arial, sans-serif;


}
#search_box #go {
    float: right;
    margin: 2px 4px 0 0;
}


#inputbox {
    width: 140px;
    height: 18px;
	margin-top: 5px;
	margin-left: 15px;
    background: #aaa;
}
#inputbox #s {
	color: #eee;
    float: left;
    padding: 0;
    margin: 2px 0 0 2px;
    border: 0;
    width: 99px;
    background: none;


}
#inputbox #go {
    float: right;
    margin: 2px 2px 0 0;
}





/* jquery accordion */

ul.accordion, ul.accordion ul {

  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 100%;

}

ul.accordion a {
  background: #f8f8f8;
  display: block;
  text-decoration: none;	

}

ul.accordion li {

  margin-top: 5px;


}

ul.accordion li a, ul.accordion ul.accordion li a {
	background: #f8f8f8;
	color: #903; 

	font-size: 13px; 
	font-family: Verdana, Arial, sans-serif; 

	padding-left: 14px;
	padding-top: 2px;
	padding-bottom: 4px;
}

ul.accordion li a:hover, ul.accordion ul.accordion li a:hover {
  background: #fff;	



}

ul.accordion li ul li a, ul.accordion ul.accordion li ul li a {
	background: #f8f8f8;
	color: #000;
	padding: 0px;
	border:0px;
	margin-top:0px;
	padding-left: 20px;
  text-decoration: none;



}

ul.accordion li ul li a:hover, ul.accordion ul.accordion li ul li a:hover {
  background: #fff;


}
ul.accordion ul.accordion li a:hover {
  background: #f8f8f8;

    padding-left: 20px;
}
ul.accordion ul.accordion {
  background: #f8f8f8;


}
ul.accordion a.active, ul.accordion ul.accordion li a.active, ul.accordion a.active:hover, ul.accordion ul.accordion li a.active:hover {

	background: #f8f8f8;
font-weight:bold;
}






div.panel {
    border: 0px #000 solid;
    padding: 5px;
    margin-top: 1px;
}

ul.menu div.panel a, ul.menu div.panel li a:hover  {
    display :inline;
    color: #666;
    background: none;
    margin: 0;
    padding: 0;
    border: none;
    font-weight: bold;
}
ul.menu div.panel a:hover {
    color: #000;
    text-decoration: underline;
}

div#response
	{
	position: fixed;
	background: #000000;
	color: #ffffff;
	width: 100%;
	top: 20%;


	}

	button{
	cursor: pointer;
	}






/* Thumbs Voting */

.entry {
	width: 60%;
	background: #ffffff;
	padding:8px;
	border:1px solid #ddd;
	margin:5px auto;
-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius: 5px;

}

span.link {
	font-size:150%;
	color: #000000;
	text-decoration:none;
}

a.vote_up, a.vote_down {
	display:inline-block;
	background-repeat:none;
	background-position:center;
	height:18px;
	width:16px;
	margin-left:4px;
 text-indent:-900%; 
}

a.vote_up {
	background:url('/images/icons/thumbup.png');
}

a.vote_down {
	background:url('/images/icons/thumbdown.png');
}