<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Das style-Element</title>
</head>
<body>
<h1>Das style-Element</h1>
</body>
</html>
/* Style Sheet */
<style type="text/css">
<!--
body{background-color:#FFF8DC; scrollbar-base-color:#FFF8DC scrollbar-3dlight-color:#E17100;
  scrollbar-arrow-color:#FFF8DC;
  scrollbar-darkshadow-color:##FF5F00;
  scrollbar-face-color:#E15A00;
  scrollbar-highlight-color:#FFF8DC;
  scrollbar-shadow-color:#FFF8DC;
  scrollbar-track-color:#FFF8DC;}
  
a:link { color:#006699; text-decoration:yes; }
a:hover { color:#ff2400;text-decoration:yes; background-color:#ffffff;}
a:active {color:#ff2400;text-decoration:yes; }
a:visited {color:#006699;text-decoration:none;}



#mitte { padding: 0; margin: 0 auto; width: 1024px; top: 0px; height: 800px; 
     background: #FFFFFF; }
#box { position:relative; top:0px; left:0px; width: 1024px; height: 770px; 
     background: #FFFFFF; border-width:1px; border-style:solid; border-color:#3399CC; }
#kdrheinmain { position:absolute; top:0px; left:0px; width:1024px; height:111px;
      z-index:1; background-color:#FFFFFF; } 
#kd-logo { position:absolute; top:5px; left:65px; width:370px; height:55px;
      z-index:2; background-color:#FFFFFF; } 
#KD-Handelsvertretung { position:absolute; top:27px; left:670px; width:300px; height:85px; z-index:2; background-color:#99CCFF; text-align: center; font-size:13px; color:#FFFFFF;  font-family:Tahoma; font-style:normal; font-variant:normal; font-stretch:condensed; font-weight:bold;}
h1.head {text-align: center; font-size:24px; color:#FFFFFF;font-family:Tahoma; font-style:normal; font-variant:normal; font-stretch:condensed; font-weight:bold;line-height:0%;}
#fixbild { position:absolute; top:118px; left:0px; width:1024px; height:116px;
      z-index:1; background-color:#FFFFFF; } 
#infoback { position:absolute; top:118px; left:10px; width:240px; height:100px;
      z-index:1; background-color:#3399CC; text-align: left; font-size:11px;            color:#FFFFFF;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold; padding-left: 0px;padding-top: 12px;border-width:1px; border-style:solid; border-color:#3399CC; } 
#info { position:absolute; top:118px; left:0px; width:240px; height:100px;
      z-index:2;  text-align: left; font-size:11px;            color:#FFFFFF;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold; padding-left: 30px;padding-top: 12px; }  
.infobildback { background-color:#99CCFF; }
#infobild { position:absolute; top:150px; left:350px; width:650px; height:100px;
      z-index:2;  text-align: left; font-size:15px;            color:#FFFFFF;font-family:Tahoma;font-style:normal;font-variant:bold;font-stretch:condensed;font-weight:bold; padding-left: 30px;padding-top: 12px; }         
#navigation { position:absolute; top:236px; left:0px; width:278px; height:390px;
      z-index:1; background-color:#FFFFFF; text-align: left; font-size:11px;            color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold; padding-top: 12px; }    
#unavigation { position:absolute; top:236px; left:220px; width:200px; height:390px;
      z-index:2; background-color:#006699; text-align: left;            color:#FFFFFF;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-size:11px;font-weight:bold; border-width:1px; border-style:solid; border-color:#3399CC; }    
#tele { position:absolute; top:700px; left:0px; width:278px; height:25px;
      z-index:1; background-color:#3399CC; text-align: left; font-size:11px;            color:#FFFFFF;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold; padding-left: 35px;padding-top: 12px;}     
#email { position:absolute; top:735px; left:0px; width:278px; height:15px;
      z-index:1; background-color:#FFFFFF; text-align: left; font-size:11px;            color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold; padding-left: 35px;padding-top: 12px; } 
#vali { position:relative; top:650px; left:30px; width:200px; height:30px;
      z-index:1; background-color:#FFFFFF; text-align: left; font-size:8px;             color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold; border-width:1px;  }     
#inhalt { position:absolute; top:236px; left:278px; width:746px; height:534px;
      z-index:1; background-color:#99CCFF; text-align: left; font-size:11px;            color:#FFFFFF;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;  } 
#textboxlinkshoch {position:absolute; top:5px; left:10px; width:200px; height:485px; background-color:#FFFFFF; padding:15px; margin:2px; border-width:2px; border-style:solid; border-color:#3399CC; z-index:2; text-align: left; font-size:11px;                color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;}   
#textboxmittehoch {position:absolute; top:5px; left:255px; width:200px; height:485px; background-color:#FFFFFF; padding:15px; margin:2px; border-width:2px; border-style:solid; border-color:#3399CC; z-index:3; text-align: left; font-size:11px;              color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;}   
#textboxrechtshoch {position:absolute; top:5px; left:500px; width:200px; height:485px; background-color:#FFFFFF; padding:15px; margin:2px;border-width:2px; border-style:solid; border-color:#3399CC; z-index:3; text-align: left; font-size:11px;              color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;} 
#Bildlinks { position:absolute; top:280px; left:0px;  }  
#Bildmitte { position:absolute; top:0px; left:0px;  } 
 #Sprache { position:absolute; top:420px; left:30px;  } 
#Bildrechts { position:absolute; top:280px; left:0px;  } 
#mitteboxhorizontal {position:absolute; top:140px; left:160px; width:400px; height:200px; background-color:#FFFFFF; padding:15px; margin:2px;border-width:2px; border-style:solid; border-color:#3399CC; z-index:3; text-align: center; font-size:11px;              color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;} 
#mitteboxvertikal { position:absolute; top:25px; left:110px; width:500px; height:460px; background-color:#FFFFFF; padding:15px; margin:5px ; border-width:2px; border-style:solid; border-color:#3399CC; z-index:3; text-align: center; font-size:11px;              color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;} 

#mitteboxvertikalmaxi {position:absolute; top:10px; left:70px; width:580px; height:480px; background-color:#FFFFFF; padding:15px; margin:2px;border-width:2px; border-style:solid; border-color:#3399CC; z-index:3; text-align: left; font-size:11px;              color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;} 

#mitteboxvertikalmaxxi {position:absolute; top:0px; left:70px; width:590px; height:534px; background-color:#FFFFFF; padding:0px; margin:0px;border-width:2px; border-style:solid; border-color:#3399CC; z-index:3;vertical-align:middle; text-align: left; font-size:11px;              color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;} 

#Signalbox {padding: 0; margin: 0 auto; width:300px; background-color:#3399CC; border-width:2px; border-style:solid;
  border-color:#006699;font-family:Tahoma; font-size:12px; font-style:regular; color:#FFFFFF; text-align:center;}
#Direktlinks { position:absolute; top:780px; left:0px; width:1024x; height:15px;
      z-index:1; background-color:#FFFFFF; text-align: center; font-size:8px;           color:#3399FF;font-family:Tahoma;font-style:normal;font-variant:normal;font-weight:bold;  }
#textbox1quer {position:relative; top:5px; left:5px;width:400px; height:120px; background-color:#FFFFFF; padding:5px; margin:2px;border-width:2px; border-style:solid;
  border-color:#3399CC;text-align: left; font-size:11px;                color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;} 
#textbox3quer {position:relative; top:409px; left:5px;width:400px; height:120px; background-color:#FFFFFF; padding:5px; margin:2px;border-width:2px; border-style:solid;
  border-color:#3399CC;text-align: left; font-size:11px;                color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;}  

#mitteboxvertikalmaxxxi {position:absolute; top:10px; left:110px; width:500px; height:480px; background-color:#FFFFFF; padding:15px; margin:2px;border-width:2px; border-style:solid; border-color:#3399CC; z-index:3; text-align: center; font-size:11px;              color:#3399CC;font-family:Tahoma;font-style:normal;font-variant:normal;font-stretch:condensed;font-weight:bold;} 
 #schiffbox {position:absolute; top:0px; left:0px; width:588px; height:718px; background-color:#FFFFFF; padding:0px; margin:0px; border-width:2px; border-style:solid; border-color:#3399CC; z-index:3; text-align: center; font-size:11px; color:#3399CC; font-family:Tahoma; font-style:normal; font-variant:normal; font-stretch:condensed; font-weight:bold;}
#mittig {text-align:center;}    
#ittig {text-align:center;} 

#mitteboxvertikaliframe {position:absolute; top:0px; left:70px; width:600px; height:534px; background-color:#FFFFFF; padding:0px; margin:0px; border-width:2px; border-style:solid; border-color:#3399CC; z-index:3; }   
-->
</style>
</head>
<body>
<h1>Das style-Element</h1>
</body>
</html>