/* 
**************************************
Stylehsheet Kolpingwerk-Augsburg.de
**************************************

Farben:

Orange-Hauptfarbe: #FF9900;
Orange-Hintergrund: #FFF7EA;

*/


/* Styles normalisieren
***************************************** */

* {
   padding:0;
   margin:0;
}

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

label {
   padding-left:8px;
   padding-right:16px;
}


/* Allgemeine Styles
***************************************** */

body {

}

body,td,th,a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   line-height: 16px;
   color: #333333;
}

h1, h1 a {
   font-weight:normal;
   font-size: 28px;
   color:#FF9900;
   line-height: 32px;
   margin-bottom:10px;
   text-decoration:none;
}

h2, h2 a {
   font-weight:bold;
   font-size: 12px;
   line-height: 16px;
   margin-bottom:10px;
   text-decoration:none;
}

h3, h3 a {
   color:#666666;
   font-size: 12px;
   line-height: 16px;
   text-decoration:none;
}

h4, h4 a {
   font-size: 11px;
   line-height: 12px;
   color:#555555;
   font-weight:normal;
   text-decoration:none;
   margin-bottom:4px;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
text-decoration:underline;
}

acronym {
   cursor: help;
}
strong {
   font-weight: bold;
}



/* Listen */
ul {
   list-style: square;
   margin-left:20px;
   /* padding-left:50px;  */
   font-size:11px;
}
li {
   /*	margin-left:10px; */
   margin-left:0px;
}



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

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

.bold {
   font-weight: bold;
}


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

a.binnenLinkint {
   background:url('../_images/icn_linkdetail.gif') center left no-repeat;
   padding-left:12px;
   /*	color:#FF9900; */
   text-decoration:underline;
}
a.binnenLinkint:hover {

}

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


a.linkSmall {
   color: #666666;
   font-size:10px;
   background:url('../_images/icn_linkdetail.gif') center left no-repeat;
   padding-left:12px;
   text-decoration:none;
}
a.linkSmall:hover {
   color:#FF9900;
   text-decoration:underline;
}

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

a.linkdot {
   background:url('../_images/icn_linkdot.gif') center left no-repeat;
   padding-left:12px;
   text-decoration:none;
}
a.linkdot:hover {
   color:#1A49A4;
   text-decoration:underline;
}



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

a.detail {
   background:url('../_images/icn_linkdetail.gif') center right no-repeat;
   padding-right:12px;
   /*	color:#FF9900; */
   text-decoration:underline;
}
a.detail:hover {
   color:#FF9900;
   text-decoration:underline;
}

a.back {
   display:block;
   background:url('../_images/icn_linkback.gif') left 5px no-repeat;
   padding-left:12px;
   text-decoration:none;
   color: #666666;
   font-size:10px;
}
a.back:hover {
   color:#FF9900;
   text-decoration: underline;
}


a.downloadpdf {
   background:url('../_images/icn_pdfsmall.gif') center left no-repeat;
   padding-left:20px;
   padding-top:5px;
   padding-bottom:5px;
   text-decoration:none;
}
a.downloadpdf:hover {
   color:#FF9900;
   text-decoration:underline;
}

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

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


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

Seiten-Bereiche

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

#page{
   background-color: #FFFFFF;
   padding-bottom:30px;
}

#head {
   position:relative;
   top:0;
   left:0;
   height:130px;
   background-color:#FF9900;
   margin-bottom:3px;
}

#main {
   padding-top:12px;
   padding-bottom:24px;
}

#title {
   position:relative;
   left: 50px;
   top: 142px;
}

#brandingLogo {

}
#brandingTitle {
   position:absolute;
   left:260px;
   top:50px;
}

#brandingImage {
   position:absolute;
   left:202px;
   top:0px;
}

#detail,
#overview {
   width:560px;
   padding-bottom:100px;
}

#overview {
   text-align:left;
}

#start {
   padding-left:4px;
}

/* Tabellen-Spalten */
td.nav2 {
   width:200px;
   vertical-align:top;
   padding-top:90px;
}

td.main {
   width:780px;
   vertical-align:top;
}

td.content {
   width:584px;
   vertical-align:top;
}

td.info {
   width:196px;
   vertical-align:top;
}


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

.nav1 {
   height: 24px;
   border-bottom: 6px solid #FF9900;
}

.nav1Box {
   height:23px;
   font-size:16px;
   font-weight:bold;
   background-color: #CCCCCC;
   color: #333333;
   float:left;
   border-right: 1px solid #FFFFFF;
   border-bottom: 1px solid #FFFFFF;
}
.nav1Box .ro {
 /*  background:url('../_images/eck_grau_ro.gif') top right no-repeat; */
}
.nav1Box .lo {
   /* background:url('../_images/eck_grau_lo.gif') top left no-repeat; */
}
.nav1Box .ru {
   /* background:url('../_images/eck_grau_ru.gif') bottom right no-repeat; */
}
.nav1Box .lu {
   /* background:url('../_images/eck_grau_lu.gif') bottom left no-repeat; */
}

.nav1BoxActive {
   height:23px;
   font-size:16px;
   font-weight:bold;
   background-color:#FF9900;
   color: #333333;
   float:left;
   border-right: 1px solid #FFFFFF;
   border-bottom: 1px solid #FF9900;
}
.nav1BoxActive .ro {
   /* background:url('../_images/eck_or2_ro.gif') top right no-repeat; */
}
.nav1BoxActive .lo {
   /* background:url('../_images/eck_or2_lo.gif') top left no-repeat; */
}
.nav1BoxActive .ru {
   /* background:url('../_images/eck_or2_ru.gif') bottom right no-repeat; */
}
.nav1BoxActive .lu {
   /* background:url('../_images/eck_or2_lu.gif') bottom left no-repeat; */
}

.nav1 a {
   display:block;
   text-decoration:none;
   color: #333333;
   font-size:12px;
   font-weight: bold;
   padding-top:3px;
   padding-left:10px;
   padding-right:10px;
}
.nav1 a:hover {
   color: #333333;
}


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

div.nav2 {
   width:162px;
   /* background-color: #FFD99F; */
   margin-top:0px;
   margin-bottom:40px;

}

.nav2Box {
   min-height:20px;
   font-weight:normal;
   background-color: #FFBE5E;
   color: #333333;
   cursor:pointer;
   border-bottom: 1px solid #FFF7EA;
}
.nav2Box .inner {
   padding-top:3px;
}

.nav2BoxActive {
   height:20px;
   font-weight:bold;
   /* background-color: #FFBE5E; */
   background-color: #FF9900;
   color: #333333;
   border-bottom: 1px solid #FFF7EA;
}

.nav2Box a {
   display:block;
   padding-top:3px;
   padding-bottom:3px;
   padding-left:6px;
   text-decoration:none;
   color: #333333;
   font-weight: normal;
}
.nav2Box a:hover {
   background-color:#FF9900;
   color: #333333;
}
.nav2BoxActive a {
   text-decoration:none;
   color: #333333;
   font-weight: bold;
   padding-left:6px;
}
.nav2BoxActive a:hover {
   color: #333333;
}


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

.nav3 {
   width: 162px;
    background-color: #FFFFFF;
}

.nav3Box {
   min-height:20px;
   font-size:12px;
   font-weight:normal;
   color: #666666;
   /*	border-bottom: 1px solid #FFFFFF; 	*/
}

.nav3BoxActive {
   min-height:20px;
   font-size:12px;
   /* background-color: #FF9900; */
   color: #FF9900;;
   /*	border-bottom: 1px solid #FFFFFF; 	*/
}

.nav3Box a {
   text-decoration:none;
   color:#000000;
   padding-left:6px;
}
.nav3Box a:hover {
   color:#FF9900;
}
.nav3BoxActive a {
   text-decoration:none;
 color: #FF9900;
   padding-left:6px;
}
.nav3BoxActive a:hover {
   color: #FF9900;
}



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

.locator {
   height:54px;
   margin-top:34px;
   font-size:10px;
   color: #666666;
}
.locator a {
   color: #666666;
}
.locator a:hover {
   color: #333333;
}


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

.metaNav {
   position:relative;
   top:0;
   left:0px;
   height:21px;
   font-size: 10px;
   width:500px;
   text-align:right;
   color: #000000;
   background-color:#FF9900;
   padding-right:10px;
}
.metaNav a {
   font-size: 10px;
   color: #000000;
   text-decoration: none;
}
.metaNav a:hover {
   text-decoration: underline;
}

.metaNav a.active {
   font-weight: bold;
   color: #000000;
   text-decoration: none;
}
.metaNav a-active:hover {
   text-decoration: underline;
}

/*
**************************************
Multi-Site-Navigation
**************************************
*/

.siteNav {
   height: 21px;
   padding-left:4px;
   color: #FFFFFF;
   background-color:#CCCCCC;
   border-bottom: #FFFFFF solid 1px;
}
.siteNav a {
   font-size:10px;
   color: #FFFFFF;
   text-decoration: none;
}
.siteNav a:hover {
   text-decoration: underline;
}

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




/* 
*********************************
Footer
*********************************
*/

#footer {
   padding-left:20px;
   padding-top:20px;
   font-size:11px;
   color:#4F4940;
   margin-bottom:24px;
   border-top: 3px solid #FF9900;
}
#footer a {
   color:#4F4940;
   font-size:11px;
   text-decoration:underline;
}



/* 
*******************************
Styles Elemente
*******************************
*/

/* CSS-Button */
.button {
   text-align:right;
   margin-right:0px;
}
.button a {
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   color:#666666;
   text-align: right;
   border: 0px solid #666666;
   padding-top:3px;
   padding-bottom:3px;
   padding-right:5px;
   padding-left:3px;
}
.button a:hover {
   color:#666666;
   text-decoration: underline;
}
/* ENDE CSS-Button */






/* 
*********************************
Styles Overview-Seiten
*********************************
*/

.overview {
   /* width:420px; */
   background-color: #FFF7EA;
}



/*
Einzelnes Element
auf einer Overview-Seite
**************************** */

.overviewItem {
   background-color: #FFF7EA;
}

.overviewItem h2,
.overviewItem h2 a {
   font-weight:bold;
   font-size:12px;
   text-decoration: none;
}

.overviewItem h2 a:hover {
   text-decoration: underline;
}

.overviewItem p {
   margin-bottom:6px;
}

.overviewItemImg {
   padding-right:18px;
}

/* OverviewItem News */
.overviewItemNews {
   background-color: #FFF7EA;
   margin-bottom:12px;
   padding-left:6px;
   padding-right:6px;
}

.overviewItemNews h2,
.overviewItemNews h2 a {
   color: #FF9900;
   font-size:16px;
   line-height:18px;
}

/* News Overview-Image */
.overviewItemNews p img {
   float:left;
   vertical-align:top;
   margin-bottom:24px;
   margin-right:12px;
}


/* OverviewItem Events */
.overviewItemEvent {
   border-left: #FF9900 2px solid;
   background-color: #FFF7EA;
   margin-bottom:12px;
   padding:6px;
}

.overviewItemEvent h2,
.overviewItemEvent h2 a {
   color: #FF9900;
   font-size:16px;
   line-height:18px;
}

.overviewItemEvent p {

}
.overviewItemEvent p.link {
   text-align:right;
}
/* News Overview-Image */
.overviewItemEvent p img {
   float:left;
   vertical-align:top;
   margin-bottom:24px;
   margin-right:12px;
}

/* 
*********************************
Styles Detail-Seite
*********************************
*/

#detail {
   /*
   width:570px;
   background-color:#FFF7EA;
   */
}


.detailHead {
   background-color: #FF9900;
   color:#FFFFFF;
}
.detailHead h1 {
   margin-left:12px;
   margin-top:3px;
   margin-bottom:3px;
   font-size:14px;
   color:#FFFFFF;
}

.detailIntro {
   height:160px;
}

.detailZusatzImages {
   float:left;
   width:220px;
}


#detail p {
   margin-bottom:12px;
}

#detail ul {
   margin-bottom:12px;
}

.autor {
   text-align:right;
}

.eventInfo {
   margin-top:12px;
   margin-bottom:12px;
   padding:12px;
   background-color:#FFE3BB;
}

.eventInfo h4 {
      font-weight:bold;
   color:#000000;
   margin-top:6px;
}


/*
**********************************
Info/Item-Boxen
**********************************
*/

/* Itembox
************************* */
.infoboxHead {
   width:170px;
}

.infoboxHead img {
   margin-bottom:6px;
}

.infoboxHead h1 {
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   color: #FF9900;
   margin-left:3px;
   margin-top:0px;
   margin-bottom:0px;
   padding-left:0px;
   padding-bottom:0;

}

.infoboxHead h1.download {
   padding-left:24px;
   background:url('../_images/icn_downloads.gif') center left no-repeat;
}
.infoboxHead h1.kj {
   padding-left:24px;
   background:url('../_images/icn_kj.gif') center left no-repeat;
}
.infoboxHead h1.kw {
   padding-left:24px;
   background:url('../_images/icn_kw.gif') center left no-repeat;
}
.infoboxHead h1.linkint {
   padding-left:24px;
   background:url('../_images/icn_pfeil-re.gif') center left no-repeat;
}
.infoboxHead h1.linkext {
   padding-left:24px;
   background:url('../_images/icn_links.gif') center left no-repeat;
}

.infobox {
   width:170px;
   padding-top:6px;
   padding-bottom:6px;
   background-color: #FFE3BB;
   margin-bottom:12px;
   margin-left:3px;
}

.infobox p {
   font-weight:normal;
   padding-left:6px;
   padding-top:6px;
   padding-bottom:6px;
}
.infobox h4 {
   padding-left:6px;
   padding-top:6px;
   padding-top:6px;
}
.infobox a {
   color: #666666;
}

/* Itembox
************************* */
.itembox {
   width:170px;
   padding-top:6px;
   padding-bottom:6px;
}
.itemboxOuter {
   margin-bottom:18px;
   margin-left:3px;
}
.itembox p {
   font-weight:normal;
   padding-left:3px;
   padding-top:3px;
   padding-bottom:3px;
   background-color: #FFE3BB;
   border-bottom: 1px solid #FFFFFF;
}
.itembox a {
   text-decoration: none;
   color: #666666;
}
.itembox a:hover {
   text-decoration: underline;
   /*	color: #666666; */
}


/* Partnerbox
*******************************
*/

.partnerbox {
   width:170px;
   border: 1px solid #CCCCCC;
}

.partnerbox p {
   padding:6px;
   padding-top:12px;
}

.partnerbox a.link {
   background:url('../_images/icn_linkpartner.gif') center left no-repeat;
   text-decoration: none;
   color: #666666;
}
.partnerbox a:hover {
   text-decoration: underline;
}

.partnerboxHead h1 {
   font-size: 13px;
   font-weight: bold;
   font-style: normal;
   color: #CCCCCC;
}



/*

Container fuer TabbedPages

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

/* Container fuer eine TabbedPage PL */
.detailTabNav {
   /* background-color: #FFEBCF; */
   height:24px;
   margin-right:2px;
   border-bottom:#FF9900 solid 2px;
}

.detailTabNav a {
   display:block;
   padding-top:4px;
   padding-bottom:4px;
   padding-left:4px;
   margin-right:4px;
   background-color:#CCCCCC;
   text-decoration:none;
}
.detailTabNav a:hover {
   color:#FF9900;
   text-decoration:none;
}

.detailTabNav a.tabItemActive {
   color:#FFFFFF;
   background-color:#FF9900;
   text-decoration:none;
}


.detailTabs {
   width:420px;
}

/* Container fuer eine TabbedPage PL */
.detailTab {
   background-color: #FFEBCF;
   /* display:none; */
}

/* detailTabInner */
.detailTabInner {
   padding-top:4px;
   padding-right:4px;
   padding-left:8px;
}


/*
******************************
Styles Anfrage-Seiten
*******************************
*/

.anfrageIntro {
   width:560px;
}


.anfrageIntro h1 {
   padding-top:10px;
   font-size:18px;
   font-weight: bold;
}

.anfrageIntro p {
   padding-bottom:5px;
   font-size:11px;
}

.anfrage {
   padding-top:10px;
   width:400px;
}

.anfrage a {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-decoration:none;
   color: #666666;
}

.anfrage a:hover {
   text-decoration: underline;
   color: #666666;
}	



/* 
Veranstaltungen
*******************************
*/

.startTerminBox {
   width:170px;
}


.terminItemBorder {
   border-left: 3px solid #FF9900;
   padding-left: 3px;
   margin-bottom: 6px;
}

.terminItem {
   background-color: #FFF7EA;
   padding-top:4px;
   padding-bottom:4px;
}

.terminItem .termin {

}

.terminItem .titel,
.terminItem .titel a {
   font-weight: bold;
   text-decoration:none;
}

.terminItem .titel a:hover {
   text-decoration:underline;
}

.terminItem .ort {
   font-style: italic;
}

.terminItem .link {
   text-align: right;
}

.terminItem a {

}




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

.startAufmacher {
   width:530px;
   margin-top:12px;
   margin-bottom:12px;
}

.startAufmacher p {
   padding-right:40px;
}

.startKfBericht a {
   text-decoration:none;
}
.startKfBericht a:hover {
   text-decoration:underline;
}

img.headline {
}

.startAnreisser {
   width:190px;
   border: 1px solid #CCCCCC;
}




/* 
*******************************
Start: KF-Box
*******************************
*/


.startKfBox {
   width:194px;
   background-color: #FFBE5E;
   height:400px;
}

.startKfBox p {
   margin-bottom:12px;
}

.startKfBox a.detail {
   color:#000000;
   text-decoration:none;
}
.startKfBox a.detail:hover {
   text-decoration:underline;
}
.startKfBox .kf {
   padding-left:6px;
   font-style: italic;
}



/*
Tabellen
************************************ */

table.veranstaltungen {
}

table.veranstaltungen th {
   text-align:left;
}

table.veranstaltungen td {
   text-align:left;
   height:26px;
   border-bottom: 1px solid #FFFFFF;
}


h2.terminkalender {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
	padding-top:10px;
	padding-bottom:10px;
}
h3.terminkalender {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	padding-top:10px;
	padding-bottom:5px;
}

ul.terminkalender {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul.terminkalender li {
	background-color: #FFF5E5;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FF9900;

	margin-bottom: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
ul.terminkalender a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
}
ul.terminkalender a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF9900;
}

table.kfListe {
}

table.kfListe th {
   vertical-align: middle;
   text-align:left;
}

table.kfListe td {
   vertical-align: middle;
   text-align:left;
   height:26px;
   border-bottom: 1px solid #FFFFFF;
}



table.download {
}

table.download td.preview {
   text-align:center;
   background-color:#FFFFFF;
}

table.download td p {
   padding:6px;
}

.pageturnNav {
   float:right;
}

/* Kopfzeile oberhalb von Überschriften */
p.superHeadline {
   font-weight:bold;
   margin-bottom:0px;
   margin-top:4px;
}


ul.linklist {
   list-style: none;
   margin:0;
   padding:0;
   padding-left:5px;
}