body { background-image: url(hollyface.jpg);}, a { color: #00C9EA; }
em, em a, strong, p.date, div#project-navigation p { color: magenta; }
h2 a.hover {color:#AAA;}
a {text-decoration: none; border:0;color:magenta;font-weight:bold;}
a:hover {color:aqua;font-weight:bold;}
a:active {color: #EEE;}

img {border:0;}

a#next-image:hover {border:none !important;}

@font-face {
    font-family: 'BtpNormal';
    src: url('aa_btp-webfont.eot');
    src: url('aa_btp-webfont.eot') format('embedded-opentype'),
         url('aa_btp-webfont.woff') format('woff'),
         url('aa_btp-webfont.ttf') format('truetype'),
         url('aa_btp-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;}


body { font-family: comic sans, Helvetica, Arial, sans serif; line-height: 1.3; letter-spacing: 0.1em; }

ul li, p, div.description { font-size: 15px; font-style: normal; }
h1 { font-size: 15px; font-weight: normal; }
h2 { font-size: 28px; margin: 0px; font-weight: normal; letter-spacing: 0.1em; }

p.date { font-size: 12px; letter-spacing: 0.1em; }
a { text-decoration: none; }
p#project-count, p#gallery-count { text-align: center; }
p#gallery-count span { letter-spacing: 0.4em; }
b { font-size:1.2em; font-weight:500;}

body { padding: 20px 0px 20px 50px; text-align: center;}

div#search {
	position: absolute;
	width:200px;
	right: 45px;
	top: 24px;
}

input#txt_search {
	font-family: BtpNormal, Helvetica, Arial, sans serif;
	font-size: 15px;
	border: none;
	letter-spacing:0.1em;
	border-bottom: 2px solid black;
	padding-bottom: 4px;
}

#div_search_results, #txt_search {
  border: 2px solid #000;
  border-radius: 0px;
  width:200px;
}
#div_search_results {
  position:absolute;
  margin: 40px 0px 0px 0px;
  display:none;
  z-index: 1000;
  background-color:#FFF;
}
#ul_search_results {
  list-style-type: none;
  margin: 5px;
  padding: 5px;
}

#ul_search_results  > li {
  display:block;
  clear:both;
}

#kunstlerliste {
      -webkit-column-count: 4;
      -webkit-column-gap: 50px;
	  -webkit-column-width: 350px;
    
      -moz-column-count: 4;
      -moz-column-gap: 50px;
	  -moz-column-width: 350px;

      column-count: 4;
      column-gap: 50px;
	  column-width: 350px;}

div#container { margin: 0px; width:100%; padding: 0px; text-align: left;}

.col { float: left; margin: 0px; padding: 0px; }
	
.col .col { margin: 0px; }

.one { width: 150px; }
.two { width: 300px; }
.three { width: 450px; }
.four { width: 600px; }
.five { width: 750px; }
.six { width: 900px; }
.all { width: 100%; }
.all2 { width: 95%; }


hr { display: block; clear: both; margin: 0px 0px 75px; padding: 0px; height: 0px; overflow: hidden; visibility: hidden; }
hr#footer { display: block; clear: both; margin: 0px 0px 50px; padding: 0px; height: 0px; overflow: hidden; visibility: hidden; }
hr#projektnavi { display: block; clear: both; margin: 0px 0px 10px; padding: 0px; height: 0px; overflow: hidden; visibility: hidden; }
hr#platform { display: block; clear: both; margin: 0px 0px 75px; padding: 0px; height: 0px; overflow: hidden; visibility: hidden; }

p.eventslist { margin: 0px 75px 100px 0px; padding: 0px; height: 0px; width:150px;}

.col hr { margin: 0px 0px 10px; }

ul li { margin: 0px 12px 0px 0px; display:inline; }
ul#navigation, ul.projects { list-style: none; padding: 0px; margin: 0px; }
ul#navigation { margin: 0px 250px 0px 0px; }

ul#navigation ol { display: none; margin: 0px; padding: 4px 0px 4px 25px; }
ul.projects li { float: left;}
ul.events li{ padding: 0px 75px 50px 0px; text-align:center; }


#navigation-platform li { font-size:14px; margin:0px 20px 0px 0px;}
#navigation-platform li a:hover { color:yellow;background-color:red; }


#link_home {margin-right:30px;color:orange; font-weight:bold;font-family:comic sans;  font-size:16px;}

p { margin: 0px 0px 20px; }
p.events { margin: 13px 0px 0px 0px; }
p.platform { margin: 18px 0px 0px 0px; }
p.eventssmall { margin: 15px 0px -10px 0px; font-size:12px;}
p.captions { margin: -5px 0px 0px 0px; color:#AAA; text-align:center; }
p.date { text-align: left; padding: 4px 20px 0px 0px; }
p#eventsunten { margin: 3px 0px 0px 0px; color:#AAA; }
p#footer { margin: -25px 0px 0px 0px; display: inline; line-height: 1.4; }

.eventstext { height:50px;}
.indextext { height:75px;}

.backindex {font-size:14px; margin-bottom:18px; }
.backindex  a:hover {font-size:14px; color:#000; }
div.backindex a:hover {opacity: 0.4;}
a.button { padding: 4px 8px; border:2px solid black;}


.footerleft { position:fixed; bottom:0px; padding-top:8px; padding-left:15px; left:0px; height:25px; width:80%; font-size:12px; text-align:left; color:#AAA; }
.footerleft a { color:#AAA; }
.footerleft a:hover {color: #444;}

.footerright { position:fixed; bottom:0px; padding-top:8px; padding-right:20px; right:0px; height:25px; width:20%; font-size:12px; text-align:right; color:#AAA;}
.footerright a { color:#AAA; }
.footerright a:hover {color: #444;}

div.description p { clear: both; }
div.description h2 { padding: 0px 0px 25px; }
div.description { padding: 0px 50px 0px 0px; }
div.description img { padding: 0px 0px 25px; }

div#media { clear: both; padding: 0px 0px 20px 0px; }
div.media { margin: 0px 0px 20px 0px; }
div.description div#images { padding: 0px 0px 50px 0px; }
div#media img { margin: 0px 0px 20px 0px; }
p#project-count, p#gallery-count { margin: 15px 0px 50px 0px; }
p#gallery-count, div#gallery-navigation { display: none; }
p#gallery-count span { margin: 0px 0px 0px 0px; display: block; }
div#project-navigation { margin: 0px 0px 0px 0px; }
div#project-navigation p, div#gallery-navigation p { margin: 0px 0px 0px 0px; }

div#image-wrapper { overflow: hidden; width: 900px; }
div#image-wrapper div#image-holder { width: 1000000px; }
div#image-wrapper div#image-holder div.image { float: left; width: 900px; }

img.project-thumb { padding: 0px; float: left; display: inline; background-color: #EEE;  }

a.atom-rss { margin: 0px 0px 0px 6px; padding: 1px 2px 0px; font-size: 0.93em; background: #EEE; }

body.js-enabled p#gallery-count, body.js-enabled div#gallery-navigation { display: block; }
body.js-enabled p#project-count { display: none; }
body.js-enabled div#media div.image { display: none; }
body.js-enabled div#media div.image:first-child { display: block; }



a.facebook_link {
  background-image: url(../../images/logo_facebook_def.gif);
  background-repeat: no-repeat;
  text-decoration: none;
  display: inline-block;
  margin-left:5px;
}


a.facebook_link {
  width: 21px;
  height: 21px;
  border: 0 !important;
  background-position: 0 0px;
}

a.facebook_link:hover {
  background-position: 0 -48px;
}


a.tumblr_link {
  background-image: url(../../images/logo_tumblr_def.jpg);
  background-repeat: no-repeat;
  text-decoration: none;
  display: inline-block;
  margin-left:3px;
}


a.tumblr_link {
  width: 21px;
  height: 21px;
  border: 0 !important;
  background-position: 0 0px;
}

a.tumblr_link:hover {
  background-position: 0 -48px;
}


a.twitter_link {
  background-image: url(../../images/logo_twitter_def.jpg);
  background-repeat: no-repeat;
  text-decoration: none;
  display: inline-block;
  margin-left:2px;
}


a.twitter_link {
  width: 16px;
  height: 16px;
  border: 0 !important;
  background-position: 0 0px;
}

a.twitter_link:hover {
  background-position: 0 -48px;
}

