/*

Stylehsheet KolpingBildungswerk.de//2011


*/
/* 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;
}
body {
   overflow-y:scroll;
}


/* Allgemeine Styles
***************************************** */
body {

}
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: #EF7F01;
   text-decoration:none;
}
h2, h2 a {
   color: #EF7F01;
   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 Ueberschriften */
.topline {
   color: #EF7F01;
   font-weight:bold;
}
.trenner {
   clear:both;
   height:4px;
   background-color:#FFB274;
   margin-top:24px;
   margin-bottom:16px;
   margin-top:0px;
}
.spacer {
   clear:both;
   height:8px;
}
.clear {
   clear:both;
}

/* Links
******************************** */
a {
   color:#14426F;
}
a:hover {
}
a.link {
   display: block;
   color: #EF7F01;
   text-decoration:none;
}
a.link:hover {
   font-weight: bold;
   text-decoration:none;
}

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

a.linkint {
   background:url('/_images/icn_linknews.gif') center left no-repeat;
   padding-left:18px;
   text-decoration:none;
}
a.linkint:hover {
   color:#F19731;
}
a.linkext {
   background:url('/_images/icn_linkext.gif') top left no-repeat;
   padding-left:18px;
   display:block;
   text-decoration:none;
}
a.linkext:hover {
   color:#F19731;
}
a.detail {
}
a.detail:hover {
}
a.back {
   background:url('/_images/icn_back.gif') center left no-repeat;
   padding-left:24px;
   text-decoration:none;
}
a.back:hover {
}
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 {
   background:url('/_images/icn_email.gif') center left no-repeat;
   padding-left:20px;
   text-decoration:none;
   color:#14426F;
}
a.email:hover {
   text-decoration:underline;
}

a.nav2Back {
   color:#FF7E16;
   font-weight: bold;
   display: block;
   height:25px;
   padding-top:5px;
   padding-left:10px;
   background:url('/_images/icn_back.gif') center left no-repeat;
   padding-left:24px;
   text-decoration: none;
   margin-left: 20px;
   margin-top: 20px;

}

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

a.unternehmen {
   color: #006720;
   font-size: 15px !important;
   text-decoration: none;
}

a.unternehmen:hover {
   font-weight: bold;
}

a.akademie {
   color: #7E0065;
   font-size: 15px !important;
   text-decoration: none;
}

a.akademie:hover {
   font-weight: bold;
}

a.jugendwohnen {
   color: #FDC300;
   font-size: 15px !important;
   text-decoration: none;
}

a.jugendwohnen:hover {
   font-weight: bold;
}


/*
Seiten-Bereiche
************************************************************
*/
body {
   background-color: #F2F2F2;
}

#page {
   margin-top:50px;
   width:990px;
   margin-left: auto;
   margin-right: auto;
}

/*  Seiten-Hintergrund */

#pagebg-top {
   padding-top:10px;
   padding-left:10px;
   padding-right: 10px;
   background:url('/_images/bg_page_top.gif') left top no-repeat #FFFFFF;;
}
#pagebg-center {
   padding-left:10px;
   padding-right: 10px;
   background:url('/_images/bg_page_center.gif') left top repeat-y #FFFFFF;
}
#pagebg-bottom {
   padding-left:10px;
   padding-right: 10px;
   background:url('/_images/bg_page_bottom.gif') left bottom no-repeat #FFFFFF;
   height:8px;
}


#head {
   position:relative;
   top:0;
   left:0;
   height:60px;
}


#head-branding {
   background-color: #EF7F01;
   width:267px;
   height:74px;
   position:absolute;
   top:-30px;
   left: 12px;
   z-index:100;
}

#head-title {
   padding-top:12px;
   padding-left:12px;
}

/* relative zu #head-title */
#head-logo {
   position:absolute;
   left:205px;
   top:-12px;
   z-index:150;
}

#teaserline {
   position: relative;
   height:120px;
}
#teaserline-news {
   width: 790px;
}

.teaserline-news-item  {
   display: block;
   width:180px;
   margin-left:12px;
   float:left;
   text-decoration: none;
}
.teaserline-news-item:first-child  {
   padding-left:0px;
}

.teaserline-news-item:hover .news-teaser-headline,
.teaserline-news-item:hover .news-teaser-text {
   color: #EF7F01;
   cursor: pointer;
}

#teaserline-banner {
   position: absolute;
   left:790px;
}

#main {
   position:relative;
   width:790px;
}


/* Hauptinhalt */
#content {
   padding-bottom: 15px;
}

/* Hauptbild im Seitenmittelpunkt */
#content-mainimage {
   width:586px;
   height:353px;
   border: 5px solid #D0D1D3;
}

#content-detail-frame {
   border-left: 10px solid #51545C;
}

/* Content-bereich (mit Nav, Content-Mainimage und Text) */
#content-detail {
   position: relative;
   width:586px;
   min-height: 353px;
   border: 5px solid #000000;
   background-color: #FFF3CD;
   background-position: 0px 0px;
   background-repeat: no-repeat;
}


#content-title {
   font-size: 20px;
   line-height: 24px;
   padding:5px;
   padding-right: 0;
   border-bottom: 4px solid #FFFFFF;
   background-color: #ffffff;
}
#content-title a {
   font-size: 20px;
   line-height: 24px;
   text-decoration: none;
}

#nav3 {
   background-color: #FFFFFF;
   /*   position: relative;
      z-index: 2000;*/
}

/* Nav3 (Massnahmennavigation, die über die Seite rausläuft) */
#nav3-overlay {
   background-color: #FFFFFF;
   position: absolute;
   top:5px;
   left:180px;
   z-index: 2000;
   width:191px;
   background-color: #ffffff;
   border:4px solid #000000;
   border-right:2px solid #000000;
   border-top:none;
}

#nav3-standort-overlay {
   background-color: #FFFFFF;
   position: absolute;
   top:67px;
   left:181px;
   z-index: 2000;
   width:191px;
   background-color: #EF7F01;
   border:4px solid #EF7F01;
   border-right:2px solid #EF7F01;
   border-top:none;
}



.nav3-massnahmen {
   min-height: 295px;
   margin-top:58px;
}


/* Bildleiste */
#content-imageline {
   margin-left: 10px;
   margin-top:12px;
}
#content-imageline img {
   margin-left:4px;
   float:left;
}
#content-imageline img:first-child {
   margin-left:0px;
}


/* Detail-Inhalt */
#detail {
   padding-top:10px;
   padding-left:15px;
   padding-right:0px;
   padding-bottom:15px;
   margin-bottom:15px;
   min-height: 315px;
}


/* Haupt-Spalte (Nav1+Content) */
td.main {
   width:790px;
   vertical-align: top;
}

/* linke Spalte (Nav1) */
td.nav1 {
   width:170px;
   vertical-align: top;
}

/* mittlere Spalte */
td.content {
   width:620px;
   vertical-align: top;
}
/* rechte Spalte (Standortliste) */
td.info {
   width:180px;
   vertical-align: top;
   /*   background-color: #A6C5E1;*/
   background-color: #FFF3CD;
}


/* Nav3 (Massnahmen, ...) */
td.nav3 {
   width:190px;
   vertical-align: top;
   background-color: #ffffff;
   border-right:4px solid #000000;
}

/* mittlere Spalte (Text) */
td.detail {
   vertical-align: top;
   width: 391px;
   background:url('/_images/bg_detail.gif') right top no-repeat #FFFFFF;
   border:none;
}


/* Standortmeldung
********************************************************* */

#standortmeldung {
   border: 6px solid #FFF3CD;
   padding: 15px;
   background-color: #FFFFFF;
   width: 250px;
   position: absolute;
   top: 10px;
   right: 10px;
   font-size: 12px;
}

#standortmeldung h1 {
   color: #0a89be;
   font-size: 17px;
   line-height: 17px;
   margin-bottom: 4px;
}

#standortmeldung p {
   color: #848484;
   margin: 0 0 5px 0;
}

#standortmeldung a {
   color: #0a89be;
   text-decoration: none;
   font-size: 12px;
}


/* Navigation: Standorte
********************************************************* */

#info-standorte {
   /*   margin-top:12px;*/
   margin-bottom:12px;
   background-color: #FFF3CD;
}

.info-standorte-headline {
   background-color: #EF7F01;
   color:#FFFFFF;
   padding:4px;
   margin-bottom: 4px;
}
.info-standorte-headline a {
   background-color: #EF7F01;
   color:#FFFFFF;
   text-decoration: none;
   font-size:12px;
   font-weight: bold;
}

#info-standorte ul.nav-standorte1 {
   list-style: none;
   padding:0;
   margin:0;
}
#info-standorte li.nav-standorte1-item {
   display: block;
   padding-bottom:6px;

}
#info-standorte a.nav-standorte1-link,
#info-standorte a.nav-standorte1-link-active {
   padding-left:15px;
   display: block;
   color:#EF7F01;
   font-weight: bold;
   text-decoration: none;
}
#info-standorte a.nav-standorte1-link-active,
#info-standorte a.nav-standorte1-link:hover {
   background-color: #A6C5E1;
   color:#FFFFFF;
}

#info-standorte ul.nav-standorte2 {
   list-style: none;
   padding:0;
   margin:0;
   /*   margin-left:20px;*/

}
#info-standorte li.nav-standorte2-item {

}
#info-standorte a.nav-standorte2-link,
#info-standorte a.nav-standorte2-link-active {
   display: block;
   padding-left:30px;
   color:#51545C;
   text-decoration: none;
}

#info-standorte a.nav-standorte2-link-active,
#info-standorte a.nav-standorte2-link:hover {
   background-color: #A6C5E1;
   color:#FFFFFF;
}


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

#nav1 {
   position: relative;
   padding-top:3px;
   z-index:1000;
}

ul.nav1 {
   position: absolute;
   z-index:500;
   list-style: none;
   padding:0;
   margin:0;
   margin-left:12px;
   margin-right:0px;
}

li.nav1-item {
   display: block;
   margin-bottom:12px;
   position: relative;
   z-index:3000;
}

a.nav1-link,
a.nav1-link-active {
   font-family: ff-meta-web-pro, Arial, Helvetica, sans-serif;
   display: block;
   width:151px;
   height:38px;
   padding-top: 18px;
   border:2px solid #51545C;
   background-color: #FFFFFF;
   color:#51545C;
   font-size: 18px;
   text-decoration: none;
   text-align: center;
   position: relative;
   z-index:3000;
}

a.nav1-link:hover {
   font-size:18px;
   width:164px;

}
a.nav1-link-active {
   width:361px;
   font-size:24px;
   text-align: left;
   border-width: 2px;
   height:38px;
}
a.nav1-link-active span {
   padding-left:20px;
}


/* Navigation: Sub-Navigation (Nav2)
********************************************************* */
ul.nav2 {
   position: relative;
   list-style: none;
   padding:0;
   margin:0;
   margin-left:0px;
   margin-right:0px;
   width: 180px;
}

li.nav2-item {
   display: block;
   margin-top:6px;
}

a.nav2-link,
a.nav2-link-active {
   font-family: ff-meta-web-pro, Arial, Helvetica, sans-serif;
   display: block;
   width:151px;
   height: 54px;
   border: none;
   background-color: #FFFFFF;
   color:#000000;
   font-size: 18px;
   text-decoration: none;
   text-align: center;
   /* fuer zentrierung */
   display: table-cell;
   vertical-align: middle;
   padding: 5px 2px;
   line-height: 21px;
}

a.nav2-link:hover {
   width: 164px;
   font-size: 21px;
}
a.nav2-link-active {
   width:154px;
   height: 54px;
   text-align:center;
   padding-left:12px;
   color:#ffffff;
   font-size: 21px;
}



/* Navigation: Sub-Navigation (Nav3)
********************************************************* */
ul.nav3 {
   list-style: none;
   padding:0;
   margin:0;
   margin-left:0px;
   margin-right:0px;
}

li.nav3-item {
   display: block;
}

a.nav3-link,
a.nav3-link-active {
   display: block;
   padding-top:8px;
   padding-left:5px;
   padding-right:0px;
   padding-bottom:8px;
   border:none;
   color:#000000;
   background-color: #FFFFFF;
   font-size: 12px;
   text-decoration: none;
   border-bottom:1px solid #000000;
}


a.nav3-link:hover {
   /*   text-decoration: underline;*/
   /*   font-weight: bold;*/
}
a.nav3-link-active {
   font-weight: bold;
}

/* Spezial-Stile fuer Massnahmen-Navigation */
.nav3-massnahmen {
   position: relative;
   z-index: 2000;
}

.nav3-massnahmen a.nav3-link,
.nav3-massnahmen a.nav3-link-active {
   text-align: center;
}


.nav3 .navtext-headline {
   text-decoration: none;
   color: #EF7F01;
   font-weight: bold;
}
.nav3 .navtext-info {
   text-decoration: none;
   color: #000000;
   font-size: 12px;
}

.nav3-link:hover {
   background-color: #FFF3CD;
}

.nav3 a:hover .navtext-headline {
}
.nav3 a:hover .navtext-info {
   font-weight: normal;
}



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

#nav-meta {
   height:24px;
   background-color: #D0D1D3;
}

#nav-meta ul {
   list-style: none;
   padding-left: 310px;
}
#nav-meta li {
   display:block;
   float:left;
}
#nav-meta li a {
   display: block;
   font-size: 12px;
   line-height:12px;
   color: #000000;
   text-decoration: none;
   padding-top:6px;
   padding-bottom:8px;
   padding-left:8px;
   padding-right:8px;
}

#nav-meta a.active,
#nav-meta a:hover {
   color:#EF7F01;
}


/* 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;
}

/* Footer
********************************************************* */
#footer {
   position: relative;
   margin-top:10px;
   padding: 8px 0px 36px 16px;
   color:#666666;
   width:970px;
   margin-left:auto;
   margin-right:auto;
}
#footer a,
#footer a.email {
   color:#666666;
   text-decoration:none;
   background:none;
   padding-left:0;
}
#footer a:hover {
   text-decoration:underline;
}

#footer-imprint {
   position: absolute;
   left:900px;

}


/* Styles Übersichtsseiten
********************************************************* */

.overview-item {
   margin-bottom: 12px;
}
.overview-item h2 a {
   text-decoration: none;
}

/* Styles Inhaltsbereich
********************************************************* */

#detail h1 {
   font-family: Georgia,'Times New Roman',times,serif;
   font-size: 28px;
   line-height: 30px;
   margin-bottom:15px;
}

.aktuelles {
   padding-right: 10px !important;
}

.detail-images  {
   height:90px;
   margin-bottom:20px;
}
.detail-images img {
   margin-left:4px;
   float:left;
}
.detail-images img:first-child {
   margin-left:0px;
}

.detail-text {
   margin-right: 15px;

}

.detail-text,
.detail-text p,
.detail-text td,
.detail-text li,
.detail-text a {
   font-size:12px;
}
.detail-text h2 {
   font-size: 14px;
   font-weight: bold;
   padding-top: 6px;
   padding-bottom: 6px;
}

.detail-text h2 a{
   font-size: 14px;
   font-weight: bold;
}

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

.detail-text h2.long a {
   text-decoration: none;
}
.detail-text h2.long {
   width: 100%;
   text-align: left;
}
.detail-text img.overview_img {
   float: left;
   margin: 3px 8px 0 0;
}
.detail-text p,
.detail-text li {
   margin-left: 84px;
}
.detail-text p.noindent,
.detail-text li.noindent {
   margin-left: 0px;
}


#content-info {
   background-color: #FFFFFF;
   position: relative;
   z-index: 2000;
   padding:5px;
   border-top: 4px solid #000000;
}

.content-infobox {
   background-color: #FFFFFF;
   padding:5px;
   font-size: 12px;
}
.content-infobox a {
   font-size: 12px;
}

#nav-standort-massnahmen {
   background-color: #FFFFFF;
   margin-top:4px;
   border: 2px #51545C solid;
   padding-bottom:12px;
}

.detail-info-headline {
   color:#848484;
   font-size:12px;
   margin-bottom: 6px;
}

#nav-standort-massnahmen .detail-info-headline {
   padding:5px;
}

ul.detail-info-list {
   list-style: none;
   margin-left:0;
}
ul.detail-info-list a {
   text-decoration: none;
}
ul.detail-info-list a:hover {
   font-weight: bold;
}



/* Styles Tabellen (Listen)
********************************************************** */
table.list {
   border-top: 1px #EF7F01 solid;
}
table.list th {
   color: #FFFFFF;
   vertical-align: middle;
   text-align: left;
}
table.list td {
   border-bottom: 1px #EF7F01 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:0px;
}
.content ul.linklist {
   margin-left:0px;
   padding-left:0px;
}
.content ul.linklist li {
   display:block;
   margin-bottom:8px;
}


/* Raumliste
******************************************* */
table.raumliste {
   border-bottom: 1px #EF7F01 solid;
}
table.raumliste th {
   border-top: none;
   text-align: center;
}
table.raumliste td {
   text-align: center;
   border-top: 1px #EF7F01 solid;
}
table.raumliste tr {
   height:36px;
}
table.raumliste tr.text {
   text-align: left;
   min-height:20px;
}
table.raumliste tr.text td {
   border-top:none;
   text-align:left;
}
table.raumliste .iconLabel {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
   color:#000000;
}


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

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


/* Kurs-Detail
************************************************ */
.anfrageHead {
   font-weight:bold;
   color:#FF8D33;
   margin-top:24px;
}


/* Buttons
********************************************************* */

a.button-large {
   display: block;
   width:240px;
   height:40px;
   text-align: center;
   background:url('../_images/bg_button_240x40.gif') left top no-repeat;
}
a.button-large:hover {
   background-position: left bottom;
}

a.button-medium {
   color:#FFFFFF;
   font-weight: bold;
   text-decoration: none;
   display: block;
   width:140px;
   height:24px;
   padding-top:6px;
   margin-bottom: 4px;
   text-align: center;
   background:url('../_images/bg_button_140x30.gif') left top no-repeat;
}
a.button-medium:hover {
   background-position: left bottom;

}



/* Massnahmen-Übersichten */

h2.kursgruppe1-headline {
   font-size: 14px;
   font-weight: bold;
   color: #FF7E16;
   margin:0;
   padding:0;
   border-bottom:1px solid #666666;
   margin-bottom: 4px;
}
h3.kursgruppe2-headline {
   font-size: 12px;
   font-weight: bold;
   color: #FF7E16;
   margin:0;
   padding:0;
}
ul.kursgruppe2-kurslist  {
   margin:0;
   padding:0;
   margin-bottom:10px;
}
ul.kursgruppe2-kurslist li {
   display: block;
   margin:0;
   padding:0;
}
ul.kursgruppe2-kurslist li a {
   display: block;
   text-decoration: none;
   padding-left:15px;
   background:url('/_images/blt_grey.gif') 0px 3px no-repeat;

}
ul.kursgruppe2-kurslist li a:hover {
   display: block;
   text-decoration: none;
   color: #FF7E16;

}

.overviewKursgruppeImg {
   margin-right:10px;
}



/* Gallery
*********************************************************** */


.galleryCanvas {
   margin-bottom:10px;
}
.galleryImage img {
   margin-right: 2px;
   margin-bottom:3px;
   width:116px;
   height:74px;
   border: 1px solid #FFF9F2;
}
.galleryImage:hover img {
   border-color:#FF7E16;
}


#places-map {
   width:586px;
   height:500px;
}