/* 
Theme Name: Listskreytingasjóður Theme
Theme URI: http://vefsala.com
Description: Einfaldur vefur með gamla útlitinu  
Version: 1
Author: Thrandur Arnthorsson
Author URI: http://vefsala.com
*/
html {
	background: white;
	font-family:  Verdana, Arial, Helvetica;

}
body {
	height:100%; 
	max-width: 900px; 
	margin: 0 auto; /* center */ 
	background: #fff;
	font-size: 100%;
	color: #4d4d4d;
 	padding: 0px;
 }

.leftcol {
	width: 25%;
}

.rightcol {
	width: 75%;
}

.css-slideshow{
   position: relative;
   //max-width: 495px;
   height: 230px;
   //margin: 5em auto .5em auto;
}
.css-slideshow figure{
   margin: 0;
   position: absolute;
}
.css-slideshow figcaption{
   position: absolute;
   top: 0;
   color: #fff;
   background: rgba(0,0,0, .3);
   font-size: .8em;
   padding: 8px 12px;
   opacity: 0;
   transition: opacity .5s;
}
.css-slideshow:hover figure figcaption{
   transition: opacity .5s;
   opacity: 1;
}
.css-slideshow figure{
   opacity:0;
}


figure:nth-child(1) {
   animation: xfade 48s 42s infinite;
}
figure:nth-child(2) {
   animation: xfade 48s 36s infinite;
}
figure:nth-child(3) {
   animation: xfade 48s 30s infinite;
}
figure:nth-child(4) {
   animation: xfade 48s 24s infinite;
}
figure:nth-child(5) {
   animation: xfade 48s 18s infinite;
}
figure:nth-child(6) {
   animation: xfade 48s 12s infinite;
}
figure:nth-child(7) {
   animation: xfade 48s 6s infinite;
}
figure:nth-child(8) {
   animation: xfade 48s 0s infinite;
}
figure:nth-child(9) {
   animation: xfade 48s 6s infinite;
}
figure:nth-child(10) {
   animation: xfade 48s 0s infinite;
}
figure:nth-child(11) {
   animation: xfade 48s 42s infinite;
}
figure:nth-child(12) {
   animation: xfade 48s 36s infinite;
}
figure:nth-child(13) {
   animation: xfade 48s 30s infinite;
}
figure:nth-child(14) {
   animation: xfade 48s 24s infinite;
}
figure:nth-child(15) {
   animation: xfade 48s 18s infinite;
}
figure:nth-child(16) {
   animation: xfade 48s 12s infinite;
}
figure:nth-child(17) {
   animation: xfade 48s 6s infinite;
}

 
@keyframes xfade{
   0%{
      opacity: 1;
   }
   10.5% {
      opacity:1;
   }
   12.5%{
      opacity: 0;
   }
   98% {
      opacity:0;
   }
   100% {
      opacity:1;
   }
}


#outer {
 width: 900px;
	height: 100%;
	border: 0px solid black;
	margin-top: 20px;
	background: #ffffff;
	padding: 0px;
 }

#upper {
 width: 900px;
 height: 60px;
	border: 0px solid black;
	margin-top: 0px;
	background: #ffffff;
	padding-top: 5px;
	text-align: left;
 }

#nav
	{
		height: 20px;
		margin-right: -2px;
		padding-left: 0px;
		background: url(/images/tab_bottom.gif) repeat-x bottom;
		float: right;
	}

#nav li
	{
		margin: 0px; 
		padding: 0px;
  		display: inline;
  		list-style-type: none;
  	}
	
#nav a:link, #nav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
		text-transform: uppercase;
	}

#nav a:link.active, #nav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#nav a:hover
	{
		background: #fff;
	}


#nav li a.on
	{
		border: 1px solid #fff;
		background: #fff;
	}


#nav .on
	{
		border: 1px solid #fff;
		background: #fff;
	}



#lower {
 width: 900px;
 height: 235px;
	border: 0px solid black;
	margin-bottom: 5px;
	background: #ffffff;
	padding: 0px;
	text-align: left;
 }


#main {
 width: 900px;

	border: 1px solid  #c2c2c2;
	margin-top: 0px;
	background: #ffffff;
	padding: 0px;
	text-align: left;
	background: url(/images/mainbak.jpg) repeat-x top;
 }




#footer {
 width: 900px;
height: 15px;
	border-top: 1px solid  #c2c2c2;
	margin: 0px;
	background: #ffffff;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
 }

.leftfoot {
	width: 310px;
	border: 0px solid #c2c2c2;
	float: left;
	position: relative;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
 }

.rightfoot {
	width: 550px;
	border: 0px solid #c2c2c2;
	float: right;
	position: relative;
	text-align: right;
	font-size: 70%;
	padding-left: 0px;
	padding-right: 10px;
 }



#boxer {
 width: 900px;
	border: 0px solid  #c2c2c2;
	margin-top: 0px;
	background: #ffffff;
	padding: 0px;
	text-align: left;
		background: url(/images/mainbak.jpg) repeat-x top;
 }




.mainbox {
	width: 590px;
	min-height: 455px;
	height:auto !important;
	height: 455px;
	border-right: 1px solid #c2c2c2;
	float: left;
	position: relative;
	text-align: left;
	padding: 10px;
 }


.mainboxhead {
	width: 590px;
	height: 30px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 0px solid #c2c2c2;
	float: left;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	color: #4f4f4f;
 }





.rightbox {
	margin: 0 0 0 10px;
	width: 259px;
	border-left: 0px solid #c2c2c2;
	float: left;
	position: relative;
	text-align: left;
	padding: 10px;
	
	overflow: hidden;
 }

.rightboxhead {
	width: 259px;
	height: 30px;
	padding-top: 10px;
	padding-left: 0px;
	padding-right: 0px;
	border-right: 0px solid #c2c2c2;
	float: right;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	color: #4f4f4f;
 }
 
.ljosgratt {
	background: #f7f7f7;
	padding: 20px 20px;
	border: 1px solid lightgray;
}

.ljos {
	background: white;
	padding: 20px 20px;
	border: 1px solid lightgray;
}
.tafla {
	min-width: 100%;
	border-collapse: collapse;
}

#submain {
 width: 900px;

	border: 1px solid  #c2c2c2;
	margin-top: 0px;
	background: #ffffff;
	padding: 0px;
	text-align: left;
	background: url(../images/mainbak.jpg) repeat-x top;
 }

#left {
	width: 200px;
	min-height: 455px;
	 height:auto !important;
	height: 455px;
	border-right: 1px solid #c2c2c2;
	float: left;
	position: relative;
	text-align: left;
	padding: 0px;
	background: #f7f7f7;
 }

.strik {
	width: 200px;
	height: 36px;
	padding: 0px;
	margin-bottom: 15px;
	float: left;
	position: relative;
	border-right: 0px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
}

.efni {
	width: 660px;
	border-left: 0px solid #c2c2c2;
	float: right;
	position: relative;
	text-align: left;
	padding: 10px;
 }

.efni #ctl01_pnlArtwork img{
display: none;
 }

.efnihead {
	width: 660px;
	height: 30px;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	border-left: 0px solid #c2c2c2;
	float: right;
	position: relative;
	text-align: left;
	text-transform: uppercase;
	color: #4f4f4f;
 }

#left ul {
  margin: 0px;
  padding: 0px;
  display: block;
  list-style-type: none;
	width: 150px;
	border-bottom: 0px solid black;
	float: left;
	position: relative;
}

 #left li {
  margin: 0px;
  display: block;
  list-style-type: none;
	width: 150px;
	border-bottom: 1px solid #cacaca;
	padding-top: 10px;
	padding-bottom: 10px;
}


#left a.sub {
	color: #484848;
	text-decoration: none;
	margin-left: 0px;
	text-transform: uppercase;
	padding-left: 10px;

 }


#left a.subon {
	color: #484848;
	text-decoration: none;
	margin-left: 0px;
	text-transform: uppercase;
	padding-left: 10px;
	font-weight: bold;
 }


.clear {clear: both;display: block; font-size: 1px; margin: 0px; line-height: 1px; height: 1px;}
.clearer {clear: both;display: block; font-size: 0px; margin: 0px; line-height: 0px; height: 0px;}


.bil {font-size: 5px; line-height: 5px; height: 5px;}



p  {
 	padding: 0px;
	padding-bottom: 10px;
	font-size: 1em;
 }
 
.alphabet ol {
    list-style: lower-latin;
}

/*td, */ table {
	font-size: 1em;
 	padding: 0px;
 }

h1 {
	color: #4d4d4d;
	font-weight: bold;
	font-size: 1.2em;
	margin:0; 
 	padding: 0px; }

h2 {
	color: #4d4d4d;
	font-weight: bold;
	font-size: 1.1em;
 	margin:0; 
 	padding: 0px; }

h3 {
	color: #4d4d4d;
	font-weight: bold;
	font-size: 1em;
 	margin:0; 
	padding: 0px;
 }

h4 {
	color: #4d4d4d;
	font-weight: bold;
	font-size: 1em;
 	margin:0; 
	padding: 0px;
 }

p, form, div, blockquote, h1,h2,h3,h4,h5 {
	margin: 0em;
	text-indent: 0em; }

ul, ol, dl {
	margin-top: 0em;
	margin-bottom: 0em;
	font-size: 1em; }


a:link  {color: blue; text-decoration: none}
a:visited {color : blue;  text-decoration: none }
a:active {color : #dc0c00; text-decoration: underline; }
a:hover {color : #d60c00; text-decoration: underline; }

#footer a:link  {color: #585858; text-decoration: none; }
#footer a:visited  {color: #585858; text-decoration: none; }

.small { font-size: 0.95em; color: #928C8B; }

.info { font-size: 0.9em; color: #4d4d4d; }

a.small:link  {font-size: 0.95em; color: #223984; text-decoration: none}
a.small:visited { font-size: 0.95em; color : #223984;  text-decoration: none }
a.small:active { font-size: 0.95em; color : #739DC7; }
a.small:hover { font-size: 0.95em; color : #739DC7; }



input, button, textarea{
	
	font-size: 1em;
	border: 1px #4d4d4d solid;
	color: #4d4d4d;
	background : #fff;
}


option, select {
	
	font-size : 9px;
}