/* gueis */

/* Gesamtschrift und Gesamtrand festlegen */
body   { color: #666; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; background: white url(bg_blue.gif.xxx) repeat-x; }

/* mother-container */
#mother { text-align: left; margin: 0 auto; width: 780px; border-style: solid; border-width: 0px; border-color: silver; color: #666; position: relative; }

/* banner, enhält logo */
#banner {
  position: relative; 
  color: black; 
  background: transparent; 
  text-align: left; 
  width: 100%; 
  height: 138px;
  margin-top: 15px;
  margin-bottom: 0px;
}

#logo {
  position: absolute; 
  top: 20px; 
  left: 2px;
  width: 300px;
  height: 55px;
  text-align: left;
  color: black;
  background: transparent url(logo.gifxxx) no-repeat top left;
  margin: 0;
}



/* Container mit dem Logo 
#logo  { color: white; background: transparent url(helveticaultra2k.gif) no-repeat; text-align: left; margin-bottom: 10px; margin-top: 15px; width: 100%; height: 170px; }
*/

/* Hauptüberschrift im Logo-Container */
#logo h1 {  font-size: 1.1em; color: white; margin: 0px; padding-left: 5px; background-image: none;  top: 0px; left: 0px; height: 10px;} 

/* Haupt-Navigationsbereich */
#navi  { color: black; font-size: 0.8em; background-color: transparent; float: left; margin-top: 40px; width: 150px }

/* Navigationspfad */
#navipfad    { border-bottom: 1px dotted #666; width: 100% }
#path    { color: #666; font-size: 0.82em; padding-bottom: 6px; padding-left: 0px; width: 100% }

/* Inhaltsbereich */
#content  { color: #666; font-size: 0.9em; line-height: 1.65em; background-color: transparent; float: right; margin-top: 20px; padding-left: 6px; border-left: 0px; width: 585px; border-left-color: silver; border-left-style: solid }

/* Stilregel fuer Plugins, z.B. feedback  wichtig, Hintergrundfarbe weiss erzwingen */
.plugin { background-color: white; font-size: 0.7em; line-height:1.4em; }

/* Fusszeile */
#footer  			{ color: #666; background-color: transparent; clear: both; padding: 2px }
#footer div   		{ font-size: 0.84em; line-height: 2em; text-align: center; border-top: 1px dotted #666 }
#footer a:hover 	{ color: #666; text-decoration: none; }
#footer a:link  	{ color: #666; text-decoration: none; }
#footer a:visited 	{ color: #666; text-decoration: none; }

/* Listenstile für Menüeintrag im Navibereich topmenu */
#topmenu { 
  position: absolute;
  top: 15px;
  right: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: transparent;
}

#topmenu ul {
  font-size: 0.8em;
  text-align: right;
  border-bottom: 0px solid silver; 
  padding-bottom: 0px;
  margin: 0;
}

#topmenu li {
  display: inline;
}

#topmenu a {
  padding-right: 5px;	
  margin-left: 0px;
  border-right: 1px dotted silver;
  text-decoration: none; 
  border-bottom: 0;
}

#topmenu a:link {
  color: #666;
  text-decoration: none;
}

#topmenu a:visited {
  color: gray;
  text-decoration: none;
}

#topmenu a:hover {
  color: #999;
  width: 100%;
}

#topmenu .obermenuhigh {

  border: 1px solid silver;
  border: 0px solid silver;
  background-color: #ccc;
  color: white;
  border-bottom: 0;
}

/* ENDE Listenstile für Menüeintrag im topmenu */


/* Listenstile für Menüeintrag im Navibereich 
Dieser Abschnitt ist sehr lang */
#navi ul {
  list-style-type: none;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

#navi ul ul {
  padding-left: 0px;
  margin-left: 17px;
  }

#navi ul li a {
  display: block;
  color: #666;
  font-weight: bold; 
  text-transform: uppercase; 
  letter-spacing: 30%; 
  text-indent: 0px;
  margin-top: 1px;
  padding: 3px 3px 3px 17px;
  list-style-type: none;
  background: transparent url(colon.gif) no-repeat 0%;
}

#navi ul ul li a {
 display: block;
 margin-top: 1px;
 padding: 3px 3px 3px 0px;
 text-indent: 0px;
 color: #666; 
 font-weight: lighter; 
 text-transform: none; 
  background: transparent url(arrwhite.gifxxx) no-repeat 0%;
 border-top-style: none;
 border-bottom-style: none;
}

#navi a:link {
  display: block;
  text-decoration: none;
  width: 140px;
}

#navi a:visited {
  text-decoration: none;
  display: block;
  width: 140px;
}

#navi a:hover {
  display: block;
  text-decoration: none;
  background-color: transparent;
  width: 140px;
  color: #999;
  background: transparent url(colonhigh.gif) no-repeat 0%;
}

#navi ul ul li a:hover {
  display: block;
  text-decoration: none;
  background-color: transparent;
  width: 140px; 
  color: #999;
  background: transparent url(arrwhiteo.gifxxx) no-repeat 0%;
}

#navi ul .obermenuhigh {
  list-style-type: none;
  display: block;
  width: 140px;
  margin-top: 1px;
  padding: 3px 3px 3px 17px;
  font-weight: bold; 
  text-transform: uppercase; 
  color: #999;
  background: transparent url(colonhigh.gif) no-repeat 0% ;
}

#navi ul ul .submenuhigh {
  list-style-type: none;
  display: block;
  width: 140px;
  margin-top: 1px;
  padding: 3px 3px 3px 0px;
  font-weight: ;
  color: #999;
  background: transparent url(arrwhiteo.gifxxx) no-repeat 0%;
}

/* ENDE Listenstile fuer Menüeintrag im Navibereich */

/* Die ungebundenen Klassen erscheinen als Auswahloptionen im linken Pull-down-Menue von TinyMCE! */

/* Ueberschriften gestalten */
h1   						{ color: #999; font-weight: bolder; font-size: 1.4em; line-height: 1.4; background-repeat: repeat-y; margin-top: 10px; padding: 4px 4px 4px 0 }
h2 							{ font-size: 1.1em; line-height: 1.4; background-image: url(graykaro.gif); background-repeat: no-repeat; text-indent: 20px; background-position: left; padding-bottom: 1px; margin-bottom: 1px;}
h3 							{ font-size: 1em; line-height: 1.4; margin-bottom: 1px; padding-bottom: 1px; }


/* Absatz und div */
p, div 						{ padding-right: 3px;}
p 							{margin-top: 3px; margin-bottom: 5px; }

/* Tag b zusaetzlich einfaerben */
b 							{ color: #999 ; }

/* Zeichenformat strong */
strong { color: #999; }

/* normaler Listenstil, beschraenkt auf Inhaltsbereich */
#content ul  { font-size: 1em; line-height: 1.4; margin-left: 0.7em; padding-left: 0.7em }

/* Hovereffekt fuer Links */

a:hover { text-decoration: none; }

/* besuchte Hyperlinks */ 
a:visited { color: gray; }

/* Hier beginnen die ungebundenen Klassen, zu erkennen
am Punkt vor dem Klassennamen 
Diese werden im Auswahlmenue von TinyMCE gezeigt */

/* Gestaltung des rechts ausgerichteten News-Kastens */
.kasten  		{ font-size: 1em; float: right; margin: 3px; padding: 3px; border: dotted 1px #999; width: 170px }
.kasten h3 		{ margin-top: 0px; }

/* Beginn der Newskasten-Formate */
.boxcover 		{ font-size: 0.9em; margin-top: 10px; float: right; width: 200px; padding: 3px; }
.box  			{ font-size: 0.9em; float: right; margin-top: 10px; padding-right: 0px; border: solid 1px #666; width: 100% }
.box h3 		{ background-color: #0000A0;  color: white; padding: 3px; margin-top: 0px;}
.box div 		{ padding: 3px; }

/* Ende der neuen Newskasten-Formate */

/* Einfuehrungsabsatz */
.lead, .lead p 	{ font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;  font-size:  1em; line-height: 1.5em; font-weight: bold; margin-top: 5px; margin-bottom: 10px; }
.lead img { padding: 5px;}

/* grauer Rahmen mit Umrandung */
.rahmen  { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eeeeee; padding: 3px; border: solid 1px #666; width: 100%; }

/* Rahmen mit gestrichelter Umrandung */
.tipp { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 8px; margin-bottom: 10px; padding: 3px; border: dotted 1px #666; width: 90% }
code, .code { font-family: 'Courier New', Courier, monospace; font-size: 1em;  color: #000099; }

/* Bildunterschrift */
.bu {margin-top: 0px; font-size: 0.75em; font-weight: bold;}

/* Linie interessant gestalten */
hr  { }

/* Luft fuer Tabellen */
table th, th, tbody { padding: 3px; }

/* Links innerhalb von Absätzen mit 
kleinem Zeichen versehen */
#content p a {   
  display: inline;
  padding-left: 0px;
  background-image: url(bluedot.gifxxx);
  background-repeat: no-repeat; }

/* Format fuer zuletzt geaendert usw. */
.datum { font-size: 0.8em; }