/* farbe.css für "Die Farbe in der Computergrafik" */
body {
margin:0;
padding:0;
color:#000;
background-color:#fff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:13px;
}

#wraptop {
position:relative;
top:20px;
width:700px;
margin-bottom:10px;
}

#wrapcontent {
position:relative;
top:20px;
left:20px;
padding-bottom:40px;
}

body>#wrapcontent {
padding-bottom:20px;
}

#title {
position:absolute;
width:50px;
border:red;
border: solid 1px #c0c0c0;
}

#title img {
vertical-align:top;
}

#content {
position:relative;
top:0px;
left:65px;
width:600px;
border: solid 1px #c0c0c0;
padding:10px 15px 5px 15px;
}

#wrapcontent>#content {
padding:10px 15px 5px 15px;
width:590px;
}

#foot {
position:relative;
left:65px;
width:600px;
padding:1px 10px 3px 10px;
border: solid 1px #ccc;
text-align:right;
color:#888;
margin-top:10px;
}

#foot a{
color:#666;
}

#footleft {
text-align:left;
float:left;
}

#footright {
display:inline;
margin-right:5px;
}

#navi {
position:relative;
top:0px;
left:85px;
width:600px;
font-size:100%;
}

#wraptop>#navi {
width:620px;
}

#navi .line ul {
margin:0;
padding:0;
display:inline;
border-left:solid 1px black;
}

#navi .line>ul {
border-left:none;
}

#navi ul li {
display:inline;
list-style-type:none;
border-top: solid 1px black;
border-bottom: solid 1px black;
border-right: solid 1px black;
border-left:none;
background-color:#eee;
margin-right:-1px;
}

#navi ul>li {
margin-right:-6px;
border-left: solid 1px black;
}

#navi .line {
position:relative;
margin-top:-1px;
padding-top:1px;
padding-bottom:1px;
width:500px;
}

#navi a {
padding-left:10px;
padding-right:10px;
margin-right:-3px;
}

#navi ul li>a {
margin-right:0;
}

#navi a:link {
text-decoration:none;
}

#navi a:visited {
text-decoration:none;
}

#navi a:hover {
text-decoration:underline;
background-color:#fff;
}

#navi .auswahl {
background-color:#fff;
}

#navi .line ul li .lastauswahl {
background-color:#fff;
}

/* fuer Seiten Navigation rechts */
#naviright {
float:right;
padding-top:1px;
padding-bottom:1px;
padding-right:3px;
}

#navi>#naviright {
padding:0px;
}

.navibutton {
border:solid 1px black;
background-color:#eee;
}

.navibuttonright {
border-top:solid 1px black;
border-bottom:solid 1px black;
border-right:solid 1px black;
background-color:#eee;
margin-left:3px;
}

/* fuer Content */
table {
border-collapse:collapse;
border: solid 1px #888;
font-size:13px; /* fuer IE */
}

td, th {
border: solid 1px #888;
}

th {
text-align:left;
}

.num {
text-align:right;
font-family:monospace;
}

.ft {
color:#00f;
display:none;
}

h1, h2, h3, h4 {
margin-top:5px;
margin-bottom:0px;
}

h1 {
font-size:150%;
}

h2{
font-size:125%;
}

h3 {
font-size:110%;
}

h4 {
font-size:100%;
}

.topinhalt {
margin:0px;
padding:0px;
list-style-type:none;
}

.inhalt {
list-style-type:none;
padding-bottom:12px;
}

li>.inhalt{
padding-bottom:0px;
}

.illu {
float:right;
margin-left:1em;
margin-bottom:0.5em;
}

.illu2 {
margin-left:0.5em;
margin-top:1.5em;
margin-bottom:0.5em;
}

.illu img {
border:solid 1px #ccc;
}

.illu2 img {
border:solid 1px #ccc;
}

.formel {
font-family:monospace;
font-size:100%;
}

div>p.formel {
font-size:120%;
}

.formel img {
margin-left:0.75em;
margin-right:0.75em;
vertical-align:middle;
padding:0.25em;
border:solid 1px #ccc;
}

.farbbsp {
width:75px;
}

.previous {
text-align:left;
float:left;
border: solid 1px #c0c0c0;
}

.next {
text-align:right;
}

.beispiel {
position:relative;
padding-left:10px;
border:dashed 1px #888;
font-family:Arial, sans-serif;
}

/* für websichere Farben */
.noborder {
border:none;
}

.square {
width:20px;
height:20px;
}

code {
background-color:#eee;
}

blockquote {
font-family:monospace;
font-size:110%;
font-style:normal;
}

#copyright {
display:none;
}

.druck {
display:none;
}

.colorfield {
width:50px;
}

.links {
margin-top:1em;
background-color:#f0f0f0;
}

.books {
margin-top:1em;
}