/* KUNSTHALLE STYLES */


* { margin: 0; padding: 0; }

html, body, #bg table, #bg td, #bg {
  height: 100%;
  width: 100%;
  overflow:hidden;
}

body {
  background-color: #fff;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 12px;
  color: #323131;
  }
  
a {
  color: #040404;
  text-decoration: none;
  font-weight:bold;
  }

a:hover {
  color: #5f5f5f;
  text-decoration: underline;
  }
  
a img { border:none; }
  
ul, li {
  list-style-type: none;
  }

h1 {
  font-size: 18px;
  margin-bottom: 0.7em;
  }
  
h2 {
  font-size: 14px;
  margin-bottom: 0.7em;
  text-transform: uppercase;
}
  
h3 {
  font-size: 11px;
  text-transform: uppercase;
  margin: 2em 0 1.2em 0;
  }

ol li {
  line-height: 1.5;
}

#container {
  width: 990px;
}
  
/**************************************** HEADER *******************************************/
  
#header {
  width: 100%;
}
  
a#logo {
  display: block;
  position:absolute;
  top:0;
  left:0;
  width: 393px;
  height: 51px;
  text-indent: -5000em;
  background: url(logo_front.png) no-repeat left top;
  z-index: 1200;
}
  
ul#nav-top {
  position:absolute;
  top:0;
  left: 440px;
  right: 0;
  height: 51px;
  padding-left: 24px;
  z-index: 999;
  margin-right:-40px;
  }

ul#nav-top li {
  display:inline;
  }
  
ul#nav-top li a {
  display:block;
  float:left;
  text-indent: -5000em;
  margin: 21px 30px 0 0;
  }

  
/* BEGIN EDIT */

#header span#sublogo {
  display:block;
  position:absolute;
  top: 50px;
  left: 128px;
  width: 265px;
  height: 40px;
  z-index: 1200;
}

#header span#sublogo a {
  position:absolute;
  display:block;
  text-indent: -5000em;
  margin: 0;
  right: 13px;
  bottom: 10px;
}

/* END EDIT */
  
a#portaltab-kunsthalle-krems,
a#sublogo-kunsthalle-krems {
  width: 132px;
  height: 18px;
  background: transparent url(kunsthalle.png) no-repeat left top;
  } 
  
body.section-kunsthalle-krems a#portaltab-kunsthalle-krems {
	display: none;
	}
  
a#portaltab-factory,
a#sublogo-factory {
  width: 93px;
  height: 17px;
  background: transparent url(factory.png) no-repeat left top;
  }
  
a#portaltab-forumfrohner,
a#sublogo-forumfrohner {
  width: 174px;
  height: 17px;
  background: transparent url(frohner.png) no-repeat left top;
  }
  
a#portaltab-kunstraumstein,
a#sublogo-kunstraumstein {
  width: 191px;
  height: 17px;
  background: transparent url(kunstraum.png) no-repeat left top;
  }
  
/* Main navigation */

#nav {
  position:absolute;
  top: 104px;
  left:0;
  width: 260px;
  height: 166px;
  text-align:right;
  opacity: 0.9;
  padding: 3px 2px 2px 2px;
  z-index: 999;
  }
  
#nav ul, #nav ul li, #nav ul li a {
    display:block;
  }
  
/* Level 1 Navigation fixed */  

#nav ul li {
  position:relative;
  width: 100%;
  float:left;
  }

#nav ul li a {
  display:block;
  font: 27px Arial, Verdana, sans-serif;
  text-transform: uppercase;
  padding: 0;
  margin-top: -3px;
  text-decoration: none;
  width: 100%;
  color: #cfcfcf;
  }

#nav ul.navTreeLevel0 li a:hover,
#nav li.subhover a,
#nav li.active a,
#nav li.navTreeItemInPath a {
  color: #fff;
  }


/* Level 2 Navigation */  
  
#nav li ul {
  position:absolute;
  top: -3px;
  left: 262px;
  margin: 0;
  padding: 0;
  text-align:left;
  }

#nav li>ul { left: 262px; }

#nav ul.navTreeLevel0 li>a { width:auto; } /* others */

#nav ul.navTreeLevel1 {
  background-color: #fff;
  width: 125px;
  padding: 0.2em 0;
  opacity: 1;
  }

#nav ul.navTreeLevel1 li a {
  background: none;
  padding: 0.4em 0 0.1em 5px;
  border: none;
  text-transform: none;
  font-size: 12px;
  font-weight:bold;
  cursor: pointer;
  }


#nav ul.navTreeLevel1 li a.navTreeCurrentItem,
#nav ul.navTreeLevel1 li a:hover {
  border:none;
  color: #000 !important;
  }
  

/* create revealing effect */

#nav ul ul {
    display:none;
  }

#nav li:hover ul, #nav li:hover li:hover ul, #nav ul.navTreeLevel0 li.active ul {
    display:block;
  } 

#nav ul.navTreeLevel0 li.active ul.navTreeLevel2, #nav ul.navTreeLevel0 ul.navTreeLevel2 {
	display: none;
}
  
/* Shortlinks and Breadcrumbs */  
  
ul#shortlinks {
  position:absolute;
  top: 56px;
  left: 464px;
  width: 520px;
  }
  
ul#shortlinks li, ul#breadcrumbs li {
  display:inline;
  }
  
ul#shortlinks a {
  margin-right: 10px;
}
  
ul#shortlinks li#it8 a {
  display:block;
  position:absolute;
  right:0;
  top: 0;
  }

  
/* Breadcrumbs */

ul#breadcrumbs {
  position:absolute;
  top: 95px;
  left: 464px;
  width: 500px;
  height: 18px;
  overflow: hidden;
  }

ul#breadcrumbs li a {
  font-size: 11px;
  font-weight: normal;
  color: #717174;
  background: transparent url(arrow_grey.png) no-repeat left 3px;
  padding-left: 8px;
  margin-right: 5px;
  line-height: 1.2;
  }
  
ul#breadcrumbs li.home a {
  padding:0;
  background: none;
  }
  
/* BEGIN EDIT */

ul#utilities {
  position:absolute;
  top: 100px;
  left: 937px;
}

ul#utilities li {
  display: inline;
}

ul#utilities a {
  display:block;
  float:left;
  text-indent: -5000em;
  width: 15px;
  height: 11px;
  margin-left: 7px;
}

a#print {
  background: url(print.png) no-repeat left top;
}

a#recommend {
  background: url(recommend.png) no-repeat left top;
}

/* END EDIT */
  
  
/* Photo Slides links */
  
#bg {
  width: 440px;
  position:absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  overflow:hidden;
  text-align:center;
  z-index: 900;
  background: #eaeaea url(ajax-loader.gif) no-repeat 50% 50%;
  }
  
#bg div#divbg {
    height: 120%;
    /*left:-15%;*/
    left: 0;
    position:absolute;
    /*top:-15%;*/
    top: 0;
    /*width:120%;*/
    width: 100%;
}

#bg td {
    text-align:center;
    vertical-align:top;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
    z-index: 900;
}

#overlay {
  position:absolute;
  width: 435px;
  height: 45px;
  left: 0px;
  bottom: 29px;
  display:block;
  z-index: 999;
  background: transparent url(bg_overlay.png) repeat-x left top;
  color: #fff;
  text-align:left;
  padding: 8px;
  font-size: 12px;
  }
  
#overlay strong {
	padding-right: 130px;
	}
  
#overlay em {
  font-size: 10px;
  font-variant: normal;
  display:block;
  padding-top: 0.3em;
  	width: 300px;
  }

#overlay-hidden {
  display:none;
}
/* BEGIN EDIT */

a#fullscreen {
  display:block;
  position:absolute;
  top: 10px;
  right: 30px;
  text-indent: -5000em;
  height: 16px;
  }

a#fullscreen.de {
  width: 104px;
  background: transparent url(gallery_de.png) no-repeat left top; 
}

a#fullscreen.en {
  width: 61px;
  background: transparent url(gallery_en.png) no-repeat left top;
}

/* END EDIT */

/**************************************** CONTENT *******************************************/

#doc-tpl {
  position:absolute;
  left: 440px;
  right: 0;
  bottom: 30px;
  top: 110px;
  overflow:auto;
  padding: 0 0 2em 0;
  }

/* Dokumenten Seite */

div#doc-left {
  float:left;
  width: 300px;
  padding: 0 25px;
  line-height: 1.3;
  letter-spacing: 0.03em;
}

div#doc-left p, div#doc-left ul {
  margin: 0 0 1.3em 0;
  }
  
div#doc-left ul li {
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 12px;
}
  
div#doc-left div.docHeader {
  margin-bottom: 1.2em;
  }

/* Graue durchgängige Balken bis zum rechten Rand */  
  
div#doc-left.doc-left-bg {
  width: 100%;
  padding: 0;
  }
  
/* BEGIN EDIT 5.2.10 */ 
  
div#doc-left.doc-left-bg h1 {
  padding-left: 25px;
  width: 520px;
}

/* END EDIT 5.2.10 */   
div#doc-left.doc-left-bg h2,
div#doc-left.doc-left-bg h3,
div#doc-left.doc-left-bg h4,
div#doc-left.doc-left-bg h5,
div#doc-left.doc-left-bg h6,
div#doc-left.doc-left-bg div,
div#doc-left.doc-left-bg ul,
div#doc-left.doc-left-bg ol,
div#doc-left.doc-left-bg p
 {
  padding: 0 0 0 25px;
  width: 323px;
}

div#doc-left table.bg-wide {
  width: 100%;
  background-color: #f0f0f0;
  padding: 0.4em 0;
}

div#doc-left table.bg-wide td {
  vertical-align: top;
}

/*div#doc-left table.bg-wide td.td1 { 
  width: 323px;
  padding-left: 25px;
   }

*/
div#doc-left table.bg-wide tr td:first-child {
  width: 323px;
  padding-left: 25px;
}

/* BEGIN EDIT 5.2.10 */
  
div#doc-left ul.bg-wide {
  width: 100%;
  margin: 0;
  padding: 0;
}

div#doc-left ul.bg-wide li {
  list-style-type: none;
  padding: 1.2em 0 1.2em 25px;
  margin: 0;
  font-weight: bold;
}

div#doc-left ul.bg-wide li.even {
  background-color: #f0f0f0;
}

div#doc-left ul.bg-wide a.event {
  text-transform: uppercase;
  display:block;
  font-weight:normal;
  padding-top: 0.4em;
}

/* END EDIT 5.2.10 */ 
  
   
/* Sponsoren */

div#doc-left.doc-left-wide {
  width: 515px;
  padding-right: 0;
}

div#doc-left table.sponsoren {
  width: 515px;
}

table.sponsoren td {
  vertical-align: top;
  padding: 0 0 3.5em 0;
}

table.sponsoren td.link {
  width: 35%;
} 


/* partner-links */


body.template-atct_partner_grouped #doc-tpl ul, body.template-atct_partner_grouped #doc-tpl li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body.template-atct_partner_grouped #doc-tpl ul {
	margin-bottom: 1.5em;
}

body.template-atct_partner_grouped #doc-tpl li {
	padding: 3px 20px 2px 0;
}

body.template-atct_partner_grouped #doc-tpl a {
	line-height: 1.3em;
	width: 100%;
}

body.template-atct_partner_grouped #doc-tpl span.url {
	display: block;
	text-align: right;
	margin-top: -1.3em;
	padding-right: 15px;
	font-weight: normal;
	}

/* Info Spalte rechts */

#exhibition-info {
	margin-top:60px;
}

div#doc-right {
  float:left;
  width: 195px;
  padding-top: 40px;
  line-height:1.3;
  font-size: 11px;
  }

div#doc-right .portletHeader { display:none; visibility: hidden;}

div#doc-right a {
  text-decoration: none;
  }

div#doc-right a:hover {
  text-decoration: underline;
  }

div#doc-right h2 {
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 1em;
  }
  
div#doc-right p, div.doc-right table {
  margin-bottom: 1.6em;
  }
  
div#doc-right table {
  width: 100%;
  }
  
div#doc-right img {
  } 
  
div#doc-right img.arrow {
  margin: 0 5px 0 0;
  }

/* EDIT 5.2.10 */

.template-viewDokumentPlus1 div#doc-right {
  padding-top: 2em;
}

/* END EDIT */

div#doc-right img {
  display:block;
  margin: 0 auto 2em;
} 
    
/* Ausstellungs-Teaser Startseite */

div.teaserCufon, div.teaserCufonSpecial {
  position:relative;
  width: 517px;
  line-height: 1.3;
  padding-left: 24px;
  margin-bottom: 1.6em;
  }

div.teaserCufon div.teaserHeader {
  height: 140px;
  width: 310px;
  }

div.teaserCufon div.teaserHeader a {
  text-decoration: none;
  }

div.teaserCufon strong, div.teaserCufonSpecial strong { 
  display:block;
  color: #323131;
  } 
  
div.teaserImage {
  position:absolute;
  right: 0;
  top: 2px;
  height: 120px;
  width: 196px;
  }
  
/* Headlines - Cufon */

div.docHeader h1, div.teaserCufon h2, div.teaserCufonSpecial h2 {
  font-size: 35px;
  margin-bottom: 0;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -2px;
  padding-top: 0.15em;
  }
  
div.teaserCufonSpecial h2 {
  font-size: 39px;
  }
  
strong.header {
  text-transform: uppercase;
  font-size: 18px; 
  margin-bottom: 0.1em;
  font-weight:normal;
  }
  
h1 span, h2 span { 
  display:block;
  margin-top: -0.15em;
  }
  
strong.date {
  margin-top: -0.1em; 
  }
  
div.teaserText p.subtitle {
  font-weight:bold;
  margin-bottom: 0.5em;
  }
  
div.teaserText {
  margin-top: 0.2em;
  }
  
p.subtext a {
  text-decoration: none;
  }
  
p.subtext a:hover {
  text-decoration: underline;
  }
  
/* Veranstaltungs-Teaser Startseite */

div.teaserCufonSpecial {
  width: auto;
  background-color: #eaeaea;
  padding: 0.7em 0 1em 24px;
  }
  
div.teaserCufonSpecial div.teaserHeader, div.teaserCufonSpecial div.teaserText {
  height: auto;
  width: 505px;
  }
  
div.teaserCufonSpecial strong.header {
  margin: 0;
  }
  
div.teaserCufonSpecial h2 {
  letter-spacing: 0;
  padding-top: 0.2em;
  font-weight:normal;
  }
  
strong.subheader {
  font-weight:normal;
  font-size: 18px;
  margin-bottom: 0.4em;
  }
  
strong.subheader a {
  text-decoration:none;
  }

div.teaserCufonSpecial p.subtext {
  padding: 1.1em 0 0 0;
  }

/******************************************* FOOTER *****************************************/

#footer {
      position:fixed;
      bottom: 0px;
      background: transparent url(footer_bg.png) repeat-x left top;
      text-align:left;
      height: 30px;
      width:100%;
      z-index: 999;
      opacity: 0.9;
/*     padding-left: 15px; corrected, cause somme footer entries missing */
	padding-left: 262px;
      font-size: 10px;
    }
    
    /* Angaben nur für den Internet Explorer mit Star-HTML-Hack */
    
    * html #footer 
    {
      background: transparent url(footer_bg.png) repeat-x left top;
      height:30px;
      text-align:left;
    }
    
#footer div {
  float:left;
  padding: 7px 0 0 0;
  color: #fff;
  }
  
#footer a {
  text-decoration: none;
  color: #fff;
  }
  
#footer form {
  float:left;
  display:inline;
  }

/* maybe later  
#footer span.nl {
  float:left;
  margin-right: 16px;
  background: url(newsletter.png) no-repeat left 1px;
  display:block;
  line-height: 15px;
  padding: 1px 0 0 17px;
  margin-left: 17px;
  } */


  
#footer div.network {
/*   margin: 0 42px 0 95px; corrected, cause somme footer entries missing */
	margin: 0 22px 0 38px; 
  }
  
a.fb, a.tw, a.nl {
  display:block;
  float:left;
  line-height: 15px;
  padding: 1px 0 0 20px;
  }
  
a.fb {
  background: url(facebook.png) no-repeat left 1px;
  margin-right: 12px;
  }

a.nl {
  background: url(newsletter.png) no-repeat left 1px;
  margin-right: 123px;
  }
  
a.tw {
  background: url(twitter.png) no-repeat left 1px;
  }
  
a.kt {
  display:block;
  float:left;
  margin: 10px 22px 0 12px;
  }
  
a.noe {
  float:left;
  margin-top: 5px;
  }

/******************************************* FORM STYLES *****************************************/

input.inputSmall {
  width: 108px;
  background: none;
  border-top: 1px inset #272727;
  border-left: 1px inset #131313;
  border-right: 1px solid #838282;
  border-bottom: 1px solid #838282;
  float:left;
  margin-right: 6px;
  color: #b4b4b4;
  height: 15px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 2px;
  }
  
div#doc-right input.inputSmall {
  background: #d9d9da;
  color: #656468;
}

div#doc-right form {
  margin: -1em 0 5em 0;
}

/******************************************* UTILITIES *****************************************/

.hide { display: none; }

/******************************************* SECTION COLORS ***********************************/
/* section 'kunsthalle krems' */
.section-kunsthalle-krems a#logo,
.section-kunsthalle-krems ul#nav-top,
.section-kunsthalle-krems #nav,
.section-kunsthalle-krems span#sublogo {
  background-color: #93337b;
}

.section-kunsthalle-krems #nav ul.navTreeLevel1 li a,
.section-kunsthalle-krems a,
.section-kunsthalle-krems a:hover,
.section-kunsthalle-krems h1,
.section-kunsthalle-krems p.subtext a {
  color: #93337b;
}

.section-kunsthalle-krems .teaserCufon h2 span {
  color: #323131;
}

.section-kunsthalle-krems strong.header,
.section-kunsthalle-krems h1 span.color,
.section-kunsthalle-krems div.doc-right {
  color: #3a7174;
}

.section-kunsthalle-krems div.teaserCufon strong, .section-kunsthalle-krems div.teaserCufonSpecial strong { 
  display:block;
  color: #323131;
  } 

.section-kunsthalle-krems ul#shortlinks a {
  color: #671752;
}

/* section 'factory' */
.section-factory a#logo,
.section-factory ul#nav-top,
.section-factory #nav,
.section-factory span#sublogo {
  background-color: #9a8c27;
}

.section-factory #nav ul.navTreeLevel1 li a,
.section-factory a,
.section-factory a:hover,
.section-factory h1,
.section-factory p.subtext a {
  color: #9a8c27;
}

.section-factory strong.header,
.section-factory h1 span.color,
.section-factory div.doc-right {
  color: #7f741e;
}

.section-factory ul#shortlinks a {
  color: #9a8c27;
}


/* section 'forum frohner' */
.section-forumfrohner a#logo,
.section-forumfrohner ul#nav-top,
.section-forumfrohner #nav,
.section-forumfrohner span#sublogo {
  background-color: #06a;
}

.section-forumfrohner #nav ul.navTreeLevel1 li a,
.section-forumfrohner a,
.section-forumfrohner a:hover,
.section-forumfrohner h1,
.section-forumfrohner p.subtext a {
  color: #06a;
}

.section-forumfrohner strong.header,
.section-forumfrohner h1 span.color,
.section-forumfrohner div.doc-right {
  color: #06a;
}

.section-forumfrohner ul#shortlinks a {
  color: #06a;
}

/* section 'kunstraum stein' */
.section-kunstraumstein a#logo,
.section-kunstraumstein ul#nav-top,
.section-kunstraumstein #nav,
.section-kunstraumstein span#sublogo {
  background-color: #fa0;
}

.section-kunstraumstein #nav ul.navTreeLevel1 li a,
.section-kunstraumstein a,
.section-kunstraumstein a:hover,
.section-kunstraumstein h1,
.section-kunstraumstein p.subtext a {
  color: #fa0;
}

.section-kunstraumstein strong.header,
.section-kunstraumstein h1 span.color,
.section-kunstraumstein div.doc-right {
  color: #fa0;
}

.section-kunstraumstein ul#shortlinks a {
  color: #fa0;
}



.section-kunsthalle-krems.template-viewAusstellung h1, 
.section-factory.template-viewAusstellung h1, 
.section-forumfrohner.template-viewAusstellung h1, 
.section-kunstraumstein.template-viewAusstellung h1, 
.section-kunsthalle-krems.template-atct_exibitions_view h2 a, 
.section-factory.template-atct_exibitions_view h2 a, 
.section-forumfrohner.template-atct_exibitions_view h2 a, 
.section-kunstraumstein.template-atct_exibitions_view h2 a 
{ color:#000; }