/* last upload: 30.01.2008 */

body, td, p, div {
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	vertical-align:top
	}

body { background-image:url(http://www.martec-era.net/lw_resource/datapool/Layout/page_background.gif); background-repeat:repeat-y }
img { border:none }
.bottom { vertical-align:bottom }

/* headlines */	
h1, h2, h3 { font-weight:bold }
h1 { font-size:14px; color:#68A5D5; line-height:25px }
h2 { font-size:13px; color:#333 }
h3 { font-size:12px; color:#666 }
.teaserheadline { font-size:11px; font-weight:bold; color:#555 }
.teasertext, #teaserul, a.teaser { font-size:11px; font-weight:normal; color:#000 }

#breadcrumb { font-size:10px; height:40px }
a.breadcrumb { color:#000; text-decoration:none }
.red { color:#FF3333 }

a { color:#000 }
a.more { color:#68A5D5; text-decoration:none }
a.teaser, a.nodecoration { text-decoration:none }
.adminlink { margin-bottom:10px; background:url(http://www.martec-era.net/lw_resource/datapool/Layout/ico_intlink.gif) no-repeat left; padding-left:20px }

/* p paragraphs as spacer between elements */
.twenty { height:20px }
.thirty { height:30px }
.forty { height:40px }

/* navigation top right (imprint, sitemap ...) */
a.righttop { font-size:10px; color:#FFF; text-decoration:none }
a.righttop:hover { color:#000 }

/* picture with text flowed around on the right */
.leftimage { float:left; margin-right:10px; border:none }

/* ------------------ MENU -------------------- */

/* menu left navigation */
.menue {
	position:absolute; 
	left:0px;
	width:210px;
	top:144px;
	z-index:1;
	background-color: #E7EEF4;
	color:#000
	}
	
.menue ol, #submenue_one ul, #submenue_two ul { list-style-type:none; margin:0px; padding:0px }
#submenue_one ul { font-size:11px; background-color:#F7F7F7 }
.menue li a { width:190px; padding:5px 0px 5px 20px }

/* navigation background color (hover and active) */
.topnavlevelselected { background-color:#B9D0E3 }
.navlevelselected { background-color:#DFDFDF }
.menue li a:hover, .menue li a:active { background-color:#B9D0E3 }

/* --------------- SUBMENU ONE ----------------- */
#submenue_one li, #submenue_one li a, #submenue_one li a:link, #submenue_two li, #submenue_two li a, #submenue_two li a:link, .menue li a, .menue li a:link, .menue li, .menue li a:visited {
	display:block;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000
	}

/* arrow submenue_one */
#submenue_one li, #submenue_one li a, #submenue_one li a:link { 
	background-position:2.2em; 
	background-image:url(http://www.martec-era.net/lw_resource/datapool/Layout/arrow_navi_1.gif);
	background-repeat:no-repeat;
	}
	
#submenue_one li a { width:170px; padding:5px 0px 5px 40px }
#submenue_one li a:hover { 
	background-position:2.2em; 
	background-image:url(http://www.martec-era.net/lw_resource/datapool/Layout/arrow_navi_1.gif);
	background-color:#DFDFDF;
	background-repeat:no-repeat;
	}

/* --------------- SUBMENU TWO --------------- */
#submenue_two ul { font-size:11px }

/* arrow submenue_two */
#submenue_two li, #submenue_two li a, #submenue_two li a:link { 
	background-position:3.5em;
	background-image:url(http://www.martec-era.net/lw_resource/datapool/Layout/arrow_navi_2.gif);
	font-size:11px;
	background-repeat:no-repeat;
	}

#submenue_two li a, #submenue_two li a:link { width:150px; padding:5px 0px 5px 60px }

/* MARTEC LOGO on top left */
#marteclogo {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:210px; 
	height:144px;
	background-color:#FFF;
	z-index:7
	}

/* Headpicture */
#headpic {
	position:absolute;
	left:210px; 
	top:0px; 
	width:590px; 
	height:260px; 
	z-index:1
	}

/* contentcontainer */
#content {
	position:absolute; 
	left:225px; 
	top:265px; 
	width:560px; 
	z-index:3;
	color:#444
	}

/* space div between the top right navigation and the first teaser  */
#space { position:static; height:53px }

/* headline of teaser */
.teaserhead {
	font-weight:bold;
	color:#FFFFFF;
	position:static;
	left:800px;
	width:195px;
	z-index:6
	}
	
#teasertitle {
	background-color:#5F8EC1;
	padding-left:5px;
	width:195px;
	height:20px
	}
	
#teasercontent {
	font-size:11px;
	position:static;
	top:15px;
	width:190px;
	z-index:9;
	margin-left:5px;
	margin-bottom:20px;
	margin-top:10px
	}

/* teaser background */
#teaserbg {
	position:absolute; 
	left:800px; 
	top:0px; 
	width:200px; 
	z-index:1; 
	background-color:#E7EEF4
	}

#rightnavbg {
	position:static; 
	left:800px; 
	top:0px; 
	width:200px; 
	height:90px; 
	z-index:5; 
	background-color:#68A5D5
	}
	
#rightnavtop {
	color:#FFF;
	text-align:center;
	position:absolute;
	left:800px;
	top:68px;
	width:200px;
	z-index:8
	}

/* footer area */
#hrline { position:relative; top:30px; width:560px; z-index:9; height:50px; left:-2px }
#logoeu { position:relative; width:60px; z-index:10 }
#logoptj { position:relative; top:-34px; left:70px; width:150px; z-index:11 }

/* internal sign right top corner */
#internal { position:absolute; top:8px; left:900px; z-index:1 }

/* bold font and blue background in a table row */
.tr_head { background-color:#E7EEF4; color:#5F5F5F; font-weight:bold }

/* white background for odd rows */	
.tr_one, .psc_odd { background-color:#fff }
.membertable, .whitetable { background-color:#F3F5F8; width:100% }
.whitetable td { background-color:#fff; }
.doctable { width:100%; }
.meetingtable { border-collapse:collapse; border:1px solid #f3f5f8; width:100% }
.meetingtable td { padding:3px; border-color:#f3f5f8 }

/* table row "break" in the meeting agenda */
.tr_pause { background-color:#f3f5f8; }

/* table row "time and task" in the meeting agenda */
.tr_time_task { background-color:#eaf0f5 }

/* add button below a document table */
.add { text-align:right; font-size:9px; border-top:1px solid #ccc }
#teaserul { list-style-type:square; padding:8px; margin:8px }

/* for the national programme information site */
.country_head { background-color:#E7EEF4; width:100% }



/* ----------------- General settings for all tooltips ------------------ */

a.tooltip span, a.tooltip_row span, a.tooltip_info span { display:none; text-decoration:none }
a.tooltip:hover, a.tooltip_row:hover, a.tooltip_info:hover { background:transparent; text-decoration:none; cursor:help }
a.tooltip:hover span, a.tooltip_row:hover span, a.tooltip_info:hover span {
	display:block;
	position:absolute;
    border:1px solid #ccc;
	color:#000;
	z-index:100;
	text-align:left;
	line-height:18px;
	}


/* ------------------ Special settings for info tooltip ------------------*/

a.tooltip_info { position:relative }
a.tooltip_info:hover span {
    top:2em;
	left:2em;
	width:15em;
	background:#F3E1B6;
	padding:5px;
	font-size:0.9em
	}	

/* ------------------ Special settings for partner search EoI tooltip ------------------*/

#description_eoi { top:20px; left:-518px }



/* ------------------ Tooltip for next steps table ------------------*/

a.tooltip_row, a.tooltip_row:link, a.tooltip_row:visited, a.tooltip_row:active  {
	position:relative;
	display:block;
	padding-bottom:3px;
	}

/* tooltip_row text/ info field */    
a.tooltip_row:hover span {
	width:500px;
	background:#F3E1B6;
	font-size:10px;
	padding:5px
	}

#description_row { top:20px; left:-518px }



/* ------- Relative tooltip for management structure scheme ----------*/
#map {
	background:url(http://www.martec-era.net/lw_resource/datapool/__pages/pdp_473/network.gif) no-repeat;
	background-color:#fff;
	width:328px;
	height:320px;
	display:block;
	}

#map div { position:relative }

/* a. */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active {
	position: relative;
	display:block;
	height:30px;
	/* background-color:#FF0000; */ /* make visible */
	}

/* a. height for wp */
#over_wp a.tooltip, over_ep a.tooltip:link, over_wp a.tooltip:visited, over_wp a.tooltip:active { height:40px }

/* a. height for co and eu */
#over_co a.tooltip, over_co a.tooltip:link, over_co a.tooltip:visited, over_co a.tooltip:active,
#over_eu a.tooltip, over_eu a.tooltip:link, over_eu a.tooltip:visited, over_eu a.tooltip:active { height:106px }

/* tooltip text */    
a.tooltip:hover span {
	width:190px;
	background:#E7EEF4;
	font-size:10px;
	padding:0px 5px 5px 5px
	}

a.tooltip:hover span strong{ font-weight:bold; font-size:11px; line-height:30px }	

/* hover and text for OB */
#over_ob { width:105px; top:8px; left:5px }
#text_ob { top:0px; left:350px }

/* hover and text for SC */
#over_sc { width:180px; top:48px; left:5px }
#text_sc { top:-70px; left:350px }

/* hover and text for BMP */
#over_bmp { width:180px; top:91px; left:5px }
#text_bmp { top:-143px; left:350px }

/* hover and text for CO */
#over_co { width:30px; height:106px; top:-13px; left:224px }
#text_co { top:-69px; left:131px }

/* hover and text for EU */
#over_eu { width:30px; height:106px; top:-120px; left:295px }
#text_eu { top:-68px; left:60px }

/* hover and text for WP1-5 */
#over_wp { width:258px; top:-58px; left:5px }
#text_wp { top:-236px; left:350px }