/*
Farben: 

GELB:	#fdce2c
Orange:	#ea4900
Grau: 	#eaeae7
*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	
}
body {
	background: #d6d6d6 url(back.png) repeat-x;
	font: 13px/1.6em 'Droid Sans', Lucida, Verdana, sans-serif;

}

h1, h2, h3, h4, h5, h6 {
margin-bottom: 0.8em;
line-height: 1.2em;
}

h1 { font-size: 20px;	}
h2 { font-size: 18px;	}
h3 { font-size: 16px;	}
h4 { font-size: 15px; margin-bottom: 0.5em;	}





ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {
	margin-bottom: 1.5em;
}


a {
	text-decoration: none;
	color: #ad3700;
}

#content ul, #content ol {
list-style: inherit;
margin-left: 20px;

}

td {
	padding: 2px;
}
td {
	padding-right: 10px;
}

/* Basiselemente --------------- */

#wrapper {
	background: url(back_wrapper.png) repeat-y;
	width: 970px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#cover {
	background: url(kopf_back.png?v=2) no-repeat;
	width: 970px;
	height: 107px;
	padding-top: 40px;
}

#contentframe {
	width: 970px;
	background: url(back_contentframe.png) repeat-y;
	padding-bottom: 50px;
}

#footer {
	background: url(back_footer.png) no-repeat;
	width: 970px;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	padding-left: 10px;

}


/* -- Kolumnen ------------------*/

/* KOLUMNE :: Navigation --------*/
#colleft {
	width: 195px;
	float: left;
}
/* KOLUMNE :: Content --------*/
#content {
	width: 498px; /*width: 548px;*/
	padding-top:40px;
	padding-left: 25px;
	padding-right: 25px;
	float: left;
}
/* KOLUMNE :: Marginalspalte --------*/
#colright {
	float: left;
	width: 197px;
	padding: 40px 15px 10px;
}

#colright h1,
#colright h2,
#colright h3,
#colright h4 {
	font-size: 13px;
	color: white;
	margin-left: -15px;
	width: 197px;
	background-color: #7c7c7c;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	padding: 6px 15px;
}

#colright .tinymcewysiwyg {
	font-size: 12px;
}

#colright .trennlinie {
	margin-left: -15px;
	border-bottom: 2px solid white;
	width: 227px;
	margin-top: 15px;
	margin-bottom: 15px;
}


div.margaktiv {

}

div.margaktiv h1,
div.margaktiv h2,
div.margaktiv h3,
div.margaktiv h4 {
font-size: 13px;
color: white;
margin-left: -15px;
width: 197px;
background-color: #e74a0c !important;
font-weight: normal;
font-style: normal;
text-decoration: none;
padding: 6px 15px;
	
}

/* -----------------------------------------
    Miniteaser
-------------------------------------------- */

.mitea {
   margin: 0.75em 0 1.25em;
   background: #505050;
   width:100%;
   width: 202px !important;
   padding: 1em;
   margin-left:-15px;
}

.mitea a {
   color: white;
   text-decoration: none;
   font-size: 16px;
}



/* ------------------------------------------------ */


/* --Topnavigation -------- */
#navigation {
	background-color: #eaeae7;
}


a.swlink {	
	padding: 5px 5px 5px 10px;
	width: 100px;
	display:block;
	
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	
	-webkit-box-shadow: #666 0px 0px 4px;
	-moz-box-shadow: #666 0px 0px 4px;
	box-shadow: #666 0px 0px 4px;
	
	background: #595959;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	margin-bottom: 10px;
	float: right;
}

a.swlink:hover {	
	background: #e64919;
}

a.swlinkaktiv {	
	padding: 5px 5px 5px 10px;
	width: 100px;
	display:block;
	
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	
	-webkit-box-shadow: #666 0px 0px 4px;
	-moz-box-shadow: #666 0px 0px 4px;
	box-shadow: #666 0px 0px 4px;
	
	background: #e64919;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	margin-bottom: 10px;
	float: right;
}

/* -- Seitennaivigation --- */

#navigation h4 {
	font-size: 12px;
	padding-left: 15px;
	padding-right: 10px;
	margin-top: 20px;
	color: gray;
	text-transform: uppercase;
	font-style: italic;
	font-variant: normal;
	letter-spacing: 1px;
}

#navigation a {
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom:3px;
}

ul.rex-navi1 {
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	border-bottom: 1px solid white;
	margin-bottom: 25px;
}




ul.rex-navi1 li {
	border-top: 1px solid white;

}



li.rex-normal a {
	display: block;
	text-decoration: none;
	color: black;
	font-size: 12px;
}

li.rex-normal a:hover {
	background: #e64919;
	color: white;
}

li.rex-current a.rex-current,  a.rex-active {
	display: block;
	text-decoration: none;
	color: black;
	font-size: 12px;
	background: #e64919;
	color: white;
}


ul.rex-navi2 {
	background-color: #686968;
}


ul.rex-navi2 li a {

	color: white;
	
	padding-left: 25px !important;
	display:block;
}


ul.rex-navi2 li.rex-current a {
	background-color: #fc830d;
}

ul.rex-navi2 li.rex-normal a {

}




/*--Topteaser ----------------------*/
.topteaser {
	background-color: #595959;
	color: white;
	margin-bottom: 20px;
}

.topteaserlink {
	padding: 5px 5px 5px 12px;
	display: block;
	text-decoration: none;
	color: white;
	background: #ea4900 url(pfeil_rot.png) no-repeat 210px center;
	text-transform: uppercase;
}

.topteaserbody {
	padding: 12px;

}
/*-- Marginalspalte --*/
.margblock {
	margin-bottom: 20px;
}
.margblock p {
	padding:12px;
}

.margblock img {
	margin-top:12px;
	margin-left: 12px;
}


a.marglink {
	display:block;
	padding: 3px 12px;
	background-color: #dfdfdf;
	margin: 0;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	color: #e64919;
	text-decoration: none;
	background: #dfdfdf url(pfeil_marglink.png) no-repeat 210px center;
}

a.marglink:hover {
	background: #ea4900 url(pfeil_rot.png) no-repeat 210px center;
	color: white;
	

}


/* Pressespiegel */

.newsteaser {
	padding-top:10px;
	padding-bottom:15px;
	border-bottom: 1px dotted silver;
}

.newsteaser a { 
font-size: 13px;
}



.trennlinie {
	border-bottom: 1px solid silver;
	margin-top: 20px;
	margin-bottom: 20px;
}


.homenewsbox em {
	color: gray;
	display: inline-block;
	margin-right: 15px;
}

/* Twitter */


ul#twitter_update_list {
	list-style: none !important;
	margin: 0;
	border-bottom: 1px solid silver;
	margin-bottom: 15px;
}

ul#twitter_update_list li {
	padding-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid silver;
	padding-left: 20px;
	background: url(bird_blue_16.png) no-repeat 0 15px;
}

tr.adrheadline td {
	padding-top: 15px;
	border-top: 1px solid silver;
}

form#pressesuche {
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}


p.smallline {
	margin: 0;
	padding: 0;
}

span.aktivtext {
	color: #e94900;
}

/* Seminar */


table.prseminar {
	border-bottom: 1px solid silver;
	width: 100%;
}

td.prseminar-infozelle, td.prtop-infozelle {
	width: 112px;
	color: gray;
}


td.prtop-headline {
	font-size: 13px;
	font-weight: bold;
	color: black;
}

table.prtop {
	margin-top: 15px;
	border-top: 1px solid silver;
	background-color: #eee;
	width: 100%;
	margin-bottom: 15px;
}

table.prtop td {
	border-bottom: 1px solid silver;
}

.orange {
	color: #e3490c;
}

td.border {
	border-top: 1px solid silver;
	padding: 1rem 0 !important;
	vertical-align: top;
}

table.programmwahl {
		border-bottom: 1px solid silver;
}

input.textinput {
	padding: 3px;
	width: 100%;
}

input.textinput,
textarea {    
	border: 1px solid  #b4b4b4 !important;
	padding: 6px !important;
	font-size: 14px;
}

input:is([type="radio"], 
[type="checkbox"]) {
	margin-top: 3px;
	margin-right: 2px;
	box-sizing: border-box;
	padding: 8px;
	font-size: 21px;
	width: 20px;
	height: 20px;
}


#banner {
	background-color: #efefef;
	padding:15px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 20px;
	
}
#banner h1 { font-size: 16px; }

a.bannerlink {
	display:inline-block;
	background: #e64919;
	color: white;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 20px;
	margin-right: 15px;

}

.inputerror {
    background:rgb(255, 222, 222);
    border:1px solid red;
}

.error {
    background:rgb(255, 222, 222); 
    padding: 40px;
    margin-bottom: 1em;
}

.errorbg {
    background:rgb(255, 222, 222);    
}

.submit-button {
display: inline-block;
background: #e64919;
color: white;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 6px 20px;
margin-right: 15px;
border-style: none;
font-size: 1em;

}


.buttongo {
	background-color:rgb(230, 73, 25);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Verdana;
	font-size:13px;
	padding:8px 26px;
	text-decoration:none;
	margin-bottom: 1em;
	width: 110px;
	text-align: center;
	font-weight: normal;

}
.buttongo:hover {
	background-color:#333;
}
.buttongo:active {
	position:relative;
	top:1px;
}

.banner_selbsthilfe { 
    margin-bottom: 1em; 
    padding: 1em 0; 
    text-align: center; 
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }
.banner_selbsthilfe_logo { 
    width: 300px; 
    margin: 0 auto; 
    }



/* -----------------------------------------
    Table Förderer
-------------------------------------------- */

.foerderer {
	width: 100%;
}

.foerderer td {
	vertical-align: top;
	border-bottom: 1px dotted gray;
	padding-bottom: 2em;
	padding-top: 2em;
}
.foerderer td img {
	margin-bottom: 1em;
}

td.fo-summe {
	white-space: nowrap;
	text-align: right;
}



/* -----------------------------
    SUSY-GRID System
   ----------------------------- */

/* Float or flex… */
.susy {  display: flex; }

/* Setup… */
.susy-item {
  --span: initial; /* avoid inheritance */
  --percentage: calc(var(--span) * 100%);
  width: var(--percentage, initial);
}

/* Items… */
.susy-1  {  --span: 1/12; }
.susy-2  {  --span: 2/12; }
.susy-3  {  --span: 3/12; }
.susy-4  {  --span: 4/12; }
.susy-5  {  --span: 5/12; }
.susy-6  {  --span: 6/12; }
.susy-7  {  --span: 7/12; }
.susy-8  {  --span: 8/12; }
.susy-9  {  --span: 9/12; }
.susy-10 {  --span: 10/12; }
.susy-11 {  --span: 11/12; }
.susy-12 {  --span: 12/12; }

@media (max-width: 400px) {
   .susy {  display: block; }
   .susy-item { width: 100%; }
}


/* -----------------------------------------
Button
-------------------------------------------- */

.fundbanner {
position: absolute;
top: 40px;
left: 50%;
width: 250px;
height: 20px;
transform: translateX(220px);
}

.button {
display: inline-block;
width: auto;
border: 1px solid #e64919;
background-color: #e64919;
border-radius: 7px;
color: white;
font-size: 24px;
padding: 0.5em 1em 0.7em;;
animation: pulse 2s infinite;
}

.button small {
display: block;
font-size: 13px;

}




@keyframes pulse {
0% {
-moz-box-shadow: 0 0 0 0 rgba(230,73,25, 0.2);
box-shadow: 0 0 0 0 rgba(230,73,25, 0.2);
}
70% {
  -moz-box-shadow: 0 0 0 10px rgba(230,73,25, 0.2);
  box-shadow: 0 0 0 10px rgba(230,73,25, 0.2);
}
100% {
  -moz-box-shadow: 0 0 0 0 rgba(230,73,25, 0.2);
  box-shadow: 0 0 0 0 rgba(230,73,25, 0.2);
}
}




   #mailreposttr, 
   #mailrepost, 
   #mailrepostlabel {
	   position: absolute;overflow: hidden;clip: rect(0px, 0px, 0px, 0px);height: 1px;width: 1px;margin: -1px;border: 0px none;padding: 0px;}
	
  
.blink_text
	   {
		   animation:3s blinker linear infinite;
		   
	   }
	   
	   
	   @keyframes blinker
	   {  
		   0% { opacity: 1.0; }
		   25% { opacity: 1.0; }
		   50% { opacity: 0.0; }
		   75% { opacity: 1.0; }
		   100% { opacity: 1.0; }
		}