
/*************************************************
** 		Algemeenheden voor layout	**
**************************************************/

body {
	background-color: #ffffff;
	padding: 0px;
	margin: 5px 5px 0px 5px;
}


#container {
	width: 100%;
	background-color: #ffffff;
	background-image: url(./images/b_185.jpg);
	background-repeat: repeat-y; 
}

#top
{
	background-color: #ffffff;
	/* background-image: url(f.jpg);
	background-position: right top;
	background-repeat: repeat-y; 
	height: 131px;
	border-bottom: 5px solid #ffffff; */
}

#top img {
	min-width: 100%;
	max-width: 100%;
}


#left {
	float: left;
	width: 185px; /* origineel: 145px */
	margin: 0px 0px 0px 0px;
	padding: 5px;
}

#content {
	padding: 1em 1em 1em 1em;
	margin: 0px 0px 0px 190px; /* origineel 150px */
	border: 1px solid #DA251D;
}

/*************************************************
** 	Stijlen voor het content-pane		**
**************************************************/

#content p {
	padding: 0em 0em 0em 1em;
	text-align: justify;
	font-size: 14px;
	font-family: arial;
}

#content li {
	font-size: 14px;
	font-family: arial;
}

#content ul {
	margin-top: -0.8em;
	margin-bottom: -0.8em;
	list-style-type:square; 
	list-style-position:inside; 
	list-style-image:url('./images/red_arrow.gif')
}

#content a {color: #DA251D;}
#content a:link {color: #DA251D; text-decoration: none;}
#content a:visited {color: #DA251D; text-decoration: none;}
#content a:hover {color: #DA251D; text-decoration: underline;}

#content h1 {
	padding: 0em;
	margin: 0em 0em 1em 0em;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	font-family: arial;
	border-bottom: 2px dashed #C0C0C0;
}

#content h2 {
	margin: 2em 0em 0em 0em;
	padding: 0em;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-family: arial;
}

#content p#special {
	/* visibility: hidden; */
	background-color: #CCCCCC;
	padding: 1em 1em 1em 1em;
	margin: 1em 3em 1em 3em;
	border: 4px solid #DA251D;
	color: #DA251D;
	font-weight: bold;
}

#content td {
	font-size: 14px;
	font-family: arial;
}

#content p#special a {color: #000000;}
#content p#special a:link {color: #000000; text-decoration: none;}
#content p#special a:visited {color: #000000; text-decoration: none;}
#content p#special a:hover {color: #FFFFFF; text-decoration: underline overline;}

#content b#special {
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
	color: #DA251D;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	/* margin-left: 10em;*/
}

#content img {
	max-width: 100%;
}


/*************************************************
** 		Stijlen voor de footer		**
**************************************************/

#footer {
	clear: both;
	background-color: #DA251D;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
    	font-size: 12px;
    	font-family: tahoma;
	padding: 0.5em 0 0.5em 0;
	border-top: 5px solid #ffffff;
}

#footer a {color: #FFFFFF;}
#footer a:link {color: #FFFFFF; text-decoration: none;}
#footer a:visited {color: #FFFFFF; text-decoration: none;}
#footer a:hover {color: #FFFFFF; text-decoration: underline;}


/*************************************************
** 		Stijlen voor het menu		**
**************************************************/

.click-menu {
    width: 175px; /* origineel: 135px */
}
.click-menu .box1 {
    background-color: #ffffff;
    color: #DA251D;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
/*
.click-menu .box1 a, .click-menu .box1-hover a, .click-menu .box1-open a, .click-menu .box1-open-hover a {
    text-decoration: none;
}
.click-menu .box1-open a, .click-menu .box1-hover a, .click-menu .box1-open-hover a {
    color: #ffffff;
}
.click-menu .box1 a {
    color: #DA251D;
}
*/
.click-menu .box1-hover {
    background-color: #DA251D;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid solid solid solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-open {
    background-color: #da251d;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu .box1-open-hover {
    background-color: #da251d;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    font-family: tahoma;
    padding: 4px 8px;
    border-width: 1px;
    border-color: #ffffff;
    border-style: solid solid none solid;
    cursor: default;
    position: relative;
}
.click-menu .box1 img, .click-menu .box1-hover img, .click-menu .box1-open img, .click-menu .box1-open-hover img {
    position: absolute;
    top: 6px;
    right: 6px;
}
.click-menu .section {
    background-color: #CCCCCC;
    font-family: arial;
    font-size: 12px;
    line-height: 15px;
    padding: 5px 5px 6px 5px;
    border-width: 1px;
    border-color: #ffffff;
    border-style: none solid solid solid;
    display: none; 
}
.click-menu .section a {
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .section a:hover {
    color: #000000;
    text-decoration: none;
    white-space: nowrap;
}
.click-menu .box2 {
}
.click-menu .box2-hover {
    background: #ffffff;
}
