/*** Refactored by Dominique Steppeler, Humance AG  ***/

@import url(menues.css);

html
{
	font-size: 16px;
}

html,body
{
	height: 100%;
	margin:0;
	padding:0;
	text-align: center;
	font-family: arial, sans-serif;
	background-color: #fff;
}

*
{
	font-family: arial, sans-serif;
}

/* ***** edit mo ***** */
/* (sorry, overwrote the original code) */

a 
{
	color: #444;
	text-decoration: none;
	border: none;
}

a:hover 
{
	color: #0;
	text-decoration: underline;
	border: none;
}

.content a{
	color: #2a6d95;
}

.contentheading a{
	color: #444 !important;
}

/* ***** end edit mo ***** */
	
/* Layout */
	
#accessibility 
{
	position: absolute;
	left: -2000px;
	top: -2000px;
	display: none;
}
	
#source 
{
	position: absolute;
	left: -2000px;
	top: -2000px;
	display: none;
}
	
/* stile generale pagina*/
#pagewidth-1024
{
	background: url(../images/bg_leftcol.gif) 0 0 repeat-y;
	height: auto;
	width: 950px;
	text-align: left;
	/* edit mo */
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 20;
	padding-top: 0;
	padding-bottom: 0;
}

/*** Header ***/
#header 
{
	background-color: #fff;
	padding-top: 20px;
	margin-top: 0;
	height:  187px;
	width:  100%; 
}

#header-pic 
{	
	background: url(../images/immagine.jpg) right bottom no-repeat;
	height: 157px;
	width: 950px;
	clear: both;
	top: 30px;
	position: relative;
	/*background-position: -3px bottom;
	float: left;
	width: 776px;
	margin-top: 1px;*/
}

#top-top,
#area_nav
{
	position: absolute;
	top: 0;
	padding-top: 10px;
}

#area_nav
{
	top: 60px;
}

#top-top 
{
	width: 950px;
	height: 85px;
	background: transparent;
}
	
#logo 
{
	position: absolute;
	top: 10px;
	width: 300px;
	height: 75px;
}

#logo a
{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/logo.jpg) no-repeat;
	border: 0;
	text-decoration: none;
}
	
#topmenu
{
	color: #43811B;
	float: right;
	width: 400px;
}
	
#search 
{
	margin: 0px;
	padding: 0px;
	width: 148px;
	float: right;
	background: url(../images/back_search.jpg) right top no-repeat;
	padding-left: 10px;
	padding-top: 2px;
}
	
#search .inputbox
{
	width: 100px;
	height: 18px;
	font-size: 10px;
	background: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
}
	
#search .button
{
	margin: 0px;
	padding: 0px;
	height: 14px;
	font-size: 10px;
	background: transparent;
	border: none;
	line-height: 10px;
}
	
#search form 
{
	margin: 0px;
	padding: 0px;
}
	
#pathway
{ 
	width: 500px;
	height: 19px;
	padding-left: 20px;
	padding-top: 5px;
}
	
#leftcol
{
	background-color: #F5F5F5;
	height:100%;
	width: 187px;
	float: left;
} 
	
#outer-1024
{
	width: 950px;
	height: 100%;
	clear: both;
} 
	
#footer-1024
{  
	height: 28px; 
	width:100%; 
	background: transparent url(../images/footer.jpg) 0 0 no-repeat; 
	font-size: 10px;
} 
	
#maincol-broad-1024
{ 
	width: 760px;
	float: left;
	padding-top: 3px;
}  
	
#maincol-wide-1024
{ 
	float: right;
	width: 760px;
} 
	
#banner 
{
	width: 478px;
	height: 69px;
	float: right;
	padding-left: 6px;
	padding-top: 6px;
}
	
iframe.wrapper 
{
	z-index: 0;
}
	
.clr{clear:both;}

.content 
{
	padding: 20px 20px 0px 20px;
	font-size: 10px;
	line-height: 18px;
}

	
/*-----------------------------*/
/* Left column, module main  */
/*-----------------------------*/	

#leftcol div.module
{
	width: 152px;
	margin-bottom: 0px;
}
	
#leftcol div.module div, 
#leftcol div.module div div
{
	width: 152px;
}

#leftcol div.module div div div
{
	width: 137px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 10px;
	background: transparent;
	padding-bottom: 0px;
	font-size: 10px;
}
	
#leftcol div.module div div div div
{
	padding: 0px;
	margin: 0px;
}

/*** End: edit mo ***/
	
#user1 ul, 
#user2 ul, 
#user3 ul 
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	padding-left: 0.7em;
	margin-left: 0.7em;
	margin-bottom: 5px;
	margin-top: 2px;
}
	
#maincol-normal-800 div.moduletable, 
#maincol-wide-800 div.moduletable, 
#maincol-broad-800 div.moduletable, 
#maincol-normal-1024 div.moduletable, 
#maincol-wide-1024 div.moduletable, 
#maincol-broad-1024 div.moduletable 
{
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #EFEFEF;
	background: transparent;
	font-size: 10px;
}
	
#maincol-normal-800 div.moduletable h3, 
#maincol-wide-800 div.moduletable h3, 
#maincol-broad-800 div.moduletable h3, 
#maincol-normal-1024 div.moduletable h3, 
#maincol-wide-1024 div.moduletable h3, 
#maincol-broad-1024 div.moduletable h3 
{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	width: 100%;
	border-bottom: 1px solid #EFEFEF;
	text-align: left;
	text-indent: 5px;
}
		
/* Module specific */
	
#leftcol div.module div div div div.syndicate,
#leftcol div.module div div div div.syndicate div 
{
	background: transparent;
	width: 137px;
	margin: 0px;
	padding: 0px;
}
	
/* Other Mambo Stuff */
	
#title {}

.pathway 
{
	color: #BBBBBB;
	font-size: 10px;
	text-decoration: none;
	font-weight: normal;
}
	
.pathway a
{
	color: #BBBBBB;
	text-decoration: none;
	font-weight: normal;
}
	
.mosimage 
{
	border: 1px solid #cccccc;
	margin: 5px
}
	
.mosimage_caption 
{
	margin-top: 2px;
	background: #efefef;
	padding: 1px 2px;
	color: #666;
	font-size: 10px;
	border-top: 1px solid #cccccc;
}
	
hr 
{
	width:  90%; 
}

hr.separator 
{
	width:  40%; 
}
	
a.pnav {}
	
.pnav:hover {}

.small 
{
	font-size: 10px;
	color: #ABABAB;
	line-height: 0.7;
}

.smalldark 
{
	font-size: 10px;
	color: #000;
	height: 10px;
	line-height: 10px;
	text-align: left;
}
	
.sectiontableentry1 
{
	text-align: left;
	background: #EFEFEF;
	font-size: 10px;
	padding: 2px;
}
	
.sectiontableentry2 
{
	background: #FFF;
	font-size: 10px;
	text-align: left;
	padding: 2px;
}

.button 
{
	border: 1px solid #BBBBBB;
}
	
.inputbox 
{
	border: 1px solid #BBBBBB;
}
	
.createdate 
{
	font-size: 10px;
	color: #ABABAB;
	height: 10px;
	line-height: 0.7;
}
	
.modifydate 
{
	font-size: 10px;
	color: #ABABAB;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
}

/* ***** edit mo *****
original code: 
a.readon 
{
	font-size: 10px;
	text-decoration: none;
	line-height: 15px;
	border: 1px solid #eee;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	padding: 2px 10px 2px 35px;
	background-color: #fff;
	background: url(../images/arrow01.gif) 5px 50% no-repeat;
	margin-top: 10px;
	text-decoration: none;
	font-weight: normal;
}
	
a.readon:hover 
{
	background-color: #eee;
	background-image: url(../images/arrow01_over.gif) ;
	text-decoration: none;
}
*/

/* ***** edit mo ***** */

a.readon 
{
	line-height: 15px;
	padding: 2px 0px 2px 25px;
	background-color: #fff;
	background: url(../images/arrow_glossy_small.gif) 0px 50% no-repeat;
	margin: 5px 0 0 0;
}

/* ***** end edit mo ***** */
	
.blog_more 
{
	font-size: 10px;
}
	
.blog
{
	width: 100%;
}
	
.contentheading 
{
	width: 98%;
	font-weight: bold;
	font-size: 16px;
	height: 23px;
	line-height: 20px;
	border-bottom: 1px solid #002E61;
	color: #002E61;
}
	
.contentpaneopen 
{
	text-align: left;
	background: transparent;
	font-size: 10px;
	line-height: 1.8;
}
	
table.contentpane td.contentheading 
{
	font-weight: bold;
	font-size: 16px;
	height: 23px;
	line-height: 20px;
	border: none;
}
	
table.contentpane ul 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
table.contentpane ul li
{
	padding: 0px;
	margin: 0px;
	padding-left: 15px;
}
	
.contentdescription 
{
	font-size: 10px;
}

.sectiontableheader 
{
	font-weight: bold;
	font-size: 10px;
	height: 25px;
	line-height: 25px;
}

.categorytitle 
{
	font-weight: bold;
	font-size: 16px;
	height: 25px;
	line-height: 25px;
}

.componentheading 
{
	font-weight: bold;
	font-size: 16px;
	height: 23px;
	line-height: 20px;
	border-bottom: 1px solid #002E61;
	color: #002E61;
	margin-bottom: 5px;
}

a.category 
{
	text-decoration:  underline; 
}
	
a.category:hover 
{
	text-decoration:  underline; 
}
	
table.moduletable 
{
	width:  100%; 
	font-size: 80%;
}

table.moduletable th  
{
	font-size: 80%;
}
	
.poll 
{
	font-size: 10px;
	text-align: center;
}
	
	
.back_button a
{
	font-size: 10px;
	font-weight: normal;
}
	
.blogsection 
{
	font-size: 10px;
}
	
.blog_more ul li
{
	list-style: none;
	padding-left: 14px;
	line-height: 18px;
}
	
table.contenttoc 
{
	border: 1px solid #CCCCCC;
	padding: 3px;
}
	
table.contenttoc th
{
	font-weight: bold;
	font-size: 10px;
	border-bottom: 1px solid #BBBBBB;
}
	
form 
{
	margin: 0px;
	padding: 0px;
}
	
#content,
#technology,
#tools
{
	background: url(../images/modulo1.jpg) 0 -1px no-repeat;
	font-size: 10px;
	height: 121px;
	width: 251px;
	padding: 0;
	float: left;
	border-left: 2px solid #fff;	
	overflow: hidden;
}

#content
{
	border: 0;
}
	
#technology
{
	background-image: url(../images/modulo2.jpg);
}

#tools
{
	background-image: url(../images/modulo3.jpg);
}	
	
.moduletablemodule1,
.moduletablemodule2,
.moduletablemodule3
{
	height: 121px;
	width: 251px;
	margin: 0 auto;
}

html>body .moduletablemodule1,
html>body .moduletablemodule2,
html>body .moduletablemodule3
{
	margin-top: -10px;
}

.moduletablemodule1 a,
.moduletablemodule2 a,
.moduletablemodule3 a
{
	font-size: 10px;
	line-height: 130%;
	text-decoration: none;
	display: block;
	height: 75px;
	width: 180px;
	padding: 50px 20px 0 50px;
}

.moduletablemodule1 a:hover
{
	color: #ADC55C;
}
	
.moduletablemodule2 a:hover
{
	color: #87BFDA;
}
	
.moduletablemodule3 a:hover
{
	color: #D87C81;
}	
	
/*** Added by Dominique ***/

div#maincol-wide-1024
{	
	background-color: #fff;
}

div#maincol-wide-1024 div
{	
	margin-left: 1px;
}

html body div#area_nav_buttom
{
	background-position: right bottom;
	height: 17px;
}


html body div#outer-1024
{
	background: url(../images/content_background.gif) 783px 0 repeat-y;
	margin: 0;
}
	


/*** content-area ***/

html body div.content
{
	color:#333;
	width: 100%;
	margin: 0 3px;
	padding: 0;
}

html body div.content table
{
	border-collapse: collapse;
}

html body div.content div
{
	padding: 15px 12px;
}

html body div.content div div,
html body div.content table div
{
	padding: 0;
}

html body div.content .contentpaneopen td
{
	padding: 5px 12px;
}

html body div.content .contentpaneopen td.contentheading
{
	padding-top: 0;
	padding-bottom: 0;
	line-height: 30px;
}

div.content h1,
div.content h2,
html body .componentheading,
html body .contentheading
{
	background-color: #E4E4E4;
	color: #4F4F4F;
	padding: 1em 0.5em 0.3em 0.5em;
	text-transform: uppercase;
	border: 0;
}

html body .contentpaneopen h1,
html body .contentpaneopen h2,
html body .contentpaneopen h3,
html body .contentpaneopen h4,
html body .contentpaneopen h5,
html body .contentpaneopen h6
{
	background: transparent;
	padding-right: 0;
	padding-left: 0;
	text-transform: uppercase;
}

html body .contentpaneopen h1 strong,
html body .contentpaneopen h2 strong,
html body .contentpaneopen h3 strong,
html body .contentpaneopen h4 strong,
html body .contentpaneopen h5 strong,
html body .contentpaneopen h6 strong
{
	font-weight: normal !important;
}

html body .contentpaneopen h1
{
	font-size: 18px;	
}

html body .contentpaneopen h2
{
	font-size: 16px;	
}

html body .contentpaneopen h3
{
	font-size: 14px;
	font-weight: normal;
}

html body .contentpaneopen h4
{
	font-size: 13px;
	font-weight: normal;	
}

html body .contentpaneopen h5
{
	font-size: 12px;
	font-weight: normal;	
}

html body .contentpaneopen h6
{
	font-size: 11px;
	font-weight: normal;	
}


html body div.componentheading
{
	padding-top: 0;
	padding-bottom: 0;
	line-height: 14px;
	height: 14px;
}

html body .contentpaneopen,
html body .contentheading
{
	width: 100% !important;
}

html body .contentheading a
{
	display: block;
	text-decoration: none;
	
	/* ***** edit mo ***** */
	
	/*background: url(../images/fondo_menu.gif) no-repeat left;
	padding-left: 10px;/**/
	
	/* ***** end edit mo ***** */
}

html body div.content .contentpaneopen  .buttonheading
{
	background-color: #E4E4E4;
	padding: 0 10px 0 0;
}

div.content h2,
html body .contentheading
{
	background-color: #E4E4E4;
	color: #6D6D6D;
	padding: 0.5em 0.5em 0.3em 0.5em;
	text-transform: uppercase;
}

div.content p,
div.content li,
div.content td
{
	font-size: 12px;
	line-height: 160%;
}/**/

html body div.content p.MsoBodyText,
html body div.content span
{	
	font-family: arial, sans-serif !important;
	font-size: 12px !important;
	line-height: 160% !important;
}

html body div#footer-1024
{
	background-color: #D5D5D5;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*** Page-Navigation ***/
.pagenav_prev a,
.pagenav_next a
{
	background-color: #eee;
	text-decoration: none;
	padding: 2px 10px 3px 10px;
	text-align: center;
	width: 75px;
	border: 1px solid #999;
}

.pagenav_prev a:hover,
.pagenav_next a:hover
{
	background-color: #666;
	border-color: #333;
	color: #fff;
}

/*** EU-Box ***/
#euBox
{
	border: 0;
	width: 150px;
	padding: 0 5px;
	font-size: 9px;
        position: absolute;
	top: 140px;
	left: 20px;
}

#euBox img
{
	display: block;
	float: left;
	margin-right: 5px;
}

#euBox p
{
	margin: 0;
	padding: 0;
}