/* ein paar Grundformatierungen, nicht relevant fürs "Framelayout" */
body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul
    {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

h1 {
   margin-top:   10px;
   margin-bottom: 0;
   font-weight: bold;
   font-size: xx-large
   }

h2, h3   {
   font-weight:bold;
   margin-top:   60px;
   margin-bottom: 0;
   }

h4, h5, h6, h7, h8, h9   {
   font-weight: bold;
   margin-top:   20px;
   margin-bottom: 0;
   }

h1 small   {
   font-size: 67%;
   }

h2 { font-size: 1.5 em; }
h3 { font-size: 1.4 em; }
h4 { font-size: 1.3 em; }
h5 { font-size: 1.2 em; }
h6 { font-size: 1.1 em; }

/* Grössen */
big {font-weight: bold; font-size: 32pt;}
.hs      {color: white; font-weight:bold; font-size: 28pt;}

.h40 {height : 40px}
.h60 {height : 60px}
.c1 {text-align: center}
.klein {  font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold}

/*Ausgewahlt und Anmerkungen*/
.aua {font-size: 14px;}
.small {font-size: 12px;}
.mini  {font-size: 11px;}
.minimini {font-size: 10px;}

/* Farben der Grundflächen */
#kopf {
    background: #616387;
    color: white;
    font-size: 13px;
}

body {
   background: white;
   color: black;
}

#rahmen {
   background: white;
   color: black;
}

#inhalt {
   background: white;
   color: black;
}

#artikel {
   background: white;
   color: black;
}

#fuss {
   background: #616387;
   color: #DCDEF2;
   text-align: center;
   font-size: 10px;
}

img, table   {
   border: 0;
}

/* bringt zwei geteilte box, h3 orange, unten helgelb (aus csharp) */
#artikel .zitat {margin: 3%; padding: 0px; border: solid 1px #ffcc00; background-color: #ffffcc;}
#artikel .zitat p {padding: 10px;}
#artikel .zitat h3 {margin: 0; padding: 1px; border-bottom: solid 3px #ffcc00; color: #ffffff; background-color: #ffcc66;}


/* Link Verhalten und Farben, zunächst generell */
/*a {  text-decoration: none; font-weight: bold;}*/
a:link    {color:#F0E59E;}
a:visited {color:#C7B767;}
a:active  {color:#DEC3A9;}
a:hover   {color:#ffffff; font-weight: bold;}

/* Die selben Werte wie oben, kann aber bei Bedarf anders definiert werden*/
#kopf a {  text-decoration: none; font-weight: bold;}
#kopf a:link    {color:#F0E59E;}
#kopf a:visited {color:#C7B767;}
#kopf a:active  {color:#DEC3A9;}
#kopf a:hover   {color:#ffffff; font-weight: bold;}

#inhalt a {  text-decoration: none; font-weight: bold;}
#inhalt a:link    {color:#F0E59E;}
#inhalt a:visited {color:#C7B767;}
#inhalt a:active  {color:#DEC3A9;}
#inhalt a:hover   {color:#ffffff; font-weight: bold;}

#artikel {  text-decoration: none; font-weight: bold;}
#artikel a:link    {color:blue;}
#artikel a:visited {color:purple;}
#artikel a:active  {color:red;}
#artikel a:hover   {color:red;}

#ArticleRight {  text-decoration: none; font-weight: bold;}
#ArticleRight a:link    {color:blue;}
#ArticleRight a:visited {color:purple;}
#ArticleRight a:active  {color:red;}
#ArticleRight a:hover   {color:red;}

#footer a:link    {color:#F0E59E;}
#footer a:visited {color:#C7B767;}
#footer a:active  {color:#DEC3A9;}
#footer a:hover   {color:#ffffff; font-weight: bold;}

#fuss a:link    {color:#F0E59E;}
#fuss a:visited {color:#C7B767;}
#fuss a:active  {color:#DEC3A9;}
#fuss a:hover   {color:#ffffff; font-weight: bold;}

/* Farben */
h1.l0 {color: white; background-color: black;}
h1.l1 {color: white; background-color: red;}
h1.l2 {color: white; background-color: blue;}
/* gruen: */
h1.l3 {color: black; background-color: #339933;}
/* rosa: */
h1.l4 {color: black; background-color: #ff9999;}
h1.l5 {color: black; background-color: yellow;}
/* grau: */
h1.l6 {color: black; background-color: #c0c0c0;}
/* tuerkis: */
h1.l7 {color: black; background-color: #00cccc;}
h1.l8 {color: black; background-color: #9900ff;}
h1.l9 {color: black; background-color: red;}

h1.rot     {color: white; background-color: red;}
h2.l1 {color: white; background-color: red;}
h3.l1 {color: white; background-color: red;}
.gruen   {color: #339933;}
.gelb    {color: #ffcc00;}
.rosa    {color: #ff9999;}
.tuerkis {color: #00cccc;}
.grau    {color: #c0c0c0;}

.marker {color: white; background-color:#00cccc}


#LeftBar {
   background-color: #CCCCCC; /* Used to create the sidebar impression */
   text-align: right;
   font-family: Tahoma, sans-serif;
}

#LeftBar ul {
    margin: 0; padding: 0; list-style: none;
}
#LeftBar a {
    color: blue;
   border-bottom: 0px solid black;
}
#LeftBar a:hover {
    color: blue;
   border-bottom: 0px solid black;
}
#LeftBar p {
   text-align: center;
}
#LeftBar img {
   margin-bottom: 1em;
   margin-right: 1em;
}

.vMenuHeader {
   margin-right: 1em;
   margin: 0;
   background-color: transparent;
   color: black;
   margin-top: 10em;
}

.vmenuh3 {margin-top:   5px;}

.vmenu {
     margin-bottom: 3ex;
     font-size: 14px;
     font-weight: bold;
   list-style-type: none;
   padding-right: 1em;
}
.vmenu a {
     margin-right: 3px;
     border-right-width: 1px;
     border-right-style: solid;
     border-color: #00007f;
     padding-right: 5px;
     text-decoration: none;
     background-color: inherit;
     color: #00007f;
}
.vmenu a:hover {
     margin-right: 0;
     border-right-width: 4px;
}
.vmenu a.current {
     margin-right: 0;
     border-right-width: 4px;
}
.vmenu .highlight {
     padding-left: 0.5ex;
     padding-right: 0.5ex;
     background-color: #1f1f9f;
     color: #ffffdf;
}
.vmenu ul.submenu {
  margin-right: 3px;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #00007f;
  padding-right: 0;
}
.vmenu ul.submenu a {
  margin-right: 0;
  border-right-width: 4px;
  border-color: #5f7f9f;
  padding-right: 5px;
  color: #5f7f9f;
}
.vmenu ul.submenu a:hover {
  margin-right: 0;
  border-color: #00007f;
}
.vmenu ul.submenu a.current {
  border-color: #00007f;
}