@charset "UTF-8";
@import url('/aticontent/themen/3/css/1.css');
@import url('/aticontent/themen/1/css/atiqualerie.css');

 /* 14.08.2011 18:03 (c) ati Technische Systeme und Dienstleistungen, www.ati-online.de */

 body {
  padding: 30px 0 20px 0;
  }


 /******************************************************************************************
 * atiqualerie                                                                             *
 ******************************************************************************************/
  
 .atiqualerie {
 	background-color: transparent;
  }
  
 .atiqualerie .vorschaubildrahmen {
 	float: left;
 	position: relative;
 	width: 106px;
 	height: 121px;
 	margin: 0 8px 0 0;
  }
  
 .atiqualerie .vorschaubild {
 	height: 85px;
 	border: 5px solid #FFFFFF;
  background-repeat: no-repeat;
  background-position: center center;
  }
 
 .atiqualerie .vorschaubild.aktiv {
 	border: 5px solid #FF3399;
  }
 
 .atiqualerie .detailbilder .bild {
  height: 480px;
  }
 
 .atiqualerie * {
 	color: #000000;
  }

 .atiqualerie .detailbilder .bild .bildlink,
 .atiqualerie .detailbilder .bild .bildtexthintergrund,
 .atiqualerie .detailbilder .bild .bildtext {
  height: 130px;
  }
  
 .atiqualerie .vsbildrueck,
 .atiqualerie .vsbildvor {
 	height: 85px;
 	margin: 30px 0 0 0;
  background-color: #FF3399;
  }
  

 .atiqualerie .bildrueck,
 .atiqualerie .bildvor {
 	position: absolute;
 	right: 5px;
 	top: 0px;
 	width: 25px;
 	height: 100%;
  background-color: transparent;
  }
  
 .atiqualerie .bildrueck {
 	left: 5px;
  }
  
 .atiqualerie .bildrueck a,
 .atiqualerie .bildvor a {
 	position: absolute;
 	left: 0px;
 	top: 200px;
 	width: 100%;
 	height: 40px;
  display: block;
  text-decoration: none;
  background: #FF3399 url('/aticontent/themen/1/bilder/atiqualerie/buttonrueck.gif') center center no-repeat;
  opacity:0.8;
  filter: alpha(opacity=80);
  }
  
 .atiqualerie .bildvor a {
  background: #FF3399 url('/aticontent/themen/1/bilder/atiqualerie/buttonvor.gif') center center no-repeat;
  }

 .atiqualerie .detailbilder .bildtextoeffner,
 .atiqualerie .detailbilder .bildtextschliesser {
  display: none;
  }

 .atiqualerie .detailbilder .bild .bildtexthintergrund,
 .atiqualerie .detailbilder .bild .bildtext {
 	position: absolute;
 	left: 0px;
 	top: 400px;
  width: 100%;
  height: 80px;
  display: inline;
  }
  
 .atiqualerie .detailbilder .bild .bildtext * {
 	text-align: center;
  }
  
 .atiqualerie .detailbilder .bild .bildtexthintergrund {
  background-color: #FFFFFF;
  opacity:0.5;
  filter: alpha(opacity=50);
  }
   
 .atiqualerie .detailbilder .bild .bildtext .innenrahmen {
 	margin: 10px;
  overflow: auto;
  }
  
  
 /******************************************************************************************
 * Bildergalerie                                                                           *
 ******************************************************************************************/
 
 .bildergalerie {
  height: auto;
  }
 
 .bildergalerie .details h1 {
  margin: 7px 0 10px 0;
  font-weight: bold;
  text-align: center;
  }
 

 /******************************************************************************************
 * Bildergalerie - Liste                                                                   *
 ******************************************************************************************/
 
 .bildergalerie .liste {
  margin: 0px;
  }
 
 .bildergalerie .listezeile {
  margin: 0px;
  }
 
 .bildergalerie .liste .galeriezelle {
 	float: left;
  }

 .bildergalerie .liste .listezeile div.titel {
  margin: 5px 0 0 0;
  }
 
 .bildergalerie .liste .listezeile div.titel p {
  font-weight: bold;
  text-align: center;
  }
 
 .bildergalerie .liste .listezeile .bild {
  text-align: center;
  }

 .bildergalerie .liste .galeriezelle {
  width: 227px;
  margin: 5px 25px 5px 0;
  padding: 10px 10px 10px 10px;
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  } 
  
 .bildergalerie .liste .galeriezelle.ende {
  margin: 5px 0 5px 0;
  } 
  
 .bildergalerie .liste .listezeile * {
  color: #0000DD;
  }
  
 
 /******************************************************************************************
 * Fuss                                                                                    *
 ******************************************************************************************/
 
 #fuss {
  width: 800px;
  height: 34px;
  margin: -35px auto 0px auto;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
  background-color: #FF3399;
  }

 #fuss p,
 #fuss span {
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 11px;
  color: #FFFFFF;
  }
  
 #fuss * {
  font-weight: normal;
  text-decoration: none;
  color: #FFFFFF;
  }
  
    
 /******************************************************************************************
 * Kopf                                                                                    *
 ******************************************************************************************/
 
 #kopf1 {
  width: 800px;
  height: 90px;
  margin: 0 0 0 10px;
  background-color: #FF3399;
  }


 /******************************************************************************************
 * Navigation - Farben                                                                     *
 ******************************************************************************************/
  
 #navigation,
 ul.baum13 {
  margin: 0px;
  padding: 0px;
  border: none;
  background-color: transparent;
  }
  
 #navigation {
  margin: 0 0 0 10px;
  padding: 5px 0 10px 0;
  }
  
 ul.baum13 {
  width: 800px;
  background-color: #FF3399;
  }
   
 ul.baum13 li {
  padding: 10px 8px 10px 8px;
  font-weight: bold;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #FFFFFF #E4E4E4 #F6F6F6 #F6F6F6;
  color: #FFFFFF;
  }

 ul.baum13 li.ende {
  padding: 10px 0px 10px 8px;
  }

 ul.baum13 li li {
  font-weight: normal;
  border: none;
  }
 
 ul.baum13 li.hover,
 ul.baum13 li:hover {
  background-color: transparent;
  color: #000000;
  }


 /******************************************************************************************
 * Navigation - Hyperinks                                                                  *
 ******************************************************************************************/
  
 ul.baum13 li a,
 ul.baum13 li a:link,
 ul.baum13 li a:active,
 ul.baum13 li a:visited,
 ul.baum13 li a:hover	{
  text-decoration: none;
  color: #FFFFFF;
  }
  
 ul.baum13 li.aktiv a,
 ul.baum13 li.aktiv a:link,
 ul.baum13 li.aktiv a:active,
 ul.baum13 li.aktiv a:visited,
 ul.baum13 li.aktiv a:hover	{
  color: #333333;
  }

 ul.baum13 ul.ebene2 li.inaktiv a,
 ul.baum13 ul.ebene2 li.inaktiv a:link,
 ul.baum13 ul.ebene2 li.inaktiv a:active,
 ul.baum13 ul.ebene2 li.inaktiv a:visited,
 ul.baum13 ul.ebene3 li.inaktiv a,
 ul.baum13 ul.ebene3 li.inaktiv a:link,
 ul.baum13 ul.ebene3 li.inaktiv a:active,
 ul.baum13 ul.ebene3 li.inaktiv a:visited {
  color: #003399;
  }
  
 ul.baum13 li a:hover,
 ul.baum13 ul.ebene2 li.inaktiv a:hover,
 ul.baum13 ul.ebene3 li.inaktiv a:hover {
  color: #333333;
  }

 ul.baum13 ul.ebene3 li.aktiv a,
 ul.baum13 ul.ebene3 li.aktiv a:link,
 ul.baum13 ul.ebene3 li.aktiv a:active,
 ul.baum13 ul.ebene3 li.aktiv a:visited {
  color: #333333;
  }
  

 /******************************************************************************************
 * Newsletter                                                                              *
 ******************************************************************************************/
  
 .newsletter .acformular {
  width: 400px;
  margin: 0px auto 0px auto;
  } 
  
  
 /******************************************************************************************
 * Sonstiges                                                                               *
 ******************************************************************************************/
 
 /* Muss hier stehen, weil sonst die Vorschaubilder mit Link-Unterstrichen angezeigt werden */
 .bildklein a {
  text-decoration: none;
  overflow: hidden;
  }
  
 
 /******************************************************************************************
 * Team                                                                                    *
 ******************************************************************************************/
 
 .team table {
  width: 100%;
  }
 
 .team table .td1,
 .team table .td2 {
  width: 100px;
  padding: 6px;
  text-align: left;
  vertical-align: middle;
  background-color: #EEEEEE;
  border: none;
  border-top: 5px solid #FFFFFF;
  }
 
 .team table .td1 {
  text-align: center;
  border-right: 2px solid #FFFFFF;
  }

 .team table .td2 {
  width: auto;
  }