@font-face {
font-family: 'DINOTBold';
src: url('DINOT-Bold.eot');
src: local('DIN OT Bold'), local('DINOT-Bold'), url('DINOT-Bold.woff') format('woff'), url('DINOT-Bold.otf') format('opentype'), url('DINOT-Bold.svg#DINOT-Bold') format('svg');
}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, a, blockquote, pre, form, fieldset, table, th, td
{ 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
margin:0px;
padding:0px;
color:#000;
}

html{ overflow-y:scroll; }  

body {
text-align: center;
background-color:#4d90c8;
}

p {
padding:3px 0;
}

h1 {
font-size:18px;
font-family: 'DINOTBold', sans-serif;
color:#ec7527;
}
h2 {
font-size:18px;
font-family: 'DINOTBold', sans-serif;
color:#4d90c8;
}
a {
font-weight:bold;
text-decoration:none;
}
.hr, .hrSmall {
margin:10px 0;
width:639px;
height:10px;
background:url(../img/hrLine.png) no-repeat center left;
}
.hrSmall {
margin:3px 0;
width:320px;
}

.hrVert {
float:left;
width:20px;
min-height:400px;
height:100%;
background:url(../img/hrLineVert.png) repeat-y top left;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid #ED7527;
padding: 2px;
visibility: hidden;
z-index: 100;
background-image:url(ingenieuratschool.jpg);
}

#blueLine {
float:left;
margin-top:193px;
background:url(../img/lineBlue.png) no-repeat left center;
width:206px;
height:3px;
}

#whiteLine {
float:left;
margin-top:23px;
background:url(../img/lineWhite.png) no-repeat left center;
width:206px;
height:3px;
}

#container {
margin:0 auto;
background:url(../img/background.jpg) no-repeat top left #4d90c8;
text-align:left;
width:990px;
height:667px;
}

#header {
background:url(../img/header.png) no-repeat top left;
width:990px;
height:212px;
}

#hoofdmenu {
margin:176px 0 0;
float:right;
width:749px;
height:20px;
}

#contentLeft {
float:left;
width:206px;
height:auto;
}

#contentRight {
float:right;
margin-right:65px;
padding:25px 25px;
width:639px;
_width:689px;
height:auto;
_height:358px;
background:#fff;
}
#contentRight ul, #aanmeldformulier ul {
padding-left:20px;
}

#aanmeldformulier li {
list-style:none;
}

#contentTop {
float:right;
margin-right:65px;
width:689px;
height:7px;
background:url(../img/contentTop.png) no-repeat bottom left;
}
#contentBottom {
float:right;
margin-right:65px;
text-align:right;
width:689px;
height:7px;
background:url(../img/contentBottom.png) no-repeat top left;
}

#contentBottom p, #contentBottom a {
font-weight:normal;
font-size:9px;
color:#fff;
text-decoration:none;
}

#panelLid {
float:left;
width:150px;
height:auto;
margin-right:5px;
font-size:10px;
line-height:14px;
}
#panelLid img {
padding-top:10px;
}
#panelLid h1 {
font-size:16px;
padding-top:5px;
}

#workshopList,#contactForm {
float:left;
width:213px;
height:100%;
}
#workshopList input {
cursor:pointer;
}

#workshopContent {
position:relative;
float:left;
width:426px;
height:100%;
}

#aanmeldformulier {
float:left;
width:406px;
height:100%;
}

.aanmeldformulier input {
border:solid 1px #4d90c8;

}

.aanmeldformulier input.submit {
border:solid 1px #4d90c8;
background:#4d90c8;
color:#fff;
}
.aanmeldformulier textarea, #contactForm input {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#paragraaf1,#paragraaf2,#paragraaf3,#paragraaf4,#paragraaf5,#paragraaf6,#paragraaf7,#paragraaf8 {
padding-left:20px;
width:400px;
_width:420px;
background:url(../img/hrLineVert.png) repeat-y top left;
}

#programmaTable .tijdstip {
font-size:14px;
font-weight:bold;
color:#ec7527;
}

.tijdstip {
width:150px;
}