/* ------------------------------------------------- BASIC ------------------------------------------------------ */
html,body {
	height	: 100%;
}
body {
	font-family	: "Trebuchet MS", Verdana, Arial, Helvetica;
	font-size	: 12px;
	color		: #373737;
	background	: #D3D1D1 url(../img/bg_pink.jpg) repeat-x;
	text-align	: center;
	line-height	: 1.9em;
	margin		: 0;
	padding		: 0;
}
#container {
	background	: #FFF;
	width		: 868px;
	text-align	: left;
	overflow	: auto;
	margin		: 0 auto;
	padding		: 0;
}

/* ----------------------------------------------- TOP SECTION --------------------------------------------------- */

#topsec {
	width		: 100%;
	position	: relative;
}

#banner_left {
	background	: url(../img/banner_left_red.jpg) no-repeat;
	width		: 19px;
	height		: 125px;
	float		: left;
}
#logo h1  {
	background	: url(../img/logo.jpg) no-repeat;
	text-indent	: -999em;
	width		: 212px;
	height		: 161px;
	position	: absolute;
	top			: 0 px;
	left		: 19px;
	z-index		: 999;
	margin: 0;
	padding		: 0;
}
 
#banner {
	background	: url(../img/banner.jpg) no-repeat;
	width		: 637px;
	height		: 125px;
	float		: right;
	position: absolute;
	right: 0px;
	top: 0px;
}

#plotter {
	background	: url(../img/pics/plotter.jpg) no-repeat;
	width		: 178px;
	height		: 182px;
	position	: absolute;
	top:64px;
	left		: 637px;
	z-index		: 998;
}

/* ------------------------------------------------ MIDDLE SECTION --------------------------------------------------- */

#midsec {
	background	: #FAFAFA url(../img/bg_fade.jpg) repeat-x;
	width		: 847px;
	overflow	: auto;
	clear		: both;
	margin		: 0 1px 0 1px;
	padding		: 0 0 0 19px;  
}

/* ------------------------------------------------ NAVIGATION (MIDLEFT) --------------------------------------------------- */

#nav {
	color		: #FFF;
	width		: 211px;
	float		: left;
	margin		: 34px 0 0 0;
	padding		: 0;
}
#nav .top {
	background	: url(../img/nav_bg_top.jpg) no-repeat;
	height		: 62px;
}
#nav .rep {
	background	: url(../img/nav_bg_mid.jpg) repeat-y;
}
#nav .bot {
	background	: url(../img/nav_bg_bot.jpg) no-repeat;
	height		: 7px;
}
/*#nav .kerst {
	margin: 2px 0 0 20px;

}
#nav .kerst a img {
  border    : 0;
}*/


/* ------------------------------------------------ NAVIGATION (Mededeling) --------------------------------------------------- */
#melding {
	color		: #FFF;
	width		: 200px;
	position	: absolute;
	top		: 406px;
	margin	: 0 0 0 4px;;
	padding	: 0;
	border:1px solid #ff6600;
	color:black;
}

#melding {
	!position:static;
	!color		: #FFF;
	!width		: 200px;
	!float:left;
	!clear:both;
	!top		: 406px;
	!margin	: 0 0 0 4px;;
	!padding	: 0;
	!border:1px solid #ff6600;
	!color:black;
}

#melding h2 {
	font-size:18px;
	margin:10px 14px 0 12px;
}

#melding p {
	padding:0;
	margin:0 14px 5px 12px;
}

/* --------------------------------------------------- NEWS (MIDLEFT)------------------------------------------------------ */

#news {
	width		: 211px;
	margin		: 0;
	padding		: 0;
}
#news .top {
	background	: url(../img/news_bg_top.jpg) no-repeat;
	height		: 68px;
}
#news .rep {
	background	: url(../img/news_bg_mid.jpg) repeat-y;
}
#news .bot {
	background	: url(../img/news_bg_bot.jpg) no-repeat;
	height		: 8px;
}
#news h2 {
	font-size	: 13px;
	font-weight	: bold;
	color		: #E21F25;
	margin		: 0;
	padding		: 20px 21px 6px 21px;
}
#news p {
	font-size	: 12px;
	color		: #707070;
	margin		: -15px 0 0 0;
	padding		: 0 21px 15px 21px;
}

/* ------------------------------------------------ CONTENT (MIDRIGHT) --------------------------------------------------- */

#content {
	width		: 564px;
	float		: left;
	clear		: right;
	margin		: 37px 0 0 32px;
	padding		: 0;
}
#content .top {
	background	: url(../img/content_bg_top.jpg) no-repeat;
	height		: 80px;
}
#content .rep {
	background	: url(../img/content_bg_mid.jpg) repeat-y;
}
#content .bot {
	background	: url(../img/content_bg_bot.jpg) no-repeat;
	height		: 7px;
}
#content h1 {
	font-size	: 24px;
	color		: #E32624;
	margin		: 0 0 0 32px;
	padding		: 35px 0 0 0;
}
#content p {
	margin		: 0;
	padding		: 12px 40px 5px 34px;
	line-height	: 22px;
}
#content p.clear {
	margin		: 0;
	padding		: 12px 40px 5px 34px;
	line-height	: 22px;
	color		: #E32624;
	clear		: both;
}
#content ul {
	margin		: 0;
	padding		: 1px 40px 5px 60px;
	line-height	: 22px;
	clear		: both;
}


/*#content p br {
	clear	: both;
}*/
span.emph {
	color		: #E32624;
	font-weight	: bold;
}
#content img {
	margin	: 10px 20px 1px 34px;
	padding	: 0;
	float	:left;
}

#content table.brands {
	margin	: 30px 0 0 34px;
	padding	: 0 0 15px 0;
}
#content table img {
	margin	: 0 10px;
	padding	: 0;
}
#content .brands td {
	margin	: 0;
	padding	: 0;
}

/* ----------------------------------------------------- FOOTER -------------------------------------------------------- */

#footer {
	width		: 811px;
  overflow	: auto;
	float		: left;
	clear		: both;
	margin		: 10px 0 0 0;
	padding		: 0 0 10px 0;
}
#footer .left {
	background	: url(../img/footer_bg_left.jpg) no-repeat;
	float		: left;
	width		: 9px;
	height		: 43px;
}
#footer .rep {
	background	: url(../img/footer_bg_mid.jpg) repeat-x;
	float		: left;
	width		: 799px;
	height		: 43px;
}
#footer .right {
	background	: url(../img/footer_bg_right.jpg) no-repeat;
	float		: left;
	width		: 9px;
	height		: 43px;
}
#footer p {
	font-size	: 11px;
	color		: #7A7A7A;
	margin		: 0 0 0 35px;
	padding		: 10px 0 0 0;
}
/*----------------------------------------------------- Vakantie melding ---------------------------------------------------*/
#vakantie-container {
  width:404px;
  margin:150px auto 0;
  background:#fff;
  filter:alpha(opacity=90);
  -moz-opacity:.90;
  opacity:.90;
  z-index:100;
  padding:20px;
  font-size:14px;
  color:#000;
  border:1px solid #000;
}

#vakantie-container h1 {
  margin:10px;
  font-size:30px;
  color:#e21f25;
}

#complete_container {
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  margin:0;
  padding:0;
  text-align:center;
  position:absolute;
  z-index:1000;
}