/* 
	CSS Document
	Auteur: Dwayne Roberts
	Digimomedia */


@import "reset.css";    /* Eric Meyers global reset document */
@import "global.css";	/* Standaard css klassen die ik veel gebruik */






/*---------------------------------------------------------------------------- 
																   Algemeen */

	html { 
	 	height:100%; 
		width:100%; 
	}
	
	body { 
		background:#fff url('../../images/background.jpg') no-repeat 0 110px;
		text-align:center; 
	}
	
	a {	
	 	text-decoration:underline; 
		color:#000; 
	}
	a:hover { 
	 	text-decoration:underline; 
		color:#1e90ff; 
	}
	
	a img#digimo { 
	 	position:absolute; 
		bottom:0; 
		right:0; 
		border:0; 
	}
	
	h3 {
	 	margin:15px 0;
		font:normal 18px "Trebuchet MS", Trebuchet, sans-serif;
		color:#8c6239; 	
	}
	
	h4 {
	 	margin:15px 0 0;
	 	font:bold 12px Arial;
	 	text-transform:uppercase;
	 	color:#ff9523;
	}


	p { 
	 	padding-bottom:15px; 
	}
	


/*---------------------------------------------------------------------------- 
                                                    Formulieren en Tabellen */

 	form { 
	 	font:normal 11px/10px Arial; 
		color:#000; 
	}

	fieldset { border:0px; }

	label {	
	 	float:left; 
		padding:4px 15px 0 0; 
		color:#333; 
		width:100px; 
		margin:5px 0 0; 
	}
	
	label[for="akkoord"] {
	 	width:auto;
	}
	
	label em {
	 	color:#f00;
	 	font-weight:bold;
	}	
	
	input,select, textarea { 
	 	margin:5px 0 0 10px; 
		padding:1px; 
		width:auto; 
		font-size:11px; 
		text-align:left;
	} 	  

	button { 
	 	display:block; 
		margin:20px 7px 0 0; 
		font:bold 10px Arial, sans-serif; 
		cursor:pointer; 
		padding:5px 10px 6px 7px; 
	}
	
	button {  
	 	background-color:#ddd; 
		border:1px solid #999; 
		color:#333;
	}
	
	button.submit:hover {  
	 	background-color:#dcf7b5; 
		border:1px solid #7cd300; 
		color:#2c4a02; 
	}
	
 	caption { 
	  	color:#999; 
	 	font-style:italic; 
		padding:10px 0; 
	}
	
	table { 
		width:600; 
		font:normal 11px/11px Arial; 
		margin:5px 0; 
		border-collapse:collapse; 
	}
	table a { 
	 	color:#1e90ff; 
		text-decoration:none; 
	}
	
	table a:hover { 
	 	color:#000; 
	}

	td { 
	 	color:#333; 
		padding:5px 15px 5px 0; 
		line-height:16px; 

	}
	
	th	{ 
	 	font:bold 12px Trebuchet, Tahoma, Arial; 
		background:#fff; 
		color:#000; 
		border-bottom:1px solid #000; 
		padding:2px 3px; 
	}	
	
	tr { 
	 	background:#fff;
	}
	
	tr:hover { 
	 	background:#dfedfb; 
	}
	
	img.border { 
	 	border:1px solid #000;
	}




/*---------------------------------------------------------------------------- 	
    															 Structuur  */
	#topadvert_cont {
		margin:auto;
		width:830px;
		height:60px;
		padding:10px;
		margin-top:10px;
		margin-bottom:10px;
		background:#daeaf9;
	}
	
	
	
	#header {
	 	margin:auto;
	 	width:850px;
	 	height:120px;
	}
	
	#mainmenu_cont { 
	 	width:100%;
	 	height:30px;
	 	background:#000;
	}
	
	#mainmenu {
	 	margin:auto;
	 	width:850px;
	}
	
	#quicknav_cont{
		width:100%;
	 	background:#ccc;
	}
	
	#quicknav {
	 	margin:auto;
	 	min-height:200px;
	 	width:850px;
	 	text-align:left;
	}
	
	#quicknav_categorieen {
		float:left;
		padding:10px 20px;
	 	width:240px;
	 	min-height:180px;
		background:#ddd;

	}
	
	#quicknav_top10 {
		float:left;
	 	padding:10px 20px;
	 	width:238px;
	 	min-height:180px;
		background:#ccc;			 	 	
	}

	#quicknav_recent {
	 	float:right;
	 	padding:10px 20px;
	 	width:240px;
	 	min-height:180px;
	 	background:#ccc;
	}
	
	#showhide_cont {
	 	margin:auto;
	 	margin-top:1px;
	 	width:100%;
	 	background:#fff;	 	
	}
	
	#content_cont {
	 	margin:auto;
	 	width:850px;
	 	min-height:400px;
	 	height:auto !important;
	 	height:400px;
	 	background:#fff;
	 	padding:30px 0;
	}
	
	#advert_cont {
	 	width:120px;
	 	padding:30px 15px;
	 	float:right;
	 	background:#daeaf9;
	}
		
	#advert_cont img {
	 	display:block;
	 	padding:10px 0;
	}
	                    
	#content {
	 	float:left;
		width:650px;
	 	text-align:left;	 	
	}

    #footer_cont {
    	width:100%;
    	background:#252525;
    	height:81px;
    	position:relative;    	
	}    	

	#footer { 
	 	margin:auto; 
		width:850px; 
		text-align:left;
		padding:30px 0; 
	}






/*---------------------------------------------------------------------------- 
															Menu en Lijsten */

	
	ul.faq li {
	 	list-style:square;
	 	color:#000;
	}
	ul.faq li a {
	 	font-size:12px;
	 	text-decoration:none; 
		color:#1e90ff;
			
	}
	
	ul.faq li a:hover {
	 	text-decoration:underline; 
	 	color:#000;
	}
	
	#mainmenu ul {
		float:right;
	}
	
	#mainmenu li {
		float:left;
		display:block;
		text-align:left;
		padding:5px 10px 4px;
		border-right:1px solid #333;
	}
		
	#mainmenu li:first-child { border-width:0 1px; border:1px solid #333; }
	
	#mainmenu li a {
		font:bold 13px "Trebuchet MS", Trebuchet, sans-serif;
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		}
		
	#mainmenu li a:hover {
		color:#1e90ff;
	}
	
	#mainmenu li a.current {
		color:#efba00;
		font-weight:bold;
	}
	
	#quicknav ul, ol { }
	
	#quicknav li, #quicknav li a { 
		font:normal 12px "Trebuchet MS", Trebuchet, Tahoma, sans-serif;
	 	color:#666;
	 	text-decoration:none;
		text-transform:uppercase;	
	}
	
	#quicknav li a:hover {
	 	text-decoration:underline; 
	 	color:#1e90ff;
	}
	
	#quicknav ol li { 
	 	list-style:decimal inside;
	}
	
	#quicknav_categorieen li a:hover {
	 	font-weight:bold;
	 	text-decoration:none;
	 	color:#1e90ff;
	}






/*---------------------------------------------------------------------------- 
												 Typography en Pagina opmaak*/
	
	body { 
	 	font:normal 12px/18px Trebuchet, "Trebuchet MS", Arial, sans-serif; 
		color:#666; 
	}
	
	a#hideshow_quicknav {
		font:bold italic 11px Arial, sans-serif;
		color:#000;
		padding:5px;
		border:1px solid #fff;
		background:#ddd;
		text-decoration:none; 
		text-transform:uppercase;
		display:block;
	}
	
	a#hideshow_quicknav:hover {
	 	background:#1e90ff;
	}
	
 	#footer, #footer a { 
		color:#666; 
		font-weight:bold; 
		text-decoration:none;
	}	

	#footer a:hover {
	 	color:#1e90ff;
	}

	.highlight { 
	 	color:#1e90ff;
	 	font-weight:bold;
	 	font-size:13px;	 	
	 	
	}
	
	.highlight a {
	 	text-decoration:none;
	 	color:#ff9523;
	}



/*---------------------------------------------------------------------------- 
														  Image Replacement */

	h2.swap {
		height:32px;
		background-repeat:no-repeat;
	  }
	h2.swap span {
		display:none;
	}
	
	h2#categorieen {
	 	background-image:url('../../images/title_categorieen.gif');
	}
	h2#top10 {
	 	background-image:url('../../images/title_top10.gif');
	}
	h2#recent {
	 	background-image:url('../../images/title_recent.gif');
	}