/* 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(70%,70%,70%);
  font-family: "Courier New", Courier, Monospace;
  color: rgb(0%,0%,0%);}

/* wrapper zentriert fixe breite */
body {text-align: center;}

#wrapper {
  width: 62em; 
  margin-top: 0.6em;
  margin-left: auto;
  margin-right: auto;
  text-align: left;}

h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1.0em;}
h6 {font-size: 1.0em;}
p  {font-size: 1.0em;}
li {font-size: 1.0em;}

h1 {line-height: 150%;}
h2 {line-height: 150%;}
h3 {line-height: 150%;}
h4 {line-height: 150%;}
h5 {line-height: 150%;}
h6 {line-height: 150%;}

p {padding: 0.4em 0em;}

ol {
  padding: 0.4em 0em 0.4em 0em;}

ul {
  padding: 0.4em 0em 0.4em 0em;}

li {
  margin-left: 2em;
  list-style-position:outside;
  list-style-type: disc;}

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

  
/*----------------------- links -----------------------*/  
a {color: rgb(0%,0%,90%); text-decoration: underline;}
  a:visited {text-decoration: none;}
  a:focus {}
  a:hover {background-color: rgb(100%,100%,60%);}
  a:active {}		

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

/* bild links, umflossen */  
img.img_left {
  clear: left;
  float: left;
  padding: 0.3em 1em 0.3em 0em;}

/* bildunterschrift für bild links */
img.img_right {
  clear: right;
  float: right;
  padding: 0.3em 0em 0.3em 1em;}
  
.bildtext {
font-size:90%;}

.center {
  text-align:center}

  
/*----------------------- tabelle -----------------------*/

table {
  margin: 0.4em 0em 0.4em 0em;
  background-color: rgb(70%,70%,70%);
  border-spacing: 1px;
  width: auto;}

th {
  font-size: 1em;
  font-weight:bold;
  padding: 0.1em;
  background-color: rgb(80%,80%,80%);}
td {
  font-size: 1em;
  padding: 0.1em;
  background-color: rgb(90%,90%,90%);}

table.layouttable {
  background-color: rgb(95%,95%,95%);
  border-spacing: 1em;
}

table.layouttable td {
  padding:1em;
  vertical-align:top;
  border: 1px rgb(40%,40%,40%) dotted;
}

  
/*----------------------- blockquote und cite -----------------------*/
blockquote {
  clear: left;
  margin: 0.8em 0em 0.8em 0em;
  padding: 0 1em 0 1em;
  background-color: rgb(90%,90%,90%);
  border: 1px rgb(80%,80%,80%) dotted;
  border-right: 1em rgb(80%,80%,80%) solid;
  border-left: 1em rgb(80%,80%,80%) solid;}
  
blockquote p {
  margin-top: 0.2em;
  margin-bottom: 0.2em;}

cite {
  font-style: italic;}

/*--- für alis artikel ---*/

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

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

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

.neue_zeile {clear:both;}
  
/*----------------------- div -----------------------*/  
div {
  background-color: rgb(97%,97%,97%);}

/*----------------------- kopf -----------------------*/
div#head {
  padding: 0.8em 1em 0em 1em;
  background-color: rgb(90%,90%,90%);
  background-image:url('../index/bg.jpg');
  background-repeat:repeat;
  
  text-align: left;}
  
/*----------------------- navigation -----------------------*/
div#nav {
  padding: 0em 1em 0.4em 1em;
  background-color: rgb(90%,90%,90%);
  color: rgb(0%,0%,0%);
  text-align: right;}
  
div#nav ul {
  border-top: 1px rgb(40%,40%,40%) dotted;}
  
div#nav li { 
  display: inline;
  margin-left: 0em;
  margin-right: 1em;}
  
div#nav a {
/* text-transform: uppercase;*/
  text-decoration: none;
  font-size: 1.2em;
  font-weight: bold;
/*  color: rgb(0%,40%,40%);*/}

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

/*----------------------- wrapper für den themeninhalt -----------------------*/
div#mainwrapper {
  margin: 0;}

/*----------------------- menu -----------------------*/
div#menu {
  float: right;
  width: 18em;
  margin: 1em;
  padding: 1em;
  background-color: rgb(90%,90%,90%);
  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 {/*color: rgb(0%,40%,40%); */
  text-decoration: underline;}
div#menu a:visited {text-decoration: none;}
div#menu a:focus {}
div#menu a:hover {background-color: rgb(100%,100%,60%);}
div#menu a:active {}

/*----------------------- textbreich text -----------------------*/
div.main {
  clear: left;
  padding: 0.4em 1em 0.4em 1em;}

/*----------------------- textbereich linkbereiche -----------------------*/
div.linklist {
  clear: left;
  margin-right: 1em;
  margin-left: 1em;
  padding: 0.4em 1em 0.4em 1em;;
  background-color: rgb(90%,90%,90%);}

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

/*----------------------- navigation im fussbereich -----------------------*/
div#footernav {
  clear: left;
  padding: 0.4em 1em 0.4em 1em;;
  background-color: rgb(90%,90%,90%);}
  
div#footernav a {text-decoration:none;}


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

/*----------------------- footer -----------------------*/
div#footer {
  clear: left;
  padding: 0.4em 1em 0.4em 1em;;
  background-color: rgb(80%,80%,80%);
  font-size: 0.8em;
  text-align:right;}

/*-----------------------counter -----------------------*/ 
/* wie das umschliessende feld, damit er ausserhalb erscheint */
div#counter {
  background-color: rgb(70%,70%,70%);}  
  
/* ende des stylesheets zu andreashurni.ch */
/* herzlichen dank an elisabeth wetsch, welche mit ihrem buch "einstieg in css" es mir erst ermöglicht hatte... */  
/* einigermassen in würde eine website zu gestalten */