/*BAE GROEP CSS*/

/*--------------------------------------------------------------
STANDAARD KLASSEN
--------------------------------------------------------------*/
html
{
	background-color: #ffffff;
	/*height:100%;*/
	width:100%;
}
body
{
	background-color: #e7f1f3;
	border-bottom: 1px solid #9dc4d5;
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow-x: hidden;
	height:100%;
    font-family: Arial, "Trebuchet MS", Arial;
	font-size: 12px;
	font-weight: normal;
	color: #737373;
}

ul
{
    list-style-type: square;
    margin-top: 0px;
    margin-bottom: 0px;
}
img
{
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
	width: auto;
	height: auto;
}
form
{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
h1
{
	font-size: 16px;
}
h2
{
	font-size: 14px;
}
hr
{
	border-bottom: 1px solid #0088be;
}


select
{
	border: 1px solid #9d9b9c;
	height: 18px;
	font-family: Arial, "Trebuchet MS", Arial;
	font-size: 10px;
	color: #555a5f;
	width: 189px;
}
    select:hover
    {
		border: 1px solid #51d1db;
    }
/* Voor IE7 */
*select
{
	border: 1px solid #9d9b9c;
	height: 20px;
	font-family: Arial, "Trebuchet MS", Arial;
	font-size: 10px;
	color: #555a5f;
	width: 189px;
}
    *select:hover
    {
		border: 1px solid #51d1db;
    }
a
{
	text-decoration: none;
	color: #0086bd;
}
a:active
{
	text-decoration: none;
	color: #0086bd;
}
a:visited
{
	text-decoration: none;
	color: #0086bd;
}
a:hover
{
	text-decoration: underline;
	color: #0086bd;
}

/*--------------------------------------------------------------
LAYOUT-KLASSEN
--------------------------------------------------------------*/
#siteContainer
{
	position: relative;
	width: 100%;
}
	#siteContainer #header
	{
		position: relative;
		width: 100%;
		height: 59px;
		background: url("Images/header_back.jpg") top left repeat-x;
	}
		#siteContainer #header #imgHeader
		{
			position: relative;
			width: 255px;
			height: 58px;
			background: url("Images/bae_logo.jpg") top left no-repeat;
			float: left;
			margin-left: 10px;
		}
		#siteContainer #header #loginStatus
		{
			position: relative;
			float: right;
			margin-right: 20px;
			padding-top: 13px;
			width: 250px;
			font-size: 13px;
			font-weight: bold;
			color: #50b0da;
			
			text-align: right;
		}
		#siteContainer #header #loginStatus
		{
		   width: 450px;
		}
		
		
			#siteContainer #header #loginStatus img
			{
				padding-left: 5px;
			}
	
	#siteContainer #zoekbalkPages
	{
		width: 100%;
		height: 58px;
		background: url("Images/zoekbalk_back.jpg") top left repeat-x;
	}
		#siteContainer #zoekbalkPages #zoekbalk
		{
			position: relative;
			float: left;
			width: 50%;
			padding-left: 50px;
			padding-top: 15px;
			
			font-size: 12px;
			color: #ffffff;
		}
			#siteContainer #zoekbalkPages strong
			{
				padding-top: -3px;
			}
			#siteContainer #zoekbalkPages input.textfield
			{
				width: 350px;
				height: 17px;
				border: 1px solid #ffffff;
				background: url("Images/zoekveld_back.jpg") top left repeat-x;
				padding-top: 5px;
				
				font-size: 12px;
				font-weight: bold;
			}
			#siteContainer #zoekbalkPages input.btnZoek
			{
				vertical-align: middle;
				margin-top: -8px;
			}
		#siteContainer #zoekbalkPages #pages
		{
			position: relative;
			float: right;
			width: 40%;
			top: 32px;
			right: 22%;
		}
			#siteContainer #zoekbalkPages #pages ul
			{
				display: inline;
				float: right;
			}
			
			#siteContainer #zoekbalkPages #pages ul li, 
			#siteContainer #zoekbalkPages #pages ul li.selectedPagina,
			#siteContainer #zoekbalkPages #pages ul li.beheerPagina
			{
				display: inline-block;
				float: left;
				list-style: none;
				padding: 15px;
				padding-top: 5px;
				padding-bottom: 5px;
				margin-left: 1px;
				text-align: center;
				background: #e6f1f3;
				
				font-weight: bold;
				font-size: 12px;
				font-style: italic;
			}
				#siteContainer #zoekbalkPages #pages ul li:hover, 
				#siteContainer #zoekbalkPages #pages ul li.selectedPagina
				{
					background: #ffffff;
					margin-top: -5px;
					padding-bottom: 10px;
				}
			
			#siteContainer #zoekbalkPages #pages ul li.paginaNew
			{
				margin-left: 2px;
				background: #EFFFF4;
			}
				#siteContainer #zoekbalkPages #pages ul li.paginaNew:hover
				{
					background: #DAFFE5;
				}
			#siteContainer #zoekbalkPages #pages ul li.paginaDelete
			{
				background: #FFEFEF;
			}
				#siteContainer #zoekbalkPages #pages ul li.paginaDelete:hover
				{
					background: #FFDDDD;
				}
				
					#siteContainer #zoekbalkPages #pages ul li a
					{
						color: #c1c2c4;
					}
						#siteContainer #zoekbalkPages #pages ul li:hover a
						{
							color: #fd0100;
						}

	#siteContainer #contentLeft
	{
		position: relative;
		float: left;
		left: 10px;
		width: 80%;
		padding-top: 10px;
	}
	
	#siteContainer #contentRight
	{
		position: relative;
		float: right;
		width: 17%;
		top: -27px;
		right: 10px;
		padding: 10px;
		border: 1px solid #9dc4d5;
		background-color: #ffffff;
	}
		#siteContainer #contentRight #controlList
		{
			position: relative;
			width: 100%;
		}

/*--------------------------------------------------------------
LOSSE KLASSEN
--------------------------------------------------------------*/


/*--------------------------------------------------------------
RAD DOCKING ZONE
--------------------------------------------------------------*/
.dockingZone
{
	float: left;
	width: 49%;
	min-height: 400px;
}
.clearDiv
{
	clear: both;
	height: 0px;
}

/*--------------------------------------------------------------
LOADING BALK
--------------------------------------------------------------*/
.progressBackground
{
	background-color: #CCCCCC;
	filter: alpha(opacity=60);
	opacity: 0.6;
	position:absolute;
	top:0px;
	left:0px;
	height: 200%;
	width: 100%;
	overflow: hidden;
	z-index: 1000000;
	
}
	.progressDiv
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		text-align: center;
		font-weight: bold;
		color: #7b7b7b;
		z-index: 1000001;
	
		height:200%;
		vertical-align:middle;
	}

/*--------------------------------------------------------------
MESSAGE POPUP
--------------------------------------------------------------*/
.messagePopupBackground_blauw, .messagePopupBackground_groen, .messagePopupBackground_oranje, .messagePopupBackground_rood
{
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.messagePopupBackground_blauw
{
	background-color: #6d94bd;
}
.messagePopupBackground_groen
{
	background-color: #589b4b;
}
.messagePopupBackground_oranje
{
	background-color: #f5c122;
}
.messagePopupBackground_rood
{
	background-color: #a5384c;
}
	.messagePopupButton
	{
		text-align: center;
		width: 100%;
	}
	.messageInhoud
	{
		width: 350px;
		padding: 10px;
		background-color: #ffffff;
		border: 1px solid #6d94bd;
		text-align: left;
	}
	.messageInhoud .messageTitel
	{
		text-align: left;
	}
	.messageInhoud img
	{
		float: left;
		margin-right: 6px;
	}

.messageInhoud h1
{
    font-family: "Trebuchet MS", Arial, Arial;
	font-size: 18px;
	font-weight: bold;
	color: #1856a1;
	width: 100%;
	border-bottom: 1px solid #1856a1;
}

/*--------------------------------------------------------------
CHANGECOLOR POPUP
--------------------------------------------------------------*/
.changeColorPopup_background
{
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=70);
	opacity: 0.7;
	background-color: #6d94bd;
	z-index: 998;
}
	.changeColorPopup_content
	{
		position: absolute;
		top: 30%;
		left: 30%;
		z-index: 999;
	}
	.changeColorPopup_content .changeColorPopupBtn
	{
		text-align: center;
		cursor: pointer;
	}

#UpdatePanelIntranet
{
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------
GRIDVIEW PAGER
--------------------------------------------------------------*/
.pager td table tr td, .Pager td table tr td
{
	border-style: none;
	color:Red;
}
.pager a, .Pager a
{
	/*font-size: 11px;*/
}
.pager a:hover, .Pager a:hover
{
	/*font-size: 10px;*/
	text-decoration: underline;
}

/*--------------------------------------------------------------
SHOP WIDGET
--------------------------------------------------------------*/
.shop
{
	position: relative;
	text-align: left;
}
	.shop table.tableShopItem
	{
		float: left;
		width: 70%;
	}
	.shop .tabOverzicht
	{
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
	.shop img.imgShopItemFoto
	{
		float: right;
		width: 100px;
		height: 120px;
		padding-right: 35px;
		padding-top: 5px;
	}
	.shop .iframeUpload
	{
		position: absolute;
		top: 120px;
		right: 35px;
		width: 140px;
		padding-top: 5px;
		text-align: center;
	}