/*

**************************************
Stylehsheet KolpingMuenchen.de
**************************************

Farben:

gelb1
.#FFD96A {
Color: #FFD96A;
}

gelb2
.#FFF4DE {
Color: #FFF4DE;
}
gelb3
.#FFC77A {
Color: #FFC77A;
}

orange hart
.#FF7E16 {
Color: #FF7E16;
}

orange
.#FEA935 {
Color: #FEA935;
}

braun
.#605843 {
Color: #605843;
}

*/


/* 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:#FFF7EA; */
}
body,td,th,a {
   font-family: Arial, Helvetica, sans-serif;
   font-size:12px;
   line-height:16px;
}

h1, h1 a {
   font-weight: normal;
   font-size:24px;
   line-height:30px;
   /* color: #FEA936; */
      color: #EE7F00;
   text-decoration:none;
}

h2, h2 a {
   /* color: #FEA936; */
      color: #EE7F00;
   font-size:12px;
   font-weight:bold;
   line-height:18px;
   text-decoration:none;
}

h3, h3 a {
   text-decoration:none;
}

h4, h4 a {
   text-decoration:none;
}

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

/* Kopfzeile oberhalb von Überschriften */
.superHead {
   color: #FF7F19;
   font-weight:bold;
}

.trenner {
   clear:both;
   height:4px;
   background-color:#FEA936;
   margin-top:16px;
   margin-bottom:16px;
}

.spacer {
   clear:both;
   height:8px;
}


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

a {
   color:#14426F;
}

a:hover {
   text-decoration:underline;
}

a.link {
   display: block;
   padding-left:24px;
   text-decoration:none;
   background: url('/_images/arr2_orange-right.gif') left 5px no-repeat;
}

a.link:hover {
   text-decoration:underline;
}

a.detail {
   background:url('/_images/icn_linkdetail.gif') center left no-repeat;
   padding-left:24px;
   text-decoration:none;
   color: #EE7F00;
}
a.detail:hover {
   text-decoration:underline;
}

a.detailGroup {
   display:block;
   background: url('/_images/arr2_orange-right.gif') left 2px no-repeat;
   padding-left:24px;
   text-decoration:none;
   color: #EE7F00;
}
a.detailGroup:hover {
   text-decoration:underline;
}

a.back {
   background:url('/_images/icn_linkback.gif') center left no-repeat;
   padding-left:18px;
   margin-left:10px;
   text-decoration:none;
}
a.back:hover {
}

a.linkint {
   display: block;
   background:url('/_images/icn_linkint.gif') top left no-repeat;
   padding-left:18px;
   text-decoration:none;
}
a.linkint:hover {
   text-decoration:underline;
}

a.linkext {
   background:url('/_images/icn_linkext_blau.gif') top left no-repeat;
   padding-left:18px;
   text-decoration:none;
}
a.linkext:hover {
   text-decoration:underline;
}


a.download {
   display: block;
   background:url('../_images/icn_linkdownload.gif') center left no-repeat;
   padding-left:18px;
   padding-top:5px;
   padding-bottom:5px;
   text-decoration:none;
}
a.download:hover {
   color:#F19731;
   text-decoration:underline;
}


a.downloadpdf {
   display:block;
   padding: 2px 0px 2px 20px;
   background:url('/_images/icn_pdfsmall.gif') top left no-repeat;
   text-decoration:none;
}
a.downloadpdf:hover {
   color:#F19731;
   text-decoration:underline;
}

a.print {
   background:url('/_images/icn_print.gif') center left no-repeat;
   text-decoration:none;
}
a.print:hover {
   text-decoration:underline;
}
a.email {
   display:block;
   background:url('/_images/icn_email.gif') left 2px no-repeat;
   padding-left:20px;
   text-decoration:none;
   color: #006699;
}
a.email:hover {
   text-decoration:underline;
}




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

#head {
   position:relative;
   top:0;
   left:0;
   background-color:#FFD96A;  
   background-image:url('/_images/h_bg.gif');
   background-repeat:no-repeat;
   background-position: 300px bottom;
   height:180px;
}

#branding {
   position:relative;
   left:0;
   top:0;
   width:462px;
   height:50px;
   background-color:#FFFFFF;
}

#logo {
   position:absolute;
   left:10px;
   top:10px;
}

#title {
   position:absolute;
   top:10px;
   left: 222px;
   background-color: #FFFFFF;
   width:240px;
   z-index:1;
   text-decoration:none;
   color: #FEA935;
   font-size:18px;
}

#title  span {
   text-decoration:none;
   color: #FEA935;
   font-size:10px;
}

/* Hauptbereich */
#main {
   position:relative;
   top:0;
   left:0;
   background: url(/_images/main_bg.png) top left repeat-x;
}

/* Hauptbereich */
#content {
   position:relative;
   top:0;
   left:0;
   padding:6px;
   background-color:#FFFFFF;
   vertical-align: top;
}

/* Footer */
#footer {
   clear:both;
   border-top: 2px #FFB43F solid;
   margin-top:20px;
   padding: 8px 0px 36px 34px;
   color:#8F8474;
}
#footer a,
#footer a.email {
   display:inline;
   color:#8F8474;
   text-decoration:none;
   background:none;
   padding-left:0;
}
#footer a:hover {
   text-decoration:underline;
}


/* linke Spalte (Nav2) */
td.nav2 {
   width:224px;
   vertical-align: top;
}
/* mittlere Spalte */
td.content {
   width:732px;
   background:#FFFFFF;
   vertical-align: top;
}
td.overview {
   width:732px;
   background:#FFFFFF;
   vertical-align: top;
}

/* mittlere Spalte */
td.detail {
   width:480px;
   background:#FFF5DF;
   vertical-align: top;
   padding-bottom:160px;
}
/* rechte Spalte (Sidebar, ergaenzender Inhalt) */
td.info {
   background-color:#FEC77A;
   width:240px;
   vertical-align: top;
   padding-bottom:80px;
}

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

div.nav1 {
   margin-top:76px;
}

a.nav1,
a.nav1Active,
a.nav1Start  {
   display:block;
   width:232px;
   height:48px;
   padding:4px;
   font-size:18px;
   font-weight:normal;
   text-decoration:none;
   color:#FFFFFF;
   background-color:#FEA935;
}

a.nav1:hover,
a.nav1Start:hover {
     background-color: #FE7A35;  
   /* color: #2F2A23; */
}

a.nav1Active {
    background-color: #FE7A35; 
   /* color:#2F2A23; */
}

a.nav1Start {
   width:120px;
   text-align:left;
}



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

/* Nav 2 leicht nach oben versetzen */
div.nav2 {
   width:164px;
   position:relative;
   top:0px;
   left:60px;
   color:#000000;
   padding-top:20px;
   padding-bottom:60px;
   background-color: #FFFFFF;
   margin-bottom:4px;
}

a.nav2,
a.nav2Active {
   color: #000000;
   text-decoration:none;
   display:block;
   padding: 4px 4px 4px 8px;
   margin: 4px 0px 4px 0px;
}
a.nav2:hover {
   color: #EE7F00;
   /* background-color:#FEA935; */
}
a.nav2Active {
   font-weight:bold;
   color: #EE7F00;
   /* background-color:#FFF5DF; */
}

a.nav2Lang,
a.nav2LangEN,
a.nav2LangFR,
a.nav2LangTR,
a.nav2LangActive,
a.nav2LangENActive,
a.nav2LangFRActive,
a.nav2LangTRActive {
   position:relative;
   top:0px;
   left:60px;
   display:block;
   width:140px;
   padding: 4px 4px 8px 8px;
   background-color: #FFFFFF;
   margin-bottom:4px;
   display:block;
   width:88px;
   padding-left: 60px;
   color:#000000;
   text-decoration:none;
}
a.nav2Lang:hover,
a.nav2LangEN:hover,
a.nav2LangFR:hover,
a.nav2LangTR:hover {
   color: #FEA935;
}

a.nav2LangEN,
a.nav2LangENActive {
   background: #FFFFFF url('/_images/flag_en.gif') left 5px no-repeat;
}

a.nav2LangFR,
a.nav2LangFRActive {
   background: #FFFFFF url('/_images/flag_fr.gif') left 5px no-repeat;
}

a.nav2LangTR,
a.nav2LangTRActive {
   background: #FFFFFF url('/_images/flag_tr.gif') left 5px no-repeat;
}


a.nav2LangENActive,
a.nav2LangFRActive,
a.nav2LangTRActive {
   background-color: #FEC77A;
}



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

div.nav3 {
   margin-bottom:14px;
   padding-left:24px;
   padding-right:4px;
}

a.nav3,
a.nav3Active {
   display:block;
   color:#8F8474;
   text-decoration:none;
   padding-bottom:6px;
}
a.nav3:hover {
   text-decoration:none;
 color: #EE7F00;
}

a.nav3Active {
   text-decoration:none;
   color: #EE7F00;
   font-weight:bold;
}


/*
Locator
**************************************
*/

#locator {
   font-size:10px;
   color: #666666;
   width:778px;
   padding:8px 0px 2px 24px;
}
#locator a {
   font-size:10px;
   color: #666666;
   text-decoration:none;
}
#locator a:hover {
   color: #333333;
   text-decoration:underline;
}
#locator span {
   font-weight:bold;
}


/*
Meta-Navigation
**************************************
*/

.metaNav {
   position:absolute;
   left:440px;
   top:0;
   padding-left:100px;
   padding-right:20px;
   background-color: #FFFFFF;
}
.metaNav a,
.metaNav a.aktiv {
   display: block;
   font-size: 12px;
   line-height:14px;
   font-weight: normal;
   color: #FF7E16;
   text-decoration: none;
   padding: 4px 8px 4px 8px;
}

.metaNav a:hover {
   text-decoration:underline;
}

.metaNavBoxActive {
   font-weight:bold;
}


/*
Multi-Site-Navigation
**************************************
*/
.siteNav {
   height: 19px;
   color: #000000;
   background-color:#D4D0C8;
}
.siteNavInner {
   padding-left:6px;
}

.siteNav a {
   font-size:10px;
   color: #000000;
   text-decoration: none;
}
.siteNav a:hover {
   color: #000000;
   text-decoration: underline;
}






/*
Styles Startseite
*******************************
*/

/* Seitenkennung */
.start {
}


#startImage {
   position:absolute;
   left:30px;
   top:-54px;
   padding-left:75px;
   height:144px;
   background-color:#FEA935;
   text-align:right;
}

#startClaim {
   position:absolute;
   left:60px;
   top:110px;
}

.startBox {
   background-color: #FFFFFF;
   width:240px;
}

.startBox h1 {
   margin-left:16px;
}

.startBox h1 a {
   text-decoration:none;
}

.startBox p {
   margin-left:16px;
   margin:8px;
}
.startBox p.text {
   min-height: 60px;
}
.startBox ul {
   min-height: 120px;
   padding-left:10px;
   margin-right:20px;
   list-style:url('/_images/blt_orange.gif');
}
.startBox li {
   margin-bottom:6px;
}
.startBox li a {
   color:#FF9933;
   text-decoration:none;
}
.startBox li a:hover {
text-decoration:underline;
}

.startBox p.link {
   padding-bottom:12px;
}
.startBox a.link {
   color:#FF9933;
   font-weight:bold;
   padding-left:24px;

}
.startBox a.link:hover {

}


.startBoxNews {
   background:none;
}

.startBoxNews h1 {
   margin-left:20px;
}

.startBoxNews h1 a {
   text-decoration:none;
}

.startBoxNews ul {
   min-height: 140px;
   margin-left:20px;
   margin-right:20px;
   list-style: none;
}
.startBoxNews li {
   display:block;
   margin-top:12px;
   margin-bottom:12px;
}
.startBoxNews li a {
   color:#FF7E16;
   text-decoration:none;
}

.startBoxNews li a:hover {
   text-decoration:underline;
}

/* Start: Dienstleistungen Teaser */
.startServices {
   position:absolute;
   width:180px;
   top:200px;
   left:30px;
   color: #5295CD;
   border: 1px solid #5295CD;
}

.startServicesHead,
.startServicesHead a {
   background-color:#5295CD;
   color:#FFFFFF;
   font-weight:bold;
   padding-left:10px;
   text-decoration:none;
}

.startServices ul {
   list-style:none;
   padding-left:10px;
   margin-left:0;
   margin-top:6px;
   margin-bottom:6px;
   margin-right:6px;
}

.startServices ul li a {
   display:block;
   background: url('/_images/arr2_blue_right.gif') left 5px no-repeat;
   padding-left:18px;
   text-decoration:none;
   font-weight:normal;
   color:#5295CD;
}

.startServices ul li a:hover {
    text-decoration:underline;
    }

/*
Styles Überblick-Seiten
*********************************
*/

.overviewIntro {
   padding:20px;
}

.overview h1,
.overview2 h1 {
   color: #EE7F00;
   padding-top:16px;
   padding-bottom:16px;
}

/* Overview-Seite Level 1 */
.overview h2,
.overview h2 a {
   font-size:24px;
   line-height:28px;
   font-weight:normal;
   color: #EE7F00;
   text-decoration:none;
}
.overview h2 {
   padding-top:8px;
   padding-left:30px;
   padding-bottom:8px;
}

/* Overview-Seite Level 2 */
.overview2 h2,
.overview2 h2 a {
   font-size:16px;
   line-height:18px;
   font-weight:bold;
   color: #EE7F00;
   text-decoration:none;
}
.overview2 h2 {
   padding-top:8px;
   padding-left:30px;
   padding-bottom:8px;
}

.overviewItem {
   background-color:#FFF5DF;
   padding-left:16px;
   padding-bottom:8px;
   padding-top:8px;
   padding-right:8px;
}

.overviewText {
   min-height:90px;
   background-color:white;
   padding-left:30px;
   padding-top:5px;
   padding-bottom:10px;
}

.overviewItem p.text {
   padding-top:6px;
   padding-bottom:24px;
}

.overviewItem ul {
   list-style:none;
   margin:0;
   padding:0;
   padding-top:12px;
}

.overviewItem ul a.detail {
   font-size:14px;
   line-height:18px;
   display:block;
   padding-left:24px;
   text-decoration:none;
   color:#000000;
}

.overviewItem ul a.detail:hover {
   background: url('/_images/arr2_orange-right.gif') left 5px no-repeat;
   padding-left:24px;
   text-decoration:underline;
   color: #EE7F00;
}

.overviewItem ul a.detailSmall {
   /*
   font-size:14px;
   line-height:18px;
   */
   background: url('/_images/arr2_grey-right.gif') left 5px no-repeat;
   display:block;
   padding-left:24px;
   text-decoration:none;
   color:#000000;
}

.overviewItem ul a.detailSmall:hover {
   background: url('/_images/arr2_orange-right.gif') left 5px no-repeat;
   padding-left:24px;
   text-decoration:underline;
 color: #EE7F00;
}

.overviewItem a.detailGroup {
   padding-bottom:10px;

}

/* Spezielle Overview-Styles */
.overviewArchivLink {
   margin-top:120px;
   border-top: #FF7E16 1px solid;
   padding-top:6px;
}




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

.detail {

}

/* Fuer Bild/Text Spaltendarstellung */
.detailImages {
   vertical-align:top;
   width:194px;
   padding-top:40px;
}

.detailImages img {
   margin-bottom:8px;
}

.detailText {
   vertical-align:top;
   padding-top:20px;
   width:280px;
   padding-right:10px;
}




/* Fuer NurText */
.detailCanvas {
   padding:20px;

}

/* Detail-Seite Überschrift */
.detail h1 {
   background-color:#FFFFFF;
   padding-top:20px;
   min-height:40px;
}

.detail h2 {
   margin-bottom:10px;

}


img.detailMainImage {
   background-color:#FFFFFF;
   padding-top:20px;
   margin-bottom:20px;
}

/* Detail-Seite Text */
.detail p {
   margin: 0 16px 16px 0;
}

/* Detail-Seite Text */
.detail ul {
   margin-bottom:16px;
   margin-right:20px;
}



.detailTabInner {
   min-height: 600px;
   padding-top:18px;
   padding-left:12px;
   padding-bottom:48px;
}

.detailTabs h2,
.detailTabs p {
   padding-left:8px;
}

.detailTabs h2 {
   font-size:18px;
   font-weight:normal;
}


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

.info .trenner {
   height:6px;
}

.info h2,
.info h3 {
   font-size:12px;
   font-weight:bold;
   color:#000000;
   margin-top:24px;
   margin-left:12px;
   padding:0;
}

.info p,
.info ul {
   padding-left:12px;
   padding-right:6px;
   padding-bottom:6px;
}

.info a {
   text-decoration:none;
   color:#14426F;
}
.info a:hover {
   text-decoration:underline;
}



.infoBox {

}
.infoBox h1,
.infoBox h2 {

}
.infoBox h1 a,
.infoBox h2 a {

}

.infoBox p {
}
.infoBox ul {
}
.infoBox a {
}
.infoBox a.detail {
}


/* Teaser-Link auf Sub-Site */
.teaserlinkBox {
   position:relative;
   top:0;
   left:0;
   margin-top:30px;
   margin-left:10px;
   margin-right:30px;
   margin-bottom:20px;
   padding-top:10px;
   background-color:#FFFFFF;
}

/* Teaser-Link auf Sub-Site */
.teaserlinkBox p {
   width: 100px;
}

/* Teaser-Link auf Sub-Site */
.teaserlinkBox a.link {
   display: block;
   background:url('/_images/arr1_orange-right.gif') top left no-repeat;
   padding-left:24px;
   padding-bottom:20px;
   margin-left:10px;
   text-decoration:none;
   color: #FF7E16;
   font-weight:bold;
}

/* Teaser-Link auf Sub-Site */
.teaserlinkBox img.screenshot {
   position:absolute;
   top: -10px;
   left: 124px;
}


.kontaktbox {
}
.kontaktbox p {
}
.kontaktbox a {
}




/*
Styles Tabellen (Listen)
*******************************
*/
table.list {
   border-top: 1px #FF7F19 solid;
}

table.list th {
   color: #FFFFFF;
   vertical-align: middle;
   text-align: left;
}

table.list td {
   border-bottom: 1px #FF7F19 solid;
   text-align: left;
   vertical-align: top;
   padding-top:8px;
   padding-bottom:8px;
}

ul.linklist {
   margin-left:24px;
}

ul.linklist li {
   display:block;
   margin-bottom:8px;
}

.info ul.linklist {
   margin-left:0;
}


/* News-Seite (Presse, Aktuelles) */

img.news {
   margin:8px;
   margin-top:0;
}




/* Raumliste
******************************************* */

table.raumliste {
}

table.raumliste td {
   text-align: center;
   border-bottom: 1px #FF7F19 solid;
}

table.raumliste tr {
   height:36px;
}

table.raumliste .iconLabel {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   color:#000000;
}


/* Map Modul
****************************************** */
.map {
   position:relative;
}


/* Google Maps
******************************************* */

#gmap a, #gmap span {
   font-family: Arial, Helvetica, sans-serif;
   font-size:8px;
}

#gmap a {
   float:right;
}

#gmap span {
   float:right;
}


/* Standorte
******************************************* */

.standortItem {
   background-color:#FFFFFF;
   padding:10px;
   margin-top:5px;
   margin-bottom:20px;
}


ul.massnahmenList li{
   display:block;
   margin-bottom:3px;

}