/* Normalize Browser Defaults */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/* Globals */

body { 
	background-color: #000; 
	text-align: center; 
	font: 0.6em/17px Verdana, Helvetica, Arial, sans-serif; 
	color: #a0a0a0; 
	padding: 10px; 
    }

input { font: 11px/13px Verdana, Helvetica, Arial, sans-serif;}

p, ol, dl, pre, blockquote { padding-bottom: 10px;}

blockquote { padding: 0 10px; }

h1, h2, h3 { padding-bottom: 8px; }

h1 { font-size: 1.2em; color: #29609a; }
h2 { font-size: 1.1em; color: #29609a; }
h3, h4, h5, h6 { font-size: 1.2em; color: #000; text-transform: uppercase;}

span h1, span h2, span h3 { display:none; }

a:link, a:visited, a:active { color: #a0a0a0; }
a:hover { color: #fff; }

table {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
    }
    th {
        margin: 0 0 1em 0;
        padding: 0.5em 0.3em 0.5em 0.5em;
        background-color: #666;
        color: #fff;
        border: 1px solid #fff;
        }
    td {
        margin: 0 0 1em 0;
        padding: 0.5em 0.3em 0.5em 0.5em;
        background-color: #ddd;
        color: #666;
        border: 1px solid #fff;
        }
    td a {
        color: #000 !important;
        }
    td a:hover {
        color: #c00 !important;
        }

/* Framework */

#page { display: block; position: relative; width: 895px; margin: 0px auto; text-align: left; }

#header { display: block; position: relative; width: 895px; height: 31px; padding-top: 17px; font-size: 12px; line-height: 14px; text-align: left; vertical-align: top; z-index: 3; }

#header-search { display: inline; float: right; width: 176px; height: 17px; padding: 0px; margin: 2px 0px 0px 0px; background: url("../imgs/Search-Field.gif") no-repeat scroll top left; }
#header-search form { display: block; }
#header-search form input { width: 164px; height: 17px; padding: 1px 6px 0px 6px; background: transparent; border: none; color: #a0a0a0; font-size: 10px; line-height: 11px; }	

#header-productsearchlist { display: inline; float: right; width: 180px; height: 17px; padding: 0px; margin: 2px 0px 0px 0px; }
#header-productsearchlist form { display: block; }
#header-productsearchlist form select { display: none; width: 174px; height: 17px; padding: 1px 0px 0px 6px; border: none; color: #666666; font-size: 10px; line-height: 11px; }	


#column-left { display: block; position: absolute; left: 0px; top: 48px; width: 175px; height: auto; vertical-align: top; z-index: 2; }
	
	#column-left h1#logo a {
		position: relative;
		background: url("../imgs/logo.gif") no-repeat 0 0;
		height: 54px;
		width: 175px;
		display: block;
        text-decoration: none;
	    }
	
	#column-left h1#logo a span {
		visibility: hidden;
	    }

#column-right { display: block; position: absolute; left: 175px; top: 48px; width: 720px; height: auto; vertical-align: top; z-index: 1; }

#content-area { position: relative; padding: 40px 20px 0 20px; display: block; width:680px; min-height:466px; background: #fff url("../imgs/Content-Area-Top.gif") no-repeat; }
* html #content-area {height:466px;}
#content-area p { color: #8c8c8c; }
#content-area p, #content-area  h3 { line-height: 16px; font-weight: normal;}
#content-area p a {color: #000;}
#content-area p a:hover {color: #c00;}
#content-area p a.attention {color: #c00;}
#content-area p a.attention:hover {color: #000;}

#content-area-bottom { display: block; position: relative; background: url("../imgs/Content-Area-Bottom.gif") no-repeat; height: 20px; margin: 0; clear: both;}

#footer { display: block; position: relative; width: auto; height: 30px; font-size: 10px; color: #a0a0a0;}
#footer ul { float: right; display: inline; width: auto; padding-top: 5px; }	
#footer ul li { float: left; display: inline; padding-left: 16px; }
#footer ul li a { display: block; text-decoration: none;}
#footer ul li span { color: White; }

/* Classes */

div.clear { clear: both; height: 0;}

div.homeclear { clear: both; height: 0;}

* html div.homeclear { clear: none; height: 0;}

*+ html div.homeclear { clear: both; height: 0;}

h2.pageTitle { position: relative; font-size: 48px; color: #ccc; text-transform: uppercase; font-family: "Helvetica", "Arial", sans-serif; margin: 0 0 0.3em 0; line-height: 48px; font-weight: normal; }

img.img-left {
	float:left;
	margin:0px 10px 0px 0px;
}

img.img-right {
	float:right;
	margin:26px 10px 10px 0px;
}

.small-text { font-size:9px; }

.backlink {
    display: block;
    position: relative;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 0.3em 0;
    margin: 0 0 15px 0;
    }

    .backlink a {
		background: url("../imgs/small-red-arrow-back.gif") no-repeat 0 0;
		color: #000;
		padding: 0 0 0 12px;
		}
		
    .backlink a:hover {
		color: #c00;
		}

/* HOME */

#content-area-home {
    position: relative; 
    width:720px; 
    background: #fff url("../imgs/Content-Area-Top.gif") no-repeat;
    padding: 0;
    }

#homeIntroText {
	background: url("../imgs/bg_home.jpg") no-repeat left 0;
    float: left;
    width: 530px;
    height: 467px;
    }
    #homeIntroText div {
        width: 160px;
        float: right;
        margin: 300px 0 0 0;
        text-align: right; 
        }
    #homeIntroText h2 {
        text-transform: uppercase;
        color: #c2873d;
        font-size: 20px;
        font-family: "Helvetica", "Arial", sans-serif; 
        margin: 0 0 0.3em 0; 
        line-height: 20px; 
        font-weight: normal; 
        }
    #homeIntroText p {
        width: 170px;
        float: right;
        line-height: 14px;
        }
    #homeIntroText p a {
        display: block; 
        margin: 1em 0;
        font-weight: bold;
        color: #333;
        padding: 0 12px 0 0;
        background: url("../imgs/home-arrow.gif") no-repeat right 4px;
        }
    #homeIntroText p a:hover {
        color: #5881A1;
        }
#imgHolder {
    padding: 19px 20px 0 0;
    float: right;
    width: 155px;
    }
    #imgHolder a {
        display: block;
        height: 214px;
        width: 155px;
        margin: 0 0 10px 0;
        }    
    #imgHolder a span {
    display: none;
    }

#content-area-bottom-home {
    display: block; 
    position: relative; 
    background: #000 url("../imgs/bg_home_bottom.jpg") no-repeat 0 0; 
    height: 20px; 
    margin: 0; 
    /*clear: both;   */
    }

				
/* CONTENT NEWS */

#columnLeftNews {
    position: relative;
	width:408px;
	float:left;
}

div.newsAttachment, 
div.newsImage img,
div.newsContent {
	width:408px;
	margin: 0 0 1em 0;
    }

div.newsAttachment {
    background-color: #ccc;
    padding: 5px;
    color: #333;
    }   
    div.newsAttachment a {
        color: #333;
        text-decoration: underline;
        }
    div.newsAttachment a:hover {
        color: #c00 !important;
        }

    div.newsContent h3 {
        margin: 0;
        padding: 0;
        }
    div.newsContent p {
        margin: 0 0 15px 0;
        padding: 0;
        }
        
#columnRightNews {
    position: relative;
	width: 232px;
    float: left;
    padding: 0 0 0 20px;    
    }
    
    #columnRightNews h3 {
        margin: 0;
        padding: 0;    
        }
        
ul.newsList {
    margin: 0;
    list-style-type: none;
    }

    ul.newsList li {
        margin: 0.5em 0;
        }
        
    ul.newsList li a {
		font-weight: bold;
		background: url("../imgs/small-red-arrow.gif") no-repeat 0 0;
		padding: 0 20px 0 12px;
		text-decoration: underline;
		color: #000;
        }
        
    ul.newsList li.current a,
    ul.newsList li a:hover {
		color: #c00;
        }

.publicationdate {
    margin: 0 0 1em 0;
}


/* CONTENT COURSES */

#columnLeftCourse {
    position: relative;
	width:408px;
	float:left;
}

div.courseAttachment, 
div.courseImage img,
div.courseContent {
	width:408px;
	margin: 0 0 1em 0;
    }

div.courseAttachment {
    background-color: #ccc;
    padding: 5px;
    color: #333;
    }   
    div.courseAttachment a {
        color: #333;
        text-decoration: underline;
        }
    div.courseAttachment a:hover {
        color: #c00 !important;
        }

    div.courseContent h3 {
        margin: 0;
        padding: 0;
        }
    div.courseContent p {
        margin: 0 0 15px 0;
        padding: 0;
        }        
    div.courseContent td.courseInfo {
            text-transform: uppercase;
            }

.infolink a {
    color: #000;
}

.infolink a:hover {
    color: #c00;
}

#columnRightCourse {
    position: relative;
	width: 232px;
    float: left;
    padding: 0 0 0 20px;    
    }

    #columnRightCourse h3 {
        margin: 0;
        padding: 0;    
        }

ul.courseList {
    margin: 0 0 20px 0;
    list-style-type: none;
    }

    ul.courseList li {
        margin: 0.5em 0;
        }
        
    ul.courseList li a {
		font-weight: bold;
		background: url("../imgs/small-red-arrow.gif") no-repeat 0 0;
		padding: 0 20px 0 12px;
		text-decoration: underline;
		color: #000;
        }
        
    ul.courseList li.current a ,
    ul.courseList li a:hover {
		color: #c00;
        }


/* CONTENT CONTACTFORM */

.genericform div {
    position: relative;
    margin: 0.8em 0;
    }

.genericform legend {
    display: none;
    }

.genericform label {
    display: block;
    text-transform: uppercase;
    font-size:9px;
}

.genericform div.formrow ul {
    list-style-type: none;
    margin: 0 0 2em 0;
    }

.genericform div.formrow ul input {
    width: 20px;
    margin: 5px 0 0 0;
}

.genericform div.formrow input,
.genericform select, 
.genericform textarea {
    width: 100%;
    }

ul.errorlist {
    margin: 0.2em 0 1.5em 0;
    padding: 2px 0 2px 5px;
    background: #c00;
    list-style-type: none;
    color: #fff;
    } 

#textWrapper {
	min-height:431px;
}
	
#borderWrapper {
	width:680px;
	}

    #vertical-border {
        position: relative;
    	border-left:1px solid #a0a0a0;
    	border-right:1px solid #a0a0a0;
    	padding: 10px 20px;
    	}

	#borderWrapper #vertical-border .floating-content-box {
	    position: relative;
		width: 105px;
		margin: 0 1em;
		float:left;
		}
		
	* html #borderWrapper #vertical-border .floating-content-box {
		margin: 0 3px;
		}

	#borderWrapper #vertical-border .floating-content-box a {
		font-weight: bold;
		background: url("../imgs/small-red-arrow.gif") no-repeat 100% 0;
		padding: 0 12px 0 0;
		text-decoration: underline;
		color: #000;
		float: left;
		margin-bottom:13px;
		}

	#borderWrapper #vertical-border .floating-content-box a:hover {
		color: #c00 !important;
		}
		
	#borderWrapper #vertical-border .floating-content-box a.imgLink {
		display: block;
		background: none;
		width: 105px;
		}
		
	#borderWrapper #vertical-border .floating-content-box p {
		clear: both;
		}
				
	#borderWrapperTop {
		background:url("../imgs/program-notes-top.jpg") no-repeat;
		height:10px;
		}
		
	#borderWrapperBottom {
		background:url("../imgs/program-notes-bottom.jpg") no-repeat;
		height:10px;
		}


/* SITEMAP */


.sitemapWrapper {
	margin-top:12px;
	}
	.sitemapWrapper .sitemapCol {
		width: 216px;
		float: left;
		margin-bottom:12px;
		}
		.sitemapWrapper .sitemapCol h3 {
		    padding: 20px 0 0 0;
		    }
		.sitemapWrapper .sitemapCol .level3 {
		    padding: 0 0 0 5px;
		    }
		.sitemapWrapper .sitemapCol .level4 {
		    padding: 0 0 0 10px;
		    }

#sitemap ul {
	list-style-type: none;
	margin-bottom:20px;
	}
	#sitemap ul li {
		line-height:14px;
		margin-bottom:5px;
		}
	#sitemap ul li a:hover {
		text-decoration: underline;
		color: #c00;
		}
	#sitemap ul li ul {
		margin-bottom:10px !important;
		margin-left:10px;
		margin-top:5px;
		}
	#sitemap ul li ul li {
		line-height:14px;
		margin-bottom:5px;
		margin-left:10px;
		}
	#sitemap ul li ul li ul {
		margin-left:10px;
		}

/* LINK LIST , SEE STERREN MET CND*/

ul.columnLeftLinks, 
ul.columnRightLinks {
    float: left;
    list-style-type: square;
    margin: 10px 0 0 0;
    padding: 0;
    width: 300px;
    list-style-position: inside;
    font-size: 1.1em;
    }
    ul.columnLeftLinks li, 
    ul.columnRightLinks li {
        margin: 0;
        padding: 0;
        }   
    ul.columnLeftLinks li a, 
    ul.columnRightLinks li a {
        text-decoration: underline;
        color: #000;
        margin: 0;
        padding: 0;
        } 
    ul.columnLeftLinks li a:hover, 
    ul.columnRightLinks li a:hover {
        color: #c00;
        }