/* Formats Kunstseminar ; 31.01.2008 Koe */

/* History: 080303 Koe  body.bgcolorGray und bgcolorBlack aus body

/* Formate für gesamte Seite */
/* ------------------------- */

* {
 margin:0px;
 }
 
body.bgcolorPainted {
 width:100%; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px; 
 font-weight:normal; 
 color:#333333; 
 background-image:url(hg_1.jpg); 
 margin:2px auto 0px auto;
 }

body.bgcolorWhite {
 width:100%; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px; 
 font-weight:normal; 
 color:#333333; 
 background-color:#FFFFFF; 
 margin:2px auto 0px auto;
 }

body.bgcolorBlack {
 width:100%; 
 font-family:Arial, Helvetica, sans-serif; 
 font-size:12px; 
 font-weight:normal; 
 color:#CCCCCC; 
 background-color: #000000; 
 margin:2px auto 0px auto;
 }
  /*
  width:  = Die Seite füllt "100%" des Bildschirms aus.
  font:   = Schriftgrösse wenn nicht anders angegeben "12px" und Schriftart "Arial,...", Schriftfarbe "grün", Hintergrund "grau"
  margin: = Nach oben "2px", nach rechts "auto", nach unten "0px" und nach links "auto".
	    Wobei für links und rechts "auto" bedeutet das die Seite sich in der Mitte befindet.
  */
 
  
a:link {
 color:#FFFFFF; 
 text-decoration:none; 
 }  /* Globale  Linkfarbe "weiss" nicht unterstrichen, über die gesamte Breite anwenden. */
 
a:visited {
 color:#FFFFFF; 
 text-decoration:none; 
 }  /* Globale  Linkfarbe "weiss" für besuchten Link, nicht unterstrichen, über die gesamte Breite anwenden. */

a:active {
 color:#FFFFFF; 
 text-decoration:none; 
 }  /* Globale  Linkfarbe "weiss" für aktiven Link, nicht unterstrichen, über die gesamte Breite anwenden. */
  /*
  Linkfarben
  */
  
img {
 border-style:none; 
 border-width:0px;
 }          /* Global für alle Bilder, wenn nicht anders angegeben, keine Rahmen. */

div {
 border-style:none; 
 border-width:0px;
 }          /* Global für alle DIV`s, wenn nicht anders angegeben, keine Rahmen. */

table {
 width:100%; 
 cellpadding:0; 
 cellspacing:0; 
 border:0; 
 }
  /* 
  Global für alle Tabellen, wenn nicht anders angegeben, kein Rand.
  width: = Die Tabelle ist "100%" in dem Element wo sie sich befindet.
  */

/* Spezielle Styles für Einzelformatierungen */
.SchriftKlein {
 font-size:10px; 
 font-weight:normal; 
 }
 
.TitelGross {
 font-size:20px; 
 font-weight:bold; 
 }
 
.TitelMittel {
 font-size:14px; 
 font-weight:bold; 
 }
 
.TitelNormal {
 font-size:12px; 
 font-weight:bold; 
 }

.TitelKlein {
 font-size:10px; 
 font-weight:bold; 
 }

.AlignLeft {
 text-align:left; 
 }

.FixedTable {
 table-layout:fixed; 
 }
 
.FloatTable {
 table-layout:auto; 
 }


/* Styles für die Container (DIV`s). */
/* --------------------------------- */


/* Seiteneinteilung: Spalten: */
                                                       /* Breite in Prozent. */
 td.HeadL {
  width:100px; 
  vertical-align:top; 
  background-color:#F2859A; 
  }
  
 td.HeadM {
  width:50px; 
  text-align:center; 
  vertical-align:top; 
  }

 td.HeadR {
  width:500px; 
  text-align:left; 
  vertical-align:top; 
  }
  
 td.HeadR1 {
  width:20%; 
  text-align:right; 
  vertical-align:top; 
  font-size:10px; 
  font-weight:normal; 
  color:#999999; 
  } 
 td.HeadR14bgblack {
  width:20%; 
  text-align:right; 
  vertical-align:top; 
  font-size:10px; 
  font-weight:normal; 
  color:#666666; 
  } 
  
 td.HeadR2 {
  text-align:left; 
  vertical-align: top; 
  font-size:10px; 
  font-weight:normal; 
  }
  /*
  Tabellenspalte Links ("HeadL"):    Linke Spalte (rosa)
  Tabellenspalte Mitte ("HeadM"):    Mittlere Spalte (schmal mit Logo)
  Tabellenspalte Rechts ("HeadR"):   Rechte Spalte (Haupt-Inhalt), oft Mehrspaltig
  Tabellenspalte Rechts1 ("HeadR1"): 1. Spalte noch mehr rechts (Füllspalte mit Bild)
  Tabellenspalte Rechts2 ("HeadR2"): 2. Spalte noch mehr rechts (Füllspalte leer)
  */

/* Hauptmenu auf der linken Seite (senkrecht): */
#MenuLinks {
 margin-top:158px; 
 margin-right:-1px; 
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 font-size:11px; 
 }
#MenuLinksIE {
 margin-right:-2px; 
 }
  ul.Menu {line-height:20px; padding:0px 0px 0px 0px; text-align:center; }
	/* .., Seitenabstand des Textes zum Container alle bis auf links "10px", Textausrichtung "mitte". */
  a.MenuA {color:#FFFFFF; text-decoration:none; border-right:8px solid #009999; display:block; }
  a.MenuI {color:#FFFFFF; text-decoration:none; border-right:8px solid #000099; display:block; }
  a.MenuA:hover  {color:#FFFFFF; border-right: 8px solid #009999; }
  a.MenuI:hover  {color:#FFFFFF; border-right: 8px solid #009999; }
	/* MenuI steht für Inaktiv, MenuA für Aktiv */
  
/* Untermenu über die Seitenbreite */
#MenuOben {
 width:100%; 
 float:left; 
 margin-top:20px; 
 margin-bottom:20px; 
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 font-size:11px; 
 }       /* Breite in Prozent und Abstand */
 
#MenuOben4bgblack {
 width:100%; 
 float:left; 
 margin-top:20px; 
 margin-bottom:20px; 
 font-family:Verdana, Arial, Helvetica, sans-serif; 
 font-size:11px; 
 }       /* Breite in Prozent und Abstand */
 
 .NaviO {
  width:20%; 
  text-align:center; 
  font-weight:normal; 
  line-height:20px; 
  display:block; 
  float:left; margin-right:-1px;
  }     /* Breite 20% (100% geteilt durch 5), Textausrichtung "Mittig" und Text "normal" geschrieben, über die gesamte Breite anzeigen, Textfluss links, minus Rahmen. */
        /* 5 Felder */

 .NaviO3 {
  width:33%; 
  text-align:center; 
  font-weight:normal; 
  line-height:20px; 
  display:block; 
  float:left; margin-right:-1px;
  }     /* Breite 33% (100% geteilt durch 3), Textausrichtung "Mittig" und Text "normal" geschrieben, über die gesamte Breite anzeigen, Textfluss links, minus Rahmen. */
        /* 3 Felder */
  
  #MenuOben a.MenuOA {color:#333333; text-decoration:none; border-top: 8px solid #009999; display:block; }
  #MenuOben a.MenuOI {color:#333333; text-decoration:none; border-top: 8px solid #000099; display:block; }
  #MenuOben a.MenuOA:hover  {color:#333333; border-top: 8px solid #009999; }
  #MenuOben a.MenuOI:hover  {color:#333333; border-top: 8px solid #009999; }
  
  #MenuOben4bgblack a.MenuOA {color:#999999; text-decoration:none; border-top: 8px solid #009999; display:block; }
  #MenuOben4bgblack a.MenuOI {color:#999999; text-decoration:none; border-top: 8px solid #000099; display:block; }
  #MenuOben4bgblack a.MenuOA:hover  {color:#999999; border-top: 8px solid #009999; }
  #MenuOben4bgblack a.MenuOI:hover  {color:#999999; border-top: 8px solid #009999; }
	/* MenuI steht für Inaktiv, MenuA für Aktiv */
  	  	
#KSLogoText         {width:100%;  border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; border-right:1px solid #C0C0C0; }
#KSLogoText4bgblack {width:100%;  border-top:1px solid #666666; border-bottom:1px solid #666666; border-right:1px solid #666666; }
        p.LogoLine1 {vertical-align:top; line-height:20px; font-size:20px; font-weight:bold; } 
        p.LogoLine2 {margin-bottom:8px; line-height:20px; vertical-align:top; font-size:14px; font-weight:bold; } 
        p.LogoGalerieLine1 {vertical-align:top; line-height:20px; font-size:14px; } 
        p.LogoGalerieLine2 {margin-bottom:8px; line-height:20px; vertical-align: top; font-size: 24px; font-weight: bold; } 
        /*
        Text des Logos
        */

#MainTitle         {width:100%; line-height:20px; margin-top:20px; border-bottom:1px solid #C0C0C0; }
#MainTitle4bgblack {width:100%; line-height:20px; margin-top:20px; border-bottom:1px solid #666666; }

        p.Seitentitel {font-size:14px; font-weight:bold; }
        /*
        Seitentitel, z.B. Willkommen oder Schule für ... , oder Galerie
        */


/* Haupttext, - seitenabhängig */
#MainTextIndex {width:100%; margin-top:65px; line-height:20px; font-size:12px; font-weight:bold; border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; }
        /* 
        Haupttext der Indexseite (Beschreibung der Untergruppen)
        */
	
#LinkStyleInText {}
        .LinkStyle {color: #333333; font-weight: normal; text-decoration: underline; }
        /*
        Darstellung der Links im Text, d.h. ausserhalb des Menüs
        */

/* Seiteninhalt, - seitenabhängig */
       /* Spalten im Seiteninhalt (3-spaltig innerhalb Content) */

#ContentIndex {width:100%; float:left; margin-top:22px; font-size:12px; font-weight:normal; }
        td.ContentIndexL {width:240px; text-align:justify; padding-right: 8px; vertical-align: top; font-size: 12px; }
        td.ContentIndexLL {width:240px; text-align:left; padding-right: 8px; vertical-align: top; font-size: 12px; }
	td.ContentIndexM {text-align:justify; padding-left: 8px; padding-right: 8px; vertical-align: top; font-size: 12px; }
	td.ContentIndexML {text-align:left; padding-left: 8px; padding-right: 8px; vertical-align: top; font-size: 12px; }
#ContentSchule {width:100%; float:left; margin-top:22px; font-size:12px; font-weight:normal; }
        td.ContentSchuleL {width:240px; text-align:justify; padding-right: 8px; vertical-align: top; font-size: 12px; }
        span.ContentSchuleLL {width:240px; text-align:left; padding-right: 8px; vertical-align: top; font-size: 12px; }
	td.ContentSchuleM {text-align:justify; padding-left: 8px; padding-right: 8px; vertical-align: top; font-size: 12px; }
#ContentGalerie {width:100%; float:left; margin-top:22px; font-size:12px; font-weight:normal; }
        td.ContentGalerieL {width:400px; text-align:left; padding-right: 8px; vertical-align: top; font-size: 12px; }
	td.ContentGalerieM {text-align:justify; padding-left: 8px; padding-right: 8px; vertical-align: top; font-size: 12px; }
#ContentGalerie2 {width:100%; float:left; margin-top:22px; font-size:12px; font-weight:normal; }
        td.ContentGalerie2L {width:190px; text-align:left; padding-right: 8px; vertical-align: top; font-size: 12px; }
        td.ContentGalerie2M {width:140px; text-align:left; padding-right: 8px; vertical-align: top; font-size: 12px; }
	td.ContentGalerie2R {text-align:left; padding-left: 8px; padding-right: 8px; vertical-align: top; font-size: 12px; }
#ContentArtothek {width:100%; float:left; margin-top:22px; font-size:12px; font-weight:normal; }
        td.ContentArtothekL {width:240px; text-align:justify; padding-right: 8px; vertical-align: top; font-size: 12px; }
	td.ContentArtothekM {text-align:justify; padding-left: 8px; padding-right: 8px; vertical-align: top; font-size: 12px; }
        span.LinkStyleOnBlack {color: #CCCCCC; font-weight: normal; text-decoration: underline; }
#ContentArtothek3 {width:100%; float:left; margin-top:22px; font-size:12px; font-weight:normal; }
        td.ContentArtothek3HL {width:166px; text-align:left; padding-right: 8px; vertical-align: top; font-size: 12px; }
        td.ContentArtothek3HM {width:166px; text-align:left; padding-right: 8px; vertical-align: top; font-size: 12px; }
	td.ContentArtothek3HR {text-align:left; padding-right: 8px; padding-right: 8px; vertical-align: top; font-size: 12px; }
        td.ContentArtothek3L {width:166px; text-align:center; padding-right: 8px; vertical-align: top; font-size: 12px; }
        td.ContentArtothek3M {width:166px; text-align:center; padding-right: 8px; vertical-align: top; font-size: 12px; }
	td.ContentArtothek3R {text-align:center; padding-right: 8px; padding-right: 8px; vertical-align: top; font-size: 12px; }
#ContentSitemap {width:100%; float:left; margin-top:42px; font-size:12px; font-weight:normal; }
        td.ContentSitemapL {width:80px; text-align:left; padding-right: 8px; vertical-align: top; font-size: 12px; }
	td.ContentSitemapM {text-align:left; padding-left: 8px; padding-right: 8px; vertical-align: top; font-size: 12px; }
	/*
	3-spaltiger Text im Text
	Tabellenspalte Links ("ContentL")
	Tabellenspalte Mitte ("ContentM")
	*/

#ContentR1Index {width:100%; float:left; margin-top:158px; }
#ContentR1Lageplan {width:100%; float:left; margin-top:109px; }
#ContentR1Schule1 {width:100%; float:left; margin-top:127px; }
#ContentR1Galerie1 {width:100%; float:left; margin-top:213px; }
#ContentR1Galerie11 {width:100%; text-align:right; color:#999999; font-size: 12px; margin-top:4px;}
#ContentR1Galerie2 {width:100%; float:left; margin-top:213px; }
#ContentR1Galerie3 {width:100%; float:left; margin-top:148px; }

	/* Spalten im Seiteninhalt (2-spaltig innerhalb Content, in der 2. Spalte von Content) */
#Content32 {width:100%; }      
        td.Content32L {width:70px; text-align:justify; vertical-align: top; font-size: 12px; }
	td.Content32M {text-align:justify; padding-left: 8px; vertical-align: top; float:right; font-size: 12px; }

/* Fussbereich in der 1. Spalte (Adresse Kunstseminar) */
#Footer {text-align:center; font-size:10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#333333; }
        /*
        Fuss (nur in linker Spalte)
        */

#TopMenu {width:100%; text-align:right; font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight: normal; }
#TopMenu4bgblack {width:100%; text-align:right; font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight: normal; }
  #TopMenu4bgblack a.MenuO {color:#999999; text-decoration:underline; }
  #TopMenu4bgblack a.MenuO:hover  {color:#999999; text-decoration:underline; }

/* Grafische Linien */
.LineRightLeft         {line-height:1px; font-size:1px; color:#DFDFDF; border-top:1px solid #C0C0C0; }
.LineRightLeft4bgblack {line-height:1px; font-size:1px; color:#DFDFDF; border-top:1px solid #666666; }
.LineDashedAbove {border-top:1px dashed #C0C0C0; }
.LineDashedAbove4bgblack {border-top:1px dashed #666666; }
.LineDashedBelow {border-bottom:1px dashed #C0C0C0; }

/* Abstände */
.SpaceAbovePicLine_Index {margin-top: 31px; }
.SpaceAbovePicLine_Schule {margin-top: 22px; }

.SmallSpaceBelow {margin-bottom: 5px; }
.SmallSpaceAbove {margin-top: 5px; }

/* Versteckt */
.hiddenonblk {color: #000000; }
.hiddenonwht {color: #FFFFFF; }


/* -------------------------------------------------------------------------------------------------- */

#Galerie3 {color:#FFFFFF; background-color:#000000; text-align:center; font-size:12px; }
    img.Karte {margin-left:-1px; }
    img.rand {margin-top: 15px; margin-bottom: 15px; margin-left: 10px; margin-right: 10px; }
    p.AbstandTop {margin-top: 20px; }
    p.Daten {font-size:14px; }
    p.LinkStyleInDaten {text-decoration: underline; }
    p.Hinweis {font-style: italic; }
    p.Daten1 {}
    p.Titel {font-size:24px; margin-top: 10px; margin-bottom: 10px; }
    p.SubTitel {font-size:12px; margin-bottom: 10px; }
    p.AbstandZuDaten {margin-bottom: 10px; }
    span.LinkStyleInDaten {text-decoration: underline; }
  /*
  Sonderformatierung Galerie3
  */



#ImageFrame {width:100%; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#DFDFDF; 
      background-color:#333333; margin:5px auto 0px auto;}
      p.bildquer {text-align:center; margin-top:30px; }
      p.bildtext {text-align:center; margin-top:30px; font-size:12px; font-weight:normal; }
      p.LinkStyleInv {text-align:center; color:#DFDFDF; font-size:12px; font-weight:normal; text-decoration: underline; }
  /*
  Bildseite
  */