/*
----------------------------------------------------------------------
GENARAL RULES
----------------------------------------------------------------------
*/

body {
	font-size:100%;
	margin:0;
	padding:0 0 20px 0;
	color:#3A4447;
	font-family: arial, verdana, Helvetica, sans-serif;
	background: url(../images/gradient.jpg) repeat-x top left #fff; /*edit the header background colour*/
	
}

.hidden {display: none;}
hr {display: none;}

a,
a:link,
a:visited {
	color: #CE2127; /*edit colour*/
	text-decoration:underline;
}
a:hover {background-color:#CE2127; color:#fff; padding:0; text-decoration: none;} /*edit colour*/

a.logo  { border: 0; margin: 0; padding: 0;}
a.logo:hover  { border: 0; margin: 0; padding: 0;background-color:transparent; }
	
p {margin: 0; padding: 0 0 20px 0; font-size: 75%; color: #3A4447; line-height: 1.5em;}

.b {font-weight: bold; color: #000;}
.country {  padding: 4px 0 4px 0; color: #3A4447; font-weight: normal; }
p.partner {margin-left: 140px; margin-top: 10px;}
.vcard {font-size: 75%; line-height:1.5em; }

.fileinfo {color: #7c7a7a;}


ol {font-size: 75%; padding: 0; margin:0 0 0 40px; line-height: 1.5em;}
ol li {padding: 0; margin: 0 0 20px 0;}

#overview-image {float: right; width: 190px; height: 256px; padding: 0 0 20px 20px; background: url(../images/overview.jpg) no-repeat right top; }
#concept-image {float: right; width: 190px; height: 256px; padding: 0 0 20px 20px; background: url(../images/concept.jpg) no-repeat right top; }
#objectives-image {float: right; width: 190px; height: 256px; padding: 0 0 20px 20px; background: url(../images/objectives.jpg) no-repeat right top; }
#benefits-image {float: right; width: 190px; height: 256px; padding: 0 0 20px 20px; background: url(../images/benefits.jpg) no-repeat right top; }

h1 {
	color:#E21F27;/*edit colour*/
	font-size: 140%;
	font-weight: normal;
	margin:0;
	padding: 0 0 16px 0;
}

h2 {
	color:#E21F27;/*edit colour*/
	font-size: 90%;
	font-weight: normal;
	margin:0;
	padding: 0 0 5px 0;
}

h2.news-title {
	color:#4A5559;/*edit colour*/
	font-size: 90%;
	font-weight: bold;
	margin:0;
	padding: 0 0 5px 0;
}



/*
-------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------
*/

/* generic print header style - displays only when printed */
.print-header {display:none;}
/* end generic print header style */

#header-home {
	margin:0;
	padding:0;
	background: url(../images/header_bg.gif) no-repeat right bottom; 
	max-width:850px;
	margin:0 auto;
}


#header {
	margin:0;
	padding:0;
	background: url(../images/header_bg2.gif) no-repeat left bottom; 
	max-width:850px;
	margin:0 auto;
}

ul, dl, dd {
list-style-type: none;
margin: 0;
padding: 0;

}

#accessibility {
width: 100%;
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
font-size: 65%;
}

#accessibility li {
display: inline;
}


#accessibility a {
color: #fff;
text-decoration: none;
padding-left: 10px;
background: url(../images/arrow_down.gif) no-repeat left 50% transparent;
}

#accessibility a:hover {
text-decoration: none;
border-bottom: 1px dotted #fff;
}


#accessibility li.normal {
padding-left: 15px;
}

#accessibility li.first {
padding-left: 0;
}

#accessibility li.languagea {
position: absolute;
top: 0;
right: 10px;
}

#accessibility li.languagea a {
background: url(../images/arrow_right.gif) no-repeat left 50% transparent;
padding-left: 6px;
}

#accessibility li.languageb {
position: absolute;
top: 0;
right: 70px;
}

#accessibility li.languageb a {
background: url(../images/arrow_right.gif) no-repeat left 50% transparent;
padding-left: 6px;
}


.journal-header {
	border: 0; 
	width: 192px; 
	height:73px;
	padding-top:22px;
}

.header-logo {
	width: 192px;
}

/*
------------------------------------------------------------------------
CONTENT DIV 
-----------------------------------------------------------------------
*/

#content-wrapper {
	padding:25px 0 25px 0;
	max-width:850px;
	margin:0 auto;
}


/* begin clearing styles */
#content-wrapper:after {
    content:url(/common/images/clear.gif); 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html #content-wrapper {height: 1%;}
/* End hide from IE-mac */
/*end clearing styles*/


/*
------------------------------------------------------------------------
MAIN CONTENT
-------------------------------------------------------------------------
*/

#main-content {
	padding:20px;
	margin:20px 0 0 0;
	width: 70%;
	float: right;
	background-color: #fff;
}

/*
------------------------------------------------------------------------
MAIN CONTENT HOME
-------------------------------------------------------------------------
*/

#home #content-wrapper #main-content-home {
	padding:0;
	margin-top:3px !important;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	width: 70%;
	float: right;
	background-color: transparent;
}

*:first-child+html #home #content-wrapper #main-content-home /* solo IE 7.0 */
{
margin: 4px!important;
}


/*
-------------------------------
PARTNER  PAGE
------------------------------
*/

 div.partner  {
    margin: 0;
    padding: 0;
    
}

 div.partnerlogo   {
    display: block;
    float: left;
    width: 138px;
	margin-top: 7px;
	padding:0;
}
 div.partnerlogo  img {
    border:0;
}


 .sponsor .text   {
    margin-left: 150px;
   
}

 
 .partner-link {
	font-size: 70%;
}


h2.partnername {
	margin:0;
	padding:5px 0 0 0;
}


/*
-------------------------------------------------------------------
NAVIGATION
-------------------------------------------------------------------
*/

#navcontainer { 
margin-left: 55px; 
width: 16%;
/*float: left;*/ /* scommentato perchè dava problemi di allineamento su IE6*/
padding-bottom: 150px;
background: url(../images/trans.png) repeat;
font-size: 70%;
font-weight: bold;
}
/*lista di primo livello*/
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
}

#navcontainer li { 
margin: 0; 
padding:0;
}

#navcontainer a
{
display: block;
padding: 2px 0 2px 5px;
color: #fff;
background-color: #4A5559;
text-decoration: none;
border-bottom: 1px solid #bbc0c6;
margin: 0;
}

#navcontainer a:hover
{
color: #fff;
background-color: #d32b2a;
text-decoration: none;
}

#navcontainer #current
{
color: #fff;
background-color: #d32b2a;
text-decoration: none;
}

/*lista di secondo livello*/
#navcontainer ul ul li { margin: 0 0 1px 0; }

#navcontainer ul ul a
{
display: block;
padding: 2px 0 2px 20px;
color: #000;
text-decoration: none;
background-color: transparent;
}

#navcontainer ul ul a:hover
{
color: #000;
background-color: #fff;
text-decoration: none;
}

#navcontainer .subnavlist #subcurrent
{
color: #000;
background-color: #fff;
text-decoration: none;
}
	
/*
-------------------------------------------------------------------
NAVIGATION HOME
-------------------------------------------------------------------
*/

#navcontainerhome { 
margin-left: 55px; 
width: 16%;
/*float: left;*/ /* scommentato perchè dava problemi di allineamento su IE6*/
padding-bottom: 150px;
background: url(../images/trans.png) repeat;
font-size: 70%;
font-weight: bold;
}
/*lista di primo livello*/
#navcontainerhome ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
}

#navcontainerhome li { 
margin: 0; 
padding: 0;


}

#navcontainerhome a {
display: block;
padding: 2px 0px 2px 5px;
color: #0F3343;
background-color: transparent;
text-decoration: none;
border-bottom: 1px solid #bbc0c6;

}

#navcontainerhome a:hover {
color: #fff;
background-color: #d32b2a;

}

#navcontainerhome #current {
color: #fff;
background-color: #d32b2a;
text-decoration: none;
}


/*
------------------------------------------------------------------------
NEWS PAGE
------------------------------------------------------------------------
*/

.news-box {
	margin:0 0 20px 0;
	border: 1px dotted #BBC0C6;
	padding: 10px;
}

.news-link {font-size: 70%;}

.news-date {font-size: 70%;}


/*
------------------------------------------------------------------------
FORM
------------------------------------------------------------------------
*/

#form form {
	margin-top:20px;
}



#form form fieldset {
	margin: 1em 1em 0 0;
	padding: 1em;
	border: 1px solid #A8CDFF;

}

#form form legend {
	font-weight: bold;
	color: #000;
	background-color:#D6E7FF;
	margin: 0;
	padding: 0.3em;
	font-size:70%
}


#form form .required {
	color: red
}

#form form div.row {
	float:left;
	clear:both;
	width:99%;
	text-align:left;
}

#form form div label.data {
	float:left;
	clear:left;
	width:16.5em;
	font-size:70%;
	margin-left:6px;
	line-height:2.3em;
}

* html #form form div label {margin-left:15px;}

* html #form form div input {width:17.55em;/* IE only */}
#form div input {width:17.7em;}
#form form div input, #form div select, #form div textarea {
	float:left;
	margin:3px 0;
}


#form form div textarea {
	width: 18em;
}

* html #form form div textarea {
	width: 17.55em;
}

#form div select {
	width:18em;
}

#form  .check {
	width:1em;
	margin-left:6px;
}
* html #form  .check {
	margin-left:12px;
}

#form  .text {
	font-size: 70%;
	line-height: 2.1em;
	padding-left: 0.5em;
}

#form form div.checkrow {
	width: 90%;
}

#form div input.button {
	border: 2px double #1C345E;
	border-top-color: #6F94D2;
	border-left-color: #6F94D2;
	padding: 0.20em;
	background-color: #315DA5;
	color: #fff;
	font-size: 70%;
	font-weight: bold;
	width:7em;
	margin-top: 2em;
	margin-right: 1em;
} 


/*
------------------------------------------------------------------------
BOX MULTIPLI IN PROJECT PAGE
------------------------------------------------------------------------
*/

#project div.boxmultipli {
	float:left;
}

#project div.boxmultipli div.left {
	width:45%;
	float:left;
}

#project div.boxmultipli div.right {
	width:45%;
	float:right;
}

#project div.boxmultipli div.box {
	margin: 0 0 15px 0;
}

#project div.boxmultipli div.box h2.boxtitle {
    color:#fff;/*edit colour*/
	background-color: #CE2127;
	font-size: 80%;
	font-weight: bold;
	margin:0;
	padding: 2px;
    }
	
#project div.boxmultipli div.box p {
    
    margin: 0;
    padding: 65px 0 10px 0;
}

#project div.boxmultipli div.box p.boxone {background: url(../images/boxone.jpg) no-repeat top left;}
#project div.boxmultipli div.box p.boxtwo {background: url(../images/boxtwo.jpg) no-repeat top left;}  
#project div.boxmultipli div.box p.boxthree {background: url(../images/boxthree.jpg) no-repeat top left;} 
#project div.boxmultipli div.box p.boxfour {background: url(../images/boxfour.jpg) no-repeat top left;}


#project a.linkheading:link {color: #fff; text-decoration: none; display: block; width: 100%;}
#project a.linkheading:visited {color: #fff; text-decoration: none; }
#project a.linkheading:hover {color: #fff; text-decoration: none;  }
#project a.linkheading:active {color: #CE2127; } 







/* questo serve a ripulire elementi. Ripreso da: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content:url(..images/clear.gif);
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}



/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

div.cleardiv {
	clear:both;
	padding:0 !important;
}



span.cleardiv {
	display:block !important;
	clear:both !important;
	padding:0 !important;
	margin:0 !important;
}

/* end ripulitura */


/*
------------------------------------------------------------------------
BOX MULTIPLI IN DEMOPLANTS PAGES e GOOGLE IMAGES
------------------------------------------------------------------------
*/

#demoplants div.boxmultipli {
	float:left;
}

#demoplants div.boxmultipli div.left {
	width:45%;
	float:left;
}

#demoplants div.boxmultipli div.right {
	width:45%;
	float:right;
}

#demoplants div.boxmultipli div.box {
	margin: 0 0 15px 0;
}

#demoplants div.boxmultipli div.box h2.boxtitle {
    color:#fff;/*edit colour*/
	background-color: #CE2127;
	font-size: 80%;
	font-weight: bold;
	margin:0;
	padding: 2px;
    }
	
#demoplants div.boxmultipli div.box p {
    
    margin: 0;
    padding: 65px 0 10px 0;
}

#demoplants div.boxmultipli div.box p.boxonedemo {background: url(../images/boxonedemo.jpg) no-repeat top left;}
#demoplants div.boxmultipli div.box p.boxtwodemo {background: url(../images/boxtwodemo.jpg) no-repeat top left;}  



#demoplants a.linkheading:link {color: #fff; text-decoration: none; display: block; width: 100%;}
#demoplants a.linkheading:visited {color: #fff; text-decoration: none; }
#demoplants a.linkheading:hover {color: #fff; text-decoration: none;  }
#demoplants a.linkheading:active {color: #CE2127; } 



#map {width: 550px; height: 300px; border: 1px solid #000; margin-bottom: 20px;} 

#austria p, 
#romania p {width: 550px; } 







/*
------------------------------------------------------------------------
DOCUMENTATION
------------------------------------------------------------------------
*/



a.pdf:link, 
a.pdf:visited {
min-height: 11px;
padding-left: 20px;
background: url(../images/icon.pdf.grey.gif) transparent no-repeat left 0.1em;
}

a.pdf:hover {
background-image: url(../images/icon.pdf.red.gif);
text-decoration: underline;
color: red;
}


/*
------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------
*/


#footer-wrapper {
	padding:0;
	clear: both;
	background: url(../images/bg_footer.gif) repeat-x left top; 
	font-size: 65%;
	color: #454545;
}

#footer {
	padding: 2px 0 0 0;
	text-align: left;
	max-width:850px;
	margin:0 auto;
}

p.footer {padding: 10px 0 20px 0; font-size: 100%;}

#footerlinks {
color: #fff;
width: 100%;
text-align: left;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
font-size: 100%;
}

#footerlinks li {
display: inline;
}


#footerlinks a {
color: #fff;
text-decoration: dotted;
padding-left: 0px;
}

#footerlinks a:hover {
text-decoration: none;
border-bottom: underline;
}


#footerlinks li.normal {
padding-left: 10px;
}

#footerlinks li.first {
padding-left: 0;
}