/*---------------------------------
CSS voor www.douaneopleidingen.nl
(C) J.N. van Oosten
----------------------------------*/ 
/* =============================================================================================================== */

/* Algemeen */

body {
 margin			: 0;
 margin-top		: 0;
 margin-bottom		: 0;
 margin-left		: 0;
 margin-right		: 0;
 padding		: 0;
 color			: #000000;
 font-family		: Verdana;
 background-color 	: #246D6D;
 min-width		: 810px;
 text-align		: center;   /* center layout in ie5 en 5.5. */
 background-image: url(images/bg.gif);

}

td, tr, p, div {
 font-family		: Verdana, Arial, Helvetica, sans-serif;
 font-size		: 11px;
 color			: #000000;
}

.index_topbar {
 background		: url('images/index_topbar.jpg');
}

hr {
color: #000000;
background-color: #000000;
height: 1px;
}

table#voorwaarden {margin-left:auto; margin-right:auto; width:720px;}

div#return {top: 1em; right: 1em; left: auto; width: 8em; text-align: left; position: fixed;}
div#return a {display: block;  border: 1px solid #000; margin: 0; padding: 0.25em; letter-spacing: 1px; text-align: center; font-weight: bold; color: #000; background: #eae4b9; text-decoration: none;}
div#return a:hover {background: #d9ce82;}

/* =============================================================================================================== */

/* Positie layers */


#bg1 { /* achtergrond met kleuroverloop (boven) */
 background		: url('images/index_top_gradient.gif') top left repeat-x fixed;
}

#bg2 { /* achtergrond (rest) */
 background-image	: url(images/bg.gif);
}

#index_container {
 width			: 810px;
 margin			: 0px;
 margin-left		: auto;
 margin-right		: auto;
 background		: url('images/index_bg_gradient.gif') top left repeat-x;
 border			: 0px solid #000;
 text-align		: left;
}

#index_container_bg {
 width			: 810px;
 margin			: 0px;
 margin-left		: auto;
 margin-right		: auto;
 background		: url('images/index_bg.gif') top left;
 background-color	: #ffffff;
}

#index_content {
 border			: 1px solid #000;
 width			: 794px;
 height			: 100%;
 position		: relative;
 top			: -6px;
 margin			: 7px;
}

#index_header {
 margin			: 0px auto;
 padding		: 0px;
 text-align		: center;
 height			: 217px;
}

#index_navbar {
 margin			: 0px auto;
 background		: url('images/index_navbar.jpg') top left repeat-x transparent;
 padding		: 0px;
 width			: 794px;
 height			: 32px;
 line-height		: 29px;
 text-align		: left;

}

#index_footer {
 background		: url('images/index_bottom.gif') top left repeat-x transparent;
 text-align		: right;
 width			: 796px;
 height			: 29px;
 margin			: 7px;
 position		: relative;
 top			: -11px;
}

#index_footer b {
 line-height		: 19px;
 font-size		: x-small;
 color			: #006666;
 font-family		: Verdana, Arial, Helvetica, sans-serif;
}

#index_footer a:link, #index_footer a:visited {
 color			: #006666;
 text-decoration	: none ;
}

#index_footer a:hover {
 color			: #006666;
 text-decoration	: underline ;
}

#index_navbar_b {
 width			: 790px;
 text-align		: center;
}

#index_bottom {
 background		: url('images/index_bottom_shadow.gif');
 width			: 810px;
 height			: 29px;
}
/* =============================================================================================================== */

/* Links */

a:link {
 text-decoration	: underline;
 color			: #225152;
}

a:visited {
 text-decoration	: underline;
 color			: #225152;
}

a:hover	{
 text-decoration	: none;
 color			: #528889;
}

a img {
	border		: none;
}

/* =============================================================================================================== */

/* Opsomming Product-pagina's */

#product,
ul.product {
 list-style-position	: outside;
 line-height		: 150%;
 list-style-image	: url("images/arrow_small.gif");
}

/* Opsomming Overons-pagina */

#overons {
 padding		: 9px;
 margin-left		: 100px;
 color			: #000000; 
 list-style-position	: outside;
 list-style-type	: decimal;
}

#overons1 {
 color			: #000000;
 margin-bottom	: -18px; 
 list-style-image	: url("images/arrow_grey.gif");
}


/* =============================================================================================================== */
/* Style voor de Koppen in de content */

h1 {
 color			: #397170;
 font-size		: 20px;
 font-family		: Verdana;
 margin			: auto auto 4px auto;
 text-decoration	: none
}

h2 {
 color			: #397170;
 font-family		: Verdana;
 margin			: auto auto 4px auto;
 font-weight		: bold;
 font-size		: 15px;
}

h3 {
 color			: #518e8d;
 font-family		: Verdana;
 margin			: auto auto 2px auto;
 font-size		: 9pt
}

h4 {
 color			: #518e8d;
 font-family		: Verdana;
 margin			: auto auto 2px auto;
 text-decoration	: underline;
 font-size		: 9pt
}

h5 {
 color			: #ffffff;
 font-family		: Verdana;
 margin			: -5px auto 0px auto;
 font-weight		: bold;
 font-size		: 15px;
}

/* Koppen in nieuws rechts */
/*#nieuws_mlist span {
background-color:red;
} 

#nieuws_prod span {
 display:block;
 background: url(images/index_h1prod.jpg) no-repeat top left;
 padding: 0  13px 0 0;
 width:200px;
 height:30px;
 color: white;
} */

/* =============================================================================================================== */
/* Stijlopmaak voor het menu producten */
/* Layer Menu links */
#menu {
 position		: relative;
 top			: 0px;
 float			: left;
 left			: 0px;
 width			: 219px;
 padding		: 5px;
 background-color	: #eae4b9;
 border			: 1px solid #000;
 line-height		: 20px;
 /* the ugly brilliant hack, houd ten alle tijde deze breedte */
 voice-family		: "\"}\"";
 voice-family		: inherit;
 width			: 219px;
}

/* "be nice to Opera 5" */
body>#Menu {
 width			: 219px;
}

/* Layer met cursus info rechts*/
#content_product {
 background-image		: url(images/index_product_bg.gif);
 background-repeat		: no-repeat;
 background-position	: bottom right;
 position		: relative;
 float			: right;
 left			: 0px;
 width			: 540px;
 padding		: 2px;
 line-height		: 18px;
 voice-family		: "\"}\"";
 voice-family		: inherit;
 width			: 540px;
}

/* "be nice to Opera 5" */
body>#content_product {
 width			: 540px;
}


/* HyperLinks in Menu */
#menu-prod a:link	{ 
 color			: #225152;
 font-size		: 11px; 
 text-decoration	: none ;
}

#menu-prod a:visited { 
 color			: #225152; 
 font-size		: 11px;
 text-decoration	: none;
}

#menu-prod a:hover { 
 color			: #528889; 
 font-size		: 11px;
 text-decoration	: underline ;
}

/* Opsomming menu links */
#menu-prod {
 padding		: 0 9px;
 margin-left		: 1em;
 list-style-position	: outside;
 font-weight		: bold;
  text-decoration	: none;
 list-style-image	: url("images/arrow_green.gif");
}
/* =============================================================================================================== */

/* Contactformulier */

input {
 color			: #94cfce;
 background		: #ffffff;
}

textarea {
 color			: #ffffff;
 background		: #669933;
 border			: 1px solid #999999
}

.submit input {
 color			: #ffffff;
 background		: #669933;
 border			: 2px outset #999999
} 

.button {background-color: #B4CDCD; color:#000000; font-size: 8pt;}

.inputc {font-size: 8pt; color:#000000;}
/* =============================================================================================================== */

/* Nieuws pagina */

							/* Intro */
#nieuws_intro {
 position		: relative;
  top			: 0px;
 float			: left;
 left			: 0px;
 width			: 540px;
 padding		: 5px;
 background-color	: #B4CDCD;
 border			: 1px solid #000000;
 line-height	: 18px;
 voice-family	: "\"}\"";
 voice-family	: inherit;
 width			: 520px;
}

/* "be nice to Opera 5" */
body>#nieuws_intro {
 width			: 540px;
}

#nieuws_nieuws {
 position		: relative;
  top			: 8px;
 float			: left;
 left			: 0px;
 width			: 530px;
 padding		: 0px;
 padding-bottom	: 50px;
 background-color	: #B4CDCD;
 border			: 1px solid #000000;
 line-height	: 18px;
 voice-family	: "\"}\"";
 voice-family	: inherit;
}

/* "be nice to Opera 5" */
body>#nieuws_nieuws {
 width			: 530px;
}
							/* Rechter Column Wrap*/
#nieuws_rwrap {
 position		: relative;
 top			: 0px;
 float			: right;
 left			: 0px;
 width			: 219px;
 padding		: 10px;
 /* the ugly brilliant hack, houd ten alle tijde deze breedte */
 voice-family		: "\"}\"";
 voice-family		: inherit;
 width			: 219px;
}

/* "be nice to Opera 5" */
body>#nieuws_rwrap {
 width			: 219px;
}

							/* Productlijst*/
#nieuws_prod {
 position		: absolute;
 top			: 0px;
 float			: right;
 left			: 0px;
 width			: 219px;
 padding		: 9px;
 background-color	: #eae4b9;
 border			: 1px solid #000;
 line-height		: 20px;
 /* the ugly brilliant hack, houd ten alle tijde deze breedte */
 voice-family		: "\"}\"";
 voice-family		: inherit;
 width			: 219px;
}

/* "be nice to Opera 5" */
body>#nieuws_prod {
 width			: 219px;
}

							/* Opsomming productlijst */
#nieuws_menu {
 padding		: 0 5px;
 margin-top			: 3px; 
 margin-bottom		: 5px; 
 margin-left		: 1em;
 list-style-position	: outside;
 font-size		: 10px;
 list-style-image	: url("images/arrow_small2.gif");
}

							/* Mailinglist*/
#nieuws_mlist {
 position		: absolute;
 top			: 511px;
 float			: right;
 left			: 0px;
 width			: 219px;
 padding		: 9px;
 background-color	: #eae4b9;
 border			: 1px solid #000;
 line-height		: 20px;
 /* the ugly brilliant hack, houd ten alle tijde deze breedte */
 voice-family		: "\"}\"";
 voice-family		: inherit;
 width			: 219px;
}

/* "be nice to Opera 5" */
body>#nieuws_mlist {
 width			: 219px;
}

							/* Vacatures*/
#nieuws_vacatures {
 position		: absolute;
 top			: 652px;
 float			: right;
 left			: 0px;
 width			: 219px;
 padding		: 9px;
 background-color	: #eae4b9;
 border			: 1px solid #000;
 line-height		: 20px;
 /* the ugly brilliant hack, houd ten alle tijde deze breedte */
 voice-family		: "\"}\"";
 voice-family		: inherit;
 width			: 219px;
}

#nieuws_vacatures h2 {
 color			: #397170;
 font-family		: Verdana;
 margin			: auto auto 1px auto;
 font-weight		: bold;
 font-size		: 12px;
}

/* "be nice to Opera 5" */
body>#nieuws_mlist {
 width			: 219px;
}
							/* Nieuws Datum Titel*/
#nieuws_nieuws h1 {
color:#FFFFFF;
font-family:Verdana;
font-size:19px;
 height:20px;
padding:29px 0 40px;
text-decoration:none;
margin:0;
}
/* =============================================================================================================== */

 /* Geslaagden Pagina*/
							/* Geslaagden Box*/
#geslaagden {
 position		: relative;
 top			: 0px;
 float			: left;
 left			: 0px;
 width			: 780px;
 padding		: 1px;
 background-color	: #B4CDCD;
 border			: 1px solid #000000;
 line-height	: 18px;
 voice-family	: "\"}\"";
 voice-family	: inherit;
}

/* "be nice to Opera 5" */
body>#nieuws_intro {
 width			: 780px;
}
							/* Geslaagden Titel*/
#geslaagden h1 {
 color			: #ffffff;
 font-size		: 14px;
 font-family	: Verdana;
 height:20px;
padding:29px 0 40px;
 text-decoration	: none;
 margin:0;
}

/* =============================================================================================================== */

 /* Kalender Pagina*/
							/* Kalender table*/
#kalendertable table { 
 margin-left:auto; 
 margin-right:auto;
 border-collapse: collapse; 
 border: 1px solid #839E99; 
 background: #f1f8ee url(images/index_kalenderglobe_bg.gif) bottom right no-repeat;
 font: .9em/1.2em Verdana; color: #000000; 
 }
 							/* Kalender titel*/
#kalendertable caption { 
 font-size: 1.5em; 
 font-weight: bold; 
 text-align: left; 
 padding: 1em 4px;
 line-height: 1.0em; 
 color: #397170;
 }
 							/* Kalender titel sub*/
#kalendertable .sub { 
 font-size: 0.8em; 
 text-align: left; 
 color: #000000;
 }

#kalendertable .subhead th { 
 background: #246D6D; 
 text-align: center; 
 }
 
#kalendertable td, th { 
 padding: 5px; 
 line-height: 1.3em; 
 }
 
#kalendertable th { 
 background: #839E99; 
 color: #fff; 
 text-align: left; 
 padding-right: .5em; 
 vertical-align: middle; 
 }

#kalendertable thead th { 
 background: #246D6D; 
 text-align: center; 
 }
 
#kalendertable thead a { 
 color: #fff; 
 }
 
#kalendertable .odd td { 
	background-image: url(images/index_kalender_stripebg.gif);
	background-repeat: repeat;
 }
 
#kalendertable .odd th { 
 background: #6E8D88; 
 }
							/* Kalender footer */
#kalendertable tfoot th, tfoot td { 
 background: #246D6D; 
 color: #fff; 
 }
 
#kalendertable th + td { 
 padding-left: .5em; 
 }
 
.meerinfo { font-size: 0.8em; }
.meerinfoimg { vertical-align: middle; }

/* =============================================================================================================== */

 /* Accordion */
#accordion_wrapper {
display:inline-block;
margin:10px 5px 20px;
position:relative;
width:510px;
	}

.accordionButton {	
	background:url("images/plus_min.png") no-repeat scroll 11px 9px #FFFFFF;
	width: 475px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	padding:5px 5px 5px 30px;
	}
	
.accordionContent {	
	width:490px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	padding:0 10px 10px;
	background-color: #eee;
	background-color:#EEEEEE;

	}
	
.on {
	background:url("images/plus_min.png") no-repeat scroll 11px -60px #ccc;
	}
	
.over {
	background-color: #9BBFBE;
	}