/* 
**************************************
Kolping-Augsburg.de
**************************************

*/


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

h1, h1 a {

}

h2, h2 a {

}

h3, h3 a {

}

h4, h4 a {

}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
   text-decoration:underline;
}
acronym {
   cursor: help;
}
strong {
   font-weight: bold;
}

ul {

}
li {

}

table td {
   vertical-align: top;
}

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


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


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

a.back {
   display:block;
   background:url('../_images/icn_linkback.gif') 0px 5px no-repeat;
   padding-left:12px;
   text-decoration:none;
   color: #666666;
   font-size:10px;
}
a.back:hover {
   color:#007CC3;
   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:#007CC3;
   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:#007CC3;
   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:#007CC3;
   text-decoration:underline;
}


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

Seiten-Bereiche

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

body {
   background-color: #CCCCCC;
}


#page {
   position:relative;
   left:0px;
   top:0px;
   width: 990px;
   margin-left: auto;
   margin-right: auto;
}

#main {
   background-color: #ED8126;
   position:relative;
   left:0px;
   top:0px;
   padding-bottom: 15px;
   margin-bottom: 15px;
}

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

#brandingLogo {
   position:absolute;
   top:15px;
   left:680px;
}

#welcome {
   margin-left:20px;
   margin-top:10px;
}
#begriffe {
   margin-left:50px;
   margin-top:12px;
   margin-bottom:10px;
}

#startNews {
   background-color: #FFFFFF;
   position: absolute;
   left:15px;
   top:120px;
   width:260px;
   height:370px;
}

#startNews h1  {
   padding-top:15px;
   padding-left:5px;
}

#startNews h1 a {
   font-size: 14px;
   font-weight: bold;
   color:#EC8D00;
   text-decoration: none;
}

#content {
   background-color: #FFFFFF;
   position: relative;
   left:280px;
   top:11px;
   padding:10px;
   width:675px;
   height:350px;
}

#content.detail {
   top:0;
   left:0;
   background-color: #FFFFFF;
   position: relative;
   padding:10px;
   margin:15px;
   margin-bottom:0px;
   height: auto;
   width: auto;
}



#contentFooter {
   position: relative;

}
#footer {
   position: relative;
   height:30px;
   padding-top:5px;
   padding-left:280px;
}

.linkBox {
   float:left;
   margin-right: 5px;
   background-color: #ED8126;
   color:#FFFFFF;
   padding: 2px;
   padding-left: 20px;
   width: 180px;
   height:34px;
}

.linkBox a.link {
   color:#FFFFFF;
   display: block;
   background:url('../_images/icn_link_invers.gif') 0px 2px no-repeat;
   padding-left:18px;
   text-decoration:none;
}


#linkBox1 {
   /*   position: absolute;
      left:745px;*/
}
#linkBox2 {
   /*   position: absolute;
      left:745px;*/
}




.detail h2 {
   color:#EB8C00;
}
.detail h3 {
   color:#EB8C00;
}

.detail p {
   width: 460px;
   padding-bottom:20px;
}

.detail div.column {
   width:290px;
   margin-right:8px;
   float:left;
}
.detail div.column p {
   width: auto;
}
.detail .headline {
   padding-bottom: 10px;
   border-bottom: 1px solid #EB8C00;
   margin-bottom: 20px;
}


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

.startBox {
   width:215px;
   height:150px;
   margin-right:8px;
   margin-bottom:16px;
}

.startBoxActive {
   background-color: #FFEBCF;
}

.startBox .headline {
   border-bottom: 1px solid #EB8C00;
   margin-bottom: 4px;
   cursor: pointer;
}

.startBox a.link {
   display: block;
   padding:0;
   margin:0;
   background:url('../_images/icn_link.gif') 0px 2px no-repeat;
   padding-left:18px;
   line-height: 14px;
   text-decoration:none;
}

.startBox a.link:hover {
   color:#EB8C00;
   text-decoration:none;
}

.startBox li {
   display: block;
   line-height: 12px;
   padding:0;
   margin-bottom:4px;
}




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

#metaNav {
   position:absolute;
   top:30px;
   left:0px;
   height:20px;
   font-size: 11px;
   width:200px;
}


#metaNav li {
   display: block;
   float: left;
   margin-right: 10px;
}
#metaNav a {
   font-size: 10px;
   color: #FFFFFF;;
   text-decoration: none;
}
#metaNav a:hover {
   color: #ED8126;
   text-decoration: underline;
}
#metaNav a.active {
   color: #ED8126;
   font-weight: bold;
}



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

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