﻿/* 

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 630 pixels breed, en een menu + sidebar van 145px; maakt samen 920pixels.

*/
#menu {
	margin: 		0 auto; 	/* centreert content in container*/
	text-align: 	left;
	background: 	#f86401 url("../images/menubg.jpg") no-repeat bottom;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width: 			216px; 		/* breedte van 145 - 20 - 2 = 145  
								(breedte van sidebar - padding links en rechts - border links en rechts) */
								min-height: 533px;
}

#inhoud {
	margin: 		0 auto; 	/* centreert content in container*/
	text-align: 	left;
	margin-bottom: 	12px;
	background: 	url("../images/contentbg.jpg") repeat;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width: 			524px; 		/* breedte van 630 - 20 - 2 - 20 = 588 */

}



#sidebar {
	margin: 		0 auto; 	/* centreert content in container*/
	text-align: 	left;
	background: 	#f86401;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width: 			220px; 		/* breedte van 122 - 20 - 2 = 100  */
	height: 		375px;
	margin-left: 	11px;
}

#openingstijden {
	margin: 		0 auto; 	/* centreert content in container*/
	text-align: 	left;
	background: 	#fff;
	float: 			left; 		/* zodat sidebar er naast kan staan*/
	width: 			220px; 		/* breedte van 122 - 20 - 2 = 100  */
	height: 		375px;
	margin-left: 	11px;
	margin-top:		10px;
	display:		block;
}

.oranje {
		font-size: 	14px;
		color: 		#f86401;
		font-weight: bold;
		margin-bottom: 10px;

}

.dagsoort {
	width: 			220px;	
	font-size: 	12px;
	color: 		#000;
	font-weight: bold;
	
}

.dag {
	width: 			100px;	
	float: 			left;
	margin-bottom: 10px;
}

.tijd {
	width: 			100px;	
	float: 			left;

margin-bottom: 10px;}


#autovandeweek {
	width: 150px;
	height: 330px;
	margin-left: 17px;
	margin-top: -3px;
	color: #fff;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 14px;
}

#autovandeweek a {
	color: #fff;
}
			
			


/* DAADWERKELIJKE OPMAAK VAN DE INHOUD */


#inhoud h1 {		/* titel in de inhoud */
font-size: 18px;
	color: #000;
	font-weight: 	bold;
	margin-bottom: 	8px;
	padding-bottom: 5px;
	padding-left: 10px;				
}

.titeloranje {
	font-size: 	18px;
	color: 		#f86401;
}



#inhoud p {		/* titel in de inhoud */
	font-size: 		12px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: #000;
	margin-left: 5px;	
	padding-left: 7px;
	padding-right: 5px;
}

#inhoud a {
color: #f86401;	
}

#inhoud ul {
	margin-left: 30px;	
}


#sidebar h1 {		/* titel in de sidebar */
	font-size: 		14px;
	font-weight: 	bold;
	margin-bottom: 	20px;
}

#sidebar p {		/* titel in de inhoud */
	font-size: 		11px;
	font-weight: 	normal;
	margin-bottom: 	20px;
	color: #FFFFFF;
}

.visual {
	border: 2px solid #f86401;
	width: 500px;
	height: 174px;
	margin-left: 10px;
	margin-bottom: 6px;
}
			
.logokop {
	width: 90px;
	height: 50px;
	margin-left: 880px;
	margin-top: -35px;
	position: absolute;
}
			
#cms_wysiwyg {
	width: 380px;
}
		
#contenteditNL {
	width: 380px;
}			


#footer {
	background: 	url("../images/footer2bg.jpg") no-repeat top;
	height: 		12px;
	margin: 		0 auto;		/* centreert footer */
	margin-top: 	-12px;	/* in verband met 100% hoogte, de footer weer omhoog plaatsen zodat deze niet buiten beeld valt (hoogte footer + border)*/
	width: 			980px;
	Margin-bottom: 	0px;	
	text-align: 	center;
	font-size: 		11px;
	width:			524px;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	color: #666666;
	text-decoration: underline;
}









