/* Almennt */
body {font-family: verdana, arial; font-size: 11pt; font-weight:normal; background-color:#fffff0;}
h1, h2, h3, h4 {font-weight:bold;}
h1 {font-size: 15pt; margin-bottom: 6pt;margin-top: 6pt; }
h2 {font-size: 13pt; margin-bottom: 3pt;margin-top: 5pt;}
h3 {font-size: 12pt; margin-left:9px;}
h4 {font-size: 11pt;}
a:link {color: #000000}     /* unvisited link */
a:visited {color: #0000FF}  /* visited link */
a:active {color: #FF0000}   /* selected link */
a:hover {text-decoration: underline;}
a, a:link, a:active, a:visited {text-decoration: none;}

#pagecontainer {
	width: 990px; /* width of the layout -- can be set to any value including percentages */
	overflow: hidden;
	}
#pageheader
{
    text-align:center;
    width: 100%;
	background: #fff8dc;
}

#navigation
{
	width: 100%;
	margin-bottom: 3px;
}

#navigation ul{
border-left:0 solid #564c66; border-right:0 solid #564c66; border-top:1px solid #564c66; border-bottom:1px solid #ffffff; margin:0; padding:0; float: left;
width: 100%;
/*dark purple border*/
background: black url('../images/grad1.jpg') repeat-x center;
}
#navigation ul li{display: inline;}

#navigation ul li a{
float: left;
color: #262c36; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

#navigation ul li a:visited{color: #262c36;}

#navigation ul li a:hover, div.valmynd ul li .current{
color: black !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url('../images/grad2.jpg') repeat-x center;
}

#content {
	height: 1%; /* IE6 hack... it's very minor, though */
	overflow: hidden;
}

#content-inner
{
	float:left;
	width: 985px;
	overflow:visible;
}
#content-inner h1{line-height:1.5em; text-align:left; color:green; margin-top:0px; margin-left:2px; margin-right:6px;}
#content-inner  h2{color:#ff4500; line-height:1.5em; padding-left:0px;}
#content-inner  img{padding-left:0px;}
#content-inner  p{padding-left:0px;}

div.forsidacontainer 
{
   width:985px;
   border-width:1px;
   float:left; 
   text-align:left;
   margin-bottom:5px;
   margin-left:5px;
   margin-right:20px;   
}

div.forsidacontainer a:link, a:active img
{
    text-decoration: none;
    margin: 9px 9px 9px 9px;
    padding: 5px 5px 5px 5px;
}

div.forsidacontainer a:link 
    {color: #000000;
     text-decoration:underline;
    }

div.forsidaefni
{
float: left;    
width: 600px; 
text-align:left;   
}

div.forsidafrett
{
float: left;    
width: 600px;
margin-left: 9px;    
}

#tilkynningar 
{
	float: right;
	width: 310px; /* width of the right sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-size:9pt; 
	background-color:#E6DA92; 
	text-align:left; 
	border-style:solid; 
	border-width:1px; 
	border-color:#4a708b; 
	display:block; 
	padding:3px;
}

#tilkynningar a:link, a:active {text-decoration: underline; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#tilkynningar h2 {line-height: 1.5em; color:#330066; text-align:center;}
#tilkynningar h3 {background-color:#ffd700; color:#330066; line-height:1.5em; font-size:9pt;margin-left:0px; text-align:center; padding:0px 0px 0px 0px; margin-top:3px; margin-bottom:3px;}
#tilkynningar span {color:blue; font-weight:bold; display:block; margin-top:2px;}
#tilkynningar div {display:block; margin-bottom:3px; background-color:#ffffff; padding-bottom:7px; padding-left:7px; padding-right:7px; border-color:#ffd700; border-style:solid; border-width:1px;}
#tilkynningar img {max-width:300px; padding-top:1px; margin-top:0px; text-align:center;}
#tilkynningar p {padding-top:1px; padding-bottom:1px;}

div.flokkur
  {
   width:850px;
   border-width:1px;
   float:left; 
   text-align:left;
   margin-bottom:5px;
   margin-left:5px;
   margin-right:20px;
   } 
    
div.flokkur a:link, a:active img
{
    text-decoration: none;
    margin: 9px 9px 9px 9px;
    padding: 5px 5px 5px 5px;
}

div.flokkur a:link 
    {color: #000000;
     text-decoration:underline;
    }

div.undirflokkur
  {float:left; 
   text-align:left;
  } 

div.undirflokkur li
{
    margin-top: 4px;
    list-style-position: outside;
    list-style-type: square;
}

#frettir
  {
   width:750px;
   border-width:1px;
   float:left; 
   text-align:left;
   margin-bottom:5px;
   margin-left:5px;
   margin-right:20px;
   } 

#frettir a:link, a:active {text-decoration: underline; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#frettir h2 {line-height: 1.5em; color:#330066; text-align:center;}
#frettir h3 {background-color:#ffd700; color:#330066; line-height:1.5em; font-size:9pt;margin-left:0px; text-align:center; padding:0px 0px 0px 0px; margin-top:3px; margin-bottom:3px;}
#frettir span {color:blue; font-weight:bold; display:block; margin-top:2px;}
#frettir div {display:block; margin-bottom:3px; background-color:#ffffff; padding-bottom:7px; padding-left:7px; padding-right:7px; border-color:#ffd700; border-style:solid; border-width:1px;}
#frettir img {max-width:200px; padding-top:1px; margin-top:0px; text-align:center;}
#frettir p {padding-top:1px; padding-bottom:1px;}

#frettaskot 
{
	float: right;
	width: 310px; /* width of the right sidebar -- can be set to any value including percentages */
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	font-size:9pt; 
	background-color:#FFFFFF; 
	text-align:left; 
	border-style:solid; 
	border-width:1px; 
	border-color:#000000; 
	display:block; 
	padding:3px;
}

#frettaskot a:link, a:active {text-decoration: underline; margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#frettaskot h2 {line-height: 1.5em; color:#330066; text-align:center;}
#frettaskot h3 {background-color:#ffd700; color:#330066; line-height:1.5em; font-size:9pt;margin-left:0px; text-align:center; padding:0px 0px 0px 0px; margin-top:3px; margin-bottom:3px;}
#frettaskot span {color:blue; font-weight:bold; display:block; margin-top:2px;}
#frettaskot div {display:block; margin-bottom:3px; background-color:#ffffff; padding-bottom:7px; padding-left:7px; padding-right:7px; border-color:#ffd700; border-style:solid; border-width:1px;}
#frettaskot img {max-width:200px; padding-top:1px; margin-top:0px; text-align:center;}
#frettaskot p {padding-top:1px; padding-bottom:1px;}

div.hriinfo 
  {background-color:#ffffff; 
   border-width:1px;
   border-style:dashed;
   border-color:rgb(0,165,198); 
   background-color:rgb(255,255,255);
   width:985px; 
   float:left; 
   text-align:left;
   padding:10px 10px 10px 10px;
   margin-top:20px;
   margin-bottom:5px;
   margin-left:20px;
   } 

div.hriinfo a:hover {text-decoration: underline;}

div.starfsmadur
{
   width:800px;
   padding:5px 5px 5px 10px;
   margin-bottom:10px;
   margin-left:10px;
   background-color:#D9BDBC;
   height:200px;
}

div.starfsm-titill
{width:780px;
 margin-bottom:6px;
}

div.starfsm-mynd
{width:130px; 
 float:left; 
}

div.starfsm-mynd img
{ max-width:130px;
}

div.starfsm-texti
{width:580px; 
 margin-left:140px;
 margin-top:10px; 
}

div.starfsm-texti br
{
 margin-top:3px; 
}

#footer{
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
	overflow: hidden;
	font-size: 9pt; 
	margin-top:30px;
}

#footernavigation
{
	margin-bottom: 3px;
}

#footernavigation ul{
border-left:0 solid #564c66; border-right:0 solid #564c66; border-top:1px solid #ffffff; border-bottom:1px solid #564c66; margin:0; padding:0; float: left;
width: 100%;
/*dark purple border*/
background: black url('../images/grad2.jpg') repeat-x center;
}
#footernavigation ul li{display: inline;}

#footernavigation ul li a{
float: left;
color: #262c36; /*text color*/
padding: 5px 11px;
text-decoration: none;
border-right: 1px solid #564c66; /*dark purple divider between menu items*/
}

#footernavigation ul li a:visited{color: #262c36;}

#footernavigation ul li a:hover, div.valmynd ul li .current{
color: black !important; /*text color of selected and active item*/
padding-top: 6px; /*shift text down 1px for selected and active item*/
padding-bottom: 4px; /*shift text down 1px for selected and active item*/
background: black url('../images/grad1.jpg') repeat-x center;
}

div.namskeidslysing
    {width: 500px;
    }
div.namskeidsheiti
    {width: 100%;
	font-size: 14pt; 
    }
div.namskeidstexti
    {width: 100%;
	font-size: 12pt; 
    }
div.namskeidslidur
    {float:left;
     width:200px;
    }
div.namskeidslidur-texti
    {float:right;
     width:300px;
    }


/* Photo gallery tilraun */

/* choose a suitable font and center the #container div in Internet Explorer */   
div.containerbody 
    {text-align:center;   
     font-family: tahoma, arial, sans-serif;   
     font-size:76%;   
     letter-spacing:0.05em;   
    }   

/* The containing box for the gallery. */   
#container {
    position:relative;   
    width:990px;   
    height:500px;   
    margin:10px auto 0 auto;   
    border:1px solid #aaa;
    background:#fff url(../images/galleri/bakgrunnur.jpg) 10px 10px no-repeat;   
    }   

/* Removing the list bullets and indentation */   
#container ul {   
    padding:0;   
    margin:0;   
    list-style-type:none; 
    width:480px;  
    height:360px;
    margin:0px;   
    float:right;  
    }   

#container li {   
    float:left;   
    }   

/* change the thumbnail border color */   
#container a.gallery:hover {   
    border:1px solid #fff;   
    }   

/* styling the :hover span */   
#container a.gallery:hover span {   
    position:absolute;   
    width:480px;   
    height:500px;   
    top:10px;   
    left:10px;   
    color:#000;   
    background:#fff;   
     }   

#container a.gallery:hover img {   
    border:1px solid #fff;   
    float:left;   
    margin-right:5px;   
    }   

/* 
#container a.slideb:hover img, #container a.slidei:hover img {   
    float:right;   
    }  
*/ 

/* Remove the images and text from sight */   
#container a.gallery span {   
    position:absolute;   
    width:1px;   
    height:1px;   
    top:5px;   
    left:5px;   
    overflow:hidden;   
    background:#fff;   
    }   

/* Adding the thumbnail images */   
#container a.gallery, #container a.gallery:visited {   
    display:block;   
    color:#000;   
    text-decoration:none;   
    border:1px solid #000;   
    margin:1px 2px 1px 2px;   
    text-align:left;   
    cursor:default;   
     }   
 #container a.slidea {   
     background:url(../images/galleri/myndt1.jpg);   
     height:103px;   
     width:140px; 
     }   
 #container a.slideb {   
     background:url(../images/galleri/myndt2.jpg);   
     height:103px;   
     width:140px;  
     }   
 #container a.slidec {   
     background:url(../images/galleri/myndt3.jpg);   
     height:103px;   
     width:140px; 
     }   
 #container a.slided {   
     background:url(../images/galleri/myndt4.jpg);   
     height:103px;   
     width:140px; 
     }   
 #container a.slidee {   
     background:url(../images/galleri/myndt5.jpg);   
     height:103px;   
     width:140px;   
     }   
 #container a.slidef {   
     background:url(../images/galleri/myndt6.jpg);   
     height:103px;   
     width:140px;       
     }   
 #container a.slideg {   
     background:url(../images/galleri/myndt7.jpg);   
     height:103px;   
     width:140px;     
     }   
 #container a.slideh {   
     background:url(../images/galleri/myndt8.jpg);   
     height:103px;   
     width:140px;   
     }   
 #container a.slidei {   
     background:url(../images/galleri/myndt9.jpg);   
     height:103px;   
     width:140px;    
     }   
 #container a.slidej {   
     background:url(../images/galleri/myndt10.jpg);   
     height:103px;   
     width:140px;      
     }   
 #container a.slidek {   
     background:url(../images/galleri/myndt11.jpg);   
     height:103px;   
     width:140px;     
     }   
 #container a.slidel {   
     background:url(../images/galleri/myndt12.jpg);   
     height:103px;   
     width:140px;        
     }