body {
	text-align:center;
	margin: 0 0 220px 0;
	padding: 0;
	color: #717074;
	text-align: center;
	background: #BFBFBF url(../img/bg.gif) repeat-x;
	font-size: x-small; /* IE5Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	font-family:  Arial, Helvetica, sans-serif;
}
#frame {
	width:770px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
}
/*--> COMMON  <--*/

blockquote, p {
	padding: 0 26px 13px 26px;
	margin: 0px;
	line-height: 140%;
	/*text-align: justify;*/
}
blockquote {
	font-weight: bold;
}

/*--> H123  <--*/
h1{
	font-size: 36px;
	color: #F78F1E;
	margin: 26px 26px 13px 26px;
}
h2{
	font-size: 18px;
	color: #717074;
	margin: 13px 26px 13px 26px;
}
#subnavcontainer h2{
	font-size: 100%;
	font-weight: bold;
	background-color: #F78F1E;
	color: #fff;
	padding: 8px 13px 8px 13px;
	margin: 0 0 1px 0;
}

/*--> IMAGES  <--*/
img {border: 0;}

#workshop {margin:0px; padding:0px; border:0px;}

/*--> LINKS  <--*/
a:link {color: #FF6633; text-decoration: none;}
a:visited {color: #FF6633; text-decoration: none;}
a:hover {color: #fff; background-color: #FF4000; text-decoration: none;}

ul.reset, ul.reset li { margin: 0; padding: 0; }
ul.reset li { list-style: none; }

/*--> HEADER  <--*/
#header {
	width: 770px;
	padding: 0px;
	float: left;
	background: #fff;
	text-align: right;
	border-bottom: 1px solid #fff;
}
#home #header {	background: url(../img/mackel_bergh-home.jpg) no-repeat; }
#presenteren #header { background: url(../img/mackel_bergh-presenteren.jpg) no-repeat; }
#communicatie #header {	background: url(../img/mackel_bergh-communicatie.jpg) no-repeat; }
#begeleiding #header { background: url(../img/mackel_bergh-begeleiding.jpg) no-repeat; }
#huub #header {background: url(../img/mackel_bergh-home.jpg) no-repeat; }
#traject #header { background: url(../img/mackel_bergh-home.jpg) no-repeat; }
#contact #header { background: url(../img/mackel_bergh-home.jpg) no-repeat; }

/*--> NAV MAIN  <--*/
#navcontainer ul {
	padding: 0 0 0 6px;
	width: 764px;
	margin: 0px;
	background-color: #717074;
	color: #fff;
	font-family: "Trebuchet MS",  Arial, Helvetica, sans-serif;
	float: left;
	font-size: 88%;
	border-bottom: 1px solid #E8E8E9;
}
#navcontainer ul li {
	display: inline;
}
#navcontainer ul li a {
	padding: 6px;
	margin: 0;
	/*background-color: #717074;*/
	color: #fff;
	text-decoration: none;
/*	border-right: 1px solid #fff;*/
	float: left;
}
span.border {
	float: left;
	background: url(../img/navborder.gif) no-repeat 50% 50%;
	padding: 6px 4px 6px 5px;
}

#navcontainer ul li a:hover, #navcontainer #navactive {
	background-color: #4D4D4D;
	color: #F78F1E;
}

/*--> CONTENTCONTAINER <--*/
#contentcontainer {
	width: 770px;
	padding: 0px;
	background: #fff url(../img/bg-content.gif) repeat-y;
	float: left;
}
/*--> NAV LEFT  <--*/
#subnavcontainer {
	width: 304px;
	background-color: #F3F3F3;
	font-size: 80%;
	float: left;
}
#subnavcontainer ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
#subnavcontainer li{
	margin-bottom: 1px;
}
#subnavcontainer ul li a {
	display: block;
	padding: 5px 12px 7px 12px;
	color: #666666;
	background-color: #EAEAEB;
	border: 1px solid #D4D4D4;
	width: 278px;
}
#subnavcontainer a:link, #navlist a:visited {
	color: #666666;
	text-decoration: none;
}
#subnavcontainer ul li a:hover {
	background-color: #CFCFCF;
	color: #414141;
	border: 1px solid #C9C9C9;
}
#subnavcontainer #navsubactive{
	background-color: #ECECEC;
	color: #B3B3B3;
	border: 1px solid #E9E9E9;
}
#subnavcontainer span{
	background: url(../img/subnav-span.gif) no-repeat 0px 3px;
	padding-left: 14px;
	font-weight: bold;
	display: block;
}
#subnavcontainer #navsubactive span{
	background: url(../img/subnav-span_on.gif) no-repeat 0px 3px;
}
#subnavcontainer a:hover span {
	background: url(../img/subnav-span_active.gif) no-repeat 0px 3px;
}
#subnavcontainer strong.meer {
	font-weight: bold;
	color: #FF6633;
	text-decoration: none;
	padding-right: 8px;
	background: url(../img/arrow.gif) no-repeat 100% 50%;
	visibility: hidden;
}
#subnavcontainer a:hover strong.meer{
	visibility: visible;
}
#subnavcontainer a:hover#navsubactive strong.meer{
	visibility: hidden;
}
#subnav-footer {
	background-color: #F3F3F3;
	border-top: 1px solid #D4D4D4;
	border-right: 1px solid #E0E0E0;
	height: 12px
}

/*--> CONTENT  <--*/
#text {
	width: 466px;
	padding: 0px;
	float: left;
}
#text div{
    margin: -5px 0px 9px 9px;
	padding: 0px;
	float: right;
}

#print {
	float: right;
	font-size: 80%;
	margin-right: 13px;
	margin-bottom: 25px;
}
#print a{
	padding: 0px 13px 0px 12px;
	background: url(../img/print.gif) no-repeat 1% 50%;
}
#print a:hover{
	padding-left: 12px;
	background: #FF4000 url(../img/print-hover.gif) no-repeat 1% 50%;
}
#text ul{
	padding: 0 0 0 60px;
	margin: -20px 0 0 0;
	line-height: 140%;
}

.lettertext {
	width: 410px;
	margin: 0 0 5px 0;
	border: 1px solid #F78F1E;
}

/*--> FOOTER  <--*/

#footer {
	background: url(../img/bg-footer.gif) no-repeat;
	height: 77px;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/* pop */
#position {
    text-align: left;
    position:absolute;
    overflow: hidden;
    width: 803px;
    height: 469;
    top: 0px;
    left: 50%;
    margin-left: -475px;
}
#container {
    position:relative;
    z-index:2;
    width: 803px;
    height: 489px;
    margin-top: 0px;
}
#content {
    position:absolute;
    bottom: 0px;
    left: 0px;
    height: 459px;
    width: 803px;
    text-align: left;
    background: url('../img/cloud.png') no-repeat;
}
#content button{
    position: absolute;
    bottom: 88px;
    right: 44px;
    width: 18px;
    height: 19px;
    border: 0px;
    cursor: pointer;
    background: url('../img/close.gif') no-repeat;
}
#content .txt{
    position: absolute;
    top: 55px;
    left: 253px;
    width: 500px;
    margin: 0px;
}
#content .txt h2{
        padding: 0px;
        margin: 0px 0px 9px 0px;
        font-size: 200%;
        color: black;
}
#content .txt p{
        padding: 0px;
        margin: 0px 0px 9px 0px;
        font-size: 100%;
        line-height: 120%;
        color: black;
}
#content .txt a{
        color: black;
        text-decoration: underline;
}
#content .txt a:hover{
        color: #fff;
        background: #000;
        text-decoration: none;
}

#content .info{
    position: absolute;
    top: 55px;
    left: 55px;
    padding-top: 110px;
    width: 200px;
    height: 200px;
    color: black;
    background: url('../img/trainingsaanbod.gif') no-repeat;
}
#content .info p{
        padding: 0px;
        margin: 0px 0px 9px 0px;
        font-size: 100%;
}


td{
    margin: 0px;
    padding: 4px;
    vertical-align: top;
    font-size: 12px;
    color: black;
    border-bottom: 1px solid #f3f3f3;
}
table{
    border: 1px solid #f3f3f3;
    border-collapse: collapse;
    width: 500px;;
}
/* nav-sub */
ul#pop {
    border-top: 1px solid #f3f3f3;
    width: 176px;
}
    ul#pop li a {
        display: block;
        padding: 11px 0px 13px 0px;
        color: #ff0000;
        width: 176px;
        background: url('../img/arrow-grey.gif') no-repeat 98% 50%;
        border-bottom: 1px solid #f3f3f3;
    }
    ul#pop li a.sel,
    ul#pop li a:hover{
        text-decoration: none;
        color: black;
        background: white url('../img/arrow-black.gif') no-repeat 98% 50%;
    }