/* CSS Document */

html, body{
	height:100%; /* 100% height fix */
	/*min-height: 100%; /* 100% height fix */
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
}

body {
	font-size: 62.5%; /* komt overeen met 10px. bv 12px is dan 1.2em */
	/*border-left: 45px solid rgb(25,51,109);*/
	background: #eeede5 url(../site_images/bck_page.gif) repeat-y;
}

/* clear stuff */
div, table, ul, li, ol, td, th, tr, blockquote{margin: 0; padding: 0; border: none}

form, select, input{
	margin: 0;
}	

th
{
	text-align:left;
	}
/* hide accessibility content from normal users - screenreaders can pick this up nicely */
.smartsurfer{display: block; width: 1px; height: 1px; position: absolute; top: -5000px}

div.noindex{border: none; margin: 0; padding: 0;}

#main{
	width:1000px;
	background-color: #FFFFff;
	height:120px;
}
img{
	border:none;
}
/**********LINKEN RELATED  **********/
a:link {
	color: #372279;
    text-decoration: underline;
}
a:visited {
    color: #6956a2;
	text-decoration: underline;
}
a:hover {
    color: #c23478;
	text-decoration: underline;
}
a:active {
    color: #c23478;
	text-decoration: underline;
}

/********** HEADER CSS  **********/ 
#header {
	margin-top:0px;
	width: 994px; 	
}
#flashcontent {
	width:789px;
    height:83px;
}
#logo {
	float:left;	
}
*html #logo .margin {
	margin: 0px 0px 0 43px;
	width:118px;
}
#logo .margin {
	margin: 0 41px 0 43px;
	width:118px;
}
#banner {
	float:left;
}
#banner .margin {
	margin: 1px 0px 0 0;
	width:789px;
}



/* ************ navigatie ********** */

#navigation{ 
	width: 987px; 
	background: #7f004d;
	height: 26px;
}
#navigation .margin {
	background-color: #7f004d;
	float:left;
}
#navigation ul{
	margin-left:32px;
}
#navigation li{
	display: block; 
	list-style-type: none; 
	font-size: 1.1em;
	background: url(../site_images/ill_modnav.gif) no-repeat right top; 
	float: left; 
	padding: 0;
	text-transform: uppercase;
}
#navigation li.hide-separator-image{
	background-image: none; 
	padding-right: 0
}
#navigation li a.normal{
	color: #FFFFFF; 
	text-decoration: none; 
	display:block; 
	float:left; 
	font-weight:bold; 
	text-align: center; 
	padding: 6px 15px 2px 15px; 
	height: 16px;
}
#navigation li a.over{
	color: #FFFFFF; 
	text-decoration: none; 
	display:block; 
	float:left; 
	font-weight:bold; 
	text-align: center; 
	padding: 6px 15px 2px 15px; 
	height: 16px;
	background-color: #c23478; 
}


/***************** search ******************/

#search {
	float:right;
}
#searchfield { 
	margin-top:3px;
	border:1px solid #fbf6ea;
	width:125px;
	height:18px;
	float:left;
}
#searchbutton { /* hack onderaan de code*/
	margin-top:3px;
	margin-right:2px;
	border:1px solid #fbf6ea;
	width:46px;
	height:18px;
	float:left;
	background-color:#fbf6ea;
	font-weight:bold;
	font-size:1.1em;
}
#searchbutton .margin {
	padding:2px;
	padding-left:8px;
	background-color:#fbf6ea;
}
#searchbutton a:link { color: #7f004d; text-decoration: none; }
#searchbutton a:visited { color: #7f004d; text-decoration: none; }
#searchbutton a:hover { color: #7f004d; text-decoration: none; }
#searchbutton a:active { color: #7f004d; text-decoration: none; }



/**********  breadcrumb *******/
*html #breadcrumb {
	width:910px;
	float:left;
	margin:12px 0 0 18px;
	color: #253692;
	font-size:1.1em;
	padding-bottom:10px;
	background-image:url(../site_images/bck_lijnHor.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#breadcrumb {
	width:910px;
	float:left;
	margin:12px 0 0 33px;
	color: #253692;
	font-size:1.1em;
	padding-bottom:10px;
	background-image:url(../site_images/bck_lijnHor.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#breadcrumb a:link { color: #253692; text-decoration: underline; }
#breadcrumb a:visited { color: #253692; text-decoration: underline; }
#breadcrumb a:hover { color: #253692; text-decoration: underline; }
#breadcrumb a:active { color: #253692; text-decoration: underline; }

.printicon{
	float:right;
}


/***** middenblok ******/
#content {
	position:relative;
	padding:0;
	margin-top:0px;
	width: 994px;

	float:left;
	/*background:#cecee6 url(../site_images/bck_content.gif) left repeat-y;*/
}
#contentLeft { 

	float:left;
}
#contentLeftHome { 
	width:795px;
	float:left;
	font-size:1.1em;
}
#contentLeftHome .intro {
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 30px;
}
#contentLeftHome .buttons {
	margin-top: 0;
	margin-right: 0px;
	margin-left: 30px;
}
#contentLeftHome .homeItem {
	margin-left: 30px;
	background-image:url(../site_images/bck_homeLeft.gif);
	background-repeat:repeat-y;
	background-position:left;
	border:1px solid #ffffff;
}
#contentLeftHome h1 {
	margin: 0 0 0 30px;
}
#contentLeftHome .homeItem .margin {
	margin-left:27px;
	margin-right:38px;
	margin-top:22px;
}
#contentLeftHome .homeItem .margin img {
	float:left;
	margin-right:23px;
}
#contentLeftHome .homeItem h1 {
	font-size:1.8em;
	font-weight: normal;
	color:#7f004d;
	margin-left:0;
}
#contentLeftHome .lijnHome {
	background-image:url(../site_images/bck_lijnHor.gif);
	background-repeat:repeat-x;
	margin-left: 30px;
	height:10px;
	background-position:bottom;
}
#contentLeftHome .homeBottom {
	background-image: url(../site_images/bck_lijnVert.gif);
	background-repeat:repeat-y;
	margin-left: 55px;
	height:30px;
	padding-left:10px;
	padding-top:10px;
	font-size:1.1em;
}

#contentTxt {
	float:left;
	font-size:1.1em;
	width:850px;
	padding-left:40px;
}
#contentTxt .margin {
	margin-top: 18px;
	margin-right: 64px;
	margin-bottom: 30px;
	margin-left: 0;
	/*text-align: justify;*/
	line-height:1.2em;
	width:100%;
}


#contentTxt H1 {
	font-size:1.8em;
	font-weight:normal;
	line-height:1em;
}
#contentTxt H2 {
	font-size:1.2em;
	font-weight:bold;
	line-height:1em;
}

.txtBlue {
	color:#372279;
}
.txtRed {
	color:#7f004d;
}
.lijn {
	background-image:url(../site_images/bck_lijnHorHome.gif);
	background-repeat:repeat-x;
	padding-top:5px;
	margin-top:10px;
	padding-bottom:0;
	margin-bottom:0;
}
.product_button{
	
	/*background-color:#253692;*/
	margin-top:5px;
	/*width:40%;*/
	
}

#contentTxt .margin img{
	float:left;
	margin:0 15px 15px 0px;
}




/*********** footer ****************/

#footerHome 
{
	float:left;
	position:relative;
	height:30px;
	width:944px;
	padding-top:8px;
	font-size:1.1em;
	color:#372279;
	margin-left: 35px;
	margin-top:50px;

	background-image:url(../site_images/bck_lijnHor.gif);
	background-repeat:repeat-x;
}

*html #footerHome 
{
	float:left;
	position:relative;
	height:30px;
	width:944px;
	padding-top:8px;
	font-size:1.1em;
	color:#372279;
	margin-left: 20px;
	margin-top:50px;

	background-image:url(../site_images/bck_lijnHor.gif);
	background-repeat:repeat-x;
}


/*********** productenlijst ****************/

#product_box_title{
	width:935px;
	padding:3px;
	color:#333333;
}
.tb_cell{
	padding-bottom:9px;
	padding-rigth:3px;
	border-bottom:1px solid #ccc;
}
.tb_product{
	width:238px;
	padding-bottom:9px;
	padding-rigth:3px;
	border-bottom:1px solid #ccc;
}
.tb_zwaartepunt{
	width:75px;
	padding-bottom:9px;
	border-bottom:1px solid #ccc;

}
.tb_mtr{
	width:20px;
	padding-bottom:9px;
	border-bottom:1px solid #ccc;

}
.tb_dossiernmr{
	width:83px;
	padding-bottom:9px;
	border-bottom:1px solid #ccc;

}.tb_project{
	width:211px;
	padding-bottom:9px;
	border-bottom:1px solid #ccc;

}
.tb_organisatie{
	width:225px;
	padding-bottom:9px;
	border-bottom:1px solid #ccc;

}
.tb_ESFbedrag{
	width:64px;
	padding-bottom:9px;
	border-bottom:1px solid #ccc;

}
.tb_details{
	padding-bottom:9px;
	border-bottom:1px solid #ccc;

}
.tb_productContent{
	border:1px solid #ccc;
	padding:1px 2px 3px 2px;
}
.pager{
	margin-top:10px;
	width:935px;
}
.pager a:link{
	color:#ad336c;
	text-decoration:none;
	padding: 0px 8px 0px 8px;
}
.pager a:visited{
	color:#ad336c;
	text-decoration:none;
	padding: 0px 8px 0px 8px;
}
.pager a:hover{
	color:#ad336c;
	text-decoration:underline;
	padding: 0px 8px 0px 8px;
}
.pager a:active{
	color:#ad336c;
	text-decoration:none;
	padding: 0px 8px 0px 8px;
}
.pager_right{
	padding-right:0px;
	text-align:right;
}

/* productdetail */

.tb_productTitle{
	font-size:12px;
	padding-right:9px;
	text-align:right;
	width:200px;
	
}

.product_box_detail{
	width:935px;
	padding:3px;
	color:#333333;
}

/******* zoeken  ********/

#zoekbox{
	font-size:1.2em;
}
#zoekbox td{
	font-size:1em;
	padding:5px 5px 5px 0;
}
 .knop{
 	border:0;
	background-color:#ad336c;
	color:#FFFFFF;
	font-size:1.1em;
	
 }
.zoekNaamBox label
{ margin-right:5px;
	}


/********** keuzetaal *******/
#taaltable{
	margin-top:30px;
	text-align:left;
	width:300px;
}
.taalvlag{
	padding:8px 8px 8px 8px;
}
.taalkeuze{
	height:20px;
	font-size:1.6em;
	font-weight:bold;
	padding:8px 8px 8px 8px;
	/*background-image:url(../site_images/bck_lijnHor.gif);*/
	border-bottom:1px dotted #455091;
}
.taalkeuze a:link{
	color:#7f004d;
	text-decoration:none;
}
.taalkeuze a:visited{
	color:#7f004d;
	text-decoration:none;
}
.taalkeuze a:hover{
	color:#7f004d;
	text-decoration:none;
}
.taalkeuze a:active{
	color:#7f004d;
	text-decoration:none;
}

.keuzetaal{
	padding:8px 0 10px 0;
}
.btn_1{
	border:1px solid #ccc;
	background-image:url(../site_images/btn_bg.jpg);
	background-repeat:repeat-x;
	cursor:hand;
}
.btn_2{
	border:1px solid #ccc;
	background-image:url(../site_images/btn_bg.jpg);
	background-repeat:repeat-x;
	cursor:hand;	
}
.btn_3{
	border:1px solid #ccc;
	background-image:url(../site_images/btn_bg.jpg);
	background-repeat:repeat-x;
	cursor:hand;	
}









/*ANYSURFER*/
#as-gfx img {
   width: 50px;
   height: 40px;
   border: none;
}

#as-txt {
  position: absolute;
  left: 0;
  top: -10000px;
  overflow: hidden;

}