/* 
CSS voor dvdhulp.net
 */


body { 
	font-family:arial;
	color:#333333;
	font-size:11px;
	background-image: url("media/background.jpg");
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	}


.container{		/* Deze div zorgt voor de centralistaie van de site */
	position:absolute;
	left: 50%;
	width: 700px;
	height:100%;
	margin-left:-350px;	
	top:0px;
	background-color:#FFFFFF;
	}

.header{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(media/header.jpg);
	height:149px;
	width:689px;
	
	}

.footer{
	width:100%;
	border-top: 1px dotted #CCCCCC;
	padding-top:5px;
	margin-top:20px;
	font-size:10px;
	text-align:center;
	color: #999999;
	
	}
	
	


/*------------
---- Menu ----
-------------*/

.menucontainer{ /* Alle menu's zitten samen in deze container   */
	position:absolute;
	top:150px;
	left:1px;
	}	
	
.menuheaderblue{ /* Elke menu-lijst heeft een header als deze */
	background-image:url(media/menuhead.jpg);
	background-repeat:no-repeat;
	width:150px;

	}

.menuheaderblue div{
	background-image:url(media/list-item-blue.gif);
	background-repeat:no-repeat;
	width:142px;
	/* height:14px; */
	margin-top:4px;
	border-bottom:1px dotted #333333;
	padding-left: 8px;
	
}

.menuheaderred{ /* Elke menu-lijst heeft een header als deze */
	background-image:url(media/menuhead.jpg);
	background-repeat:no-repeat;
	width:150px;
}

.menuheaderred div{
	background-image:url(media/list-item-red.gif);
	background-repeat:no-repeat;
	width:142px;
	/* height:14px; */
	margin-top:4px;
	border-bottom:1px dotted #333333;
	padding-left: 8px;
	}

.menuheadergreen{ /* Elke menu-lijst heeft een header als deze */
	background-image:url(media/menuhead.jpg);
	background-repeat:no-repeat;
	width:150px;
	
	}

.menuheadergreen div{
	background-image:url(media/list-item-green.gif);
	background-repeat:no-repeat;
	width:142px;
	/* height:14px; */
	margin-top:4px;
	border-bottom:1px dotted #333333;
	padding-left: 8px;	
}



.menucontainer a{
	text-decoration:none;
	color:#333333;
	}
	
.menucontainer a:hover{
	text-decoration:none;
	color:#FF0033;
	}
	
h1{ 
	font-weight:bold;
	font-size:12px;
	position:relative;
	margin:0px 0px 10px 4px;
	top:2px;
	}

.red{color:#f0727e}

.green{color:#a5cd4e;}

.blue{color:#72aaf0}
	

/*--------------
---- Inhoud ----
---------------*/	
	
.centraal{
	position:absolute;
	top:150px;
	left:165px;
	width:510px;
	
	}

.inhoudsdeel{
	background-color:#f0f0f0;
	padding:10px;
	}
	
.newstitel{
	height:16px;
	font-size:13px;
	font-weight:bold;
	border-bottom: 1px solid #a9a9a9;
	display:block;
	background-image:url(media/news-item.gif);
	background-repeat:no-repeat;
	padding-left: 15px;
	}
	
.newstext{
	padding-top:15px;
	font-size:12px;
	text-align:justify;
	}
		
.postdatum{
	font-size:10px;
	color:#CCCCCC;
	position:relative;
	left:300px;
	}
	
.rightimg{
	float:right;
	margin: 8px;
	text-indent:10px;
		
}

.site_navigatie{
	
	width:100%;
	color:#333333;

	}
	
.u{
	text-decoration:underline;
	padding-right:4px;
	color:#333333;
	}

.cat_list{
	height:15px;
	border-bottom:1px dotted #999999;
	width:100%;
	background-image:url(media/list-item-red.gif);
	background-repeat:no-repeat;	
	padding-left:8px;
	}
.no_textdeco{
	text-decoration:none;
	font-size:11px;
	color:#333333;
	}

.footer_link{
	text-decoration:underline;
	color:#999999;
	}
.footer_link:hover{
	text-decoration:none;
	}
	
.newstext a{
	color:#333333;
	}

.newstext a:hover{
	text-decoration:none;
	}

	
/*----- Zoekveld--------- */

input
{
color: #000000;
background: #FFFFFF;
border: 1px solid #999999
}

.submit input
{
color: #333333;
background: #FFFFFF;
border: 1px solid #CCCCCC;
}


/*---adsense bovenaan handleiding------ */
.adsense_bovenaan{
	position:relative;
	top:20px;
	width:130px;
	height:130px;
	float:right;
	margin-left:25px;
	
	
	}


/* auteur en datum van nieuwspost als span in de newstitelDIV, maar dan 10px naar onderen */
.date_auteur{
	position:relative;
	top:1px;
	float:right;
	color:#666666;
	font-size:9px;
	}


.td_titel{
	width:400px;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	}

.tabel_result_dotted{
	
	
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
	


.td_categorie{
	width:100px;
	text-align:center;
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	}

.tabel_result {
	border:1px solid #CCCCCC;
	border-collapse:collapse;

	}

#adsense{
	background-color:#FFFFFF;
	}
	
/* BROODKRUIMELS */
		
			.broodkruimels{
				width:100%;
				height:14px;
				background-color:#FFFFFF;
				border:1px solid #CCCCCC;
				color:#333333;
				font-size:11px;
				font-family:Arial;
				padding:1px 0px 2px 0px;
				margin-bottom:3px;
				}
			.broodkruimels a{
				background-image:url(media/pijl_broodkruimel2.gif);
				background-repeat:no-repeat;
				text-decoration:none;
				color:#333333;
				vertical-align:middle;
				padding-left:20px;
				padding-right:10px;
				margin-left:2px;
				
				}
			.broodkruimels a:hover{
				background-color:#565656;
				color:#FFFFFF;
				
			
			}

/* HANDLEIDING KADER */
			
		
			.handleiding_kader{
				width:260px;
				border-left:2px solid #434343;
				}
				
			.box_naam{
				color:#434343;
				margin-left:10px;
				font-weight:bold;
				font-size:18px;
				}
			.datum{
				margin-left:10px;
				padding-left:5px;
				border-bottom: 1px solid #d9d9d9;
				width:270px;
				color:#9acd00;
				font-weight:bold;
				font-size:12px;
				}
			.datum a{
				color:#9acd00;
				text-decoration:none;
				}
			.datum a:hover{
				color:#e25000;
				}
			.item{
				list-style-type:square;
				color:# 9acd00;
				font-size:11px;
				
				}
			.item a{
				color:#000000;
				text-decoration:none;
				}
			.item a:hover{
				color:#e25000;
				}
			
			.speciaal_item{
				color:#e25000;
				}
			.speciaal_item a{
				color:#e25000;
				text-decoration:none;
				}
			.speciaal_item a:hover{
				color:#000000;
				text-decoration:none;
				
				}
				
				
			/*---------------------- */
			

/* INFO KADER */
			
		
			.info_kader{
				position:relative;
				left: 260px;
				top: -210px;
				width: 230px;
				border-left:2px solid #434343;
				}
			
			.box_naam a{
				color:#434343;
				text-decoration:none;
				}
				
			.box_naam a:hover{
				color:#e25000;
				text-decoration:none;
				}
			
				
			.info_tekst{
				font-size:11px;
				margin-left:10px;
				text-align:justify;
				}
			
			
			/*---------------------- */

/* ADSENSE HOME*/

			.adsense_home{
				position:absolute;
				left:300px;
				top:60px;
				height:260px;
				width:250px;
				
				padding-left:20px;
								}

.add_announce{
	font-size:10px;
	position:relative;
	color:#CCCCCC;
	width:490px;
	display:block;
	margin-bottom:5px;
	text-align:center;
	border-bottom:1px solid #cfcfcf;
	}