/* @override 
	http://gak-bremen.de/assets/templates/gak/gak.css
	http://gak-bremen.de/assets/templates/gak/gak.css
	http://localhost/GAK/statisch/extracted-gak.css
*/

/* @group Basis */

/* Basiseigenschaften 
---------------------------*/
* {
 margin: 0;
 padding: 0;
}

html {

} 

html, body {
  background: #1c1c1c;
  height: 100%;
}

body {
  color: #f4f4f4;   
  font: normal 12px/1.2 helvetica, arial, sans-serif;
}

#map {
  color: #111;
}

a {
  color: #f4f4f4; 
  text-decoration: none;     
}

a:hover {
    color: #ffff48; 
  /* text-decoration: underline; */   
}

p a {
 /* text-decoration: underline; */
 font-weight: bold;
 text-transform: uppercase;
}

.no-underline {
  text-decoration: none;
} 

a img {
  border: none;
}

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.2;
  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.2;
  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 */

/* Layoutger∏st 
---------------------------*/

#satzspiegel {

  width:  80em;
  margin-top: 40px;
}

#sidebar {
  width: 14em;
  margin-left: 13px;
  margin-top:  0;
  float: left;
}

#mainWrap {
  margin-left: 14.5em;
  width: 57em;
}

#rightCol {
  float:  right;
  width: 18em;
}

#content {
  width: 36em;
  min-width: 445px;
  float:  left;
  margin-bottom: 6em;
}

#content.vollebreite {
  width: 53em;
}


#logoWrap {
  background-color: #1c1c1c;
}


#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');

}  

#footer {
  margin: 8em 0;
  width: 445px;
  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;

}

.pgNext {

}

.topLink {
  text-align: right;
  margin: 1.5em 0;
}
   
/* @end */


/* @group Navigation */

/* Navigationsliste  
---------------------------*/


.nav {
 list-style: none;
 
}


.nav li {
  margin-bottom: 1em; 
  _\height: 1%;

}

.nav a {
  text-decoration: none;
  font-weight: bolder;
  text-transform: uppercase;
  _\height: 1%; 
  padding: 0 0 0.4em 0;
  color: #fafafa;   
}      

.nav a:hover {
  /*background: #2a2a2a; */
  color: #fff200;
  
}


.nav li.here,
.nav li.here a {
  font-weight: bold;
  color: #fff200;
  /*background: #2a2a2a; */     
}

#FSF_form_navSearch {
  position:relative;
}

#sidebar .FSF_input {
  width:  100px;
  color: #f4f4f4; 
  background: #2d2d2d;
  border: 1px solid #f4f4f4;
  font-size: 1em!important;
  font-weight: bold;
  font-family: helvetica, arial;
  padding-left: 0;
}


#sidebar .FSF_input:focus {
   background: #2d2d2d;
  border: 1px solid #f4f4f4;
}

#sidebar .FSF_submit {
  margin-bottom: -0.2em;  
}

#sidebar .FSF_label {
  font-weight: bold; 
  position: absolute; 
}

#sidebar .FSF_label:hover {
  color: #fff200;  
}



/* @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 */





.pagetitle small{
  font-weight: normal;
  font-size: inherit;
  text-transform: none!important;
}


.detailseite .longtitle,
.longtitle {
  font-size: 1.9em;
  margin-top: 0
}

.subHead a {
  text-decoration: none;
}

.terminInfo {
  font-weight: bold;
}
.anlauftext {
  font-weight: bold;
}


.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 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;
  font-family: helvetica;
}

.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_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 1em 0;
  font-weight: bold;
 /*  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 */


