/* setup some stuff for the complete site */
body { margin:7px 0; font-size:80%; font-family:sans-serif; text-align: center; }

/* disable the borders on any links that contain images */
a img { border:0; }

/* this is a page wrapper: it moves everything into the center of the browser window */
div#main { position:relative; width:776px; margin-left:auto; margin-right:auto; text-align: left; }

	/* the page header is on all pages */
	div#header { border-bottom:7px solid #666; height:410px; background: #fff url('header-bg.gif') repeat-x; }
	
		/* slogans are images on screen, text when printed; image urls are defined in site.xml */
		div#slogan1 h1, div#slogan2 h1 { display: none; }
		div#slogan1 { position: absolute; top: 0px; left: 0px; width: 481px; height: 53px; }
		div#slogan2 { position: absolute; top: 220px; left: 481px; width: 289px; height: 180px; }

		div#dotty { position: absolute; top: 75px; left: 0px; }

		div#logo { background-color: #fff; position: absolute; left: 663px; top: 85px; width: 100px; height: 102px; }
		
		
		
		/* site navigation */
		div#nav { color:#fa0076; font-weight:bold; font-size:1.2em; letter-spacing:0.1em; position:absolute; top:220px; left:220px; }
		div#nav ul { margin:0; padding:0; list-style-type:none; }
		div#nav a { text-decoration:none; color:#4c4c4c; }
		div#nav a:hover { color: #fa0076; }
		div#nav { line-height: 1.5em; }
		
		
		
		/* site language switcher */
		div#lang a { font-weight:bold; font-size:1.2em; text-decoration:none; color:#666666; position:absolute; top:380px; left:220px}
		div#lang a:hover { color:#BE317B; }
	
	
	
	/* page content: this appears on all pages */
	div#content { background-color:#fa0076; color:#fff; line-height:1.5em; }
	div#content h1 { margin-top:0; font-size:140%; line-height:1.3em; }
	div#content h2 { margin-top:0; font-size:140%; line-height:1.3em; font-weight:normal; }
	div#content ul { padding-left: 0; margin-left: 1em;}
    div#content a { color:#fff; text-decoration:none; font-weight:bold; }
    div#content a:hover { text-decoration:underline; }
    
    
    
		/* link to the datadive site (this site by ... ) */
		div#ddlink { color:#fff; }
		div#ddlink a { font-weight:bold; color:#fff; text-decoration:none; }
		div#ddlink a:hover { text-decoration:underline; }



		div#punkt-content h1, div#services-content h1 { padding: 20px 90px 5px 220px; }
		div#punkt-content h2, div#services-content h2 { padding: 20px 90px 5px 220px; }

		
		div#punkt-content td, div#services-content td { vertical-align: top; padding: 10px; border-bottom: 1px solid #7fcc48;  }
		/* IE SUCKS
			div#punkt-content table { border-spacing: 0px; border-top: 1px solid #7fcc48; }
			div#punkt-content tr td:first-child { text-align: right; border-right: 1px solid #7fcc48; width: 190px; }
			div#punkt-content td + td { padding-right: 90px;  }
		*/
		
		
		div#punkt-content table, div#services-content table { border-top: 1px solid #7fcc48; font-size:100%;}
		div#punkt-content td.leftcol, div#services-content td.leftcol { text-align: right; border-right: 1px solid #7fcc48; width: 190px; color: #7fcc48; font-size:120%; font-weight: bold; }
		div#punkt-content td.rightcol, div#services-content td.rightcol { padding-right: 90px; color:#fff; }

		div#services-content #pricing { margin-left:210px; padding:10px; font-style:italic; }



		/* references pages */
			/* table borders */
			div#references-content table { border-top: 1px solid #7fcc48; font-size:100%;}
			div#references-content .funding-commission, div#references-content .programme, div#references-content .instrument { border-right: 1px solid #7fcc48; }
			div#references-content td,th { border-bottom: 1px solid #7fcc48; }
            
            /* alignment & padding */
            div#references-content td,th { vertical-align: top; text-align: left; }
            div#references-content th { padding: 3px 9px; }
            div#references-content td { padding: 12px 9px; }
            div#references-content h1 { padding: 20px; margin: 0; }
            div#references-content .funding-commission { padding-left: 20px; width:100px; }
            div#references-content .applicant { }
            div#references-content  th.funding-commission { white-space: nowrap }
            
            /* fonts & colouring */
			div#references-content th { color: #7fcc48; background-color: #666; font-weight: bold; }
			div#references-content td { color: #fff; } /* IE bugfix */




		/* team pages 	*/
			/* table borders */
            
            /* alignment & padding */
            div#team-content td,th { vertical-align: top; text-align: left; }
            div#team-content th { padding: 4px 0px 4px 17px; background-color: #7fcc48; color: #666; }
            div#team-content td { padding: 12px 9px; }
            div#team-content h1 { padding: 10px 0px 10px 0px; margin: 0; }
            div#team-content a { font-weight:bold; font-size:1em; text-decoration:none; color: #7fcc48; }
            div#team-content a:hover { color:#BE317B; }
            div#team-content .vision { padding-left: 20px; width:100px; }
            div#team-content  th.funding-commission { white-space: nowrap }
        


	/* team pages */
			/* table borders */
			div#team-content table { padding: 0px 0px 0px 0px; border-top: 0px solid #7fcc48; font-size:100%;}
			div#team-content td, th { padding: 0px 10px 0px 0px;}
			div#team-content td,th { border-bottom: 0px; }
			
            /* fonts & colouring */
			div#team-content th { color: #7fcc48; background-color: #666; font-weight: bold; align: right;}
			div#team-content td { color: #fff; align: right; } /* IE bugfix */



            div#vision .vision lu, li{ padding-left: 0 200em 0 0;}
			
*	 		div#vision-link .vision-link { padding-left: 30px; width:100px;}
	 		
*	 		div#vision-link a { font-weight:bold; font-size:1.3em; text-decoration:none; color:#666666; position:absolute; top:360px; left:220px}
*			div#vision-link a:hover { color:#BE317B; }
#			team-menu {
				background: #7fcc48; color:#797979 !important; text-align:right; padding:20px 2px !important;
			}
			team-menu a{color
				background: #7fcc48; color:#797979 !important; text-align:right; padding:20px 2px !important;
			}
			
			
			
			
	 		
	
	/* the page footer appears on all pages except the home page */
	div#footer { border-top:7px solid #666; background-color:#4c4c4c; color:#ccc; height:4em; vertical-align:middle; text-align:left; line-height:2em; padding: 4px 0px 4px 217px;}
	div#footer a { color:#ccc; }
	

/* changes Maria - Menue References */

#references-menu {
	background: #7fcc48; color:#797979 !important; text-align:left; padding:2px 20px !important;
}
#references-menu ul {
	margin:0;padding:0;
}

#references-menu ul li {
	display:inline; border-left: 1px #797979 solid; color:#CB237A; padding:0 9px;font-weight:bold;
}
#references-menu ul li.first {
	padding-left:0;
	border-left:none;
}

#references-menu a {
	color:#4c4c4c; text-decoration:none;
}
#references-menu a:hover, #references-menu a:focus {
	color: #CB237A;
}

div#references-content td a.more {
	background: #fff; text-transform: uppercase; color:#4c4c4c;text-decoration:none; font-weight:bold;margin-left:4px; padding:0px 4px;font-size:86%;
	
}

div#references-content td a.more:hover {
	background: #fff; color:#CB237A;
}
/* Changes Maria Project Detail Pages */



div#projectdetails h1 {margin:0; padding: 84px 100px 7px 20px; border-bottom:8px #7fcc48 solid; text-align:left; font-size:120%; background: #fff url("homepagelink-bg.gif") no-repeat 585px 0; display:block;}

div#projectdetails table {background:#fff;
	margin:0; padding:0;width:100%;}

div#projectdetails table tr td {vertical-align: top; text-align: left; padding: 12px 9px; border-bottom: 1px solid #7fcc48;  border-collapse: collapse; margin:0;  border-spacing: inherit; }

div#projectdetails table tr td.column1 { width: 20%;border-right:1px solid #7fcc48;  border-collapse: collapse; padding-left:20px;}
            
div#projectdetails table td.top {
	padding-top:20px;
}

div#projectdetails table td.close  {
text-align:right;   width:100%; background:#7fcc48; 
}  

div#projectdetails table td a {
	color:#4c4c4c; 
}

div#projectdetails table td a:hover, div#projectdetails table td a:focus {
	color:#CB237A; 
}

div#projectdetails table td.close a {
	text-decoration:none; color:#4c4c4c;font-weight:bold;text-transform: uppercase; 
}