/* stylesheet zu andreashurni.ch */

*                  { margin: 0;
                     padding: 0;
                     border: 0 none; }

html               { height: 100.2%; /* scrolliste erzwingen */
                     font-size: 100%;
                     line-height: 130%; }

body               { background-color: rgb(97%,97%,97%);
                     font-family: "Courier New", Courier, Monospace;
                     color: rgb(0%,0%,0%);
                     text-align:center; }

/* wrapper zentriert fixe breite */

#wrapper           { background-color: rgb(97%,97%,97%);
                     width: 62em;
                     margin: 0;
                     margin-left: auto;
                     margin-right: auto;
                     text-align: left; }

h1                 { font-size: 2.4em;
                     padding: 0.3em 0 0 0;
                     margin: 0.2em 0 0 0 }                     

h2                 { font-size: 1.4em;
                     margin-top:0.4em;
                     margin-bottom: 0.4em; }

h3                 { font-size: 1.2em;
                     margin-top:0.4em;
                     margin-bottom: 0.4em; }

h4                 { font-size: 1.1em;
                     margin-top:0.4em;
                     margin-bottom: 0.4em; }

h5                 { font-size: 1.0em;
                     margin-top:0.4em;
                     margin-bottom: 0.4em; }

h6                 { font-size: 1.0em;
                     margin-top:0.4em;
                     margin-bottom: 0.4em; }

p                  { font-size: 1.0em;
                     margin-top: 0.4em;
                     margin-bottom: 0.4em; }

ul                 { margin-top: 0.4em;
                     margin-bottom: 0.4em; }

li                 { margin-left: 2em;
                     padding-left: 0.2em;
                     list-style-position: outside;
                     list-style-type: disc;
                     font-size: 1.0em;}

.update            { color: red;
                     font-style: italic;
                     font-size: smaller;
                     font-weight: bold; }

.fernwirkung       { background-color: yellow;
                     color: black; }

.mark1             { background-color: rgb(90%,90%,100%);
                     border-color: rgb(80%,80%,100%); }

.mark2             { background-color: rgb(100%,90%,90%);
                     border-color: rgb(100%,80%,80%); }

/* bildautor */
                     
.capture           { margin-top:0.1em;
                     text-align: left;
                     font-size: 1em;
                     font-style:italic}
            
/* beschreibung von tabelle, bildern ... */
         
.description       { margin-top:0.1em;
                     text-align: left;
                     font-size: 1em;
                     font-style:italic}

.bildtext          { font-style: italic }

.bildtext_rechts   { text-align: right;
                     font-style: italic}

.center            { text-align: center }

/*----------------------- links -----------------------*/

a                  { color: rgb(0%,0%,80%) }

a:visited          { color: rgb(0%,30%,50%) }

a:hover            { background-color: rgb(100%,100%,100%) }

/* externer link */

a.ext              { background-image: url('../index/extern.gif');
                     background-repeat: no-repeat;
                     background-position: right center;
                     padding-right: 12px; }

/*----------------------- bilder -----------------------*/

img                { border: 0px;
                     margin:0;}

/* bild links, umflossen */

.img_left          { float: left;
                     margin: 0.4em 1em 0.4em 0; }

.img_right         { float: right;
                     margin: 0.4em 0 0.4em 1em; }

/* bildunterschrift fuer bild links */


/* neue def fuer box (anstelle img_right und img_left) */

.box_right         { float: right;
                     margin: 0 0 0.4em 1em;
                     padding-top:0.4em;
                     width:auto;}

.box_left          { float: left;
                     margin: 0 1em 0.4em 0;
                     padding-top:0.4em;                     
                     width:auto}
                     
/*----------------------- tabelle -----------------------*/

table              { margin: 0 0 0 0;
                     border-spacing: 1px;
                     width: auto; }

th                 { font-size: 1em;
                     font-weight: bold;
                     padding: 0.2em;
                     padding-left: 0.2em;
                     padding-right: 0.2em;
                     background-color: rgb(90%,90%,90%);
                     vertical-align: top; }

td                 { font-size: 1em;
                     padding: 0.2em;
                     padding-left: 0.2em;
                     padding-right: 0.2em;
                     background-color: rgb(93%,93%,93%);
                     vertical-align: top; }

/*----------------------- blockquote und cite -----------------------*/

blockquote         { margin: 0.4em 0em 0.4em 0em;
                     padding: 0 1em 0 1em;
                     background-color: rgb(95%,95%,95%);
                     border: 1px rgb(93%,93%,93%) dotted;
                     border-left: 1em rgb(90%,90%,90%) solid; }

blockquote p       { margin-top: 0.4em;
                     margin-bottom: 0.4em; }

cite               { font-style: italic }

/*----------------------- neue zeile -----------------------*/

.neue_zeile        { clear: both }

/*----------------------- kopf -----------------------*/

div#head           { padding: 0 0 0 0;
                     background-image: url('../index/bg1.png');
                     background-repeat: no-repeat;
                     text-align: left; 
                     border-bottom: 1px rgb(40%,40%,40%) dotted; }                     

/*----------------------- navigation -----------------------*/

div#nav           { float: right;
                     width: 16em;
                     margin: 0.4em 0 0.4em 1em;
                     padding: 0.6em 1em 0.6em 1em;
                     background-color: rgb(93%,93%,93%);
                     color: rgb(0%,0%,0%);
                     border: 1px rgb(40%,40%,40%) dotted; }

div#nav ul         { padding: 0;
                     margin: 0; }

div#nav li         { padding: 0;
                     margin: 0;
                     margin-left: 1em;
                     list-style-type: disc; }

div#nav a          { text-decoration: underline }

div#nav a:hover    { background-color: rgb(100%,100%,100%) }

/*----------------------- wrapper fuer den themeninhalt -----------------------*/

div#mainwrapper    { margin: 0 }

/*----------------------- menu -----------------------*/

div#menu           { clear:right;
                     float: right;
                     width: 16em;
                     margin: 0.4em 0 0.4em 1em;
                     padding: 0.6em 1em 0.6em 1em;
                     background-color: rgb(93%,93%,93%);
                     color: rgb(0%,0%,0%);
                     border: 1px rgb(40%,40%,40%) dotted; }

div#menu ul        { padding: 0;
                     margin: 0; }

div#menu li        { padding: 0;
                     margin: 0;
                     margin-left: 1em;
                     list-style-type: disc; }

div#menu a         { text-decoration: underline }

div#menu a:visited { text-decoration: none }

div#menu a:focus   { }

div#menu a:hover   { background-color: rgb(100%,100%,100%) }

div#menu a:active  { }

/*----------------------- textbreich text -----------------------*/

div.main           { clear: left;
                     padding: 0em; }

/*----------------------- textbereich linkbereiche -----------------------*/

.linklist          { clear: left;
                     margin: 0em;
                     padding: 0.4em 1em 0.4em 1em;
                     background-color: rgb(93%,93%,93%); }

/*----------------------- ende des #mainwrapper -----------------------*/

/*----------------------- navigation im fussbereich -----------------------*/

div#footernav      { margin-top: 1em;
                     clear: left;
                     background-color: rgb(93%,93%,93%);
                     padding: 0.4em 0 0.4em 0;
                     border-top: 1px rgb(40%,40%,40%) dotted;
                     border-bottom: 1px rgb(40%,40%,40%) dotted; }

div#footernav a    { text-decoration: none }

div#footernav ul   { }

div#footernav li   { list-style: none;
                     margin: 0; }

/*----------------------- footer -----------------------*/

div#footer         { clear: left;
                     text-align:right;
                     padding: 0em 0em 0em 0em;
                     font-size: 0.8em; }

/*-----------------------counter -----------------------*/

/* wie das umschliessende feld, damit er ausserhalb erscheint */

div#counter        { margin-top: 3em;
                     text-align: center; }

/* ende des stylesheets zu andreashurni.ch */
/* herzlichen dank an elisabeth wetsch, welche mit ihrem buch "einstieg in css" es mir erst ermoeglicht hatte... */
/* einigermassen in wuerde eine website zu gestalten */