/*###############
#	ALGEMEEN    #
###############*/
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, object { margin: 0; padding: 0 }
html { font: 12px Arial, Verdana, sans-serif; overflow-y: scroll }
body { background: #fff url(../img/bg.gif) repeat-x; font-size: 12px ;color: #000; line-height: 22px; }

.nomargin, .nom { margin: 0 }
.nopadding, .nop { padding: 0 }
.nomp { margin: 0; padding: 0 }
.block { display: block } 
.inline { display: inline }
.center { display: block; margin: auto; }
.hide, .hidden { position: absolute; left: -9999px }
.fleft { float: left }
.fright { float: right }
.clear { clear: both }
.cleft { clear: left }
.cright { clear: right }
.tcenter { text-align: center }
.tleft { text-align: left }
.tright { text-align: right }
.vbottom { vertical-align: bottom }
.vmiddle { vertical-align: middle }
.vtop { vertical-align: top }
.absolute { position: absolute }
.relative { position: relative }
.bold, .b, .strong { font-weight: bold }
.em, .italic, .i { font-style: italic }
.normal { font-weight: normal }
.u, .underline { text-decoration: underline }
.small { font-size: 11px }
.lower { text-transform: lowercase }
.upper { text-transform: uppercase }
.capitalize { text-transform: capitalize }
.wide { width: 100%} 
.default { cursor: default }
.pointer { cursor: pointer }
img { border: none; display: block; vertical-align: middle }
object { display: block }
p, div.alinea{ margin-bottom: 1.2em }
.overflow { overflow: hidden }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " ";clear: both; height: 0 }

h1 { font-size: 22px; color: #1670b9; font-weight: normal; margin-bottom: .7em; }
h2 { color:#1670B9; font-size:14px; font-weight:bold; margin-bottom:0.2em; }
h3 { font-size: 1.2em }

a { color:#1670b9 }
a:hover,a:focus,a.none { text-decoration:none }
a.none:hover, a.none:focus { text-decoration:underline }

/*##############
#	LAYOUT     #
##############*/
* { margin: 0; }
html, body { height: 100%; }
.footer, .push { height: 40px; /* .push must be the same height as .footer */ clear: both; }
div#container { width: 980px; margin: 0 auto; }
div#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */ }
div#header { background-color: #fff; height: 153px; }
p#logo { background: url(../img/logo-tekentechniek.gif) no-repeat; float: left; width: 368px; height: 153px; }
p#logo a { display: block; height: 153px; text-indent: -9999px; }
div#overlay { position: absolute; z-index: 2; background: url(../img/bg-overlay.png) no-repeat; float: left; width: 602px; height: 153px; top: 0; right: 0; }
img#afbeelding { position: absolute; right: 0; top: 0; width: 602px; }
p#breadcrumbs { margin-bottom: 0; background: #fff url(../img/bg-breadcrumbs.gif) repeat-x top; color: #919191; line-height: 30px; font-size: 11px; padding-left: 16px; }
p#breadcrumbs a { color: #919191; }
div.kolom-wrapper { float: left; width: 732px; }
div.kolom-links { float: left; width: 190px; }
div.kolom-links h3 { color: #fff; padding: 14px; background: #1368ae url(../img/bg-submenukop.gif) no-repeat bottom; }
div.kolom-midden { float: right; width: 522px; }
div.kolom-rechts { float: right; width: 230px; }
p#folder { float: right; background-color: #0072bc; padding: 6px 12px 12px 12px; width: 220px; margin-left: 20px; }
p#folder a.titel { color: #fff; text-decoration: none; font-size: 18px; display: block; margin-bottom: .5em; }
div#kolom-rechts { float: left; width: 282px; margin-left: 40px; }
address { background: #f0f0f0; border-top: 5px solid #1670b9;  color: #000; line-height: 23px; padding: 12px; margin-bottom: 18px; font-style: normal; }
address strong { font-size: 13px; font-weight: bold; color: #1670b9; }
address a { color: #1670b9; }
img.subafbeelding { display: block; margin: auto; margin-bottom: 18px; }
div#footer { background-color: #1369af;  color: #fff; }
div#footer div.inner { width: 960px; margin: 0 auto; padding-top: 10px; line-height: 30px; }
div#content ul { padding-left: 20px; }
div#content ul li { margin-bottom: .8em; }
a.inschrijven { background:url(../img/meteen-inschrijven.gif) no-repeat; color:#fff ;display:block;padding:9px 10px 8px 19px; font-size: 15px; margin-bottom: 18px; }

/* =Images
-------------------------------------------------------------- */
#content img {
	margin: 0;
	max-width: 640px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}

/*##################
#	LIJSTEN	       #
##################*/
ul.none, ol.none { list-style: none; }
div#kolom-links ul { padding-left: 18px; }
div#kolom-links ul li { margin-bottom: 1.2em; }
div.menu ul { list-style: none; }
div.menu ul li { float: left; }
div.menu ul li a { float: left; padding: 13px 23px; color: #fff; text-decoration: none; font-size: 15px; text-transform: uppercase; }
div.menu ul li.current_page_item a, div.menu ul li a:hover { background: url(../img/bg-menuhover.gif) repeat-x; }

ul#menu-cursussen { background-color: #1369af; color: #fff; margin-bottom: 20px; }
ul#menu-cursussen li a {  color: #fff; display: block; padding: 8px 0 8px 30px; background: url(../img/bg-submenu.gif) no-repeat 14px 15px; text-decoration: none;  }
ul#menu-cursussen li a:hover { background: #4b8fc6 url(../img/bg-submenuhover.gif) no-repeat 14px 15px;  }

/*##################
#	FORMULIEREN    #
##################*/
input, textarea { padding: 3px 2px; }
textarea { overflow: auto; }
input, select { font-family: Arial, Verdana, Tahoma, sans-serif; }

fieldset.none { border: none; margin: 0; padding: 0; }
fieldset.none legend { display: none; }
form ul, form ol { list-style: none; }
form label { float: left; width: 234px; }
#content form ul { padding-left: 0; }
form input { border: 1px solid grey; }
form textarea { border: 1px solid grey; width: 275px; height: 100px; }

/*##################
#	TABELLEN       #
##################*/
table.full-width { width: 100%; }
table#prijzen th { text-align: left; background-color: #ccc; }
table#prijzen th,
table#prijzen td { padding: 6px 24px; }
table#prijzne tr.even td { background-color: #F2F2F2; }
table#prijzen tr.oneven td { background-color: #F0F0F0; }
table#cursussen img {
	padding-right: 10px; padding-top: 5px;
}
table#cursussen tr td {
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px solid #F0F0F0;
}