/* ALGEMEEN */

body 
{
	background: url("../images/background.jpg") repeat-y center;
 	margin: 0;
 	padding: 0;
	font-family: Verdana, Arial, Sans-serif;
 	font-size: 12px;
 	color: #4F5155;
}


/* WRAPPER */

#wrapper
{
    width: 960px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    background-color: white;
    padding: 0;
    border-color: #91a1be;
    border-left: 1px;
    border-left-style: solid;
    border-right: 1px;
    border-right-style: solid;
    border-bottom: 1px;
    border-bottom-style: solid;
}


/* HOOFDING */

#header
{
    background-image: url('../images/hoofding.jpg');
    width: 960px;
    height: 200px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0;
}


/* MIDDEN */

#middle
{
    background-image: url('../images/content_background.jpg');
    background-repeat: repeat-y;
    width: 960px;
    margin: 0;
    padding: 0;
}


/* FOOTER */

#footer
{
    width: 960px;
    height: 26px;
    margin-top: 0px;
    background-image: url('../images/tussenin.jpg');
    background-repeat: repeat-x;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}

#footer p
{
	display: inline-block;
	margin-top: 6px;
	padding: 0px;
}


/* BREADCRUMB */

#breadcrumb
{
    width: 960px;
    height: 26px;
    margin: 0px;
    padding: 0px;
    background-image: url('../images/tussenin.jpg');
    background-repeat: repeat-x;
}

#breadcrumb p
{
	margin: 0px;
	padding-top: 6px;
	padding-left: 10px;
}

#breadcrumb a:visited
{
	color: #4F5155;
	text-decoration: none;
}
					
#breadcrumb a:link
{
	color: #4F5155;
	text-decoration: none;	
}
				
#breadcrumb a:hover
{
	color: #4F5155;
	text-decoration: underline;		
}


/* MENU */

#menu
{
    float: left;
    width: 200px;
    margin: 0px;
    padding: 0px;
}

#menu a
{
	text-decoration: none;
}

.menu_hoofding 
{
    background-image: url("../images/menu_hoofding_onderdeel.jpg");
    background-repeat: repeat-x;
    height: 25px;
    border-top-color: #a8bbc6;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #04202e;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin: 0px;
    padding: 0px;
}

.menu_hoofding p 
{
    font-weight: bold;
    color: #ffffff;
    margin: 0px;
    padding-top: 5px;
    padding-left: 10px;
}

.menu 
{
	background: #5f9baf;
    height: 25px;
    border-top-color: #8cb7c7;
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-color: #00323c;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 0px;
    margin: 0px;
}

.menu p 
{
    color: #ffffff;
    margin: 0px;
    padding-top: 5px;
    padding-left: 10px;
}

.menu_normal 
{
    background: #5f9baf;
}

.menu_over 
{
	background: #8cb7c7;
}


/* MAIN */

#main
{
    float: left;
    width: 700px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

#main_small
{
    float: left;
    width: 450px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

#main_small
{
	text-align:justify;
}

#main h1
{
	font-family: Verdana, Arial, Sans-serif;
 	font-size: 16px;
 	font-weight: normal;
 	color: #5f9baf;
 	background-color: #f4f4f4;
 	text-align: left;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-left: 7px;
	padding-bottom: 5px;    
	border-color: #5f9baf;
	border-style: solid;
	border-width: 1px;
	border-left-width: 10px;
}

#main h2
{
	font-family: Verdana, Arial, Sans-serif;
 	font-size: 14px;
 	font-weight: normal; 	
 	color: #5f9baf;
 	margin-top: 0px;
 	padding-top: 0px;
 	padding-bottom:0px;
}

#main h3
{
	font-family: Verdana, Arial, Sans-serif;
 	font-size: 12px;
 	color: #5f9baf;
 	margin-top: 0px;
 	padding-top: 0px;
 	padding-bottom:0px;
}

#main h4
{
	font-family: Verdana, Arial, Sans-serif;
 	font-size: 12px;
 	font-weight:bold;
 	margin-top: 0px;
 	padding-top: 0px;
 	padding-bottom:0px;
}

#main p
{
 	margin-top: 0px;
 	text-align:justify;
}

#main p.opsomming, span.opsomming
{
 	margin-top: 0px;
 	margin-bottom: 2px;
}

#main ol
{
	font-family: Verdana, Arial, Sans-serif;
 	font-size: 12px;
 	color: #4F5155;
 	text-align: justify;
}

#main ul
{
	font-family: Verdana, Arial, Sans-serif;
 	font-size: 12px;
 	color: #4F5155;
 	list-style-type:disc;
 	text-align: justify;
}

#main li
{
	margin-bottom: 3px;
}

#main hr
{
	margin-top:20px;
	margin-bottom:20px; 
}

#main a:visited, #main_small a:visited
{
	text-decoration: none;
	color: #285a89; /*#457f95;*/
}
					
#main a:link, #main_small a:link
{
	text-decoration: none;
	color: #285a89; /*#457f95;*/
}
				
#main a:hover, #main_small a:hover
{
	text-decoration: underline;		
	color: #285a89; /*#457f95;*/
}

#main .blok1_left
{
	display: inline-block;
	vertical-align: top;
	width: 50px;
}

#main .blok1_right
{
	display:inline-block;
	width: 640px;
}

/* TABLE */

#main table
{
	border: 1px solid #cdcdcd;
}

#main table tr
{
 	margin-top: 3px;
 	margin-bottom: 3px;
}

#main table td
{
	padding: 4px;
	border-top: 1px solid #cdcdcd;
}

#main table tr
{
	padding: 4px;
	border-top: 1px solid #cdcdcd;
}

#main table td.left
{
 	border-right: 1px solid #cdcdcd;
}

#main table th
{
 	font-size: 13px;
 	color: white;
 	background-color: #7b8898;
 	padding-left: 4px;
	padding-top: 6px;
 	padding-bottom: 6px;
 	border: 1px solid #FFF;
 	text-align: left;
}

#main table .odd
{
	background-color: #ffffff;
}

#main table .even
{
	background-color: #f0f0f6;
}

#main table .bottom_fix
{
	border-bottom: 1px solid #cdcdcd;
}


/* SIDEBAR */

#sidebar
{
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
}

.box
{
    width: 230px;
    background-color: #f4f4f4;
    margin-left: 0px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    border-color: #e4e4e4;
    border-style: solid;
    border-width: 1px;
}

.box h1
{
	display: inline;
	font-family: Verdana, Arial, Sans-serif;
 	font-size: 14px;
 	font-weight: normal;
 	color: #5f9baf;
 	padding-left: 10px;
}

.box p
{
    margin-top: 3px;
    margin-bottom: 3px;
}

.box p.opsomming
{
 	margin-top: 0px;
 	margin-bottom: 6px;
}


.box a:visited
{
	text-decoration: none;
	color: #285a89; /*#457f95;*/
}
					
.box a:link
{
	text-decoration: none;
	color: #285a89; /*#457f95;*/
}
				
.box a:hover
{
	text-decoration: underline;		
	color: #285a89; /*#457f95;*/
}


/* EXTRA CLASSES */

.message
{
	border:1px solid #c98c21;
 	background-color:#efdda8;
 	color:#c98c21;
 	padding:5px;
 	width:688px;
 	font-size:12px;
 	margin:5px 0px 5px 0px;
}

.message_in_box
{
	border:1px solid #c98c21;
 	background-color:#efdda8;
 	color:#c98c21;
 	padding:5px;
 	width:200px;
 	font-size:12px;
 	margin:5px 0px 5px 0px;
}

legend
{
	font-family: Verdana, Arial, Sans-serif;
 	font-size: 12px;
 	color: #4F5155;	
}

legend.fotoclubs
{
	font-family: Verdana, Arial, Sans-serif;
 	font-size: 12px;
 	color: #5f9baf;	
}

/* FOTO IN HOOFDING */

#foto { position: absolute; margin-left: 426px; margin-top: 15px; width: 255px; height: 170px; }
#foto div { width: 255px; height: 170px; padding: 1px; background-color: #acc0c7; }
#foto div img {  width: 255px; height: 170px; }
#foto div { top: 0; left: 0; }

#foto2 { position: absolute; margin-left: 685px; margin-top: 15px; width: 255px; height: 170px; }
#foto2 div { width: 255px; height: 170px; padding: 1px; background-color: #acc0c7;}
#foto2 div img {  width: 255px; height: 170px; }
#foto2 div { top: 0; left: 0; }


/* DIV SPATIE EN OPVULLERS */

.divSpace
{
    width: 30px;
    float: left;
    margin: 0;
    padding: 0;
}

.divClear
{
    clear: both;
}