/* author:Helderziende Es
 Helderziende Es 2009*/

/*========================================================================*/
/*		MAIN ELEMENTS													  */
/*========================================================================*/
*{margin:0px; padding:0px;}

body{ margin:0px; padding:0px; background:#000 url(images/bg_body.jpg) repeat-y top center; font:normal 13px/1.3em Arial; color:#000; }

.clear { clear:both; margin:0px; padding:0px; height:0px; line-height:0; }
.space { clear:both; display:block; margin:0px; padding:0px; height:10px; border:none; font:normal 1px arial; }

h1,h2,h3 {margin:0px; padding:0px;}
h1 {margin:7px 0px; padding:0px; font:bold 18px/1em Arial; color:#222;}
h2 {margin:7px 0px; padding:0px; font:bold 17px/1em Arial; color:#222;}
h3 {margin:0px; padding:0px; font:bold 15px/1em Arial; color:#222;}
h4 {margin:0px; padding:0px; font:bold 14px/1em Arial; color:#222;}

a { border:none; text-decoration: underline; color:#000;}
a:hover { border:none; text-decoration: none; color:#000;}

img { margin:0px; padding:0px; border:none; }
img.iconside { margin:5px 10px -7px 0px; padding:0px; }
img.ecardetail { float:right; position:absolute; margin:0 0 0 130px; padding:0px; }


img.float-right { float:right; margin: 5px 0px 10px 10px; }
img.float-left { float:left; margin: 5px 10px 5px 0px; }

a img { border:none; }
a:hover img { border:none; }

.classbasic { margin:0px; padding:0px; width:auto; height:auto; border:1px solid; }
.clr_white { color:#fff; }


/*========================================================================*/
/*		WRAPPING													      */
/*========================================================================*/
#wrap_header { clear:both; margin:0px; padding:0px; width:100%; background:none; text-align:left; }
#wrap_content { clear:both; margin:270px 0 0 0; padding:0px; width:100%; background:none; text-align:left; }


/*========================================================================*/
/*		HEADER														      */
/*========================================================================*/
.header { margin:0px auto; padding:0px; width:971px; height:155px; background:url(images/header.jpg) no-repeat; }

/*========================================================================*/
/*		CONTENT														      */
/*========================================================================*/
.content { margin:0px auto; padding:0px; width:960px; height:auto; background:url(images/bg_content.gif) repeat-y; }

/*=== CONTENT Left ===*/
.content_left { float:left; padding:20px; width:606px; background:#660b0b; color:#fff; }

/* testimonial */
.testi_list { clear:both; background:#fff; padding:0px; }
.testi_img { float:left; padding:10px; width:80px; height:auto; text-align:center; }
.testi_txt { float:left; padding:10px; width:480px; height:auto; color:#000; font:normal 12px/1.3em Arial; }
.white_line { clear:both; display:block; margin:3px 0 0 0; padding:0 0 3px 0; border-top:1px dashed #fff; }

.testi_nav { clear:both; border:none; }
.testi_navleft { float:left; width:120px; } .testi_navright { float:right; width:120px; border:none; }
a.testinav { display:block; padding:10px; width:auto; height:12px; background:url(images/bg_testinav.gif) repeat-x; color:#fff; text-decoration:none; text-align:center; }
a.testinav:hover { padding:10px; width:auto; height:12px; background:url(images/bg_testinav.gif) repeat-x; color:#fff; text-decoration:underline; text-align:center; }

/* title subpage */
.title_subpage { float:left; display:block; padding:20px 0 0 70px; width:auto; height:50px; background:url(images/titlesubpage.gif) no-repeat 0 0; border:none; }

/* Free Daily E-card */
.ecard_list { float:left; margin:7px; width:130px; height:195px; border:1px solid #d7d3d2; text-align:center; }
.ecard_title { display:block; height:18px; background:#66450f; font-size:12px; border-bottom:1px solid #d7d3d2; }
.ecard_img { display:block; padding:2px 0; height:153px; background:#bc7b07; }
.ecard_send { display:block; height:18px; background:#66450f; font-size:12px; border-top:1px solid #d7d3d2; }



/*=== RIGHTBAR ===*/
.rightbar { float:right; padding:20px; width:274px; height:auto; background:#bc7a07; color:#fff; }
/* side menu*/
.sidemenu { margin:0 auto; width:250px; border:none; }
.sidemenu ul { list-style:none; }
.sidemenu ul li { display:block; }
.sidemenu ul li a { display:block; padding:10px 0; color:#660b0b; border-bottom:1px dashed #b8b7b7; text-decoration:none; }
.sidemenu ul li a:hover, .sidemenu ul li a.active { display:block; padding:10px 0; color:#fff; border-bottom:1px dashed #b8b7b7; text-decoration:none; }


/*========================================================================*/
/*		FOOTER														      */
/*========================================================================*/
#footer {
	clear:both;
	padding:15px 0px;
	margin:0px auto; 
	width:960px; height:45px; 
	background:url(images/bg_footer.png) no-repeat 0 10px;
	font: normal 11px/1.2em Arial, sansans-serif;	color:#000;
	text-align:center;
	border:none;
}
#footer p{ margin:0px;	padding:0px; font: normal 11px/1.1em Arial, sansans-serif;	color:#000; }
#footer a{ margin:32px 3px 20px 3px; padding:10px 3px; color:#000; text-decoration:none; }
#footer a:hover{ text-decoration:underline; }


/*========================================================================*/
/*		DTD STYLE FORM													  */
/*========================================================================*/
dl.contact form { margin:5px; padding:0px; width:580px; border:none; }
dl.cardetail { width:600px; border:none; }

dt { clear: both; display:block; height:24px; margin:5px 0; }
dt.autoheight { display:block; height:auto; margin:0; padding:2px 0; }
dt.float_right { float:right; height:auto; margin:5px 0; padding:5px 0; }

dt label { float:left; padding:3px 5px 0px 0px;  width:100px; font:normal 13px/1em arial; text-align:left; }
dt label.contact { float:left; padding:0px 5px 0px 0px; width:120px; font:normal 13px/1em arial; color:#fff; text-align:left; }
dt label.autoheight { display:block; height:auto; margin:5px 0; padding:5px 0; border:1px solid; }
dt label.an { float:left; padding:0px 5px 0px 0px; width:50px; font:normal 13px/1em arial; color:#fff; text-align:left; }
dt label.block { clear:both; display:block; padding:3px 5px 5px 0px;  width:590px; font:normal 13px/1em arial; text-align:left; }

dt p {  display:inline-block; float:left; line-height:22px; }
dt p.desc_reg { margin:0px 0 5px 0; width:400px; line-height:15px; }


dt input.txt { margin:0px; padding:2px 5px 0px 5px; width:250px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0; }
dt input.txt_zipcode { margin:0px; padding:2px 5px 0px 5px; width:100px; height:19px; background:#fff; font: normal 13px/1em Arial; color:#464646; border:1px solid #c0c0c0;  }

dt input.button { margin:1px 0px; padding:0px 15px 3px 15px; width:106px; height:32px; background:url(images/bg_testinav.gif) repeat-x; font:bold 15px/1em Arial; color:#fff; border:none; cursor:pointer; }
dt input.react { padding:3px 10px 3px 10px; width:40px; height:25px; background:#fff; font:bold 15px/1em Arial; color:#660b0b; border:none; }


dt select { float:left; padding:2px; width:262px; }
dt textarea.classified { float:left; padding:5px; width:400px; height:150px; border:1px solid #c0c0c0; }
dt textarea.bericht { float:left; margin:0; padding:5px; width:400px; height:100px; border:1px solid #c0c0c0; }
dt textarea.reacties { float:left; margin:0; padding:5px; width:570px; height:100px; border:1px solid #c0c0c0; }