body { margin: 0; }
div#container { width: 940px; padding-top: 50px; margin: 0 auto; }

/*
 * HEADER
 */
#header {
    position: relative;
    background: #fff;
    height: 100px;
    font-family: Arial, sans-serif;
}
#language {
    position: absolute;
    top: -25px;
    right: 0;
}
#logo {
    width: 135px;
    height: 26px;
    display: block;
    float: left;
}
#header img {
    border: none;
}
#menu {
    height: 21px;
    font-size: 16px;
    letter-spacing: 0.2px;
    margin: 0 0 0 135px;
    padding: 8px 0 0 0;
    list-style-type: none;
    display: block;
    text-align: right;
}
#menu li {
    display: inline;
}
#menu a {
    color: #231F20;
    text-decoration: none;
    margin-left: 14px;
}
#header a:hover,
#menu a.active,
#publications a:hover,
#artists a:hover,
#publication-list a:hover {
    color: #00AEEF;
}
#header .top {
    border-bottom: 2px solid #292626;
    padding-bottom: 13px;
}
#submenu {
    margin-top: 10px;
    text-align: right;
    font-size: 12px;
}
#submenu a {
    color: #231F20;
    text-decoration: none;
    margin-left: 30px;
}
#submenu a.active {
    color: #00AEEF;
}

#search {
    background-color: #959595;
    border: medium none;
    color: white;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 12px;
    width: 176px;
    height: 17px;
    line-height: 17px;
    padding: 2px;
    position: absolute;
    right: -256px;
    top: -25px;
}

#search #q {
    font-family: Arial, sans-serif;
    font-size: 12px;
    background: white;
    border: medium none;
    height: 17px;
    margin: 0;
    padding: 0;
    width: 122px;
    float: right;
}
#search-hits {
    font-family: Arial, sans-serif;
}
#search-hits a {
    text-decoration: none;
    color: #231F20;
}
#search-hits a:hover {
    color: #00AEEF;
}

/*
 * LEFT
 */

#left {
    position: relative;
    float: left;
    background: #fff;
    width: 256px;
}
#left ul {
    list-style: none;
    margin: 0;
    padding: 0 18px 0 0;
    width: 238px;
}
#left ul.news-list { border-right: 2px solid #8f9193; }
#left .news { border-bottom: 1px solid #D5D6D8; }
#left ul li { margin-bottom: 15px; }
#left ul li ul { margin-left: -40px; margin-top: 10px; font-family: sans, arial; font-size: 11px; }
#left ul li ul li { margin: 0; }
#left ul li ul li a { color: #231F20; text-decoration: none; }
#left ul li ul li a:hover { color: #00AEEF; }
#left ul li ul li a.active { color: #00AEEF; }
#left img { border: none; }

div#left h1.title {
    position: relative;
    font-family: sans, arial;
    font-weight: bold;
    font-size: 13px;
    color: #00AEEF;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: -10px;
}
div#left p {
    font-family: sans, arial;
    font-weight: normal;
    font-size: 12px;
    width: 235px;
}
/*
div#left hr {
    border: 1px solid #CCCDCF;
    margin-right: 70px;
}
*/
#left ul.left_blue_black {
    text-align: right;
    width: 135px;
}
#left ul.left_blue_black li {
    margin-bottom: 12px;
}
#left ul.left_blue_black li a {
    color: #000;
    text-decoration: none;
    font-family: sans, arial;
    font-size: 13px;
}
div#left ul.left_blue_black li a:hover {
    color: #00AEEF;
}
div#left ul.left_blue_black li a.active {
    color: #00AEEF;
}
div#left ul.left_blue_black li ul li {
    margin-top: 5px;
}
div#left ul.left_blue_black li ul li a {
    color: #989899;
    font-size: 11px;
}
div#left ul.left_blue_black li ul li a:hover {
    color: #000;
}
div#left ul.left_blue_black li ul li a.active {
    color: #000;
}
div#left select.date {
    background: transparent;
    background: url('../images/left_combo_box.png') no-repeat;
}
div#content {
    position: relative;
    float: left;
    width: 645px;
    min-height: 608px;
    margin-left: 39px;
}
#content .nopic {
    position: relative;
    left: -39px;
}
div#content h1 {
    color: #231F20;
    font-size: 20px;
    font-weight: lighter;
    font-family: sans, arial;
    clear: both;
}

div#content h2 {
    color: #00AEEF;
    font-size: 15px;
    font-weight: normal;
    font-family: sans, arial;
    margin-top: 4px;
}
div#content table {
    width: 645px;
}
div#content table.photos {
    width: 575px;
}
div#content table.photos tr td {
    padding-bottom: 25px;
}
div#content table td {
    width: 50%;
    text-align: justify;
    vertical-align: top;
}
div#content td.left-column {
    padding-right: 15px;
}
div#content .newsletter {
    width: 410px;
    position: relative;
    left: 257px;
}
div#content .newsletter .field {
    padding: 1px 2px 2px 2px;
    color: white;
    background-color: #808080;
    margin-bottom: 3px;
    height: 18px;
    line-height: 17px;
    display: inline-block;
}
div#content .newsletter label {
    display: inline-block;
    width: 55px;
    font-size: 11px;
    font-family: sans, arial;
}
div#content .newsletter .field input {
    width: 170px;
    height: 17px;
    padding: 0;
    border: none;
}
div#content .newsletter input[type="image"] {
    display: block;
    margin-left: 76px;
    margin-top: 6px;
}
div#content .newsletter .error_list {
    height: 21px;
    line-height: 21px;
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div#content .newsletter .error_list li {
    color: white;
    background-color: red;
    font-weight: bold;
    font-size: 12px;
    padding: 0 3px;
    display: inline-block;
}
div#content .newsletter.subscribed {
    text-align: center;
}
div#content .newsletter.subscribed h2 {
    margin-top: 190px;
    font-size: 20px;
}
div#content p {
    font-family: sans, arial;
    font-size: 13px;
}
div#content center {
    margin-top: 100px;
    margin-bottom: 150px;
}
div#content center div {
    position: relative;
    text-align: left;
}
div#content h3 {
    font-family: sans, arial;
    font-size: 25px;
    font-weight: normal;
    color: #00AEEF;
    margin: 0;
}

#artists,
#publication-list {
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    left: 167px;
    width: 730px;
    list-style-type: none;
}
#artists li,
#publication-list li {
    display: block;
    float: left;
    width: 356px;
    height: 71px;
    margin-bottom: 15px;
}
#artists li img,
#publication-list li img {
    margin-right: 15px;
    border: none;
    vertical-align: top;
}
#artists a,
#publication-list a {
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    font-family: sans, arial;
    font-size: 13px;
    font-weight: normal;
}
#content #artist h2 img, #artists li img.rip {
    float: none;
    margin: 0;
    vertical-align: top;
}

#content #artist,
#content #publication-list {
    /*width: 698px;*/
    width: 735px;
    position: relative;
    overflow: hidden;
}
#content #artist img,
#content .project img,
#content #publication-list img {
    float: left;
}
#content #artist .portrait,
#content .project .body {
    float: left;
    overflow: visible;
    padding-left: 13px;
}
#content .column {
    width: 227px;
    margin-right: 15px;
    text-align: justify;
    float: left;
}
#content .column.right {
    margin-right: 0;
}
#content .onecolumn {
    width: 469px;
}
#content #artist h2,
#content .project h1 {
    margin: 0;
    text-transform: uppercase;
}
#content #artist h2 span {
    font-family: sans, arial;
    font-size: 15px;
    color: #231F20;
    text-transform: none;
}
#content #cv h2 { color: #231f20; margin: 0; }

#kepgaleria {
    position:relative;
    overflow:hidden;
    width: 645px;
    height:314px;
}
#kepgaleria .items {
    width:20000em;
    position:absolute;
}
#kepgaleria .items div {
    float:left;
}
#kepgaleria-buttons {
    text-align: center;
}
#kepgaleria-buttons a {
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    color: white;
    background-color: black;
    cursor: pointer;
}

#player {
  width: 640px;
  height: 360px;
}

#videos {
    overflow: hidden;
    width: 450px;
}
#videos a {
    display: block;
    width: 142px;
    height: 150px;
    margin-right: 8px;
    float: left;
    text-decoration: none;
    color: black;
    font-size: 9px;
    font-family: sans, arial;
}
#videos a img {
    border: none;
}

#rolunk {
    position: relative;
    left: 255px;
}

#publications h1 { margin: 0; }
#publications ul { margin: 16px 0 0 0; padding: 0; }
#publications li { display: block; }
#publications li a { color: black; font-size: 12px; font-family: sans, arial; text-decoration: none; }

#content #publication-picture { float: left; margin-right: 15px; }
#content #publication { width: 260px; float: left; }
#content #publication h1 { color: black; margin: 0 0 13px 0; }
#content #publication h2 { color: #00aeef; margin: 0 0 10px 0; }
#content #publication h3 { color: #999999; margin: 0 0 19px 0; font-size: 11px;}

#content .exhibition { width: 369px; float: left; }
#content .exhibition.homepage { margin-top: 18px; width: auto; float: none; }
#content .exhibition h1 { text-transform: uppercase; color: black; margin: 0; }
#content .exhibition h2 { text-transform: uppercase; color: #00aeef; margin: 0 0 5px 0; }
#content .exhibition h2 a { text-decoration: none; color: #00aeef; }
#content .exhibition p.exhibition-date { color: #999999; margin: 0 0 19px 0; font-size: 11px;}
#content .exhibition h3 { color: black; font-family: sans, arial; font-size: 18px; margin: 0; }

#exhibition-gallery { width: 276px; min-height: 625px; float: left; }
#exhibition-gallery ul { margin: 0; padding: 0; list-style-type: none; width: 276px; }
#exhibition-gallery li { display: block; float:left; width: 124px; height: 124px; overflow: hidden; margin: 15px 15px 0 0; }
#exhibition-gallery li.odd { margin-right: 0; }

#left ul.exhibition { font-family: sans, arial; }
#left ul.exhibition li { position: relative; }
#left ul.exhibition span { color: #00aeef; }
#left ul.exhibition ul { margin: 0; padding: 0; width: 135px; }

#content div.exhibition.list { min-height: 133px; margin-bottom: 10px; width: auto; overflow: hidden; float: none; }
#content div.exhibition.list img { float: left; margin-right: 10px; }

#left ul.exhibition ul.years {
    width: 27px;
    position: absolute;
    left: 20px;
    top: 3px;
    background: url(../images/ul_years.png) 0 0 no-repeat;
    padding: 2px 3px 2px 14px;
    z-index: 1;
}
#left ul.exhibition ul.years li { width: 26px; margin: 0;}
#left ul.exhibition ul.years li.s { display: none; }

#left ul.exhibition ul.years:hover { background: none; }
#left ul.exhibition ul.years:hover li.active { display: none; }
#left ul.exhibition ul.years:hover li.s { display: list-item; }

#sponsors { position: relative; left: -39px; }
#content #sponsors h1 { color: #00aeef; }
#sponsors ul { list-style-type: none; position: absolute; top:0; left: 136px; margin: 0; padding: 0; width: 590px; }
#sponsors li { display: block; float: left; width: 109px; height: 87px; margin: 0 10px 10px 0; }
#sponsors a { text-decoration: none; }
#sponsors img { border: none; }

#content .narrow {
    text-align: justify;
    width: 320px;
}

#footer {
    clear: both;
    padding: 6px 0 20px 0;
    font-family: sans, arial;
    border-top: 2px solid #8b8d8f;
    list-style: none;
    margin-top: 21px;
}
#footer li {
    display: inline;
    margin-right: 10px;
}
#footer li a {
    color: #888A8C;
    text-decoration: none;
    font-size: 12px;
}
#footer li a:hover { color: #231F20; }
footer li a.active { color: #231F20; }
div.clear { clear: both; height: 0; visibility: hidden; }
a.black-link { text-decoration: underline; color: black; }
a.black-link:hover { color: #00AEEF; }

#logo_4drops {
    display: block;
    float: right;
    width: 134px;
    height: 24px;
    background: url("/images/4drops.png") 0 0 no-repeat;
    text-decoration: none;
}
#logo_4drops:hover {
    background-position: 0 -24px;
}

div#left ul.left_blue_black li ul.tags li a {
  color: #000;
  font-size: 13px;
}

div#left ul.left_blue_black li ul.tags li a.active, div#left ul.left_blue_black li ul.tags li a:hover {
  color: #00AEEF;
}

#videos a img {
  padding-bottom: 5px;
}

#videos a { font-size: 10px }

#submenu .videos {
  background-color: #000;
  color: #fff;
  padding: 2px 5px;
  margin-left: 26px;
}