/* CSS Document */



html, body {
background: url(../pictures/Background.jpg); height:100%; padding:0em; font-family:Arial; font-size:0.9em; 
}

/* Fonts */

.creme {
	
	font-family: "Arial";
	font-size: 0.9em;
	color: #FFFFCC;
	
}
.signature {
	
	font-family: "rage Italic";
	font-size: 1.9em;
	color: #000000;
	
}
.header-statement {
	
	font-family: "Arial";
	font-size: 1.1em;
	color: #FFFFCC;
	
}
.copyright {
	
	font-family: "Arial";
	font-size: 0.9em;
	color: #666666;
	
}
.price {
	
	font-family: "Arial";
	font-size: 0.8em;
	color: #0066CC;
	
}
.news {
	
	font-family: "Arial";
	font-size: 0.8em;
	color: #009933;
	
}

.right {
	
	font-family: "Arial";
	font-size: 0.8em;
	color: #000000;
	
}

.norm2 {
	
	font-family: Times New Roman;
	font-size: 0.8em;
	color: #FFFFFF;
	
}

.differentul {

	font-family:"Arial";
	font-size:1.2em;
	
	}

.max {
max-width:100%;
	
}
.montage {
margin: 0;
padding: 0;
}
.browser_adj {position: relative; left:-5em}


/* Main Wrap */

#wrap { width: 763px; margin:-0.98em auto; background: #FFFFCC; min-height:100%; padding:0em;}
/* Header */

#header {
background-color:#808000; padding-right:0.2em; 
}
#header2 {
background-color:#808000; padding-right:0.2em; padding-left:0.2em;
}

#header3 { background:#FFFFCC;}

/* Logo */

#logoleft { float:left;}

#logoright {float:right; text-align:right; padding:0.1em; width:76%; background:#808000;}








/* Headers - h1 etc */

h1 { color: #808000; font-size: 1.2em; font-family: "trebuchet MS";}
h2 { color: #808000; font-size: 1.0em; font-family: "trebuchet MS";}
h3 { color: #009933; font-size: 0.8em; font-family: "Arial";}


/* Navigation */


#navbar { width: 100%; background-color:#808000; }



/* divs */

#center { width: 99%;  background: #FFFFCC; margin-bottom: 0.4em; padding-left: 0.4em; padding-right:0.4em;}
#boxright {float:right; height:100%; max-width:24%;  background: #808800; padding-right:0.3em; padding-left:0.6em; margin-left:0.4em; }
#boxleft {float:left; min-height:100%;}
#home-right { float: right; width: 20%; min-height:100%; background: #808800; margin-bottom: 0.4em; padding-left: 0.2em; margin-left:0.2em; padding-right:0.2em; text-align: center;}
#headertext { float:left; background:#808000; text-align:left; margin-bottom:0.2em; width:100%;}
#nederlands {float:right; padding:0.2em;}
#mainimagecontainer{ max-width:100%;}
#imagecontainerleft{ float:left; max-width:76%; min-width:76%;  
}
#imagecontainerright{ float:right; max-width:24%;  }
#imageright{ float:right;}
#text-left {float:left; padding-right:0.4em;}
#text-left1 {float:left; padding-right:0.4em;}
#text-left2 {float:left; padding-right:0.4em;}
#text-left3 {float:left; padding-right:0.4em;}
#empty {width:40%;}
#picleft {float:left;}
#picright {float:right;}
#picright2 {float:right;}




/* lists */

ul {  list-style:circle}
ol { list-style:decimal}
li { list-style-type: circle; font-family:Arial; font-size:0.8em;}

/* footer */

#footer { font-size: 1em; border-top: 0.01em solid #ccc; width:100%; background: url(../pictures/Background.jpg); text-align:center;}
#footerleftlinks{ float:left; padding-left:0.4em; margin-right:0.6em;}
#footerleftlinks2{ float:left; padding-left:1.8em; margin-right:0.8em;}
#footerleftlinks3{ float:left; padding-left:1.8em; margin-right:0.8em;}
#footerleftlinks4{ float:left; padding-left:1.8em;}
#footer-copyright{ float:right; padding:0.2em;}


/* Image Control */

.centeredImage
    {
    text-align:center;
    }
	
.curved-box
    {
    margin: 2px;
	height:900px;
    width: 162px;
    background-color: #808800;
}

.curved-box h2
    {
    background: #808800 url(pictures/curve-top.jpg) no-repeat left top;
    color: #FFFFCC;
	background-color:#808800;
    padding: 10px 15px 5px 15px;
}

.curved-box p
    {
    background: #808800 url(pictures/curve-bottom.jpg) no-repeat left bottom;
    margin: 0px;
	color:#FFFFCC;
    padding: 5px 15px 10px 15px;
    text-align: left;
} 


	
/* links */ 

a:link {text-decoration: underline; color:#000000; }
a:visited {text-decoration: underline; color:#000000; }
a:active {text-decoration: underline;}
a:hover {text-decoration: underline; color: #808000;}

a.page:link {text-decoration: none; color: #FFFFCC;}
a.page:visited {text-decoration: none; color: #FFFFCC; }
a.page:active {text-decoration: underline; color: #FFFFCC; }
a.page:hover {text-decoration: underline; color: #FFFFCC; }


a.main:link {text-decoration: underline; color: #000000;}
a.main:visited {text-decoration: underline; color: #000000;}
a.main:hover {text-decoration: underline; color: #000066;}
a.main:active {text-decoration: underline;}

a.footer:link {text-decoration: underline; color: #333333;}
a.footer:visited {text-decoration: underline; color: #333333;}
a.footer:hover {text-decoration: none; color: #333333;}
a.footer:active {text-decoration: underline;}

a.header-right:link {text-decoration: none; color: #FFFFCC;}
a.header-right:visited {text-decoration: none; color: #FFFFCC;}
a.header-right:hover {text-decoration: underline; color: #FFFFCC;}
a.footer:active {text-decoration: underline;}

#dropnav2 {
	background:#FFFFCC;
	clear:both;
	height: 28px;
	border-bottom: 0.01em solid #ccc;
	list-style: none;
	margin-bottom:0.2em;
}
#nav2 {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	list-style: none;
	}
#nav2 ul {
	border: 1px solid #004a78;
	padding: 0;
	margin: 0;
	list-style:none;
}

#nav2, #nav2 ul {
	float: left;
	list-style: none;
	line-height: 15px;
}

#nav2 a {
	display: block;
	width: auto;
	text-decoration: none;
	font-size:1.4em;
	list-style: none;
}

#nav2 a.daddy {
	color: #666666;
	padding-bottom: 7px;
	list-style: none;
}

#nav2 a.kiddie {	
	color: #065276;
	padding: 3px 0 4px 10px;
	width: 163px;
	margin: 0;
}
#nav2 a:hover.kiddie {
	color: #fff;
}

#nav2 li ul ul {   margin: -25px 0 0 14.3em; list-style: none;  } 
#nav2, #nav2 ul {     padding: 0;     margin: 0;     list-style: none;   } 
#nav2 li:hover ul ul, #nav li.sfhover ul ul, #nav li.kiddie ul ul { left: -999em; list-style: none; }
#nav2 li:hover ul, #nav li.sfhover ul, #nav li li:hover ul,#nav li li.sfhover ul, #nav li.kiddie ul, #nav li li.slevel ul { left: auto; }

#nav2 a.slevel {
	display: block;
	width: auto;
	text-decoration: none;
	list-style: none;
	/*height:15px;*/
}

#nav2 a.slevel {
	color: #065276;
	padding: 3px 0 4px 10px;
	width: 163px;
	margin: 0;
}
#nav2 a:hover.slevel {
	color: #fff;
}
.runt {
border-top: 1px dashed #004a78;
}

#nav2 li {
	float: left;
	margin: 0;
	padding: 6px 10px 0 10px;  /* changed from 7 to 6 padding bottom */
	width: auto;
	line-height: 15px; /* doesn't inherit corretly whith g2a stylesheet- so we need to specify */
	list-style: none;
}
#nav2 li a {	
	color: #fff
	list-style: none;
}

#nav2 li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 175px;
	margin-left: -10px;
	background: white;
	z-index:10001; /* on top of maps: 10000 */
	list-style: none;
}
/* submenu styling */
#nav2 ul li:hover a, #nav ul li.sfhover a {color:#004a78; background:#fff;} /* parent hover style */
#nav2 ul li:hover ul, #nav ul li.sfhover ul {display:block; position:absolute; left:0;/*top:21px; */ }
#nav2 ul li:hover ul li a.hide, #nav ul li.sfhover ul li a.hide {background:#fff; color:#004a78;}
#nav2 ul li:hover ul li:hover a.hide, #nav ul li.sfhover ul li:sfhover a.hide {background:#fff; color:#004a78;}
#nav2 ul li:hover ul li ul, #nav ul li.sfhover ul li ul  {display: none; width: 130px;}
#nav2 ul li:hover ul li a, #nav ul li.sfhover ul li a {display:block; background:#fff; color:#004a78;}
#nav2 ul li:hover ul li a:hover, #nav ul li.sfhover ul li a:hover {background:#e96d25; color:#fff;}
#nav2 ul li:hover ul li:hover ul, #nav ul li.sfhover ul li.sfhover ul {display:block; position:absolute; left:0px; width: 175px;}
/*#nav ul li:hover ul li:hover ul.left, #nav ul li.sfhover ul li.sfhover ul.left {left:-105px;}*/ /* not too sure what this does*/

#nav2 li li {
	padding: 0;
	border-left: 1px solid white;
	border-right: 1px solid white;
	list-style: none;
}
#nav2 li:hover ul , #nav li.sfhover ul {
	left: auto;
}

#nav2 li:hover, #nav li.sfhover {
	background: #FFFFCC;
}

#nav2 li li a:hover, #nav li li a.sfhover {
	background: #009933;
}

/* specific nav items */
#nav2 li ul ul.move_up { margin: -65px 0 0 14.3em;  } /* move larger submenus up some, so they dont go out of screen */
#nav2 li ul ul.wide { width: 192px; } /* make wider */
#nav2 ul.wide a.slevel {	width: 180px; } /* make wider */

#dropnav {
	background:#FFFFCC;
	clear:both;
	height: 28px;
	border-bottom: 0.01em solid #ccc;
	list-style: none;
	margin-bottom:0.2em;
}
#nav {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	list-style: none;
}
#nav ul {
	border: 1px solid #004a78;
	padding: 0;
	margin: 0;
	list-style:none;
}

#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 15px;
}

#nav a {
	display: block;
	width: auto;
	text-decoration: none;
	font-size:1.4em;
	list-style: none;
}

#nav a.daddy {
	color: #666666;
	padding-bottom: 7px;
	list-style: none;
}

#nav a.kiddie {	
	color: #065276;
	padding: 3px 0 4px 10px;
	width: 163px;
	margin: 0;
}
#nav a:hover.kiddie {
	color: #fff;
}

#nav li ul ul {   margin: -25px 0 0 14.3em; list-style: none;  } 
#nav, #nav ul {     padding: 0;     margin: 0;     list-style: none;   } 
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li.kiddie ul ul { left: -999em; list-style: none; }
#nav li:hover ul, #nav li.sfhover ul, #nav li li:hover ul,#nav li li.sfhover ul, #nav li.kiddie ul, #nav li li.slevel ul { left: auto; }

#nav a.slevel {
	display: block;
	width: auto;
	text-decoration: none;
	list-style: none;
	/*height:15px;*/
}

#nav a.slevel {
	color: #065276;
	padding: 3px 0 4px 10px;
	width: 163px;
	margin: 0;
}
#nav a:hover.slevel {
	color: #fff;
}
.runt {
border-top: 1px dashed #004a78;
}

#nav li {
	float: left;
	margin: 0;
	padding: 6px 10px 0 10px;  /* changed from 7 to 6 padding bottom */
	width: auto;
	line-height: 15px; /* doesn't inherit corretly whith g2a stylesheet- so we need to specify */
	list-style: none;
}
#nav li a {	
	color: #fff
	list-style: none;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 175px;
	margin-left: -10px;
	background: white;
	z-index:10001; /* on top of maps: 10000 */
	list-style: none;
}
/* submenu styling */
#nav ul li:hover a, #nav ul li.sfhover a {color:#004a78; background:#fff;} /* parent hover style */
#nav ul li:hover ul, #nav ul li.sfhover ul {display:block; position:absolute; left:0;/*top:21px; */ }
#nav ul li:hover ul li a.hide, #nav ul li.sfhover ul li a.hide {background:#fff; color:#004a78;}
#nav ul li:hover ul li:hover a.hide, #nav ul li.sfhover ul li:sfhover a.hide {background:#fff; color:#004a78;}
#nav ul li:hover ul li ul, #nav ul li.sfhover ul li ul  {display: none; width: 130px;}
#nav ul li:hover ul li a, #nav ul li.sfhover ul li a {display:block; background:#fff; color:#004a78;}
#nav ul li:hover ul li a:hover, #nav ul li.sfhover ul li a:hover {background:#e96d25; color:#fff;}
#nav ul li:hover ul li:hover ul, #nav ul li.sfhover ul li.sfhover ul {display:block; position:absolute; left:0px; width: 175px;}
/*#nav ul li:hover ul li:hover ul.left, #nav ul li.sfhover ul li.sfhover ul.left {left:-105px;}*/ /* not too sure what this does*/

#nav li li {
	padding: 0;
	border-left: 1px solid white;
	border-right: 1px solid white;
	list-style: none;
}
#nav li:hover ul , #nav li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #FFFFCC;
}

#nav li li a:hover, #nav li li a.sfhover {
	background: #009933;
}

/* specific nav items */
#nav li ul ul.move_up { margin: -65px 0 0 14.3em;  } /* move larger submenus up some, so they dont go out of screen */
#nav li ul ul.wide { width: 192px; } /* make wider */
#nav ul.wide a.slevel {	width: 180px; } /* make wider */