/*
/	version		:	1.0
/	author		:	T.Willems
/	company		:	BestMedia
/	url			:	BestMedia.nl
*/

body { background: url(../images/background.png) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; }

a:link 		{ text-decoration: none; color: #008d25; }
a:visited 	{ text-decoration: none; color: #008d25; }
a:active 	{ text-decoration: none; color: #008d25; }
a:hover 	{ text-decoration: underline; color: #008d25; }


h1 { margin: 0 0 5px 0; font-size: 10px; }
h1#title_welkom { background: url(../images/title_welkom.png) no-repeat; width: 426px; height: 24px; margin: 0 0 40px 0; }
h2 { color: #f04e44; font-size: 22px; margin: 0 0 40px 0; }

p.zwart { color: #000; text-align: justify; }
p.rood { color: #ef4035; text-align: justify; }
p.groen { color: #00b067; text-align: justify; }

#container { width: 730px; height: auto; overflow: auto; text-align: left; margin: 0 auto; margin-top: 20px; }
#header { width: 100%; height: 70px; }
#header #logo { width: 310px; height: 35px; margin: 15px 0 0 0; float: left; background: url(../images/header_logo.png); }
#header #navigation { width: auto; height: 60px; float: right; }
#header #navigation .sub { width: auto; height: 60px; float: left; padding: 0 20px 0 20px; border-left: 1px solid #e1e1e1; }
#header #navigation .sub ul { list-style: none; margin: 10px 0 0 0; padding: 0; }
#header #navigation .sub li { padding: 0; margin: 0; }
#header #navigation .sub li a { font-size: 14px; font-weight: bold; text-decoration: none; color: #b6b5b1; text-transform: uppercase; }
#header #navigation .sub li a:hover { color: #ef4238; }
#content { width: 100%; height: auto; margin: 40px 0 0 0; overflow: auto; }
#content p.right { margin: 0 0 0 235px; }
#content .image { width: 215px; height: 160px; float: left; margin: 0 20px 0 0; text-align: center; }
#content #subContainer { width: auto; height: auto; overflow: auto; clear: left; margin: 30px 0 0 0; }
#content #subContainer .sub { width: 220px; height: auto; overflow: auto; float: left; margin: 0 22px 0 0; }
#content #subContainer .sub h1 { color: #4abd7f; font-size: 14px; font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; }
#content #subContainer .sub .image { width: 97px; height: 92px; float: left; margin: 0 10px 0 0; }
#content #subContainer .sub a { color: #ef4339; font-weight: bold; float: left; clear: both; text-transform: uppercase; margin: 10px 0 0 0; }
#content #subContainer .sub a:hover { color: #ef4339; font-weight: bold; text-transform: uppercase; float: left; clear: both; margin: 10px 0 0 0; }
#content #subContainer .sub p { margin: 0; color: #6c6c6c; font-size: 11px; }