﻿/*  General  */

html { 
overflow: scroll; 
} 

body 
{
    font-family: "Times New Roman";
    margin: 0;
    padding: 0;
    font-size: 14px;
}

span.bc
{  
      bottom: 0.2ex;
      position: relative;  
}


/*  Layout   */

div#mainContainer
{
    border: 0px solid #333333;
    width: 1000px;
    margin: 0 auto; 
    padding: 0;
text-align:left;
}
div#mainContainerCenter
{
    border: 0px solid #333333;
    width: 1000px;
    margin: 0 auto; 
    padding: 0;
text-align:center;
}



div#mainContainerLeft
{
    border: 0px solid #333333;
	float:left;
    width: 600px;
	text-align:left;
    
    padding: 0;
}
div#mainContainerRight
{
    border: 0px solid #333333;
	float:left;
    width: 300px;
    padding: 5px 40px 0px 50px;
}

p.ettanright
{}


div#containerLeftR1
{
    float: left;
    width: 420px;
    margin-top: 50px;
    margin-left: 10px;
    border: 0px solid #333333;
}

div#containerRightR1
{
     float: right;
     width: 420px;
     margin-left: 140px;
     margin-right: 10px;
     margin-top: 50px;
     border: 0px solid #333333;
}

div#containerLeftR2
{
    float:left;
    width: 420px;
    margin-left: 10px;
    margin-top: 0px;   
}

div#containerRightR2
{
   float: right;   
   width: 420px;
   margin-right: 10px;
   margin-left: 140px;
   margin-top: 0px;  
}

div#leftMenu
{
 /*   height: 600px;  */
      width: 290px;
      margin: 50px 0 0 10px;
      float: left;
      line-height: 1.3;
      font-weight: normal;
}

div.leftMenuCrLf
{
     margin: 0 0 2px 0;
     line-height: 1;
     font-weight: normal;
}

div#footer
{
    text-align: center;
    margin: 0;
    padding: 40px 0 20px 0;
    font-size: 11px;
    color: #666666;
    clear: both;
}
a.stdEmail, a.stdEmail:visited
    {
    margin: 10px 0 0 0;
    color: #09697f;
    text-decoration: none;
    font-weight: bold;
    background-color: inherit;
    outline: none;
    font-size: 12px;
}

a.stdEmail:hover, a.stdEmail:visited:hover
{
    margin: 10px 0 0 0;
    color: #09697f;
    text-decoration: underline;
    font-weight: bold;
    background-color: inherit;
    outline: none;
    font-size: 12px;
}

a.menu, a.menu:visited
{
    margin: 10px 0 0 0;
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
    background-color: inherit;
    outline: none;
    font-size: 13px;    
}

a.menu:hover, a.menu:visited:hover
{
    margin: 10px 0 0 0;
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
    background-color: inherit;
    outline: none;
    font-size: 13px;    
}

a.menuMarked, a.menuMarked:visited
{
    margin: 10px 0 0 0;
    text-decoration: none;
    font-weight: bold;
    background-color: inherit;
    outline: none;
    font-size: 13px;  
    color: #858585;
}

a.menuMarked:hover, a.menuMarked:visited:hover
{
    margin: 10px 0 0 0;
    color: #333333;
    text-decoration: underline;
    font-weight: bold;
    background-color: inherit;
    outline: none;
    font-size: 13px;    
}

a.worksBc, a.worksBc:visited
{ 
    color: #000000;
    text-decoration: underline
    outline: none;
}

a.worksBc:hover, a.worksBc:visited:hover
{  
    color: #000000;
    text-decoration: underline;
    outline: none;
}

a, a:visited
{
    color: #000000;
    text-decoration: underline
    outline: none;
}

a:hover, a.visited:hover
{
    color: #000000;
    text-decoration: underline;
    outline: none;
}

h1

{
    font-size:36px;
	letter-spacing: 0em;
    font-weight: normal;
    color: #333333;
    margin-top: 0;
}

h2
{
    letter-spacing: 0.1em;
    font-weight: bolder;
    color: #333333;
    margin-top: 0;
}
h3
{
    letter-spacing: 0.1em;
    font-weight: bolder;
    color: #333333;
    margin-top: 0;
}

h5
{
    letter-spacing: 0.1em;
	font-weight: bolder;
    color: #333333;
    margin-top: 25px;
	font-size:13px;
}

td.menuYear
{
    padding: 0 7px 0 0;
    font-size: 13px;
}

td.menuItem
{
    padding: 0 0 10px 0;
}

/*   start   */

span.caption
{  
    font-size: 9px;
    color: #666666;
    padding: 0px;
}

img.imgStart
{
    margin: 8px 0 5px 0;
   display: block;
}

p.capitionStart
{
    text-align:left;
	font-size:11px;
	margin-left:10px;
}

p.capitionNews
{
    text-align:left;
	font-size:11px;
	margin-left:0px;
}

/* navigation  */

div#header
{
    margin-top: 50px;
    text-align: center;
}

div#navigation
{
    margin: 10px 0 50px 0;
    text-align: center;
}

ul.navigationMenuList
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;	
    color: #000000;	
}

li.navigationMenuItem
{
    display: inline; 
    padding: 0px;
    margin: 0px;
}

li.navigationMenuSpacer
{
    display: inline;
    padding: 0px;
    margin: 0px;  
}

li.navigationMenuItemActive
{
  display: inline;
  border-bottom: solid #cccccc 1px;
  padding: 0 0 2px 0;
}


a.navigation, a.navigation:visited
{
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    padding-left: 2px;
	padding-right: 5px;
    color: #333333;
    outline: none;
}

a.navigation:hover
{
    font-size: 14px;
    font-weight: normal;
    text-decoration: underline;
    padding-left:2px;
	padding-right: 5px;
    color: #0000cc;
    outline: none;
}

a.navigationActive, navigationActive:visited
{
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    padding-left:2px;
	padding-right: 5px;
    color: #0000cc;
    outline: none;
}

/*     biography   */

table.bio
{
   margin: 0 0 10px 0;
}

table.bioClear
{
   margin: 0 0 10px 0;
   clear: left;
}

td.bioYear
{
   padding: 0px 8px 0 0;
   white-space: nowrap;
}

td.bioData
{
  padding:0px 0px 8px 0;
}

img.bioFoto
{
    float: right;
    padding: 0 0 20px 20px;
}

p.bio
{
    margin: 5px 0 3px 0;
}
                                                                                                                                        
/*   bibliography     */

table.bib1
{
    margin-bottom: 20px;
}
table.bib2
{
    margin-bottom: 20px;
}

td.bibYear
{
    padding: 2px 8px 0 0;
    white-space: nowrap;
}
                                  
td.bibData
{
     padding:0px 0px 8px 0;
}

p.bib
{
    margin: 5px 0 3px 0;
}

/*    works   */

div.works
{
    width: 390px;
    float: left;
    border: solid 1px #000000;
    margin: 0;
    padding: 50px 50px 0 50px;
}

p.works
{}

a.works, a.works:visited
{
    display: block;
    margin: 10px 0 0 0;
    color: #000000;
    text-decoration: underline;
    outline: none;
      font-weight: bolder;
}

a.works:hover, a.works:visited:hover
{
    display: block;
    margin: 10px 0 0 0;
    color: #000000;
    text-decoration: underline;
    outline: none;
    font-weight: bolder;
}

/*  paintings */

p.exhibition
{
    margin: 0 0 15px 0;
}

div#paintingsThumbnails
{
    float: left;
    margin: 50px 0px 0px 0px;
    border: solid 0px #cccccc;
    width: 690px;
}

div.thumbnailClearRight
{
    float: left;
    margin: 0 0px 25px 30px;
    font-size: 12px;
    padding: 0;
    width: 150px;   
    clear: right;
}

div.thumbnailClearLeft
{
  float: left;
  margin: 0 0px 25px 0px;
  font-size: 12px;
  padding: 0;
  width: 150px;   
  clear: left;
}

div.thumbnailClearBoth
{
    clear: both;  
}

div#slideShow
{
     clear: both; 
     color: #0000cc;
     background-color: inherit;
     font-weight: bold;
     font-size: 12px;
     cursor: pointer;
}

img.thumbnail
{
    border: solid 1px #999999;
    padding: 0;
    display: block;
    cursor: pointer;
    margin-bottom: 5px;
    }

/* public art */

div#publicArt
{
    border: solid 0px #cccccc;
    float: left;
    width: 690px;
    margin: 50px 0 0 0;
    clear: right;
}

div.paMeta
{
     border: solid 0px #cccccc;
    float: left;
    width: 680px;
    margin: 25px 0 0 0;
}

img.paImg680
{
  margin: 30px 0 0px 0;
  border: 1px solid #f9f9f9;
}

/* paperworks  */

div#paperworksContainer
{
    border: solid 0px #cccccc;
    float: left;
    width: 690px;
    margin: 50px 0 0 0;
    clear: right;
}

div.drawingMeta
{
    border: solid 0px #cccccc;
    float: left;
    width: 680px;
    margin: 0 0 0 0;
}

.img320leftdraw
{
  margin: 30px 0 0px 0;
  border: 1px solid #cccccc;
  float:left;
  width:320px;
}
.img320rightdraw
{
  margin: 30px 0 0px 0;
  border: 1px solid #cccccc;
  float:right;
  width:320px;
  margin-right:10px;
}

img.drawImg320left
{
  margin: 30px 0 30px 0;
  border: 0px solid #f4f4f4;
  float:left;
  width:320px;
}
img.drawImg320right
{
  margin: 30px 0 30px 0;
  border: 0px solid #f4f4f4;
  float:right;
  width:320px;
  margin-right:10px;
}

.drawingClear
{clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0;
}

/* texts */

div#textsContainer
{
    border: solid 0px #cccccc;
    float: left;
    width: 675px;
    margin: 50px 0 0 15px;
    clear: right;
}

h4.texts
{
    margin: 20px 0 5px 0;
}

p.authorCredit
{
    margin: 0px 0 5px 0;
    font-size: 12px;
    background-color: inherit;
    color: #000000;
}

/* installations */

div#exhContainer
{
    float: left;
    width: 680px;
    margin: 50px 0 0 15px;
    clear: right;
}

span.instHideWhite
{
  color: #ffffff;
  background-color: inherit;
}

.img320left
{
   margin: 10px 0 55px 0;
   border: 1px solid #f4f4f4;
   float: left;
   width: 320px;
 }
 
.img320right
{
   margin: 10px 10px 55px 0;
   border: 1px solid #f4f4f4;
   float:right;
   width:320px;
}

.img680
{
    margin: 10px 0 35px 0;
   border: 1px solid #f4f4f4;
  width: 680px;
}

.img900
{
    margin: 10px 0 35px 0;
  border: 1px solid #f4f4f4;
  width: 900px;
}
.installationMeta
{
    border: solid 0px #cccccc;
    float: left;
    width: 680px;
    margin:0 0 10px 0;
}

.clear
   {
    clear:both;
 display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}



