/* lay-out styles */
/* generic lay-out styles */
body 	{
    border: medium #800000;
    margin: 0;
    background-color: #FFFFFF;
}
body.module 	{margin:0; background-color:#FFFFFF}
img 	{border:0}
table	{border:0}
td		{vertical-align:top}

/* lay-out classes */
div#topbar	{margin:0; height:48px; background-color:#F18F1A; position:relative; background-image:url(../../img/background_titelbalk.jpg)}
div#logos {position:absolute; top:0px; right:0px; margin: 0px; padding: 0px; max-height:48px; height: 48px; border-top: 0px transparent solid; margin-top: 0px; z-index:0; }
div#toolbar	{margin:0; padding: 0px; height:20px; max-height:20px; text-align:right; border-top: 0px transparent solid; margin-top: 0px; z-index:0; position:relative;
    background-color:#FC960C;
    }	/* 4 module */

div#toolbar2 { background-color: transparent; margin: 0px; padding: 0px; max-height:68px; height: 68px; border-top: 0px transparent solid; margin-top: 0px; z-index:0; position:relative; }


.headerText {font-size:xx-large; font-family:Arial, Trebuchet MS; font-weight:lighter; color:White; text-align:left; text-indent:55px; vertical-align:-20px;}
.headersubText {font-size:small; font-family: Arial; font-weight:lighter; color:Black; text-align:left; text-indent:-10px; vertical-align:-20px;}
.logoER {text-align:left; vertical-align:-26px;}

.imgBackground {height: 100%; width: 100%; z-index: -1; position:absolute; color: white; }


div#topmenubar	{margin:0; padding: 0 12px 0 0; height:20px; background-color:#336699; text-align:right;} /* 4 site */
div#butterfly	{position:absolute; top:28px; left:1em;}
div#connectiestring	{position:absolute; top:37px; left:0em;font: Bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }


.l_toptabs	{margin:0 6px 0 6px; background-color:#FFFFFF; padding: 0 0 0 12px;}	/* 4 module */
.l_subtabs	{margin:0 6px 0 6px; padding: 12px 0 0 12px; background-color:#336699;}	/* 4 module */
.l_toptabs a, .l_toptabs a:link, .l_toptabs a:visited, .l_toptabs a:hover, .l_toptabs a:active {color: #FFFFFF; text-decoration: none;}
.l_subtabs a, .l_subtabs a:link, .l_subtabs a:visited, .l_subtabs a:hover, .l_subtabs a:active {color: #336699; text-decoration: none;}

.l_toptabnotselected {border-bottom: 1px solid #FFFFFF; background-color:#6D92B8;}	
.l_toptabselected    {border-bottom: 1px solid #336699; background-color:#336699;}	
.l_subtabnotselected {border-bottom: 1px solid #336699; background-color:#EEEEEE;}	
.l_subtabselected    {border-bottom: 1px solid #FFFFFF; background-color:#FFFFFF;}
	
div#container	{margin:0 6px 0 6px; border-width: 0px 6px 6px 6px; border-style: solid; border-color: #336699;}	/* 4 module */
div#content {padding: 16px; background-color: #FFFFFF; height: 100%; position: relative; top: 0;}	/* 4 module */ /* MvV: overflow: auto;*/
div#sitecontent {position:relative; width:73%; min-width:13.5em; margin:0 2em 1.5em 13.6em; 
					background-color:white;	padding:0.5em; z-index:3;}		/* 4 site */

/* .l_controlpane 	{border: 1px solid #336699; margin:0 0 1em 0; padding:0.4em; width:20em} */	/* 4 module */
.l_dropdown		{width:17em}	/* 4 module */

.l_button	{margin:0 0 0 6px; width: 8em; background-color:#FFFFFF; border:1px solid #003366}

/* menu site */
div#menu {position:absolute; height:100%; top:57px;	left:0px; background-color:#f2f2f2; padding:1.5em; z-index:2; font: Normal 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699; line-height:150%;}  /* 4 site */
div#menu h3 {font-size:1em; color: #003366;}  						/* 4 site */
div#menu ul {list-style: none; padding-left: 0; margin-bottom: 0.7em; margin-left: 0;}  	/* 4 site */
div#menu ul li {font-weight: bold; font-size: 100%;color: #003366;}			  	/* 4 site */
div#menu ul ul li {font-weight: normal; color: #003366;}								/* 4 site */
div#menu ul ul ul {padding-left: 1em; padding-left: 1em;color: #003366;}			/* 4 site */

/* text styles */
a, a:link, a:visited	{text-decoration:none; color:#336699}		 
a:hover, a:active		{text-decoration:underline; color:#003366;}			
p		{font: Normal 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699}
table   {font: Normal 1.0 em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699}
li		{font: Normal 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#000000}
legend	{font: Normal 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699;}
fieldset{border: 1px solid #336699; margin: 0 0.8em 0.5em 0; padding: 0.4em;  }
label	{font: Normal 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699}

div#sitecontent p {font: Normal 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#000000; line-height: 1.6em;}
div#sitecontent h1 {font: Bold 0.95em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699; margin-top: 1em;}
div#sitecontent h2 {font: Bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699; margin-bottom: -1em;
						padding-bottom: 0.1em;}
div#sitecontent a, div#sitecontent a:link, div#sitecontent a:visited	{color:#CC6600}		 
div#sitecontent a:hover, div#sitecontent a:active		{color:#CC6600;}			
div#exportcontent a, div#exportcontent a:link, div#exportcontent a:visited	{color:#CC6600}		 
div#exportcontent a:hover, div#exportcontent a:active		{color:#CC6600;}	


.t_dropdown	{font: Normal 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699}

div#toolbar .t_toolbar 	{font: Bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin:0 0 0 2em;}
div#toolbar2 .t_toolbar 	{font: Bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin:0 0 0 2em;}


div#topmenubar .t_toolbar 	{font: Bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin:0 0 0 2em;}
div#topmenubar a, div#topmenubar a:link, div#topmenubar a:visited, div#topmenubar a:hover, div#topmenubar a:active {color:#FFFFFF;}
div#toolbar a, div#toolbar a:link, div#toolbar a:visited, div#toolbar a:hover, div#toolbar a:active {color: #FFFFFF;}
div#toolbar2 a, div#toolbar2 a:link, div#toolbar2 a:visited, div#toolbar2 a:hover, div#toolbar2 a:active {color: #FFFFFF;}

.t_regular	{font: Normal 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699}
.t_menuItem	{font: Normal 1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699}
.t_controllabel	{font: Normal 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699}
.t_button	{font: Normal 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; border: 2px solid #336699; background-color:#336699; color:#FFFFFF; border-style: outset;}
.t_button_white	{font: Normal 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; border: 2px solid #336699; background-color:#FFFFFF; color:#336699; border-style: outset;}
.t_button_right {position:absolute; right:33px}

.panelSelection input {float:right;}

/* TODO: ArcIMS */
.RadioButtonText
{
	COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: normal;
    FONT-SIZE: x-small;
}
.XYLocatorText
{
	COLOR: #336699;
	BACKGROUND-COLOR: transparent;
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    border-style:none;	
}
.MapSizeList
{
	COLOR: black;
    FONT-FAMILY: Verdana, Arial;
    FONT-WEIGHT: normal;
    FONT-SIZE: xx-small;
}
.MapBorder
{  
    border-color:#336699;
    border-style:outset; 
}

.SmallMap
{ 
    height:400px;
    width:400px;
}

.ZoomBox
{
	border:2;
	border-style:solid;
	border-color:Red;
	visibility:hidden;
}

.db_notavailable	  {font: Normal 2.5em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699}

  .modalBackground {
	background-color:Gray;
	filter:alpha(opacity=0);
	opacity:0.0;
}

.popupMenu
 {
	position:absolute; 
	opacity:1.0;
	filter: alpha(opacity=100);
	z-index:200; /* hoge waarde is nodig omdat andere plaatsen bij kaart vanaf 100 genummerd is */
	padding: 2px;
	background-color:#ffffdd;
	display:block; 
    /*  property aan: de breedte van de popup is gelijk aan de padding breedte
      property uit: Tijdens opstarten komt tijdelijk de popup te voorschijn onder de control */
	border-style:solid;
	border-width:1px;
	border-color:Black;
	font: Normal 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	color:Black;
	visibility:hidden;
}

.popupHover 
{
    z-index:200;
}

.panelZoekWerkveldDocument 
{
	padding-top: 10px;
}

div#grafiekcontent p {font: Normal 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#000000; line-height: 1.6em;}
div#grafiekcontent h1 {font: Bold 0.95em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699; margin-top: 1em;}
div#grafiekcontent h2 {font: Bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; color:#336699; margin-bottom: -1em;
						padding-bottom: 0.1em;}
div#grafiekcontent a, div#sitecontent a:link, div#sitecontent a:visited	{color:#CC6600}		 
div#grafiekcontent a:hover, div#sitecontent a:active		{color:#CC6600;}	

.panelSelectie 
{
	border: solid 1px #336699;
	padding: 5px 3px 5px 10px;
	margin-bottom: 10px;
	width: 98%;
}

.aantalJarenGrafiek
{
	color: #336699;
}

#decimaalTeken
{
	margin-left: 30px;
	margin-bottom: 5px;
}

#decimaalTeken span 
{
	display: block;
	float: left;
	margin-top: 3px;
	margin-left: 40px;
}

#decimaalTeken select
{
	margin-left: 3px;
	width: 55px;
	float: left;
}

#divHyperlink
{
	margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 0px;
}

#divHyperlink a
{
	float: left;
}

#divHyperlink span
{
	display: block;
	float: left;
	margin-left: 5px;
	margin-top:8px;
}

#divGridview
{
	margin-left: 30px;
	margin-top: 30px;
	clear: both;
}

#divGridview td, #divGridview th
{
	padding-left: 3px;
	padding-right: 3px;
	color: Black;
	font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
}

.grafiekenButtons
{
	float: right;
}

.extraOpties 
{
	display: none; 
}