/**
-------------------------------------------------
Stylesheet zu http://hess-uhrmacherschule.de/     2008-10-14
-------------------------------------------------*/

/* background-color: R66 G80 B102 ; #425066 #A6BD9A  #00FF00 */
body {
   padding:20px;
   background-color:#BDDBAF;
   font-family:Arial,Helvetica,sans-serif;
   font-size:14px; /*16px*/
   }

a:link, a:visited{/* Link allgemein */
   color:#3366FF;
   background-color:transparent;
   text-decoration:none;
   }
a:hover, a:active{
   color:#FFFFFF;
   background-color:transparent;
   text-decoration:none;
   }

a.logo:link, a.logo:visited {/* Link HUS-Logo */
   color:#000000;
   background-color:transparent;
   text-decoration:none;
   }
a.logo:active, a.logo:hover {
   color:#3366FF;
   background-color:transparent;
   text-decoration:none;
   }

a.table:link, a.table:visited{/* Link in der Tabelle */
   color:#3366FF;
   background-color:transparent;
   text-decoration:none;
   }
a.table:hover, a.table:active{
   color:#BDDBAF;
   background-color:transparent;
   text-decoration:none;
   }

#menu  {/* Link "Menu" */
        position: absolute;
        top: 230px;
        width: 190px;
        z-index: 1;
        color:#3366FF;
        font-size:100%; /*80%*/
        line-height:120%;
        font-weight:bold;
        }
#menu a:link, #menu a:visited {
        background:url("../grafik/pfeil_re.gif") no-repeat;
        }
#menu a:hover, #menu a:active {
   background:url("../grafik/pfeil_re_r.gif") no-repeat;
   }
#menu a:link span, #menu a:visited span {
   margin-left: 15px;
   color:#3366FF;
   background-color:transparent;
   text-decoration:none;
   }
#menu a:hover span, #menu a:active span {
   margin-left: 15px;
   color:#FFFFFF;
   background-color:transparent;
   text-decoration:none;
   }
html>body #menu {/* nur fuer moderne Browser */
        position: fixed;
        }

.menu01 /* 1. Untermenu */ {
   font-size:90%;
   margin-left: 15px;
   font-weight:normal;
   }
.menu01 a:link span, .menu01 a:visited span{
   color:#3366FF;
   background-color:transparent;
   text-decoration:none;
   }
.menu01 a:hover span, .menu01 a:active span{
   color:#FFFFFF;
   background-color:transparent;
   text-decoration:none;
   }

.menu02 /* 2. Untermenu */ {
   font-size:90%;
   margin-left: 40px;
   font-weight:normal;
   }
.menu02 a:link span, .menu02 a:visited span{
   color:#3366FF;
   background-color:transparent;
   text-decoration:none;
   }
.menu02 a:hover span, .menu02 a:active span{
   color:#FFFFFF;
   background-color:transparent;
   text-decoration:none;
   }

.nav00 {/* Link mit Pfeil_re im Text */
   white-space:nowrap;
   }
.nav00 a:link, .nav00 a:visited {
   background:url("../grafik/pfeil_re.gif") no-repeat;
   }
.nav00 a:hover, .nav00 a:active {
   background:url("../grafik/pfeil_re_r.gif") no-repeat;
   }
.nav00 a:link span, .nav00 a:visited span {
   margin-left: 15px;
   color:#3366FF;
   background-color:transparent;
   text-decoration:none;
   }
.nav00 a:hover span, .nav00 a:active span {
   margin-left: 15px;
   color:#FFFFFF;
   background-color:transparent;
   text-decoration:none;
   }

.nav01 {/* Link Datei Ende "zum Seitenanfang" */
   font-size:80%;
   white-space:nowrap;
   }
.nav01 a:link, .nav01 a:visited {
   background:url("../grafik/pfeil_ob.gif") no-repeat;
   }
.nav01 a:hover, .nav01 a:active {
   background:url("../grafik/pfeil_ob_r.gif") no-repeat;
   }
.nav01 a:link span, .nav01 a:visited span {
   margin-left: 20px;
   color:#3366FF;
   background-color:transparent;
   text-decoration:none;
   }
.nav01 a:hover span, .nav01 a:active span {
   margin-left: 20px;
   color:#FFFFFF;
   background-color:transparent;
   text-decoration:none;
   }

.nav02 {/* Link Datei Ende "copy" */
   font-size:80%;
   text-align:right;
   white-space:nowrap;
   }
.nav02 a:link, .nav02 a:visited {
   background:url("../grafik/pfeil_re.gif") no-repeat;
   padding-left: 15px;
   }
.nav02 a:hover, .nav02 a:active {
   background:url("../grafik/pfeil_re_r.gif") no-repeat;
   padding-left: 15px;
   }
.nav02 span a:link, .nav02 span a:visited {
   color:#3366FF;
   background-color:transparent;
   text-decoration:none;
   }
.nav02 span a:hover, .nav02 span a:active {
   color:#FFFFFF;
   background-color:transparent;
   text-decoration:none;
   }

.nav03 {/* Linkzeile */
        position: relative;
   font-size:90%;
   /*font-weight:bold;*/
   }

.text {/* Textfläche */
        position: relative;
   padding-left: 200px;
   }

#uhr {/* Datum,Uhrzeit */
   font-size:80%;
   white-space:nowrap;
   text-align:center;
   }

/* Uberschriften */
h1,h2,h3,h4,h5,h6 {
   background-color:transparent;
   margin:0px;
   padding:0px;
   font-style:normal;
   font-weight:normal;
   text-align:left;
   display:block;
   }
h1 {/* Seitenüberschrift */
   font-size:200%;
   font-weight:bold;
   text-align:center;
   position:relative;
   }
h1.links {
   text-align:left;
   }
h2 {/* Kapitel */
   font-size:130%;
   font-weight:bold;
   text-align:left;
   }
h3 {/* Überschrift im Textfluss */
   font-size:100%;
   text-transform:uppercase;
   letter-spacing:0.25em;
   display:inline;
   }
h4 {/* Linkzeile */
   font-size:80%;
   }
h5 {/* Kleinschrift */
   font-size:70%;
   }
b.hus {/* Logo */
   font-size:500%;
   }
p.mitte {/* Text Mitte */
   text-align:center;
   position:relative;
   }
.nowrap {/* kein Umbruch */
   white-space:nowrap;
   }

/* Tabellen */
table {
   width:100%;
   }
table.copy {/* Dateiende */
   border-top:2px solid #000000;
   padding-top:8px;
   padding-bottom:8px;
   margin-left:0px;
   }
table.rand {/* Untergrund: hell gelb */
   border:1px solid #3366FF;
   background-color:#FFFFE0;
   border-collapse:collapse;
   }
table.rand.person {/* Personen */
   width:200px;
   }
td {
   padding-left:0px;
   margin-left:0px;
   }
td.gal {/* Bildergalerie */
   padding-top:50px;
   }
td.rand {
   padding:5px;
   border:1px solid #3366FF;
   }
td.rand-mitte {
   text-align:center;
   vertical-align:middle;
   padding:5px;
   border:1px solid #3366FF;
   }
td.rand1 {/* Untergrund: dunkel gelb */
   padding:5px;
   border:1px solid #3366FF;
   background-color:#FFCC66;
   }
td.rand1-mitte {
   text-align:center;
   vertical-align:middle;
   padding:5px;
   border:1px solid #3366FF;
   background-color:#FFCC66;
   }

/* Bilder */
img {
   padding:0px;
   border:1px solid #FFFFFF;
   }
a:hover img, a:active img {/* Rahmen blau */
   border:1px solid #3366FF; /*#ff0080;*/
   cursor:url("../../../grafik/lupe.cur"), url("../../grafik/lupe.cur"), url("../grafik/lupe.cur"), url("../grafik/lupe.ico"), pointer;
   }
img.pfeil {
   width:12px;
   height:12px;
   border:0px;
   }
img.link, a:hover img.link, a:active img.link {
   width:10px;
   height:10px;
   border:0px;
   cursor:pointer;
   }
img.w3c, a:hover img.w3c, a:active img.w3c {
   width:88px;
   height:31px;
   border:0px;
   cursor:pointer;
   }
img.pdf {/* mit Rechtsabstand */
   width:21px;
   height:9px;
   border:1px solid #3366FF;
   margin-right:8px;
   }
a:hover img.pdf, a:active img.pdf {/* mit Rechtsabstand (breiter) */
   border:1px solid #FFFFE0;
   cursor:pointer;
   }

img.pdf-mitte {/* mittig */
   text-align:center;
   width:21px;
   height:9px;
   border:1px solid #3366FF;
   }
a:hover img.pdf-mitte, a:active img.pdf-mitte {/* ohne Abstand */
   border:1px solid #FFFFE0;
   cursor:pointer;
   }