/* Accredis CSS */
html,
	body {
		margin:0;
		padding:0;
		height:100%;
		text-align: center;
		background: #FFFFFF url(img/Background.png) repeat-x top;
	}
	#container {
		min-height:100%;
		position:relative;
		margin-left: auto;
		margin-right: auto;
		width:960px;
		text-align: left;
	}
	#header {
		height:125px;
	}
	#body {
		/* height: 100%; */
		/* border: 1px dashed red;  */
		/* padding: 0 0 0 0; */
		padding-bottom:40px;	/* Height of the footer */
	}
	#footer {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		position:absolute;
		bottom:0;
		width:100%;
		height:40px;			/* Height of the footer */
		background:#ffcc00;
	}
#body a {
	color: #000;
}
#body a:hover {
	color: #808080;
}
.bodymain {
	width: 540px;
	/* overflow: hidden; */
	position: relative;
	margin: 0 0 20px 170px;
}
.menu {
	width: 150px;
	float: left;
	position: relative;
	/* overflow: hidden; */
}
.menu a{
	color: #000;
	text-decoration: none;
}
.menu a:hover{
	color: #000;
	font-style: italic;
	/* text-decoration: underline; */
}
.menu p{
	margin:0;
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom: 1px solid #808080;
}
.bodypic {
	margin: 20px 0 0 0;
	float: right;
	padding: 1px;
  border:1px solid #808080;
  background-color:#fff;
}
div.HeaderLogo {
	color: #000000;
	text-align: left;
	width: 400px;
	margin: 20px 0 0 0;
	float: left;
}
div.HeaderContact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	text-align: right;
	width: 300px;
	margin: 20px 0 0 0;
	float: right;
}
.headernotice{
	padding: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #ffcc00;
}
.headerrow {
	/* border: 1px dashed #000000; */
	width: 960px;
	height: 83px;
	overflow: hidden;
}
.DivNavBar {
	height: 42px;
	overflow: hidden;
}
.IntroCar {
	width:700px;
	float: left;
	position: relative;
}
.IntroLoginBox {
	width:220px;
	float: right;
}
.IntroEmpty {
	width:960px;
	height: 100px;
	border: 1px dashed #ccff00;
}
.BodyRow {
	/* width: 100%; */
	padding: 20px 0 0 0;
}

.HeaderRight {
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	text-align: right;
	border: 0px;
	line-height: normal;
}
.IntroLoginHeader {
	padding: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #666;
	/* border: 1px solid #ffcc00; */
	margin: 0 0 0 0;
}
.IntroProductBox {
	/* border: 1px solid #ffcc00; */
	width: 300px;
	padding: 10px 10px 0 10px;
	float: left;
	position: relative;
}
.IntroLogin {
	padding: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #666;
	line-height: normal;
	position: relative;
}
.IntroBoxContent {
	padding: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fff;
	border: 1px solid #666;
	line-height: normal;
}
.AccHeader {
	position: relative;
	padding: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #666;
	/* border: 1px solid #ffcc00; */
	margin: 0 0 0 0;
}
.AccContent {
	position: relative;
	padding: 9px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #666;
	line-height: 13pt;
}
.AccMenuContent {
	position: relative;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #fff;
	border: 1px solid #666;
	line-height: 15pt;
}
.AccPic {
	background-color: #fff;
	border: 1px solid #666;
}

/* NavBar */
.NavBar {
  position: relative;
  height: 28px;
  width: 960px;
  background-color: #ffcc00;
  padding: 3px;
  margin: 2px 0 20px;
  overflow: hidden;
    }
		.NavBar li {
			float: left;
      list-style: none;
      }
    .NavBar li.back {
      background: url("img/lava.gif") no-repeat right -30px;
      width: 9px; height: 30px;
      z-index: 8;
      position: absolute;
      }
    .NavBar li.back .left {
      background: url("img/lava.gif") no-repeat top left;
      height: 30px;
      margin-right: 9px; /* 7px is the width of the rounded shape */
      }
    .NavBar li a {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			/* font-weight: bold;*/
      text-decoration: none;
      color: #000;
      outline: none;
      text-align: center;
      top: 7px;
      text-transform: uppercase;
      letter-spacing: 0;
      z-index: 10;
      display: block;
      float: left;
      height: 30px;
      position: relative;
      overflow: hidden;
      margin: auto 10px;    
      }
    .NavBar li a:hover, .NavBar li a:active, .NavBar li a:visited {
      border: none;
      }

			/* Intro sliders producten */
.boxgrid{ 
				width: 298px; 
				height: 150px; 
				margin: 0 0 0 0; 
				float:left; 
				background:#ffcc00; 
				border: solid 1px #666; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#666; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #ffcc00; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}			
/* other non-essential CSS */
	#header p,
	#header h1 {
		margin:0;
		padding:10px 0 0 10px;
	}
	#footer p {
		margin:0;
		padding:10px;
	}
/* Accordion */
.accordion {
	width: 100%;
	border-bottom: solid 1px #c4c4c4;
}
.accordion h3 {
	background: #e9e7e7;
	padding: 7px 7px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #ffcc00;
}
.accordion h3.active {
	background-position: right 5px;
}
.accordion p {
	margin: 0;
	padding: 10px 15px 20px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
}