/*================*/
/* globale Styles */
/*================*/

body {
	background:      #f0f0ff;									/* linker Navigationsbereich */
	color:           black;
	font-family:     Helvetica,Arial,sans-serif;
	font-size:       90%;
	margin:          0;
	padding:         0;
	border:          none;
	/*max-width:70em;*/
	/*margin-left:100px;*/
	/*margin-right:3.5em;*/
}

.verborgen {													/* fuer Browser die keine Stylesheets verstehen */
	display:         none !important;
}


/* Ueberschriften */

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight:     bold;
   text-align:      left;
   margin:          1.5em 0 0 0;								/* oben, rechts, unten, links */
   padding:         0;
}

h1 { font-size:     1.8em }
h2 { font-size:     1.5em }
h3 { font-size:     1.2em }
h4 { font-size:     1em }
h5 { font-size:     1em  }
h6 { font-size:     0.9em  }


/* Anker */

a:link {
   text-decoration: none;
   color:           #0030c0;								/*	Inhalt	-	neuer Link	*/
   background:      transparent;
}

a:visited {
   text-decoration: none;
   color:           navy;									/*	Inhalt	-	besuchter Link	*/
   background:      transparent;
}

a:hover,
a:active {
   color:           #531c1c;									/*	Inhalt	-	aktiver Link	*/
   text-decoration: underline;
}


/* Inline-Elemente */

acronym {
   font:            inherit;
}

p.titel {
   font-weight:     bold;
   color:	black;
}

strong{
	color:			black;
}

abbr,
acronym {
   cursor:          help;
   border-bottom:   none;
}

.unterhalb {
   clear:           right;
}

.zusammen {
	white-space:	nowrap;
}


/* Bilder */

img {
   vertical-align:  baseline;
   margin:          0;
   padding:         0;
   border:          none;
}

img.unten {
	vertical-align:  bottom;
}

img.links-oben {
   margin:          0.75em 1.5em 0.75em 0;
   float:           left;
}




img.gallerie{
	width:	100%;
	/*height: 100%;*/
}

img.gallerie-kl{
	width:	100%;
	height: 450px;
}

img.gallerie-gr{
	width:	100%;
	height: 600px;
}



/* Block-Elemente */

p {
   margin:          1em 0;
   padding:         0;
}

hr {
   color:           #999999;
   background:      transparent;
   height:          1px;
   margin:          1em 0;
   padding:         0;
   border-color:    #999999;
   border-width:    1px;
   border-style:    none none solid none;
}

hr.hell {
   color:           #F0F0F0;
   background:      transparent;
   border-color:    #F0F0F0;
}


/* Listen */

ol {
   list-style:      decimal outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}

ol.buchstabe {
   list-style-type: lower-alpha;
}

ol.nummer {
   list-style-type: decimal;
}

ul {
   list-style:      disc outside;
   margin:          1em 0;
   padding:         0 0 0 2.5em;
}


/* -------- */
/* Tabellen */
/* -------- */

table {
	width: 100%;
	border:	1px solid #000;
	background: white;
	
	position: relative;
	top: -4px;
	left: -4px;
}

table th, table td {
	margin:0;
	padding: 0.25em 20px;
	text-align: left;
	border-bottom: 1px solid #b6b6b6;
}

table tr {
	background: #f6f6ff;
}

table.css tr {
	background: #fffff6;
}

table tr.alt {
	background: #eeeeff;
}

table.css tr.alt {
	background: #ffffee;
}

table caption {
	margin: 0;
	background: #0099CC;
	color: white;
	text-align: center;
	padding: 0.25em 20px;
	border:	1px solid #000;
	border-bottom: none;
	/*margin-right:-4px;*/
}

table.css caption{
	background: orange;
	color: black;
}

.schatten {
	background: #919191;
	margin-top: 1em;
	font-weight: bold;
}

/*
table.tabelle {
	table-layout:	auto;
	border-collapse:collapse;
	border-spacing:	0;
	empty-cells:	show;
	margin:			0.5em 0em 1em;
	border:			1px solid #999999;
}

table.tabelle caption {
	font-size:		80%;
	font-style	:	italic;
	text-align: 	left;
	caption-side:	top;
	margin:			0 3.5em 1.5em;
	padding:		0;
}

table.tabelle th {
   font-weight:     bold;
   color:           inherit;
   background:      #f6f6ff;
}

table.tabelle td {
   background:      #fff9ff;
}

table.tabelle th,
table.tabelle td {
   text-align:      center;
   vertical-align:  middle;
   margin:          0;
   padding:         0.25em 0.5em;
   border:          1px solid #999999;
}

table.tabelle td.hell,
table.tabelle th.hell {
   color:           inherit;
   background:      #f9ffff;
}

table.tabelle td.links-oben,
table.tabelle th.links-oben {
   text-align:      left;
}
*/

/* ============================================================================================================= */

/*========*/
/* Inhalt */
/*========*/

#inhalt {
   text-align:      justify;
   line-height:     1.5;
   color:           black;
   background:      #fffff6;										/* Hintergrund Inhalt:	hellgelb */
   margin:          0 0 0 3em;	/* <<<<<<<<<<<<<<<<<<<<<<<<<<<linker Rand<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
   padding:         0.25em 1.5em 0.5em 1em;
   /* border-left:     1px solid #999999; */					/* kein linker Rahmen im Inhaltsbereich */
   /*max-width:70em;*/
   margin-right:3.5em;
}

#inhalt h1 {
   color:           #313163;									/* Farbe-Ueberschrift: dunkelgruen */
   background:      transparent;
   margin:          0 0 0.5em 0;
}

#inhalt h2 {
   color:           black;									/* Farbe-Ueberschrift */
   background:      transparent;
}

#inhalt .hervorgehoben {
   color:           inherit;
   background:      #f0f0ff;
   margin:          1em 0;
   padding:         1em 2.5em;
   border:          1px solid #999999;
}

#inhalt .nachoben {
   text-align:      right;
   margin:          0 0 0 0;
   padding:         0 0 0 0;
}

#inhalt table.tabelle td.hervorgehoben,
#inhalt table.tabelle th.hervorgehoben {
   margin:          0;
   padding:         0.25em 0.5em;
}

#hauptinhalt {
   display:         none !important;
}

#inhalt hr {
   display:         none;
}

.unterallem {
   visibility:      hidden;
   clear:           both;
}


/*=====================*/
/* Kaesten und Spalten */
/*=====================*/
/* rechte obere runde ecke */
.container {
	float: right;
	color: #666;
	background: url(bilder/test8-2.gif) top right no-repeat;
	overflow:        visible;
	font-size:       95%;
	line-height:     1.25;
	margin:          -0.7em 0 0.75em 1.5em;
	clear:           right;
	text-align:      left;
	color:           black;
	width:           35%;
	/*border-right:    0.5em dotted orange;*/
	margin-top:1em;
}

/* linke obere runde ecke */
.desc {
	margin: 0;
	padding: 1em 1em 1em 2.5em;
	background: url(bilder/test8-1.gif) top left no-repeat;
	line-height:     1.5em;
	/*font-weight:     bold;*/
}

/* linke untere runde ecke */
.link {
	margin: 0;
	padding: 0 0 0 1em;
	background: url(bilder/test8-1.gif) bottom left no-repeat;
}

/* rechte untere runde ecke */
.link em {
	display: block;
	padding: 0 1em 1em 0;
	/*font-style: normal;*/
	font-size:       95%;
	background: #f0f0ff url(bilder/test8-2.gif) bottom right no-repeat;
}

.container a {
	/*font-size: 130%;
	color: #e70;*/
}





.kasten ,
.linkkasten,
.ohnerand,
.styletabelle,
.gallerietabelle {
   overflow:        visible;
   font-size:       95%;
   line-height:     1.25em;
   margin:          0 0 0.75em 1.5em;
   padding:         0.5em 1em;
   float:           right;
   clear:           right;
}

.styletabelle {							/* Styles fuer gross und klein verschieden */
   color:           black;
   width:           38%;			 	/* 320px - rueckt nach links ein (Mozilla..) / 38% - schneidet rechts ab */
}

.gallerietabelle {
   color:           black;
   width:           70%;				/* 555px - rueckt nach links ein (Mozilla..) / 70% - schneidet rechts ab */
}

.ohnerand{
   color:           black;
   width:           35%;
}

.spalte{
   color:           black;
   width:           45%;
   overflow:        visible;
  /* font-size:       95%;*/
   margin:          0 0 0.75em 1.5em;
   padding:         0.5em 1em;
   float:           right;
   clear:           right;
   min-width: 28em;
}

.kasten {
	border:          1px solid #999999;
   color:           black;
   background:      #f0f0ff;									/* hintergrund: kasten */
   width:           35%;
}

.linkkasten {
	border:          1px solid #999999;
   text-align:      left;
   color:           black;
   background:      white;
   width:           35%;
}


.kasten hr,
.linkkasten hr {
   display:         none !important;
}

.kasten p,
.linkkasten p {
   margin:          0.75em 0;
   padding:         0;
}

.kasten ol,
.kasten ul {
   margin:          0.75em 0;
   padding:         0 0 0 1.5em;
}

.linkkasten ol,
.linkkasten ul {
   margin:          0.5em 0;
   padding:         0 0 0 1.5em;
}

.kasten blockquote {
   margin:          0.75em 1.5em;
   padding:         0;
}

.kasten pre {
   font-size:       95%;
   margin:          0.75em 1.5em;
   padding:         0;
}

.kasten dt {
   margin:          0.75em 0;
   padding:         0;
}

.kasten dt {
   margin:          0.75em 0 0.25em 0;
   padding:         0;
}

.kasten dd {
   margin:          0 0 0.75em 1.5em;
   padding:         0;
}

/*
.kasten, titel {
	font-weight:     bold;
}
*/

#inhalt .kasten .hervorgehoben {
   color:           inherit;
   background:      white;
   margin:          0.75em 0;
   padding:         0.75em 1.5em;
}

#inhalt .kasten table.tabelle {
   margin:          0.75em 0;
}

#inhalt .kasten table.tabelle th,
#inhalt .kasten table.tabelle td.hervorgehoben,
#inhalt .kasten table.tabelle th.hervorgehoben {
   color:           inherit;
   background:      white;
   margin:          0;
   padding:         0.25em 0.5em;
}



/* ============================================================================================================= */

/*=============*/
/* kopfbereich */
/*=============*/

#kopfbereich {
	color:          #1c5353;									/* Trennstrich - globale Links */
	/*background:     white;#f6ffff;								Hintergrundfarbe: Kopfbereich hell-lila #fff0ff;	*/
	background: #f0f0ff; /*url(bilder/clip06.gif) top right no-repeat;			*/						
}

#kopfbereich a:link,
#kopfbereich a:visited {
   color:           #1c1c53;									/* globale Linkfarben */
   background:      transparent;
}

#kopfbereich .hervorgehoben,
#kopfbereich a.hervorgehoben:link,
#kopfbereich a.hervorgehoben:visited {
   color:           #fca060;									/* Farbe: aktueller globaler Link */
   background:      transparent;
}

#kopfbereich div.links-oben {
   float:           left;
   clear:           left;
}

#kopfbereich div.links-oben img {
   display:         block;
}

#kopfbereich div.links-oben,
#kopfbereich div.links-oben a:link,
#kopfbereich div.links-oben a:visited {

   font-size:       150%;
   font-weight:     bold;
   text-decoration: none;
   color:           navy;
   background:      transparent;
}

#kopfbereich div.links-oben p {
   margin:          0 0 0 0.25em;
   padding:         0;
}

#kopfbereich div.links-oben .alt {								/* ueberschrift ottweiler */
   color:           #009800;
   background:      transparent;
}

#kopfbereich div.rechts-oben {									/* globale Links */
	font-weight:     bold;
   font-size:       90%;
   text-align:      right;
   margin:          0;
   padding:         0.5em 1.67em 0 1em;
   float:           right;
   clear:           right;
}

/*
#kopfbereich div.rechts-unten {

   font-size:       90%;
   vertical-align:	bottom;
   text-align:      right;

   margin:          0;
   padding:         0.5em 1.67em 0 1em;
   float:           right;
   clear:           right;	
}
*/

#kopfbereich div.rechts-oben a:link,
#kopfbereich div.rechts-oben a:visited {
   margin:          0;
   padding:         0 0.5em;
}

#kopfbereich div.rechts-oben form {
   margin:          0;
   padding:         0.25em 0 0 0;
}

#kopfbereich div.rechts-oben form input {
   font-size:       95%;
   vertical-align:  middle;
}


/* --------------- */
/* navigation-oben */
/* --------------- */

#kopfbereich div.navigation-oben {
   color:           navy;
   background:      #1c1c53;									/*	Menueleiste */
   margin:          0;
   padding:         0.25em 1.5em 0.5em 0.5em;
   clear:           both;
}

#kopfbereich > div.navigation-oben {
   padding:         0.5em 1.5em 0.5em 0.5em;
}

#kopfbereich div.navigation-oben a:link,
#kopfbereich div.navigation-oben a:visited {
   font-weight:     bolder;
   color:           navy;
   background:      transparent;
   margin:          0;
   padding:         0 0.5em;
}
#kopfbereich div.navigation-oben a:active,
#kopfbereich div.navigation-oben a:hover {
   color:           #eeffcc;
   background:      transparent;

}
/*
#kopfbereich div.navigation-oben .hervorgehoben,
#kopfbereich div.navigation-oben a.hervorgehoben:link,
#kopfbereich div.navigation-oben a.hervorgehoben:visited {
   color:           navy;
   background:      white;
   padding-bottom:1em;
   padding-top:0.1em;
}
*/

#kopfbereich div.navigation-oben .hervorgehoben,
#kopfbereich div.navigation-oben a.hervorgehoben:link,
#kopfbereich div.navigation-oben a.hervorgehoben:visited {
   color:           #FDA05E;
   background:      transparent;
}

/* ============================================================================================================= */

/*-------------------------*/
/* linke Navigationsleiste */
/*-------------------------*/

#navigation-container {
	width:			230px;	/*13.5em;*/
	float:			left;
	clear:           both;
	margin-bottom:	-2em;
}


#navigation-links {
   width:           220px;/*12.5em;	 <<<<<<<<<wird dyn. geaendert<<<<<<<<<<<<<<<<<< */
   clear:           both;
   background:      #f0f0ff;
   margin-right:	1em;
}

#navigation-links div {
   font-size:       95%;
   text-align:      left;
   margin:          0;
   padding:         10px 10px;	/*0.5em 1em;*/
  /* border-bottom:   1px solid #999999;*/
}

#navigation-links2 {
   width:           180px;	/* 9.9em;<<<<<<<<<wird dyn. geaendert<<<<<<<<<<<<<<<<<< */
/* border-right:    1px solid #999999; */						/* rechter Rahmen */
	/*height:2.62em;*/
																	 /* float:           left;*/	
   clear:           both;
   background:      #f0f0ff;
   margin-right:	3.5em;
}

#navigation-links2 img {
position:absolute;
left:180px;	/*9.9em;*/
}

.kastenlinks {/* <<<<<<<<<<<<<<<<<<<<<neu<<<<<<<<<<<<<<<<<<<<<<< */
   clear:           left;
   margin-left:3em;
}






#navigation-links div.hell {
   color:           inherit;
   background:      white;										/*  */
}

#navigation-links p {
   margin:          0.5em 0;
}

#navigation-links ul {
   list-style:      none outside;
   margin:          0.5em 0;
   padding:         0;
}

#navigation-links ul li {
   margin:          0;
   padding:         0.125em 0;
}

#navigation-links ul li.hervorgehoben {
   color:           inherit;
   background:      #f0ffff;									/* Hintergrundfarbe aktive Links */
   margin-left:     -1em;
   margin-right:    -1em;
   padding-left:    1em;
   border-top:      1px solid #999999;
   border-bottom:   1px solid #999999;
}

#navigation-links a:link{
   text-decoration: none;
   color:           #0030c0;									/* Navigationsleiste links	-	neuer Link	*/
   background:      transparent;
}

#navigation-links a:visited {
   color:           navy;
   background:      transparent;
}

#navigation-links a:hover,
#navigation-links a:active {
   color:           #531c1c;									/* Navigationsleiste links	-	aktiver Link	*/
}


/*-----------*/
/* Fusszeile */
/*-----------*/

#fusszeile {
   font-size:       90%;
   text-align:      center;
   color:           white;
   background:      #1c1c53;									/* Hintergrund: Fusszeile */
   margin:          0;
   padding:         0.5em 1.67em 0.5em 15.25em;					/* Innenabstand -- 1=oben, 2=rechts, 3=unten, 4=links */
   clear:           both;
}

#fusszeile a:link,
#fusszeile a:visited {
   text-decoration: underline;
   color:           orange;
   background:      transparent;
}

#fusszeile hr {													/* Trennlinie nur bei CSS-losen Browsern anzeigen */
   display:         none !important;
}


/*- Menu 9--------------------------- */
	
#menu9 {
	width: 200px;
	margin: 10px;
	}
	
#menu9 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu9 li a:link, #menu9 li a:visited {
	color: #FFF;
	display: block;
	background:  url(bilder/menu9.gif);
	padding: 8px 0 0 35px;
	}
	
#menu9 li a:hover {
	color: #FFF;
	background:  url(bilder/menu9.gif) 0 -32px;
	padding: 8px 0 0 35px;
	}