/* @override http://gak.local/assets/templates/gak/gak.css */

/* @group Basis */

/* Basiseigenschaften 
---------------------------*/
* {
 margin: 0;
 padding: 0;
}

html {

} 

html, body {
  background: #1c1c1c;
  height: 100%;
}

body {
  color: #f4f4f4;   
  font: normal 12px/18px 'helvetica neue', helvetica, arial, sans-serif;
  
}

#map {
  color: #111;
}

a {
  color: #f4f4f4; 
  text-decoration: none;     
}

a:hover {
    color: #fff200; 
  /* text-decoration: underline; */   
}
a:active, a:focus {
	outline: 0;
	color: #f7e64d!important;
}
p a {
 /* text-decoration: underline; */
 font-weight: bold;
 text-transform: uppercase;
}

.no-underline {
  text-decoration: none;
} 

a img {
  border: none;
}

/* o ha, whats this? */
/*img {
  display: expression( (this.src.indexOf('assets')== -1) ? 'none' : '' ); 
  visibility: expression( (this.src.indexOf('assets')== -1) ? 'hidden' : '' ); 
}*/

h1, h2, h3, h4 .nav {
  font-family: "helvetica neue", helvetica, arial, sans-serif ;
  font-weight: bolder;
  text-transform: uppercase;
}

h1 {
  font-size:  2em; 
  line-height: 1.5;
  padding-top: 0;
  vertical-align: top;
  margin: -0.27em 0 1em 0;
}

h1 small {
  font-weight: normal;
  font-size: inherit;
}


h2 {
  font-size: 1.4em;  
  margin-top: 1.9em;
  margin-bottom:  0.5em;

}

h2 small {
  font-weight: normal;
  line-height: 1.5
}

h1 a, h2 a {
  text-decoration: none;
  color: #f4f4f4; 
}

.pagetitle {
  font-size: 2em;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 0;
} 
h3 {
  font-size: 1em;  
  margin-bottom: 0;
}


p {
  margin: 0 0 1em 0;  
}

hr {
  height:  3px;
  color: #f4f4f4;
  background: #f4f4f4;
  border: none;
  min-width:445px;
  _\width: 445px;
  margin: 20px 0;
}

hr.hidden {
	height:0;
	width:auto;
	margin:0; padding:0;
	
}

.upper {
  text-transform: uppercase;
}

.textright {
  text-align: right;
}

.normal {
	
}

.pdflink {
  _\height: 1%;
  background: url(/assets/templates/gak/images/pdficon_small.gif) no-repeat left center;
  padding-left: 20px!important;
  padding-bottom: 4px;
}

.block {
  display: block;  
}

/* @end */


/* @group Layout */

/* Layoutgeruest 
---------------------------*/


#outerWrap {
  width: 1000px;
}

#contentWrap {
  min-width: 445px;
  margin: 50px 0 80px 155px;
  overflow: hidden;
  
}

#innerWrap {
  width: 445px;
  margin-bottom: 80px;
}

#innerWrap.indented  {
  margin-left: 145px;
}

#contentWrap.cols #innerWrap{
  width: 510px;
  margin-right: 20px;
  float:  left;	
}

#contentWrap.home{
 margin-left: 135px;	
}
#contentWrap.home #innerWrap{
  width: 440px;
}

#rightCol {
  float:  left;
  width: 240px;
}

#bremenerleben{
  position:fixed;
  _position:absolute;
  z-index: 88; 
  bottom:15px; _bottom:0; left: 15px;
  _top: expression(document.body.scrollTop+document.documentElement.clientHeight-this.offsetHeight-15 +'px');
}  

#sidebar_logo {
	margin-top: 70px;
}


#footer {
  margin: 8em 0;
  border-top: 2px solid #f4f4f4;
  font-size: 0.95em;
}

#footer p{
  margin: 0.5em 0 0 0;
}

#footer p.linkliste{

}

#footer a {
  text-decoration: none;
  font-weight: bold;
}

.pagination {
  margin: 1.5em 0.5em;
}

.topLink {
  text-align: right;
  margin: 1.5em 0;
}
   
/* @end */


/* @group Navigation */

/* Navigationsliste  
---------------------------*/


#mainNav {
  list-style: none;
  position: absolute;
  left: 300px;
  top: 25px;
  width: 600px;
  font-size: 11px;
}

#mainNav li {
  display: block;
  float: left;
  width:  138px;
  overflow:  hidden;
  height: 20px;
}
.nav li:first-child {
  margin-left: 175px;
}

#mainNav li.ueber_die_gak,  
#mainNav li.presse,  
#mainNav li.kontakt{
  width: 140px;	
}  
#mainNav li.ausstellungen,  
#mainNav li.aktuell,  
#mainNav li.veranstaltungen{
  width: 175px;	
}  
#mainNav li.newsletter,  
#mainNav li.impressum,  
#mainNav li.suche {
  width: 90px;
  margin-left: 20px;	
} 
#mainNav a {
  display: inline-block;
  padding: 0 12px 0 2px;
  text-decoration: none;
  text-transform: uppercase;
  color: #b3b5b5;
  font-weight: bold;   
}      

#mainNav a:hover {
  color: #fff; 
}

#mainNav li.here,
#mainNav li.here a {
  color: #fff200;
}

#mainNav li ul {
	position: absolute;
	top: 75px;
	display: none;
}

#mainNav li.here ul {
  display: block;
  overflow: hidden;
  width: 555px;
  left: 0;	
  height: 15px;
  background-color: #FFFF00;	
}

#mainNav li ul li {
	display: inline;
	margin-left: 0!important;
	position: relative;
	top:  -1px;
	width:  auto;
}
#mainNav ul a {
	display: inline-block;
	white-space: nowrap;
	width: auto;
	margin: 0 6px 0 2px;
}
 
#mainNav li.here a,
#mainNav li.here a:visited {
  color: #fff200;
}  

#mainNav li ul li a,
#mainNav li ul li a:visited {
  color: #000;
}
#mainNav li.here ul a,
#mainNav li.here ul a:visited {
  color: #000;
}
#mainNav li.here li.here a,
#mainNav li.here li.here a:visited,
#mainNav li ul li a:hover {
  color: #8c8c8c;
}

/* @group Seach Input */

#FSF_form_navSearch {
  position: relative;
}



/* @end */



/* @end */

/* @group Vorschalttseite */

#vorschaltseite {
  background-color: #161616;	
  padding: 10px;	
  height: 100%;
  width: 100%; 
  z-index: 80; 
  position: fixed;
  _\position: absolute;
}


#vorschaltseite #message {
	
}

#vorschaltseite #buttons{
	margin-top: 75px;
	position: relative;
	width: 680px;
}

.arrowlink {
	background-color: #151515;
	background-image: url(/assets/templates/gak/images/vorschaltseite/pfeile.png); 
	background-position: 0 -194px;
	background-repeat: no-repeat;

	padding-left: 50px;
	height:  85px;
	display: inline-block;
	position: absolute;
	top: 0;
}


.arrowlink.left {
	background-position: 0 -194px;
}
.arrowlink.left:hover {
	background-position: 0 -294px;
}
.arrowlink.right {
	background-position: right 4px;
	position: absolute;
	right: 0;
	text-align: right;
	padding-right: 50px;
}
.arrowlink.right:hover {
	background-position: right -94px;
}

/* @end */

/* @group Startseite */


/* Startseite 
---------------------------*/


/* AKTUELL Infobox rechts */



.homepage #mainWrap {
  width:  61em;
}

.homepage #rightCol {
  width:  23em;
}

#rightCol.aktuell {
  line-height: 1.2;
}

.aktuell h2, .aktuell h3, .aktuellbox-headline{
  font-size: 1em;
  margin: 0;
      
}

.aktuell p {
  margin-bottom: 0.8em;
  line-height: 1.2
}
    
.aktuell a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
}



/* Content mitte */

p.aufmacherbild {
  margin-bottom:  0.6em;  
}

p.aufmacherbild a img{
  border: 1px solid #1c1c1c;  
}

p.aufmacherbild a:hover img{
  border: 1px solid #fff200;  
}

.homepage .longtitle {
  margin-bottom:  0;
}

.homepage .pagetitle small {
  font-size: 0.76em;
}

.homepage .terminInfo {
  font-size:  2.2em;
  font-weight: bold;
  margin: 0;
}

.homepage h1 a,
.homepage .terminInfo a,
.homepage .longtitle a {
  color: #f4f4f4;
}
.homepage h1 a:hover,
.homepage .terminInfo a:hover,
.homepage .longtitle a:hover {
  color: #fff200;
}

#fullscreen {
  position: absolute;
  top: 0; left: 0;
  cursor:  pointer;
  cursor: hand;
}

#veranstaltungen .pagetitle {
  font-size: 2em;
  margin-bottom: 2em;
}


/* @group Homepage Hochformat */

.homepage.hochformat #content{
  position: relative;
  width:  60em;
  } 

.homepage.hochformat p.aufmacherbild {
  width:  293px;
  float:  left;
}
.homepage.hochformat p.aufmacherbild img{
  width:  293px;
}

.homepage.hochformat h1.pagetitle {
  width:  360px;
  margin: 0 0 0 310px;
}

.hochformat #veranstaltungen {
  position: absolute;
  bottom: 0;
  left:  310px;
  width: 350px;
}

/* @end */



/* @end */





/* @group Detailseite */

/* @group Vimeo */
   .button.play{
     display: block;
     padding: 7px 14px;
     width: 28px;
     background: #111;
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     -o-border-radius: 5px;
     -ms-border-radius: 5px;
     -khtml-border-radius: 5px;
     border-radius: 5px;
     opacity:  0.7;
   }
   
	 .button.play i {
	  display: block;
   	width: 0;
   	height: 0;
   	margin-left: 6px;
   	border-top: 10px solid transparent;
   	border-bottom: 10px solid transparent;
   	border-left: 20px solid #fff;
   }   

   a.vimeo {
	display: block;
	position: relative;	
}
   a.vimeo .button {
	position: absolute;
	top: 50px;
	left: 60px;	
}
   a.vimeo:hover .button.play i {
     border-left-color: #FFF200; 
   }

/* @end */





.pagetitle small{
  font-weight: normal;
  font-size: inherit;
  text-transform: none!important;
}


.detailseite .longtitle,
.longtitle {
  font-size: 1.9em;
  margin-top: 0;
  line-height: 1.4;
}

.subHead a {
  text-decoration: none;
}

.terminInfo {
  font-weight: bold;
}
.anlauftext {
  font-weight: bold;
}

ul.gallery {
  list-style: none;
  margin: 0;
  padding: 0;
  
}
.gallery .desc {
  display: none;
}


.gallery img, img.lightbox {
  border: 1px solid #1c1c1c;
  margin-bottom:  0.6em;    
}

.gallery img:hover,  img.lightbox:hover {
  border:  1px solid #ffff48;  
} 
img#aufmacherbild {
  margin-bottom:  1.2em;  
}
 
    
/* @end */

/* @group Masterseite,  Absatz mit Bild rechts */

  #content.masterPage {
  
} 

.imgBlock {
   clear: both;
   overflow: auto;
   border-top: 1px solid #1C1C1C;
   margin: 0 0 4em 0;


}    

.imgBlock img {
    float: right;
    margin-left: 20px;
}    

.imgBlock h2 {
    font-size: 1em;
    text-transform: uppercase; 
    margin: 0 0 0.2em 0;
}    


.imgBlock p {
     width: 36em; 
    margin: 0 2em 1.5em 0;
    padding: 0;

}

h2.listTitle {
  font-weight: bold;
  margin-bottom: 0;
}    
.listLongtitle {
  margin: 0; 
  font-size: 1.4em;
}    

.orderlink {
  margin-top: 1.4em!important;
  font-weight: bold;
}

.orderlink a {
  text-decoration: none;

}
/* @end */

/* @group Übersicht / große Blockliste */
.blocklist h2 {
	line-height: 1.4;
	margin-bottom: 3em;
}

.blocklist .block{
	margin-top: 0.4em;
	
} 

/* @end */








/* @group Archiv */
  ul.archiv, ul.archiv li {
  list-style: none;
}

.archivliste h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 1.5em 0 0.2em 0 ;
}

.archivliste p {
  margin: 0 0 0 0;
  line-height: 1.3;
}


.archivliste p a {
}


.archivliste h2 a,
.archivliste h3 a,
.archivliste h4 a,
.archivliste p a {
  color: #f4f4f4;
  text-decoration: none;
}  

.archivliste h2 a:hover,
.archivliste h3 a:hover,
.archivliste h4 a:hover,
.archivliste p a:hover {
  color: #fff200;
}  

.archivliste p.upper {
  margin: 1.5em 0 0 0;
  font-weight: bolder;
}

.archivliste dt {
  font-weight: bold;
  text-transform: uppercase;
}
.archivliste dd {
  margin-bottom: 1em;
}

/* @end */


/* @group Formulare */
#kontaktformular {
  margin: 0 0 2em 0;
}

#kontaktformular label {	
  float: left;	
  width: 7em;
  _\width: 5em;
}


#kontaktformular input[type=text], 
#kontaktformular textarea {	display:block;	margin-left: 90px; width: 350px; 
}

* * body #kontaktformular textarea {
  margin-left: 95px;
} 

* * body #kontaktformular p {
 width: 454px;  
  
}

#kontaktformular p.anrede label,
#kontaktformular p.checkbox label {
  float: none;	
} 

#anrede-1 {
  margin-left: 4.5em;
}
#anrede-2 {
  margin-left: 1em;
}

#mitglied {
  margin-left:  7.5em;
}


.buttonbox {
  text-align: right;
}


address {	font-style: normal;	line-height: 160%;}

.FSF_form{}
.FSF_input { 
  width: 340px; 
  background-color: #1c1c1c;
  color: #fff;
  font-size: 1.2em;
  padding: 0.2em;
  margin-right:  0.5em; 
}
#kontaktformular .FSF_submit, #kontaktformular #abschicken {
  width: auto!important; display: inline; 
}


.ordertext {
  text-transform: uppercase;
}

.FSF_SearchResults {}
.FSF_result { margin: 0 0 1.4em 0; font-size: 1em;}
.FSF_resultLink {}
.FSF_resultDescription {}
.FSF_pagination { margin:  2em 0 }

.FSF_pages { 
  list-style: none;
  overflow: hidden;
}
.FSF_pages li { 
  border-right: 1px solid white;
  float: left;
}
.FSF_pages li.last { 
  border-right: 0 solid;
}
.FSF_pages li a{ 
  display: block;
  padding: 0 4px ;
  margin: 0 3px;
}
.FSF_pages li a:hover,
.FSF_pages li a.current{ 
 background-color: #fff200;
 color: #333;
}
.FSF_result {
  list-style: none;
}
.FSF_resultsIntroFailure, .FSF_intro { margin: 1.5em 0;}

/* @end */

/* @group Fehlermeldungen  */



.flash {
  margin: 0 0 2em 2em;
}

.flash, .error {
  font-size: 12px;
}
.flash {
  color: #fff200;
}

.flash p {}

input.error, textarea.error {
  background-color: #f9ff7c;
  color: #1c1c1c;   
  border-color: #fff200!important;
}  
/* @end */

/* @group Publikationen */

.publiste {
  list-style: none;
  margin:  2em 0;
}  

.publiste li {
  margin: 0 0 40px 0;
  overflow: hidden;
}

.publiste li .image {
	display: block;
	float:  left;
}

.publiste li div.pub_text {
    display: block;
    margin-left: 220px;
}

.publiste h2 {
	margin: 0 0 0.5em 0;
}

/* @end */

/* @group Jahresabgaben */
#artistsList  {
  margin: 2em 0;
}

#artistsList li {
	display: inline;
	text-transform: uppercase;
	font-weight: bold;
}

.wenige, lieferbar, vergriffen {
	text-transform: uppercase;
}

/* @end */


/* @group AjaxSearch */

 #ajaxSearch_form {
     color: #444;
     width: auto;
     margin-top: 5px;
 }
 #ajaxSearch_input {
     width: 18em;
     display: inline;
     height: 17px;
     color: #f4f4f4; 
     background: #2d2d2d;
     border: 1px solid #f4f4f4; left;
     margin: 0 3px 0 0;
     padding: 3px 0 0;
     vertical-align: top;
     color: #f4f4f4;   
 }
 #ajaxSearch_submit {
     display: inline;
     height: 22px;
     line-height: 22px;
 }
 #ajaxSearch_output {
     border: 1px solid #444;
     padding: 10px;
     background: #232323;
     display: block;
     height: auto;
     vertical-align: top;
 }
 .ajaxSearch_paging {

 }
 .AS_ajax_result {
     color: #777;
     margin-bottom: 3px;
 }
 .AS_ajax_resultLink {
   text-transform: uppercase;  
 }
 .AS_ajax_resultDescription{
     color: #999;
 }
 .AS_ajax_more {
     color: #555;
 }


 .ajaxSearch_highlight, 
 .ajaxSearch_highlight1,
 .ajaxSearch_highlight2,
 .ajaxSearch_highlight3,
 .AS_ajax_hightlight1,
 .AS_ajax_hightlight2,
 .AS_ajax_hightlight3 {
   color: #ffff48;    
}

  
/* @end */



/* @group Presse */
  


.pressepdf {
  margin: 2em 0;

}

table.presse {

  margin-top: 25px; 
  border-collapse: collapse;
  
}

.presse tr  {
  vertical-align: top;
}   

.presse th {
  text-align: left;
  padding-bottom: 1.5em;
}   
.presse .bild {
  padding: 0 0 20px 0;   
}

.presse .credit {
  width: 36em;
  padding: 0 20px 0 0;   
  
}   

.presse p {
  margin: 1em 0;
}

/* @end */