﻿/* 

POSITIONERING VAN DE BLOKKEN


Content is 940px breed, net als header;
maar we nemen binnenruimte voor de opmaak van 10px,
dat is totaal een breedte van 20px minder,
dus hebben we ruimte van 920 pixels beschikbaar.

Content willen we 720 pixels breed, en een sidebar van 200px; maakt samen 920pixels.

*/

img {
	border: 0px;	
}

#linksvlak {
	margin: 		0 auto; 	/* centreert content in container*/
	border: 		1px solid #FFFFFF;
	text-align: 	left;
	padding: 		10px;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			214px; 		/* breedte van 200 - 20 - 2 = 178   (breedte van sidebar - padding links en rechts - border links en rechts) */				
}

#inhoud {
	margin: 		0 auto; 	/* centreert content in container*/
	padding: 		10px;
	border: 		1px solid #FFFFFF;
	margin-right:	10px;
	text-align: 	left;
	margin-bottom:  50px;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			500px; 		/* breedte van 720 - 20 - 2 - 10 = 688 */
}



#rechtsvlak {
	text-align: 	left;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			200px; 		/* breedte van 200 - 20 - 2 = 178   (breedte van sidebar - padding links en rechts - border links en rechts) */		
	height:			340px;
	background: 	#ffffff url("../images/avdw.jpg") no-repeat top;	
	padding-top:	60px;
	padding-left:	20px;
}

#occasionvideos {
	text-align: 	left;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			213px; 		/* breedte van 200 - 20 - 2 = 178   (breedte van sidebar - padding links en rechts - border links en rechts) */		
	height:			109px;
}






/* DAADWERKELIJKE OPMAAK VAN DE INHOUD */

table tr td {		/* titel in de inhoud */
	font-family:	Tahoma;
	font-size: 12px;
	color: #000;
}



#inhoud h1 {		/* titel in de inhoud */
	font-size: 		14px;
	font-weight: 	bold;
	margin-bottom: 	20px;
	padding-bottom: 5px;
	border-bottom: 	1px solid #CCCCCC;
}

.h1tabel {		/* titel in de inhoud */
	font-size: 		14px;
	font-weight: 	bold;
	margin-bottom: 	20px;
	padding-bottom: 5px;
	border-bottom: 	1px solid #CCCCCC;
}

#inhoud p {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-bottom: 	13px;
	color: 			#000;
}

#inhoud a {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	bold;
	color: 			#ff0000;
}


#inhoud li {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-left: 	20px;
	color: 			#000;
}



#rechtsvlak h1 {		/* titel in de sidebar */
	font-size: 		14px;
	font-weight: 	bold;
	margin-bottom: 	20px;
}

#rechtsvlak p {		/* titel in de inhoud */
	font-size: 		11px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: #000;
}

#linksvlak h1 {		/* titel in de sidebar */
	font-size: 		14px;
	font-weight: 	bold;
	margin-bottom: 	20px;
}

#linksvlak p {		/* titel in de inhoud */
	font-size: 		11px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: #000;
}

#popup { 
	background: 	url('../images/interface/transparent.png');
	margin-top:		80px;
	padding: 		10px;
	left: 			50%;
	margin-left: 	-310px;
	top:			0px;
	text-align: 	center;
	position: 		absolute;
	border: 		1px solid #084300;
	z-index:		100;
	display:		none;
}