<!--
@font-face {
	font-family: "Vera";
	src: url ("picture/Vera.ttf")
	format ("embedded-opentype"),
	src: local ("Verdana");
	font-style: normal;
	font-size: all;
	}
	
body {
	background-color: #E6DAC5;
	cursor: crosshair;
	font-size: 9pt;
	font-family: verdana, sans-serif;
	}

.cpu-info {
	position: relative;
	top: 30px;
	left: 30px;
	}
	
.menue {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0 auto;
	display: block;

	}

dt {
	display: none;
	}
	
.menue dd {
	 float: left;
	 font-size: 11px;
	 font-family: verdana, sans-serif;
	 text-align: center;
    font-weight: bold;
	 padding: 0;
	 margin: 2px 5px 2px 5px;
  	 background-color: #EDEDED;
	}
	
.menue a:link {
        color: #3F3F3F;  
        text-decoration: none;
        }
            
.menue a:visited {
           color: #3F3F3F;
           text-decoration: none;
           }
           
.menue a:active {
          color: #3F3F3F;        
          text-decoration: none;
          }
		  
.menue a:hover {
		display:block;
		}

.menue a:hover .b1 {
		 border-color: #CCCACA #F4F3F3 #F4F3F3 #CCCACA;
		 display: block;
         }

.menue a:hover .b3 {
		 border-color: #C1BFBF #FEFDFD #FEFDFD #C1BFBF;
		 display: block;
         }

.menue a:hover .b4 {
       color: #CC7600;
		 background-color: #E3E2E2;
		 border-color: #D6D5D5 #ECEBEB #ECEBEB #D6D5D5;
		 display: block;
         }
		 		 	 
.b1 {
	 border-style: solid;
    border-color: #F9F8F8 #CFCFCF #CFCFCF #F9F8F8; 
    border-width: 1px;
	 display: block;
	}

.b2 {
	border-style: solid;
    border-color: #7E743B; 
    border-width: 1px;
	display: block;
	}

.b3 {
	border-style: solid;
    border-color: #FFFFFF #BBBABA #BBBABA #FFFFFF; 
    border-width: 2px;
	display: block;
	}

.b4 {
	border-style: solid;
    border-color: #F2F2F2 #E0E0E0 #E0E0E0 #F2F2F2; 
    border-width: 2px;
	padding: 3px 0 3px 0;
	display: block;
	
	}

.d1 {
	border-style: solid;
    border-color: #EADDC8 #F3E9D8 #F3E9D8 #EADDC8; 
    border-width: 1px;
	}

.d2 {
	border-style: solid;
    border-color: #E1D2B8 #FAF0E0 #FAF0E0 #E1D2B8; 
    border-width: 1px;
	}	
	
.d3 {
	border-style: solid;
    border-color: #D6C5A9 #FFF9EF #FFF9EF #D6C5A9; 
    border-width: 1px;
	} 
	
.d4 {
	border-style: solid;
    border-color: #F3E9D8; 
    border-width: 2px;
	} 

.geschichte {
	background-color: #E6DAC5;
	padding-left: 40px;
	padding-right: 40px;
	}
	
.textg {
	font-size: 22px;
	font-weight: bolder;
	text-decoration: underline;
	}

.textk {
	font-size: 16px;
	font-weight: bold;
	}
	
.bild1 {
	float: right;
	width: 170px;
	height: 130px;
	margin: 7px;
	}
	
.bild2 {
	float: left;
	width: 170px;
	height: 130px;
	margin: 7px;
	}
	
.bild3 {
	float: right;
	width: 150px;
	height: 150px;
	margin: 7px;
	}
	
.bild4 {
	float: left;
	width: 150px;
	height: 150px;
	margin: 7px;
	}

.bild8-1{
	width: 159px;
	height: 131px;
	position: absolute;
	top: 100px;
	left: 70px;
	margin: 0;
	padding: 0;
	}
	
.bild8-2{
	width: 300px;
	height: 250px;
	float: right;
	position: relative;
	margin: 0px 20px 20px 20px;
	padding: 0;
	}
	
.bild9-1 {
	position: absolute;
	width: 400px;
	height: 300px;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 1px solid black;
	z-index: 4;
	}

.bild9-2 {
	position: absolute;
	width: 238px;
	height: 300px;
	top: 150px;
	left: 260px;
	margin: 0;
	padding: 0;
	border: 1px solid #EFEFEF;
	z-index: 5;
	}

.bild9-3 {
	position: absolute;
	width: 150px;
	height: 152px;
	top: 80px;
	left: 470px;
	margin: 0;
	padding: 0;
	border: 1px solid black;
	z-index: 6;
	}
		
.layer-text1 {
	font-size: 9pt;
	font-family: verdana, sans-serif;
	text-align: left;
	border: 1px black dotted;
	padding: 5px;
	position: relative;
	top: 40px;
	left: 270px;
	width: 65%;
	}
	
.layer-text2 {
	font-size: 9pt;
	font-family: verdana, sans-serif;
	text-align: left;
	border: 1px black dotted;
	padding: 5px;
	position: relative;
	top: 15px;
	left: 30%;
	width: 32%;
	}
	
.layer-text3 {
	font-size: 9pt;
	font-family: verdana, sans-serif;
	text-align: left;
	border: 1px black dotted;
	padding: 5px;
	position: relative;
	top: 50px;
	left: 30%;
	width: 32%;
	}

p:first-letter {
	font-size: 170%;
	font-weight: bold;
	float: left;
	margin: -3px 5px 0 0;
	}
	
p {
	padding: 0;
	margin: 0;
	}
	
.abstand {
	margin: -6px 0 -6px 0;
	}
	
.uschrift1 {
		top: 40px;
		width: 94%;
		position: absolute;
		margin: 0;
		padding: 0;
		font-family: Verdana; 
		font-size: 20pt; 
		color: #CEBD19; 
		text-align: center; 
		font-weight: bolder;
		z-index: 5;
		}
		
.uschrift2 {
		top: 40px;
		width: 94%;
		position: absolute;
		margin: 0;
		padding: 1px 0 0 1px;
		font-family: Verdana; 
		font-size: 20pt; 
		color: #83827F; 
		text-align: center; 
		font-weight: bolder;
		z-index: 3;
		}
		
.uschrift3 {
		top: 40px;
		width: 94%;
		position: absolute;
		margin: 0;
		padding: 2px 0 0 2px;
		font-family: Verdana; 
		font-size: 20pt; 
		color: #83827F; 
		text-align: center; 
		font-weight: bolder;
		z-index: 2;
		}
		
.eschrift1 {
		top: 80px;
		width: 94%;
		position: absolute;
		margin: 0;
		padding: 0;
		font-family: Verdana; 
		font-size: 11pt; 
		color: #CEBD19; 
		text-align: center; 
		font-weight: bolder;
		z-index: 5;
		}
		
.eschrift2 {
		top: 80px;
		width: 94%;
		position: absolute;
		margin: 0;
		padding: 1px 0 0 1px;
		font-family: Verdana; 
		font-size: 11pt; 
		color: #83827F; 
		text-align: center; 
		font-weight: bolder;
		z-index: 3;
		}
		
.eschrift3 {
		top: 80px;
		width: 94%;
		position: absolute;
		margin: 0;
		padding: 2px 0 0 2px;
		font-family: Verdana; 
		font-size: 11pt; 
		color: #83827F; 
		text-align: center; 
		font-weight: bolder;
		z-index: 2;
		}
		
.arrow-home {
	width: 80px;
	height: auto;
	top: 20px;
	left: 90%;
	position: absolute;
	font-family: verdana;
	font-size: 9px;
	text-align: center;
	z-index: 5;
	}
	
.flaggen {
	width: 80px;
	height: auto;
	top: 5px;
	left: 90%;
	position: absolute;
	font-family: verdana;
	font-size: 9px;
	text-align: center;
	}
	
.tabelle {
		position: relative;
		top: 50px;
		margin: 0;
		padding: 0;
		clear: both;
		}
	
.tabelle-link {
		display: block;
		top: 100px;
		width: 700px;
		margin: 0;
		padding: 0;
		}
		
.link-box {
	width: 160px;
	background-color: #EDEDED;
	border: 1px #2F4F4F solid;
	font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 5px 0;
	margin: 5px;
	float: left;
	}

.link-box-abb {
	width: 17px;
	background-color: #EDEDED;
	border: 1px #2F4F4F solid;
	font-size: 12px;
	font-family: Arial, sans-serif;
	padding: 5px 10px;
	margin: 5px 8px;
	float: left;
	}
	
a.link-box, a.link-box-abb {
	color: #810F0F;
	text-decoration: underline;
	}

a:hover.link-box, a:hover.link-box-abb   {
	border: 1px #810F0F solid;
	text-decoration: underline overline;
	}


.tec-tab {
	border: 2px #2F4F4F solid;
	font-size: 9pt;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	}

.tec-tab td {
	background-color: #EDEDED;
	border: 1px #2F4F4F solid;
	}
	
.chip-tab {
	border: 2px #2F4F4F solid;
	font-size: 9pt;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
	clear: left;
	}

.chip-tab td {
	background-color: #EDEDED;
	border: 1px #2F4F4F solid;
	padding: 4px 0;
	}
	
.chip-tab td a {
	color: blue;
	text-decoration: unterline;
	}

.chip-pack {
	position: relative;
	width: 612px;
	border: 2px #2F4F4F solid;
	margin: 0;
	padding: 0;
	}

.chip-tab-pack {
	width: 600px;
	background-color: #EDEDED;
	border: 1px #2F4F4F solid;
	margin: 5px;
	padding: 4px 0;
	font-size: 16px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-align: center;
	}
	
strong {
		color: #13458A;
		font-weight: normal;
		}
		
.z1, .z2, .pack {
	display: none;
	}	
  
a:hover .z1 {
	filter='()';
	}
	
a:hover .z1 {
	border: 2px solid black;
	display: block;
	position: absolute;

	width: 379px;
	height: 254px;
	top: -260px;
	left: -190px;
	z-index: 9;
	}
	
a:hover .z2 {
	border: 1px solid #FEFDFD;
	display: block;
	}
	
a:hover .pack {
	display: block;
	border: 1px solid black;
	}	
	
li {
	list-style-type: square;
	text-align: left;
	}

-->