/* CSS Document */

.htmlarea-content-body {
  font-family: Verdana, Arial, sans-serif;
  line-height:22px;
  color: #333;
  font-size:14px;
}

/* -------------------------- TEXTE ---------------------------- */

h1 {
  	font-size: 30px;
  	color: #1365bc;
  	font-weight: 700;
 	margin: 15px 0 20px 0;
   	line-height: 2rem;
}

h2{
 	font-size: 26px;
  	color: rgb(90, 152, 5);
    color: #1365bc;
  	font-weight: 600;
   	margin: 15px 0 20px 0;
  	line-height: 2rem;
}

h3{
    font-size: 24px;
    color: #db1611;
  	font-weight: 600;
  	margin: 15px 0 20px 0; 
  	line-height:2rem;
}

h4{
    font-size: 22px;
    color: #db1611;
  	font-weight: 600;
  	margin: 15px 0 20px 0;
   	line-height: 2rem;
}
h5{
    font-size: 20px;
    color: #db1611;
  	font-weight: 600;
  	margin: 15px 0 20px 0;
   	line-height: 2rem;
}

.csc-textpic-caption{
	font-size:11px;
}
h3.text-secondary {
  font-size: 18px;
  color: #011e4ec4 !important;
  font-weight: 600;
  margin: 5px 0 10px 0;
  line-height: 26px;
}
#ehrenamt h1 {
  color: #1365BC; 
  font-weight: 700;
}

#projekte h1{
  color: #d90c25;
  font-weight: 700;
}

#anerkennung h1 {
  color: #5C9A24;
  font-weight: 700;
}

#qualifizierung h1 {
	color: #F38F19;
  	font-weight: 700;
}


#c1131 {
	border-radius: 8px;
	margin-top: 20px;
	padding:1px 5px 0;
	-moz-box-shadow:    1px 1px 5px 0px #ccc;
  	-webkit-box-shadow: 1px 1px 5px 0px#ccc;
  	box-shadow:        1px 1px 5px 0px #ccc;
  }


p {
  	padding: 0;
 	 margin: 10px 0;
}
b, strong {
  	font-weight: 600;
}
#Content_Right h1{
	font-size: 18px;
	margin:0 0 20px 0;
}


#Content_Right h2, #Content_Right h3 {
	font-size: 16px;
	margin:0 0 20px 0;
    line-height: 1.3rem;

}

#Content_Right p{
	margin:10px 0;
    line-height: 1.2rem;
}


/* -------------------------- LINKS ---------------------------- */

#Content a:link, #Content a:active, #Content a:visited,
#Content_Right a:link, #Content_Right a:active, #Content_Right a:visited{
  color: #085bb5;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

/*.external-link, a.external-link:link, a.external-link:active, a.external-link:visited,
.external-link-new-window, a.external-link-new-window:link, a.external-link-new-window:active, a.external-link-new-window:visited,
.tx-abook-pi1-www a:link, .tx-abook-pi1-www a:active, .tx-abook-pi1-www a:visited {
  background-image:url(../lay/external-link.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding:0 0 0 15px;
}*/

/*.internal-link, a.internal-link:link, a.internal-link:active, a.internal-link:visited,
.internal-link-new-window, a.internal-link-new-window:link, a.internal-link-new-window:active, a.internal-link-new-window:visited,*/

.tx-abook-pi1-detaillink a:link, .tx-abook-pi1-detaillink a:active, .tx-abook-pi1-detaillink a:visited,
.morelink, a.morelink:active, a.morelink:visited, a.morelink:link{
  background-image:url(../lay/internal-link.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding:0 0 0 15px;
}

.mail::before, a.mail:active::before, a.mail:visited::before, a.mail:link::before,
.tx-abook-pi1-email a:link::before, .tx-abook-pi1-email a:visited::before, .tx-abook-pi1-email a:active::before {
 /*background-image:url(../lay/mail.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding:0 0 0 18px;*/
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0e0";
  padding-right: 6px;
}

.download, a.download:active, a.download:visited, a.download:link{
  background-image:url(../lay/download.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding:0 0 0 15px;
}

.backlink, a.backlink:active, a.backlink:visited, a.backlink:link,
.tx-abook-pi1-backlink a, .tx-abook-pi1-backlink a:link, .tx-abook-pi1-backlink a:active, .tx-abook-pi1-backlink a:visited{
  background-image:url(../lay/backlink.gif);
  background-repeat:no-repeat;
  background-position:left;
  padding:0 0 0 15px;
}
.download-link,.internal-link {
  font-weight: 600;
  background: #e6ecf7;
  padding: 10px;
  border-radius: 5px;
  margin: 13px 0;
  line-height:3rem;
}

/* -------------------------- EIGENE KLASSEN ---------------------------- */

.teaser {
  font-weight: 600;
  color: #000;
}
/* -------------------------- TABELLEN ---------------------------- */

table.contenttable{
  margin: 0;
  padding: 0;
  width: 99%;
  vertical-align: text-top;
}

table.contenttable td {
  padding: 3px;
  margin: 0;
}
  
.TabelleHell {
  background-color: #F6F6F6;
}
  
.TabelleMittel{
  background-color: #E2E2E2;
}
  
.TabelleDunkel {
  background-color: #CACACA;
}