/* clear style */
* {
	zoom : 1;
    margin : 0px;
    padding : 0px;

    font-family : 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}


img, p, strong, b, u, i, a {
	zoom : 0;
}
a img {
    border: 0;
}

.frettir img {
    margin: 0 10px 10px 0;
}

/* set float */
.left { float : left; }
.right { float : right; }
.clear { clear : both; }
.none {
    height : 0px;
    width : 0px;
    overflow : hidden;
}

/* set frame border */
.frame {
    border : 1px solid #cdcdcd;
}

/* line */
.line {
    background : #cdcdcd;
    height : 1px;
    width : 100%;
    overflow : hidden;
}

object, embed {
    border-bottom : 1px solid #fff;
}

span.light { color : #bbb; }
.strong { font-weight : bold; }

/* ------------------------------ */
/* style template */

html {
    background : #068081;
}

.container {
    margin : 15px 0px 15px 10px;
}

.FixContainer1 {
    background : url("/img/container_lines.gif") top left repeat-y;
    margin : 0px;
}

body.undirsida .FixContainer1 {
    background : url("/img/container_undirsida_lines.gif") top left repeat-y;
    margin : 0px;
}


.FixContainer2 {
    background : url("/img/container_bottom.gif") bottom left no-repeat;
    margin : 1px 0px 0px 0px;
    padding : 0px 0px 30px 0px;
}

#site {
    background : #fff;
    /* 5px because of the 1 pix white line at the bottom */
    padding : 6px 6px 5px 6px;
}

#site .header {
    margin : 0px 0px 1px 0px;
}

#site .header .logo {
    display : block;
}

#site .header .image {
    display : block;
    margin : 0px 0px -2px 0px;
    overflow : hidden;
    /* height : 116px !important; */
}
#site .header .image img { }

#site .content {
    margin : 0px 0px 0px 0px;
}

#site .shield {
    background : url("/img/logo.jpg");

    display : block;
    width : 93px;
    height : 109px;

    position : absolute;
    top : 56px;
    left : 233px;
}

/* ------------------------------ */
/* towns menu */

.towns a {
    text-decoration : none;
    display : block;
    width : inherit
}

.towns a .plus {
    background-image : url("/img/plus.gif");
    display : block;
    width : 16px;
    height : 16px;
    float : left;
}

.towns a .text {
    cursor : pointer;
    display : block;
    height : 16px;
    line-height : 16px;
    float : left;
}

.towns a:hover {
   color : #000;
}

.leitarbox {
	margin-top : 3px;
	margin-left : 5px;
	margin-bottom : 0px;
	margin-right : 0px;
	float : right !important;
	border-right: 0px;
}

.leitarbox .leitarboxInput {
	width : 150px;
	height : 17px;
	border : 1px solid #ccc;
	margin : 0px 5px 0px 0px;
}

/* ------------------------------ */
/* menu */

#menu, #menu ul, .submenu {
    /* set layout for menu, with and background */
    /* background : url("/img/logoMerkiBottom.jpg") top left repeat-x #03589c; */
    background : #03589c;
    list-style : none;

    /* set menu hight */
    height : 29px;
    line-height : 29px;
}

.submenu {
    background : #03589c;
    border-top : 1px solid #004e92;
}

#menu li, .submenu li {
    float : left; /* let's li tags float left */
    border-right : 1px solid #004e92; /* set button border */
}

#menu li ul {
	float: left;
	width: 730px;
	display: block;
	overflow: hidden;
	margin-top: 1px;
	
}

#menu li.right {
    float : right; /* let's li tags float right */
    border-right : 0px !important; /* disable right border */
    border-left : 1px solid #004e92; /* set button border */

}

#menu li a,
#menu li:hover ul a,
#menu li ul,
#menu li.over ul a,
.submenu a {
    float : left;
    /* set style to a-tag and scale it  */
    display : block;
    padding : 0px 10px 0px 10px;

    color : #fff;
    font-weight : bold;
    text-decoration : underline;

    height : 28px;
    line-height : 28px;
}

#menu li.hafasamband a {
    font-weight : normal;
    text-decoration : none;
}

/* ------------------------------ */
/* towns */

#towns {
    background : #fff;
    list-style : none;

    height : 29px;
	margin : 1px 0px 0px 0px;

	border : 1px solid #cdcdcd;
}

#towns li {
	float : left;
}

#towns li a {
	float : left;

    display : block;
    padding : 0px 10px 0px 10px;

    color : #03589c;
    font-weight : bold;
    text-decoration : none;

	border-right : 1px solid #cdcdcd;

    height : 29px;
    line-height : 29px;
}

/* hover color */
#menu li a:hover,
.submenu li a:hover {
    color : #3491db; }

#menu li.on a,
.submenu li.on a {
    background : #035597;
    color : #3491db; }

#menu ul {
    display : none; /* hide submenu */
    /* set positon of submenu to left */
    position: absolute;
    top : 167px;
    left : 21px;

    /* style for submenu */
    background : #03589c;
    border-top : 1px solid #004e92;
}

/* 
This is IE fix
.over is the class that the javascript gives the li tag when it is hover.
li:hover is for firefox and other first class browsers
 */

#menu li:hover ul, #menu li.over ul { display: block; }

/* ------------------------------ */
/* towns */

#sublevel {
    list-style : none;

	margin : 0px 0px 0px 0px;
	padding : 0px 0px 1px 0px;
	width: 155px;
	position: relative;

	border-left : 1px solid #cdcdcd;
	border-right : 1px solid #cdcdcd;
	background : url("/img/cdcdcd.jpg") bottom left repeat-x;
	float: left;
}

#sublevel ul, #sublevel ul ul {
    list-style : none;
}

#sublevel li {
	padding : 1px;
	border-bottom : 1px dotted #cdcdcd;
}

#sublevel li a {
	display : block;
	padding : 5px;
	margin : 0px 1px 0px 0px;
	text-decoration : none;
}

#sublevel ul { margin:0px; padding:0px; }
#sublevel ul li { background : #eee !important; padding: 1px 0px 1px 0px; }
#sublevel ul li a { padding-left : 10px; }
#sublevel ul li a.on { background : #aaa; color : #333; }

#sublevel ul li ul li { background : #ddd !important; padding: 1px 0px 1px 0px; }
#sublevel ul li ul li a { padding-left : 20px; }
#sublevel ul li ul li a.on { background : #ddd; color : #333; font-weight : bold; }

#sublevel li a:hover {
	color : #fff;
	background : #03579b;
}

#sublevel li a.on{
	color : #3491db;
	background : #03579b;
}

/* ------------------------------ */
/* box */

.box {
    /* set background to cutout background color */
    background : url("/img/box_header.gif") top left repeat-x;

    padding-top : 4px; /* height of the color line */

    border-bottom : 1px solid #fff;
}
#content {
	float: left;
	width: 420px;
	position: relative;
	padding: 5px;
}
.fronthofn #content {
    padding:5px 5px 5px 0;
    width: 590px;

    }
#content .box {
    padding-top : 0px;
}

/* set different margin to left or right boxes */
.left .box { }
.right .box { }

/* box title */
.box dt {
    /* set border under title */
    border-bottom : 1px dotted #cdcdcd;

    border-top : 1px solid #cdcdcd;
    border-right : 1px solid #cdcdcd;
    border-left : 1px solid #cdcdcd;

    font-weight : bold;

    padding : 5px;
    background : #fff;
}
.box dt { border-bottom : 1px solid #cdcdcd; }

.box dt.subtitle {
    /* set border under title */
    border-bottom : 1px dotted #cdcdcd;

    border-top : 0px;
    border-right : 1px solid #cdcdcd;
    border-left : 1px solid #cdcdcd;

    font-weight : normal;

    padding : 5px;
    color : #bbb !important;
    background : #fff;
}
.box dt .right { color : #bbb !important; }

.frettir dt a, .frettir dt .left {
    font-weight : bold;
    text-decoration : none;
}

/* box content */
.box dd {
    border-right : 1px solid #cdcdcd;
    border-bottom : 1px solid #cdcdcd;
    border-left : 1px solid #cdcdcd;

    padding : 5px;
    background : #fff;
}
#content .box dd { text-align : justify; }

.right .box hr {
    border-top : 0px;
    border-right : 0px;
    border-bottom : 1px dotted #dedede;
    border-left : 0px;
    background : transparent;
    overflow : hidden;
    height : 1px;
    margin : 5px -5px 5px -5px;
    padding : 0px 10px 0px 0px;
}
.right .box hr { width : 100%; }
.right .box table { width : 100%; }

/* 2col fix */
.towns dd, .events dl dd {
    border-bottom : 0px;
}

.towns, .events dl {
    border-bottom : 0px;
}

.events dl dd {
    text-align : justify;
}

.two_col {
    padding : 0px 0px 2px 0px;
    background : url("/img/horizontalSpace.jpg") left bottom repeat-x;
}

.two_col .two_col_fix {
    background : url("/img/verticalSpace.jpg") 252px 0px repeat-y;
}

/* info texti (top) */
.info {
    width : 826px;
    height : 30px;
    text-align : right;
    line-height : 1.4em;
}
.info, .info a { color : #b2c07b; }
.info a:hover { color : #a1af6a; }
.info a.on { font-weight : bold; }

/* auglysing */
.augl {
    position : absolute;
    top : 45px;
    left : 852px;
    left : 843px;

    overflow : hidden;
    width : 160px;
}

/* elements */

h1, h2, h3, h4, h5 {
	font-weight : bold; }
h1 { font-size : 1.1em; }
h2 { font-size : 1.2em; }
h3 { font-size : 1.2em; }
h4 { font-size : 1.2em; }
h5 { font-size : 1.2em; }

#content dd ul, #content dd li, #content dd ol{ zoom : 0; }
#content dd ul, #content dd ul li ul, #content dd ol, #content dd ol li ol {
	margin-left : 10px;
	padding-left : 10px;
}

p {
	padding-bottom : 0.5em; }


.ads { color : #03589c; font-weight : bold; }



.faq {
    margin: 10px 10px 10px 15px;
}
.faq .question {
    display: block;
    padding: 5px 3px 10px 25px;
    background: 0 0 url('../img/expand.gif') no-repeat;
    text-decoration: none;
}
.faq .answer {
    padding: 10px;
    margin: -5px 0 15px 10px;
    border-left: 1px solid #EEE;
    line-height: 16px;
}


input, button , textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px #000000 solid;
	color: #000000;
	background : #fff;
}




/* ARTICLE INDEX / ITEM */

#articles {
}
	#articles h1 {
		margin-bottom: 10px;
	}
	#articles .dateAuthor {
		color: #999;
	}
	#articles .entryContent {
		margin-bottom: 20px;
	}
	#articles .entryContent .more {
		text-align: right;
		margin-top: 10px;
	}
		#articles .entryContent .more a {
			color: #03589C;
			text-decoration: none;
		}
			#articles .entryContent .more a:hover {
			text-decoration: underline;
		}
        
        

div#siteRight.content {
}
    div#siteRight.content .httext {
        padding: 10px;
    }


.index {
}
	.index .item {
		margin: 0 0 10px 0;
	}
		.index .item h1 {
			margin: 0 0 5px 0;
		}
			.index .item h1 a {
				text-decoration: none;
			}
			.index .item h1 span {
				margin: 0 0 0 5px;
				font-weight: normal;
				font-size: 9px;
				color: #666;
			}
		
		.index .item img {
			margin: 0 10px 10px 0;
		}
		
		.index .item .more {
			margin: 5px 0 0 0;
			font-weight: bold;
		}
			.index .item .more a {
				text-decoration: none;
			}