.spt01{font-size:10px}
.spt02{padding-left:250px;text-align:justify}
.spt03{border:1px solid #000}
.spt04{font-size:30px;text-decoration:underline;font-family:Trebuchet MS, Arial}
.spt05{width:450px;text-align:justify;padding-left:150px;margin-top:20px}
.spt06{font-size:12px;font-family:Trebuchet MS, Arial;color:#606060}
.spt07{font-size:11px;font-family:Trebuchet MS, Arial;color:#606060}
.spt07 a{color:#800000}
.spt07 a:hover{text-decoration:underline}
.spt08{font-size:11px;font-family:Trebuchet MS, Arial;color:#606060}
.spt08 a{font-size:11px;font-family:Trebuchet MS, Arial;color:#606060}
.spt09{margin-left:434px;margin-top:-15px}
.spt10{margin-left:10px;margin-top:-15px}
.spt11{margin-left:456px;margin-top:-15px}
.spt12{margin-left:520px;margin-top:-15px}
.spt13{font-size:18px;font-family:Trebuchet MS, Arial;color:#000;width:600px;height:30px;display:block;background:url(../grafiken/streifen-grau.jpg) no-repeat;margin-left:12px;margin-top:30px;font-weight:500}
.spt14{margin-left:0px;margin-top:10px}
.spt15{font-size:11px;font-family:Trebuchet MS, Arial;color:#808080;margin-left:196px;margin-top:10px}
.spt15 a{color:#800000;text-decoration:none}

.farbe01{color:#AA0000}
.farbe02{color:#FF8000}
.farbe03{color:#FFFF00}
.farbe04{color:#008000}
.farbe05{color:#000080}
.farbe06{color:#FF80C0}
.farbe07{color:#000}
.farbe08{color:#C0C0C0}
.farbe09{color:#999999}
.dinge{background:url(../grafiken/webdesign-dinge.jpg) no-repeat;height:313px;width:240px;display:block;margin-top:70px;margin-left:20px}
.dinge a{color:#FFF;margin-top:276px;margin-left:130px;text-decoration:none;font-size:11px;width:54px;height:20px;display:block;padding-left:50px;font-weight:bold}
.bg01{background:url(../grafiken/webdesign-symetrie.jpg) no-repeat;height:314px;width:350px;display:block}
.bg02{background:url(../grafiken/webdesign-fleck-rot.jpg) no-repeat}
.bg03{background:url(../grafiken/webdesign-fleck-orange.jpg) no-repeat}
.bg04{background:url(../grafiken/webdesign-fleck-gelb.jpg) no-repeat}
.bg05{background:url(../grafiken/webdesign-fleck-gruen.jpg) no-repeat}
.bg06{background:url(../grafiken/webdesign-fleck-blau.jpg) no-repeat}
.bg07{background:url(../grafiken/webdesign-fleck-purpur.jpg) no-repeat}
.bg08{background:url(../grafiken/webdesign-fleck-schwarz.jpg) no-repeat}
.bg10{background:url(../grafiken/webdesign-striche-rot.jpg) no-repeat}
.bg11{background:url(../grafiken/webdesign-striche-orange.jpg) no-repeat}
.bg12{background:url(../grafiken/webdesign-striche-gelb.jpg) no-repeat}
.bg13{background:url(../grafiken/webdesign-striche-gruen.jpg) no-repeat}
.bg14{background:url(../grafiken/webdesign-striche-blau.jpg) no-repeat}
.bg15{background:url(../grafiken/webdesign-striche-purpur.jpg) no-repeat}
.bg16{background:url(../grafiken/webdesign-striche-schwarz.jpg) no-repeat}
.bg17{background:url(../grafiken/farbkreis.jpg) no-repeat}
.bg18{background:url(../grafiken/grafiksammlung.jpg) no-repeat;height:521px;width:600px;display:block}
.ol01{padding:0px;margin-left:20px;font-size:13px;color:#000;width:540px;padding-left:20px}
.ol01 li {font-weight:bold;padding-bottom:10px;background:url(../grafiken/info-rot.jpg) no-repeat;padding-left:40px;line-height:27px}
.ol02{padding:0px;margin-left:20px;font-size:13px;color:#000;width:540px;padding-left:20px}
.ol02 li {font-weight:bold;padding-bottom:10px;background:url(../grafiken/schwarz-mann.jpg) no-repeat;padding-left:40px;line-height:25px}
.ol03{padding:0px;margin-left:0px;font-size:11px;color:#3E3E3E;width:480px;padding-left:0px;list-style-type:decimal}
.ol03 li {padding-left:5px;background-position: 5px 3px;line-height:18px;margin-left:30px}
.ol04{padding:0px;margin-left:95px;font-size:11px;color:#3E3E3E;width:480px;padding-left:0px;list-style-type:square}
.ol04 li {padding-left:5px;background-position: 5px 3px;line-height:18px;margin-left:30px}
.font01{font-size:11px}
.bild01{float:left;padding-right:10px}