@charset "UTF-8";
/* CSS Document */

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, form, blockquote, fieldset, input {
	margin:0;
	padding:0;
}

body {
	background:url(image/repeatbg.jpg) repeat #FFFFFF;
	line-height: 18px;
	font-size: 16px;
	font-family: calibri;
	color:#FFFFFF;
}

h1 {
	font-family:Arial;
	font-size: 16px;
	font-weight: normal;
	color:#FFFFFF;
}

h2 {
	font-family:Arial;
	font-size: 16px;
	font-weight: normal;
	color:#FFFFFF;
}



a{
text-decoration:none;
color:#FFFFFF;
outline:none;
}
a:hover{
text-decoration:underline;
color:#FFFFFF;
}


#helicopter {
	background:url(image/helicopter.png) no-repeat;
	width: 312px;
	height: 166px;
	top: 20px;
	position:absolute;
	left: -30px;
}

#container {
	margin: 0 auto;
	background:url(image/bg.jpg) no-repeat top #FFFFFF;
	height: 950px;
	width: 900px;
	position: relative;
}

#menu {
	top: 220px;
	left: 123px;
	position: absolute;
	font-weight:bold;
	font-size: 17px;
	color: #787775;
}

#content {
	position: absolute;
	top: 265px;
	left: 110px;
	width: 565px;
	height: auto;
	min-height: 215px;
	
}

#footer {
	background: url(image/footer.png) no-repeat top;
	margin: 0 auto;
	width: 900px;
	height: 139px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp*/

#navContainer {
	height:69px;
	display:block;
	clear:both;
	float: left;
	z-index:100;
	position:relative;
}


/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */
#header_menu {position: absolute; margin-left: 20px;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 10; clear: both;}

#nav {
	float:left;
	height: 50px;
	z-index:90;
	position:relative;
	color:#FFFFFF;
	padding:0px 0px 0px 10px;
}
#nav ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	width: auto;
	
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}

/* Root Level Link Formatting */
#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal;}
#nav ul li a {color:#0099FF;display:block; font-size:20px; font-weight:bold; outline:medium none; padding:3px 10px 4px; text-decoration:none; text-transform:uppercase;}
/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active {color: #ffffff; background:#33CCFF;}
#nav a.menu-parent { color: #ffffff;}



/*Current page Customisations*/
#nav a.menu-current		{ color: #FFFFFF; background:#0099FF}
#nav a:hover.menu-current {color: #ffffff;}
#nav a:hover.menu-parent { color: #ffffff;}

/* 2nd Child menu */
#nav .menu li ul { color:#FFFFFF; position: absolute; width: 220px; display: none; font-size: 11px; border-left: #FFFFFF solid 1px; border-bottom: #FFFFFF solid 1px; border-right: #FFFFFF solid 1px;z-index: 9999;}
#nav .menu li ul li {width: 220px; text-align: left; font-weight: bold; margin: 0; padding: 0; line-height: 25px; background:#003c85;  }
#nav .menu li ul li a {width: 200px; font-size:12px;  padding: 5px 10px 3px 10px; color: #fff; font-weight: normal; line-height:15px; }

#nav .menu li ul .ultop {width: 220px; height: 11px; text-align: left; font-size: 2px; margin: 0; padding: 0; }
#nav .menu li ul .ulbot {width: 220px; height: 11px; text-align: left; font-size: 2px; margin: 0; padding: 0; }

/* 3nd Child menu */
#nav .menu li ul li ul { color:#FFFFFF; position: absolute; left:221px; width: 220px; display: none; font-size: 11px; border: #FFFFFF solid 1px;z-index: 9999;}
#nav .menu li ul li ul {width: 220px; text-align: left; font-weight: bold; margin: 0; padding: 0; line-height: 25px; background:#3777ca;  }
#nav .menu li ul li ul a {width: 200px; font-size:12px;  padding: 5px 10px 3px 10px; color: #fff; font-weight: normal; line-height:15px;  background:#3777ca; }

#nav .menu li ul li ul .ultop {width: 220px; height: 0px; text-align: left; font-size: 2px; margin: 0; padding: 0; }
#nav .menu li ul li ul .ulbot {width: 220px; height: 0px; text-align: left; font-size: 2px; margin: 0; padding: 0; }

/* 3nd Child link hover */
#nav .menu li ul li ul a:hover { background: #1b61bc; color:#FFFFFF; }
#nav .menu li ul li ul a.menu-parent { background: #1b61bc; color:#FFFFFF; border-bottom: 1px solid #FFFFFF; }
 #nav .menu li ul li ul a.menu-current { background: #1b61bc; color:#FFFFFF; }


/* 3 up Child menu */
#nav .menu li ul li ul {margin: 0px 0 0 -1px; z-index: 9999;}
#nav .menu li ul li ul .ultop {height:0;  }
#nav .menu li ul li ul .ulbot {background: transparent url(img/menuebg-bot.gif) no-repeat;}

/* 2nd Child link hover */
#nav .menu li ul a:hover { background: #0a53b2; color:#FFFFFF; }
#nav .menu li ul a.menu-parent { background: #0a53b2; color:#FFFFFF; }
 #nav .menu li ul a.menu-current { background: #0a53b2; color:#FFFFFF; }

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}




/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}






/* SHOP */


.shopknop {
background:#0099FF;
text-decoration:underline;
border:none;
padding:4px;
font-family:arial;
font-size:12px;
text-decoration:none;
width:162px;
color:#FFFFFF;
}

.shopknop:hover {
background:#33CCFF;
}

.shopstop {
background:#CC0000;
text-decoration:underline;
border:none;
padding:4px;
font-family:arial;
font-size:12px;
text-decoration:none;
}

.shopstop:hover {
background:#5A5A5A;
}

.shoperror {
background:#FFFFFF;
color:#000000;
text-decoration:underline;
border:none;
padding:4px;
font-family:arial;
font-size:12px;
text-decoration:none;
}

.shoperror:hover {
background:#000000;
color:#FFFFFF;
}


.shopselect{
background:none repeat scroll 0 0 #ffffff;
border:1px solid #EDE6C9;
color:#000000;
padding:3px;
text-decoration:none;
font-family:arial;
font-size:12px;
text-decoration:none;
width:41px;
}

.shopselect:hover{
background:none repeat scroll 0 0 #ffffff;
}

.shopaantal{
background:none repeat scroll 0 0 #ffffff;
border:1px solid #EDE6C9;
color:#FFFFFF;
font-family:arial;
font-size:12px;
padding:2px;
text-align:right;
}

.shopaantal:hover{
background:none repeat scroll 0 0 #ffffff;
}

.leesverder {
background:#33CCFF;
text-decoration:underline;
border:none;
padding:4px 8px;
font-family:arial;
font-size:12px;
text-decoration:none;
height:16px;
float:left;
line-height:18px;
}

.leesverder:hover {
text-decoration:none;
background:#0099FF;
}

.shopprevious {
background:#5a5a5a;
text-decoration:underline;
border:none;
padding:4px 8px;
font-family:arial;
font-size:12px;
text-decoration:none;
height:16px;
float:left;
margin:0px 4px 0px 0px;
line-height:18px;
width:33px;
}

.shopprevious:hover {
text-decoration:none;
background:#878383;
}

.shopnext {
background:#5a5a5a;
text-decoration:underline;
border:none;
padding:4px 8px;
font-family:arial;
font-size:12px;
text-decoration:none;
height:16px;
float:left;
line-height:18px;
}

.shopnext:hover {
text-decoration:none;
background:#878383;
}