/* 



**************************************

Stylehsheet KolpingBildungswerk.de

**************************************



Farben:



Allgemeine Textfarbe: #333333;

Orange voll: color: #FF7E16

Orange gedeckt: color: #FFD7B7



*/





/* 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: #FF7F19;

   text-decoration:none;

}



h2, h2 a {

   color: #FF7F19;

   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:#FFB274;

   margin-top:24px;

   margin-bottom:16px;

   margin-top:0px;

}



.spacer {

   clear:both;

   height:8px;

}





/* Links

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



a {

   color:#14426F;

}



a:hover {

}



a.link,

a.detail {

   display: block;

   background:url('/_images/icn_link.gif') top left no-repeat;



   padding-left:24px;

   text-decoration:none;

}

a.link:hover,

a.detail:hover {

   text-decoration:underline;

}





a.linkint {

   background:url('/_images/icn_linkdetail.gif') center left no-repeat;

   padding-left:18px;

   text-decoration:underline;

}

a.linkint:hover {

   color:#F19731;

   text-decoration:underline;

}





a.linkext {

   background:url('/_images/icn_linkext.gif') top left no-repeat;

   padding-left:18px;

   text-decoration:none;

}

a.linkext:hover {

   color:#F19731;

   text-decoration:underline;

}



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: #006699;

}

a.email:hover {

   text-decoration:underline;

}









/* 

Seiten-Bereiche

**************************************

*/

#head {
   background-color:#FFB43F;
   background: url(/_images/h_bg.jpg) left top no-repeat #66AAE9;
   height:175px;
}

#headLogo {
   position:absolute;left:225px;top:100px;z-index:99;
}

#imageArea {
   margin-left:248px;
   background-repeat:no-repeat;
   height:80px;
   width:744px;
}

#title {
   background-color: #FF7100;   
   width:362px;
   height:95px;
   z-index:1;
   position:absolute;
   top:120px;
   z-index:1;
}
#title img {
   margin-left:10px;
   margin-top:20px;
}


/* gesamter Inhaltsbereich */
#contentArea {
   width:991px;
   background-color: #FFF1E5;
}


/* linke Spalte (Nav2) */
td.nav2 {
   width:272px;
   vertical-align: top;
}

/* mittlere Spalte */
td.content {
   width:469px;
   vertical-align: top;
}

/* mittlere Spalte */
td.contentXL {
   width:717px;
   vertical-align: top;
}

/* rechte Spalte (Sidebar, ergaenzender Inhalt) */
td.info {
   background-color:#FFF9F2;
   width:248px;
   vertical-align: top;
   padding-bottom:80px;
}


/* 

Navigation: Top-Navigation (Nav1)

**************************************

*/



.nav1 {

   /*	height: 28px; */

}

.nav1Inner {

   padding:0px;

}



.nav1 img {

   margin-left:0px;

}



.nav1Box {



}



.nav1Box .inner {



}

.nav1BoxActive {



}



.nav1BoxActive .inner {



}

.nav1 a {



}

.nav1 a:hover {



}





/* 

Navigation: Sub-Navigation (Nav2)

**************************************

*/





/* Nav 2 leicht nach oben versetzen */

div.nav2 {

   width:236px;

   position:relative;

   top:-36px;

   left:12px;

}



div.nav2Head {

   width:236px;

   min-height:36px;

   color:#000000;

   font-weight:bold;

   background-color: #FFC699;

   border-bottom:2px solid #FFFFFF;

}



div.nav2Head strong {
   display:block;
   padding-left:12px;
   padding-top:12px;
}

div.nav2Head a {

   color:#000000;

   font-weight:bold;

   text-decoration: none;

}





div.nav2 {

   color:#000000;

   background-color: #FFC699;

}

div.nav2Inner {

   padding: 4px 4px 4px 4px;

}

div.nav2 a {

   color: #000000;

   text-decoration:none;

   display:block;

   padding: 0 4px 4px 4px;

}

div.nav2 a:hover {

   color: #FFFFFF;

}

div.nav2Head a:hover {

   color: #FF7100;

}

.nav2Box,

.nav2BoxActive,

.nav2BoxStandort,

.nav2BoxStandortActive  {

   width: 228px;

   font-weight:normal;

   cursor:pointer;

   margin-bottom:0px;

   border-bottom: #FFFFFF 1px solid;

}

div.nav2Box .inner,

div.nav2BoxActive .inner {

   padding:4px;

}



div.nav2BoxStandort .inner,

div.nav2BoxStandortActive  .inner {

   padding:2px;

   padding-bottom:1px;

}



div.nav2BoxActive,

div.nav2BoxStandortActive {

   background-color: #FF8D33;

}



div.nav2BoxActive a,

div.nav2BoxStandortActive a {

   color: #FFFFFF;

}

div.nav2BoxActive a:hover,

div.nav2BoxStandortActive a:hover{

   color: #FFFFFF;

}





/* 

Navigation: Sub-Navigation (Nav3)

**************************************

*/



.nav3 {

   margin-bottom:14px;

   /*	background-color: #FFF1E5; */

   /*	background-color: #FFFFFF;	*/

   padding-left:4px;

   padding-right:4px;

}



.nav3 a {

   color: grey;

}

.nav3Inner {



}

.nav3Box,

.nav3BoxActive {



   /*	background-color: #FFFFFF; */

}

.nav3Box .inner,

.nav3BoxActive .inner {

   padding-top:4px;

}

.nav3BoxActive {

   /*	background-color: #FFC699;	*/

}



.nav3Box a,

.nav3BoxActive a { 

   background:url('/_images/icn_link.gif') top left no-repeat;

   text-decoration:none;



   /*	color:#000000; */

   padding-left:24px;

}

.nav3Box a:hover {

   text-decoration:underline;

}

.nav3BoxActive a {

   font-weight: bold;

   color:#FF7E16;

}

.nav3BoxActive a:hover {

   text-decoration:underline;

}







/* 

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 {

   background-color: #FFE3CC;

   padding-left: 400px;

}

.metaNav a,

.metaNav a.aktiv {

   display: block;

   font-size: 12px;

   font-weight: bold;

   line-height:12px;

   color: #FF7100;

   text-decoration: none;

   padding-top:6px;

   padding-bottom:8px;

   padding-left:8px;

   padding-right:8px;

}

.metaNavBoxActive {

   background-color: #FF7E16;

   color: #FFFFFF;

}



a.metaNavBoxActive {

   color:#FFFFFF;

}



.metaNav a:hover {

   /*	color: #FF7100; */

   text-decoration: underline;

}

.metaNav a.aktiv {



}





/* Detail-Navigation (Standorte)

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



div.navDetail {

   height:32px;

   margin-top:4px;

   color:#000000;

   border-bottom: 4px solid #FF7F19;

}

div.navDetailInner {

   padding: 0px;

}

div.navDetail a {

   color: #FFFFFF;

   font-weight: bold;

   text-decoration:none;

   display:block;

   width:100px;

   margin-right:2px;

   float:left;

   background-color: #D6D6D6;

   padding: 8px 4px 8px 4px;



}

div.navDetail a:hover {

   color: #FFFFFF;

   background-color: #FF7F19;

}



div.navDetail a.active {

   background-color: #FF7F19;

   color: #FFFFFF;

}





/* 

**************************************



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 {

   border-top: 2px #FFB43F solid;

   margin-top:36px;

   padding: 8px 0px 36px 16px;

   color:#CACACA;

}

.footer a,

.footer a.email {

   color:#CACACA;

   text-decoration:none;

   background:none;

   padding-left:0;

}

.footer a:hover {

   text-decoration:underline;

}











/* 

Styles Startseite

*******************************

*/



/* Seitenkennung */	

.start {

}





.startBox {

   background-color: #FFD7B7;

   width:247px;

}



.startBox h1 {

   margin-left:16px;

}



.startBox h1 a {

   text-decoration:none;

}



.startBox p {

   margin-left:16px;

   margin:8px;

}

.startBox p.text {

   min-height: 80px;

}

.startBox ul {

   min-height: 140px;

   padding-left:20px;

   margin-right:20px;

   list-style: square;

}

.startBox li {



}

.startBox li a {

   color:#FF7E16;

   text-decoration:none;

}

.startBox li a:hover {



}





.startBox p.link {

   padding-bottom:12px;

}

.startBox a.link {

   color: #FF7E16;

   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;

}







/* 

Styles Überblick-Seiten

*********************************

*/



.overview h2,

.overview h2 a {

}



.overviewHead {

}



.overviewItemTop { 

   clear: both;

   border-top:8px #FFB274 solid;

   margin-left:100px;

}



.overviewItem {



   background-color:#FFE6CF;

   margin-left:0px;

   margin-bottom:8px;

}



.overviewItem img.teaser {

   margin-right:12px;

}



.overviewItem p.text {



}



.overviewItem a.detail {

   display:block;

   margin-bottom:8px;

}



/* Spezielle Overview-Styles */

.overviewArchivLink {

   margin-top:120px;

   border-top: #FF7E16 1px solid;

   padding-top:6px;

}









/* 

Styles Inhaltsbereich

*********************************

*/

td.content {

   vertical-align: top;

   padding-bottom:80px;

}



.content h1 {

   padding: 24px 40px 24px 0;

}



.content h2,

.content h3 {

   padding: 6px 0 6px 0;

}



.content p {

   padding: 6px 24px 6px 0;

}

.content ul {

   padding-left:24px;

   padding-right:80px;

   padding-bottom:12px;

}





p.contentIntro {

   background-color:#FEC290;

   padding-left:270px;

   margin-right:16px;

   margin-bottom:16px;

   padding:8px;

   padding-right:8px;

   height:130px;

}



img.contentMainImage {

   position:relative;

   top:-32px;

   left:0;

   margin-left:10px;

   float:right;

}





/* Detail */

.detail p {

   margin: 0 40px 16px 0;

}





.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 {

   margin-top:24px;

   margin-left:12px;

   padding:0;

}



.info p,

.info ul {

   padding-left:12px;

   padding-right:6px;

   padding-bottom:6px;

}



.info ul {

   list-style-type:none;

}



.info a {

   text-decoration:none;

   color:#14426F;

}

.info a:hover {

   text-decoration:underline;

}







.infoBox {

   /*

   width:240px;

   */

}

.infoBox h1,

.infoBox h2 {

   /*

   height:24px;

   margin-left:34px;

   padding-left:4px;

   padding-top:4px;

   */

}

.infoBox h1 a,

.infoBox h2 a {

   /*

   text-decoration:none;

   color: #7D7D7D;

   display:block;

   padding:5px 0px 0px 8px;

   */

}



.infoBox p {

}

.infoBox ul {

}

.infoBox a {

}

.infoBox a.detail {

}





.infoboxKA {

   background: #FFFFFF url('../_images/logo_ka_60.gif') no-repeat right 5px;

}





.kontaktbox {

}

.kontaktbox p {

}

.kontaktbox a {

}





/* Spezielle Styles: */



/* Liste Bildungszentren mit Bild */

ul.bz-list {

   margin-top:8px;

   list-style: none;

   margin-left:0;

}

ul.bz-list li {

   background-color:#FFF1E5;

   margin-bottom:4px;

}

ul.bz-list li a {

   text-decoration:none;

}

ul.bz-list li a:hover {

   font-weight: bold;

   text-decoration:none;

}

ul.bz-list li img {

   vertical-align:top;

   margin-right:4px;

}





/* 

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:0px;

}







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



img.news {

   margin:8px;

   margin-top:0;

}



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



h1.standortNews {

   margin-top:0;

   padding-top:0;

}

h1.standortDetail {

   margin:0;

   padding:0;

   margin-top:24px;

}

h1.standortDetailSub {

   color:#000000;

   margin-top:0;

   padding-top:0;

   margin-bottom:12px;

}



div.standortHead {

   position:relative;

   top:0;

   left:0;

   height:120px;

}



img.standortDetail {

   margin-bottom: 24px;

}



/* Anfragen

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









/* Raumliste

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



table.raumliste {

   border-bottom: 1px #FF7F19 solid;

}



table.raumliste th {

   border-top: none;

   text-align: center;

}



table.raumliste td {

   text-align: center;

   border-top: 1px #FF7F19 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: 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;

}



/* Kurs-Detail

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



.anfrageHead {

   font-weight:bold;

   color:#FF8D33;

   margin-top:24px;

}



input.buttonSubmit {

   padding:4px;

   background-color:#FF8D33;

}



.kursdetailText {

}



.kursdetailInfo {

   margin-top:20px;

   margin-left:30px;

   margin-bottom:60px;

   clear:right;

   float:right;

}



.kursdetailButtons {



}



.kursdetailDownloads {



}







/* Buttons

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



/* Buttons */

div.buttonXL {

   width:200px;

   height:32px;

   text-align: center;

   background:url('../_images/btn-xl.gif') center center no-repeat;

}

div.buttonL {

   width:140px;

   height:32px;

   margin-bottom: 4px;

   text-align: center;

   background:url('../_images/btn-l.gif') center center no-repeat;

}



div.buttonL a,

div.buttonXL a {

   display:block;

   padding-top:8px;

   text-decoration: none;

   color:#FFFFFF;

   /*	font-weight: bold;	*/

}



div.buttonL a:hover,

div.buttonXL a:hover {

   color: #FFFFFF;

   text-decoration: none;

}







#startTeaser {

   display:none;

   position:absolute;

   top:256px;

   left:10px;

   background: url('../_images/start_teaserbox.gif') left top no-repeat;

   width:234px;

   height:209px;

}



#startTeaser h1 {

   padding:4px;

   padding-left:8px;

}



#startTeaser h1,

#startTeaser h1 a{

   font-size:24px;

}



#startTeaser p.text {

   padding:8px;

}



#startTeaser p.links {

   padding-left:4px;

}


ul.substandorte {
   list-style: none;
   padding:0;
   margin-left:12px;
}

ul.substandorte li {
  display: block;
  margin-bottom: 4px;
  }


  #startVideobox {
     margin-top:24px;
     margin-left:10px;

}

p.newsAutor {
   text-align: right;
   font-style: italic;
}