p img {
    margin-left: 10%;
    margin-top: -5px;
}

ol.code-snippet {
   list-style: none;
   font-size: 60%;
   line-height: .4em;
   margin-left: 4em;
   color: red;
}

ol.code-snippet li {
   white-space: pre;
}

.highlight {
   color: blue;
   font-weight: bold;
   font-size: 120%;
}

.variable {
   font-style: italic;
}

.example-title {
   color: black;
   font-weight: bold;
   font-size: 120%;
   font-variant: small-caps;
}

#phased-validation-Topologi {
    margin:auto;
    background: transparent url(../images/phases-topologi.gif) no-repeat top left;
    width: 762px;
    height: 368px;
}

#phased-validation-Topologi img {
    display: none;
}

#phased-validation-Topologi span {
    display: none;
}

#phased-validation-Oxygen {
    margin:auto;
    background: transparent url(../images/phases-oxygen.gif) no-repeat top left;
    width: 643px;
    height: 380px;
}

#phased-validation-Oxygen img {
    display: none;
}

#phased-validation-Oxygen span {
    display: none;
}

#validation {
    margin:auto;
    margin-top: 1em;
    padding-top: 1em;
    background: transparent url(../images/validation.gif) no-repeat top left;
    width: 532px;
    height: 228px;
}

#validation img {
    display: none;
}

#validation span {
    display: none;
}

#oxygen-validation {
    margin:auto;
    background: transparent url(../images/oxygen-validation.gif) no-repeat top left;
    width: 515px;
    height: 366px;
}

#oxygen-validation img {
    display: none;
}

#oxygen-validation span {
    display: none;
}

#topologi-validation {
    margin:auto;
    background: transparent url(../images/topologi-validation.gif) no-repeat top left;
    width: 589px;
    height: 394px;
}

#topologi-validation img {
    display: none;
}

#topologi-validation span {
    display: none;
}

#production {
    margin:auto;
    background: transparent url(../images/production.gif) no-repeat top left;
    width: 473px;
    height: 326px;
}

#production img {
    display: none;
}

#production span {
    display: none;
}

#step1 {
    margin:auto;
    margin-top: 1em;
    padding-top: 1em;
    background: transparent url(../images/step1.gif) no-repeat top left;
    width: 645px;
    height: 192px;
}

#step1 img {
    display: none;
}

#step1 span {
    display: none;
}

#step2 {
    margin:auto;
    margin-top: 1em;
    padding-top: 1em;
    background: transparent url(../images/step2.gif) no-repeat top left;
    width: 645px;
    height: 192px;
}

#step2 img {
    display: none;
}

#step2 span {
    display: none;
}

#summary {
    margin:auto;
    background: transparent url(../images/summary.gif) no-repeat top left;
    width: 831px;
    height: 334px;
}

#summary img {
    display: none;
}

#summary span {
    display: none;
}