/* Combined file specific.css on 19/10/2009 17:15:58 */

body
{
	background-color: #006699; /*	background-image:url(../images/bg.gif);*/
	background-position: center;
	background-repeat: repeat-y;
	font-family: Verdana; /* Nodig om pageContainer te centreren in IE*/
	text-align: center;
}

.TextBox
{
	border: solid 1px #8ABBD9;
}

textarea
{
	overflow: auto;
}


.pageContainer_1024
{
	width: 940px;
}

.pageContainer_1280
{
	width: 1196px;
}

.pageContainer_1680
{
	width: 1596;
}

.pageContainer /* PageContainer wordt gebruikt om de site te centreren en bevat header,content en footer */
{
	/* Nodig om pageContainer te centreren in IE*/
	text-align: left;
	table-layout: fixed; /* nodig om pageContainer te centreren in FF */
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: White;
	height: 100%;
	border-left: solid 3px black;
	border-right: solid 3px black;
	font-size: 0.688em; /* 11 px ==> alle font-size waarden zijn t.o.v. deze waarde! (uitgezonderd die van het Body en Table element)*/
}

.pageContainer .header /* layout binnen in de header wordt bepaald in .headerLayout*/
{
	vertical-align: top;
	height: 175px;
	background-color: White;
}


.pageContainer .leftPane
{
	border: solid 1px red;
	width: 200px;
	margin-right: 20px;
	background-color: Lime;
}
.pageContainer .content
{
	vertical-align: top;
	background-color: White; /*	padding-left:5px; 	padding-right:5px;*/
}

.pageContainer .footer /* layout binnen in de footer wordt bepaald in .footerLayout*/
{
	/*footer onderaan kleven*/
	vertical-align: bottom;
	background-color: white; /*footer halverwege laten hangen*/ /*vertical-align:middle;*/ /*footer tegen tekst kleven*/ /*vertical-align:top;*/
}


/* --- header layout --- */

.headerLayout
{
	table-layout: fixed;
	width: 100%;
	position: relative;
}
.headerLayout .logo
{
	/*	background-image:url(../images/logo_vmm.gif);	*/
	background-color: White; /*	background-repeat:no-repeat; 	background-position:bottom left; */
	width: 200px;
	height: 70px;
}

.headerLayout .logo a
{
	border-bottom-width: 0px;
}

.headerLayout .logo img
{
	border: 0px;
	border-bottom-width: 0px;
}

.headerLayout .language
{
	text-align: right;
	vertical-align: top;
}

/* het menucomponent heeft zijn eigen css file:  ~\skin\sets\Main\styles.css */
.headerLayout .tdMenu
{
	vertical-align: bottom;
	text-align: right;
}

.headerLayout .balk
{
	background-image: url(../images/balk.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 10px;
	text-align: right;
	font-size: 9px;
	color: Black;
	text-transform: uppercase;
	background-color: #7fc253;
}
.headerLayout .balk a
{
	position: relative;
	top: 3px;
	border-bottom: 0px;
}
.headerLayout .foto
{
	background-image: url(../images/banner_water.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-position: left;
	height: 112px;
}
/* --- end header layout --- */


/* --- content layout --- */
/* --- content layout---*/



/* --- footer layout --- */

.footerLayout
{
	table-layout: fixed;
	width: 100%;
	position: relative;
	background-color: White;
	padding-left: 5px;
	padding-right: 5px;
}

.footerLayout .balk
{
	background-image: url(../images/balk.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 10px;
	background-color: #7fc253;
}
.footerLayout .tekst
{
	font-size: 9px;
	font-family: Verdana;
	text-align: center;
}

.footerItem a
{
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #152d65;
	padding-right: 5px;
	margin-left: 5px;
}
/* --- end footer layout --- */

/********************** UploadFile.ascx **************************/
.uploadFile
{
	table-layout: fixed;
	width: 100%;
}

.uploadFile .column1
{
	width: 150px;
	text-align: right;
}

.uploadFile .column2
{
	width: 440px;
}
/* De layout van het radupload component heeft zijn eigen css files in de map: ~\RadControls\Upload\Skins\*/

/********************** MapInfo.ascx **************************/
.box
{
	border: solid 1px #8ABBD9;
	padding: 0px;
	background-color: #d7f4f4;
}

.box td
{
	/*font-size:0.8em;*/
}

.boxlegend
{
	width: 15%;
}

.boxlayer
{
	width: 20%;
}

.boximport
{
	width: 35%;
}

.boxnewsMessage
{
}


.boxtitle
{
	color: White;
	font-weight: 600;
	margin: 5px;
	vertical-align: middle;
	padding: 5px;
	background-color: #8aBBD9;
	text-transform: capitalize; /*font-size: 11px;*/
}
.boxLegendeImage
{
	padding: 5px;
}

.boxcontent
{
	/*color: #006699; /*	padding: 5px; 	margin: 5px;*/
	padding: 2px 0px 2px 0px;
}
.inputui
{
	font-size: 10px;
}
.selectui
{
	font-size: 1em;
}

.boxcontent Input
{
	vertical-align: middle;
}

.boxcontent
{
	color:#006699;
}

.boxlegend .legendNoFloods
{
	color:#6796D8;
}

.boxlegend .legendNotCriticalFloods
{
	color:#FF7500;
}

.boxlegend .legendCriticalFloods
{
	color:#ff0000;
}

.boxlegend .column1
{
	width:10%;	
}

/********************** alerts **************************/
.AlertNormal
{
	border: 1px dashed black;
	padding: 5px;
	margin-bottom: 5px;
	color: Black;
	background-color: #00EE00;
	font-weight: bold;
	font-size: 12pt;
	font-family: Tahoma;
	text-align: center;
	width: 100%;
}
.AlertAlert
{
	border: 1px dashed black;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #EE0000;
	color: Yellow;
	font-weight: bold;
	font-size: 12pt;
	font-family: Tahoma;
	text-align: center;
	width: 100%;
}
.AlertWarning
{
	border: 1px dashed black;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #EEEE00;
	color: Black;
	font-weight: bold;
	font-size: 10pt;
	font-family: Tahoma;
	text-align: center;
	width: 100%;
}



/********************** MapImportTimesModule **************************/
.MapImportTimesModule td
{
	/*	font-size:0.8em;*/
	text-align: center;
}

.MapImportTimesModule table
{
	width: 100%;
}

.MapImportTimesModule table td
{
	margin: 0px;
}

.MapImportTimesModule .title
{
	/*	background-color:white; 	font-size:0.8em; font-size:100%*/
}

.MapImportTimesModule .OBMCentrale, .MapImportTimesModule .OBMCentrale td, .MapImportTimesModule .OBMCentrale a, .MapImportTimesModule .OBMCentrale a:hover, .MapImportTimesModule .OBMCentrale a:visited
{
	/*	background-color:#CECECE; 	color:#707070;*/
	padding-bottom: 8px;
}

.MapImportTimesModule .OBMDetail, .MapImportTimesModule .OBMDetail td, .MapImportTimesModule .OBMDetail a, .MapImportTimesModule .OBMDetail a:hover, .MapImportTimesModule .OBMDetail a:visited
{
	/*background-color:#D7F4F4; background-color:White;*/
	padding-bottom: 8px;
}

.MapImportTimesModule .OBMDetail
{
	border-bottom: solid 5px yellow;
}



.MapImportTimesModule .OBMCentrale .legend
{
	width: 15px;
	height: 15px;
	background-color: #CECECE;
	margin-right: 5px;
	position: relative;
	float: left;
}

.MapImportTimesModule .OBMDetail .legend
{
	width: 15px;
	height: 15px;
	background-color: white;
	margin-right: 5px;
	position: relative;
	float: left;
}

/*.MapImportTimesModule .bekkentitle a:link
{
	border:none;
}*/



/********************** MapOverviewModule **************************/
.MapOverviewModule
{
	/*background-color:Black;*/
}



/********************** Banner **************************/

/*Algemeen : Banner / Banner tekst*/
.banner
{
	height: 88px;
	color: #ffffff;
}

.bannertekst /*De hoofdtekst van de banner*/
{
	background-color: #006699;
	font-weight: bold;
	font-size: 25px;
	padding-left: 10px;
}

.bannerimage
{
	height: 80px;
	border: solid 1px black;
	margin-top: 3px;
}

.bannerImageBlock
{
	background-color: #006699;
	height: 88px;
}

.bannerImageBlock a:link
{
	border: none;
}

.bannerImageBlock a:link:hover
{
	border: none;
}

.bannerTextBlock
{
	background-color: White;
	display: none;
	color: #006699;
	text-align: center;
}




/****************************************************************************************************
											FontResize.ascx
****************************************************************************************************/

.FontResizeModule
{
	/*	float: right;*/
	padding-left: 10px;
}

.FontResizeModule .SmallFontSize
{
	/*font-size: 0.7em;*/
	font-size: 8px;
}
.FontResizeModule .NormalFontSize
{
	/*font-size: 0.8em;*/
	font-size: 10px;
}
.FontResizeModule .LargeFontSize
{
	/*font-size: 0.9em;*/
	font-size: 11px;
}
.FontResizeModule .LargestFontSize
{
	/*font-size: 1em;*/
	font-size: 12px;
}


/****************************************************************************************************
										sorttable
****************************************************************************************************/

.sortable th
{
	cursor: hand;
	cursor: pointer;
}

/****************************************************************************************************
											NewsOutput.ascx
****************************************************************************************************/

.news hr
{
	color:#152d65;
	height: 1px;
}

 .imageLeft{float: left; margin-top: 0px;	 margin-left: 0px; margin-bottom: 5px;	margin-right: 5px;}
 .imageRight{	float: right;	 margin-top: 0px;	margin-left: 5px; margin-bottom: 5px; margin-right: 0px;}
/* Combined file default.css on 19/10/2009 17:15:58 */
/* custom functional classes */

.Error {
	color: red;
	font-weight: bold;
}
.Error ul {
	list-style-image: none;
	list-style-type: square;
}
.ErrorAsterisk {
	color: red;
	font-weight: normal;
}
.ErrorSummary {
	color: red;
}
.ErrorSummary ul {
	list-style-image: none;
	list-style-type: square;
}
.ErrorMessage {
	border: 1px dashed black;
	padding: 2px;
	background-color: #EE0000;
	color: Yellow;
	font-weight: bold;
	font-size: 8pt;
	font-family: Tahoma;
	text-align: center;
}
.Success {
	color: green;
	font-weight: bold;
}
.Neutral {
	color: #024D6E;
	font-weight: bold;
}
.Required {
	border: solid 1px #19476D;
}
.Optional {
	border: dotted 1px #19476D;
}
.ReadOnly {
}
.SmallText {
	font-size: smaller;
}
.LargeText {
	font-size: larger;
}
.FilterText {
	color: White;
	font-size: 80%;
}
.FilterTextBox {
	color: White;
	background-color: #024D6E;
	border: solid 1px #9FC8D6;
	font-size: 80%;
}
.FilterButton {
	color: White;
	background-color: #024D6E;
	border: solid 1px #9FC8D6;
	font-size: 80%;
}
.GridStrong {
	border: solid 1px #024D6E;
}
.GridFilterRow {
	background-color: #024D6E;
}
.GridItemAlt {
	/*vertical-align:top;*/
	white-space: nowrap;
	/*background-color: #A1E2F4;*/
}
.GridItemAlt td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.GridItemNormal {
	/*vertical-align:top;*/
	white-space: nowrap;
}
.GridItemNormal td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.GridItemEdit {
	vertical-align: top;
	white-space: nowrap;
	background-color: #024D6E;
}
.GridHeader td {
	background-color: #eeeeee; /*color: white;*/
	font-weight: bold; /*font-style: italic;*/ /*font-size: 90%;*/
}
.GridHeaderStrong td {
	background-color: #9FC8D6;
	color: white;
	font-weight: bold;
}
.GridFooter td {
	color: black; /*background-color: #eeeeee;*/
	font-style: italic;
	font-size: 80%;
}
.Pager td {
	color: black;
	font-size:1em;
	font-weight:900;
}
.Caption {
	color: #002B4C;
	font-style: italic;
}
.TextAfterControl {
	/* dient om txt gealinieerd naast control te plaatsen. */
	vertical-align: middle;
}
.TextBox {
	color: black;
	background-color: white;
}
.SearchBox {
	color: black;
	background-color: #9FC8D6;
	border: solid 1px white;
	width: 175px;
}
.DropDownList {
	color: black;
	background-color: white;
}
.Button {
	color: white;
	background-color: #19476D;
	border: solid 1px #9FC8D6;
}
.xPander {
	color: #024D6E;
	border: solid 1px #024D6E;
	cursor: pointer;
	vertical-align: top;
	margin-bottom: 20px;
}
.FlashPercent {
	height: 100%;
	width: 100%;
	margin-left: -10px;
	margin-top: -10px;
}
.RadioButton {
}
.CheckBox {
}
.FieldSet {
	border: solid #cccccc 1px;
}
.FieldSetLegend {
	font-weight: bold;
}
/* html overrides */

body {
	font-family: font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; /* 16px */
	color: #414045;
	margin: 0px;
	padding: 0px;
}


pre {
	font-family: Arial;
	color: #002B4C;
	font-size: 12px;
	line-height: 1.166;
	display: inline;
}

a, a:active, a:visited, a:link, a:hover {
	color: #006699;
	text-decoration:underline;
	background-color: Transparent;
	/*border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;*/
}
/*a:hover { color: #666666; text-decoration: none; }*/

/* h1's als blockelement instellen */
h1, h2, h3, h4, h5 {
	color: #006699;
	font-weight: bold;
}

h1 {
	border-top: solid 1px #152d65;
	border-left: solid 1px #152d65;
	padding: 10px;
	/*font-size: 14px;*/
	font-size:1.272em;
	
}

h2, h3, h4, h5, h6 {
	/*font-size: 12px;*/
	font-size:1.09em;
	display: inline;
}


table {
	font-family: Verdana;
	font-size: 100%;

}
/*

tr {
	font-family: Verdana;
/*	font-size: 12px;
	font-size:100%;*/
/*
}/*
td {
	font-family: Verdana;
/*	font-size: 12px;
	font-size:100%;*/
/*font-size:0.875em;
}
*/
img {
	border-style: none; /* img - remove the blue border around img links */
}
INPUT, OPTION, SELECT, TEXTAREA {
	font-family: Verdana;
	font-size: 12px;
}

.AanpassenToolbarTabPage {
	padding: 10 10 0 10;
	background-color: #84B0E4;
	border-left: 1px black solid;
	border-right: 1px black solid;
	border-bottom: 1px black solid;
	font-family: Verdana;
	color: white;
	font-size: 8pt;
}

.moduleHeaderText {
	color: #006699;
	font-weight: bold;
	border-top: solid 1px #152d65;
	border-left: solid 1px #152d65;
	padding: 10px;
	/*font-size: 14px;*/
	font-size:1.272em;
	display: block;
}



/* Combined file toolbar.css on 19/10/2009 17:15:58 */
/* TDS toolbar junk */

.Toolbar 
{ 
	font-family: Verdana; 
	color: white; 
	font-size:8pt; 
}

.Toolbar a {color:white;text-decoration: none; }
.Toolbar a:hover {text-decoration: underline; color:yellow; }

.Toolbar .Caption
{
	font-style:italic;
}

.Toolbar .ModuleInput {
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #cce1ed;
	FONT-FAMILY: Tahoma;
    FONT-SIZE: 8pt;
}