@import url( reset.css );

html {
	height:				100%;
}

body {
	text-align:			center;
	color:				#767676;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			12px;
	line-height:		16px;
	background-color:	#e6e6e6;
}

h1 {
	font-size:			20px;
	font-weight:		bold;
	margin-bottom:		20px;
	color:				#00aeef;
}

h2 {
	font-size:			12px;
	color:				#00aeef;
	font-weight:		bold;
	margin-bottom:		5px;
}

h3 {
	font-size:			16px;
	color:				#00aeef;
	font-weight:		bold;
	margin-bottom:		5px;
}

h4 {
	font-size:			14px;
	color:				#00aeef;
	font-weight:		bold;
	margin-bottom:		18px;
}

h5 {
	font-size:			12px;
	color:				#00aeef;
	font-weight:		bold;
	margin-bottom:		5px;
}

strong {
	font-weight:		bold;
}

p {
	margin-bottom:		20px;
	line-height:		16px;
}

p.heading {
	font-weight:		bold;
	margin-bottom:		10px;
}

.clear {
	clear:				both;
}

/* ------------------------------------------------ // container */
div#container {
	position:			relative;
	width:				904px;
	height:				auto;
	margin:				38px auto 0px auto;
	padding:			0px 23px 0px 23px;
	background-color:	#FFFFFF;
}

/* ------------------------------------------------ // header */
div#header {
	position:			relative;
	float:				left;
	width:				904px;
}

img#logo {
	position:			relative;
	float:				left;
	margin-top:			-20px;
	margin-bottom:		20px;
}

ul#top-menu {
	float:				right;
	display:			block;
	margin-top:			58px;
}

ul#top-menu li {
	float:				left;
	margin-left:		10px;
	padding-left:		11px;
	background-image:	url('../images/list_style.gif');
	background-repeat:	no-repeat;
	background-position:0px 2px;
}

ul#top-menu li a {
	text-decoration:	none;
	color:				#767676;
}

ul#horiz-menu {
	margin-top:			5px;
}

ul#horiz-menu li {
	float:				left;
	width:				149px;
	height:				26px;
	margin-right:		2px;
	text-align:			center;
	line-height:		26px;
	background-image:	url('../images/menu_bg.gif');
}

ul#horiz-menu li.last {
	margin:				0px;
}

ul#horiz-menu li a {
	color:				#FFFFFF;
	text-decoration:	none;
	font-weight:		bold;
}

/* ------------------------------------------------ // menu */
div#menu {
	position:			relative;
	float:				left;
	margin-top:			30px;
	width:				200px;
}

div#menu a.subcategorie {
	text-decoration:	none;
	font-size:		12px;
	line-height:	14px;
	margin-right:	0;
	margin-bottom:	0;
	min-height:		1px;
	width:			auto;
	display:		inline;
	float:			none;
}

h2#producten {
	width:				149px;
	border-bottom:		1px solid #00aeef;
	padding-bottom:		5px;
}

h2#partner-websites {
	width:				149px;
	border-bottom:		1px solid #00aeef;
	padding-bottom:		5px;
}

img#driehoek {
	padding-right:		7px;
}

ul#partner-menu {
	width:				200px;
	margin-top:			12px;
	list-style-type:	none;
}

ul#partner-menu li {
	display:			block;
	float:				left;
	width:				186px;
	padding-bottom:		12px;
	background-image:	url('../images/list_style.gif');
	background-repeat:	no-repeat;
	background-position:0px 2px;
	font-weight:		bold;
}

ul#partner-menu li a {
	padding-left:		11px;
	width:				100px;
	display:			block;
	text-decoration:	none;
}

ul#vert-menu {
	width:				200px;
	margin-top:			12px;
	list-style-type:	none;
}

ul#vert-menu li {
	display:			block;
	float:				left;
	width:				186px;
	padding-bottom:		12px;
	background-image:	url('../images/list_style.gif');
	background-repeat:	no-repeat;
	background-position:0px 2px;
	font-weight:		bold;
}

ul#vert-menu li#actief {
	background-image:	url('../images/list_style_actief.gif');
	background-position:0px 2px;
}

ul#vert-menu li a {
	padding-left:		11px;
	width:				100px;
	display:			block;
}

ul#vert-menu ul.vert-menu_sub {
	float:				left;
	display:			none;
	padding-top:		12px;
	margin:				0px 0px 0px 11px;
}

ul#vert-menu ul.vert-menu_sub li {
	width:				170px;
	margin-left:		0px;
	padding-bottom:		8px;
}

ul#vert-menu li a {
	text-decoration:	none;
	color:				#00aeef;
}

/* ------------------------------------------------ // content */
div#content {
	position:			relative;
	float:				left;
	margin-top:			30px;
	width:				704px;
	height:				auto;
}

/* ------------------------------------------------ // footer */
div#footer {
	position:			relative;
	float:				left;
	width:				904px;
	height:				22px;
	padding-top:		10px;
	border-top:			2px solid #c0c0c0;
	font-size:			10px;
}

span#footer_left {
	float:				left;
	display:			block;
}

span#footer_right {
	float:				right;
	display:			block;
	color:				#00aeef;
	font-weight:		bold;
	
}