@media projection, screen { .tabs-hide { display: none; } }

body { text-align: center; background: #eee url(images/body.gif) repeat-x; }
#doc { text-align: left; margin: 0 auto; width: 794px; background: white; padding: 11px; }

strong { font-weight: bold; }
em { font-style: italic; }

.clear { clear: both; }

a:link { color: #0c517c; text-decoration: underline; }
a:visited { color: #0c517c; text-decoration: underline; }
a:hover { color: #2a678c; text-decoration: none; }
a:active { color: #2a678c; text-decoration: none; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display: none; }

#header h1 { background: url(images/h1.jpg) no-repeat; height: 78px; }
#header h1 a{ height: 75px; width: 200px; display: block; }
#header ul { background: url(images/nav_ul.gif) no-repeat; height: 28px; padding-left: 12px; margin-bottom: 8px; }
#header ul li { display: inline; }
#header ul li a { display: block; float: left; height: 28px; padding: 0 12px; background: url(images/nav_li_1.gif) repeat-x; color: white; line-height: 28px; font-size: 1.1em; font-weight: normal; text-decoration: none; }
#header ul li.selected a, #header ul li a:hover { background: url(images/nav_li_2.gif) repeat-x; }

#wrapper a:link { color: #005dac; text-decoration: underline; }
#wrapper a:visited { color: #005dac; text-decoration: underline; }
#wrapper a:hover { color: #005dac; text-decoration: none; }
#wrapper a:active { color: #005dac; text-decoration: none; }

h2#skipulag, h2#mannvirki, h2#rekstur { display: block; float: left; height: 160px; width: 261px; margin-bottom: 4px; background-repeat: no-repeat; background-position: center bottom; }
h2#skipulag a, h2#mannvirki a, h2#rekstur a{ display: block; float: left; height: 160px; width: 261px; background-position: center top; }

#skipulag { background-image: url(images/skipulag_h2.jpg); margin-right: 4px; } 
#mannvirki { background-image: url(images/mannvirki_h2.jpg); margin-right: 4px; }
#rekstur { background-image: url(images/rekstur_h2.jpg); }

#col_1 h3 { background-image: url(images/h3_frettir.gif); } 
#col_2 h3 { background-image: url(images/h3_greinar.gif); }
#col_3 h3 { background-image: url(images/h3_tilvitnanir.gif); }

#wrapper h3 { margin-bottom: 1em; background-repeat: repeat-x; font-size: 1.1em; color: white; padding: 6px; text-transform: uppercase; }

.front #col_1 .item { margin: 0 1em 1em .6em; }
.front #col_1 .item h5 { font-size: 1.1em; color: #8d8d8d; }
.front #col_1 .item h4 a { font-size: 1.1em; text-decoration: none; font-weight: bold; }
.front #col_1 .item p { margin: .5em 0; text-align: justify; font-size: 1.1em; color: #4c4c4c; }
.front #col_1 .item a.more { text-decoration: none; font-size: 1.1em; font-weight: bold; color: #4c4c4c; }

.front #col_2 .item { margin: 0 1em 1em .6em; }
.front #col_2 .item h5 { font-size: 1.1em; color: #8d8d8d; }
.front #col_2 .item h4 a { font-size: 1.1em; text-decoration: none; font-weight: bold; }
.front #col_2 .item p { margin: .5em 0; text-align: justify; font-size: 1.1em; color: #4c4c4c; }
.front #col_2 .item a.more { text-decoration: none; font-size: 1.1em; font-weight: bold; color: #4c4c4c; }

.front #col_3 .item { margin: 0 1em 1em .6em; }
.front #col_3 blockquote p { margin: .5em 0; font-style: italic; line-height: 1.4em; color: #4c4c4c; }
.front #col_3 cite a { text-decoration: none; font-size: 1.1em; font-weight: bold; color: #4c4c4c; }

.back #col_1 h5 { font-size: 1.1em; color: #8d8d8d; }
.back #col_1 h4 { text-decoration: none; font-weight: bold; }
.back #col_1 p { margin: .5em 0; text-align: justify; font-size: 1.2em; line-height: 1.4em; width: 400px; color: #4c4c4c; }
.back #col_1 {  }

#buzz { }
#buzz ul.anchors { border-left: 1px solid #ccc; padding-left: 10px; height: 25px; background: url(images/h3_greinar.gif) repeat-x; } * html #buzz ul { margin-bottom: -0px; }
#buzz ul.anchors li { display: block; float: left; }
#buzz ul.anchors li a, 
#buzz ul.anchors li a:link, 
#buzz ul.anchors li a:visited { outline: none; display: block; height: 25px; line-height: 24px; padding: 0 9px; border: 4px solid white; border-width: 0 2px; font-weight: bold; font-size: 1.1em	; background: url(images/h3_tilvitnanir.gif) repeat-x; color: white; }
	* html #buzz ul.anchors li a, 
	* html #buzz ul.anchors li a:link, 
	* html #buzz ul.anchors li a:visited { width: 40px; text-align: center; }
#buzz ul.anchors li a:active, 
#buzz ul.anchors li a:focus, 
#buzz ul.anchors li a:hover, 
#buzz ul.anchors li.on a { background: white; color: black; }
#buzz .fragment { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; width: 240px; }

.back #col_1 .item { padding: 1em 2em; }
.back #col_1 h4 { font-size: 1.8em; text-transform: uppercase; margin-bottom: .5em; }
.back #col_1 h5 { font-size: 1.2em; font-style: italic; font-weight: normal; }
.back #col_1 p { line-height: 1.6em; }

.back #col_3 .item blockquote { font-style: italic; margin-bottom: 1em; font-size: 1.3em; }
.back #col_3 .item a.more { font-size: 1em; }
.back #col_3 .item { margin-bottom: 1em; }
.back #col_3 .fragment{ margin-bottom: 20px; }
.back #col_3 .fragment ul { padding-left: 16px; list-style-type: disc; list-style-position: outside; }
.back #col_3 .fragment ul li { padding-bottom: 2px; border-bottom: 1px solid #ccc; margin-bottom: 2px; }
.back #col_3 .fragment ul li a { font-weight: normal; text-decoration: none; }
.back #col_3 .fragment ul li a:hover { text-decoration: underline; }
.back #col_3 .fragment ul li {  }

#footer { background: #616161; height: 25px; }
