/* 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;}

p   {
   line-height:   140%;
   margin-top:   .8em;
   margin-bottom:   .8em;
   }

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; }

ol, ul, li {margin: 0; padding: 0; list-style: none;}

/* dreiecksseite: artikelliste, verwise, orginaltext ul-liste */
ul.dr_sm_aul, ul.dr_sm_vul, ul.dr_sm_otul   {
   margin-top: -5px;
   margin-bottom: 8px;
   }

/* dreiecksseite: artikelliste, orginaltext -listenelemente */
li.dr_sm_al, li.dr_sm_vl, li.dr_sm_otl {
   line-height: 115%;
   padding-left: 10px;
   }

/* dreiecksseite: verweise, orginaltext -titel */
h3.dr_sm_vlt, h3.dr_sm_ott
   {font-size: 100%;
   margin-top: 10px;
   margin-bottom: 4px;
    }

/* dreiecksseite: BeitragsListenTitel */
h3.dr_sm_blt
   {font-size: 22px;
   margin-top: 10px;
   margin-bottom: 4px;
    }

/* 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}

.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: #3A3C69;
   color: white;
}

#rahmen {
   background: #3A3C69;
   color: white;
}

#inhalt {
   background: #3A3C69;
   color: white;
}

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

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

img, table   {
   border: 0;
}


/* 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;}

#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.rot     {color: white; background-color: red;}

.gruen   {color: #339933;}
.gelb    {color: #ffcc00;}
.rosa    {color: #ff9999;}
.tuerkis {color: #00cccc;}
.grau    {color: #c0c0c0;}

marker {color: black; background-color: yellow;}
#inhalt a.marker:link {color: black; background-color: yellow;}
#inhalt a.marker:visited {color:purple;background-color: yellow;}
#inhalt a.marker:active  {color:red;background-color: yellow;}
#inhalt a.marker:hover   {color:red;background-color: yellow;}