body {
        background: #eee url("/vefmyndir/lina3u.gif") repeat-y;
        font-family: geneve, arial, sans-serif;
	font-size:14px;
	color:#333;
        margin: 0; padding: 0;
      }

      p, ol, ul {
	line-height:20px;
      }

      /* BYGGING */

#haus {
	background-color: white;
	padding: 25px 0px 20px 30px;
	width: 720px;
	height: 55px;
	font-size: 52px;
}

#haus a {
	font-size: 52px;
	color: #111111;
	text-decoration: none;
	text-shadow: #ccc 1px 1px 1px;
}

  #titill {
    background-color: #3A8A34;
width: 750px;
height: 30px;
    color: white;
  }
  #titill a {
    font-weight: bold;
    padding: 7px 5px 3px 30px;
    color: white;
text-decoration: none;
    display: block;
    font-size: 16px;
  }

  #meginmal {
background-color: white; x:#fafafa;
width: 750px;
padding: 0;
min-height: 600px;
  }

  #fotur {
background-color: white;
xbackground: transparent url("http://tru.is/vefmyndir/fotur-bak2.gif") no-repeat bottom left;
width: 750px;
    xheight: 30px;
  }

  #haegrisla {
    /*position: absolute; top: 120px; left: 600px;*/
    float: right;
width: 182px; min-height: 650px; padding: 10px 20px 10px 20px;
xborder-left: solid 1px #ccc;
  }
  #vinstrisla {
    position: relative; top 0; left: 0px;
width: 465px; min-height: 650px; padding: 10px 30px 10px 30px; 
    border-right: solid 1px #ccc;
  }

  /* TEXTI */

  h1, h2 {
    margin: 20px 0 0px 0px;
  }

  h3 {
    margin: 20px 0 10px 0px;
  }

  span.almanak {
    background-color: red;
    rounded: 5px;
    color: white;
    padding: 1px 3px 1px 3px;
    font-weight: normal;
    font-size: 90%;
  }

  span.pistill {
    background-color: #DEA30A; 
    rounded: 5px;
    color: white;
    padding: 1px 3px 1px 3px;
    font-weight: normal;
    font-size: 90%;
    xborder: solid 1px #9F5001;

  }

  a {
    text-decoration: none;
    color: black;
  }

  a:hover {
    text-decoration: none;
  }

  .pistill h2, .predikun h2, .svor h2 {
    xmargin-left: 90px; margin-top: 15px;
  }

  .pistill p, .predikun p, .svor p {
    xmargin-left: 90px;
    margin-top: 5px;
  }

  .pistill img, .predikun img, .svor img {
    margin-left: 0px; margin-top: 5px;
  }

  h2 {
    letter-spacing: 1px;
  }

  #pistlar #haegrisla a, #pistlar #vinstrisla a, #pistlar #vinstrisla ol.commentlist a {
    color: #B1091D;
  }

  #svor #haegrisla a, #svor #vinstrisla a, #svor #vinstrisla ol.commentlist a {
    color: #3A8A34;
  }

  #haegrisla li a, #vinstrisla li a {
    color: #333 !important;
  }

  #pistlar #haegrisla a:hover, #pistlar #vinstrisla a:hover {
    color: #E1395D !important;
  }

  #svor #haegrisla a:hover, #svor #vinstrisla a:hover {
    color: #3A8A34 !important;
  }

  .almanak h3 a {
    color: #E29C04;
  }

  .almanak a:hover {
    color: #EFBC24;
  }

  .predikun h2 a {
    color: #034375;
  }

  .predikun a:hover {
    color: #3373A5;
  }

  .pistill h2 a {
    color: #B1091D;
  }

  .pistill a:hover {
    color: #E1395D;
  }

  .svor h2 a {
    color: #3A8A34;
  }

  .svor a:hover {
    color: #5AAA54;
  }

  h4 {
    margin: 0;
  }

  p.lestur, p.baen, p.andakt {
    margin: 0 0 10px 0;
    font-size: 13px;
  }


  /* FLIPAR */

  #flipar {
    cursor: pointer;
    width: 300px;
  }

  #flipar .flipi {
xdisplay: block;
    width: 75px;
height: 24px;
    padding-top: 106px;
text-align: center;
    color: white;
    font-size: 13px;
  }

  #flipar #pistlar {
    position: absolute; left: 525px; top: 0px;
    background: #B1091D url("http://tru.is/vefmyndir/pistlar_flipagrunnur.jpg") no-repeat;
  }

  #flipar #postilla {
    position: absolute; left: 600px; top: 0px;
    /* position: relative; left: 75px; top: -130px; */
    background: #034375 url("http://tru.is/vefmyndir/postilla_flipagrunnur.jpg") no-repeat;
  }

  #flipar #almanak {
display: none;
    position: absolute; left: 750px; top: 0px;
    /* position: relative; left: 150px; top: -260px; */
    background: #E29C04 url("http://tru.is/vefmyndir/almanak_flipagrunnur.jpg") no-repeat;
  }

  #flipar #svor {
    position: absolute; left: 675px; top: 0px;
    /* position: relative; left: 225px; top: -390px; */
    background: #3A8A34 url("http://tru.is/vefmyndir/svor_flipagrunnur.jpg") no-repeat;
  }

  /* MEIRA */

  #fpostilla, #fpistlar, #fsvor {
    position: absolute; 
top: 750px;
    width: 250px;
height: 26px;
    padding: 2px 0px 2px 50px;
    color: white;
    font-size: 13px;
  }

  #fflipar a, .flipi a {
    color: white;
  }


  #fpistlar {
    position: absolute; left: 0px; top: 720px;
    background: #B1091D url("http://tru.is/vefmyndir/pistlar_smaflipabak.jpg") no-repeat;
  }

  #fpostilla {
    position: absolute; left: 300px; top: 720px;
    background: #034375 url("http://tru.is/vefmyndir/postilla_smaflipabak.jpg") no-repeat;
  }

  #fsvor {
    position: absolute; left: 600px; top: 720px;
    background: #3A8A34 url("http://tru.is/vefmyndir/svor_smaflipabak.jpg") no-repeat;
  }


  #fotur .meira {
xbackground-color: white;
    width: 260px;
    padding: 5px 20px 5px 20px;
height: 120px;
    font-size: 13px;
  }

  #fotur .pistlar {
background: white url("http://tru.is/vefmyndir/meira_pistlar_bak.jpg") repeat-y;
    position: absolute; left: 0px; top: 740px; left: 0px;
    color: #B1091D;
  }
  #fotur .pistlar a {
    color: #B1091D;
  }

  #fotur .postilla {
background: white url("http://tru.is/vefmyndir/meira_postilla_bak.jpg") repeat-y;
    position: absolute; left: 0px; top: 740px; left: 300px;
    color: #034375;
  }
  #fotur .postilla a {
    color: #3373A5;
  }

  #fotur .svor {
background: white url("http://tru.is/vefmyndir/meira_svor_bak.jpg") repeat-y;
    position: absolute; left: 0px; top: 740px; left: 600px;
    color: #3A8A34;
  }
  #fotur .svor a {
    color: #5AAA54;
  }

  #fotur .meira ul {
    margin: 0 0 0 15px;
    padding: 0 0 0 25px;
  }

  #fotur .meira ul li {
    margin: 0 0 0 15px;
    padding: 0 0 0 5px;
  }


      
      .ljosmynd img {
	background: white;
	padding: 6px;
	border: 1px solid #ddd;
	position: relative;
	bottom: 5px;
	right: 5px;
	background-color: white; }
       .ljosmynd {
	float: right;
	background-image: url(/vefmyndir/skuggi.gif);
	background-position: bottom right;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 0px;
        }
	blockquote {
		margin: 10px 30px 10px 10px;
		border-left: 5px solid #ddd;
		padding-left: 20px; padding-bottom: 0px;
	}
	blockquote cite {
		float: right;
		margin: 0px 20px 0px 0px;
	}
	.navigation {
  		padding: 20px 0px 30px 0px;
	}
	.alignright {
		float: right;
	}
	.alignleft {
		float: left
	}