/*Reset Browsers*/
q:before,q:after{content:'';}
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,ul,ol{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{cursor:pointer;}
caption,th{text-align:left;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
html{color:#000;overflow-y: scroll;}

/*Simple reusable styles*/
.floatLeft  {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.relative   {position:relative;}
.clear      {clear:both;}
.hide       {display:none;}
.w100       {width:100%;}
.w80        {width:80%;}
.w70        {width:70%;}
.w50        {width:50%;}
.padding5   {padding:5px;}
.paddingT5  {padding:5px 0px;}
.paddingT10 {padding:10px 0px;}
.padding10  {padding:10px;}
.padding20  {padding:20px;}
.margin5    {margin:5px;}
.marginT5   {margin:5px 0px;}
.marginT10  {margin:10px 0px;}
.marginT20  {margin:20px 0px;}
.marginW10  {margin:0px 10px;}
.marginW25  {margin:0px 25px;}
.margin10   {margin:10px;}
.textCenter {text-align:center !important;}
.italic     {font-style:italic;}
.underline  {text-decoration:underline !important;}
.hideOutline{outline:none;}

/*Default styles*/
ul li{padding:0px; margin:0px 0px 0px 20px; list-style:disc;}
ol li{padding:0px; margin:0px 0px 0px 20px; }

blockquote {
font-style:italic; 
color: #666666;
quotes: "\201C" "\201D";
}
blockquote:before { content:open-quote; font-size: 12px; font-weight:bold; color:#666666; padding-right:2px;}
blockquote:after { content:close-quote; font-size: 12px; font-weight:bold; color:#666666; padding-left:2px;}


body
{
	background: url("../Images/page_bg.jpg") repeat center 4px;	
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
}

/* Masterpage */

div.pagealign
{
	width: 940px;
	margin: 0 auto;		
}
div.pagebg
{
	float: left;
	width: 940px;
}
div.pagehead
{
	background: url("../Images/page_head.jpg") no-repeat left top;	
	float: left;
	width: 940px;
	height: 30px;
}
div.pageheader
{
	background: url("../Images/page_header.jpg") no-repeat left top;	
	float: left;
	position:relative;
	width: 940px;
	height: 200px;
}
div.pageheader a.home{
    position:absolute;
    display:block;
    top:72px; left:23px;
    width:200px; height:60px;
    cursor:pointer;
}
div.pageheader a.login{
    position:absolute;
    display:block;
    right:20px; bottom:10px;
    color:#4d78cc;
    text-decoration:none;
}

.AspNet-Menu-Horizontal                                                 {position:absolute; top:139px; Left:230px;}
    .AspNet-Menu-Horizontal .Menu-StaticMenuItem .Menu-StaticMenuItem   {background: url("../Images/page_header_menu_seperator.jpg") repeat-y left top; 
                                                                         display:block; height:22px; padding:9px 10px 0px 10px; color:#CCD9FF; font-weight:bold;}
    .AspNet-Menu-Horizontal .Menu-StaticHover .Menu-StaticHover         {background: url("../Images/page_header_menu_active.jpg") no-repeat left top; color:#FFFFFF;}

    .AspNet-Menu-Horizontal .Menu-StaticSelected                        {background: url("../Images/page_header_menu_active.jpg") no-repeat left top; color:#FFFFFF;}
    .AspNet-Menu-Horizontal .Menu-StaticMenu                            {background:none;}

div.pageheader .topLinks                                                {position:absolute; top:30px; left:700px; color:#FFFFFF;}
div.pageheader .topLinks a                                              {font-family:'Trebuchet MS'; color:#CCD9FF; font-weight:bold; text-decoration:none; padding:0px 8px;}
div.pageheader .topLinks a:hover                                        {color:#FFFFFF;}

div.pagecontent
{
	background: url("../Images/page_body.jpg") repeat-y left top;	
	float: left;
	width: 940px;
}

div.contentbg
{
	float: left; display: inline;
	margin: 0px 0px 0px 10px;
	background: #7f7e7f url("../Images/bg_grijs_block.jpg") repeat-y left top;	
}

div.pagefoot
{
	background: url("../Images/page_foot.jpg") repeat-y left top;	
	float: left;
	width: 940px;
	height: 40px;	
}	

/*niews menu*/

.newsPanel .newsHeader      {display:block; font-family:"trebuchet MS"; font-size:12px; color:#CCD9FF; font-weight:bold; padding-left:54px; }
.newsPanel                  {float:right; width:190px; font-size:10px;}
.newsPanel .date            {color:#CCD9FF; font-style:italic; padding-right:6px; font-size:9px;}
.newsPanel .newsTitle       {display:inline-block; width:100%; line-height:20px;
                             background:url("../Images/news_seperator.jpg") no-repeat left bottom;}
.newsPanel a                {color:#FFFFFF;  text-decoration:none;}
.newsPanel a:hover          {text-decoration:underline;}     


/* menu */
div.nav
{
	float: left;
	padding: 20px 10px 40px 10px;
	width: 200px;
    background: #7f7e7f url("../Images/bg_grijs.jpg") repeat-x left top;	
}
	.nav .menu
	{
		margin-left: 20px;	
	}
	.nav .menuItem td
	{
		text-align: left;
		padding: 2px 0px;
	}
	.nav .menu a
	{
		color: #ccd9ff;
	}
	.nav .menuItemlevel1 a, 	.nav .menuItemLevel2 a

	{
		background: url("../Images/i_arrow01.gif") no-repeat 5px 3px;
		padding-left: 20px;
	}
	.nav .menuItemLevel2 a
	{
		/*
		background: url("../Images/i_dash1.gif") no-repeat 5px 7px;
		padding-left: 15px;	
		*/	
	}	
	.nav .menuItemSelected
	{
		background: url("../Images/menu_seperator.jpg") repeat-y left top;
		color: #FFFFFF !important;
	}
	.nav .menuItemSelected a
	{
		background: url("../Images/i_arrow02.gif") no-repeat 5px 3px; 
	}
	
	.dynamicMenuItem
	{
		padding: 7px;
		min-width: 100px;
		background-color:#777777;
		border:solid 1px #2a58d6;
	}

	.nav .menuItemHover
	{
		color: #FFFFFF !important;
	}
	.nav .menuItemHover a
	{
		background: url("../Images/i_arrow02.gif") no-repeat 5px 3px;
	}

/* Contact foot */

div.foot
{
	clear: left;
	float: left;
	width: 920px;
	height: 100px;
	position:relative;
    font-size: 11px;	
    color:#777777;    
}
    .foot .loginView{
        position:absolute;
        display:block;
        right:20px; top:24px;
        text-decoration:none; 
    }
    .loginView a{
        padding-left:10px;
        margin-left:10px;
        border-left: 1px dotted #777777;
    }

    .loginView a {
        border-left:1px dotted #777777;
        margin-left:10px;
        padding-left:10px;
    }
    
    .contactinfo
    {
	    position: relative;
	    left: 70px;
	    top: 20px;
	    height: 40px;
	    width: 340px;
    }
	.contactinfo .contacttext
	{
		float: left;
		width: 150px;
		height: 20px;
		color: #777777;	
		font-size: 11px;
		line-height: 20px;
	}
	
	.contactinfo .right
	{
		text-align: right;
		border-right: dotted 1px #777777;
		margin-right: 10px;
		padding-right: 10px;
	}
	.foot a
	{
		color: #777777;		
	}
	
	.foot a:hover
	{
		color: #ccd9ff;		
	}

/* Content section */
div.content
{
	background: #FFFFFF url("../Images/content_bg.jpg") repeat-x left top;
	float: left;
	width: 650px;
	min-height: 500px;
	height: auto !important;
	height: 500px;	
	padding: 15px 30px 20px 20px;
	/*position:relative;*/
}

div.content p, div.content table
{
	margin: 8px 0px;
	color: #494949;
	text-align: justify;
}

div.content h1          {   color:#1d3e96; font-size: 25px; 	}
div.content h2          {   color:#1d3e96; font-size:19px; font-family:"trebuchet MS", Arial,Helvetica,Verdana }
div.content h3          {   color:#494949; font-size:12px; }
div.content th          {   color:#494949; font-size:12px; }
div.content a           {   text-decoration:none; color:#1d3e96; }
div.content a:hover     {   text-decoration:underline; }
div.content li          {   color:#494949;	}
div.content .border     {   padding:2px; border:1px solid #CCCCCC; }

div.content .moreLink   {   color:#999999; }

/*Mail message*/
div.MailMessagePopup
{
	width:450px;
}

div.MailMessagePopup span.header
{
	float: left;
	background: url("../Images/popup_head.gif") no-repeat left top;
	width: 450px;
	height: 35px;
	cursor:move;
	/*border-bottom: 1px solid #99B4FF;*/
}
div.MailMessagePopup span.header span.headerlabel
{
	display:block;
	float:left;
	width:380px;
	padding: 10px 10px 0px;	
	font-weight: bold;
	color:White;
}
div.MailMessagePopup span.header .CloseAnchor
{
	float:right;
	background:url("../Images/i_closebutton.jpg") no-repeat left 0px;	
	margin: 8px 8px 0px 0px;
	border:none;
	width:27px;
	height:27px;	
}
div.MailMessagePopup span.header .CloseAnchor:hover
{
	background:url("../Images/i_closebutton.jpg") no-repeat left -27px;	
	cursor: pointer;
}
div.MailMessagePopup span.body .sendButton
{
	display:block;
	float:left;
	height:78px;
	width:78px;
	margin:3px 3px 3px 3px;
	color: #2a5ad6;
	font-weight:bold;
	font-size: 11px;
}

div.MailMessagePopup span.body
{
	float:left;
	background: #1d3e96 url("../Images/popup_bg.jpg") repeat-x left top;	
	width: 450px;
}

div.MailMessagePopup span.body span.title
{
	padding:2px 0px 0px 5px;
	width:80px;
	height:20px;
	padding: 0px 10px;
	margin:4px 0px;
	vertical-align:middle;
	color: #ccd9ff;
	text-align:right;
}



div.MailMessagePopup span.body .toemail
{    
	font-weight:bold;
	color: #FFFFFF;
	height:20px;
	width:180px;
	margin: 4px 0px;	
}

div.MailMessagePopup span.footer
{
	float:left;
	background:url("../Images/popup_foot.gif") no-repeat left top;	
	width: 450px;
	height: 6px;
	font-size: 1px; /*ie6*/
}

div.MailMessagePopup span.body span.from span,
div.MailMessagePopup span.body span.subject span,
div.MailMessagePopup span.bodytext,
div.MailMessagePopup span.body .title,
div.MailMessagePopup span.body .toemail
{
    float:left;
}

div.MailMessagePopup span.body span.from,
div.MailMessagePopup span.body span.subject
{    
    float:left;
	width:350px;
}

div.MailMessagePopup span.body input.fromemail,
div.MailMessagePopup span.body input.subject
{
	display:block;
	float:left;
	height:18px;
	margin: 4px 0px;
	padding: 0px 2px;
	background-color:#e2e8fb;
	border: solid 1px #686868;	
	width:176px;
}

div.MailMessagePopup span.body span.warning
{
	color:Red;	
	font-size:10px;
	padding: 0px 2px;
	margin: 4px 0px;
	width:50px;	
	height:18px;
}

div.MailMessagePopup span.body textarea
{
	background-color:#e2e8fb;
	border: solid 1px #686868;
	margin: 6px 6px 0px 6px;
	padding: 2px;
	width:432px;
	height:300px;	
}
div.MailMessagePopup .success
{
	display:block;
	margin-left:5px;
	font-weight:bold;
	color:White;
}

.imageLink, .imageLink span  
{
    background-image:url("../Images/sprite_buttons.gif"); 
    background-repeat:no-repeat; 
    border:medium none; 
    display:inline-block; 
    font-family:'Trebuchet MS',Verdana,Arial;
}

a                         {text-decoration:none;}

.grayLink							{background-position:right -60px; color:#000000; font-weight:bold; padding-right:10px; line-height:22px; }
body .grayLink .leftImg					{background-position:-452px -60px; padding-left:10px; color:#000000;}
body .grayLink:hover 					{background-position:right -84px; color:#000000;}
body .grayLink:hover .leftImg 			{background-position:-452px -84px;}
body .grayLink .icon						{background-image:url("../Images/ui-icons_000000_256x240.png"); display:inline-block; line-height:22px; vertical-align:text-bottom; width:16px; height:16px; margin:0px 2px 0px 0px;}