/*-- IE6 .PNG fix --*/

#backgroundbar, #welkomfoto, #header ul, div.product, div.agendaitem, #webshopmenu ul, #header { behavior: url('scripts/iepngfix.htc'); }

/*-- Algemeen --*/

* {
	margin:				0;
	padding:			0;
	font-family:		'Trebuchet MS', sans-serif;
}

a {
	outline: none;
}

body {
	background-image:	url('images/background_116.jpg');
}

#wrapper {
	margin:				auto;
	width:				1032px;
}

#wrapper:after {
	content:			".";
    display:			block;
    height:				0;
    clear:				both;
    visibility:			hidden;
	background-color:	#ff0000;
}

#backgroundbar {
	display:			inline;
	float:				left;
	margin:				0 0 0 39px;
	height:				13px;
	width:				954px;
	background-image:	url('images/topcontent.png');
	background-repeat:	no-repeat;
}

#content {
	display:			inline;
	float:				left;
	margin:				0 0 0 39px;
	width:				954px;
	background-image:	url('images/contentbg.gif');
	background-repeat:	no-repeat;
	background-position:bottom;
}

#content:after {
	content:			".";
    display:			block;
    height:				0;
    clear:				both;
    visibility:			hidden;
}

/*-- Algemeen -- [Header] --*/

#header {
	display:			inline;
	float:				left;
	margin:				0 0 9px 39px;
	height:				150px;
	width:				954px;
	background-image:	url('images/logo.png');
	background-repeat:	no-repeat;
}

#header h1 {
	display:			none;
}

#mainmenu{
	margin:				113px 0 0 0;
	height:				35px;
	width:				954px;
	background-image:	url('images/menubg.png');
	background-repeat:	no-repeat;
	overflow:			hidden;
}

#mainmenu ul {
	margin:				0 0 0 32px;
	list-style-type:	none;
}

#mainmenu ul li{
	display:			block;
	float:				left;
	height:				35px;
}

#mainmenu ul li a{
	padding:			9px 11px 9px 10px;
	font-size:			10pt;
	font-weight:		bold;
	text-decoration:	none;
	color:				#ffffff;
	line-height:		25pt;
}

#mainmenu ul li a:hover{
	background-image:	url('images/menubgzwart.jpg');
}

/*-- Algemeen -- [Submenu] --*/

#submenu {
	display:			inline;
	float:				left;
	width:				198px;
}

#submenu ul	{
	margin:				30px 0 0 28px;
	width:				140px;
	list-style-type:	none;
}

#submenu ul li{
}

#submenu ul li a{
	font-size:			10pt;
	font-weight:		bold;
	color:				#ffffff;
	text-decoration:	none;

}

#submenu ul li a:hover{
	color:				#77173c;
}

/*-- Algemeen -- [Webshopmenu] --*/

#webshopmenu {
	display:			inline;
	float:				right;
	width:				198px;
}

a#winkelwagen {
	display:			block;
	margin:				30px 0 0 18px;
	font-size:			14pt;
	font-weight:		bold;
	color:				#ffffff;
	text-decoration:	none;
}

#webshopmenu ul	{
	margin:				30px 0 0 18px;
	padding:			50px 0 0 0;
	width:				160px;
	list-style-type:	none;
	background-image:	url('images/webshoptxt.png');
	background-repeat:	no-repeat;
}

#webshopmenu ul li{
	display:			block;
	float:				left;
	margin:				0 0 0 5px;
}

#webshopmenu ul li a{
	padding:			10px 0 0 0;
	display:			block;
	height:				31px;
	width:				160px;
	font-size:			10pt;
	font-weight:		bold;
	color:				#ffffff;
	text-decoration:	none;
	background-image:	url('images/wsmbuttonbg.gif');
	background-repeat:	no-repeat;
}

#webshopmenu ul li a:hover{
	color:				#da6c2a;
	background-image:	url('images/wsmbuttonbgover.gif');
	background-repeat:	no-repeat;
}

/*-- Content --*/

/*-- Content -- [Algemeen] --*/

div#maincontent {
	display:			inline;
	float:				left;
	margin:				0 0 -15px 2px;
	position:			relative;
	top:				-13px;
	width:				554px;
	overflow:			auto;
}

div#maincontenttext {
	display:			block;
	margin:				20px 0 0 20px
	height:				auto;
	width:				514px;
}

div#maincontenttext h1 {
	margin:				0 0 20px 8px;
	font-size:			14pt;
	font-style:			bold;
	color:				#003333
}

div#maincontenttext h2 {
	margin:				0 0 0px 8px;
	font-size:			12pt;
	font-style:			bold;
	color:				#003333
}

div#maincontenttext h3 {
	margin:				0 0 20px 8px;
	font-size:			11pt;
	font-style:			bold;
	color:				#003333
}

div#maincontenttext h4 {
	margin:				0 0 20px 8px;
	font-size:			10pt;
	font-style:			bold;
	color:				#003333
}

div#maincontenttext p, div#maincontent li {
	margin:				0 0 20px 12px;
	font-size:			10pt;
	color:				#003333
}

a:link {
	font-size:			10pt;
	color:				#660033;
}

a:hover {
	font-size:			10pt;
	color:				#660033;
}

a:visited {
	font-size:			10pt;
	color:				#660033;
}

div#maincontent ul {
	margin:				0 0 0 30px;
}

div#maincontent li.nadruk {
	margin:				40px 0 0 0;
	font-size:			14pt;
}

/*-- Content -- [Home] --*/

#welkomfoto {
	display:			inline;
	float:				left;
	margin:				0 0 0 4px;
	height:				262px;
	width:				519px;
	background-image:	url('images/welkomfoto.png');
	background-repeat:	no-repeat;
}

#welkomtext {
	display:			inline;
	float:				left;
	margin:				10px 0 0 8px;
	height:				auto;
	width:				380px;
}

#welkomtext h1 {
	margin:				0 0 20px 8px;
	font-size:			14pt;
	font-style:			bold;
	color:				#003333
}

#welkomtext h2 {
	margin:				0 0 20px 8px;
	font-size:			12pt;
	font-style:			bold;
	color:				#003333
}

#welkomtext h3 {
	margin:				0 0 20px 8px;
	font-size:			11pt;
	font-style:			bold;
	color:				#003333
}

#welkomtext h4 {
	margin:				0 0 20px 8px;
	font-size:			10pt;
	font-style:			bold;
	color:				#003333
}

#welkomtext p, div#maincontent li {
	font-size:			10pt;
	color:				#003333
}

/*-- Content -- [Winkel] --*/

div.product {
	display:			inline;
	float:				left;
	margin:				0 0 15px 7px;
	height:				150px;
	width:				175px;
	background-image:	url('images/product.png');
	background-repeat:	no-repeat;
}

div.product h2 {
	margin:				4px 0 0 8px;
	font-size:			10pt;
	font-weight:		bold;
	text-decoration:	underline;
	color:				#70743c;
}

div.product img {
	display:			block;
	height:				100px;
	width:				160px;
	margin:				0px 0 0 7px;
}

span.prijs {
	display:			block;
	margin:				7px 0 0 14px;
	font-size:			9pt;
	font-weight:		bold;
	color:				#ffffff;
}

/*-- Content -- [Agenda] --*/

div.agendaitem {
	display:				inline;
	float:					left;
	margin:					10px 0 0 50px;
	height:					131px;
	width:					444px;
	background-image:		url('images/agendaitembg.png');
	background-repeat:		no-repeat;
}

h2.agenda {
	display:				inline;
	float:					left;
	font-size:				16pt;
	color:					#70743c;
	margin:					25px 0 0 60px;
	width:					200px;
	text-decoration:		underline;
	clear:					both;
}

div.agendaitem h3 {
	display:				inline;
	float:					left;
	width:					253px;
	font-size:				10pt;
	color:					#70743c;
	margin:					7px 0 10px 10px;
}

span.lesgeefster {
	display:				inline;
	float:					left;
	font-size:				8pt;
	width:					253px;
	margin:					-10px 0 0 55px;
	color:					#70743c;
	
}

div.agendaitem p {
	display:				inline;
	float:					left;
	margin:					3px 0 0 13px;
	height:					60px;
	width:					300px;
	font-size:				9pt;
	color:					#003333;
	overflow:				hidden;
}

div.agendaitem img {
	display:				inline;
	float:					right;
	margin:					14px 10px 0 0;
	height:					85px;
	width:					85px;
	background-color:		#dddddd;
}

span.dag {
	display:				inline;
	float:					left;
	font-size:				10pt;
	width:					42px;
	height:					12px;
	margin:					6px 0 0 0;
	font-weight:			bold;
	color:					#ffffff;
	text-align:				center;
}

span.cursusprijs {
	display:				inline;
	float:					left;
	margin:					6px 0 0 15px;
	color:					#ffffff;
	font-size:				10pt;
	font-weight:			bold;
	width:					118px;
}

span.lessen {
	display:				inline;
	float:					left;
	margin:					6px 0 0 20px;
	color:					#ffffff;
	font-size:				10pt;
	font-weight:			bold;
	width:					200px;
}

span.leesmeer {
	display:				inline;
	float:					left;
	margin:					5px 0 0 10px;
	width:					70px;
}

span.leesmeer a{
	color:					#ffffff;
	font-style:				bold;
}

span.leesmeer a:hover{
	color:					#ffffff;
	font-style:				bold;
}

span.leesmeer a:visited{
	color:					#ffffff;
	font-style:				bold;
}

/*-- Content -- [Agenda -- Lees meer] --*/

div#leesmeerfoto {
	display:				inline;
	float:					right;
	padding:				0 0 10px 10px;
}

p#details {
	display:				inline;
	float:					right;
	width:					200px;
}

p#datums {
	display:				inline;
	float:					left;
	width:					200px;
}

p#details a:link {
	font-size:			10pt;
	color:				#660033;
}

p#details a:hover {
	font-size:			10pt;
	color:				#660033;
}

p#details a:visited {
	font-size:			10pt;
	color:				#660033;
}

/*-- Footer --*/

#footer {
	display:			inline;
	float:				left;
	margin:				10px 0 0 39px;
	height:				90px;
	width:				954px;
	background-image:	url('images/footerbg.png');
	background-repeat:	no-repeat;
}

#footer address {
	margin:				20px 0 0 30px;
	font-size:			14pt;
	font-style:			normal;
	font-weight:		bold;
	color:				#ffffff;
}

span#copyrights {
	display:			block;
	margin:				10px 0 0 30px;
	font-size:			10pt;
	color:				#ffffff;
}