body {
	background: transparent;
	background-Image: url("v2map/graphics/popup/achtergrond.png");
}
#mapframe
{
	position: relative;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: visible;
	border: 0px solid #f00;
	width: 100%;
	height:400px;
	display: inline;
}

#warframe
{
	position: relative;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: visible;
	border: 0px solid #f00;
	width: 100%;
	height:400px;
	display: none;
}

.menu
{
	z-index: 10;
	position: absolute;
	border: 0px solid #f00;
	cursor: pointer;
}

#menuring {
	z-index: 9;
	position: absolute;
	border: 0px solid #f00;
}

#infovenster
{
	background-color: #cc9933;
	padding: 5px;
	border: 1px solid #000000;
	font-size: 10pt;
}

#popup
{
	border: 0px solid #ff0000;
	display: none;
}

.rand {
	position: absolute;
}

#lb {
	left: 0px;
	top: 0px;
}

#mb {
	left: 32px;
	top: 0px;
}

#rb {
	right: 0px;
	top: 0px;
}

#lm {
	left: 0px;
	top: 32px;
}

#rm {
	right: 0px;
	top: 32px;
}

#lo {
	left: 0px;
	top: 368px;
}

#mo {
	left: 32px;
	top: 368px;
}

#ro {
	right: 0px;
	top: 368px;
}

.inline {
	display: inline;
}

#navigatiebalk {
	border: 0px solid #000000;
	display: block;
}

#normaalmap {
	position: relative;
}

#zoom {
	position: relative;
}

#oorlogsmap {
	position: relative;
}

#leeg {
	padding: 10px;
	border: 10px;
}

div.centreren {
	background: transparent url(../Timages/global/body_background.png);
	display: inline;
	width: 100%;
	height: 100%;
}

table.centreren {
	text-align: center;
	width: 100%;
	height: 100%;
}

.teller {
	text-align: center;
}

table {
	border: 0px solid #0ff;
}
#popupMenu {	
	position: absolute;
	display: none;
	background-color: #2f291b;
	padding: 0px;
	border: 1px solid #000000;
	z-index: 100;
	overflow: auto;
	opacity: 0.85;
	filter: alpha(opacity=85);
	color: #ffff99;
}
#rand1{
	border: 1px solid #cc9933;
}
#rand2{
	border: 1px solid #000000;
	padding: 10px;
}
#scrolldiv{

}
#sluitknop {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	color: #cc9933;
}
div#map {
	position: relative;
	background: transparent;
	border: 0px solid #000000;
	margin: 0;
	height: 420px;
	overflow: hidden;
}
div#mapandextra {
	width: 598px;
	float: left;
}
div#leftOptions {
	background-color: #aaaaaa;
	border: 1px solid #000000;
	margin: 0px 0px 0px 0px;
	width: 140px;
	height: auto;
	float: left;
}
div#rightOptions {
	background-color: #aaaaaa;
	border: 1px solid #000000;
	width: 140px;
	height: 360px;
	float: left;
}
div#zoom {
	background-color: #00ff00;
	width: 20px;
	height: 20px;
}
div#selectMask {
	background-color: #aaaaaa;
	position: absolute;
	opacity: 0.75;
	filter: alpha(opacity=75);
	z-index: 10;
	display: none;
}
div#extradata {
	border: 0px solid #000000;
}

/* Inhoud popup*/
div#popupMenu table {
	width: 90%;
	height: auto;
}
div#popupMenu td{
	font-family: arial, helvetica, verdana, sans-serif;
	color: #ffff99;
	font-size: 12px;
}
div#popupMenu .celldark{
	font-family: arial, helvetica, verdana, sans-serif;
	color: #000;
	background-color: 
	opacity: 0.95;
	filter: alpha(opacity=95);
}
div#popupMenu .celllight{
	font-family: arial, helvetica, verdana, sans-serif;
	color: #000;
	background-color: #dbc077;
	opacity: 0.95;
	filter: alpha(opacity=95);
}

div#popupMenu .header a
{
	color: #ff3333;
}

div#popupMenu .celldark a
{
	color: #ff3333;
}

div#popupMenu .celllight a
{
	color: #ff3333;
}

div#popupMenu .header{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 15px;
	color: #000;	
}	

div#popupMenu a{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 16px;
	color: #d3a437;
	text-decoration: none;
}

div#popupMenu a:hover{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 16px;
	color: #ff3333;
	text-decoration: underline;
}

div#popupMenu div#errormessage{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 16px;
	color: #ff3333;
}
