/********************************************
 * site-screen.css for kuenstlernische 
 * Christoph Singer 2008
 ********************************************/

/* basic formats */

body {
  font-family: arial, helvetica, sans-serif;
}
  
/* header */

#hd {
  margin-bottom: 50px;
}

#topnav {
  background-color: #4A94F3;
  width: 100%;
  float: left;
  border-top: 3px solid #13498D;
  border-bottom: 4px solid #FFFF68;
}

#topnav ul {
  margin-left: 140px;
  text-align: right;
}

#topnav li {
  float: left;
  width: auto;
}

#topnav li:first-child {
  float: left;
  width: auto;
  margin-left: -140px;
}


#topnav li.active {
  background-color: #13498D;
  color: #fff;
}

#topnav a {
  display: block;
  text-decoration: none;
  padding: 5px 15px 5px 15px;
  margin: 0px;
  font-size: 131%;
  color: #fff;
  font-weight: bold;
  text-transform: lowercase;
}

#topnav a:hover, #topnav a:focus {
  background-color: #13498D;
  color: #fff;
}

/* content */

#bd {
  margin-bottom: 10px;
  min-height: 500px;
}

/* main column */

#main h1 {
  font-size: 161.6%;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid #4A94F3;
  margin-bottom: 12px;
  margin-top: 8px;
  font-family: Georgia, serif;
  letter-spacing: -1px;
}

#main h2 {
  font-size: 138.5%;
  font-weight: bold; 
  margin-top: 12px;
  margin-bottom: 6px;
  font-family: Georgia, serif;
  letter-spacing: -1px;
}

#main h3 {
  font-size: 123.1%;
  font-style:italic;
  margin-top: 8px;
  margin-bottom: 10px;
}

#main h4 {
  font-size: 108%;
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 10px;
}

#main strong {
  font-weight: bold;
}

#main em {
  font-style: italic
}

#main p {
 line-height: 123.1%;
 margin-bottom: 10px;
}

#main ul {
 margin-left: 10px; 
 margin-bottom: 10px;
}

#main li {
  background-image: url(arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  padding-left: 12px;
  padding-bottom: 3px;
}

#main blockquote {
  color: #182433;
  font-style: italic;
  border-left: 3px solid #9DBCE2;
  padding: 10px;
  background-color: #DDE2E8;
}

#main img {
  border: 3px solid #9DBCE2;
  margin-top: 10px;
  margin-bottom: 10px;
}

#main hr {
  border-top:1px solid #4A94F4;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  border-left:  1px solid #fff;
  height:1px;
}

#main table {
  border: 1px solid #9DBCE2;
  border-collapse: collapse;
}

#main td {
  border: 1px solid #9DBCE2;
  padding: 10px;
  background-color: #DDE2E8;
}

/* left navigation */

#leftnav li { 
  margin: 0 0 2px 0; 
  font-weight: bold;
  font-size: 100%;
}

#leftnav li a {
  display: block;
  padding: 5px 10px;
  width: 140px;
  color: #000;
  background-color: #FFFFC4;
  text-decoration: none;
}

#leftnav a:hover
{
  color: #000;
  background-color: #FFFF87;
  text-decoration: none;
}

#leftnav ul ul li { 
  margin: 0 0 0px 0; 
  font-weight: bold;
  font-size: 93%;
}

#leftnav ul ul a
{
  display: block;
  padding: 5px 5px 5px 30px;
  width: 125px;
  color: #000;
  background-color: #FFFFD4;
  text-decoration: none;
}

#leftnav ul ul a:hover {
  color: #000;
  background-color: #FFFF87;
  text-decoration: none;
}

#leftnav ul ul ul li { 
  margin: 0 0 0px 0; 
  font-weight: normal;
  font-size: 93%;
}

#leftnav ul ul ul a
{
  display: block;
  padding: 5px 5px 5px 40px;
  width: 115px;
  color: #000;
  background-color: #FFFFD4;
  text-decoration: none;
}

#leftnav ul ul ul a:hover {
  color: #000;
  background-color: #FFFF87;
  text-decoration: none;
}

/* search field */

#leftsearch {
  margin-top: 20px;
  background-color: #FFFFC4;
  width: 142px;
  padding: 8px;
}

#query {
  width: 80px;
  border: 1px solid #ccc;
  margin: auto;
}

#go {
  width: 50px;
  border: 1px solid #ccc;
  font-size: 93%;
}

/* search results */

span.ajaxSearch_paging 
{
  color: #4A94F4;
  padding-bottom: 10px;
}

div.ajaxSearch_result {
  border-top:1px dotted #4A94F4;
  padding-top: 5px;
  margin-top: 5px;
}

/* footer */

#ft {
  border-top: 4px solid #FFFF68;
  border-bottom: 3px solid #13498D;
  padding: 5px;
  text-align: center;
  color: #FFF;
  font-size: 85%;
  background-color: #4A94F3;
}

  
/* maxigallery */

div.pagenumbers {
  text-align: center;
}

div.thumbscontainer {
  background-color: #9DBCE2;
  width: 100%;
}

div.thumbscontainer img {
  border-right: 1px solid #13498D;
  border-bottom: 1px solid #13498D;
}

ul.thumbs {
  background-image: none !important;
}

ul.thumbs li {
  /* color: #9DBCE2; */
  font-size: 77%;
  background-image: none !important;
  width: 120px;
  padding: auto;
  text-align: center;
}

ul.thumbs li p {
  width: 120px !important;
}




/**********************************************************/