html, body {
	margin-top:		10px;
	margin-bottom:		10px;
	margin-left:		50px;	
        margin-right:           50px;
	padding:		0;
	background:		#ffffff;
	font-size:	        1em;
	font-family:	Arial,Helvetica,sans-serif;
}

a:link, a:visited
{ color:		blue;
  text-decoration:	none;
}

a:hover, a:active
{ color:		blue;
  text-decoration:	underline;
}

/* ***************** header ******************** */

#header {
	padding-top:	0;
	margin-bottom: 	1em;
	background:	#ffffff;
}

.logo {
	height:		3.0em;
}

/* **************** navigation ********************* */
#navigation ul {
        min-width:      100%;
        margin:         20px;
	text-align:	center;
	padding-bottom:	0.3em;
	padding-top:	0.3em;
	padding-left:	0;
	margin:		0;
	width:		4em;
	font-size:	1.5em;
	font-weight:	bold;
	font-family:	Arial,Helvetica,sans-serif;
	line-height:	3em;
}

#navigation ul li {
   border:3px solid #595959;
   border-right:0;
   border-left:0;
/*   float:left;*/
   overflow:hidden;
	display:	inline;
	padding-left:	0;
	padding-right:	0;
	padding-bottom:	0.2em;
	padding-top:	0.2em;
	margin:		0;
}

#navigation ul li a {
	padding-left:	1em;
	padding-right:	1em;
	padding-bottom:	0.2em;
	padding-top:	0.2em;
	margin:		0;
	color:		#595959;
	text-decoration:none;
}


#navigation ul li a:hover, #navigation ul li a:active {
	background-color:	#595959;
	color:			#ffffff;
}

#navigation li.selected a { 	
        background-color:	#595959;
	color:			#ffffff; 
}

#navigation ul li.first{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
    border-right:0;
}
#navigation ul li.last{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    border-left:0;
}
/* **************** content ********************* */

#content 
{
float:		right;
margin-bottom:	2em;
margin-top:	0;
margin-left:	0;
margin-right:	0;
padding:	0;
width:		75%;
background:	#ffffff;
}

#content h1
{ 
border:                     3px solid #595959;
border-top-left-radius:     6px;
border-bottom-left-radius:  6px;
border-top-right-radius:    6px;
border-bottom-right-radius: 6px;	
margin-top:		    1.1em;
margin-bottom:	            0.9em;
padding:		    0.25em 0;
background-color: 	    #dbdbdb;
color: 		            #585858;
font-size:		    1.2em;
font-weight:		    bold;
text-align: 		    center;
}

#content h2 
{
  border-top-left-radius:6px;
  border-bottom-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-right-radius:6px;
  margin-top:		1.1em;
  margin-bottom:	0.1em;
  
  padding-top:		0.1em;
  padding-bottom:       0.1em;
  padding-left:		0em;
  padding-right:	0em;
  
/*  background-color: 	#dbdbdb;*/
  color: 		#585858;
  font-size:		1.1em;
  font-weight:		bold;
  text-align: 		center;
}


#content h3
{ 	
color: 	     #585858;
font-size:   1.0em;
font-weight: bold;
}

#content hr
{ 
  border: 		none;
  margin-top:		0em;
  margin-bottom:	0em;
  margin-left:		auto;
  margin-right:		auto;
  background-color:	#585858;
  color: 		#585858;
  width: 		75%;
/*  height: 		0px;*/
}

#content p
{ 
  font-size:		1.0em;
  margin-top:		auto;
  margin-bottom:	auto;  
  text-align: 		justify;
  padding-top:		.5em;
  padding-bottom:       .5em;
  padding-left:		2em;
  padding-right:	2em;
/*  padding:              0 2em;*/
}

#content ul 
{ 
  list-style-image:     none
  font-size:		1.7em;
  margin:		0.3em 0;
  padding:		0em;
  padding-left:		3em;
  font-family:		Arial,Helvetica,sans-serif;
}


#content li
{ 
  margin-top:		0.5em;
  margin-bottom:	0.5em;
}

#content dl 
{ 
  list-style-image:     none
  font-size:		1.7em;
  margin:		0.0em 0;
  padding:		0em;
  padding-left:		0em;
  font-family:		Arial,Helvetica,sans-serif;
}

#content dt
{ 
/*  color:		#595959;*/
  font-weight:          bold;
  margin-top:		0.5em;
  margin-bottom:	0.5em;
}
#content dd 
{ 
  list-style-image:     none
  font-size:		1.2em;
  margin:		0.3em 0;
  padding:		0em;
  padding-left:		3em;
  font-family:		Arial,Helvetica,sans-serif;
}

#content a.simple
{
	display: 		block;
	margin:			0;
	color:			#595959;
	text-decoration:	none;
}
#content a.simple:hover, #content a.simple:active 
{
	background-color:	#595959;
	color:			#ffffff;
}

#content div.box {
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	width: 95%;
}

#content .box hr {
  border: 		none;
  margin-top:		1em;
  margin-bottom:	2em;
  margin-left:		auto;
  margin-right:		auto;
  color: 		#dbdbdb;
  width: 		100%;
  height: 		4px;
}



/* **************** sidebar ********************* */
#sidebar {
        position:       fixed;
        top:            25%;
/*        left:0;*/
/*        padding-top:	2em;*/
	margin:		0;
	padding:	0;
	width:		20%;
	background:	#ffffff;
}

#sidebar p {
	margin:		0;
	margin-bottom:	0.4em;
	color:		#595959;
	font-size:	1.6em;
	font-weight:	bold;
        text-align: 	center;	
}



#sidebar ul {
	margin:			0;
	padding: 		0;
	list-style-type:	none;
        font-size:		1.7em;
	font-weight: 		bold;
}

#sidebar ul li {
/*	padding: 	0.1em 0.1em;*/
	color:		#595959;
	text-align: 	center;
}


#sidebar ul li a {
	display: 		block;
	margin:			0;
	color:			#595959;
	text-decoration:	none;
}

#sidebar ul li a:hover, #sidebar ul li a:active {
	background-color:	#595959;
	color:			#ffffff;
}

#sidebar ul li img {
/*	border:			2px solid #595959; */
	width:			120px;
/*	height:			120px; */
}





/* **************** footer ********************* */
#footer {
	clear:		both;
	border-top: solid 2px #595959;
	margin-top:	1em;
	padding:	5px;
	background:	#ffffff;
}
#footer ul {
	text-align:	center;
	padding-bottom:	0.2em;
	padding-top:	0.3em;
	padding-left:	0;
	margin:		0;
	margin-bottom:	1em;
	width:		100%;
	color: 		#595959;
	font-size:	80%;
	font-weight:	bold;
	font-family:	Arial,Helvetica,sans-serif;
	line-height:	1.2em;
}

#footer ul li {
	display:	inline;
	padding-left:	20px;
	padding-right:	0;
	padding-bottom:	0.2em;
	padding-top:	0.2em;
	margin:		0;
}

p.indented {
	padding: 0 2em;

}


.compact li {
	margin-top:	0.1em;
 	margin-bottom:	0.1em;
 	padding-top:	0;
 	padding-bottom:	0;
}

.bibliography li {
	font-size:	0.85em;
}

div.center
{ padding:		0.5em 0.5em;
  text-align:		center;  
  font-size:		1.5em;
}


img.center
{ border:		0px;
  vertical-align:	middle;
}


th.cv, td.cv {
  padding:	 	5px;
  border:		1px solid #585858;
  vertical-align: 	top;
  text-align: 		left;
}

th {
  color:		#585858;
  font-weight:		bold;
}

td.center
{ text-align:		center;
}

table.address {
margin-left: auto;
margin-right: auto;

  font-size:		1.6em
  font-weight: 		bold;
  color:		#595959;  
}

table.address td {
  padding:		3px;
  padding-left:		7px;
  border-left: 		0;
  border-right: 	0;
  border-bottom:	1px solid #595959;
  vertical-align: 	top;
}

table.address td.icon {
  padding-right:	1em;
  border-left: 		0;
  border-right: 	0;
  border-bottom:	1px solid #595959;
  text-align:		center;
}

.em {
  font-style: italic;
}

.important {
 	color:		red;
}

.strong {
	font-weight: bold;
}

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

a.doi, #sidebar a.doi, #sidebar a.doi:hover
{	display:		inline;
	background-color:	#F36E2D;
	color:			#ffffff;
	padding:		0px 3px;
	text-decoration:	none;
	font-size:		0.9em;
}

a.movie
{ background-color:		#BCCFFE;
  color:				#2B4C7A;
  padding:				0px 3px;
  margin-right:			5px;
  text-decoration:		none;
  font-size:			0.9em;
}

a.pdf
{ background-color:		#325990;
  color:			#ffffff;
  padding:			0px 3px;
  margin-right:			5px;
  text-decoration:		none;
  font-size:			0.9em;
}

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

#google fieldset {
	background-color: 	#eaeaea;
	border:			2px solid #585858;
	width:			80%;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		1em;
}

#google fieldset legend {
	font-weight: bold;
}

#google label {
	float:		left;
	clear:		left;
	display:	block;
	width:		13em;
	margin:		0 1em 10px 0;
	text-align:	right;
}

#google .input-box {
	width:			50%;
	margin-bottom:		10px;
	background-color:	#eff3f6;
}

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

.gallery {
	float:		left;
	margin: 	0.4em;
	padding: 	0;
	height: 	13em;
	width: 		11em;
	font-size:	90%;
	font-weight:bold;
	text-align: center;	
}

.gallery img {
	border:	 	0.2em solid #595959;
	height:		10em;
	width:		10em;
}

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