/* BASIS ELEMENTEN */
body{
font-size: 11pt;
font-family: Arial, Trebuchet MS; 
color: #000000; 
background-image: url('../images/background.gif');
background-color:#eeeeee;
/*background-repeat: repeat;*/
background-repeat:repeat-x;
margin : 0px 0px 0px 0px;
padding: 0px;}

html{
overflow : -moz-scrollbars-vertical;}

/* Gedefiniëerde paginaonderdelen */
#overall{
width:880px;
height:100%;}

/*#bg{
background-image: url('images/logo.jpg');
width:350px;
height:174px;}*/

#menu{
width:100%;
background-image: url('images/bg_menux.gif');
width: 880px;}

#contact {
background-image: url("../images/contact.gif");
width: 146px;
height: 52px;
background-repeat:no-repeat;
}
 
p{
font-size: 10pt;
font-family: Arial, Trebuchet MS, Century Gothic;
color: #000000;
margin-top: 0px;}

p.center{
text-align: center;}

/*p.margin{
margin-left: 50px;
margin-right: 50px;
vertical-align: top;}*/

/* LINK */
a:link{
font-size: 18px;
font-weight: normal;
text-decoration: underline;
color: #000000;}

a:visited{
font-size: 18px;
font-weight: normal; 
text-decoration: underline; 
color: #000000;}

a:hover, a:active{
font-size: 18px;
font-weight: normal;
border-bottom-width: 1px;
border-bottom-color: #e12000;
text-decoration: none;
color: #000000;}
/* EINDE LINK */

/* TITEL */
a.titel:link{
font:28px Georgia, Cambria;
font-weight: normal;
font-style:italic;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
text-decoration: none;
color: #FFFFFF;
background-color:#777777;}

a.titel:visited{
font:28px Georgia, Cambria;
font-weight: normal;
font-style:italic;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #FFFFFF;
text-decoration: none;
color: #FFFFFF;
background-color:#777777;}

a.titel:active{
font:28px Georgia, Cambria;
font-weight: normal;
font-style:italic;
text-decoration: none;
color: #FFFFFF;
background-color:#777777;}

a.titel:hover{
font:28px Georgia, Cambria;
font-weight: normal;
font-style:italic;
text-decoration: none;
color: #FFFFFF;
background-color:none;}
/* EINDE TITEL */

/* MORE LINKS */
a.morelinks:link{
font:14px Georgia, Cambria;
font-weight: normal;
font-style:italic;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #ecac00;
text-decoration: none;
color: #000000;}

a.morelinks:visited{
font:14px Georgia, Cambria;
font-weight: normal;
font-style:italic;
border-bottom-width: 2px;
border-bottom-style: dotted;
border-bottom-color: #f9b900;
text-decoration: none;
color: #000000;}

a.morelinks:hover, a.titel:active{
font:14px Georgia, Cambria;
font-weight: normal;
font-style:italic;
background-color: #f9b900;
text-decoration: none;
color: #000000;}
/* EINDE MORE LINKS */

.style1 {
font: 28px Georgia, Cambria;
font-weight: normal;
font-style:italic;
color: #444444;
}

ul{
list-style: square outside;
margin-left: 15px;
margin-top: 1px;}




/*NAV*/

#bar{
	position:fixed;
	z-index: 100;
	left:0px;
	top:0px;
	width:100%;
	height: 51px;
	background-image: url(resource/bg/navbg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding:0px 0px 0px 0px;
	margin: 25px 0px 0px 0px;

}


* html #bar { /*\*/position: absolute; top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

#foo > #bar { position: fixed; top: 0px; right: 0px; } 


	 #navcontainer {
     margin-left: auto;
     margin-right: auto;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 padding: 0px 0px 0px 0px;
     width: 1000px;
	 height: 50px; }
	 
	  #logo {
		 float:left;
		 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
     width: 217px;
	 height: 51px; }
	 
	 
	 #nav-menu ul
{
float: right;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 22px 0px 0px 0px;
}

#nav-menu li
{
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
float: left;
line-height: 0.8em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
}

#nav-menu li a
{

background: url(resource/bg/navgrey.gif);
background-repeat: repeat-y;
background-position: left;
float: left;
display: block;
color:#666666;
text-decoration: none;
padding: 1px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}


#nav-menu li a:hover
{
background: url(resource/bg/navred.gif);
background-repeat: repeat-y;
background-position: left;
float: left;
display: block;
color:#666666;
text-decoration: none;
}

#nav-menu li a:active
{
background: url(resource/bg/navred.gif);
background-repeat: repeat-y;
background-position: left;
float: left;
display: block;
color: #666666;
text-decoration: none;
}