html, body, div {
	color : #fff;
	background: #000;
	font-size: 100%;


}




.dot { display : none; }
.augl { display : none; }
.header { display : none; }
.shield { display : none; }
.image right { display : none; }
.logo frame left { display : none; }
body.blue .logo { display : none; }


.large, .small, .invert {
    width : 16px;
    padding : 0px !important;
}

.large {
    background : url("/img/large/invert_over.jpg") center center no-repeat;
    margin : 0px 6px 0px 1px;
}
.large:hover { background-image : url("/img/large/invert_over.jpg"); }

.small {
    background : url("/img/large/small.jpg") center center no-repeat;
    margin : 0px 1px 0px 0px;
}
.small:hover { background-image : url("/img/large/small_over.jpg"); }

.invert {
    background : url("/img/large/large.jpg") center center no-repeat;
    margin : 0px 0px 0px 6px;
}
.invert:hover { background-image : url("/img/large/large_over.jpg"); }


.info { height : 40px; }

#site .shield { top : 66px; }

#site {
    background : #000000;
	color: #ffffff;
    /* 5px because of the 1 pix white line at the bottom */
    padding : 0px 0px 0px 0px;
	font-size: 1em;
}

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

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

#site .header .image {
    display : block;
    margin : 0px 0px -2px 0px;
    overflow : hidden;

}
#site .header .image img { display : none; }

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

#site .shield { display : none; }

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

.FixContainer1 {
    margin : 0px;
	background : #000000;
	color: #ffffff;
	font-size: 1em;
	 
}

body.undirsida .FixContainer1 {
    margin : 0px;
	background : #000000;
	color: #ffffff;
	font-size: 1em;
}


.FixContainer2 {
    margin : 1px 0px 0px 0px;
    padding : 0px 0px 30px 0px;
	background : #000000;
	color: #ffffff;
	font-size: 1em;
}




/* menu */

#menu, #menu ul, .submenu {
    background : #000000;
    list-style : none;
    /* set menu hight */
	margin-bottom: 25px;
}


.submenu {
    background : #000000;
    border-top : 0px solid #004e92;
}

#menu li, .submenu li {
    float : left; /* let's li tags float left */
    border-right : 0px solid #004e92; /* set button border */
    background : #000000;
    height : 29px;
    line-height : 29px;
}

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

#menu li a,
#menu li:hover ul a,
#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 : #ffffff;
    font-weight : bold;
    text-decoration : underline;


}

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


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

#menu li.on a,
.submenu li.on a {
    background : #000000;
    color : ##ffff00; }

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

    /* style for submenu */
    background : #000000;
    border-top : 0px 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; }


#sublevel {
    list-style : none;

	margin : 0px 0px 0px 0px;
	padding : 0px 0px 1px 0px;
	border-left : 0px solid #cdcdcd;
	border-top : 0px solid #cdcdcd;
	color: #ffffff;
    background : #000000;
}

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

#sublevel li {
	padding : 0px;
	border-bottom : 0px 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 : #000 !important; padding: 1px 0px 1px 0px; }
#sublevel ul li a { padding-left : 10px; }
#sublevel ul li a.on { background : #000; color : #fff; }

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

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

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



/* ------------------------------ */


.info {
    width : 100%;
    height : 30px;
	padding-bottom: 4px;
    text-align : left;
    line-height : 1.4em;
	font-size: 0.9em;
float: left; position: relative; background: #000000;
}
.info, .info a { color : #ffffff; }
.info a:hover { color : #ffff00; }
.info a.on { font-weight : bold; }

.leitarbox { float: left; position: relative; background: #000000; }



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

#towns  {
   background: #000000;  
   color : #fff;
	clear: both;
	float: left;
	position: relative;
	font-size: 1em;
	margin-bottom: 25px;

}


.towns a {
    text-decoration : none;
    display : block;
    width : inherit
	font-size: 1em;
   color : #fff;
}

.towns a .plus {
    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 : #ffff00;
}




/* box */

.box {
    /* set background to cutout background color */

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

    border-bottom : 1px solid #fff;
}

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

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

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

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

    font-weight : bold;
	color: #ffffff;
    padding : 5px;
    background : #000000;
}
.box dt { border-bottom : 0px solid #cdcdcd; }

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

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

    font-weight : normal;

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

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

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

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

.right .box hr {
display: none;
}

.two_col {
    padding : 0px 0px 2px 0px;
    background : #000000;
}

.two_col .two_col_fix {
    background : #000000;
}

a:link  { color: #ffffff; text-decoration: none}
a:visited { color : #ffffff;  text-decoration: none }
a:active { color : #ffff00; }
a:hover { color : #ffff00; }


p, table, td, div, ul, ol, span  {font-size: 1em; color: #ffffff;}
h1, h2, h3, h4, h5 {
	font-weight : bold; color: #ffffff; }
h1 { font-size : 1.5em; }
h2 { font-size : 1.4em; }
h3 { font-size : 1.3em; }
h4 { font-size : 1.2em; }
h5 { font-size : 1.1em; }

#content dd a {
	text-decoration : underline;
	color : #ffffff;
}

#content dd a:hover {
	text-decoration : underline;
	color : #ffff00;
}

.left a:link {
	text-decoration : underline;
	color : #ffffff;
}


body.blue dl.default, dl.blue, a.blue .plus {
    background-color : #03589c; }
body.blue dl.default dt, dl.blue dt, a.blue:hover div, body.blue a.default, body.blue .frettir dt a, body.blue .frettir dt .left {
    color : #ffffff; }
body.blue a.blue div  {
    color : #009def;
    font-weight : bold;
    text-decoration : underline; }

.lightblue, .pink, .green, .gray, .purple, .orange {
    color : #ffffff; }