body {
    background: #fff url(img/bb.jpg) 50% 0 no-repeat;
    font-family: Verdana, Arial, helvetica, Sans-Serif;
    color: #333;
    font-size: 11px;
    margin: 0; padding:0;
}

a { color: #cc0000; text-decoration: none }
a:hover { color: #ff0000 }

.divTopHeader {
    width: 860px;
    margin: 0 auto;
    height: 50px;
    padding: 35px 0 45px 50px;
}

.divMainHeader {
    width: 900px;
    height: 59px;
    background: url(img/sprite.png) no-repeat;
    margin: 0 auto;
    position: relative;
    padding-left: 40px;
}

a.navLink {
    float: left;
    display: block;
    height: 38px; line-height: 38px;
    margin-top: 1px;
    padding: 0 20px 0 20px;
    color:#fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 -1px #660000;
    border: solid 1px transparent;
    -webkit-transition-property:color, background, border;
    -webkit-transition-duration: .5s, .5s;
    -webkit-transition-timing-function: linear, linear;
    -moz-transition-property:color, background, border;
    -moz-transition-duration: .5s, .5s;
    -moz-transition-timing-function: linear, linear;
    -o-transition-property:color, background, border;
    -o-transition-duration: .5s, .5s;
    -o-transition-timing-function: linear, linear;
    transition-property:color, background, border;
    transition-duration: .5s, .5s;
    transition-timing-function: linear, linear;    
}

a.navLink:hover {
    background: #333;
    border: solid 1px #555;
    outline: solid 1px #000;
    text-shadow: 0 -1px #000;
}

.divLogo {
    width: 236px;
    height: 90px;
    background: url(img/sprite.png) 0 -297px no-repeat;
    margin: 0 auto;
    float: left;
    cursor: pointer;
}

.divFlags {
    margin-top: 30px;
    float: right;
    width: auto;
    height: 50px;
}

.btnFlag {
    display: block;
    float: right;
    width: 50px; height: 50px;
    opacity: 0.5;
    filter:alpha(opacity=50);
    margin-right: 10px;
    -webkit-transition-property:opacity;
    -webkit-transition-duration: 1s, 1s;
    -webkit-transition-timing-function: linear, linear;
    -moz-transition-property:opacity;
    -moz-transition-duration: 1s, 1s;
    -moz-transition-timing-function: linear, linear;
    -o-transition-property:opacity;
    -o-transition-duration: 1s, 1s;
    -o-transition-timing-function: linear, linear;
    transition-property:opacity;
    transition-duration: .1s, 1s;
    transition-timing-function: linear, linear;        
}

.btnFlag:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}

.flagIS { background: url(img/sprite.png) -9px -421px no-repeat; }
.flagEN { background: url(img/sprite.png) -67px -421px no-repeat; }
.flagDK { background: url(img/sprite.png) -124px -421px no-repeat; }

.divMain {
    background: #fff;
    border: solid 1px #fff;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    box-shadow:inset 0 0 20px #999; 
    -moz-box-shadow:inset 0 0 20px #999;
    -webkit-box-shadow: inset 0 0 20px #999; 
    position: relative;
    width: 917px;
    min-height:500px;
    margin: 0 auto; margin-top: -20px;
    padding-top: 30px;
}

.divFooterContainer {
    clear: both;
    margin-top: -250px;
}

.divFooter {
    clear: both;
    background: url(img/footer.png) 45% 0;
    height: 257px; width: 100%;
}

.divFooter2 {
    clear: both;
    background: #37872a;
    min-height: 300px;
}

.divFooter2Inner {
    width: 900px;
    margin: 0 auto;
    color: #fff;
    padding: 20px;
}

.divFooter2Inner a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    text-shadow: 2px -2px #1c760d;
    text-transform: uppercase;
    display: inline-block;
    width: 33%;
    text-align: center;
    font-weight: bold;
}

.divFooter2Inner a:hover {color:#f8e300; text-shadow: 2px -2px #047218 }

.divFooter3 {
    margin-top: 40px;
    height: 50px; line-height: 50px;
    background: #144713;
    border:solid 1px #489b3a;
}

.divFooter3Inner {
    color: #fff;
    width: 900px;
    margin: 0 auto;
    text-align: center;
}

.divFooter3Inner a { color: #fff; text-decoration: none; }
.divFooter3Inner a:hover { text-decoration: underline; }

.divFooter4 { text-align: center; color: #4da43f; }
.divFooter4 a { color: #4da43f }

.divMain .divCol1 {
    width: 450px;
    float: left;
    padding-top: 10px;
}

.divMain .divCol2 {
    float: right;
    width: 450px;
    margin-left: 10px;
    padding-top: 10px;
}

/*
.divColFull {
    width: 920px;
    background: #fff;
    border: solid 1px #e0e0e0;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    -moz-box-shadow: 0 1px 8px #d9d9d9;
	-webkit-box-shadow: 0 1px 8px #d9d9d9;
    box-shadow: 0 1px 8px #d9d9d9;
    position: relative;
    min-height:300px;
}
*/

.divBox { 
    clear: both;
    background: #f0f0f0;
    border: solid 1px #e0e0e0;
	-webkit-box-shadow: 0 1px 8px #d9d9d9;
    box-shadow: 0 0 8px #d9d9d9;
    position: relative;
    margin: 10px 10px 0 10px;
}

.divBox .divInner, .divInner {
    padding: 10px;
    position: relative;
}

.divBoxBottom {
    background: url(img/sprite.png) 0 -77px;
    height: 42px; line-height: 42px;
    border-top: solid 1px #e0e0e0;
}

.divBoxBelow, .divBoxBelowLeft, .divBoxBelowRight {
    background: url(img/sprite.png) -475px -425px;
    width: 440px;
    height: 10px;
}

.slideCircle, .pagination a {
    display: block;
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	border: solid 1px #e0e0e0;
	width: 25px; height: 25px; line-height: 25px;
	text-align: center;
	color: #999;
	float: left;
	margin: 10px 0 0 4px;
	font-size: 12px;
	text-decoration: none;
}

.slideCircle:hover, .pagination a:hover, .pagination a:active, .pagination a.selected {
    background: #cc0000;
    border: solid 1px #990000;
    color: #fff;
}


.aSmallGray {
    display: block;
    padding: 10px;
    float: right;
    margin: 5px 0 0 0;
    color: #999;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 11px;
    display: inline;
    line-height: 11px;
    font-weight: normal;
    width: auto;
    border: solid 1px transparent;
}

.aSmallGray:hover, .aSmallGraySelected, .aSmallGraySelected:hover {
    background: #9a0000;
    color: #fff;
    text-shadow: none;
    border: solid 1px #cc0000;
    outline: solid 1px #990000;
}

.aSmallRed, aSmallRed:hover { color: #cc0000 }

.aRead {
    display: block; 
    float:right;
    color: #cc0000;
    text-decoration: none;
    font-size:12px;
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
    position: absolute; right: 15px; bottom: 15px;
    z-index:20 !Important
}

.aRead:hover {
    color: #333;
}

/* inngangsmynd */

a.polaroid {
    font-family:"Lucida handwriting", "Snell Roundhand", "Helvetica Neue",Verdana,Arial,Helvetica,sans-serif;
	display: block;
	float: left;
	margin: 15px 20px 0 -5px;
	text-decoration: none;
	color: #999;
	padding: 5px;
	width: 200px;
	border: 1px solid #e0e0e0;
	background-color: white;
	z-index: 2;
	font-size: 12px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	-webkit-transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	transform: rotate(-4deg);
	-webkit-transition: -webkit-transform 0.5s ease-in;
	text-align: center !Important;
	position: relative;
}

a.polaroid:hover,
a.polaroid:focus,
a.polaroid:active
 {
	z-index: 999;
	border-color: #e0e0e0;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	box-shadow: 2px 2px 4px rgba(0,0, 0, 0.3);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
}

.polaroid img {
    position: relative;
	margin: auto;
    -moz-box-shadow: inset 0 0 2px #999;
	-webkit-box-shadow: inset 0 0 2px #999;
    box-shadow: inset 0 0 2px #999;
}

a.polaroid:focus, a.polaroid:active, a.polaroid3:focus, a.polaroid3:active {
    outline: none;
    -webkit-transform: rotate(3deg) scale(3); 
    -moz-transform: rotate(3deg) scale(3);
    transform: rotate(3deg) scale(3);
    z-index: 9999;
}

a.polaroid2 {
    font-family:"Lucida handwriting", "Snell Roundhand", "Helvetica Neue",Arial,Helvetica,sans-serif;
	display: block;
	float: left;
	margin: 0 20px 0 0;
	text-decoration: none;
	color: #999;
	padding: 5px;
	width: 200px;
	border: 1px solid #e0e0e0;
	background-color: white;
	z-index: 2;
	font-size: 12px;
	-webkit-box-shadow: 0 2px 4px #ccc;
	-moz-box-shadow: 0 2px 4px #ccc;
	box-shadow: 0 2px 4px #ccc;
	position: relative;
	-webkit-transition: -webkit-transform 0.5s ease-in;	
}
	
.aImgPlayer {
    width: auto !Important;
    padding: 5px !Important;
    background: #fff !Important;
}	

a.polaroid2:hover,
a.polaroid2:focus,
a.polaroid2:active {
	z-index: 999;
	border-color: #e0e0e0;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.polaroid img, .polaroid2 img, .polaroid3 img {
    position: relative;
	margin: auto;
	max-width: 200px;
}

a.polaroid2:focus, a.polaroid2:active {
    outline: none !Important;
    -webkit-transform: rotate(3deg) scale(3); 
    -moz-transform: rotate(3deg) scale(3);
    transform: rotate(3deg) scale(3);
    z-index: 9999;
    margin-left: 200px;
    -webkit-transition-duration: 500ms;
}

a img {
	border: none;
	display: block;
	outline: none !Important;
}

.divBox .title1 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}

.divBox .title1:hover {
    color: #cc0000;
}


.colTitle, .colTitleFull
 {
    float: left;
    color: #999;
    font-size: 24px;
    font-weight: bold;
    margin-left: 20px;
}

.gray {
    color: #999;
    text-shadow: 0 1px #fff;
}

.spanFakeLink {
    color: #666;
    cursor:pointer;
    font-size: 12px;
}

.spanFakeLink:hover { color: #cc0000 }

.hplHeadline {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
 }
 
 .hplHeadline:hover {
    color: #cc0000;
 }
 
.hplSubHeadline {
    font-size: 14px;
    font-style: italic;
    color: #999;
    text-decoration: none;
 }
 
 .regItem {
    padding: 20px;
    display: block;
    position: relative;
 }
 
 .altItem {
    padding: 20px;
    display: block;
    background: #f8f8f8;
    clear: both;
    position: relative;
    background: #f0f0f0;
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
    -moz-box-shadow: inset 0 1px 18px #ccc;
	-webkit-box-shadow: inset 0 1px 18px #ccc;
    box-shadow: inset 0 1px 18px #ccc;        
 }
 
 .smallPadding { padding: 5px !Important }
 
 .divNewsInfo {
    float: left;
    color: #ccc;
    height: 30px; line-height: 30px;
    margin: 30px 0 0 0;
    outline: dashed 1px #e0e0e0;
    border: solid 1px transparent;
    padding: 10px 0 0 15px;
    min-width: 650px;
    
 }
 
 .regItem .divNewsInfo:hover {
    background: #f8f8f8;
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0
 }

 .altItem .divNewsInfo:hover {
    background: #fff;
    outline: solid 1px #e0e0e0;
 }
  
 .divNewsInfo:hover, .divNewsInfo:hover span { color: #666 !Important; }
 .divNewsInfo:hover a { color: #666; }
 .divNewsInfo a, .divNewsInfo span { color: #ccc; text-decoration: none; font-size: 10px; display: block; float: left; margin-right: 10px; }
 .divNewsInfo a:hover { color: #cc0000; text-decoration: none; }
 
 
.divColFullBottom, .divGoBack, .divColFullBottomFull, .divGoBackFull
{
    width: 927px; height: 54px;
    position: relative;
    background: #f0f0f0;
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
    -moz-box-shadow: 0 1px 18px #ccc;
	-webkit-box-shadow: 0 1px 18px #ccc;
    box-shadow: 0 1px 18px #ccc;    
    margin: 0 0 0 -5px;
}
  
.aGoBack { 
    display: block;
    width: auto;
    float: left;
    padding: 10px;
    margin: 10px;
    background: url(img/sprite.png) -330px -292px no-repeat; 
    text-indent: 15px;
    border: solid 1px transparent;
    height: 16px !Important; line-height: 16px !Important;
}  
.aGoBack:hover { 
    background: #333 url(img/sprite.png) -330px -332px no-repeat; 
    color: #fff; 
    border: solid 1px #666;
    outline: solid 1px #000;
    text-shadow: 0 -1px #000;
}

.aGoTop { 
    display: block;
    width: auto;
    float: left;
    padding: 10px;
    margin: 10px;
    background: url(img/sprite.png) -530px -292px no-repeat; 
    text-indent: 15px;
    border: solid 1px transparent;
    height: 16px !Important; line-height: 16px !Important;
}  
.aGoTop:hover { 
    background: #333 url(img/sprite.png) -530px -332px no-repeat; 
    color: #fff; 
    border: solid 1px #666;
    outline: solid 1px #000;
    text-shadow: 0 -1px #000;    
}
  
.newsPager { /* bottom pager */
    display: block; 
    width: 25px; height: 25px; 
    float: left;
    border: solid 1px transparent; 
    margin: 15px 5px 0 5px;
}


.newsPager0 { /* top pager */
    display: block; 
    width: 25px; height: 25px; 
    float: right;
    border: solid 1px transparent; 
    margin: 0 5px 0 5px;
}

.hrefLast { background: url(img/sprite.png) -845px -296px no-repeat;}
.hrefLast:hover { 
    background: #222 url(img/sprite.png) -845px -336px no-repeat; 
    border: solid 1px #444; 
    outline: solid 1px #000
}

.hrefNext { background: url(img/sprite.png) -813px -296px no-repeat;}
.hrefNext:hover { 
    background: #222 url(img/sprite.png) -813px -336px no-repeat; 
    border: solid 1px #444;
    outline: solid 1px #000;
}

.hrefPrev { background: url(img/sprite.png) -783px -296px no-repeat;}
.hrefPrev:hover { 
    background: #222 url(img/sprite.png) -783px -336px no-repeat; 
    border: solid 1px #444;
    outline: solid 1px #000;
}

.hrefFirst { background: url(img/sprite.png) -750px -296px no-repeat;}
.hrefFirst:hover { 
    background: #222 url(img/sprite.png) -750px -336px no-repeat; 
    border: solid 1px #444;
    outline: solid 1px #000
}

.hrefLast0 { background: url(img/sprite.png) -843px -296px no-repeat;}
.hrefLast0:hover { 
    background: #f8f8f8 url(img/sprite.png) -843px -336px no-repeat; 
    border: solid 1px #fff; 
    outline: solid 1px #e0e0e0
}

.hrefNext0 { background: url(img/sprite.png) -661px -30px no-repeat;}
.hrefNext0:hover { 
    background: #f8f8f8 url(img/sprite.png) -661px 0 no-repeat; 
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
}

.hrefPrev0 { background: url(img/sprite.png) -633px -30px no-repeat;}
.hrefPrev0:hover { 
    background: #f8f8f8 url(img/sprite.png) -633px 0 no-repeat; 
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
}

.hrefFirst0 { background: url(img/sprite.png) -599px -30px no-repeat;}
.hrefFirst0:hover { 
    background: #f8f8f8 url(img/sprite.png) -599px 0 no-repeat; 
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0
}

.divHypeNews {
    padding: 20px;
    background: #990000 url(img/sprite.png) 0 -1000px no-repeat;
    color: #fff;
    -moz-border-top-left-radius: 12px;
    -moz-border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;   
	border: solid 3px #990000; 
	border-bottom: solid 3px #880000;
}

.divHypeNews .hplHeadline, .divHypeNews .lblLeadIn { color: #fff !Important; text-shadow: 0 -1px 0 #660000; }
.divHypeNews .hplSubHeadline { color: #ffcccc !Important; text-shadow: 0 -1px 0 #990000; }
.divHypeNews .divNewsInfo {
    float: left;
    color: #c23838;
    height: 30px; line-height: 30px;
    margin: 30px 0 0 0;
    outline: dashed 1px #c23838;
    border: solid 1px transparent;
    padding: 10px 0 0 15px
 }
 
 .divHypeNews .divNewsInfo span { color: #c23838}
 .divHypeNews .divNewsInfo .grayDate {
    color: #c23838;
    background: url(img/sprite.png) -446px -425px no-repeat;
}

 .divHypeNews .divNewsInfo .grayComment {
    color: #c23838;
    background: url(img/sprite.png) -446px -455px no-repeat;
}

 .divHypeNews .divNewsInfo .grayCats {
    color: #c23838;
    background: url(img/sprite.png) -675px -425px no-repeat;
}

 .divHypeNews .divNewsInfo .grayRead {
    color: #c23838;
    background: url(img/sprite.png) -231px -452px no-repeat;
}
.divHypeNews .divNewsInfo .grayRead:hover { color: #fff }
.divHypeNews .divNewsInfo:hover { background-color: #880000; border: solid 1px #972929; outline: solid 1px #660000 }
.divHypeNews .divNewsInfo:hover, .divHypeNews .divNewsInfo:hover span { color: #fff !Important }

/* facebook */
.fb_share_link { 
    color: #ccc; 
    font-size: 10px;
    color: #ccc;
    margin-right: 10px;
    background:url(img/sprite.png) -980px -458px no-repeat; 
    text-indent: 20px;
    display: block; float: left;
    height: 20px; line-height: 20px;
    text-decoration: none;
    }

.fb_share_link:hover { background:url(img/sprite.png) -980px -488px no-repeat; color: #3b5998 !Important; }
    
.divFBLike {
    display: block;
	float: left;
	height: 20px; line-height: 20px;
    filter: alpha(opacity=40);
	-moz-opacity: .4;
	opacity: .4;
}

.divNewsInfo:hover .divFBLike {
    filter: alpha(opacity=60);
	-moz-opacity:.6;
	opacity: .6;
}

.divNewsInfo:hover .divFBLike:hover {
    filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
}

.commentDate {
    background: url(img/sprite.png) 0 -519px no-repeat;
    float: left;
    margin-right: 30px;
    width: 50px; height: 70px;
    text-align: center;
    color: #999;
    font-size: 11px;
    line-height: 12px;
    padding-top: 10px;
}

.commentDate:hover {
    color: #000;
}

.commentAuthor {
    color: #990000;
    font-weight:  bold;
    font-size: 16px;
}

.divCommentContent {
    float: left;
    color: #999;
}

.divCommentContent:hover {
    color: #000;
}

.TextBox, .textbox { border: solid 1px #ccc; font-size: 12px; }
.Long, .Contact, .long, .contact, .txtform, .txtForm { width: 300px; }
.Normal, .normal { width: 200px }
.Short, .short { width: 100px }
.Req, .req { border: solid 1px #cc0000; }
.MultiLine { width: 300px; height: 150px;}

/* PP */
li { display: inline }

ul.album {
    padding: 20px;
}
ul.album li { display: inline; float: left; margin: 5px }
			
.wide {
    border-bottom: 1px #000 solid;
	width: 4000px;
}
			
.fleft { float: left; margin: 0 20px 0 0; }
.cboth { clear: both; }

/* </ PP */


/* modal window */

/* Z-index of #mask must lower than #boxes .window */

#mask, div.pp_overlay { /* pp_overlay is for prettyphoto */
    position:absolute;
    top: 0; left: 0;
    z-index:40000;
    background: #990000 url(img/sprite.png) 0 -1000px repeat-x !Important;
    display:none;
    filter: alpha(opacity=90) !Important;
    -moz-opacity: .9 !Important;  
    opacity: 0.9 !Important
}
   
.boxes .window {
    position:absolute;
    min-width:500px; max-width: 500px; width: 500px !Important;
    height:auto; min-height: 250px;
    display:none;
    z-index:50000;
    padding:20px;
    -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
    -moz-box-shadow: inset 0 0 2px #999;
	-webkit-box-shadow: inset 0 0 2px #999;
    box-shadow: inset 0 0 2px #999;
    border: solid 8px #fff;
    background: #f8f8f8 url(img/gradback.jpg) no-repeat;
    
}
 
.boxes .close, 
.mmDroppedCol1 .close, 
.mmDroppedCol2 .close,
a.close {
    background: #990000;
    color: #fff;
    width: 40px; height: 40px; line-height: 40px;
    -moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;    
	border: solid 5px #fff;
	position: absolute;
	right: -20px;
	top: -20px;
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.divLogos {
    clear: both;
    padding: 10px;
    text-align: center;
    margin-top: 30px;
}

.divVodafone {
    display: inline-block;
    width: 160px; height: 108px;
    background: url(img/sprite.png) -25px -159px no-repeat;
    margin-right: 30px;
    cursor: pointer;
}

.divKSI {
    display: inline-block;
    width: 82px; height: 70px;
    background: url(img/sprite.png) -204px -196px no-repeat;
    margin-right: 30px;
    cursor: pointer;
}

.divRVK {
    display: inline-block;
    width: 212px; height: 69px;
    background: url(img/sprite.png) -297px -199px no-repeat;
    margin-right: 30px;
    cursor: pointer;
}

.divITR {
    display: inline-block;
    width: 97px; height: 107px;
    background: url(img/sprite.png) -551px -173px no-repeat;
    margin-right: 30px;
    cursor: pointer;
}

.divTrottur {
    display: inline-block;
    width: 74px; height: 96px;
    background: url(img/sprite.png) -687px -180px no-repeat;
    margin-right: 30px;
    cursor: pointer;
}

.divHostel {
    display: inline-block;
    width: 48px; height: 48px;
    background: url(img/sprite.png) -822px -204px no-repeat;
    cursor: pointer;
}

.content { 
    height: 52px; line-height: 52px;
    text-indent: 15px;
    color: #999;
    text-shadow: 0 1px #fff;
}



/*** án litamerkinga ***/
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style:none; float: left; z-index: 3000; }
.sf-menu ul { position: absolute; top: -999px; width:350px; /* left offset of submenus need to match (see below) */}

.sf-menu li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */}

.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 38px; /* match top ul list item height */ z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999px; }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:350px; /* match ul width */ top:0; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999px; }
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:250px; /* match ul width */ top:0; }

.sf-menu li {background:none;}

/* skinable */ 
.sf-menu li, .sf-menu li ul li {
    float:left;
    position: relative;
	width: 350px;
	text-align: left;
	text-decoration:none;
    display: block;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    border-left: solid 1px transparent;
    border-right: solid 1px transparent;
    margin: 0;
    -webkit-transition-property:color, background;
    -webkit-transition-duration: .5s, .5s;
    -webkit-transition-timing-function: linear, linear;
    -moz-transition-property:color, background;
    -moz-transition-duration: .5s, .5s;
    -moz-transition-timing-function: linear, linear;
    -o-transition-property:color, background;
    -o-transition-duration: .5s, .5s;
    -o-transition-timing-function: linear, linear;
    transition-property:color, background;
    transition-duration: .5s, .5s;
    transition-timing-function: linear, linear;
    cursor: default;
    height: 38px; line-height: 38px;
    text-indent: 15px;
}
.sf-menu li { color: #fff; text-shadow: 0 -1px #660000; }

.sf-menu li ul li { color: #fff; text-shadow: 0 -1px #000; font-size: 12px !Important; }
.navbarWhite .sf-menu li { color: #999; text-shadow: 0 1px #fff; }

.sf-menu li ul li { border-style: solid; border-width: 1px; border-color: #444 #222 #000 #222; }
.sf-menu li { display: block }

.sf-menu a {
	text-decoration:none;
    display: block;
    padding: 0 10px 0 10px;
    text-decoration: none;
    width: 330px;
}

.sf-menu a, sf-menu li { color: #fff; text-shadow: 0 -1px #000; font-size: 12px !Important; font-weight: normal;}

.sf-menu a:hover { color: #f8e300; }

.sf-menu li li, .sf-menu li li li { background:	#333; }

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background:	#000; outline: 0;}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(img/sprite.png) 100% -1090px no-repeat;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 100% -1090px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: 100% -1090px; /* arrow hovers for modern browsers*/
    background: #000;
    border-left: solid 1px #333;
    border-right: solid 1px #333;	
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  100% -1090px}
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}


.sf-shadow ul.sf-shadow-off { background: transparent; }



.redTip	{ width: auto; max-width: 310px }
.redTip .content { 
    display: block;
    width: auto;
    max-width: 310px; 
    padding: 10px; 
    border: 3px solid #000; 
    -moz-border-radius: 6px; 
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #333 url(img/sprite.png) 0 -501px no-repeat; 
    color: #fff; 
    text-shadow: 0 -1px #000;
    font-size: 12px;
    opacity: 0.8;
    height: auto;
    text-indent: 0;
    line-height: normal
}

.redTip .bottom	{ 
    height: 9px; 
    background: url(img/tipArrow.png) no-repeat center;
}

.redTip .content a {
    color: #fff
}


.lblGroupHeadline { 
    display:block;
    color: #999;
    font-size: 18px;
    font-weight: bold;
    padding: 50px 0 20px 0;
 }
 
 .tableHeader {
    background: #f0f0f0;
    border: solid 1px #fff;
    border: solid 1px #e0e0e0;
 }

.Header-Adjust {
    padding: 10px;
    text-align: center;
}

table caption { 
    float: left;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    
}

.Cell1, .cell1 { 
    color: #666;
    font-weight: bold;
    padding: 5px;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #e0e0e0;
}

.Cell2, .cell2 {
    border-top: solid 1px #fff !Important;
    border-bottom: solid 1px #e0e0e0 !Important;
    padding: 5px 15px 5px 15px;
}

.right { text-align: right; }
.center { text-align: center }
.small { padding: 5px 2px 5px 2px !Important; font-size: 10px }

/* klasar fyrir auglýsingarramma á enskri forsíðu fyrir mótið 2011 */

.divInfo {
    background: #990000;
    border: solid 1px #cc0000;
    outline: solid 1px #660000;
    padding: 20px;
}

.spanInfoHeadline {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 32px;
    text-shadow: 0 -2px #770000
}

.blackTag {
    background: #333;
    color: #ccc;
    font-size: 24px;
    border: solid 1px #444;
    outline: solid 1px #000;
    margin: 20px;
    text-shadow: 0 -1px #111
}

.blackTag .smallerHead { font-size: 12px; color: #fff; font-weight: bold; }
.blackTag .divDate {
    background: #000;
    float: right;
    width: auto;
    color: #e6db33;
    font-size: 24px;
    padding: 15px 30px 22px 30px;
    border-left: solid 1px #444
}

.pnlInfo .divImg { width: 918px; height: 100px; overflow: hidden; white-space: nowrap; background: #e4e9ed; border-top: solid 3px #000; border-bottom: solid 3px #000; }

.pnlInfo img { float: left; }

.pnlColHeadline { 
    width: 282px; 
    margin: 30px 10px 0 10px; 
    float: left; 
    text-align: center;
    color: #666;
    font-size: 18px;
}

.pnlColHeadlineFull { 
    clear: both;
    width: 100%;
    margin: 30px 10px 0 10px; 
    text-align: center;
    color: #666;
    font-size: 18px;
}

.pnlCol {
    float: left;
    width: 262px;
    margin: 10px;
    background: #990000;
    color: #fff;
    padding: 10px;
    border: solid 1px #cc0000;
    outline: solid 1px #660000;
    text-shadow: 0 -1px #660000
}

.pnlCol .img1 {
    width: 75px; height: 75px;
    float: left;
    border: solid 5px #fff;
    outline: solid 1px #333;
    margin-right: 10px;
}

.pnlCol .img2 {
    width: 100px; height: 71px;
    float: left;
    border: solid 5px #fff;
    outline: solid 1px #333;
    margin-right: 10px;
}

.pnlCol a { color: #fff; text-decoration: none }
.pnlCol a:hover { text-decoration: underline }

.pnlColFull { width: 870px }
.pnlLeft { float: left; width: 425px; padding-right: 10px; }

.pnlDel {
    background: #f0f0f0;
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
    height: 10px;
}

.divHelp {
    background: #fff;
    border-left: solid 1px #e0e0e0;
    color: #666;
    text-shadow: 0 1px #fff;
    padding: 10px;
    float: right;
}

.lblFormHeadline {
    display: block;
    color: #999;
    font-size: 18px;
    font-weight: bold;
    float: left;
    padding: 6px 0 0 30px
}

.divFormInner {
    float: left;
    margin: 10px;
}

.divXtraHeadline {
    width: 960px;
    background: #f0f0f0;
    border: solid 1px #fff;
    outline: solid 1px #e0e0e0;
    margin-left: -40px;
    box-shadow: 0 0 15px #999;
}