body
{font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; background-color:#666; background-image:url(http://www.marcogliese.org/grad2.gif); background-repeat:repeat-x; height:100%;}

body.start
{font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; background-color:#666; background-image:url(http://www.marcogliese.org/grad4.gif); background-repeat:repeat-x; height:100%;}

h1, h2, h3, h4 {font-family:'Georgia','Trebuchet MS',Verdana,Arial,Helvetica,sans-serif; color:#8a1;}
h3, h4         {color:#8a1;}
a strong           {font-family:'Georgia','Trebuchet MS',Verdana,Arial,Helvetica,sans-serif; color:#8a1;}
img            {position:relative;}
img.pixes      {position:absolute;}
a img          {border:none;}
a {text-decoration:none;}
a.transparency:link img,
a.transparency:visited img {border:3px solid white;}
a.current:link img,
a.current:visited img,
a.current:hover img,
a.transparency:hover img   {border:3px solid yellow;}
a.current:active, 
a.transparency:active,
a.current:focus, 
a.transparency:focus {outline:none;}

a.projtitle:hover {background-color:yellow;}

div.article {width: 800px; height: 560px; overflow:auto;}
div.article a:link, 
div.article a:visited {text-decoration: underline; color: green;}

div.footer  {position: absolute; top:740px; left:205px; width:790px; font-size:0.65em; text-align:center; color:#686868;}
div.footer2 {position: absolute; top:730px; left:205px; width:790px; font-size:0.65em; text-align:center; color:#686868;}

img.flag {width:24px; height:16px; position:absolute; z-index:10;}

div.descr  {position:absolute; left:0px;   width:99%;   font-size:1em; z-index:10;}
div#descr2 {position:absolute; left:220px; width:400px; top:665px;     z-index:10;}

div#header {position:absolute; top:10px;  left:200px; width:800px;  height:750px; background-color:#ccc; background-image:url(http://www.marcogliese.org/grad.gif); background-repeat:repeat-x;}
#header h1, 
#header h2 {color:black; font-size:160%; font-weight:normal; position:absolute; top:0px; left:20px; font-variant:small-caps; letter-spacing:4px; margin:0px;}
#header h2 {color:#ddd; top:30px; font-size:120%;}

div#header3 {position:absolute; top:10px; left:200px; width:800px;  height:750px; background-color:#ccc; background-image:url(http://www.marcogliese.org/grad3.gif); background-repeat:repeat-x;}
#header3 h1, 
#header3 h2 {color:black; font-size:160%; font-weight:normal; text-align:center; font-variant:small-caps; letter-spacing:4px; margin:0px;}
#header3 h2 {color:#ddd; top:30px; font-size:120%;}
#header3 a:link,
#header3 a:visited {text-decoration: none; color: #333;}
#header3 a:hover   {text-decoration: none; color: #e8e8e8;}
a:link img.flag,
a:visited img.flag {opacity:0.35;} /* filter:alpha(opacity=35);  */
a:hover img.flag   {opacity:1.0; } /* filter:alpha(opacity=100);  */

#navigation    {position:absolute; top:70px;  left:200px; width:800px; height:30px; background-color:#a8a8a8; visibility:visible;}
#navigation ul {margin:0px; padding:0px; height:30px;}
#navigation ul li 
{display:block; list-style:none; float:left; margin:0px; height:30px; width:13.55%; position:relative; border-right:1px solid gray;}
#navigation a.inact:link,
#navigation a.inact:visited 
{display:block; width:100%; height:30px; text-align:center; color:white; line-height:30px; background-color:#a8a8a8; outline:none; font-size:0.9em;}
#navigation a.act:hover,
#navigation a.inact:hover
{display:block; width:100%; height:30px; text-align:center; color:white; line-height:30px; background-color:#b8d231; outline:none; font-size:0.9em;}
#navigation a.act:link,
#navigation a.act:visited 
{display:block; width:100%; height:30px; text-align:center; color:white; line-height:30px; background-color:#c7e337; outline:none; font-size:0.9em;}

div#limiter_hor {position:absolute; top:100px; left:0px;   width:99.9%;   height:560px; overflow:hidden; border:none; background-color:white;}
div#band_hor    {position:absolute; top:0px;   left:0px;   width:200px;  height:500px; visibility:hidden;}
div.pix         {position:absolute; top:0px;               width:2048px; height:500px;}
div.pixcont     {position:absolute; z-index:3;}
/* div.pixcont2     {position:absolute; z-index:3; overflow:auto; width:800px; height:300px;} */
div.pixtitle    {position:absolute; text-align:center;}
div.pixtitle h3 {display:inline;}
div.pixtitle_2  {position:absolute; text-align:left;}
div.pixtitle_2 h3 {display:inline;}
div.descr h3      {display:inline;}
div.limiter_p   {position:absolute; top:0px;   left:200px;  width:800px;  height:560px; z-index:4; overflow:auto; border:none;}
div.band_p      {position:absolute; top:0px;   left:0px; z-index:2;}

div#limiter_ver {position:absolute; top:100px; left:0px;   width:200px;  height:560px; overflow:hidden; border:none; visibility:hidden;}
div#band_ver    {position:absolute; top:0px;   left:5px;   width:160px;  height:500px;}
div.pixver      {position:absolute; top:0px;               width:160px;  height:2048px;}
div.limiter_in  {position:absolute; top:5px;   left:30px;  width:158px;  height:550px; z-index:4; overflow:auto; border:none;}
div.band_in     {position:absolute; top:0px;   left:0px;   width:130px;}
div.pix_v       {position:absolute; top:0px;   left:31px;   width:130px;}
div.pix_vertical {position:absolute; top:0px;  left:1px;   width:130px;}
div.vertitle    {position:absolute; top:0px;   left:0px;   width: 20px;  height:560px; z-index:11;}
img.vertit   {width:20px; height:560px;}

div.descr       {position:absolute; top:530px; left:200px;   width:800px;     font-size:1em;}
div#loadin      {position:absolute; top:360px; left:400px; width:250px;   z-index:9; text-align:center; color:#bd3; font-size:large; font-weight:bold; font-family:sans-serif;}

div.transparency_ {position:absolute;}
div.projtitle_    {}
table.cv {table-layout:fixed; width: 782px; font-size:0.8em;}
table.cv td { background-color: #eee; color: #000; padding: 4px; text-align: left; border: 1px #fff solid;}
table.cv th { background-color: #ccd; color: #000; padding: 4px; text-align: left; border: 1px #fff solid;}