/* CSS Document */

.galerieKopf {
   padding: 0;
   width: 100%;
   margin: 0;
   float: left;
   }

.galerieKopf .introtext {
   padding: 0.25em 0 0.2em 0;
   width: 68%;
   margin: 0;
   float: left;
   }

.introtext h1 {
	padding: 0.5em 0 0.25em 1em;
	font-size: 1.2em;
	float: left;
	display: inline;
	margin: 0;
	color: #567A92;
	width: 95%;
	line-height: 110%;
	}
	
.introtext p {
	padding: 0.5em 0 0.25em 1.75em;
	font-size: 0.75em;
	float: left;
	display: inline;
	margin: 0;
	color: #567A92;
	width: 95%;
	line-height: 110%;
	}
	
.galerieKopf .logo {
   padding: 3em 0 0 0;
   width: 28%;
   margin: 0;
   float: right;
   }

/* ------------------------------------------------------------------- */  

.inv { display: none; }
img { border: 0; }
.left { float: left; }
.right { float: right; }

   
/* CONTENT ANFANG */
  
#galerieContent, #galerieContent_nonThumb {
	 clear: both;
	 margin: 0 0 1em 2px;
	 padding: 10px 0 0 0;
	 width: 39em;
	 float: left;
	 background: #fff url(/static/demografischer_wandel/pics/backs/galerie_kopf.jpg) no-repeat;
     } 
	 
/* ------------------------------------------------------------------- */  
	
	
/* BOX1 ANFANG */

#galerieContent #box1 {
   display: none;
   }


/* BOX2 ANFANG */
        
#galerieContent #box2, #galerieContent_nonThumb #box2 {
   float: left;
   width: 100% !important;
   padding: 0;
   background: #fff url(/static/demografischer_wandel/pics/backs/galerie_content.jpg) repeat-y left;
   }
   
#galerieContent_nonThumb #box2 .headlineBox {
   padding: 0.25em 0 0.2em 0;
   width: 100%;
   margin: 0;
   float: left;
   background: #fff;
   }

#galerieContent_nonThumb #box2 .headlineBox h2 {
   font-size: 0.8em;
   padding: 0.25em 0 0.25em 1em;
   text-transform: uppercase;
   letter-spacing: 1px;
   margin: 0;
   color: #0086ff;
   font-weight: bold;
   border: 0;
   } 
   
#galerieContent #box2 .galerieBild_gross, #galerieContent_nonThumb #box2 .galerieBild_gross {
   background: #f4f6f8 url(/static/demografischer_wandel/pics/backs/verlauf_galerie.jpg) repeat-x;
   text-align: center;
   padding: 0;
   margin: 0 9px 0 9px;
   width: 38em;
   z-index: 0;
   }
   
   
#galerieContent #box2 .galerieBild_gross .textbereich {
   display: none;
   }
   
   
#galerieContent #box2 .galerieBild_gross img, #galerieContent_nonThumb #box2 .galerieBild_gross img {
   border: 1px solid #fff;
   margin: 0.5em 0 0 0;
   }
   
#galerieContent_nonThumb #box2 .galerieBild_gross img {
   border: 2px solid #fff;
   margin: 1em 0 0 0;
   
   }
   
/* DIASHOWBOX ANFANG */
    
#galerieContent #box2 .diashowBox, #galerieContent_nonThumb #box2 .diashowBox {
   padding: 0.15em 0 0 0;
   width: 30%;
   margin: 0;
   float: left;
   }
   
#galerieContent #box2 .diashowBox p, #galerieContent_nonThumb #box2 .diashowBox p {
   font-size: 0.75em;
   padding: 0.25em 0 0 0.25em;
   margin: 0;
   float: left;
   }

/* ENDE KAPITELBOX */
   
/* #galerieContent #box2 .change_imag {
   clear: both;
   float: left;
   display: block;
   width: 27%;
   padding: 1em 0.5em 0 27.5em;
   margin: 0;
   color: #4c6e85;
   } */
   
   
 #galerieContent #box2 .change_imag {
  clear: both;
  float: left;
  display: block;
  padding: 0 0 0 26em;
  margin: 0.5em 0 0 0;
  width: 30%;
  position: relative;
  }

   
#galerieContent #box2 .btt {
   padding: 0;
   margin: 0;
   float: left;
   }

   
#galerieContent #box2 .az_kapitel {
   padding: 0.35em 0.75em 0 0;
   margin: 0;
   font-size: 0.75em;
   color: #4c6e85;
   float: left;
   line-height: 130%;
   width: 50%;
   }
	
	
/* */
   
#galerieContent #box2 .textbereich {
	clear: both;
	margin: 0;
	float: left;
	padding: 10px 3em 1em 3em;
	width: 33em;
	position: relative;
	background: url(/static/demografischer_wandel/pics/backs/galerie_fuss.jpg) no-repeat bottom;
   } 

   
#galerieContent #box2 .textbereich h1 {
   clear: both;
   font-size: 0.95em;
   font-weight: bold;
   color: #4c6e85;
   padding: 1em 0 0 0;
   margin: 0;
   width: 100%;
   } 

   
#galerieContent #box2 .textbereich p, #galerieContent_nonThumb #box2 .textbereich p {
   font-size: 0.75em;
   color: #4c6e85;
   padding: 0.5em 0 0.5em 0;
   margin: 0;
   float: left;
   width: 100%;
   position: relative;
   } 
   
#galerieContent_nonThumb #box2 .textbereich p {
   width: 100%;
   } 
  
	
#galerieContent #box2 .textbereich .extralink, #galerieContent_nonThumb #box2 .textbereich .extralink {
  padding: 0;
  margin: 1em 0 0 0;
  float: left;
  border: 1px solid #AEBAC2;
  width: 100%;
  background: #D5DCE1 url(/static/pics/backs/galerie_verlauf_bg.jpg) repeat-x top left;
  } 
  
#galerieContent_nonThumb #box2 .textbereich .extralink {
   width: 55%;
   } 
  
	
#galerieContent #box2 .textbereich .extralink ul, #galerieContent_nonThumb #box2 .textbereich .extralink ul {
  padding: 0;
  margin: 0;
  } 
  
#galerieContent #box2 .textbereich .extralink ul li, #galerieContent_nonThumb #box2 .textbereich .extralink ul li {
  clear: both;
  padding: 0.5em 0.5em 0.5em 1.25em;
  margin: 0;
  width: 95%;
  float: left;
  font-size: 0.7em;
  list-style-type: none;
  background: url(/static/pics/backs/pfeil.gif) no-repeat 4px 8px;
  } 


#galerieContent #box2 .textbereich .extralink p img.ardIcon, #galerieContent_nonThumb #box2 .textbereich .extralink p img.ardIcon {
	border: 0;
	vertical-align: top;
	padding: 0 2px 0 0;
	margin: 0;
	width: 14px;
	height: 12px;
	/* Das float ist raus, damit der IE die Listenpunkte alle gleich hoch macht */
	/* float: left; */
	clear: left;
	}

/* ENDE BOX2 */

/* BOX3 ANFANG */
   
#galerieContent #box3, #galerieContent_nonThumb #box3 {
   display: none;
   }