/*   These are the web versions of the current Outpost branding colours

	background: #BAD80A;        - green
	background: #0099B5;         - green/blue
	background: #005B99;         - darker blue
	  #0099BA  - GOS Blue
        #4FA800 - GOS Green

*/
body {  
	/*background:none repeat scroll 0 0 #FFF;*/
	/*background-color:#4FA800;*/
	/*background-color:#C0C0C0;
	/*background:url("images/bg_whitebox.png") repeat-y scroll 0 0 transparent;*/
	background-color: #0099BA ;
	color:#000000;
	font-family:Verdana,sans-serif;
	font-size:10pt;
	line-height:1.3em;
	margin:0;
	text-align:left;
	}

h1 {
	text-align: center;
	color: #0099B5;
	font-size: 10pt;
	font-weight: bold;
	}


h2 {
	text-align:left;
	color: #0099B5;
	font-size: 10pt;
	font-weight: bold;
	}

h3 {
	text-align:left;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	}

h4 {
	text-align:left;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	}

p  {
	color: #000000;
	font-size: 10pt;
	font-family:Verdana,sans-serif;

	}

/*.footer {
	position: relative;
	color: #000000;
	background:#005B99;
	top:944px;
	width:700px;
	margin: 0px 0px 0px 180px;
	}*/
.footer {
	color: #000000;
	background:#fff;
	/*margin-top:100px;*/
	margin-top:150px;
	}
#container > .footer {
	/*margin-top:1100px;*/
	margin-top:150px;
	}

#container {
	position: relative;
	left: 40px;
	top: 0px;
	background-color: #FFF; 
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	
	/*background:url("images/bg_whitebox.png") repeat-y scroll 0 0 transparent;
    text-align:left;*/
	}


body > #container {
left: 40px;
}

body> #header  {
	position: relative;
	background-color: #BAD80A;
	background: #FFF url(/media/locations/the%20netherlands/thehague/topimage.jpg) no-repeat left 70px;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	border-bottom:10px solid #BAD80A;
	height: 170px;
	color: #0099BA;

}
body> #header  {
    border-bottom:10px solid #BAD80A;
	height: 170px;
	}
.cityLink {
	position: relative;
	top: 132px;
	font-weight: bold;
	font-size: 10pt;
	color: #FFFFFF;
	left: 100px;
	}

#frameL img{
	padding: 0px;
	margin: 0px;
	top:30px;
	visibility:hidden;
	border: #FFF solid 1px;
	}
	
#frameL {
	position: relative;
	padding: 0px 0px 10px 50px;
	margin: 0px auto;
	text-align: left;
	right:0px;
	height:350px;
	background:url("images/GOS_Logo300x175.gif") no-repeat scroll left top #fff;
	
	
	}

/*#mapBanner {
	position: relative;
	
	margin: 0px auto;
	text-align: left;
	background:url("images/bg_header.gif") no-repeat scroll right top #fff;
	height:150px;
	right:-200px;
	top:-80px;
	
	}*/
	
#frameH {
	position: absolute;
	top: 189px;
	left: 0px;
	width: 180px;
	height: 1000px;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	background-color: #0099BA;
	font-size: 12pt;
	font-weight: normal;
	z-index:200;
	}

#frameH ul {
	position: relative;
	top: 0px;
	left: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color: #0099B5;
	z-index:200;
	}

#frameH ul li{
	position: relative;
	top: 0px;
	left: 0px;
	/* width: 174px; */
	margin: 0px;
	display: block;
	background: #0099BA;
	color: #FFF;
	list-style-type: none;
	z-index:200;
	}

#frameH .c {  
	display: block;
	color: #FFF;
	width: 174px;
	height: 34px;
	padding: 0px;
	text-decoration: none; 
	border: solid 1px #0099BA;
	text-align: center;
	vertical-align: middle;
	}

#frameH .c:hover {
	background-color: #0099B5;
	border: solid 1px  #BAD80A;
	}

#content {
	position: relative;
	top:0px;
    font-size: 10pt;
	left:0px;
	width: 660px;
	text-align: Left;
	border: #fff solid;
	border-width: 1px 0px 1px 0px;
	margin: 0px 0px 0px 180px;
	padding: 0px;
	z-index:0;
	height:auto;
	}

#content table td {
	vertical-align:top;
	top: 0px;
	padding: 0px 10px 0px 0px;
	}
	
#frameC {
	position: relative;
	font-size:10pt;
	top: -400px;
	left: 20px;
	width: 700px;	
	margin: 0px auto;
	padding: 0px 0px;
	background-color: #fff;
	
	}
#content > #frameC {
top: -400px;
}

/*Custom styles for elements added by users*/
#pagetitle {
	position: relative;
	top: 2px;
	left: 0px;
	width: 102%;
	margin: 0px 0px 20px 0px;
	padding: 5px 5px 10px 25px;
	background-color: #FFE899;
	font-size: 12pt;
	font-weight: bold;
	color: #009900;
	}

#pagetitle img {
	position: absolute;
	left: 90%;
	top: 7px;
	}

.jump {
	width: 100%;
	text-align: right;
}

.tablemenu {
	border: 5px solid #FFF; 
}

.tablemenu, .tablemenu td {
	width: 100%;
	background-color: #FFF;
	text-align: center;
	font-weight: bold;
}

.tablemenu td a {
	display: block;
	text-decoration: none;
}

.tablemenu td a:hover {
	background-color: #0099B5;
	color: #FFF;	
	text-decoration: none;
}

#foldermenu {
	padding: 0px;
	background-color: #00995B;
	font-size: 12pt;
	font-weight: bold;
}

#foldermenu  ul {
	position: relative;
	top: 0px;
	left: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px 1px;
	background-color: #00995B;
	display: inline;
	}

#foldermenu  ul li{
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
	width: 80px;
	}

#foldermenu  a {
	background-color: #000;
	color: #FFF;
	width: 80px;
	padding: 0px 5px;
	display: inline;
	text-align: center;
	}

#foldermenu  a:hover{
	background-color: #00995B;
	}

#foto {
	padding: 20px;
	text-align: center;
	}

#foto img {
	margin: 0px auto;
	}

div#frameContactUs  {
	width=600px;
	padding:10px 20px;
	margin:0px auto;
	background:#D1D7D1; 
	border:solid 3px; 
	border-color: #848484 #848484 #848484 #848484;
	text-align:left;
	z-index:-1;
}

span.requiredItems{
    font-weight: bold;
        color: red;
}

td.titleContactUs{
font-weight: bold;
color: blue;
font-size:12pt;
}

td.textContactUs{
font-weight: bold;
color: black;
font-size:10pt;
width:300px;
}

/* Styling for the menus, just the colours here. Sizes and layout are done in the menu_accordion.css */
.complex {
	border:0px none #BAD80A;
	/*background-color:#005B99;*/
	background-color:#0099BA;
	width: 180px;
	}
.complex .head a.complexLink,
.complex .selectedHead a.complexLink {
	background:#0099BA url("images/collapsed.gif") no-repeat scroll 3px 4px ;
	border: 1px solid #fff;
	color:#FFFFFF;
	position:relative;
	z-index:3000;
}



.complex .head a.complexLink:hover {
	background-color:#0099BA;
	border:1px solid #BAD80A;
}

.complex .selectedHead a:active {
	background-color:##0099BA;
	
}

.complex .selectedHead a.complexLink {
	background-image: url("images/expanded.gif");
}



.complex .selectedLink a.complexLink,
.complex .selectedLink a.complexLink:hover {
	background-color:##0099BA;
	color: #FFFFFF;
	text-decoration: none;
}

.complex .selectedLink a:active {
	background-color:##0099BA;
}

.complex a.current {
	background-color:##0099BA;
}


.complex li ul {
	background-color:##0099BA;
	/*border:1px solid #BAD80A;*/
	border:0px solid #BAD80A;
	}
.complex li li .link,
.complex li li .link a {
position:relative;
	background-color:##0099BA;
	color: #FFFFFF;
	text-decoration: none;
	z-index:3000;
}



.complex li li .link a:hover {
	background-color:#BAD80A;
}

.complex li li .link a:active {
	background-color:##0099BA;
}

.editicon {
left:0px;
}


#smoothmenu2{
margin-top:-150px;
margin-left:20px;
}

#header >#smoothmenu2{
margin-top:-150px;
margin-left:20px;
}


#beschrijving {
text-align:center;
}

tbody {
align:center;
border:none;

}

tbody .x170{


}
span {
   font-size:10pt;
    font-family:Verdana,sans-serif;
}

font {
  font-size:10pt;
    font-family:Verdana,sans-serif;

}

#headerImages {
background:url("images/GOS_HeaderImage1000x130.gif") no-repeat scroll 0 0px transparent;
position: relative;

width: 1000px;
margin: 0px auto;
padding: 0px;
height: 130px;
color: #444;
top:-350px;
/*left:100px;*/
margin-left:1px;
}

#header > #headerImages {
left:0px;
margin-left:0px;
}
#stats{
text-align:center;
font-style:italic;
font-size:8pt;
color:#003399;
}

#topBanner{

background:url("images/GOS_Topbanner.gif") no-repeat scroll right top transparent;
display:block;
height:45px;
margin:0 auto;
position:relative;
/*top:105px;*/
top:-350px;
right:373px;
width:1000px;
z-index:30;

}

#header > #topBanner{
top:-350px;
}

#bottomBanner{
background:url("images/GOS_Bottombanner.gif") no-repeat scroll left bottom transparent;
display:block;
height:45px;
position:absolute;
top:425px;
width:626px;
right:0px;
z-index:30;
}

#header > #bottomBanner{
top:438px;
}

#locationOutpost{
/*top:-170px;*/
top:-410px;
position:relative;
z-index:500;
left:570px;
font-weight:bolder;
font-size:28px;
color:#0099BA;

}

#header>#locationOutpost{
top:-430px;
}

#arrowBanner{
background:url("images/GOS_Arrow.gif") no-repeat scroll 0 0 transparent;
display:block;
height:200px;
position:relative;
top:-210px;
right:-370px;
z-index:30;

}

#header> #arrowBanner{
top:-230px;
}

.ddsmoothmenu-v ul {
font-family: Verdana;

top:-100px;



}

.ddsmoothmenu-v ul li ul {
background-color:#0099BA ;

}
#hori_next_nav {
color:#000;
display:block;
float:right;
font-family:Verdana,Helvetica,Sans-serif;
font-size:14pt;

font-weight:700;
height:100px;
line-height:150%;
margin-right:-50px;
margin-top:-5px;
padding:0 16px;
text-align:left;
}

#hori_next_nav li {
display:inline;
margin:0;
padding:0;
}
#hori_next_nav a {
color: #4FA800;
font-weight:bolder;
height:19px;
padding:5px 16px;
}
#hori_next_nav a:hover {
background:none repeat scroll 0 0 white;
color:#0099BA;
text-decoration:none;
}

#hori_next_nav .current_page_item a {
background:none repeat scroll 0 0 white;
color:#0099BA;
text-decoration:none;
}

#horinav >#hori_next_nav{
margin:0px -80px 0px 0px;
width:650px;
}

#horinav, #horinav ul {
/*float:left;*/
float:right;
list-style-type:none;
margin:-10px -155px 0px 0px;
/*margin:-10px 0 0px 250px;*/
right:0px;
font-size:10pt;
padding:0;
width:830px;
}

#frameL > #horinav{
margin:0px 0px 0px 0px;
width:650px;

}
h1 {
	font-weight: bold;
	font-size: 16px;
	color: #000080;
	text-align: center
}
h2 {
	font-weight: bold;
	font-size: 14px;
	color: #000080;
	text-align: left
}
h3 {
	font-weight: bold;
	font-size: 12px;
	color: #000080;
	text-align: left
}
h4 {
	font-weight: bold;
	font-size: 11px;
	color: #000080;
	text-align: left
}
p {
	color: #000080
}