/* ---------------------------------------------------- /
 * Basic Elements */
body {background: url('../images/background.gif') repeat-x #fff; font-size: 13px; color: #464646;font-family: "Arial";}
 
/* -----------------------------------------------/
/* Basis kleuren */
h1,h2,h3,h4,h5,h6 {color: #0018a8;}

h1 {font-size: 25px;font-weight: normal;padding-bottom: 15px;}
h2 {font-size: 16px;padding-bottom: 10px;}
h3 {font-size: 13px;}

p {line-height: 18px;padding-bottom: 18px;}

a {color: #673bb8;}
#menu_top ul li a.black {color:#424040;}

.cms-tekst {}
.cms-tekst ul li {background: url('../images/bullet.gif') no-repeat 0px 10px;padding-left: 10px;padding-top:4px;}
/* -----------------------------------------------/
/* Website */
#container {width: 970px; margin: 0 auto;background: #fff;}
	#header {background: url('../images/background_header.jpg') no-repeat;height: 200px;}
		#menu_top {height: 35px;text-align: right;}
			#menu_top ul {margin-right: 10px;}
				#menu_top ul li {float:right;background: url('https://www.topki.nl/images/bkg_topmenu_item.gif') no-repeat top left;}
				#menu_top ul li.first {background:none;}
					#menu_top ul li a {color: #0018a8;display: block;height: 35px;line-height: 35px;padding: 0 10px;}
					
		#logo {float: left;width: 190px;height: 130px;overflow:hidden;}
		#logo img {width: 190px; height: 130px;}			
		#menu_hoofd {margin: 80px 0 0 0;height: 85px;float: left;}	
					
		#content {padding: 0 10px 0 70px;}
		
			#content .links {float: left;width: 600px;}
			#content a {font-weight: bold;}
				#content .links ul {}
					#content .links ul li {background: url('../images/bullet.gif') no-repeat 0px 10px;padding-left: 10px;padding-top:4px;}
			
			#content .rechts {float: left;padding-left: 60px;width: 230px;}
			
.blok_links {margin-bottom: 20px;background: #f0ebf8;}
.blok_links .top {background: url('../images/background_blok_links_top.jpg') no-repeat;width: 222px;padding-left: 8px; height: 35px;line-height: 35px;}
	.blok_links .top h3 {font-size: 16px; font-weight: normal;}
.blok_links .item {background: url('../images/arrow_blok.gif') #f0ebf8 no-repeat 0px 12px; width: 210px;margin:0 10px;border-bottom: 1px solid #ccc;}
.blok_links .item a {color: #464646;padding-top: 8px;line-height: 20px;padding-bottom: 7px;display:block;padding-left: 10px;}
.blok_links .bottom {margin-top: 3px;background: url('../images/background_blok_links_bottom.gif') no-repeat; width: 230px;height: 10px;overflow:hidden;font-size: 1px;}

#footer {border-top: 1px solid #ccc;padding: 5px;margin: 0 10px;}
	#footer .links {float: left;width: 300px;height: 25px;}
	#footer .links ul {}
		#footer .links ul li {height: 25px;line-height: 25px;padding: 0 8px;border-left: 1px solid #ccc;display:inline;}
			#footer .links ul li.eerste {border:none;padding-left:0;}
			#footer .links ul li a {color: #464646;font-size: 12px;}
	
	#footer .rechts {float: right;width: 300px;height: 25px;text-align: right;}
	#footer .rechts ul {}
		#footer .rechts ul li {height: 25px;line-height: 25px;display:inline;color: #464646;font-size: 12px;}

/* ---------------------------------------------------- /
 * Contact formulier */
div.foutmelding{
	min-height:18px;
	margin:0 0px 10px 0; 
	border: 1px solid #673bb8;
	background: url(../images/ico-verplicht.gif) no-repeat 10px 11px;
	background-color:#fff;
	padding: 17px 10px 5px 40px;
	width: 510px;
	
}

div.letop {padding:15px 5px 5px 40px;}

div.foutmelding label {
	width: auto;
	float: none;
}

	div.foutmelding li {
		height: 20px;
		color: #673bb8;
	}
	div.foutmelding ul{
		font-weight:normal;
		margin-top: 10px;
		margin-left:17px;
		list-style-type:disc;
	}
	
	div.foutmelding ul li label{cursor:pointer;text-decoration:none;}
		
.addeditguestbook{
	display: none;
}

#contactform label {width: 150px;float: left;height: 30px;line-height:20px;cursor:pointer;}
#contactform input[type="text"],
#contactform input[type="password"] {width: 400px;font-family: Arial; font-size: 13px; color: #505050;float: left;border: 1px solid #a6a6a6;margin-bottom: 5px;height: 20px;line-height:20px;padding: 0 5px;}

#contactform textarea {width: 402px;height: 70px;float: left;border: 1px solid #a6a6a6;margin-bottom: 5px;font-family: Arial; font-size: 13px; color: #505050;padding: 4px;}
input[type="submit"] {background: url('../images/btn-verzenden.jpg') no-repeat;width: 90px; height: 25px;margin-left: 322px;margin-top: 5px;cursor:pointer;}

/*********************************************
* LANDKAART
*********************************************/
#categorieen-links {float: left;width: 300px;}
div#landkaart{position:relative; width:300px;float: left;height: 300px;margin-top: 45px;}
	div#landkaart input.submit{margin-top:15px;}
	div#landkaart #nederland{
		background:url(../images/kaart/nederland.png) left top no-repeat;
		height:269px; width:231px;
		position:absolute; right:0;
	}
	
/** Account => Inloggen **/
#content.mod_account_inloggen {}
#content.mod_account_inloggen input[type="text"],
#content.mod_account_inloggen input[type="password"] {float:left;width: 250px;}

#content.mod_cursus_toevoegen {}
#content.mod_cursus_toevoegen select.regio {width:200px;}
#content.mod_cursus_toevoegen select.actief {width:50px;}

.msg {border: 1px solid #000;padding:10px 10px 10px 35px;margin: 0 0 15px 0;}
.msg.ok {border-color: #62b26d;color:#000;background: url('../images/accept.png') no-repeat 10px 10px #d5ffdb;min-height: 16px;}


/** Decorated lists **/
.decorated-table {padding:0;border-collapse: collapse;width: 100%;}
.decorated-table thead {background: #0019a9;border-spacing: 0;}
.decorated-table thead tr {}
.decorated-table thead tr th {padding: 5px;color: #fff;text-align: left;}
.decorated-table thead tr th.center {text-align: center;}
.decorated-table thead tr th.right {text-align: right;}

.decorated-table tbody {margin-bottom: 10px;}
.decorated-table tbody tr {cursor: pointer;}
.decorated-table tbody tr td {padding: 5px;color: #222B62;text-align: left;vertical-align: middle;}
.decorated-table tbody tr td.center {text-align: center;}
.decorated-table tbody tr td.right {text-align: right;}

.decorated-table tbody tr.odd td {background:#e9ebf8}
.decorated-table tbody tr.even td {}
.decorated-table tbody tr.odd:hover td {background:#7f8bd3;}
.decorated-table tbody tr.even:hover td {background:#7f8bd3;}

/** Cursussen overzicht **/
#mod.mod_cursussen_overzicht {}
#mod.mod_cursussen_overzicht #categorieen {float: left;width: 570px;}
#mod.mod_cursussen_overzicht #categorieen .categorie {float: left;width: 180px;margin-right:10px;min-height: 170px;}
#mod.mod_cursussen_overzicht #categorieen .categorie h2 {padding-bottom: 5px;}
#mod.mod_cursussen_overzicht #categorieen .categorie ul {margin-bottom: 15px;}

#mod.mod_cursussen_overzicht #regios {float: right;width: 300px;margin-right:20px;}
#mod.mod_cursussen_overzicht #landkaart {margin-top:0;}

.mod_cursussen_cursus {}
	.mod_cursussen_cursus table {}
		.mod_cursussen_cursus table td.key {font-weight:bold;height:20px;width:147px;}
		.mod_cursussen_cursus table td .value {}
		
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button.button { overflow:visible; width:auto; border:0; padding:0; margin:0; background:transparent; cursor:pointer; }
button.button span { float:left; height:36px;background:transparent url(../images/bkg_button0.jpg) 0 0 no-repeat; padding:0 0 0 9px; font-size:12px;text-align:center; white-space:nowrap; color:black;font-weight: bold;font-family:Arial;}
button.button span span { background-position:100% 0; padding:0 24px 0 5px; line-height:23px;}
button.button span span a {color: #673BB8;text-decoration: none;}
/*button.button:hover span {background-image: url('/images/bkg_button1.png');*/
.verplicht {color: #F09520;}