/* BASIS ELEMENTEN */

body 
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 0.65em;
	padding									: 0px;
	margin									: 0px;
	color									: #000;
	background-color 						: #fff;
}

a:link, a:visited, a:active
{
	color									: #000;
	text-decoration							: underline;
}

a:hover
{
	text-decoration							: none;
}

img
{
	border 									: 0px solid #fff;
}

h1
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 1em;
	font-weight								: bold;
	color									: #000;
	line-height								: 1em;
	padding									: 0px;
	margin									: 0px;
}

h2
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 1.5em;
	font-weight								: bold;
	color									: #099;
	line-height								: 1.9em;
	background								: url(../img/h2_bg.jpg) top left repeat;
	padding									: 0px;
	margin									: 0px;
	padding-left 							: 12px;
	margin-bottom 							: 10px;
	margin-right 							: 7px;
}

h6
{
	font-family								: Verdana, Arial, Helvetica, sans-serif;
	font-size								: 1em;
	font-weight 							: normal;
	color									: #fff;
	line-height								: 1.9em;
	padding									: 0px 10px 0px 8px;
	margin									: 0px;
	background-color 						: #999;
	border-bottom 							: 1px solid #fff;
}

h6 a,h6 a:link,h6 a:active,h6 a:visited
{
	color									: #fff;
}

.wrapper
{
	width 									: 950px;
	margin 									: 0 auto;
	padding-bottom 							: 2px;
}

.top
{
	margin-left 							: 47px;
	margin-right 							: 31px;
	margin-top 								: 17px;
	margin-bottom 							: 17px;
	height 									: 95px;
}

/* GESPECIFICEERDE ELEMENTEN */
.flash
{
	text-align 								: center;
	margin-bottom 							: 8px;
}

.main_footer
{
	text-align								: center;
	background 								: url(../img/main_footerbg.jpg) top left no-repeat;
}

.main
{
	position 								: relative;
	top 									: 0px;
	left 									: 0px;
	margin-left 							: 29px;
	margin-right 							: 25px;
}

.content_bg
{
	float 									: right;
	width 									: 674px;
	background 								: url(../img/content_bg.jpg) top left repeat-y;
	position: relative;
	z-index: 999;
}

.index_footer
{
	background								: url(../img/body_bg.jpg) top center no-repeat; 
	padding									: 2px;
}

.footer 
{
	background 								: url(../img/footer_bg.jpg) top left no-repeat;
	clear 									: both;
	padding 								: 0px 22px 25px 15px;
	color 									: #699;
}

.footer a,.footer a:link,.footer a:active,.footer a:visited,
.adres a,.adres a:link,.adres a:active,.adres a:visited
{
	color 									: #699;
	text-decoration							: none;
}

.footer a:hover,
.adres a:hover
{
	color 									: #699;
	text-decoration							: underline;
}

.actueel
{
	height 									: 105px;
	background 								: url(../img/actuele_acties.jpg) bottom left no-repeat;
	margin-left 							: 28px;
	margin-right 							: 29px;
	padding-left 							: 8px;
	padding-right 						: 8px;
	padding-top								: 30px;
	text-align								: center;
}

.acties
{
	border 									: 1px solid #D9EDED;
	width 									: 282px;
	text-align							: left;
	color 									: #066;
}

.acties div a,.acties div a:link,.acties div a:active,.acties div a:visited 
{
	color 									: #066;
	text-decoration					: none;
}

.acties div a:hover
{
	color 									: #066;
	text-decoration 						: none;
}

.acties div
{
	margin-top 								: 13px;
}

.copyright
{
	margin-left 							: 28px;
	margin-right 							: 29px;
	padding 								: 4px 19px 4px 19px;
	height 									: 20px;
	background 								: url(../img/copy_bg.jpg) bottom left no-repeat;
	color									: #699;
}

.copyright a,.copyright a:link,.copyright a:active,.copyright a:visited
{
	color 									: #699;
	text-decoration							: none;
}

.copyright a:hover
{
	color 									: #699;
	text-decoration							: underline;
}

.partners
{
	text-align 								: center;
	vertical-align 							: middle;
	margin-top 								: 14px;
	width 									: 202px;
	float 									: left;
	color 									: #fff;
}

.partners a,.partners a:link,.partners a:active,.partners a:visited
{
	color 									: #fff;
	text-decoration							: none;
	font-size 								: 1.1em;	
}

.partners a:hover
{
	text-decoration							: underline;
	color 									: #fff;
}

.breadcrum
{
	float 									: left;
	margin-left 							: 41px;
	text-align 								: left;
	font-size 								: 1.1em;
	margin-top 								: 14px;
	color 									: #099;
}

.breadcrum a,.breadcrum a:link,.breadcrum a:active,.breadcrum a:visited
{
	font-weight 							: bold;
	color 									: #099;
	text-decoration 						: none;
}

.breadcrum a:hover
{
	text-decoration							: underline;
	color 									: #099;
	font-weight 							: bold;
}

.bordertop
{
	border-top 								: 11px solid #099;
}

.imgborder
{
	border-top 								: 11px solid #099;
	border-left 							: 1px solid #C6E3E3;
	border-right 							: 1px solid #C6E3E3;
	border-bottom 							: 1px solid #C6E3E3;
	margin-right 							: 15px;
}

/* MENUS */
/* hoofdnavigatie */
.navcontainer
{
	height 									: 73px;
	margin-left 							: 29px;
	margin-right 							: 29px;
	width 									: 892px;
	background 								: url(../img/navcontainer_bg.gif) top left no-repeat;
}

.navcontainer ul
{
	height 									: 32px;
	margin 									: 0px;
	padding 								: 0px;
	list-style-type							: none;
}

.navcontainer ul li 				
{
	width 									: 223px;
	float 									: left;
	height 									: 32px;
}

.navcontainer ul li a
{
	display 								: block;
	height 									: 100%;
	text-decoration							: none;
}

.navcontainer ul li a span
{
	visibility 								: hidden;
}

.navcontainer ul li a:link,.navcontainer ul li a:active,.navcontainer ul li a:visited
{
	text-decoration							: none;
}

.navcontainer ul li.nav1_1 a:hover
{
	background 								: url(../img/nav1_1.jpg) top left no-repeat;
}

.navcontainer ul li.nav1_2 a:hover
{
	background 								: url(../img/nav1_2.jpg) top left no-repeat;
}

.navcontainer ul li.nav1_3 a:hover
{
	background 								: url(../img/nav1_3.jpg) top left no-repeat;
}

.navcontainer ul li.nav1_4 a:hover
{
	background 								: url(../img/nav1_4.jpg) top left no-repeat;
}

.navcontainer ul li.nav1_1_active a
{
	background 								: url(../img/nav1_1.jpg) top left no-repeat;
}

.navcontainer ul li.nav1_2_active a
{
	background 								: url(../img/nav1_2.jpg) top left no-repeat;
}

.navcontainer ul li.nav1_3_active a
{
	background 								: url(../img/nav1_3.jpg) top left no-repeat;
}

.navcontainer ul li.nav1_4_active a
{
	background 								: url(../img/nav1_4.jpg) top left no-repeat;
}

/* subnavigatie */
.navsub
{	
	position 								: absolute;
	top 										: 0px;
	left 										: 0px;
	z-index 								: 2;
	width 									: 228px;
	background 								: url(../img/navsub_bg.jpg) top left repeat-y;
	padding-top 							: 8px;
	font-size 								: 1.1em;	
}

.navsub ul
{
	list-style-type 						: none;
	margin 									: 0px;
	padding									: 0px 0px 0px 10px;
}

.navsub ul li
{
	padding-top 							: 7px;
}

.navsub ul li a,.navsub ul li a:link,.navsub ul li a:active,.navsub ul li a:visited
{
	text-decoration							: none;
}

.navsub ul li a:hover
{
	text-decoration							: underline;
}

.navsub ul li.navsubsub
{
	margin-left 							: 10px;
	font-weight 							: bold;
}

.navsub ul.navsubsubsub
{
	margin-left 							: 20px;
}

.navsubsubsub li a,.navsubsubsub li a:link,.navsubsubsub li a:active,.navsubsubsub li a:visited,.navsubsubsub li a:hover
{
	color 									: #000;
	font-weight 							: normal;
}

.navsubsubsub li.subactief2 a,.navsubsubsub li.subactief2 a:link,.navsubsubsub li.subactief2 a:visited,.navsubsubsub li.subactief2 a:visited,.navsubsubsub li a:hover
{
	color 									: #099;
	font-weight 							: bold;
}

.navsub ul li.subactief a
{
	color 									: #099;
	font-weight 							: bold;
}

.navsub ul.eindemenu
{
	background 								: url(../img/navsub_footer.jpg) bottom left no-repeat;
	padding-bottom 						: 40px;
}

/* DATABASE */
.product_cat
{
	background 								: url(../img/db_product_cat.jpg) top left no-repeat;
	margin-right 							: 7px;
	margin-bottom 							: 2px;
	height 									: 28px;
}

.selecteer
{
	background 								: url(../img/db_select_cat.jpg) top left no-repeat;
	margin-right 							: 7px;
	margin-bottom 							: 10px;
	height 									: 28px;
}

.assortiment_db
{
	border 									: 0px solid #fff;
	padding-bottom 							: 10px;
}

.border_db
{
	background 								: url(../img/border_db.jpg) bottom left no-repeat;
}

.dropdown select
{
	width 									: 180px;
	margin-left 							: 210px;
	margin-top 								: 4px;
}

.submit_l
{
	background 								: url(../img/submit_bg.jpg) top left no-repeat;
	border 									: 0px solid #fff;
	width 									: 22px;
	height 									: 22px;
	cursor 									: pointer;
}

/** SPLASH PAGE **/
#afdeling_keuze ul 
{
	list-style: none;
	margin: 0 0 0 28px;
	padding: 0;
}

#afdeling_keuze li 
{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#afdeling_keuze li a 
{
	text-indent: -9000px;
	overflow: hidden;
}

#afdeling_keuze #spacer 
{
	display: block;
	width: 45px;
}

#afdeling_keuze #keuze_penf a
{
	background-image: url("../img/homepage_penf.jpg");
	width: 268px;
	height: 252px;
	display: block;
}

#afdeling_keuze #keuze_bezoekers a
{
	background-image: url("../img/homepage_bezoekers.jpg");
	width: 268px;
	height: 252px;
	display: block;
}

#afdeling_keuze #keuze_resellers a
{
	background-image: url("../img/homepage_resellers.jpg");
	width: 268px;
	height: 252px;
	display: block;
}
