/* 
	Algemene stylesheet met de kleuren voor de verschillende pagina's.
	Positionering van de componenten gebeurd in de meeste gevallen 
	in de pagina zelf, tenzij het een van de usercontrols is
*/

/*
-------------------------------------------
-- ALGEMENE STYLING
-------------------------------------------
*/
*
{
    font-family: Verdana, sans-serif;
}
html, body
{
	font-size: 11px;
	line-height: 120%;
	color: black;
	background: #fff;
	text-align: justify;
	/*overflow:hidden;*/
	height:100%; 
}
h2
{
	font-size: 14px;
	font-weight: bold;
}

a
{
	color:#515151;
}
input
{
	border-width:0px;
	border-style:solid;
}
/*
-------------------------------------------
-- MASTERPAGE.MASTER
-------------------------------------------
*/

/* Easter egg, fast navigation to login */
.content_login a
{
	color:white;
}

#PageItemPrevNavigation
{
	position: absolute;
	bottom: 5px;
	left:40%;
	text-align: center;
}

#PageItemNextNavigation
{
	position: absolute;
	bottom: 5px;
	right:40%;
}
/*
-------------------------------------------
-- Default.aspx
-------------------------------------------
*/
.furtherlink
{
    color: #818A8F;
    text-decoration:none;
}
/*
-------------------------------------------
-- Home.aspx
-------------------------------------------
*/

/*

-------------------------------------------
-- MISC
-------------------------------------------
*/

/* Navigation Button*/
.NavigationButton
{
	display: inline;
	text-decoration: none;
	width: 250px;
	height: 250px;
}
.NavigationButton em
{
	font-style: normal;
	font-weight:bold;
}
.NavigationButton:hover
{
	background: #fff;
	position: relative;
	cursor: pointer;
}
.NavigationButton em.txt
{
	display: none;
}
.NavigationButton:hover em.txt
{
	display: block;
	position: absolute;
	color: #000;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}
.NavigationButton b
{
	display: none;
}
.NavigationButton:hover b
{
	display: block;
	position: absolute;
	background: #818A8F;
	opacity: 0.7;
	
	<!--[if lte IE 7]>
	filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	<![endif]-->
	
}
.NavigationButton img
{
    border: 0;
    display: block;
}
/* PROJECT PAGE */

/* 
De hoogte van de volgende panel element vormen samen 
de hoogte van de linker kant in de project pagina. 
Samen moet het ongeveer 500px zijn
.ProjectTagPanel
.ProjectSearchPanel
.SearchResultLabelPanel
.ProjectResultLink
*/
.ProjectTagPanel
{
    position:relative;
	height:200px;
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
}
.ProjectSearchPanel
{
    position:relative;
	height:40px;
	width:100%;
}

.SearchResultLabelPanel
{
   	position:relative;
	height:25px;
	width:100%;
	margin-top:10px;
}

.ProjectResultPanel
{
	position:relative;
	height:210px;
	width:100%;
}
/*de links in de result lijst */
.ProjectResultLink
{
	text-decoration:none;
	margin:0px;
	font-size: 10px;
	color: #818A8F;
}
.ProjectPagingWrapper
{
	background-color:Transparent;
	width:150px;
	height:20px;
	color: #E37222;
	text-align: left;
	margin-left:-10px;
	
}
a.nextProjectLink
{
    color:#818A8F;
    font-weight:bold;
    text-decoration:none;
    /*visibility:hidden;*/
}


.PagerLeft_Default 
{
	background-color:Transparent;
	color: #E37222;
	z-index: 15;
}
/* labels op de projectpagina */
.DescriptionLabel
{
	color:#818A8F;
   font-weight:bold;
   font-size:10px;
}
/* END PROJECT PAGE */


/* LEFT MENU */
a.MenuLink
{
	color: #818A8F;
	/*font-weight:bold;*/
	text-decoration:none;
}
a.MenuLink:hover
{
	color: #515151;
	font-weight:bold;
}
a.MenuLinkSelected
{
	color: #E37222;
}

/* END LEFT MENU */


/* DEFAULT STYLE LAYOUT */
/* Remove line from the paging */
tr.GridPager_Default td
{
    border-width: 0px;
    border-color: white;
    background-color:white;
}
tr.GridPager_Default
{
    border-width: 0px;
    border-color: white;
    background-color:white;
}

/* TOP MENU */

.menu             	{ list-style-type: none; font-size: 12px; height: 20px; display: inline; }
.menu li          	{ float: left; }
.menu li a          { float: left; text-decoration: none; font-weight:normal; height: 20px; color: #818A8F; padding-left: 28px; padding-right: 28px; }
.menu li a:hover 	{ color:#515151; font-weight:bold;  }
.menu li.selected a	{ color: #E37222; font-weight:bold; }

/* END TOP MENU */