a:link       { color: powderblue; text-decoration: underline }
a:active     { color: powderblue }
a:visited    { color: powderblue }
button       { background-color: rgb(0, 51, 102); color: rgb(255, 255, 255) }
label        { color: rgb(0, 0, 102) }
body         { background-color: rgb(50, 50, 50); font-family: Verdana, Arial, Helvetica;
               color: oldlace; font-size: 10pt }
button       { font-family: Arial, Helvetica; font-size: 10pt; font-style: normal }
input        { font-size: 10pt; font-family: Arial }
label        { font-style: normal; font-family: Arial, Helvetica; font-size: 8pt }
p            { font-family: Arial; font-size: 12pt; color: oldlace }
pre          { font-family: Verdana; line-height: 100%; font-size: 12pt; margin: 0 }
select       { font-family: Arial, Helvetica; font-size: 10pt }
h1 {
  font-size: 1.5em;
}

.imgright {  
  float: right;  
  margin-top: 1em;  
  margin-bottom: 1em;  
  margin-left: 1em;
  width: 100%;  
}

.imgleft {  
  float: left;  
  margin-top: 1em;  
  margin-right: 1em;  
  margin-bottom: 1em;
  width: 100%;  
}


body {  
  width: 100%;  
  margin-left: auto;  
  margin-right: auto;
  background-color: rgb(50, 50, 50);
  background-image: url('images/irongrip.png');
  font-family: Verdana, Arial, Helvetica;
  color: oldlace;
  font-size: 10pt
}

@media (min-width: 768px) {
  body { width: 768px; margin-left: auto; margin-right: auto; }
  .imgright { width: 60%; float: right; }
  .imgleft { width: 60%; float: left; }
}

.imgvergleich {  
  margin-right: 1%;
  margin-bottom: 1%;
  width: 48.3%;
}