/**
* Main elements
**/
body {
    margin: 0px;
    padding: 0px;
    background: #FFF;
    color: #000;
    font-family: Tahoma;
    font-size: 12px;
    background-attachment: fixed;
    background: #EFEFEF url(../images/back.gif) repeat 50% 0;


}
/* ---- */
/**
* Specified #div elements
**/
#container {
    margin: 25px auto 25px 75px;
    padding: 0px;
    width: 739px;
    height:600px;
    background-color:white;
    border: 1px solid silver;
}
#header {
	margin:20px auto;
    width: 711px;
    height: 126px;
    background-attachment: fixed;
    background: #FFF url(../images/header.gif) no-repeat top left;

}
#content {
	position:absolute;
	left:113px;
	top:236px;
    width: 663px;
    height: 316px;

    text-align: justify;

    background: #FFF url(../images/content.gif) no-repeat top left;

}
#content2
{
	overflow:auto;
    width: 663px;
    height: 316px;
}
#boven{
	position:absolute;
	left:113px;
	top:218px;
    width: 663px;
    height: 18px;

    text-align: justify;
    background-attachment: fixed;
    background: #FFF url(../images/boven.gif) no-repeat top left;

}
#onder{
	position:absolute;
	left:113px;
	top:552px;
    width: 663px;
    height: 21px;

    text-align: justify;
    background-attachment: fixed;
    background: #FFF url(../images/onder.gif) no-repeat top left;

}
#links{
	position:absolute;
	left:90px;
	top:218px;
    width: 23px;
    height: 355px;

    text-align: justify;
    background-attachment: fixed;
    background: #FFF url(../images/links.gif) no-repeat top left;

}
#rechts{
	position:absolute;
	left:776px;
	top:218px;
    width: 25px;
    height: 355px;

    text-align: justify;
    background-attachment: fixed;
    background: #FFF url(../images/rechts.gif) no-repeat top left;

}
#menu {
    /*padding: 10px 10px 10px 5px;
    width: 155px;
    float: right;*/
    margin-top:5px;
    margin-left:15px;
    line-height: normal;
    text-decoration: none;
}

#menu ul
{
        margin: 0;
        padding: 0;
        list-style: none;
}

#menu li
{

		float:left;
		text-align:left	;
        margin: 0px;
        padding:  3px;
        height:  21px;
        width: 137px;
        background-attachment: fixed;
        background: url('../images/menu.gif') no-repeat left top;
        /*cursor: pointer;*/
        font-size: 12px;
        font-weight: bold;
        font-family: Verdana;
        color:white;
}
#menu a {
	color:white;
    text-decoration: none;
}

#menu a:hover {
	color:white;
    text-decoration: none;
}
#menu #zoekbutton
{
	float:right;
	padding-right:5px;
	margin-top:-15px;
	border:0px;
}
#menu #zoekbutton img
{
	border:0px;
}
#footer {
	position:absolute;
	top:600px;

    padding: 1px 2px 1px 2px;
    width: 735px;
    height:15px;
    background-attachment: fixed;
    background: #FFF url(../images/gray.gif) repeat top left;
    border-top: 1px solid #000;
    font-size: 9px;
    clear: both;
}
/**
* Specified Footer elements
**/
#footer a {

    color: #000;
    text-decoration: underline;
    font-size: 9px;
}

#footer a:hover {
    color: #000;
    text-decoration: none;
    font-size: 9px;
}
/* ---- */
/* ---- */


/**
* Specified Content elements
**/
#content h1, #content h2, #content h3 {
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 2px 5px;
    height: 25px;
/*    border-bottom: 1px solid #000;*/
    font-weight: bold;
    display: block;
}

#content strong {
    font-style: italic;
    font-weight: bold;
}
#content a {
    color: #000;
    text-decoration: underline;
}

#content a:hover {
    color: #000;
    text-decoration: none;
}
/* ---- */

/* ---- */

/* Style for invalid input */
.invalidInput{

}

/* Style for valid input */
.validInput{
	border:1px solid green;
	padding:1px;

}

.question{
	cursor:pointer;		/* Cursor is like a hand when someone rolls the mouse over the question */
}

.answer{

	/* This one should not be changed */
	display:none;
}


/************************************************************************************************************
*	DHTML modal dialog box	(CSS for the DHTMLSuite_modalMessage class)
*
*	Created:						August, 26th, 2006
*	@class Purpose of class:		Display a modal dialog box on the screen.
*			
*	Css files used by this script:	modal-message.css
*
* 	Update log:
*
************************************************************************************************************/

.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	border:3px solid #000;	
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#FFF;	/* White background color for the message */
}
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}