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

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; 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 {
font-weight:normal;
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; 
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; 
}


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