/* CSS Document */

HTML{ height: 100.01%;}
BODY{ margin: 0; height: 100%;}
HTML, BODY{ font-size: 11px; font-family:Arial, Helvetica, sans-serif; background:#7f4cd9;}




H1{
	margin:15px 0 10px 0;
	font-size:25px;
	line-height:28px;
}
H2{
	font-size:22px;
	line-height:24px;
	margin:5px 0 10px 0;
}
H2 A{
	color:#FFFFFF;
	text-decoration:none;
}
H2 A:hover{
	color:#000000;
	text-decoration:none;
}
H3{
	font-size:18px;
	line-height:20px;
	margin:5px 0 10px 0;
	height:55px;
	overflow:hidden;
}
H4{
	font-size:18px;
	line-height:20px;
	margin:5px 0 10px 0;
}
H5{
	font-size:15px;
	line-height:18px;
	margin:5px 0 10px 0;
}
H6{
	font-size:12px;
	line-height:16px;
	margin:5px 0 10px 0;
}

P{
	margin:5px 0 10px 0;
}


.top{
	width:100%;
	height:20px;
	color:#FFFFFF;
	background:#000000;
	text-align:center;
	line-height:20px;
	border-bottom:solid 1px #FFFFFF;
}
.top A{
	color:#CCCCCC;
	text-decoration:none;
	padding:0px 12px 0px 12px;
}
.top A:hover{
	color:#ffffff;
	text-decoration:none;
	background:#7f4cd9;
}
#kabels:HOVER{
	background:#27B6C4;	
	color:#fff;
}
#beugels:HOVER{
	background:#02B293;	
	color:#fff;
}
#projectiescherm:HOVER{
	background:#7F4CD9;	
	color:#fff;
}
#av:HOVER{
	background:#97D045 ;	
	color:#fff;
}
#displayon:HOVER{
	background:#97D045;	
	color:#fff;
}
#xl_touch:HOVER{
	background:#3F92D2;	
	color:#fff;
}


#container{
	margin:10px auto 0 auto;
	width:979px;
}
#container #header{
	height:105px;
	border:1px solid #FFFFFF;
	border-right:0px;
	background: url(../Images/bg_top_rechts.gif) right repeat-y;
	margin:0 0 6px 0;
}
#container #header #logo{
	float:left;
	background: url(../Images/logo.gif); 
	width:465px;
	height:105px;
}
#container #header #logo A{
	float:left;
	width:465px;
	height:105px;
}
#container #header #top_menu{
	float: right;
	width:auto;
}
#container #header #top_menu UL{
	margin:5px 0 0 0;
	padding:0px;
	list-style:none;
}
#container #header #top_menu UL LI{
	float:left;
	font-size:11px;
	font-weight:bold;
	margin:0 5px 0 5px;
}
#container #header #top_menu UL LI A{
	text-decoration:none;
	color:#FFFFFF;
}
#container #header #top_menu UL LI A:hover{
	color:#000000;
}
#container #header #winkelmand{
	margin:3px 5px 0 0;
	font-size:11px;
	float:right;
}
#container #header #winkelmand FONT{
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
#container #header #winkelmand A IMG{
	float:left;
	border:0px;
}
#container #header #winkelmand A{
	text-decoration:none;
	color:#000000;
}


#container #header #zoeken{
	float:right;
}
#container #header #zoeken FORM{
	text-align:right;
	width:470px;
	border:5px solid #7f4cd9;
	border-left:0px;
	border-right:0px;
	
	margin:5px 0 0 0;
	padding:2px 5px 5px 0;
}
#container #header #zoeken FORM FIELDSET{
	margin:0px;
	padding:0px;
	border:0px;
}
#container #header #zoeken FORM FIELDSET P{
	margin:0 5px 3px 0;
	padding:0px;
	color:#FFFFFF;
}
#container #header #zoeken FORM INPUT{
	background:#000000;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	width:200px;
	margin:0px;
	padding:2px 0 2px 2px;
}

#container #content{
	background: url(../Images/bg_content.gif) left repeat-y;
	width:979px;
}
#container #content #inhoud{
	color:#FFFFFF;
	float:left;
	width:555px;
	padding:10px 20px 20px 20px;
	margin:0 px 0 0;
}


#container #content #inhoud #breadcrums{
	color:#FFFFFF;
}
#container #content #inhoud #breadcrums A{
	text-decoration:none;
	color:#FFF;
}
#container #content #inhoud #breadcrums A:hover{
	color:#FFFFFF;
}
#container #content #rechts{
	float:right;
	width:158px;
}
#container #content #footer{
	width:979px;
	clear:left;
}
#container #content #footer #links{
	font-size:10px;
	font-weight: normal;
	text-align:center;
	color:#006670;
}
#container #content #footer #links A{
	text-decoration:none;
	color:#006670;
}


/* menu  */
.puldown{
	cursor:pointer;
	background:url(../Images/pijl_R.gif) no-repeat left top;
	border-bottom:1px solid #7f4cd9;
}
.puldown UL{
	position:absolute;
	display:none;
}

.puldown_uit{
	cursor:pointer;
	background:url(../Images/pijl_B.gif) no-repeat left top;
	border-bottom:1px solid #7f4cd9;
}
.puldown_uit UL{
	padding:0px;
	margin:0px;
	border-top:1px solid #7f4cd9;
	margin:5px 0 5px 0px;
}
.puldown_uit a{
	text-decoration:none;
	padding:0px;
	margin:0px;
	color:#000000;
}
.puldown a{
	text-decoration:none;
	float:left;
	width:165px;
	padding:0px;
	margin:0px;
	color:#000000;
	background:url(../Images/pijl_R.gif) no-repeat left top;
}
.puldown a:hover{
	background:url(../Images/pijl_R.gif) no-repeat left top #B58FFF;
}


.submenu a{
	text-indent:0px;
	padding:0 0 0 5px;
	font-size:11px;
	line-height:13px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	background:#7f4cd9;
	float:left;
	width:150px;
	margin:1px 0px 1px 5px;
	display:inline;
}
.submenu a:hover{
	background:#000000;
	color:#FFFFFF;
}





.hoofdmenu{
	margin:0 6px 0 0;
	float:left;
	list-style:none;
	color:#FFFFFF;
	font-size:12px;
	line-height:18px;
	width:166px;
}
.hoofdmenu UL{
	overflow:hidden;
	width:165px;
	font-size:12px;
	line-height:18px;
	list-style:none;
	margin:0px;
	padding:0px;
}
.hoofdmenu LI{
	text-indent:25px;
	float:left;
	width:165px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

/*login*/

#content #login{
	color:#000000;
	margin:40px 5px 5px  5px;
	font-size:11px;
	font-weight:bold;
}
#content #login FORM{
	width:150px;
	margin:0px;
	padding:0px;
}
#content #login FORM FIELDSET{
	margin:0px;
	padding:0px;
	border:0px;
}
#content #login FORM FIELDSET LABEL{
}
#content #login FORM FIELDSET INPUT{
	margin:1px 0 1px 0;
	padding:2px;
	font-size:11px;
	border:1px solid #000000;
	background:#7f4cd9;
	width:144px;
}
#content #login FORM FIELDSET INPUT.knop{
	background:#FFFFFF;
	font-weight:bold;
	width:auto;
	float:right;
	color:#000000;
}
#container #header #zoeken FORM FIELDSET INPUT.knop {
background:#7f4cd9;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-size:11px;
height:22px;
width:auto;
}

#login A{
	color:#000000;
	text-decoration:none;
}
#login A:hover{
	color:#7f4cd9;
	text-decoration:none;
}


/*rechts*/
#rechts .item{
	background:#5725af;
	width:160px;
	padding:0 0 3px 0;
	margin:0 0 5px 0;
}
#rechts .item H2{
	width:160px;
	background:url(../Images/bg_kop_rechts.gif) bottom repeat-x #7f4cd9;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	font-size:18px;
	line-height:18px;
	text-align:center;
	text-transform:uppercase;
}
#rechts .item UL.nummer LI{
	list-style-type: decimal;
	margin:2px 0 0 20px;
}
#rechts .item UL.nummer{
	margin:20px;
	padding:0px;
	list-style:none;
	line-height:14px;
	background:#FFFFFF;
	width:140px;
	margin:5px;
	padding:5px;
}
#rechts .item UL{
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:14px;
	background:#FFFFFF;
	width:140px;
	margin:5px;
	padding:5px;
}
#top5{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#rechts .item UL LI{
	margin:0 0 3px 0;
}
#rechts .item UL LI A{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
#rechts .item UL LI A:hover{
	color:#7f4cd9;
}
#rechts .item #aanbieding{
	background:#FFFFFF;
	width:150px;
	margin:5px;
	padding:0px;
	text-align:center;
}
#rechts .item #aanbieding IMG{
	border:0px;
}
#rechts .item #aanbieding A{
	color:#000000;
	text-decoration:none;
}
#rechts .item #aanbieding A:hover{
	color:#7f4cd9;
}
.rechts_winkelmandje_tekst{
	width:146px;
	margin:5px 5px 5px 5px;
	padding:0px 2px 5px 2px;
	background:#FFFFFF;
}
.rechts_winkelmandje_tekst a{
	color:#000000;
	text-decoration:none;
}
.rechts_winkelmandje_tekst a:hover{
	color:#7f4cd9;
	text-decoration:none;
}
.opsomming{
	list-style:decimal;
}

/*footer*/
#footer{
	background:#7f4cd9;
}
#footer #BP{
	float:left;
	width:172px;
}
#footer #BP A{
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
#footer #BP A:hover{
	color:#999999;
}
#footer #NAW{
	font-weight:bold;
	width:640px;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
}
#footer #NAW A{
	text-decoration:none;
	color:#FFFFFF;
}
#footer #NAW A:hover{
	color:#000000;
}
#footer #NAW FONT{
	color:#000000;
}