/**
 * main.style.css
 * 
 * @abstract main.style.css
 * 	
 * 
 * @link css/main.class.php
 * @author  Johan van der Heide <mail@japaveh.be>
 * @version 1.03
 * @package Nano
 * @copyright Japaveh Webdesign
 */

* {
	margin:0;
	padding:0;
}

body {
	
	min-width: 750px;
	font-size: 12px;
	color: white;
	font-family: tahoma, arial;
	background-color: #585C7F;
	
}

h1 {
	margin-bottom: 10px;
	font-size: 25px;
        width: 450px;
}

h2 {
	margin-bottom: 8px;
	margin-top: 2px;
        width: 450px;
	font-size: 16px;
}

h3 {
	font-size: 14px;
	color: gray;
        width: 450px;
}

img {
	border: none;
}

p {
	text-align: justify;
	padding-bottom: 5px;
	padding-top: 5px;
}

a {
	text-decoration: none;
	color: black;
}

#content ul,ol {
	padding-left: 20px;
	
	
}

#vlaggetjes {
	padding-left: 225px;
	float: left;
}

* html #vlaggetjes {
	padding-top: 25px;
}
	
#vlaggetjes img {
	width: 20px;
}


#centerwrap {
    width:1000px;
    height:550px;
    margin:0px auto;
    position:relative;
    background: #585C7F url(/img/bg_body_wide.jpg) no-repeat;
}
  
#content {
    width:475px;
    height: 355px;
    overflow: auto;
    
    color: black;
}

/* commented backslash hack  - invisible to IE 5 \*/
#centerwrap {
    position:absolute;
    margin:-275px 0 0 -500px;
    left:50%;
    top:50%;
}
/* end hack */

#content p {
	width: 430px;
   	font-family: Arial;
}



#top {
	height: 95px;
	width: 1000px;
}

* html #top {
	height: 120px;

}


#banner {
	margin-left: 373px;
	margin-top: 25px;
	z-index: -1;
}

#datum {
	position: absolute;
	top: 480px;
	left:50px;
	color: black;
}


#address {
	color: black;
	width:1000px;
	text-align: center;
	font-family: Tahoma;
	/*font-weight: bold;*/
    margin-top: 35px;
}

#address a{
	font-family: Tahoma;
	text-decoration: none;
	color: black;
}

.hilite-a {
	background-color: yellow;
}


.menu {
	margin-left: 40px;
	margin-top: 40px;
	float: left;
	width: 355px;
	font-family: Tahoma;
	font-size: 15px;	
	color:white;
} 

* html .menu {
	margin-left: 20px;
}

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 130px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
}
	
.menu  ul li {
	position: relative;
}
	
 .menu li ul {
	position: absolute;
	left: 129px; /* Set 1px less than menu width */
	top: 0;
	display: none;
}

.menu li { margin: 0; }

.menu a {
	display: block;
	padding: 5px 10px;
	font-size: 80%;
	color: white;
	background-color: #345396;
	text-decoration: none;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

.menu li:hover, li.over a:hover {
	color: white;
	background-color: #ABB8E2;
	text-decoration: none;
	/*border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;*/
	background: url(/img/bg_menu.jpg);
}

li#active a{
	font-weight: bold;
}
	
/* Holly Hack. IE Requirement \*/
* html .menu ul li { float: left; height: 1%; }
* html .menu ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */