/*
**************************************
stylesheet ATG.de
autor Thomas Tiedtke
copyright interaktiv manufaktur
version imS2.5 // 2010
**************************************
*/


/* Styles normalisieren
***************************************** */
* {
   padding:0px;
   margin:0px;
}
h1, h2, h3, h4, h5, h6 {
   font-size:100%;
}
ol, ul {
   list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
   font-style:normal;
   font-weight:normal;
}
table {
   border-collapse: collapse;
   border-spacing: 0;
}
fieldset, img {
   border:0;
}
caption, th {
   text-align: left;
}

/* Allgemeine Styles
***************************************** */
body {
   background-color:#FBFBFB;
}
body, td, th, a, textarea {
   font-family:  Verdana, Arial, Helvetica, sans-serif;
   color:#878889;
   font-size:11px;  /* 11.5 */
   line-height:15px;
}
h1, h1 a {
   font-weight:normal;
   text-decoration:none;
}
h2, h2 a {
   font-weight:normal;
   text-decoration:none;
}
h3, h3 a {
   font-weight:normal;
   text-decoration:none;
}
h4, h4 a {
   font-weight:normal;
   text-decoration:none;
}
ul {
   list-style: none;
   margin:0;
   padding:0;
}
li {
   margin:0;
}
acronym {
   cursor: help;
}
strong {
   font-weight: bold;
}
.trenner {
   clear:both;
   border-bottom: #DDDDDF 1px solid;
   padding-bottom:14px;
   margin-bottom:15px;;
}

/* Links
******************************** */
a {
   outline: none;
   text-decoration:none;
}
a:hover {
}

/*
Seiten-Bereiche
************************************** */
#page {
   margin-left:auto;
   margin-right:auto;
   width:910px; 
   min-height:800px;
   padding-left:20px;
   padding-right:20px;
   padding-top:10px;
   padding-bottom:10px;
   position:relative;
   top:0;
   left:0;
   background: url(../images/page_bg.gif) repeat-y center;
}

/* Head ******************************** */
#headPrint {
   display:none; 
}
#head {
   position:relative;
   top:0;
   left:0;
   height:105px;
   width:910px;
   background: url(../images/head_bg.gif) no-repeat top left;
}
#headLogo {
   position:absolute;
   left:10px;
   top:10px;
}
#headTitle {
   position:absolute;
   top:10px;
   left:200px;
}
/* Hauptbereich */
#main {
}
/* Inhaltsbereich */
#content {
   position:relative;
   top:0;
   left:0px;
   width:740px; 
   min-height:800px;
}
/* Detailbereich */
#detail {
   padding-left: 30px;
   padding-right: 30px;
   min-height:750px;
   padding-bottom:40px;	     
}
/* Inhaltsbereich */
#info {
   position:relative;
   top:0; 
   left:0;
}
/* Layouttabelle */
td.nav {
   vertical-align: top;
   width: 170px;
   background-color: #E6E6E6;
}
td.content {
   position:relative;
   vertical-align: top;	
   width: 740px;
   background-color: #FFFFFF;
}
td.detail {
   vertical-align: top;	  
   width: 580px;
   background-color: #FFFFFF;
}
.detailStart {
   padding-top:40px;
}
td.info {
   vertical-align: top;	
   width: 160px;
   background-color: #E6E6E6;
}
.verlauf {
   height:340px; 
   background: url(../images/info_bg.gif) repeat-x top;
}
/*
Navigation: Top-Navigation (Nav1)
**************************************
*/
.nav1 {
   border-top:30px solid #FFF;
   background: url(../images/nav_bg.gif) repeat-y top left;
   padding:0;
   margin:0;
}
.nav1 li {
   min-height:29px;
   display: block;
   border-top:1px solid #FFFFFF;
   margin: 0;
   padding:0;
}
.nav1 li a {
   display:block;
   min-height:23px;   
   padding-top:6px;
   vertical-align: middle;
   color:#878889;
   padding-left:25px;
   background-position:left;
   background-repeat:no-repeat;
   background-image: url(../images/n1_pfeil_norm.gif);
}
.nav1 li a:hover {
   color:#58585A;
   text-decoration: none;
   background-image: url(../images/n1_pfeil_over.gif);
}
.nav1 li a.active {
}
#nav1-unternehmen a.active {
   background-image: url(../images/n1_pfeil_unternehmen_open.gif);
}
#nav1-leistungen a.active {
   background-image: url(../images/n1_pfeil_leistungen_open.gif);
}
#nav1-spezialwissen a.active {
   background-image: url(../images/n1_pfeil_spezialwissen_open.gif);
}
#nav1-team a.active {
   background-image: url(../images/n1_pfeil_team_open.gif);
}
#nav1-standorte a.active {
   background-image: url(../images/n1_pfeil_standorte_open.gif);
}
#nav1-karriere a.active {
   background-image: url(../images/n1_pfeil_karriere_open.gif);
}
#nav1-publikationen a.active {
   background-image: url(../images/n1_pfeil_publikationen_open.gif);
}
/*
Navigation: Navigation rechts (Nav2)
**************************************
*/
.nav2 {
   display:block;
   background-color:#F8F8F8;
}
.nav2 li {
   display:block;
   height:28px;
   border-top:1px solid #FFF;
}
.nav2 li a {
   display:block;
   min-height:19px;   
   font-size:10px;
   padding-left:25px;
   padding-top:7px;	   
   color:#878889;
   background:none;
}
.nav2 li a:hover {
   background: none;
}
.nav2 li a.active {
   padding-left:25px;
   background-position:0px 1px;
   background-repeat:no-repeat;
}
#nav1-unternehmen .nav2 li a.active {
   background-image: url(../images/n1_pfeil_unternehmen.gif);
}
#nav1-leistungen .nav2 li a.active {
   background-image: url(../images/n1_pfeil_leistungen.gif);
}
#nav1-spezialwissen .nav2 li a.active {
   background-image: url(../images/n1_pfeil_spezialwissen.gif);
}
#nav1-team .nav2 li a.active {
   background-image: url(../images/n1_pfeil_team.gif);
}
#nav1-standorte .nav2 li a.active {
   background-image: url(../images/n1_pfeil_standorte.gif);
}
#nav1-karriere .nav2 li a.active {
   background-image: url(../images/n1_pfeil_karriere.gif);
}
#nav1-publikationen .nav2 li a.active {
   background-image: url(../images/n1_pfeil_publikationen.gif);
}
.nav2 li a.active:hover {
   background-repeat: no-repeat;
}

/*
Navigation: Meta-Navigation
**************************************
*/
#headlineImageTop {
   position:relative;
   top:75px;
   left:200px;	
   z-index:100;   
   width:710px;
   height:30px;
  	background-color:#0065A6;
   opacity: .35; 
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; /*  first! */
   filter: alpha(opacity=35); 	/* second! */
}
#navMeta {
   text-align:right; 
   position:absolute;
   top:82px; 
   left:200px;
   z-index:200;
   height:30px;
   width:710px;   
}
#navMeta a {
   padding-right:10px;
   color:#FFFFFF;
}
#navMeta a:hover {
   color:#D8D8DC;
}
/* Toolbox 
********************************* */
.toolbox {
   background-color:#FFF;
   width:160px;
   height:86px;
   padding-bottom:4px;
   border-bottom: 1px solid #C3C3C5;
}
ul.tools {
   clear:both;
   height:21px;
   display:block;	
   padding-top:63px;
}
ul.tools li {
   height:30px;
   display:block;
   float:left;
}
/*
Navigation: Info-Navigation rechts (NavInfo)
**************************************
*/
#navServiceHeader {
   color:#878889;
   background-color:#FFF;
   padding-top:24px;
   padding-bottom:20px;
}
#navServiceHeader h4 {
   background:url('../images/insert_service.gif') no-repeat left;
   padding-left:35px;
}
#navService {
   /* height:120px; */
   padding:0;
   margin:0;
   background: url(../images/nav_bg.gif) no-repeat top left;
}
#navService li {
   display:block;
   border-bottom:1px solid #FFFFFF;
}
#navService a {
   height:18px;
   display: block;
   padding-left:35px;
   line-height: 16px;
   padding-top:6px;
   padding-bottom:6px;
   color:#878889;
}
#navService a.downloads {
   background: url(../images/icn_downloads.gif) no-repeat top left;
}
#navService a.links {
   background: url(../images/icn_links.gif) no-repeat top left;
}
#navService a.fernwartung {
   background: url(../images/icn_fernwartung.gif) no-repeat top left;
}
#navService a.kontakt {
   background: url(../images/icn_kontakt.gif) no-repeat top left;
}
#navService a.aktuell {
   background: url(../images/icn_atg-aktuell.gif) no-repeat top left;
}
#navService a.downloadsActive {
   background: url(../images/icn_downloads_active.gif) no-repeat top left;
}
#navService a.linksActive {
   background: url(../images/icn_links_active.gif) no-repeat top left;
}
#navService a.fernwartungActive {
   background: url(../images/icn_fernwartung_active.gif) no-repeat top left;
}
#navService a.kontaktActive {
   background: url(../images/icn_kontakt_active.gif) no-repeat top left;
}
#navService a.aktuellActive {
   background: url(../images/icn_atg-aktuell_active.gif) no-repeat top left;
}
#navService a:hover {
   color:#58585A;
   text-decoration: none;
}

/* Fernwartung
******************************************** */
#fernwartung {
   height:30px;
   background-color:#F8F8F8;
}
#fernwartung a.link {
   background-image:url(../images/pfeil_kkontakt.gif);
   background-position:2px -1px;
   background-repeat:no-repeat;
   display:block;
   padding-bottom:4px;
   padding-left:20px;
   padding-top:6px;
   font-size:10px;
}
/* Komptaktkontakt
******************************************** */
#kompaktkontakt {
   background-color:#F8F8F8;
   height: 135px;
}
#kompaktkontakt li {
   display:block;
   height:44px;
   border-bottom:1px solid #FFFFFF;
   /*
   padding-top:8px;
   padding-bottom:8px;
   display:block;
   background-image:url(../images/pfeil_kkontakt.gif);
   background-position:top left;
   background-repeat:no-repeat;
   padding-left:16px;
   font-size:10px;
   */
   /*
   font-size:11px;
   letter-spacing: -0.5px;
   */
}
#kompaktkontakt li a {
   background-repeat: no-repeat;
   background-position: left top;
   display:block;
   height:44px;
   width:160px;
}
#kompaktkontakt li a.kempten {
   background-image: url(../images/kk_kempten.gif);
}
#kompaktkontakt li a.kempten:hover {
   background-image: url(../images/kk_kempten_active.gif);
}
#kompaktkontakt li a.kaufbeuren {
   background-image: url(../images/kk_kaufbeuren.gif);
}
#kompaktkontakt li a.kaufbeuren:hover {
   background-image: url(../images/kk_kaufbeuren_active.gif);
}
#kompaktkontakt li a.augsburg {
   background-image: url(../images/kk_augsburg.gif);
}
#kompaktkontakt li a.augsburg:hover {
   background-image: url(../images/kk_augsburg_active.gif);
}

/*
Contentbereich
******************************************** */
#contentHeadlineImage {
   position: relative;
   left:30px;
}

/* Suchbox 
******************************************** */
.searchbox {
}
.searchIcon {
   display:block;
   float:left;
   width:20px;
   height:20px;
   background: #636466 url('../_images/icn_search.gif') left top no-repeat;
}
.searchtextbox {
   height:20px;
   width:145px;
   border:none;
   background-color:#3D3D3F;
   color:#FFFFFF;
}
/*
Styles Detailseiten
*********************************
*/
.detail h1 {
   font-size:18px;
   min-height:25px;
   line-height:25px;
   margin-left:0px;
   margin-top:32px;
   margin-bottom:19px;
   padding-left:30px;
   font-weight:bold;
   color:#0065A6;
   background-repeat:no-repeat;
   background-position: 0px 3px;
   background-image:url(../images/insert_standard.gif);
}
.detail h2 {
   margin-left:30px;
   margin-bottom:15px;
   font-weight: normal;
   color:#0065A6;
}
.detail h2 a {
   color:#0065A6;
}
.detail h3 {
   margin-left:30px;
   font-weight: normal;
   color:#0065A6;
}
.detail p {
   margin-left:30px;
   margin-bottom:15px;
}

.detail p a:hover {
   color:#58585A;
}
.detail p.indent {
   padding-left:1em;
   text-indent: -1em;
}
.detail table {
   margin-left:30px;
   margin-bottom:15px;
}
.detail table td {
   vertical-align: top;
}
.detail table p {
   margin-left:0;
}
.detail .color {
   color:#006494;
   /* wird fue einzelne Bereiche in sections.css definiert */
}
.detail a.link {
   color:#0065A6;
   display: block;
   text-decoration:none;
   float:left;
   margin-right:10px;
   padding-left:15px;   
   background: url(../images/link_pfeil_norm.gif) no-repeat left center;   
}
.detail a.link:hover {
   color:#73CAEF;
   background-image: url(../images/link_pfeil_over.gif);      
}
.detail a.showMore,
.detail a.showMoreOpen {
   color:#0065A6;
   display: block;
   text-decoration:none;
   margin-left:30px;
   margin-right:10px;
   padding-left:15px;   
   background: url(../images/link_pfeil_norm.gif) no-repeat left center;
}
.detail a.showMore:hover {
   color:#73CAEF;
   background-image: url(../images/link_pfeil_over.gif);   
}
.detail a.showMoreOpen {
   background-image: url(../images/link_pfeil_active.gif);
}
/* Navigation im Inhaltsbereich (Team/Partner) */
.detail a.linkContentNav,
.detail a.linkContentNavActive {
   color:#878889;
   display: block;
   text-decoration:none;
   margin-right:10px;
   padding-left:15px;
   background: url(../images/link_pfeil_grau.gif) no-repeat left center;
}
.detail a.linkContentNav:hover {
   color:#005692;
   background-image: url(../images/link_pfeil_norm.gif);
}
.detail a.linkContentNavActive {
   color:#005692;
   background-image: url(../images/link_pfeil_norm.gif);
}
/* Standorte 
***************************************** */
table.standort {
   margin-bottom:15px;
}
.standortKarteContainer {
   position: relative;
   top:0;
   left:0;
   height:600px;
}
#standortKarte {
   display:none;
   border-bottom: #DDDDDF 1px solid; 
}
#showMoreKarte { }
#standortKarteImg {  }
#standortKarteTools {
   position: absolute;
   top:0;
   left:0;
   padding-top: 15px;
}
/* Linksammlung/Accordion
***************************************** */
.contentgroups {
   clear: both;
   margin-top:33px;
   border-bottom: #DDDDDF 1px solid;
}
.contentgroupHeader,
.contentgroupHeaderOpen {
   clear: both;
   color:#0065A6;
   display: block;
   border-top: #DDDDDF 1px solid;
   padding-left:45px;
   padding-top:5px;
   min-height:24px;
   background: url(../images/link_pfeil_norm.gif) no-repeat 30px -2px;
}
.contentgroupHeader:hover {
   color:#73CAEF;
   background-image: url(../images/link_pfeil_over.gif);
}
.contentgroupHeaderOpen:hover {
   color:#73CAEF;
   background-image: url(../images/link_pfeil_active_over.gif);
}
.contentgroupHeaderOpen  {
   background-image: url(../images/link_pfeil_active.gif);
}
.contentgroup {
}
.contentitem {
   clear: both;
   border-top: #DDDDDF 1px solid;
   padding-top:5px;
   padding-bottom:5px;
   margin-bottom:5px;
   padding-left:30px;
}
.contentitem h2,
.contentitem h3 {
   margin-left:0;
}
.contentitem p {
   margin-left:0;
   min-height:15px;
}
.contentgroup .linkExt {
   color:#9B6748;
}
.personDetail table {
   padding-bottom: 0;
}
.personDetail {
   padding-bottom:15px;
   border-bottom: #DDDDDF 1px solid;
}
.newsitemDownloads {
   height:15px;
   padding-bottom:5px;
}

/* Formulare
***************************************** */
table.formular td {
   padding-top:5px;
}
label.error {
   color:#B4111E;
}
.textbox,
.textboxErr {
   padding-left:2px;
   color:#878889;
   border: #C3C3C5 2px solid;
   border-top:none;
   border-right:none;
   width: 398px;
   height:20px;
   -moz-border-radius-bottomleft: 3px;
   -webkit-border-bottom-left-radius: 3px;
}
.selectbox,
.selectboxErr {
   color:#878889;
   border: #C3C3C5 2px solid;
   width: 90px;
   -moz-border-radius: 3px;
   -webkit-border-bottom: 3px;
}
textarea,
textarea.err {
   padding-left:2px;
   color:#878889;
   border: #C3C3C5 2px solid;
   border-top:none;
   border-right:none;
   width: 398px;
   height:78px;
   background: url(../images/bg_textarea.gif) no-repeat right bottom;
   overflow: auto;
   -moz-border-radius-bottomleft: 3px;
   -webkit-border-bottom-left-radius: 3px;
}
.isvisible {
   visibility: visible;
}