/*
  01-Mrz-2004 09:20 PM

  Author:    Michael Daum
  Company:   webdaum webdesign
  Web Site:  www.webdaum.de
  Email:     daum@kuenstlerhaus.net
  Kommentar: LOS!web Die Html-online-Schule
	Letzte
	Änderung:  12-Jul-2004 01:50 PM
*/


body {
margin:0;
font-family:Arial,sans-serif; background-color:#fff;
}
/* Link */
a:link, a:visited {
font-size:9pt;
color:#666699;      /*#333366;*/
text-decoration:none;
font-weight:bold;
font-family:Verdana,sans-serif;
}
a:hover, a:active { color:#9999cc;}

/* Link Ordner */
a.ordner, a.ordner:link, a.ordner:visited {  
 text-decoration:none;
 margin-top:5px;
 margin-left:15px;
 padding-left:15px;
 background:url(../img/ordner.gif);
 background-repeat:no-repeat;
 background-position:2px 2px;
}

/* Link Untergeordnete Dateien */
a.menu, a.menu:link, a.menu:visited {
 display:block;
 margin-left:20px;
 padding-left:20px;
 background:url(../img/datei.GIF);
 background-repeat:no-repeat;
 font-size:10px; 
 color:#000;
 text-align:left;
}
/*Link Bookmarks*/
a.book, a.book:link, a.book:visited, h3 {
 padding-left:15px;
 background:url(../img/book.GIF);
 background-repeat:no-repeat;
}
/* Link url*/
a.weblink {
 background:url(../img/weblink.GIF);
 background-repeat:no-repeat;
 padding-left:30px;
 margin-left:10px;
}
/* Div-Container*/
#rand  {
position:absolute;
top:0;
left:0;
background-color:#6699cc;
background-image:url(../img/verlauf.GIF);
background-repeat:repeat-y;
width:10px;
border-top:32px solid #333399;
height:300%;
}
#logo {
position:absolute;
left:10px;
top:0;
}
#navi_oben {
margin-top:0;
margin-left:40px;
height:90px;
width:100%;
}
#inhalt {
margin:0 2% 40px 40px;
}
#titel {
float:left;
padding-right:20px;
}
#box {
background:#9999cc;
background-image:url(../img/verlauf.GIF);
float:left; width:100px;
}
/* Überschrift */
h1, h2, h3, h4 {
font-family:Verdana,sans-serif;
}
h1, h2 {
width:200px;
letter-spacing:-1px;
text-align:right; 
}
h1 {
color:#669;
font-size:14pt;
}
h2 {
color:#336;
font-size:12pt;
}
h3 {
color:#669;/*69c*/
font-size:11pt;
border-bottom:1px solid #669;
margin-top:60px;
background-position:right; /*Hintergrundgrafik Link Bookmark Line 48*/
}
h4 {
color:#fc6;
font-size:10pt;
margin-top:0;
margin-bottom:0;
background-color:#333366;
padding-left:100px;
background-image:url(../img/verlauf.GIF);
background-repeat:repeat-y;
}
h5 {
margin-left:80px; font-size:9pt;
}
/* Text */
em  {
font-size:100%; 
}
pre {
margin-left:80px;
}
p, hr, li {
margin:5px 0 5px 2%
}
p, hr, i, li, td {
font-size:14px;
}
pre, .blau {
color:#0000cc;
font-family:"Lucida Console","Courier New",Courier,serif; font-size:13px;
}
li {
margin:5px 0 5px 2%;
}
b {
color:#333; font-size:90%; 
}
/*farbige Kästen 6699cc */
.beispiel {
background-color:#ffffee;
border: 10px solid #cde;
padding:10px;
}
.merke {
background-color:#eee;
border: 10px solid #ccc;
font-size:12px;
font-family: Verdana,sans-serif;
margin:40px 0 40px 80px; 
}
.tafel {
margin:10px 0 2% 80px;
}
.tafel, .tafel td {
background-color:#e5e5e5;
border:1px solid #ccc;
border-collapse:collapse;
padding:5px;
}
.markiert {
background-color:#ffff99;
color:#0000cc;
}
/*Tabelle*/
table {  }
td { vertical-align:top;
padding:15px;
}
tfoot, th {
background-color:#fff;
}
/*Bilder*/
.imtext {
float:right; margin: 0 0 20px 20px;
}
img {
border:0;
}
.center {
text-align:center; display:block;
}
.hk {
background-image:url(../img/werkzeuge/html_kit/fenster.gif) ;
background-repeat:no-repeat;
 }