@charset "utf-8";

/*
**************************************
stylehsheet allgaeu-initiative.de
copyright www.interaktiv manufaktur.de
autor thomas tiedtke

**************************************
*/


/* 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-image: url('_images/bg_body.jpg');
   background-repeat: repeat;
   background-attachment:fixed;
}

body,td,th,a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:17px;
   color: #636466;
}

h1, h1 a {
   /* font-size: 20px; */
   font-weight:bold;
   text-decoration:none;
}

h2, h2 a {
   font-weight:bold;
   text-decoration:none;
}

h3, h3 a {
   font-weight:bold;
   text-decoration:none;
}

h4, h4 a {
   font-weight:bold;
   text-decoration:none;
}

ul {
   list-style: square;
   margin-left:20px;
}
li {
   margin-left:0px;
}
acronym {
   cursor: help;
}
strong {
   font-weight: bold;
}

.trenner {
   clear:both;
   background: url('/fileadmin/templates/_images/bg_trenner.gif') repeat-x;
   height:5px;
   margin-top:30px;
   margin-bottom:30px;
   width:520px;
}


/* Links
******************************** */

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

a:hover {
   color: #8A2337;
}

.detail li a,
a.link,
a.external-link-new-window {
   /* display: block; */
   padding-left:18px;
   text-decoration:none;
   background: url('/fileadmin/templates/_images/icn_link.gif') 0px 3px no-repeat;
}

.detail li a:hover,
a.link:hover,
a.external-link-new-window:hover {
   text-decoration:none;
}


li a.external-link-new-window {
   padding-left:18px;
   text-decoration:none;
   background: url('/fileadmin/templates/_images/icn_link.gif') 0px 3px no-repeat;
}






/*
Seiten-Bereiche
************************************** */

#page {
   margin-left:auto;
   margin-right:auto;
   width:1050px;
   padding-top:20px;
   min-height:800px;
   position:relative;
   top:0;
   left:0;
}

#headCanvas {
   position:relative;
   top:0;
   left:0;
   z-index:50;
   height:270px;
   width:1050px;
}

#head {
   position:absolute;
   top:0;
   left:0;
   z-index:100;
   height:270px;
   width:1050px;
   background-repeat:no-repeat;
}

#headImageChanger {
   position:absolute;
   top:0;
   left:0;
   height:270px;
   width:1050px;
}

#logo {
   position:absolute;
   left:858px;
   top:-20px;
   z-index:200;
}

/* Hauptbereich */
#main {
   background-color:#DFDFE2;
   margin-top:20px;
}

#mainHead {
   height:140px;
}

#mainHead img.h1 {
   margin-left:27px;
   margin-top:50px;
}

/* Inhaltsbereich */
#content {
   position:relative;
   top:0;
   left:0;
    width:585px; 
   min-height:490px;
   padding-bottom:40px;
}

/* Inhaltsbereich */
#info {
   margin-top:-90px;
   padding-bottom:40px;
}


/* Footer */
#footer {
   padding: 8px 0px 36px 34px;
   text-align:right;
   color:#FFFFFF;
   font-size:11px;
}

#footer ul {
   list-style:none;
}

#footer li {
   float:right;
}

#footer li.active span {
   font-weight:bold;
   color:#FFFFFF;
   font-size:11px;
}

#footer a {
   color:#FFFFFF;
   font-size:11px;
   text-decoration:none;
   background:none;
}

#footer a:hover {
   font-weight:bold;
}


/* Tabellen-Raster: Spalten */

/* linke Spalte (Nav2) */
td.nav2 {
   width:275px;
   vertical-align:top;
   text-align:right;
}
/* mittlere Spalte */
td.content {
   width:585px;
   vertical-align:top;
}

/* rechte Spalte (Sidebar, ergaenzender Inhalt) */
td.info {
   width:190px;
   vertical-align: top;
}



/*
Styles Detailseiten
*********************************
*/


/* Unterschiedliche Styles Dateilseite */

/* Detailseite / Bereich */
.detail {
   padding-right:25px;
   margin-right:25px;
}


.contentStandard .detail {

}

/* Detail-Seite Überschrift */
.detail h1 {
}

/* Detail-Seite überschrift 2 */
.detail h2 {
}

/* Detail-Seite Text */
.detail p.intro {
   font-weight:bold;
}	

/* Detail-Seite Text */
.detail p {
   margin-bottom:17px;
}

/* Detail-Seite Liste */
.detail ul {
   list-style-image: url('/fileadmin/templates/_images/icn_listitem.gif');
   margin-bottom:17px;
}

/* Links im Inhaltsbereich
Typo3 setzte eigene Links (ohne href), diese werden aber vom IE als Links gekennzeichnet,
wenn Link-CSS über .detail a gesetzt wird */
.bodytext a,
.contenttable a,
.news-list-item a {
   display: inline-block;
   padding-left:18px;
   text-decoration:none;
   background: url('/fileadmin/templates/_images/icn_link.gif') 0px 4px no-repeat;
}

.news-list-item a.download {
   background-position: 0px 10px;
}

.detail a:hover {
   text-decoration:none;
}


/* Detail Tabelle */
.contenttable {
   height:auto;
   width:auto;
}

.contenttable td {
   width:auto;
   padding-right:12px;
   vertical-align:top;
}

.contenttable p.bodytext {
   margin:0;
}



/* Detail Karten-Seiten */

.contentMap {
   position:relative;
   top:0;
   left:0;
}

.contentMap .detail {
   border:1px solid #FFFFFF;
   background-color: #F2F2F2;
   padding-bottom:30px;
}

.contentMap .bodytext,
.contentMap h2 {
   padding-left:20px;
}

.contentMap .contenttable {
   margin-left:20px;
}
.contentMap .contenttable td.td-0 {
   width:190px;
   padding-right:10px;
   font-weight:bold;
}
.contentMap .contenttable tr td:first-child {
   font-weight:bold;
   width:100px;
}

.contentMap .trenner {
   margin-left:20px;
}


/* Detail Allggaeuer Koepfe Seiten */

.contentKoepfe {

}

.contentKoepfe .detail {
   
}

.contentKoepfe h2 {
   color: #8A2337;
}

.contentKoepfe h3 {
   
}

.contentKoepfe p {
/*   margin-bottom: 0px; */
}

/* Abstand unter den B ilder in rechter Spalte */
.csc-textpic-imagecolumn .jqfancybox img {
   margin-bottom:20px;
}




/*
Infobereich
******************************************** */

#info {
   font-size:10px;
}

.infoBox {
   position:relative;
   top:0;
   left:0;
   width:151px;
   border: 1px solid #FFFFFF;
   color: #9B9C9E;
   font-size:10px;
   background-color:#F2F2F2;
   padding-top:28px;
   margin-bottom:34px;
}	

.infoBoxIcon {
   position:absolute;
   top:-16px;
   left:120px;
}

.infoBox h3 {
   padding-left:14px;
   padding-right:5px;
}

.infoBox h3.map {
   color: #842337;
}

.infoBox h3 a {
   padding-left:0;
   font-weight:bold;
   text-decoration:none;
   background-image:none;
}

.infoBox p {
   padding-left:14px;
   padding-right:5px;
}

.infoBox p.item {
   padding-left:14px;
   padding-right:5px;
   padding-bottom:8px;
   border-bottom: 1px solid #FFFFFF;
   margin-bottom:4px;
}

.infoBox ul {
}

.infoBox a {
   color: #9B9C9E;
   font-size:10px;
   display: inline-block;
   padding-left:18px;
   text-decoration:none;
   background: url('/fileadmin/templates/_images/icn_link.gif') 0px 5px no-repeat;
}
.infoBox a:hover {
   color: #842337;
   text-decoration:none;
}

.infoBoxNewsListContainer {
   padding-bottom:16px;
}

.newsItemLink  {
   margin-left:4px;
}

.infoBoxItem {
   margin-top:16px;
   border-top:1px solid #FFFFFF;
   padding-top:16px;
}

.infoBoxItem:first-child {
   margin-top:0;
   border-top:none;
   padding-top:0;
}


img.linkedMap {
   margin-top:14px;
}

a.imglinkStandort {
   margin-top:16px;
   border-top:1px solid #FFFFFF;
   display:block;
   background: url('/fileadmin/templates/_images/icn_standort-karte_norm.gif') no-repeat;
   width:150px;
   height:150px;
   padding-left:0;
}
a.imglinkStandort:hover {
   background-image: url('/fileadmin/templates/_images/icn_standort-karte_over.gif');
}

a.imglinkInteraktiv {
   margin-top:16px;
   border-top:1px solid #FFFFFF;
   display:block;
   background: url('/fileadmin/templates/_images/icn_interaktive-karte_norm.gif') no-repeat;
   width:150px;
   height:150px;
   padding-left:0;
}
a.imglinkInteraktiv:hover {
   background-image: url('/fileadmin/templates/_images/icn_interaktive-karte_over.gif');
}

a.imglinkKoepfe {
   margin-top:16px;
   border-top:1px solid #FFFFFF;
   display:block;
   background: url('/fileadmin/templates/_images/icn_koepfe_norm.gif') no-repeat;
   width:150px;
   height:150px;
   padding-left:0;
}
a.imglinkKoepfe:hover {
   background-image: url('/fileadmin/templates/_images/icn_koepfe_over.gif');
}

ul.langSelector {
   margin-left:8px;
   padding-left:0;
   list-style:none;
   height:24px;
}

ul.langSelector li {
   padding-right:4px;
   float:left;
}
ul.langSelector li.langSelectorItemActive {
   color: #8A2337;
}
ul.langSelector a {
   background-image:none;
   padding-left:0;
}


.linkContainer {
   margin-top:16px;
   margin-left:12px;
   margin-bottom:16px;
}

.linkContainer a {
   padding-left:16px;
   padding-right:10px;
}

.crossNavLinkContainer {
   margin-bottom:17px;
}

.crossNavLinkContainer a {
   display:block;
   background:none;
   padding-left:0;
}
.crossNavLinkContainer a:hover {
   color: #8A2337;
}

.innerpageLinkContainer {
   margin-left:12px;
   margin-bottom:17px;
}

.innerpageLinkContainer a {
   display:block;
   padding-left:14px;
   background: url('/fileadmin/templates/_images/icn_innerpagelink.gif') no-repeat 0px 3px;
}
.innerpageLinkContainer a:hover {
   color: #8A2337;
   background-image: url('/fileadmin/templates/_images/icn_innerpagelink_active.gif');
}




.nav3LinkContainer ul {
   list-style:none;
   padding-left:14px;
   margin-left:0;
   margin-bottom:14px;
}

.nav3LinkContainer a {
   display:block;
   padding-left:0;
   background:none;
}

.nav3LinkContainer a.active {
   color: #8A2337;
   display:block;
}

.nav3LinkContainer a:hover {
   color: #8A2337;
}

.downloadsContainer {
   padding-left:14px;
   margin-bottom:16px;
}

/* Extension: News
****************************************** */


.news-list-item {
   margin-bottom: 26px;
   padding-bottom:26px;
   background: url('/fileadmin/templates/_images/bg_trenner.gif') repeat-x bottom;
   width:520px;
}

.news-list-item:last-child {
   margin-top:0;
   padding-top:0;
   border-top: none;
   background:none;
}

.news-list-item h2 {
   margin-bottom:17px;
}

p.news-list-date {
   margin-bottom:0;
}

.news-list-item img {
   margin-bottom:17px;
}

.news-list-item dl {
   margin-left:0;
   padding-left:0;
}

.news-list-item dd a {
   margin-left:0;
}


/* Downloads bei News */
.news-list-item dd {
   margin-left:0;
   padding-left:0;
   margin-bottom:12px;
}

.newsDownload:first-child {
   margin-top:12px;
}

/*
Navigation: Top-Navigation (Nav1)
**************************************
*/

#nav1 {
   position:absolute;
   top:38px;
   left:20px;
   z-index:200;
}

#nav1 img {
   background-color:#F5F5F7;
   padding-left:0px;
   padding-right:0px;
   margin-right:18px;
}

#nav1 ul {
   list-style:none;
}

#nav1 ul li {
   float: left;
}


a.nav1,
a.nav1Active {
   display:block;
}

a.nav1:hover,
a.nav1Start:hover {
}

a.nav1Active {
   background-color: #FE7A35;
}




/*
Navigation: Sub-Navigation (Nav2)
**************************************
*/

/* Nav 2 leicht nach oben versetzen */
#nav2 {
   width:235px;
   padding-right:40px;
}

#nav2 img {
   
}

#nav2 ul {
   list-style:none;
}

#nav2 li {
   margin-bottom:12px;
}


/*
Navigation: Sub-Navigation (Nav3)
**************************************
*/

.nav3 {

}

.nav3GroupsContainer {
   margin-left:14px;
}

.nav3GroupsContainer h3 {
   padding-left:0;
}
.nav3GroupsContainer ul {
   list-style:none;
   margin:0;
   margin-bottom:16px;
   padding:0;

}

.nav3Headline {
   font-weight:bold;
}

.nav3Item,
.nav3Item a {
   background:none;
   padding-left:0;
   font-weight:normal;
}

.nav3Item a:hover {
   font-weight:normal;
   color: #8A2337;
}

.nav3ItemActive,
.nav3ItemActive a {
   color: #8A2337;
}

/* Spezielle Links */
a.imglink {
   padding:0;
   background:none;
}


/* Start-Grafik: Wirtschaftsraum */

#startGrafik {
   position:relative;
   top:0;
   left:80px;
   width:400px;
   height:175px;
   background: url('_images/start/grafik_bg.gif') no-repeat;
}

#startGrafikWirtschaftsraum {
   position:relative;
   top:68px;
   left:16px;
}

.startGrafikLink {
   position:absolute;
   width:175px;
   height:30px;
   text-indent:-2000px;
   background-position:top left;
   background-repeat:no-repeat;
   outline-style:none;
}

#startGrafikBilden  {
   top:18px;
   left:211px;
   background-image: url('_images/start/grafik_bilden_norm.gif');
}
#startGrafikBilden:hover  {
   background-image: url('_images/start/grafik_bilden_active.gif');
   outline-style:none;
}

#startGrafikWirtschaften  {
   top:18px;
   left:16px;
   background-image: url('_images/start/grafik_wirtschaften_norm.gif');
}
#startGrafikWirtschaften:hover  {
   background-image: url('_images/start/grafik_wirtschaften_active.gif');
   outline-style:none;
}

#startGrafikLeben  {
   top:120px;
   left:16px;
   background-image: url('_images/start/grafik_leben_norm.gif');
}
#startGrafikLeben:hover  {
   background-image: url('_images/start/grafik_leben_active.gif');
   outline-style:none;
}

#startGrafikEntwickeln  {
   top:120px;
   left:211px;
   background: url('_images/start/grafik_entwickeln_norm.gif') no-repeat;
}
#startGrafikEntwickeln:hover  {
   background-image: url('_images/start/grafik_entwickeln_active.gif');
   outline-style:none;
}

/* en */
#startGrafikBildenEN  {
   top:18px;
   left:211px;
   background-image: url('_images/start/en/grafik_bilden_norm.gif');
}
#startGrafikBildenEN:hover  {
   background-image: url('_images/start/en/grafik_bilden_active.gif');
   outline-style:none;
}

#startGrafikWirtschaftenEN  {
   top:18px;
   left:16px;
   background-image: url('_images/start/en/grafik_wirtschaften_norm.gif');
}
#startGrafikWirtschaftenEN:hover  {
   background-image: url('_images/start/en/grafik_wirtschaften_active.gif');
   outline-style:none;
}

#startGrafikLebenEN  {
   top:120px;
   left:16px;
   background-image: url('_images/start/en/grafik_leben_norm.gif');
}
#startGrafikLebenEN:hover  {
   background-image: url('_images/start/en/grafik_leben_active.gif');
   outline-style:none;
}

#startGrafikEntwickelnEN  {
   top:120px;
   left:211px;
   background: url('_images/start/en/grafik_entwickeln_norm.gif') no-repeat;
}
#startGrafikEntwickelnEN:hover  {
   background-image: url('_images/start/en/grafik_entwickeln_active.gif');
   outline-style:none;
}


/* Allgaeuer Koepfe
***************************************** */


.koepfeListCanvas {

}

.koepfeListItem {
   display: block;
   width: 150px;
   height: 210px;
   margin-right: 25px;
   float:left;
}


a.koepfeListLabelActive {
   display: block;
   height:33px;
   background:url('/fileadmin/templates/_images/icn_koepfelist_label-bg_active.gif') 0px 17px no-repeat;
}
.koepfeListLabel {
   display: block;
   height:33px;
   background:url('/fileadmin/templates/_images/icn_koepfelist_label-bg_norm.gif') 0px 17px no-repeat;
}

a.koepfeListLabelActive span {
   font-size: 12px;
   line-height:17px;
   padding-left:4px;
   padding-right:4px;
   padding-top:2px;
   padding-bottom:2px;
   color:#FFFFFF;
   background-color: #8C2236;
   font-weight: bold;
}

.koepfeListLabel span {
   font-size: 12px;
   line-height:17px;
   padding-left:4px;
   padding-right:4px;
   padding-top:2px;
   padding-bottom:2px;
   color:#FFFFFF;
   background-color: #A6A7A9;
   font-weight: bold;
}

div.koepfeListImgBox {
   position: relative;
   top:0;
   left:0;
   cursor: pointer;
}

div.koepfeListImgBox img {
   position: absolute;
   top:0;
   left:0;
}
.koepfeListImgText {
   position: absolute;
   top:0;
   left:0;
   color:#FFFFFF;
   background-color: #8C2236;
   width: 150px;
   height: 150px;
}
.koepfeListImgText p {
   padding:12px;
}
.koepfeListImgText strong {

}


/* tt_news/downloads */
.downloadsContainer ul.downloadsList {
   margin-left:0;
   list-style: none;
}

.news-single-links {
   
}

.news-single-backlink a  {
   /* display: block; */
   padding-left:18px;
   text-decoration:none;
   background: url('/fileadmin/templates/_images/icn_back.gif') 0px 3px no-repeat;
}

.news-list-morelink a  {
   /* display: block; */
   padding-left:18px;
   text-decoration:none;
   background: url('/fileadmin/templates/_images/icn_link.gif') 0px 3px no-repeat;
}

.news-single-item h2 {
   margin-bottom:12px;
}