/*************************
* Artemis Zafrana // Styles
*************************/

*
{
 margin:0px;
 border:0px;
 padding:0px;
 font-family:arial, sans-serif;
}


body
{
 background-image:url('/gfx/bg.jpg');
 background-repeat:repeat-x;
 background-color:#EFF8FF;
 padding:10px;
}


ul
{
 list-style-type:none;
}


img
{
 border:none;
}


/************************************************************************
* navigation / menu
*************************************************************************/

#navigation
{
 position:absolute;
 margin:0px;
 padding:0px;

 top:10px;
 left:170px;
 z-index:20;
 font-size:.76em;
}

#navigation li
{
 float:left;
 color:#fff;
 margin:0px 20px 0px 0px;

 list-style-type:none;
 padding:0px 0px 0px 0px;
}

#navigation a
{
 text-transform:uppercase;
 color:#fff;
 font-weight:bold;
 text-decoration:none;
 margin:0px;
 font-size:1.2em;
}

#navigation a:hover
{
 color:#2158AB;
}


#navigation a.menusel
{
 font-weight:bold;
 color:#144A88;
}

#p_indexphp #indexphp, 
#p_detailphp #detailphp, 
#p_exhibitionsphp #exhibitionsphp, 
#p_vitaphp #vitaphp, 
#p_contactphp #contactphp,
#p_newsphp #newsphp

{
 color:#2158AB;
 cursor: default;

}


/************************************************************************
* LANGTOGGLE
*************************************************************************/


#language
{
 position:absolute;
 top:40px;
 left:750px;
 width:40px;
 z-index:900;
 list-style-type:none;
}

#language li
{
 padding:0px 0px 0px 0px;
 color:#fff;
 padding-bottom:0px;
 margin-right:5px;
 margin-bottom:0px;
}

#language a
{
 color:#fff;
 font-weight:normal;
 font-size:0.8em;
 text-decoration:none;
}

#language a:hover
{
 color:#2158AB;
}

.de  #delang a, .gr #grlang a, .en #enlang a
{
 color:#2158AB;
 cursor:default;
 font-weight:bold;
}





#meer
{
 position:absolute;
 top:35px;
 margin-left:157px;
 margin-right:auto;
 width:550px;
 height:344px;
  z-index:10;
}


#counter
{
 position:absolute;
 top:20px;
 right:20px;
 z-index:0;
}


/************************************************************************
* ContentBox
*************************************************************************/


#contentbox
{
 background-color:#fff;
 border:10px solid #fff;
 position:absolute;
 top:165px;
 margin-left:180px;
 margin-right:auto;
 width:490px;
 z-index:100;
 font-size:.9em;
}

#contentbox_ img
{
 margin:20px 10px 0px 20px;
 padding:0px 0px 0px 0px;
 float:left;
}


#contentbox h2
{
 font-size:1.1em;
 
 color:#333;
 margin-bottom:10px;
 font-weight:normal;
}

#contentbox p
{
 padding:0px 5px 0px 0px;
 margin-top:10px;
 margin-left:6px;
 border-right:0px solid #6EA8AF;
 line-height:1.4em;
 letter-spacing:0.1em;
/* 
 width:75%;

text-align:justify;
*/
}


#inlinebox
{
 position:relative;
 top:-250px;
 left:20px;
 color:#0ff;
 font-size:40px;
 z-index:10;
}


/************************************************************************
* Events
*************************************************************************/
#events dd
{
 margin-bottom:80px;
}



/************************************************************************
* LOGO
*************************************************************************/

#logo
{
 position:absolute;
 top:32px;
 left:20px;
 width:100px;
 height:72px;
 z-index:10;
}


#logo
{
/*  background-image:url('gfx/logo.gif'); */
/* background-image:url('/gfx/logo.png');
 background-repeat:no-repeat;
 */
/*
 background-color:#fff;
 */

}

#logo span
{
 display:none;
}


#p_indexphp #logo a
{
 cursor:default;
} 



#meer
{
 border-top:3px solid #fff;
 border-right:3px solid #fff;
 border-bottom:10px solid #fff;
 border-left:2px solid #fff;

}



/************************************************************************
* exhibitions definition list
*************************************************************************/

.exhibitions
{
 margin-bottom:30px;
 border-bottom:1px solid #e1e1e1;
}


.exhibitions dt
{
 font-weight:bold;
 font-size:.9em;
 color:#999;
 float:left;
}

.exhibitions dd
{
 font-size:.9em;
 margin-left:90px;
 margin-bottom:10px;
}


/************************************************************************
* VITA definition list
*************************************************************************/

#vita dt
{
 font-weight:bold;
 font-size:.9em;
 color:#999;
 float:left;
 text-align:right;
 width:75px;
}

#vita dd
{

 margin-left:100px;
 margin-bottom:10px;
}

/************************************************************************
* literature definition list
*************************************************************************/

#literature dt
{
/*
 font-weight:bold;
 font-size:.95em;
 color:#999;
*/
 font-weight:normal;
 font-size:.9em;
 margin-right:.2em;
 float:left;
}

#literature dd
{
 font-size:.9em;

 margin-bottom:10px;
}

/************************************************************************
* Teaser Pix
*************************************************************************/

#teaserpic1
{
 position:absolute;
 top:140px;
 z-index:80;
 left:18px;
 width:120px;
}


#teaserpic2
{
 position:absolute;
 top:140px;
 z-index:80;
 left:750px;
 width:120px;
}

#teaserpic.leftteaser
{
 position:absolute;
 top:140px;
 z-index:80;
 left:18px;
}


#teaserpic.rightteaser
{
 position:absolute;
 top:140px;
 z-index:80;

 left:696px;
}

/*
#teaserpic.rightteaser img
{
 display:none;
}

#teaserpic.rightteaser li
{
 margin-left:0px;
 width:100px;
 height:114px;
 background-color:#fff;
}
*/



#teaserpic1 h2, #teaserpic2 h2
{
 
 color:#666;
 background-color:#fff;
 font-size:.85em;
/* letter-spacing:.12em;
 font-variant:small-caps;   */
 font-weight:normal;
 padding:3px;
}

#teaserpic1 a, #teaserpic2 a
{
 
 color:#666;
 background-color:#fff;
 font-weight:normal;
 text-decoration:none;
 }



#teaserpic1 li, #teaserpic2 li

{
 margin-bottom:30px;
  height:139px;

}


#teaserpic1 li.current h2, #teaserpic2 li.current h2
{

 color:#FF9F00;
}

#teaserpic1 li.current, #teaserpic2 li.current
{
 margin-left:0px;
 width:120px;
 height:139px;
/* background-color:#fff; */
 /* background-color:#00565F; */
 
 background-color:#e1e1e1;
}

#teaserpic1 li.current img,#teaserpic2 li.current img
{
 display:none;
}

#teaserpic1 li.current a,#teaserpic2 li.current a
{
 color:#00565F;
 cursor:default;
}




/************************************************************************
* Preview Pix
*************************************************************************/


#previewpic
{
 width:460px;
 margin-top:20px;
}

#previewpic li
{
 display:inline;
 margin:0px;

}

#previewpic li.current a 
{
 cursor:default;
}


#previewpic li.current img
{
 border:solid 1px #999;
-moz-opacity:0.2;
}

#previewpic li a:hover img
{
 border:solid 1px #e1e1e1;
}

#previewpic img
{
 margin:10px 5px 10px 0px;
 border:solid 1px #fff;

}





/************************************************************************
* Spezielles
*************************************************************************/


#p_detailphp #contentbox p
{
/*
 background-color:#e1e1e1;
 */
 /*
 width:400px;
 padding: 10px 0px 20px 0px;
 color:#666;
 text-align:left;
 border-top:solid 2px #ccc;
 border-bottom:solid 2px #ccc;
 */
 width:300px;
}



#p_detailphp h1
{
 display:none;
}

#p_detailphp #detail
{
 display:block;
}

#detailwrap
{
 margin-left:45px;

}







h1
{
/* font-variant:small-caps;   */
 text-transform:uppercase; 
 clear:left;
/* color:#999; */
 color:#fff;
 background-color:#6EA9AF;
 padding:1px 4px 2px 4px;
 font-weight:normal;
 letter-spacing:.2em;
 font-size:1.2em;
 margin-bottom:20px;
}



#footnote
{
 font-size:x-small;
}

#largeimg
{
/*
 background-image:url(/gfx/wave.gif);
 background-repeat:no-repeat;
 */
}

#print_logo, #contact_print
{
 display:none;
}

#counter
{
 display:none;
}
