/* ----------------------- stylesheet zu andreashurni.ch ----------------------- */

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

html {
	height: 100.2%; /* scrollisteerzwingen */
	font-size: 100%;
	line-height: 150%;
	}

body {
	background-color: rgb(25%,25%,25%);
	font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: 0.04em;
	color: rgb(0%,0%,0%);
	text-align: center;
	}

/* ----------------------- wrapper zentriert fixe breite ----------------------- */

#wrapper {
	background-color: rgb(95%,95%,95%);
	width: 63em;
	margin: 10px auto 10px auto;
	padding: 0 1em 0 1em;
	text-align: left;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

h1 {
	font-size: 2em;
	padding: 0;
	margin: 10px 0 10px 0;
	}

h2 {
	font-size: 1.4em;
	clear: 	left;	
	padding: 0;
	margin: 10px 0 10px 0;
	}

h3 {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px 0;
	}

h4 {
	font-size: 1.1em;
	padding: 0;
	margin: 10px 0 10px 0;
	}

h5 {
	font-size: 1.0em;
	padding: 0;
	margin: 10px 0 10px 0;
	}

h6 {
	font-size: 1.0em;
	padding: 0;
	margin: 10px 0 10px 0;
	}

p {
	font-size: 1.0em;
	padding: 0;
	margin: 10px 0 10px 0;
	}

ul {
	margin: 10px 0 10px 0;
	}

li {
	margin-left: 1em;
	padding: 0;
	list-style-position: outside;
	list-style-type: disc;
	}
	
.beispiel {
	font-style: italic;
	}	

.definition {
	margin-left: 2em;				
	font-style: italic;
	}	

	
.formel	 {
	margin-left: 2em;				
	font-style: italic;
	}	

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

.symbol {
	font-family: "CourierNew", Courier,Monospace;
	font-size: 20px;
	}
	
.fernwirkung {
	background-color: yellow;
	color: black;
	}

.poem {
	padding-left: 3em;
	font-style:italic;
	}
	
.mark1 {
	background-color: rgb(80%,80%,100%);
	}

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

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

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

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


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

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

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

.bildtext {
	font-style: italic;
	}

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

.center {
	text-align: center;
	}

.code {
	font-family: "Courier New", Courier, monospace;
	}


ul {
	margin-left: 3em;
	}


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

a {
	color: rgb(0%,0%,80%);
	text-decoration: none;
	}

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

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

/* externerlink */

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

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

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

/*.img_left {
	float: left;
	margin: 10px 1em 10px 0;
	padding: 10px 10px 10px 10px;
	background-color: rgb(90%,90%,90%);
	}

.img_right {
	float: right;
	margin: 10px 0 10px 1em;
	padding: 10px 10px 10px 10px;
	background-color: rgb(90%,90%,90%);
	}	*/

.box_right {
	float: right;
	clear: right;
	background-color: rgb(91%,91%,91%);
	border: 1px rgb(80%,80%,80%) dotted;
	margin: 0 0 10px 1em;
	padding: 0 10px 0 10px;
	width: auto;
	font-style: italic;
	}

.box_left {
	float: left;
	clear: left;
	background-color: rgb(91%,91%,91%);
	border: 1px rgb(80%,80%,80%) dotted;
	margin: 0 1em 10px 0;
	padding: 0 10px 0 10px;
	width: auto;
	font-style: italic;
	}
	
/* -----------------------tabelle----------------------- */

table {
	margin: 10px 0 10px 0;
	border-spacing: 1px;
	width: auto;
	font-style: normal;
	}

th {
	font-size: 1em;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	background-color: rgb(80%,80%,80%);
	text-align: left;
	vertical-align: top;
	}

td {
	font-size: 1em;
	padding: 2px 5px 2px 5px;
	background-color: rgb(85%,85%,85%);
	text-align: left;
	vertical-align: top;
	}

div#sitemap table {
	background-color: rgb(90%,90%,90%);
	width: 100%;
	}

div#sitemap td {
	background-color: rgb(90%,90%,90%);
	width: 33%;
	}

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

blockquote {
	font-size: 1.0em;
	width: 60em;
	margin: 10px 0 10px 0;
	padding: 0.2em 1em 0.2em 1em;
	background-color: rgb(90%,90%,90%);
	border-left: 0.7em rgb(75%,75%,75%) solid;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
    -webkit-box-shadow: 3px 3px 2px rgb(75%,75%,75%);
    -moz-box-shadow: 3px 3px 2px rgb(75%,75%,75%);
    box-shadow: 3px 3px 2px rgb(75%,75%,75%);		
	}
	
cite {
	font-style: italic;
	}

/* ----------------------- neuezeile ----------------------- */

.neue_zeile {
	clear: both;
	}

/* ----------------------- homepage ----------------------- */

div#front {
	margin: 1em 0 0 0;
	}

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

div#head {
	float: left;
	width: 42em;
	padding: 10px 0 0 0;
	text-align: left;
	margin: 0 0 10px 0;
	border-bottom: 1px rgb(40%,40%,40%) dotted;
	}

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

div#nav {
	float: right;
	width: 18em;
	margin: 10px 0 10px 1em;
	padding: 10px 10px 10px 10px;
	background-color: rgb(85%,85%,85%);
	color: rgb(0%,0%,0%);
	border: 1px rgb(40%,40%,40%) dotted;
	}

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

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

div#menu {
	clear: right;
	float: right;
	width: 18em;
	margin: 10px 0 10px 1em;
	padding: 10px 10px 10px 10px;
	background-color: rgb(85%,85%,85%);
	color: rgb(0%,0%,0%);
	border: 1px rgb(40%,40%,40%) dotted;
	}	
	
div#menu ul {
	margin: 0;
	}	

div#menu a:focus {
	}

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

div#menu a:active {
	}

/* ----------------------- frontseite ----------------------- */

div#front a {
	color: rgb(0%,0%,0%);
	font-size: 3em;
	font-style: normal;
	text-decoration: none;
	}
	
div#front a:visited {
}

div#front a:focus {
	}
	
div#front a:hover {
	background-color: rgb(100%,100%,100%);
	color: rgb(0%,0%,0%);
	}
	
div#front a:active {
	}

div.oldsite {
	clear: left;
	background-color: rgb(80%,100%,80%);
	padding: 0;
	}

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

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

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

div#footernav {
	margin-top: 1em;
	clear: both;
	background-color: rgb(85%,85%,85%);
	padding: 10px 1em 10px 1em;
	border-top: 1px rgb(40%,40%,40%) dotted;
	border-bottom: 1px rgb(40%,40%,40%) dotted;
	}

div#footernav ul {
	}

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

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

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

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

div#counter {
	margin: 0.5em 0 0 0;
	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 */