/* Grundlage: http://barrierefrei.e-workers.de/intern_downloads.php, stark ver ndert durch Tillmann L bker */

:root {
	--imprint-0: "Luebker";
	--imprint-1: "Uhland";
	--imprint-2: "7";
	--imprint-3: "144";
	--imprint-4: "Potsdam";
	--imprint-5: "0331";
	--imprint-6: "86960";
	--imprint-7: "luebker";
	--imprint-8: "org";
}

.imprint-0::after {
    content: var(--imprint-0);
}
.imprint-1::before {
    content: var(--imprint-1);
}
.imprint-1::after {
    content: var(--imprint-2);
}
.imprint-3::before {
    content: var(--imprint-3);
}
.imprint-3::after {
    content: var(--imprint-4);
}
.imprint-5::before {
    content: var(--imprint-5);
}
.imprint-5::after {
    content: var(--imprint-6);
}
.imprint-7::after {
    content: "\0040" var(--imprint-7);
}
.imprint-8::before {
    content: ".";
}
.imprint-8::after {
    content: var(--imprint-8);
}

acronym {
border-bottom: dotted 1px; 
}
acronym:hover, abbr:hover {
cursor: help;
}
.darkback {
background: #b4e778;
}
.invis, hr {
display: none;
}
.nowrapping {
white-space: nowrap;
}

img {
border: none;
}

/* headings */
h1, h2, h3, h4, p, ul, li {
margin: 0;
padding: 0;
}
h1, h2, h3, h4 {
margin: 15px 0 10px 0;
}
h1 {
color: #418e0f;
font-size: 23px;
letter-spacing: 2px;
margin-top:5px;
}
h2 {
color: #418e0f;
font-size: 18px;
letter-spacing: 1px;
}
h3 {
font-size: 16px;
letter-spacing: 1px;
}
h4 {
font-size: 15px;
letter-spacing: 1px;
}

#header h1 {
color: #418e0f;
font-size: 23px;
letter-spacing: 2px;
text-align:center;
margin: 0;
padding: 12px 10px 0 10px;
border: 0;
}
#header h2 {
color: #418e0f;
font-size: 18px;
letter-spacing: 1px;
text-align:center;
margin: 0;
padding: 6px 10px 0 10px;
border: 0;
}

/* Texte */
p, li {
font-size: 13px;
}
#content p {
line-height: 150%;
margin: 7px 0 8px 0;
color: #418e0f;
}
#content li {
line-height: 150%;
margin: 3px 0 4px 0;
color: #418e0f;
}

#contentInnerHeader p {
height: 20px;
padding: 0;
border: 0;
margin: 0;
padding-top:1px;
text-align: center;
font-size: 11px;
color:#5abd1a;
}
.Seitenanfang {
text-align:right;
padding: 5px 0;
}
.social_bookmarks {
padding: 0 10px 0 0;
position: relative;
top: 4px;
}
.klein {
font-size: 10px;
}
.wortwolke {
border: solid 1px #7fd138; 
margin: 15px 30px; 
padding: 0 10px;
text-align:center;
}
.wortwolke .klasse1 { font-size:  8px; }
.wortwolke .klasse2 { font-size: 10px; }
.wortwolke .klasse3 { font-size: 13px; }
.wortwolke .klasse4 { font-size: 15px; }
.wortwolke .klasse5 { font-size: 17px; }
.wortwolke .klasse6 { font-size: 21px; }
.wortwolke .klasse1, .klasse2, .klasse3, .klasse4, .klasse5, .klasse6 {
	white-space: nowrap;
}

.news_date { line-height: 100%; margin: 0; padding-top: 0.5em; font-style:italic; }
.news_h2   { line-height: 100%; margin-top:0; }
.news_h3   { line-height: 100%; margin-top:0; margin-bottom:8px; }

/* Teaserbox / bankdetails */
.bankdetails {
position: relative;/*fuer IE*/
background-color: #e3fcc5;
border: solid 1px #b2e780;
margin:0;
}

.teaser150, .teaser220, .teaser110, .teaser305 , .teaser350  { 
position: relative; /*fuer IE*/
float:right;
background-color: #e3fcc5;
border: solid 1px #b2e780;
margin: 12px 0 5px 15px;
}

.teaser110 { width: 110px; }
.teaser150 { width: 150px; }
.teaser220 { width: 220px; }
.teaser305 { width: 305px; }
.teaser350 { width: 350px; }

.teaser150 h4, .teaser220 h4, .teaser110 h4, .teaser305 h4 , .teaser350 h4 {
position: relative;/*fuer IE*/
margin: 0;
padding: 3px 4px 3px 4px;
font-weight: bold;
font-size: 13px;
background-color: #c3f090;
color: #418e0f;
text-align:right;
}

.bankdetails h4 {
position: relative;/*fuer IE*/
margin: 0;
padding: 3px 4px 3px 4px;
font-weight: bold;
font-size: 13px;
background-color: #c3f090;
color: #418e0f;
text-align:left;
}

#content .teaser150 p, #content .teaser220 p, #content .teaser110 p, #content .teaser305 p, #content .teaser350 p {
font-size: 11px;
margin: 2px 0 6px 0;
padding: 0 4px;
text-align:right;
line-height: 100%;
}

.teaser150 img, .teaser220 img, .teaser110 img, .teaser305 img, .teaser350 img {
align:right;
margin: 5px 4px 0 4px;
}

.bankdetails .p {
font-size: 13px;
line-height: 160%;
color: #418e0f;
}

.textpic { 
position:relative; 
top:4px;  
}

/* Inner */
#contentInner ul {
font-size: 16px;
list-style-type: square;
margin: 0 30px;
padding: 0;
border: 0;
}
#contentInner ul ul {
font-size: 16px;
list-style-type: circle;
margin: 0 0 0 30px;
padding: 0;
border: 0;
}
#contentInner ul ul ul {
font-size: 14px;
list-style-type: circle;
margin: 0 0 0 30px;
padding: 0;
border: 0;
}
#contentInner li, #contentInner li li, #contentInner li li li {
padding: 0; 
border: 0;
}
#contentInner a {
text-decoration: underline;
color: #418e0f;
}
#contentInnerHeader a {
text-decoration: none;
color: #5abd1a;
}
#footer a {
color: #5abd1a;
}

/* MENÜ */
#menue .level1 {
display: block;
width: 157px;
color: #f1fee2;
border: 1px solid #5abd1a;
margin: 20px;
background-color: #7fd138;
font-weight:bold;
}
#menue .level2 {
display: block;
width: 137px;
color: #f1fee2;
border: 1px solid #5abd1a;
margin: 20px 20px 20px 40px;
background-color: #7fd138;
font-weight:bold;
}
#menue .level2 .submenue {
margin: 0;
}
#menue .level1 a:link, #menue .level1 a:visited, #menue .level1 a:hover, #menue .level1  a:active,
#menue .level2 a:link, #menue .level2 a:visited, #menue .level2 a:hover, #menue .level2  a:active {
display: block;
padding: 7px; 
text-decoration:none;
}
#menue .level2 .submenue a:link, #menue .level2 .submenue a:visited, #menue .level2 .submenue a:hover, #menue .level2 .submenue  a:active {
padding: 0 7px 0 14px; 
font-style:italic;
}
#menue .level1 a:link, #menue .level1 a:visited,
#menue .level2 a:link, #menue .level2 a:visited   {
background-color: #7fd138;
color: #f1fee2;
}
#menue .level1 a:hover, 
#menue .level2 a:hover {
background-color: #86dc3b;
color: #5abd1a;
}
#menue .level1  a:active,
#menue .level2  a:active {
background-color: #7fd138;
color: #5abd1a;
font-style:italic;
} 

/* FOOTER-LINK */
#footer a:link, #contentInnerHeader a:link {
text-decoration:none; 
}
#footer a:visited, #contentInnerHeader a:visited {
text-decoration:none; 
}
#footer a:hover, #contentInnerHeader a:hover {
text-decoration:underline;
}
#footer a:active, #contentInnerHeader a:active{
text-decoration:underline;
}

/* CONTENT-LINK */
#contentInner a:link {
text-decoration:underline;
}
#contentInner a:visited {
text-decoration:underline;
}
#contentInner a:hover {
text-decoration:none; 
}
#contentInner a:active{
text-decoration:none; 
}

#bekannt_aus {	
	padding-top: 10px; 
	text-align: center;
}
#bekannt_aus img {	/* width="168" */
	padding: 0 16px;  
}

@media screen and ( min-width: 1000px ) 
{
	h1 { font-size: 25px; margin-top:5px; }
	h2 { font-size: 20px; }
	h3 { font-size: 16px; }
	h4 { font-size: 15px; }
	p, li, #contentInnerHeader p { font-size: 14px; }
	.klein { font-size: 11px; }
	#header h1 { font-size: 25px; padding: 14px 10px 0 10px; }
	#header h2 { font-size: 20px; padding: 8px 10px 0 10px; }	
	#contentInnerHeader p { height: 24px; }
	#contentInnerHeader { height: 24px; }
	
	.teaser150 h4, .teaser220 h4, .teaser110 h4, .teaser305 h4 , .teaser350 h4 { font-size: 14px; }
	.bankdetails h4 { font-size: 14px; }
	#content .teaser150 p, #content .teaser220 p, #content .teaser110 p, #content .teaser305 p, #content .teaser350 p { font-size: 12px;}
	.bankdetails .p { font-size: 14px;}	
	#bekannt_aus img { padding: 0 26px; }
	
	#menue .level1 { width: 177px; }
	#menue .level2 { width: 157px; }
}

@media screen and ( min-width: 1200px ) 
{
	h1 { font-size: 27px; margin-top:5px; }
	h2 { font-size: 22px; }
	h3 { font-size: 17px; }
	h4 { font-size: 16px; }
	p, li, #contentInnerHeader p { font-size: 16px; }
	.klein { font-size: 12px; }
	#header h1 { font-size: 27px; padding: 16px 10px 0 10px; }
	#header h2 { font-size: 22px; padding: 10px 10px 0 10px; }
	#contentInnerHeader p { height: 27px; }
	#contentInnerHeader { height: 27px; }
	
	.teaser150 h4, .teaser220 h4, .teaser110 h4, .teaser305 h4 , .teaser350 h4 { font-size: 15px; }
	.bankdetails h4 { font-size: 15px; }
	#content .teaser150 p, #content .teaser220 p, #content .teaser110 p, #content .teaser305 p, #content .teaser350 p { font-size: 13px;}
	.bankdetails .p { font-size: 15px;}	
	#bekannt_aus img { padding: 0 36px; }
	
	#menue .level1 { width: 197px; }
	#menue .level2 { width: 177px; }
}

@media screen and ( max-width: 860px ) 
{
	#bekannt_aus { display: none; }
	
	#menue { width: 100%; }
	#menue .level1 {
	width: 90%;
	border: 1px solid #5abd1a;
	margin: 5px 20px;
	}
	#menue .level2 {
	width: 80%;
	border: 1px solid #5abd1a;
	margin: 5px 40px 5px 40px;
	}
	
	.m_shrink { max-width: 85%; max-height: 85%; }

}

@media screen and ( max-width: 500px ) 
{
	.m_shrink { width: 70%; height: 70%;}
	#header h1 { letter-spacing: 0; font-size: 21px; padding: 16px 10px 0 10px; }
	#header h2 { letter-spacing: 0; font-size: 16px; padding: 8px 10px 0 10px; }
}

@media print {
  body           { font-size: 101%; background-color: #fff; background-image: none; color: #000; font-family: 'Garamond', 'Times New Roman', 'Trebuchet MS', Verdana, Helvetica, Arial, serif; }
  p, #content p, #content li, #contentInnerHeader p, .bankdetails .p, .teaser150 p, .teaser220 p, .teaser110 p, .teaser350 p 
                 { color: #000; font-size: 101%; }
  h1, #header h1 { color: #000; font-size: 130%; }
  h2, #header h2 { color: #000; font-size: 120%; }	
  h3             { color: #000; font-size: 110%; }	
  h4, .bankdetails h4 { color: #000; font-size: 100%; }	
  .teaser150 h4, .teaser220 h4, .teaser110 h4, .teaser350 h4
                 { color: #000; font-size: 100%; }				 
}