/* zentrale Stile */
body{
 font-family:Arial, Verdana, sans-serif;
 font-size:101%;
/* background-image:url(../bilder/back12.jpg); */
 background-image:url(../bilder/back.gif);
 color:#000000;
 margin:0px;
 padding:0px;
  scrollbar-base-color:#800080;
  scrollbar-3dlight-color:#00FFFF;
  scrollbar-arrow-color:#000000;
  scrollbar-darkshadow-color:#FF0000;
  scrollbar-face-color:#ffff00;
  scrollbar-highlight-color:#ffFF00;
  scrollbar-shadow-color:#009F00;
  scrollbar-track-color:#007F00;
}

/* Überschriften */
h1 { font-size:1.3em; line-height: 1.4em; font-weight: bold; }
h2 { font-size:1.2em;}
h3 { font-size:1.1em;}
h4 { font-size:1.1em;}
h1,h2,h3,h4 { margin-top:10px; margin-bottom:5px;  }
h3,h4 {background-color:transparent; color:darkgreen;}
h3.grau {background-color:transparent; color:darkslategray;}
h1,h2 { color:darkslategray;}
h1.haupt { font-size:1.6em;
  text-align:center; letter-spacing:3px; font-family: Forte, 'Arial Black'; color:darkgreen;}
h1.rot { color:#f00;}
h1.kinder {font-family:'Kristen ITC', 'Bradley Hand ITC',Andy, 'Century Schoolbook',Times; color:fuchsia; background-color:transparent; }
h2.kinder { font-size:x-large; font-family:Andy, 'Kristen ITC', 'Bradley Hand ITC','Century Schoolbook',Times;
 color:#007F00; background-color:yellow; }
td h1 {margin:0; }
td h2 {margin:0; font-size:1.0em;}
h1 { background-color:ivory }
h1.haupt { background-color:lemonchiffon }


/* ---------- Absatzformate */
p, a { font-size:0.9em;}
a.downl { font-size:0.8em; font-weight: 200; }
ul { font-size:0.85em;}
p, li {color: black; }
h3 {margin-top:0; margin-left:0; padding-left:0px; }
li { padding-bottom:0.4em; }

p.para { font-size:11pt; text-align:left; }
p.para-li { font-size:11pt; text-align:left; margin-left: 1cm; text-indent:-1cm; }

td, td li {margin:0; font-size:0.9em;}
*html hr { width:80%; color:green; height:2px; text-align:left; border:1px solid green; line-height:3px;}
.zentriert { text-align:center; }
p.gross, li.gross { font-size:1em; }
ul.blaurund { list-style-image: url(../bilder/blaurund_bullet.gif); }
ul.gruenrund { list-style-image: url(../bilder/gruenkreis.gif); }
ul.rotquad { list-style-image: url(../bilder/rot-quad_bullet.gif); }
ul.gelbquad { list-style-image: url(../bilder/gelb_quad_bullet.gif); }
ul.links { list-style-image: url(../bilder/link.gif); }
ul.pfeil { list-style-image: url('../bilder/pfeil.gif'); }
/* #liob { position:absulute; left:0px; top:0px; backgrund-image:url(../bilder/wuebue_80.jpg), z-index:8;  } */
.einzug { text-indent:0.5cm; }
.negeinzug { text-indent:-0.5cm; }
.invis { display: none; }
.invisrahmen { display: none }


p.eng {margin-top:-12px; }
/* li.eng hat noch keine Wirkung */
li.eng {margin-top:-8px; }

/* ---------------- Kopf mit Logo & Bild -------------- */
#kopf {
height:140px; background-image:url(bilder/back-1.gif); */
 text-align:right; overflow:hidden; color:#f000; margin:0px; padding:0px;
}
#kopfbild { position:absolute; right:0px; float:right; overflow:hidden; height:140px; }

#logo {float:left; margin-left:5px; margin-top:7px; }

/* Ansichten/Stylesheets (ehem.: navi  (back12.jpg)*/
#ansichten {
 text-align:right;
 padding:3px;
 background-color:darkkhaki;
 background-image:url(../bilder/back.gif);
 border-top:1px solid #666;
 border-bottom:1px solid #666;
}
#ansichten {  background-color:darkkhaki; background-image:url(../bilder/back.gif);
}
#ansichten a { font-size: 0.8em; }

/* Zeile unter der Navigation*/
#blauzeile {
 clear:both;
 font-size:5px;
 text-align:right;
 padding-right:10px; }
#blauzeile {background-color:lightcyan;  border-bottom:1px solid #666;
}

/* Hinweiszeile "Sie sind hier..." */
#hinweis{
 padding:0px 5px 0px 20px;
 background-color:#FEC483;
 background-image:url(../bilder/back5.gif);
 font-size:0.8em;
 font-style:italic;
 text-align:left;
}
#hinweis-text { padding-left: 20px; background-color:transparent; }

/* Container mit den Inhalten, !! beachte, dass "inhalt" Extra-Container in index.html und impressum.html ist ein */
#inhalte{
 padding:0px 5px;
 background-color:transparent;
 margin-left:220px;
}
#inhalte { background-image:url(../bilder/back.gif);}




/* -------------------------------- Menühovers -------------------------------- */
p a:hover    { color:chartreuse; text-decoration:none; }
/*** das <div * a:>-Tag dient zur Farbänderung bei internen Links im Inhaltsteil ***/
div * a:hover     { color:mediumblue; text-decoration:none; }
/* Farbe der Links */
a { color: royalblue; font-weight: bold; font-size: 1.0em; font-family: Arial, Geneva, Helvetica; text-decoration: none; hover: FF00FF }


/* ------------------ Logoschrift ----------- */
#logoschrift2 { position:relative; top:-10px; left:100px; font-size: 1.4em;
 letter-spacing:20px; font-weight:700; overflow:hidden;}
#logoschrift2 { color:black; }

 *html #logoschrift2 { position:relative; top:-20px; overflow:hidden; }
/*  Ende Schriften im Kopf     */




/* --------- Navigationsleisten ----- */
#menu-box { clear:both; text-align:right; height:18px; padding:0px;
overflow:hidden; font-size:1.2em;  background-color:transparent; }
#menu-box { margin-top:20px; }
#menu-box {  background-color:transparent; }

#main-navigation { list-style:none; padding:0px; margin:0; text-align:right; }

#main-navigation li{ margin:0; line-height:1.0em; padding:0 0 0 0;  text-align:right; }
/**/
#main-navigation a{ color: white;
	background:  url(../bilder/tab-l-3.gif) no-repeat;
	text-decoration: none; 	padding-left: 0px; text-align:right; }

/* Versuch am 5.11.05 um aktives Item hervorzuheben*/
#main-navigation li.aktiv { /*line-height:1.1em; */
	margin:3px 0px 0px 0px; }

#main-navigation a:hover ,
#main-navigation a:focus ,
#main-navigation a:active { color:black; background-color:yellow; }

.men1 { background-color: darkgreen; color:white; /*font-size:0.8em; height:1.4em;*/ }
.men2 { background-color: #ff9900; color:black; }
.men3 { background-color: darkmagenta; color:white;}
.men4 { background-color: crimson; color:black;}
.men5 { background-color: darkblue; color:white; }
.men6 { background-color: black; color:white; }
.men0 { background-color: white; color:black; }


/*-------- Farben für online (mit Menüitems abgestimmt----------*/
.men-1 { color: darkgreen }
.men-2 { color: #ff9900 }
.men-3 { color: darkmagenta }
.men-4 { color: crimson }
.men-5 { color: darkblue }

#navistrich { float:right; width:100%; height:16px; font-size:13px; }


/* linker Container mit den Binnenmenüs der linken Spalte */
#linkesmenu {
 position:absolute;
 left:0px;
 top:210px; /* Position noch überprüfen vorher 178 */
 background-color:transparent;
 padding:0px;
 width:200px;
}

/* ----------- linkenav (= Linke Binnen-Navigation) -------------------*/
#linkenav { width: 200px; margin-top: 0px; margin-left:0px; padding: 0px;
}

#linkenav { background-color:transparent; height: 100%; }

#linkenav .nav {
list-style-image: url(../bilder/knopf-gr.jpg);  vertical-align:bottom; font-size: 0.8em; }

#linkenav .nav { background-color: transparent; } /* vorher: yellow*/
#linkenav .nav { margin-top: 10px; padding-top: 2px; } 

#linkenav .nav ul { margin: 0px;   padding: 0px; margin-bottom: 0px; 
vertical-align:top; }

#linkenav .nav li {
  list-style-type: none;
  margin: 0px;
  margin-left: 0px; 
  vertical-align:top;
  border: 0px ; /* 1px solid yellow = Rahmen für Items */
  padding: 2px 0px 5px 10px;
/*  display:block; */}


#linkenav .nav li a:link, #linkenav .nav li :visited {
  margin: 0em;
  padding: 0em 0em 0em 0em; margin-left:0px; margin-right:5px;
  display: block;
  text-decoration: none; color:#007F00; }

#linkenav .nav li :link:hover, #linkenav .nav li :visited:hover {
background-color: transparent; color: mediumblue; margin-left: 0px;}

/* kann entfernt werden ? */
#nav-titel {margin-top:20px; margin-left:10px; margin-right:10px; text-align:center; font-size:1.1em; font-weight:bold; }
#nav-titel { background-color:#e0e0e0; }

/* ------------------- untere Zeilen ----- */
#menufuss{
 clear:both;
 font-size:0.7em;
 text-align:left;
 width:100%; 
 margin:10px 10px 0px 0px;
}

#menufuss {background-color:lightskyblue; }

#fuss{
 clear:both;
 font-size:0.7em;
 text-align:right;
 margin:20px 0px 0px 0px;
 padding:0px 15px 10px 0px;
}
#fuss {background-color:linen; }


/* ------------- spezielle Boxen etc. ----- */
/* ------- Boxen für Index --- */


#hauptbox { margin: 0 0 2 30; padding:10;}
*html #hauptbox {  margin: 0 0 2 10; padding:10;}

#anschriftsbox { position: absolute;
	top: 200px;
	left: 500px;
	margin: 0px; margin-top: 60px;
	padding: 0px;
}


#fotobox { width:440px; margin:0px; margin-top:45px;
/* margin-left:250px; */ padding:10px; padding-left:20px; }

#textbox {clear:both; font-size:1.0em;
  margin: 10px; padding: 5px; list-style-type: disc; width:82%; float:left; }

#wegebox { width:130px; margin:0px; margin-top:45px;/* margin-left:250px; */ padding:10px; padding-left:20px; }

#ausweis {text-align:left; margin-top:15px; margin-left:100px; }
*html #ausweis {text-align:left; margin-top:-10px; margin-left:100px; }


/* Laufschrift in Index */

/* height:18px;  geändert 16.04.11*/  
#laufband {height:30px;
position relative; margin:10px 0px 10px 10px;
background-color:white;
text-align:left;
padding-left:60px;padding-right:120px;padding-top:10px;padding-bottom:10px;
}

#laufband {border: 2px solid green; border-left: 0px; border-right: 0px; }

/* neu */
#laufband  { padding-left:45px;}



*html #laufband  { padding-left:15px;}

.aktuell {margin-left:-40px; }

*html .aktuell {margin-left:0px; }

.lauftext {float left; z-index:2; 
font-weight:600; margin-top:-22px; }

*html .lauftext { margin-top:0px; }


/* neu 25.05.06 wg. Firefox */
.lauftext  { margin-left:35px; margin-right:-45px;}




.lauftext { color:green; }

.lauf_mehr  {float right; position:absolute; 
right:15px; margin-top:-8px; z-index:1; }

*html .lauf_mehr  { margin-top:0px; }







/*------------- Tafeln etc. ----- */
.tafel { border: 2px solid black; border-left-color: white; border-top-color: white; }

/* andere Schriftklassen */
.hpadding, .hpadding h1 { color: #483d8b; font-weight: bolder; font-size: 1.2em;
 font-family: Arial, Geneva, Helvetica, Swiss, SunSans-Regular; padding-left: 20px; padding-top: 10px; padding-bottom: 10px }
.textpadding { font-size: 1.0em; line-height: 1.0em; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; margin: 0px; padding: 0px 10px; }
.initial { font-size:150%; line-height:110%; font-weight:500; }
.gesperrt { letter-spacing:2px; word-spacing:4px; }
.sehrgesperrt { font-weight: bolder; letter-spacing:6px;  word-spacing:10px; }
.klein {font-size:0.8em; }

 /* Hervorhebungen */
em { color:#bd0329; font-weight:normal; font-style:normal; }
.copyright { font-size:0.8em; color:#2F2F2F; background-color:#0ef; margin:0.3cm 7.0cm 0.1cm 30px; padding:3px; width:360; }


/* .hervorheb{ color:darkgreen; font-weight:bolder; font-style:normal; font-size:1.1em; } */
.hervorheb{ color:darkslategray; font-weight:bolder; font-style:normal; font-size:1.1em; }
.fett{ font-weight:bold;  font-style:normal; }
.kommentar { color: red; font-size: 1em; font-family: Geneva, Arial, Helvetica, Swiss, SunSans-Regular }
.sprung { font-size:0.6em; line-height:15px;
	color:#0080FF; text-decoration:underline; padding:3px; }
/* */
.rauf { text-align:right; margin-top:-12px; }
.mehr {font-size:0.9em; font-weight:200; background-color:lightsteelblue; color:mediumblue; text-decoration: underline;}
.bildlegende { {font-size:0.9em; font-weight:200; background-color:transparent; 
color:darkgreen; padding:0 50px 0 -20px; }
.indexbild {margin-top:5px; margin-left:0px; font-weight:800; }
 *html .indexbild {margin-top:5px; margin-left:10px; font-weight:700; }
.kinder { font-size:large; font-family:Andy, 'Kristen ITC', 'Bradley Hand ITC','Century Schoolbook',Times; }


/* Überschrifts-Boxen in linker Spalte !!! im FIREFOX noch falsche Darstellung */
.l-box { float:left; width:180px; margin:15px 5px; background-color:white; border:1px solid silver; }
.l-box { color:gainsboro; }
.l-binnen { width:180px; background-color:gainsboro; }
.l-head { font-family: Geneva, Arial; font-weight:700; font-size: 1.2em;  }
.l-col {  background-color: gainsboro; color:teal; }

/* ---------- Abstände ------- */
.marg-top60 { margin-top:60px; }

/*---------- Farben ----*/
.bg-dgruen { background-color: darkseagreen; }
.bg-silber { background-color: silver; }
.bg-gelb { background-color: yellow; }
.gelb { color: yellow; }
.blau { color: blue; }
.rot { color: red; }
.dgruen { color: darkgreen; }
.dgrau { color: darkslategray }
.lem-chiffon {background-color:lemonchiffon; }

.fehler {
 text-decoration: none; 
 background: url(../bilder/unterstrich.gif) repeat-x 0% 100%;
 padding-bottom: 1px;
/* white-space: nowrap; */
}
.fehler:link, .special:visited {
 color: black;
}

/*.links_raus { float:left; margin-left:-200px; width:180px; }
*html .links_raus { float:left; margin-left:-105px; width:180px; }
.links_raus { margin-left:400px; margin-top:400px; width:180px; padding:100px; padding-bottom:-5px; border:12px solid green; }

*/

.links_raus { float:left; margin-left:-200px; width:180px; padding:10px; padding-bottom:-5px; }
*html .links_raus { float:left; margin-left:-105px; width:180px; }

/* ------------- Angebote --------------- */
.pos_mehr { position:absolute; right:60px; }
.pos_aktuell, .pos_hist { padding:10px; padding-right:60px; margin-left:10px; margin-right:100px; }
.pos_aktuell { background-color:khaki;}
.pos_hist {  background-color:yellowgreen;}

/* ------------- Formular.PHP --- ab hier noch nicht in den alternativen SCC --- */

	.error_message{
		font-family: Verdana, Arial, sans-serif;
		font-size: 11pt;
		color: #FF0000;
		border:3px red solid;
	}
	
	.thanks_message{
		font-family: Verdana, Arial, sans-serif;
		font-size: 11pt;
		color: #000000;
		border: 3px solid green;	// neu
	}
/*	
	a:link{
		text-decoration:none;
		color: #000000;
	}
	a:visited{
		text-decoration:none;
		color: #000000;
	}
	a:hover{
		text-decoration:none;
		color: #000000;
	}
	
*/	
	.table {
		border-collapse:collapse;
		border:1px solid #000000;
		width:560px;
	}
	
	.table_header{
		border:1px solid #070707;
		background-color:darkgreen;
		font-family: Verdana, Arial, sans-serif;
		font-size: 11pt;
		font-weight:bold;
		color: #FFFFFF;
		text-align:center;
		padding:2px;
	}
	
	.attach_info{
		border:1px solid #070707;
		background-color:#EBEBEB;
		font-family: Verdana, Arial, sans-serif;
		font-size: 8pt;
		color: #000000;
		padding:4px;
	}
	
	
	.table_body{
		border:1px solid #070707;
		background-color:#EBEBEB;
		font-family: Verdana, Arial, sans-serif;
		font-size: 10pt;
		color: #000000;
		padding:2px;
	}
	
	
	.table_footer{
		border:1px solid #070707;
//		background-color:#C03738;
		background-color:darkgreen;
		text-align:center;
		padding:2px;
	}
	
	
	input, select, textarea {
		font-family: Verdana, Arial, sans-serif;
		font-size: 10pt;
		color: #000000;
		background-color:#AFAEAE;
		border:1px solid #000000;
	}
	
	.fremd_copyright {
		border:0px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 0.8em;
		color: silver;
		background-color: transparent;
		text-align:right;
	}
	
	form{
		padding:0px;
		margin:0px;
	}
	
 input {
	border-top-width: 0px;
	border-top-color: #FFFFFF;
	border-top-style: solid;
	border-right-width: 2px;
	border-right-color: #000000;
	border-right-style: solid;
	border-left-width: 0px;
	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: lightsteelblue;
	text-indent: 3px;
}

// </style>