﻿/* 

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.

*/

#inhoud {
	margin: 		0 auto; 	/* centreert content in container*/
	padding: 		10px;
	margin-top: 	10px;
	text-align: 	left;
	margin-bottom: 	50px;
	background: 	#101111;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			585px; 		/* breedte van 720 - 20 - 2 - 10 = 688
								(breedte van sidebar - padding links en rechts - border links en rechts - marge rechts ) */
}


#sidebar {
	margin: 		0 auto; 	/* centreert content in container*/
	text-align: 	left;
	background: 	#101111;
	margin-left:	20px;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width:			295px; 		
	padding-bottom: 50px;
	}

.sidebarimage {
	margin-right: 	10px;
	width: 			104px;
}


#sidebar a {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: 			#FFFFFF;
	text-decoration:none;
}

#sidebar a:hover {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: 			#FFFFFF;
	text-decoration:underline;
}



/* DAADWERKELIJKE OPMAAK VAN DE INHOUD */


#inhoud h1 {		/* titel in de inhoud */
	font-size: 		16px;
	font-weight: 	bold;
	margin-bottom: 	10px;
	padding-bottom: 5px;
	color: #fff;
}

#inhoud p {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: #FFFFFF;
}

#inhoud li {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: #FFFFFF;
	margin-left: 27px;
}

#inhoud a {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: #FFFFFF;
}


#inhoud table td tr {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	color: #FFFFFF;
}


#inhoud img {		/* titel in de inhoud */
	border: 0px;
}

#inhoud a {		/* titel in de inhoud */
	border: 0px;
}



#inhoud p:first-line {		/* eerste regel van P */
	font-weight: bold;
	color: #fff;

}



#sidebar h2 {		/* titel in de sidebar */
	font-size: 		14px;
	font-weight: 	bold;
	margin-bottom: 	10px;
}

#sidebar p {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: #FFFFFF;
}

#sidebar p:first-line {		/* eerste regel van P */
	color: #fff;
	font-size: 12px;
}

#bovagreminder {
	width:	263px;
	height: 124px;
	background: url('../images/backgroundthumb.jpg');
	color: #fff;
	padding-left: 24px;
	padding-top: 12px;
	margin-bottom: 20px;
	padding-right: 6px;
}

#bovagreminder p {
	color: #fff;

}

#jamesautoservice {
	width:	249px;
	height: 124px;
	background: url('../images/backgroundthumb.jpg');
	color: #fff;
	padding-left: 24px;
	padding-top: 12px;
	margin-bottom: 20px;
	padding-right: 20px;	
}

#jamesautoservice p {
	color: #fff;
}


#deondernemer {
	width:	269px;
	height: 124px;
	background: url('../images/backgroundthumb.jpg');
	color: #fff;
	padding-left: 24px;
	padding-top: 12px;
	margin-bottom: 20px;
}

#deondernemer p {
	color: #fff;
}

/* SPLASH WEERGAVE 	

#popup, #popup2  { 
width: 500px;
height: 333px;
top:	0px;
text-align: center;
position:relative;
z-index: 9999999999;
display: none;
} 

#popup2 {
display: none;
}
*/
