/* generelle tags */

BODY

  {
    font-family : Georgia; 
    font-size : 16px; 
    text-decoration : none;
    text-align : justify;
    background-color : indigo;
    color : plum;
    scrollbar-3dlight-color : purple;
    scrollbar-arrow-color : purple;
    scrollbar-darkshadow-color : maroon;
    scrollbar-face-color : indigo;
    scrollbar-highlight-color : blueviolet;
    scrollbar-shadow-color : blueviolet;
    scrollbar-track-color : purple;
    cursor : crosshair;
    overflow-x : hidden;
    overflow-y : auto;
  }


IMG

  {
    border-color : plum;
    border-style : solid;
  }

B
  {
    color : blueviolet;
  }

HR
  {
    position : absolute;
    left : 0pt;
    width : 380pt;
    height : 4pt;
    border-color : plum;
    background-color : blueviolet;
  }

DIV
  {
    position : absolute;
    background-color : plum;
    color : purple;
  }    

a:link      
  { 
    color : blueviolet; 
    font-family : Georgia; 
    background-color : maroon;
    text-decoration : none; 
    font-weight : bold;
    font-size : 16px;
  }

a:visited   
  {  
    color : blueviolet; 
    font-family : Georgia; 
    background-color : maroon;
    text-decoration : none; 
    font-weight : bold;
    font-size : 16px;
  }

a:hover     
  { 
    font-family : Georgia; 
    text-decoration : none; 
    color : plum;
    background-color : purple;
    font-weight : bold;
    cursor : help;
    font-size : 16px;
  }

a:active
  {
    font-family : Georgia; 
    color : plum;
    background-color : purple;
    text-decoration : none; 
    font-weight : bold;
    font-size : 16px;
  }

/*  index  */

div.eutitel
  {
    width : 412pt;
    height : 64.5pt;
    background-color : transparent;
    color : maroon;
    font-family : Georgia;
    font-size : 60px;
    top : 342pt;
    left : 7pt;
    z-index : 4;
  }

div.faneblade
  {
    width : 590pt;
    height : 14pt;
    color : black;
    background-color : maroon;
    font-family : Georgia;
    font-size : 10px;
    top : 3pt;
    left : 7pt;
    z-index : 1;
  }

div.fanechip
  {
    width : 5pt;
    height : 16pt;
    background-color : indigo;
    top : 3pt;
    left : 595pt;
    z-index : 2;
  }

.ramme
  {
    position : absolute;
    width : 590pt;
    height : 350pt;
    max-height : 350pt;
    top : 20pt;
    left : 7pt;
    overflow : auto;
    overflow-x : hidden;
    overflow-y : auto;
    z-index : 3;
  }

.counter
  {
    top : 375pt;
    left : 520pt;
    background-color : transparent;
    z-index : 4;
    }

/* main page */

.forside
  {
    top : 15pt;
    left : 15pt;
    width : 400pt;
    z-index : 1;
  }

/* about me */

.imgtigerface
  {
    position : absolute;
    width : 202px;
    height : 320px;
    top : 50pt;
    left : 5pt;
    z-index : 1;

  }

.imgmarlbolle
  {
    position : absolute;
    width : 233px;
    height : 320px;
    top : 80pt;
    left : 150pt;
    z-index : 2;

  }

.imgstol
  {
    position : absolute;
    width : 202px;
    height : 320px;
    top : 20pt;
    left : 300pt;
    z-index : 1;

  }

.imgmarlrice
  {
    position : absolute;
    height : 320px;
    width : 372px;
    top : 450pt;
    left : 0pt;
    z-index : 1;

  }

.imgmarlchar
  {
    position : absolute;
    height : 320px;
    width : 372px;
    top : 720pt;
    left : 0pt;
    z-index : 1;

  }

div.migtxtinfo
 {
    height : 200px;
    width : 190px;
    top : 150pt;
    left : 430pt;
    z-index : 3;
 }

div.navnopr
  {
    width : 300pt;
    top : 360pt;
    left : 25pt;
    z-index : 3;
  }

div.migtxtrice
 {
    height : 110px;
    width : 372px;
    top : 450pt;
    left : 290pt;
    z-index : 3;
 }

div.migtxtchar
 {
    height : 110px;
    width : 372px;
    top : 720pt;
    left : 290pt;
    z-index : 3;
 }

/* my artworks */

div.ventop
 {
    width : 600px;
    top : 20pt;
    left : 20pt;
    z-index : 3;
 }

div.venmichelle
 {
    height : 110px;
    width : 372px;
    top : 70pt;
    left : 260pt;
    z-index : 3;
 }

div.vennina
 {
    height : 110px;
    width : 372px;
    top : 180pt;
    left : 15pt;
    z-index : 3;
 }

div.venjd
 {
    height : 110px;
    width : 372px;
    top : 290pt;
    left : 260pt;
    z-index : 3;
 }

div.venCecilie
 {
    height : 110px;
    width : 372px;
    top : 400pt;
    left : 15pt;
    z-index : 3;
 }

div.venStephanie
 {
    height : 110px;
    width : 372px;
    top : 510pt;
    left : 260pt;
    z-index : 3;
 }

/* my story */

.imgmicmar
  {
    position : absolute;
    top : 40pt;
    left : 240pt;
    z-index : 1;
  }

.imgsnekamp
  {
    position : absolute;
    top : 340pt;
    left : 15pt;
    z-index : 1;
  }

.imgjulle
  {
    position : absolute;
    top : 620pt;
    left : 370pt;
    height : 320px; 
    z-index : 1;
  }

.imgsmiliefar
{
    position : absolute;
    top : 900pt;
    left : 15pt;
    height : 320px;
    z-index : 1;
  }

div.famtop
  {
    top : 15pt;
    left : 15pt;
    width : 500pt;
    z-index : 2;
  }

div.fammicmar
 {
    top : 200pt;
    left : 25pt;
    width : 250pt;
    z-index : 2;
 }

div.famsnekamp
  {
    top : 320pt;
    left : 300pt;
    width : 250pt;
    z-index : 2;
  }

div.famjulle
 {
    top : 620pt;
    left : 115pt;
    width : 250pt;
    z-index : 2;
 }

div.famsmiliefar
  {
    top : 900pt;
    left : 220pt;
    width : 250pt;
    z-index : 2;
   }

/* Pets */


.imgpigerne
 {
    position : absolute;
    top : 75pt;
    left : 5pt;
    height : 320px;
    z-index : 1;
}

.imgmarlnutte
{
    position : absolute;
    top : 350pt;
    left : 250pt;
    height : 320px;
    z-index : 1;
 }

div.dyrtxttop
 {
    top : 10pt;
    left : 50pt;
    width : 400pt;
    z-index : 2;
 }

div.dyrtxtpigerne
 {
    top : 175pt;
    left : 320pt;
    width : 200pt;
    z-index : 2;
 }

div.dyrtxtmarlnutte
 {
    top : 370pt;
    left : 15pt;
    width : 250pt;
    z-index : 2;
 }

/* my photograpy */

.imghavfrue
  {
    position : absolute;
    top : 50pt;
    left : 160pt;
    height : 320px; 
    z-index : 1;
  }

.imgkrabbemad
  {
    position : absolute;
    top : 345pt;
    left : 50pt;
    height : 320px;
    z-index : 1;
  }

.imgpaabjerget
  {
    position : absolute;
    top : 500pt;
    left : 350pt;
    height : 320px;
    z-index : 1;
  }

.imgdino
  {
    position : absolute;
    top : 810pt;
    left : 20pt;
    height : 320px;
    z-index : 1;
  }

div.hobtxttop
  {
    top : 5pt;
    left : 5pt;
    width : 400pt;
    z-index : 2;
  }

div.hobtxthavfrue
  {
    top : 150pt;
    left : 5pt;
    width : 170pt;
    z-index : 2;
  }

div.hobtxtkrabbe
  {
    top : 325pt;
    left : 220pt;
    width : 300pt;
    z-index : 2;
  }

div.hobpaabjerget
  {
    top : 650pt;
    left : 70pt;
    width : 300pt;
    z-index : 2;
  }

div.hobdino
  {
    top : 790pt;
    left : 300pt;
    width : 200pt;
    z-index : 2;
  }

/* blog*/

div.infotxtbox
  {
    top : 15pt;
    left : 35pt;
    width : 300pt;
    z-index : 2;
  }
  
  div.txtbox
  {
    top : 15pt;
    left : 35pt;
    width : 300pt;
    z-index : 2;
  }
  iframe.porte
  {
	  top : 300pt;
	  left : 500pt
	  width :1000pt
	  z-index : 2;
  }
  <style>

.iframe_container {
	width:	300px;
	height: 300px;
	overflow: auto;
	}
</style>
  
/* thanks */

div.taktxtbox
  {
    top : 15pt;
    left : 35pt;
    width : 300pt;
    z-index : 2;
  }

/* links */

div.lintxtbox

  {
    top : 15pt;
    left : 35pt;
    width : 300pt;
    z-index : 2;
  }
