/*--ARTeast*/

body{
  font-family:Arial;
  background:#000;
  font-size:.9em;
}

body,html{
   margin:0px;
   padding:0px;
   height:100%;
}

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

#scrolldiv{
	padding-left:15px;
	padding-right:10px;
	text-align:justify;
	text-indent:1em;
	color:#000;
	overflow:auto;
	height:100%;
}


#scrolldiv img{
	float:left;
	margin-right:10px;
}

/*.scrolldiv-ie{
  padding-left:10px;
  margin-top:-54px;
  height:100%;
  margin-bottom:0px;
  padding-top:27px;
  padding-bottom:-57px;
  overflow:auto;
}

.scrolldiv-moz{
  position:absolute;
  top:26px;
  left:250px;
  right:130px;
  bottom:0px;
  padding-right:10px;
  padding-left:10px;
  overflow:auto;
}*/

#maindiv{
  position:relative;
  height:100%;
  margin:0px;
  padding:0px;
}

#left{
	position: absolute;
	left: 0px;
	width:260px;
	height:100%;
	overflow:hidden;
	background:#000 url(../images/vonalak.gif) 110px 20px repeat-y;
}

#leftfoot{
  position:absolute;
  clear:both;
  height:57px;
  width:240px;
  bottom:20px;
  left:0px;
  background:url(../images/arteast.png) no-repeat;
}

#rightfoot{
  position:absolute;
  height:241px;
  width:52px;
  bottom:20px;
  right:10px;
  background:url(../images/arteast-jobbra.png) no-repeat;
}

#rightfoot a img{
	border:none;
}

#homelink{
	padding-top:10px;
	padding-right:10px;
}

#homelink a{
	float:right;
	font-size:.8em;
	color:#666;
	text-decoration:none;
}

#homelink a:hover{
	color:#FFF;
}


#center{
	margin: 0 150px 0 260px;
	background:#CCC url(../images/center_bg.png);
	height:100%;
}

#center h1{
  font-size:1.8em;
  padding-left:1em;
  padding-bottom:.3em;
  border-bottom:1px solid #000;
  height:25px;
  margin:0 0 5px 0;
  color:#666;
}

#center p{
	text-indent:0;
	margin:0;
}

#center p span.moretext{
	float:right;
}

#center p span.moretext a{
	color:#A80000;
	text-decoration:none;
	font-size:.8em;
}

#center p span.moretext a img{
	border:none;
	display:block;
}

#center p span.moretext a:hover{
	text-decoration:underline;
}

#center p.collapsed{
	display:none;
}

#center p.extended{
	display:block;
}

#right{
position: absolute;
top:0px;
right:0px;
width:150px;
height:100%;
background:#000;
}


/*----MENU-----*/
ul {
  margin:0px;
  padding:0px;
  list-style:none;
  line-height:1.2em;
}

li {
  margin:0px;
  padding:0px;
  line-height:1.2em;
}

#menu{
  position:relative;
  font-size:.8em;
  float:left;
  width:260px;
  height:100%;
}


#menu .balfo
{
  	position:relative;
	color:#CCC;
	width:100px;
	text-align:right;
}

#menu .jobbal{
  	position:relative;
  	left:168px;
  	color:#666;
	text-align:left;
}

#menu .jobbfo
{
  	position:relative;
  	left:168px;
	color:#CCC;
	width:100px;
	text-align:left;
}

#menu .balal{
  	position:relative;
  	left:-168px;
  	color:#666;
	text-align:right;
}

#menu .balfo a, #menu .jobbfo a{
  text-decoration:none;
  color:#CCC;
}

#menu .balfo a:hover, #menu .jobbfo a:hover{
  color:#FFF;
  text-decoration:none;
}

#menu .balal a, #menu .jobbal a{
    color:#999;
    text-decoration:none;
}

#menu .jobbfo .balal a:hover, #menu .balfo .jobbal a:hover{
    color:#FFF;
    text-decoration:none;
}

.blankshow{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:url(../images/blanker.png);
	filter:alpha(opacity=50);
	opacity:.5;
	-moz-opacity:.5;
	z-index:10;
}

.imgh{
	clear:both;
	float:left;
	cursor:hand;
	cursor:pointer;
}

.imgbig{
	position:relative;
	top:50px;
  	border:10px solid #000;
	z-index:12;
}

#bar{
	position:absolute;
	top:30px;
	left:0px;
	right:0px;
  	background:#000;
  	text-align:right;
  	z-index:14;
}

#bar a {
	position:absolute;
	right:3px;
	text-decoration:none;
	font-size:11px;
	text-align:center;
	color: #888;
	background:url(../images/imgclose.png);
	width:16px;
	height:16px;
	margin-top:3px;
	display:block;
}

#bar a:hover {
	background:url(../images/imgclose1.png);
}

#bar span{
	position:absolute;
	color:#FFF;
	top:3px;
	left:10px;
}

#holder{
	position:absolute;
  	z-index:13;
}

div.imgtext{
	margin:0 0 0 220px;
}

div.artworktext{
	clear:both;
}

p.artistlist{
	list-style-type:none;
	color:#666;
}

p.artistlist a{
	color:#666;
	text-decoration:none;
}

p.artistlist a:hover{
	text-decoration:underline;
}

h2.artistsorder{
	clear:both;
	font-size:21px;
	color:#FFF;
	background:#CCC url(../images/artist_alphabet_bg.png) no-repeat;
	margin-top:20px;
	padding:0;
	text-indent:0;
	text-align:center;
	vertical-align:middle;
	width:25px;
	height:25px;
}

ul.artistslist{
	float:left;
	list-style-type:none;
	width:150px;
}


ul.artistslist li a, a.artistcv {
	color:#0C4177;
	text-decoration:none;
}

ul.artistslist li a:hover, a.artistcv:hover {
	color:#000;
}

div.calholder{
	clear:both;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:440px;
}

table.eventcal{
	width:444px;
	border-top:1px solid #000;
	border-right:1px solid #000;
}

table.eventcal td{
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	width:110px;
	height:110px;
	text-align:left;
	background:url(../images/month_event_bg.png) no-repeat;
}

table.eventcal td.monthhead{
	width:110px;
	height:20px;
	border-bottom:1px solid #000;
	background:#666 url(../images/month_bg.png) no-repeat;
	color:#FFF;
	padding-left:0;
	text-align:center;
}

table.eventcal td span.eventspan{
	color:#0C4177;
	text-align:left;
	width:110px;
	background:url(../images/is_event.gif) no-repeat;
	display:block;
}


table.eventcal td span.eventspan a{
	font-size:.8em;
	color:#0C4177;
	text-decoration:none;
	margin-bottom:4px;
	width:95px;
	padding-left:15px;
	display:block;
}

table.eventcal td span.eventspan a:hover{
	color:#000;
	background:#DDD url(../images/is_event_gray.gif) no-repeat;
}

h2.eventh2{
	clear:both;
	padding:0;
	margin:20px 0 0 0;
	text-indent:0;
	text-align:center;
	width:444px;
	color:#FFF;
	background:#666 url(../images/event_year_bg.png) no-repeat;
}

div#eventinfodiv{
	position:absolute;
	display:none;
	width:180px;
	height:150px;
	padding:10px 0 0 20px;
	background:url(../images/eventinfo.gif) no-repeat;
	z-index:100;
	white-space:normal;
}

div#eventinfodiv h2{
	padding:0;
	margin:0 10px 0 0;
}

a.evek, span.cur_year_event{
	float:left;
	width:60px;
	height:14px;
	font-size:.7em;
	color:#333;
	text-indent:0;
	text-decoration:none;
	text-align:center;
	padding-top:2px;
	margin-right:5px;
	background:url(../images/event_years_link.png) no-repeat;
	display:block;
}


a.evek:hover{
	background:url(../images/event_years_link_a.png) no-repeat;
}

span.cur_year_event{
	background:url(../images/event_years_link_a.png) no-repeat;
}

h3.partspon{
	color:#666;
	margin:0;
	padding:0;
	text-indent:0;
	width:7em;
	border-bottom:1px solid #838383;
	margin:0 0 10px 0; 
}

h2.partnerh2{
	color:#666;
	margin:0;
	padding:0;
	text-indent:0;
}

img.partnerimg{
	clear:both;
	float:left;
	margin:4px 0 20px 0;
	border:1px solid #838383;
}

a.partnerlink{
	text-indent:0;
	color:#0C4177;
	text-decoration:none;
}

a.partnerlink:hover{
	color:#000;
}

a.project_artists{
	color:#0C4177;
	text-decoration:none;
	display:block;
}

a.project_artists:hover{
	color:#000;
}

a.projectimg{
	/*clear:both;*/
	display:block;
}

a.projectimg img{
	display:block;
	margin-bottom:20px;
	border:none;
}

div.artworkdesc{
	float:left;
	white-space:normal;
	text-indent:0;
	width:50%;
	margin-left:20px;
}