/* Container */

html { 
min-height:100%;
margin-bottom:1px;
}

* { 
margin: 0px;
padding: 0px;
}


body {
	background-color: #000;
	margin: 0px;
	margin-top: 20px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:22px;
	color:#FEFEFE;
	background-attachment: fixed;
	background-image: url(../img/backround_b.jpg);
	background-repeat: no-repeat;
	background-position: center;

}

#wrap {
	width: 760px;
	margin-top: 160px;
	margin-left: auto;
	margin-right: auto;
	height: 300px;
}

#pictures {
	border-width: 0px 0px 0px 0px;
	border-top-color:#252525;
	border-bottom-color:#252525;
	border-style: dotted none dotted none;
}

#about {
	border-width: 0px 0px 0px 0px;
	border-style: dotted none dotted none;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../img/backround_news.jpg);
}

#news {
	border-width: 0px 0px 0px 0px;
	border-style: dotted none dotted none;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../img/backround_news.jpg);
}

#videos {
	border-width: 0px 0px 0px 0px;
	border-top-color:#252525;
	border-bottom-color:#252525;
	border-style: dotted none dotted none;
}

#links {
	border-width: 0px 0px 0px 0px;
	border-top-color:#252525;
	border-bottom-color:#252525;
	border-style: dotted none dotted none;
}

#resume {
	border-width: 0px 0px 0px 0px;
	border-top-color:#252525;
	border-bottom-color:#252525;
	border-style: dotted none dotted none;
}

#contact {
	border-width: 0px 0px 0px 0px;
	border-top-color:#252525;
	border-bottom-color:#252525;
	border-style: dotted none dotted none;
	margin-bottom:30px;
}


#footer {
	clear:both;
	color:#CFCFCF;
	font-family:'lucida grande', tahoma, verdana, arial, "sans-serif;font-size:11px;padding:0px 5px;white-space:pre;";
	font-size:80px;
	text-align:left;
	border-bottom:0px dotted;
	height: 50px;
	margin: 100px 0px 0px 0px;
	padding: 0px;
}
/*   Schriftfarbe   */

a {
	color: #FCFCFC;
	font-size:10px;
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;/*background-color:#000000;*/
}

a:visited {
	color:#DBDBDB;
	text-decoration:underline;/*background-color:#000000;*/
}

a:hover {
	color: #999;
	text-decoration: none;/*background-color:#000000;*/	/*text-decoration: underline;*/
}


/* title 2 */

.title2 a {
color: #fff;
text-decoration:underline;
background-color:#000000;
}

.title2 a:visited {
	color:#999;
	background-color:#000000;
	text-decoration:underline;
}

.title2 a:hover {
	background-color:#000000;
	color:#999;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}

span {
	text-transform:uppercase;
	color:#999;
}

.texteins{
	color:#FFFFFF;
}
.textzweimitbg{
	background-color:#FFFFFF;
	color:#CCC;
	font-size:10px;
	font-weight:normal;
	margin-bottom:14px;
	height:100px;
	line-height:25px;
}


/* title 3 */

.title3 a {
	background-color:#000000;
	color: #fff;
	text-decoration:blink;
}

.title3 a:visited {
	color:#A4A4A4;
	background-color:#000000;
	text-decoration:underline;
}

.title3 a:hover {
	background-color:#000000;
	color: #656565;
	text-decoration:none;/*text-decoration: underline;*/
}
.title3{
padding:10px;
}


img {
padding: 0px 0px 0px 0px;
margin-right: 3px; /*Questo da lo spazio tra le varie icone*/
border: 0px;
}




#col1 {
margin-right: 15px;
width: 150px;
height: auto;
float: left;
}

#col2 {

margin-right: 15px;
width: 150px;
height: auto;
float: left;
}

#col3 {

margin-right: 15px;
width: 150px;
height: auto;
float: left;
}

#col4 {

margin-right: 15px;
width: 150px;
height: auto;
float: left;
}

#col5 {

margin-right: 15px;
width: 150px;
height: auto;
float: left;
}
#col6 {

margin-right: 15px;
width: 150px;
height: auto;
float: left;
}

#colpublications {
margin-right: 30px;
width: 300px;
height: auto;
float: left;
}

#colpublications2 {
width: 300px;
height: auto;
float: right;
}

#coldownload, #colcontact {
	margin-right: 15px;
	width: 340px;
	height: auto;
	float: left;
}

#coldownload2, #colcontact2{
width: 300px;
height: auto;
float: right;
}



/* accordion */

.accordion{
border: 1px solid #1F669B;
width:400px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: 11px;
overflow:auto;
}

h5 {
	font-size:12px;
	padding: 3px 5px 3px 5px;
	margin: 0;
	border-style: dotted none dotted none;
	border-top-color:#252525;
	border-bottom-color:#252525;
	border-width: 1px 0px 1px 0px;
	color:#fff;
	background-color: #4E4E4E;
	cursor:pointer;
}

.panel_title{
color:#878285;
background-color: #63699C;
}

.panel{
margin: 0;
padding-bottom:0;
border: none;
}
.panel_body{padding:5px;}



/* ligtbox */


#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ 
padding:0px;
}

#outerImageContainer{
position: relative;
background-color: #FFF;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#imageContainer #hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}

#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../img/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../img/next.gif) right 50% no-repeat; }

#imageDataContainer{
	font: 9px Verdana, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData{
padding:0 10px;
}

#imageData #imageDetails{
	width: 70%;
	float: left;
	text-align: left;
}	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
	
a #bottomNavClose, a:hover #bottomNavClose {
background-color:#fff;}


#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
* html body .clearfix {
display: inline-block; 
width: 100%;
}
* html .clearfix {

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


/*--------- tooltip  -------------*/
/*******************************************************************************

FILE: style.css
AUTHOR: Takashi Okamoto mud(tm) - http://www.mudcorp.com/
VERSION: 1.1 - added support for WIN IE6
DATE: 04/08/2006
--------------------------------------------------------------------------------
This file is part of MudToolTip.
MudToolTip is free for anyone to use, but this header MUST be
included, and may not be modified.
*******************************************************************************/


.tooltip {
cursor: pointer;
}

img .tooltip {
padding:0px;
margin:0px;
border: 0px;
}

#tooltipbox {
position : absolute;
height : 100px;
z-index : 100;
}

#tooltipbox-pointer {
position: absolute;
top: -4px;
left: 0;
height: 4px;
width: 18px;
background: url(../img/tip.gif) no-repeat;
}

#tooltipbox-content {
padding: 4px;
font-size: 9px;
font-family: verdana, arial, helvetica, sans-serif;
color: white;
background-color: black;
}

/* linkopacity */
 a.linkopacity img {
   	filter:alpha(opacity=50);
   	-moz-opacity: 0.4;
  	 opacity: 0.5;
   	-khtml-opacity: 0.4;}
     a.linkopacity:hover img {
   	filter:alpha(opacity=100);   
   	-moz-opacity: 1.0;   
  	 opacity: 1.0;
  	 -khtml-opacity: 1.0; }

/*--------- contact form  -------------*/
TEST {
	color: #D50F0F;
	font-size:10px;
	text-decoration:none;
	font-family:Tahoma, Geneva, sans-serif;/*background-color:#000000;*/
}

/*--------- Slideshow -------------*/
/*******************************************************************************

FILE: style.css
AUTHOR: Takashi Okamoto mud(tm) - http://www.mudcorp.com/
VERSION: 1.0 - initial public release
DATE: 07/22/2005

--------------------------------------------------------------------------------

This file is part of MudFadeGallery.

	MudFadeGallery is free software; you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation; either version 2 of the License, or
	(at your option) any later version.
	
	MudFadeGallery is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.
	
	You should have received a copy of the GNU General Public License
	along with Foobar; if not, write to the Free Software
	Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301  USA

*******************************************************************************/

body, a {
	background-color: none;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

a:hover {
	text-decoration: underline;
}

ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul {
	padding-bottom: 10px;
}

li {
	padding-bottom: 3px;
}

#imgs-frame {
	float: left;
	width: 500px;
	height: 375px;
	background-attachment: scroll;
	background-color: black;
	background-repeat: no-repeat;
    border:1px solid white;

}

#controller {
	float: left;
	z-index: 10;
	margin-left: 05px;
	
}