@import url("../blocks.css");  		/* Default Values  for blocks*/
@import url("../bbcodes.css");  	/* Default Values  for bbcodes*/

html {
	height: 100%;
	padding: 0px;
	margin: 0px;
}

BODY {
   
	background-image: url('images/bg.jpg');
	background-position: 50% 0%;
	background-repeat: repeat;
	background-color: #0A0705;

   font-weight: bold; 
   font-size: 10.5pt; 
   font-family:  VERDANA, ARIAL; 
   
   color: #ff781b;
   text-decoration: none;
   text-align: left;
   
   padding: 0px;
   margin:0px;
}

table{
 font-family: VERDANA, ARIAL;
 font-size: 10.5pt;
 color: #ff781b;
}

a{
 color: #ff781b;
 text-decoration: none;
 border: 0px solid #000000;
}

a:hover{
 text-decoration: underline;
 color: #ff781b;
 border: 0px solid #000000;
}

.tabel{
 font-family: VERDANA, ARIAL;
 font-size: 9pt;
 color: #000000;
 background:#F1F1F1;
 font-weight: normal; 
 text-align: left;
}

.vakrechts{
 font-family: VERDANA, ARIAL;
 font-size: 9pt;
 color: #000000;
 background:#FFFFFF;
 font-weight: normal; 
 padding-left:10px;
}

.menutop{
 font-family: ARIAL;
 font-size: 10pt;
 color: #FFFFFF;
}

.footer{
 color: #666666;
 text-align: center;
}

a.menutop{
 font-family: ARIAL;
 font-size: 10pt;
 color: #FFFFFF;
 margin: 0px;
}
a:hover.menutop{
 font-family: ARIAL;
 font-size: 10pt;
 color: #FFFFFF;
 margin: 0px;
 text-decoration: underline;
}

a.onderstreept{
 color: #c53a01;
 text-decoration: underline;
 border: 0px solid #000000;
 /*font-size: 12px;*/
}
a.onderstreept:hover{
 text-decoration: none;
 color: #c53a01;
 border: 0px solid #000000;
}

a.paars{
 color: #580066;
 text-decoration: none;
 border: 0px solid #000000;
 font-size: 12px;
}
a:hover.paars{
 text-decoration: underline;
 color: #580066;
 border: 0px solid #000000;
}

a.allemenus{
 color: #FFFFFF;
 text-decoration: none;
 border: 0px solid #000000;
 font-size: 12px;
}
a:hover.allemenus{
 text-decoration: underline;
 color: #FFFFFF;
 border: 0px solid #000000;
}

hr{
 color: grey;
 height: 1px;
}

p{
 margin: 0px;
 padding: 0px;
}

p.kop{
 font-family: ARIAL;
 font-size: 10pt;
 font-weight: bold;
 color: #FF6A00;
 margin: 0px;
}

p.kop2{
 font-family: ARIAL;
 font-size: 9pt;
 font-weight: bold;
 color: #FF6A00;
 margin: 0px;
}

p.footer{
 font-family: VERDANA, ARIAL;
 font-size: 8pt;
 color: #FF6A00;
 margin: 0px;
}

a.menu{
 color: #FFFFFF;
 margin: 0px;
 font-weight: bold;
}
a:hover.menu{
 color: #FFFFFF;
 margin: 0px;
 text-decoration: underline;
 font-weight: bold;
}

a.footer{
 color: #FF6A00;
 margin: 0px;
}
a:hover.footer{
 color: #FF6A00;
 margin: 0px;
}

input, textarea, select{
 font-family: arial, helvetica, verdana, sans-serif; 
 font-size: 9pt;
 background: #FFFFFF;
 border: 1px solid #2B2B2B;
}

.bgachtergrondlinks{
 background-image:url('images/depapenheuvel_images_01.jpg');
 background-repeat:no-repeat;
}
.bgachtergrondrechts{
 background-image:url('images/depapenheuvel_images_04.jpg');
 background-repeat:no-repeat;
}

.bglogolinksboven{
 background-image:url('images/depapenheuvel_images_02.png');
 background-repeat:no-repeat;
}
.bgonderlogolinksboven{
 background-image:url('images/depapenheuvel_images_05.jpg');
 background-repeat:no-repeat;
}

.bgheaderboven{
 background-image:url('images/depapenheuvel_images_03.png');
 background-repeat:no-repeat;
}
.bgheaderonder{
 background-image:url('images/depapenheuvel_images_06.png');
 background-repeat:no-repeat;
}

.bgtekstmidden{
 background-image:url('images/depapenheuvel_images_11.jpg');
 background-repeat:no-repeat;
}
.bgondermenu{
 background-image:url('images/depapenheuvel_images_17.jpg');
 background-repeat:no-repeat;
}
.bgonderfotoalbum{
 background-image:url('images/depapenheuvel_images_19.jpg');
 background-repeat:no-repeat;
}


/*================== DROPDOWN MENU TOP ==================================*/

#winkelnav {
 color: #000000;
}

#nav {				padding:0 0 0 20px; margin:0; list-style:none; height:43px; width:800px; font-family:verdana, arial, sans-serif; font-size:12px;}
#nav li {			float:left; margin-right:8px; height:43px;} /* width:78px; */
#nav li a {			display:block; float:left; height:43px; line-height:33px; text-decoration:none; color:#FFF;}
#nav li a span {		display:block; float:left; height:35px; text-align:center; background:transparent; font-weight: bold;;}
#nav li a:hover {		position:relative; visibility:visible; cursor:pointer; line-height:32px;}

#nav li:hover {			position:relative;}
#nav li:hover > a {		line-height:33px; font-weight: bold;}
#nav li:hover a b.p1 {		background:url(images/toxandria_images_dropdown_onder.png);}

#nav li a:hover span {		text-decoration:none;}
#nav li:hover > a span {	text-decoration:underline;}

#nav ul {			padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0; height:0; border-top:0;}

#nav table {			border-collapse:collapse; padding:0; margin:0 0 -1px 0; border:0;}

#nav :hover ul {		left:0; top:35px; width:150px; z-index:500;}
#nav :hover ul ul {		position:absolute; left:-9999px;}
#nav :hover ul :hover ul {	left:110px; top:0;}

#nav :hover ul li {		height:25px; width:150px;}
#nav :hover ul li.pad1 {	height:8px; width:150px; background:transparent;}
#nav :hover ul li.pad2 {	height:8px; width:150px; background:transparent;}

#nav :hover ul li.pad2 b.p5 {	display:block; width:150px; height:26px; font-size:1px; float:left; background:url(images/toxandria_images_dropdown_onder.png); background-repeat:no-repeat;}
#nav :hover ul li.pad1 b.p7 {	display:block; width:149px; height:8px;  font-size:1px; float:left; background:#2B2B2B; border-left:1px solid #2B2B2B;}

#nav :hover ul li a {		height:25px; line-height:15px; padding-left:10px; width:139px; background:#2B2B2B; border-left:1px solid #2B2B2B;}
#nav :hover ul li a.fly {	background:#2B2B2B url(pro10/arrow.gif) no-repeat 120px 5px;}

#nav :hover ul li a:hover {	color:#fff;}
#nav :hover ul li:hover > a {	color:#fff;}

#nav :hover ul :hover ul li.pad1 b.p7 {	background:#2B2B2B; border-left:1px solid #CCCCCC;}
#nav :hover ul :hover ul li a {		background:#2B2B2B; border-left:1px solid #CCCCCC;}

<!--[if lte IE 6]>
  #nav li a:hover b.p1 {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/toxandria_images_dropdown_onder.png', sizingMethod='crop');
  }
  #nav li a:hover ul li.pad2 b.p5  {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/toxandria_images_dropdown_onder.png', sizingMethod='crop');
  }
<![endif]-->

/*================== BLOCK MENU DISPLAY  ================================*/	

#boven{
 text-align: left;
}

.block_top ul li{
 margin: 0px 10px 0px 0px;
 padding: 0px;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
 text-align: left;
 float:left;
}

.block_top ul li a{
	color: #FFFFFF;
	text-align: left;
}

.block_left ul li a{
	color: #FFFFFF;
	text-align: left;
	margin:0px;
	padding:0px;
}

.footerzz{
	color: #FF6A00;
	font-family: VERDANA, ARIAL;
	font-size: 8pt;
}

.block_content ul{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: left;
}

.block_content li{
	margin: 0px 0px 0px 0px;
	padding: 0;
}

.block_webwinkel ul{
	list-style-type: none;
	margin: 20px 0px 0px 20px;
	padding: 0;
}

.block_webwinkel li{
	margin: 10px 0px 14px 0px;
	padding: 0;
}

.block_webwinkel ul li a{
	color: #000000;
	text-align: left;
	margin:0px;
	padding:0px;
}

.block_webwinkel ul li a:hover{
	color: #000000;
}

.block_onder ul{
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 text-align: center;
}

.block_footeronder{
 margin: 3px 0px 4px 0px;
 padding: 0px;
 text-align: center;
 display: block;
 float: left;
 font-size: 10pt;
}

.block_onder ul li{
 margin: 0px;
 margin-top: 4px;
 margin-right: 5px;
 padding: 0px;
 text-align: center;
 float: left;
 font-weight: bold;
 font-size: 10pt;
}

.block_onder ul li a{
 color: #666666;
 text-align: left;
}

.block_onder ul li a:hover{
 color: #666666;
 text-decoration: underline;
 text-align: left;
}


/*================== GLOBAL DISPLAY  ================================*/	

img{
	border:0;
}

form{
	margin:0px;
	padding:0px;
}

#admin a{
	text-align:left; 
	color:#FFFFFF;
}	

#admin{
	text-align:left; 
	color:#FFFFFF;
}

/*================= GENERAL DISPLAY =========================*/

.content{
	padding:0px;
	margin:0px;
}

#module_content{
	padding:0px;
	/* padding-left:0.5em; */
	/* padding-right:0.5em; */
	/* position:relative; */
}

#module_content h1,#block_left h1,#block_right h1{
	text-align:left; 
	padding:3px 0 3px 10px;
	border:0px dashed #AAAAAA;
	margin:0px;
}

.cadre{
	border:0px solid #AAAAAA;
	padding:0px;
	margin-bottom:5px;
	text-align:left; 
}

.middendiv {
	/* position: relative | kan niet ivm het menu gaat dan niet meer over de tekst heen */
	border: 0px solid #000000;
	/* left: 6px; */
	font-weight: normal;
	text-align:left; 
}

.page_content {
	font-size: 11px;
	text-align:left;
	font-weight: normal;
}

.afbeelding {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	margin-top: -75px;
	margin-left: 550px;
	margin-right: 15px;
	padding: 5px;
}

.onderhoud{
	padding: 1em;
	width: 500px;
	font-size: 12px;
	text-align: center;
	font-weight: normal;
	border:1px solid #000000;
	background: #e7edf7;
}

/* ACCORDION MENU RADIUS INTERIEUR WEBWINKEL CATAGORIE */
 .arrowlistmenu{
  width: 217px; /*width of accordion menu*/
 }

 .arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
  /*font: bold 14px Arial;*/
  /*color: white;*/
  /*background: black url(titlebar.png) repeat-x center left;*/
  /*text-transform: uppercase;*/
  color: #2B2B2B;
  font-size: 12px;
  margin-bottom: 8px; /*bottom spacing between header and rest of content*/
  padding: 0px 0 0px 10px; /*header text is indented 10px*/
  cursor: pointer;
  /*cursor: pointer;*/
 }

 .menuheader a{
  color: #2B2B2B;
  font-size: 12px;
  margin-bottom: 8px; /*bottom spacing between header and rest of content*/
  padding: 0px 0 0px 0px; /*header text is indented 10px*/
  cursor: pointer;
  text-decoration: none;
 }

 .menuheader a:visited{
  color: #2B2B2B;
  font-size: 12px;
  margin-bottom: 8px; /*bottom spacing between header and rest of content*/
  padding: 0px 0 0px 0px; /*header text is indented 10px*/
  cursor: pointer;
  text-decoration: none;
 }

 .menuheader a:hover{
  color: #2B2B2B;
  font-size: 12px;
  margin-bottom: 8px; /*bottom spacing between header and rest of content*/
  padding: 0px 0 0px 0px; /*header text is indented 10px*/
  cursor: pointer;
  text-decoration: none;
 }

 .arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
  /*background-image: url(titlebar-active.png);*/
 }

 .arrowlistmenu ul{ /*CSS for UL of each sub menu*/
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
 }

 .arrowlistmenu ul li{
  padding-bottom: 2px; /*bottom spacing between menu items*/
 }

 .arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
  background: lightblue !important;
 }

 .arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
  background: lightgreen !important;
 }

 .arrowlistmenu ul li a{
  /*background: url(arrowbullet.png) no-repeat center left; */ /*custom bullet list image*/
  /*border-bottom: 1px solid #dadada; */
  /*font-size: 90%;*/
  /*font-weight: bold;*/
  color: #580066;
  font-size: 12px;
  display: block;
  padding: 2px 0;
  padding-left: 19px; /*link text is indented 19px*/
  text-decoration: none;
 }

 .arrowlistmenu ul li a:visited{
  color: #580066;
 }

 .arrowlistmenu ul li a:hover{ /*hover state CSS*/
  color: #580066;
  background-color: #EEEEEE;
 }

 .arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
  background: lightblue;
 }


.ac_input {
	width: 200px;
}
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}
.ac_loading {
	background : url('/images/spinner.gif') right center no-repeat;
}
.ac_over {
	background-color: Highlight;
	color: HighlightText;
}