body {
 margin:0px;
 color: black;
 background-color:#ffffcc}

H1, H2, H3, H4, TBODY, A, LI, UL, UNKNOWN, I, P
{
	FONT-FAMILY: Arial, Helvetica, sans-serif /*"Lucidux Mono", Clean, Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular */;
	margin-bottom:5px;
	margin-top:0px; font-style: normal; font-weight: normal; font-variant: normal}
	
H2 {font-size: 18px}
H3 {font-size: 16px}
H4 {font-size: 14px}

H1 {COLOR: #003366}
H2 {COLOR: #54A800}
H3, H4, P, LI, UL {COLOR: #54a800}


A {text-decoration:underline; color:#54a800}
A:visited {COLOR: #54a800}
A:hover {COLOR: #54a800}
A:active {COLOR: #54a800}

.logo {FONT-FAMILY: "Times New Roman", Times, serif}

#aussen, #aussen body {
 margin:0;
 color:   #00FF00  /*#339933*/;
 background: #E97837;
 background: #0033FF;
 background: #0066cc;
 background: #993333;
 
 }
 
 #first, #first table, #first tr, #first td {
 text-align: center;
 background: #E97837;
 background: #0066ff;
  background: #993333;
 border: 0px; padding: 0px; margin: auto; border-collapse: collapse; vertical-align:middle;
 height: 100%; width: 100%
 }
 
table, td, tr {border: 0px; padding: 0px; margin: 0px; border-collapse: collapse}

#kopfleiste {background-image: url(../syspict/topline4.gif); width: 800px; height: 95px}

.center 
{vertical-align:top; text-align: center; margin-left: auto; margin-right: auto}

.links 
{text-align: center; margin-left: auto; margin-right: auto; vertical-align: top}

#navilinks p {COLOR: #ffffff; font-size:12px}
#navilinks {text-align: center; margin-left: auto; margin-right: auto; width: 80px; vertical-align: top}
#navilinks a {text-decoration: none}
#navilinks a:visited {COLOR: #ffffff}
#navilinks a:hover {COLOR: #ffffff}
#navilinks a:active {COLOR: #ffffff}
#navilinks a {COLOR: #ffffff; }
#navilinks {background-image:url(syspict/baum6.gif)}

#navilinks img {text-align: center; margin-left: auto; margin-right: auto; border: 0px}


#content {text-align: center; margin-left: auto; margin-right: auto; padding: 0px; border-spacing: 0px}

#liste {
border-collapse: collapse;
width: 590px;
text-align:left; 
vertical-align:top;
background-color: #FCE758
}

#liste td {vertical-align: top; padding-bottom: 15px; padding-left: 5px}
#liste img {margin: 0px}

#navire {text-align: left; vertical-align: top}
#navire p {font-size:11px; line-height:1.4; font-style:normal; margin-bottom: 0px; margin-top: 0px}
#navire address,
#navire ul,
#navire ol,
#navire ul,
#navire dl {font-size:11px; line-height:1.4; font-style:normal; margin-bottom: 8px; margin-top: 10px}
#navire h1 {font-size:20px; font-weight: normal; margin-bottom:1ex; margin-top:0}
#navire h2 {font-size:17px; font-weight:normal; line-height: 100%; margin-bottom:4px; margin-top: 2px}
#navire h3 {font-size:14px; font-weight:normal; margin-bottom:8px; margin-top:0px}
#navire h4 {font-size:12px; color:#FF6600; font-weight:bold;}
#navire table {border-collapse: collapse; border-spacing: 1px; border-top: 0px; padding-top: 1px; border-collapse: separate;}
#navire td {vertical-align:top; padding:5px;}
#navire a {text-decoration:underline}
#navire a:link {color:#ff6600}
#navire a:visited {color:#ff6600}
#navire a:hover {text-decoration:underline}
#navire a:active {color:#ff6600}
#navire img {border: 0px; vertical-align: middle}

#info #navio {text-align: left; vertical-align: top; margin-top: 5px; margin-left: 2px}
#info #navio p{font-size:14px; line-height:120%; font-style:normal; margin-bottom: 8px; margin-top: 10px; padding-right: 10px}
#info #navio h1 {font-size:20px; font-weight: normal; margin-bottom:1ex; margin-top:0}
#info #navio h2 {font-size:17px; font-weight:normal; line-height: 100%; margin-bottom:4px; margin-top: 2px}
#info #navio h3 {font-size:14px; font-weight:normal; margin-bottom:8px; margin-top:0px}
#info #navio h4 {font-size:14px; color:#ff6600; font-weight:bold;}
#info #navio table {border-collapse: collapse; border-spacing: 1px; border-top: 0px; padding-top: 1px; border-collapse: separate;}
#info #navio td {vertical-align:top; padding:5px;}
#info #navio a {text-decoration:underline}
#info #navio a:link {color:#54a800}
#info #navio a:visited {color:#54a800}
#info #navio a:hover {text-decoration:underline}
#info #navio a:active {color:#54a800}
#info #navio img { margin-left: 0px; border:0px; margin-top:0px; margin-right:0px; vertical-align:text-bottom }


.linkobjekte {border:0}
.centerbottom {vertical-align:bottom; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 0px}

.punktlinie{
background-image: url(css/syspict/bg_linie_schmal.gif); background-position:center;
margin-left: 5px; margin-right: 5px; text-align: center; width:5px}

.punktliniequer{
background-image: url(css/syspict/linequer2.gif); height:2px; background-position:center;
margin-left: 5px; margin-right: 5px; text-align: center; width:5px}


#info .bild {
	BORDER-color: blue;
	border: solid 1px;
}

#content .kinder {BACKGROUND: #ffcc66;font-size: 11px;line-height:13px}

#info .kinder {BACKGROUND: #ffcc66; font-size: 12px; line-height:13px}
#info .thema {font-size: 1em; line-height:1.5em; width:90%; margin-bottom: 0.6em; padding:0; margin-left:0.1em; margin-top:0.5em; line-height:1.3em}
#info .zweck {font-size: 1em; line-height:13px; width:90%; margin-bottom: 1.1em; line-height:1.3em; margin-left:0.1em; font-style:italic; }
#info .warnung {BACKGROUND:#FF0000; font-size: 12px; line-height:13px; color:#FFFFFF}
/* #info tabelle, #info td {background:#FCE758} */
#content .jugend {FONT-SIZE: 11px; BACKGROUND: #cadbef}
#info .jugend {FONT-SIZE: 12px;BACKGROUND-color: #cadbef}

#content .preis {}
#info .preis {font-weight:bold}

#info p  {color:#003366}
#info p,
#info address,
#info ul,
#info ol,
#navigation ul,
#bild p,
#bild address,
#kontaktformular,
#info dl {
 font-size:12px;
 line-height:120%;
 font-style:normal;
 padding-right: 5px;
 line-height: normal;
 }
#info img { margin-left: 0px; border:0px; margin-top:5px; margin-right:0px; vertical-align:text-bottom }
#info h1, #info h2, #info h3, #info h4 {margin-left: 2px} 
#info .cdinfobild {margin-left: 20px; border:0px; margin-top:20px; margin-right:0px}
 
#info h1 {
 font-size:24px;
 font-weight: normal;
 margin-bottom:0.5ex;
 margin-top:0.5ex;
}

#info h2 {
	font-size:22px;
	font-weight: normal;
	line-height: 100%;
	margin-bottom:1ex;
	padding-top:10px
}

#info h3 {
 font-size:16px;
 font-weight:normal;
}
#info h4 {
 font-size:14px;
 font-weight:normal;
 COLOR: #54A800;
}

#info table {
border-collapse: collapse;
border-spacing: 1px;
border-top: 0px;
padding-top: 1px; 
border-collapse: separate;
}

#info td {
	vertical-align:top;
	padding:3px;
	padding-left:8px;
	margin-left: 15px;
	margin-right: auto;
}


#info a {text-decoration:underline}
#info a:link {color:#00C}
#info a:visited {color:#00C}
#info a:hover {text-decoration:underline}
#info a:active {
	color: #00C;
	bottom: 10px;
}
#info .bildtext {margin-left:15px}

#info hr {color:#54a800; }

.charakter, #info a.charakter {
	color:#54A800;
	font-size: 14px;
}
#bottom
{
	Font-Size: 12px; 
	background-image:url(syspict/bottom.gif); 
	background-position: bottom; background-repeat: repeat-x;  
	margin-top: 0px; margin-left: auto; margin-right: auto;
	height:33px;
	}
#bottom p, #bottom td {margin:0px; margin-top: 10px}

#lied {text-align: center; margin-left: auto; margin-right: auto; padding: 10px; border-spacing: 0px}
#lied h1 {font-size: 22px; margin-bottom: 5px; margin-top: 8px; vertical-align:middle}
#lied h2 {font-size: 18px; text-align: left; margin-top: 25px; margin-left: 15px; margin-bottom:5px}
#lied p {color: #003366; font-size: 14px; margin-bottom: 5px; margin-left: 15px; margin-top:0px; text-align:left}
#lied .quelle {COLOR: #54A800; font-size: 12px; font-style:italic}
#lied .anmerkung {font-size: 12px; font-style:italic}
#lied a {text-decoration:none}
#lied a:link {color:#54A800}
#lied a:visited {color:#54A800}
#lied a:hover {text-decoration: none}
#lied a:active {color:#54A800}
#lied img {margin-left: 5px; vertical-align:baseline; border:0px; margin-bottom: 0px}
#lied p, #lied h1, #lied h3 {text-align: left}
.refrain {margin-left: 20px
}

#doku p,
#doku address,
#doku ul,
#doku ol,

#doku dl {
 font-size:12px;
 line-height:120%;
 font-style:normal;
 padding-right: 10px;
 line-height: normal;
 }
#doku img {margin-left: 2px; vertical-align: middle; border:0px}

#doku h1, #info h2, #info h3, #info h4 {margin-left: 2px} 
 
#doku h1 {
 font-size:20px;
 font-weight: normal;
 margin-bottom:1ex;
 margin-top:0;
}

#doku h2 {
	font-size:18px;
	font-weight: normal;
	line-height: 100%;
	margin-bottom:4px;
	margin-top: 2px
}

#doku h3 {
 font-size:15px;
 font-weight:normal;
 COLOR: #54A800;
 }

#doku h4 {
 font-size:14px;
 font-weight:normal;
 COLOR: #54A800;
}

#doku table {
border-collapse: collapse;
border-spacing: 15px;
border-top: 0px;
padding-top: 1px; 
border-collapse: separate;
}

#doku td {
vertical-align:top;
padding:5px;
}

#doku a {text-decoration:underline}
#doku a:link {color:#ff6600}
#doku a:visited {color:#ff6600}
#doku a:hover {text-decoration:underline}
#doku a:active {color:#ff6600}

#popup {
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	color: #3366CC;
	line-height:24px;
	letter-spacing:.1em;
	font-size:large;
	position:absolute;
	left:100px;
	right:auto;
	width: 600px;
	background-color: #CCFF99;
	height: 800px;
	margin:10px;
	padding: 10px;
	border: thick solid #0000FF;
}

#textseite {margin-left:10px}
#textseite p,  #textseite h2 { margin-left:20px}
#textseite h1 {margin-top: 10px; margin-left: 20px}
#textseite h2 { margin-top:20px; margin-bottom:10px}

#textseite p {font-size: 12pt; vertical-align:text-top; color:#003366; line-height:1.2em;}
#textseite h1 {	font-size: 1.4em; color:#54a800;}


#textseite h2 {	font-size: 1em; }
#textseite .kasten {background-color:#FFCC00}
#textseite .kasten p {padding: 13px 8px 8px 0px;}
#textseite .vorspann { font-family:Verdana, Arial, Helvetica, sans-serif; color:#003366;font-size: 10pt; font-style:italic; margin-left:8px
}

table.liste tr:nth-child(even){
	background-color:#ffff93;
	border-radius: 5px;
	box-shadow: 1px 1px 2px 0 #333333;
}

div.ausblenden, tr.ausblenden, p.ausblenden, table.ausblenden {display:none; background: #CCCCCC; }
/* tr.bgcolor {background-color:#ffff93;
border-radius: 5px;
box-shadow: 1px 1px 2px 0 #333333;} */

.faelltleideraus {
	background-image:url(syspict/faelltLeiderAus.png);
	background-repeat:no-repeat;
	background-position:center;
	}
#info p.ausfall {color:#F90; font-weight:bold; font-size:0.8em}

#info .achtung {
	background-color:#FF9;
padding:15px;
margin:15px 10px 15px 15px;
border:dotted #f03 2px;
}
#info .achtung p {font-size:1em;}

#info .werbung {
	background-color:#FF9;
	padding:15px;
	margin:15px 40px 15px 5px;
	border:solid #cc0000 2px;
	border-radius: 8px;
	text-align:center;
}
#info .werbung p {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
}

#info .werbung strong {
	color: red;
}
#info .werbung em {
	color: #090;
	font-style:normal;
	font-weight:bold;
}
#info .werbung a {
	text-decoration:underline;
	color: #090;
	font-weight:bold;
}


#info .einleitung {
	background-color:#ffffcc;
padding:5px;
margin:3px 3px 3px 3px;
border:dotted #f03 1px;
}
#info .einleitung p {font-size:0.9em}



#info  p.stadt {color:#003366;
font-weight:bold;}
#info .lamesita {
margin:15px 40px 15px 5px;
border:dotted #f03 2px;
}
#info td {padding:15px 0}
#info .ort {color: #003366; font-weight: bold;  }
.unterueberschrift {
	font-size:1.5em;

	
}
.unterueberschrift2 {
	font-size:1.3em;

	
}
.floatleft {float:left;}
#info .rot {color:#F03}
#info img {
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#info .floatleft {border: solid 1px}
#info .big p {font-size:1em}
#info .big2 p {font-size:0.9em}
#info em {color:#039}

.startseite:hover {
	background-image: url(bilder/startseitenbild_b.jpg);
}
.listenbild {
	position: fixed;
	top: 20px;
}
#info div p .listenbild {
	padding-top: 0px;
	position: relative;
}
#info div ul li {
	list-style-image: url(syspict/audio.gif);
	list-style-position: outside;
}
/* änderungen */
#info p {
	font-size: 14px;
	line-height:1.4em;
		}
#info h2 strong {
	font-size: 20px;
	color: red;}
#info h2 {
	color: #003366;
	font-size: 18px;
	line-height:28px;
}
a {
	color: red;}
a.button {
	border:solid 1px;
	border-radius:8px;
	padding:4px;
	background:#FDF553;
	text-decoration:none;
	color:blue;
	text-align:center;
}
#info a {
	text-decoration:none;
}
.schatten {
	box-shadow:6px 6px 8px rgba(0,0,0,0.5);
}
#info .schatten {
		box-shadow:6px 6px 8px rgba(0,0,0,0.5);
}
#info .statt {
	font-size: 0.8em;
}