html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    xbackground:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

li {
	list-style-type: none;
}@font-face {
  font-family: 'Archer';
  font-style: normal;
  font-weight: 200;
  src: local('Archer'), url('/font/ArcherPro-Hairline.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: normal;
  font-weight: 300;
  src: local('Archer'), url('/font/ArcherPro-Thin.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: normal;
  font-weight: 400;
  src: local('Archer'), url('/font/ArcherPro-XLight.otf') format('opentype');
}

@font-face {
 font-family: 'Archer';
  font-style: normal;
  font-weight: 500;
  src: local('Archer'), url('/font/ArcherPro-Light.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: normal;
  font-weight: 600;
  src: local('Archer'), url('/font/ArcherPro-Book.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: normal;
  font-weight: 700;
  src: local('Archer'), url('/font/ArcherPro-Medium.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: normal;
  font-weight: 800;
  src: local('Archer'), url('/font/ArcherPro-Semibold.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: normal;
  font-weight: 900;
  src: local('Archer'), url('/font/ArcherPro-Bold.otf') format('opentype');
}




@font-face {
  font-family: 'Archer';
  font-style: italic;
  font-weight: 200;
  src: local('Archer'), url('/font/ArcherPro-HairlineIta.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: italic;
  font-weight: 300;
  src: local('Archer'), url('/font/ArcherPro-ThinIta.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: italic;
  font-weight: 400;
  src: local('Archer'), url('/font/ArcherPro-XLightIta.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: italic;
  font-weight: 500;
  src: local('Archer'), url('/font/ArcherPro-LightIta.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: italic;
  font-weight: 600;
  src: local('Archer'), url('/font/ArcherPro-BookIta.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: italic;
  font-weight: 700;
  src: local('Archer'), url('/font/ArcherPro-MediumIta.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: italic;
  font-weight: 800;
  src: local('Archer'), url('/font/ArcherPro-SemiboldIta.otf') format('opentype');
}

@font-face {
  font-family: 'Archer';
  font-style: italic;
  font-weight: 900;
  src: local('Archer'), url('/font/ArcherPro-BoldIta.otf') format('opentype');
}

@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 100;
  src: url('/font/AvenirLight.ttf') format('truetype');
}

@font-face {
  font-family: 'Avenir';
  font-style: italic;
  font-weight: 100;
  src: url('/font/AvenirLightObl.ttf') format('truetype');
}

@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 300;
  src: url('/font/AvenirBook.ttf') format('truetype');
}

@font-face {
  font-family: 'Avenir';
  font-style: italic;
  font-weight: 300;
  src: url('/font/AvenirBookObl.ttf') format('truetype');
}

@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 400;
  src: url('/font/AvenirMedium.ttf') format('truetype');
}

@font-face {
  font-family: 'Avenir';
  font-style: italic;
  font-weight: 400;
  src: url('/font/AvenirMediumObl.ttf') format('truetype');
}

@font-face {
  font-family: 'Avenir';
  font-style: normal;
  font-weight: 600;
  src: url('/font/AvenirBlack.ttf') format('truetype');
}

@font-face {
  font-family: 'Avenir';
  font-style: italic;
  font-weight: 600;
  src: url('/font/AvenirBlackObl.ttf') format('truetype');
}


div, span, a, ul, ol, li, header, footer, nav, p {
	display: block;
	position: relative;
	float: left;
}

* {
	background-position:center;
}

.hide {
	display: none;
}

a { text-decoration: none; color: black; }


*::selection {
	background: #5b93c0;
	color: white;
}


a:hover {
	cursor: pointer;
}

p a, h3 a {
	color: #5f7488;
	float: none;
	position: static;
	display: inline;
}

html {
	font-size: 13px;
	font-weight: 300;
	font-family: "Avenir", Helvetica, Arial, sans-serif;
	background-color: #fffbfc;
	background-color: #060a0c;
	xopacity: 0.5;
	/*background-image: url(/Work/Bakgrunnur/litabakgrunnur.jpg);
	background-attachment:fixed;
	background-position:bottom;
	background-repeat: no-repeat;*/
	/*background-image: url(/Work/Bakgrunnur/StarWars.jpg);
	xbackground-attachment:fixed;
	xbackground-position:bottom;
	background-repeat: repeat;*/
	background-image: url(/Munstur_forsidu2.jpg);
	background-attachment:fixed;
	background-position:top;
	background-repeat: repeat-x;
	-webkit-font-smoothing: subpixel-antialiased;
}

body {
	min-width: 700px;
	max-width: 940px;
	height: 100%;
	margin: auto;
	overflow: visible;
}

.full {
	width: 100%;
	float: none;
}

.span50 {
	width: 50%;
}

h1, h2 {
		/* Rosalega svartur og hvítur texti
		text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 10px rgba(0,0,0,0.2);*/
	text-shadow: -1px 1px 0px #ffeff0, 1px 1px 1px #ccd3dd, 2px 2px 1px #ccd3dd;
	color: white;
	font-weight: 600;
	font-family: Archer;
	background: none;
	padding: 10px 0px;
	margin: 0px;
	font-style: italic;
	width: 100%;
	text-align: center;
	color: #6eaa17;
}

h1 {
	text-shadow: 0px 1px 0px white, 0px 1px 2px rgba(0,0,0,0.2), 0px 0px 10px rgba(0,0,0,0.2);
	color: #2f4c64;

	text-shadow: -1px 1px 0px #ffeff0, 1px 1px 1px #ccd3dd, 2px 2px 1px #ccd3dd;
	color: #2f4c64;
	font-style: italic;
	text-align: center;
	font-family: Archer;
	width: 100%;
	font-size: 40px;
	padding: 20px 0px;
}

h2 {
	font-size: 25px;
}

h3 {
	font-size: 18px;
}

h4 {
}

h5 {
}

h6 {
}


.blattH {
	color: #5893c5;
}

.dokkblattH {
	color: #305a7b;
}

.graentH {
	color: #70b429;
}

.rauttH {
	color: #92111c;
}

.gultH {
	color: #c0b52d;
}

.appelsinugultH {
	color: #c49621;
}


.container {
	width: 100%;
	min-height: 200px;
	background-color: white;
	border: 1px solid black;
	margin: -1px;
	z-index: -5;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 10px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.3), 0 10px 30px rgba(0,0,0,0.3);
}

footer {
	text-shadow: 0px 1px 2px black;
	color: white;
	text-align: center;
	margin-top: 30px;
	height: 50px;
	width: 100%;
	opacity: 0.6;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	z-index: 1;
}

/* Gamli takkinn 
.takki {
	background-repeat: repeat-x;
	text-shadow: 0px 1px 1px white;
	padding-left: 17px;
	padding-bottom: 12px;
	padding-right: 17px;
	padding-top: 12px;
	font-weight: bold;
	font-size: 13px;
	font-family: Helvetica;
	clear: both;
	position: relative;
	text-align: center;
	float: right;
	border-color: #a09d97;
	color: #282828;
	border-width: 1px;
	border-style: solid;
	background-color: #f0ebee;
	min-width: 20px;
	height: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-image: url(images/gradient.png);
	cursor: pointer;
	margin-bottom: 20px;
	margin-top: 20px;
	position: absolute;
	z-index: 20;
	right: 0px;
}
.takki:hover {
	background-color: #f2f2f2;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfdfd), to(#f1f1f1));
}*/


.takki {
	background-repeat: repeat-x;
	background-image: url(/css/images/takkiraudur.png);
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 10px rgba(0,0,0,0.5);
	color: white;
	font-weight: 800;
	font-family: Archer;
	border: 1px solid #5f0000;
	padding: 8px 10px;
	padding-top: 7px;
	margin: 0px;
	font-size: 15px;
	font-style: normal;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: rgba(0,0,0,0.3);
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	display: none;
	position: absolute;
	right: 0px;
	z-index: 30;
}

x.takki:hover {
	color: white;
	background-color: rgba(0,0,0,0.6);
	display: none;
}

x*:hover > .takki {
	display: inline;
}

.venjulegur_takki {
	float: center;
	position: relative;
	margin-bottom: 10px;
	display: block!important;
}



.litill_svartur_takki {
	background-image: url(/css/images/mynda_options.png);
	text-shadow: 0px 1px 0px black, 0px 1px 2px rgba(0,0,0,0.3);
	border: 1px solid #191a23;
	padding: 7px 10px;
	margin: auto;
	font-size: 13px;
	font-style: normal;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: rgba(0,0,0,0.3);
	xfloat: right;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 10px;
	display: none;
	position: relative;
	right: 0px;
	z-index: 30;
	text-align: center;
	opacity: 0.9;
}

.litill_svartur_takki:hover {
	color: white;
	background-color: rgba(0,0,0,0.8);
	display: none;
	opacity: 1;
}



.clearall {
	width: 100%;
	height: 1px;
}

.clearalot {
	width: 100%;
	height: 80px;
}

a.admintakki {
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: center;
	width: 60px;
	margin-left: -62px;
	left: 0px;
	top: -1px;
	position: absolute;
	background-color: white;
	-webkit-border-radius-topleft: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	border: 1px solid black;
	border-right: none;
}

.gratt {
	text-shadow: 1px 1px 1px #e7e7e7;
	color: #959595;
}

.supercenter {
	width: 100%;
	text-align: center;
	min-height: 20px;
}

.spantop {
	margin-top: 10px!important;
}

.spanbottom {
	margin-bottom: 10px!important;
}


#litiddialogue {
	font-family: Archer;
	text-align: center;
	z-index: 200;
	background-color: white;
	margin-left: -100px;
	width: 200px;
	left: 50%;
	xtop: 50%;
	position: fixed;
	border: 3px solid rgba(0,0,0,0.8);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0px 1px 15px rgba(0,0,0,1);
	-moz-box-shadow: 0px 1px 15px rgba(0,0,0,1);
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
	color: #0d0d0d;
	padding: 20px;
}

.background_black {
	background-color: #63a035!important;
}

.minnigluggi {
	margin-left: 20%;
	width: 60%;
}

.litillgluggi {
	margin-left: 15%;
	width: 70%;
}

.always_show {
	display: block!important;
}

.border_top {
	border-top: 1px solid black;
	width: 100%;
	height: 100%;
}

.edit_icon {
	margin: 10px;
	padding: 0px;
	width: 16px;
	float: right;
	background-image: url(/css/images/icon.png);
	background-position: 0px 0px;
	height: 16px;
	cursor: pointer;
	right: 0px;
	position: absolute;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	z-index: 40;
}

.edit_icon:hover {
	background-position: -16px 0px;
}

.plusicon {
	background-image: url(/css/images/icon.png);
	margin-top: -20px;
}

.floatleft {
	text-align: left;
	float: left;
}
/*#gulur_bakgrunnur {
	z-index: -20;
	top: 0px;
	left: 50%;
	margin-left: -418px;
	position: fixed;
	height: 284px;
	width: 836px;
	background-image: url(/Work/Bakgrunnur/gulur_bakgrunnur.png);
}

x.litabakgrunnur {
	z-index: -20;
	bottom: 0px;
	left: 50%;
	margin-left: -1120px;
	position: fixed;
	height: 719px;
	width: 2140px;
	background-image: url(/Work/Bakgrunnur/litabakgrunnur.jpg);
}

xcanvas {
	background: rgba(0,0,0,0.5);
	height: 400px;
	width: 800px;
	position: fixed;
}*/

/*
#bakgrunnur {
	left: 0px;
	top: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}*//* Navigation listi */

/*nav {
	font-size: 12px;
	font-family: "Avenir";
	text-transform: uppercase;
	text-align: center;
	padding-top: 73px;
	padding-bottom: 50px;
	width: 80%;
	padding-left: 10%;
	padding-right: 10%;
	float: none;
}

nav a {
	text-shadow: 0px 1px 1px white, 1px 0px 1px lightgrey;
	color: #747474;
	float: left;
	width: 16.6%;
}nav a:hover {
	text-shadow: 0px 1px 1px white;
	color: black;
}

nav a > span {
	left: 50%;
	right: 50%;
	overflow: visible;
}
nav a span span {
	margin-left: -50%;
}*/

nav {
    font-size: 12px;
    font-family: "Avenir";
    text-transform: uppercase;
    text-align: center;
    padding-top: 73px;
    padding-bottom: 50px;
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    float: none;
}

nav a {
    text-shadow: 0px 1px 1px black, 1px 0px 1px lightgrey;
    color: #747474;
    float: left;
    width: 16.6%;
    color: white;
}nav a:hover {
    text-shadow: 0px 1px 1px white;
    color: white;
}

nav a > span {
    left: 50%;
    right: 50%;
    overflow: visible;
}
nav a span span {
    margin-left: -50%;
}
#login {
	height: 34px;
	width: 100%;
	border: 1px solid black;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

#login > span {
	background-image: url(/forsidumyndir/sveinbjorg.jpg);
	background-repeat: no-repeat;
	border: 1px solid black;
	margin: -1px;
}

#login > span:first-child {
	background-position: 0px 0px;
	background-color: #005ab8;
	height: inherit;
}

#login > span:first-child > form, #login > span:first-child > p {
	padding-left: 120px;
}


#login > span:last-child {
	background-position: 0px -38px;
	background-color: #9d1800;
	height: inherit;
}

#password_hide {
	display: none;
}



input, textarea, .xnicEdit-main {
	border-color: #4f4f4f;
	border-width: 1px;
	border-style: solid;
	color: #454545;
	font-size: 12px;
	outline: none;
	padding: 4px;
	margin: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.3);
}

input:focus, textarea:focus {
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

/* Inputin í innskráningunni */
.input {
	width: 105px;
}


#login input, #login textarea {
	border-color: #272727;
	border-width: 1px;
	border-style: solid;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#login input:focus, #login textarea:focus {
	-webkit-box-shadow: 0 0 5px black;
	-moz-box-shadow: 0 0 5px black;
}

input.supercenter {
	margin: 0;
	padding: 0 10;
}

.submit, #login input.submit {
	background-repeat: repeat-x;
	background-image: url(/css/images/takkigraenn.png);
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 10px rgba(0,0,0,0.5);
	color: white;
	font-weight: 800;
	font-family: Archer;
	border: 1px solid #003644;
	padding: 2px 10px;
	padding-top: 3px;
	margin: 0px;
	font-size: 14px;
	font-style: normal;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: rgba(0,0,0,0.1);
}

.submit:hover {
	text-shadow: 0px 1px 1px black, 0px 1px 3px black, 0px 0px 10px black;
	color: #f1f1f1;
}

.utskra {
	position: absolute;
	right: 5px;
	top: 5px;
}

a.submit {
	padding: 4px 12px!important;
	margin-left: 12px!important;
}

#sveinbjargartexti, .texti, #sveinbjargarnidurstodubox {
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 10px rgba(0,0,0,0.5);
	color: white;
	font-weight: 800;
	font-family: Archer;
	background: none;
	padding: 9px 10px;
	margin: 0px;
	font-size: 14px;
	font-style: italic;
	padding-left: 40px;
}

#sveinbjargartexti {
	padding-left: 20px;
}

.texti {
	font-style: normal;
	margin-left: 10px;
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
}

.texti span {
	margin-top: -1px;
	line-height: 20px;
	max-width: 260px;
	overflow: hidden;
	height: 20px;
}


#sveinbjargarnidurstodur {
	background: rgba(0,0,0,0.5);
	outline: 1px solid black;
	z-index: 30;
	top: 35px;
	width: 100%;
	position: absolute;
	display: none;
	color: white;
}

#sveinbjargarnidurstodur a {
	height: 40px;
	width: 100%;
}

#sveinbjargarnidurstodubox a {
	height: 40px;
	width: 50%;
}

.sveinbjbox a:hover {
	background-color: rgba(168,214,255,0.6);
}

.sveinbjbox a span:last-child {
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 1px rgba(0,0,0,0.5);
	color: white;
	font-weight: 700;
	font-family: Archer;
	padding: 2px 10px;
	padding-top: 13px;
	margin: 0px;
	font-size: 16px;
	font-style: normal;
	cursor: pointer;
	overflow: hidden;
	width: 260px;
	padding-left: 60px;
	position: absolute;
}

.sveinbjbox i {
	font-weight: 300;
	padding-left: 8px;
	font-style: normal;
}

#sveinbjargarnidurstodubox {
	z-index: 20;
	background-color: rgba(0,0,0,0.5);
	margin-left: -325px;
	margin-top: -250px;
	width: 650px;
	max-height: 500px;
	min-height: 200px;
	left: 50%;
	top: 50%;
	position: fixed;
	border: 1px solid rgba(0,0,0,0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0px 1px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 15px rgba(0,0,0,0.5);
	display: none;
	overflow-y: auto;
	overflow-x: hidden;
	color: white;
}

#fleirinidurstodur {
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 1px rgba(0,0,0,0.5);
	color: white;
	font-weight: 300;
	font-family: Archer;
	padding: 0;
	margin: 0px;
	font-size: 13px;
	font-style: normal;
	cursor: pointer;
	width: 100%;
	text-align: center;
	height: 30px;
	padding-top: 20px;
}

#fela {
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: fixed;
	background-color: rgba(0,0,0,0.2);
	z-index: 2;
	display: none;
}









.loginerror {
	width: 500px;
	left: 50%;
	margin-left: -250px;
}

.loginerror img {
	border: 1px solid rgba(0,0,0,0.8);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 50px -1px;
}#spjallid a#sendamerpost {
	height: 16px;
	width: 100%;
	background: #991800;
	background-repeat: repeat-x;
	background-image: url(/css/images/redgradient.jpg);
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 2px rgba(0,0,0,0.5);
	color: white;
	font-weight: 400;
	font-family: Archer;
	border: 1px solid #5f0000;
	padding: 10px 10px!important;
	padding-top: 7px;
	font-size: 15px;
	font-style: normal;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 20px;
	right: 0px;
	z-index: 30;
	font-style: italic;
	text-align: center;
}



  /*-------------*/
 /*    Logo     */
/*-------------*/
#skolafelagid {
	left: -115px;
	background-position: 0px 0px;
	height: 166px;
	width: 225px;
}

#skolafelagid:hover {
	-webkit-transform: rotate(-10deg) scale(1.1);
	-moz-transform: rotate(-10deg) scale(1.1);
	-o-transform: rotate(-10deg) scale(1.1);
}

#framtidin {
	right: -100px;
	width: 167px;
	height: 165px;
	background-position: -226px;}

#framtidin:hover {
	-webkit-transform: rotate(10deg) scale(1.1);
	-moz-transform: rotate(10deg) scale(1.1);
	-o-transform: rotate(10deg) scale(1.1);
}

.skolalogo {
	z-index: 12;
	top: 18px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(/forsidumyndir/skolafelogin.png);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	cursor: pointer!important;
}
.skolalogo:hover {
	-cwebkit-transform: scale(10);
}





/*
#frettir > span:first-child {
	background-color: #ff737d;
	outline: 1px solid black;
}

#frettir > span:last-child {
	background-color: #b4ccff;
	outline: 1px solid black;
}

#frettir > span > div {
	background-repeat: no-repeat;
	width: 100%;
	outline: 1px solid black;
	clear: left;
	background-position: center;
}

#frett1 {
	background-image: url(/forsidumyndir/1.png);
	xheight: 84px;
	height: 24%;
}

#frett2 {
	background-image: url(/forsidumyndir/2.png);
	xheight: 142px;
	height: 42%;
}

#frett3 {
	background-image: url(/forsidumyndir/3.png);
	xheight:123px;
	height: 35.5%;
}

#frett4 {
	background-image: url(/forsidumyndir/4.png);
	xheight: 118px;
	height: 34%;
}

#frett5 {
	background-image: url(/forsidumyndir/5.png);
	xheight: 121px;
	height: 35%;
}

#frett6 {
	background-image: url(/forsidumyndir/6.png);
	xheight:110px;
	height: 32%;
}*/



  /*--------------*/
 /*   Spjallið   */
/*--------------*/
#spjallid {
	width: 25%;
	margin: 3%;
	margin-top: 0;
}


  /*----------------*/
 /*   Fréttirnar   */
/*----------------*/

.frettirnar {
	xpadding: 10%;
	xpadding: 10%;
	margin-left: -1px;
	margin-bottom: 20px;
	margin-right: -1px;
	margin-top: -1px;
	xborder-color: #a6b5c3;
	xborder-width: 1px;
	xborder-style: solid;
	xbackground-color: #edf5f5!important;
	width: 100%!important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin-top: 0px;
}

#frettirnar {
	width: 37%!important;
	margin-top: 0;
	padding: 0 3%;
}

.frettirnar p, #frettir span {
	font-size: 13px;
	line-height: 1.8em;
	float: left;
	position: relative;
	display: inline;
	width: 100%;
	margin-bottom: 10px;
	text-shadow: 0px 1px 0px white;
}
.frettirnar h2 {
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	font-size: 20px;
	clear: both;
}

.litidlineheight {
	line-height: 1.2em;
}



  /*------------*/
 /*   Myndir   */
/*------------*/

#myndirnar {
	width: 100%;
	border-top: 1px solid black;
	overflow: hidden;
	height: 300px;
}

#myndirnar #myndaalbum_container {
	width: 100%;
	height: 300px;
}

#myndirnar #thumbs {
	display: none!important;
}

/*#myndirnar #thumbs li {
	width: 10%;
}*/




  /*------------*/
 /*   Afmæli   */
/*------------*/
#afmaelin {
	width: 20%;
	float: right;
}

#afmaelin h6 {
	width: 100%;
	font-style: italic;
	font-family: Archer;
	font-weight: 300;
}

#afmaelishundur{
	width: 140px;
	bottom: 300px;
	right: 0px;
	position: absolute;
}

.pinkulitillnemandi {
	height: 40px;
	width: 33px!important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	vertical-align: baseline;
}

.pinkulitillnemandi i {
	font-size: 13px!important;
}


.litillnemandi {
	height: 90px;
	width: 75px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.medalnemandi {
	height: 130px;
	width: 108px;
}

.persona img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.persona i, .litillnemandi i ,.pinkulitillnemandi i {
	position: absolute;
	bottom: 0px;
	right: 0px;
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 10px rgba(0,0,0,0.5);
	color: white;
	font-weight: 800;
	font-family: Archer;
	font-size: 15px;
	padding-right: 5px;
}

.upplysingarumnemanda {
	font-family: Archer;
	color: white;
	background-color: rgba(0,0,0,0.6);
	font-size: 13px;
	display: none;
	position: absolute;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	z-index: 25;
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 10px rgba(0,0,0,0.2);
}

*:hover > .upplysingarumnemanda {
	color: white;
	display: block;
}

.nemendamyndirklessa .upplysingarumnemanda {
	top: 70px;
}

.popuplitid {
	overflow: hidden;
	position: absolute;
	height: 15px;
	width: 75px;
	text-align:center;
	text-shadow: 1px 1px 0px black;
	color: white;
	font-style: italic;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

  /*-------------*/
 /*   Fréttir   */
/*-------------*/
#frettir {
	background-color: white;
	width: 100%;
	min-height: 140px;
	margin-bottom: 30px;
}

#frettir > span {
	z-index: 2;
	width: 50%;
	min-height: inherit;
	height: 345px;
	overflow: hidden;
}

.risastorfrett {
	height: 339px;
	width: 100%;
	background-image: url(/forsidumyndir/arshatid2.jpg);
}

.litilfrett {
	width: 50%;
	height: 100px;
	float: left;
}

#busarave {
	background-image: url(/forsidumyndir/morfis.jpg);
	width: 100%;
	height: 100px;
	float: left;
	display: none;
}

#isbillinn {
	background-image: url(/forsidumyndir/megavika.jpg);
}

#akademian {
	background-image: url(/forsidumyndir/Akademian.png);
	max-width: 345px;
	width: 33%;
}

#skreyto {
	background-image: url(/forsidumyndir/Iocer.jpg);
	max-width: 345px;
	width: 33%;
}

#godgerdar {
	background-image: url(/forsidumyndir/Godgerdar.jpg);
	max-width: 345px;
	width: 34%;
}


/* STAR WARS ÞEMA */
#bakgrunnur {
	display: none;
	opacity: 0;
}




#frettir div {
	background-repeat: no-repeat;
	border: 1px solid black;
	background-position: center;
	cursor: pointer;
	margin: -1px;
	margin-bottom: 0px;
}

#frettir div:hover {
	background-repeat: no-repeat;
	xoutline: 1px solid black;
	background-position: center;
	cursor: pointer;
	z-index: 50;
}

#frettir div span.white, #sendamerpost span.white, * > span.white {
	opacity: 0;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: absolute;
	background: white;
	margin: 0px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}

#frettir div:hover span.white, #sendamerpost:hover span.white, *:hover > span.white  {
	opacity: 0.1;
}

#frettir div span.frettirefni {
	display: none;
}

#frettir div:hover span.frettirefni {
	display: block;
}

span.frettirefni {
	border-color: #93a6b6;
	border-width: 1px;
	border-style: solid;
	border-bottom: none;
	background-color: rgba(255,255,255,0.8);
	height: 180px;
	top: -202px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	z-index: 48;
	padding: 10px 10%;
	width: 80%!important;
}

#skreyto span.frettirefni {
	height: 260px;
	top: -292px;
}

span.frettirefni.margin_alot {
	padding-top: 60px;
	height: 130px;
}

span.frettirefni.margin_small {
	padding-top: 20px;
	height: 170px;
}

.alvorugrein {
	display: none;
}


.risastorfrett span.frettirefni {
    height: 200px;
    top: 55px;
    width: 330px!important;
    padding: 20px!important;


}

@media (max-width: 1200px) {

.risastorfrett span.frettirefni {
	height: 266px;
	width: 360px!important;
}
}#allirbekkir {
	background-image: url(/css/images/bekkjarbakgrunnur.jpg);
	height: 110px;
	background-color: #bcbcbc;
	width: 100%;
	border-bottom: 1px solid black;
}

#allirbekkir > div {
	width: 20%;
	margin-top: 15px;
	padding: 0px 1%;
}

#allirbekkir > div:first-child {
	margin-left: 7%;
}


#allirbekkir > div > div {
	width: 100%;
}

#allirbekkir > div > div > a {
	line-height: 2.2em;
	xheight: 25px;
	text-align: center;
	width: 25%;
	font-size: 16px;
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px -1px 2px black, 0px 3px 10px rgba(0,0,0,1);
	color: white;
	font-weight: 900;
	font-family: Archer;
	margin-bottom: 10px;
}

#allirbekkir > div > div.sp5 > a {
	width: 20%;
}

#allirbekkir > div > div > a:hover {
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px -1px 2px black, 0px 3px 10px rgba(0,0,0,1), 0px 0px 10px rgba(0,0,0,0.5), 0px 6px 3px rgba(0,0,0,0.5);
	margin-top: -3px;
	margin-bottom: 3px;
}





.bekkjarhlidarlisti {
	background-repeat: repeat-y;
	background-image: url(/css/images/bekkjarlisti.jpg);
	background-position: right; 
	position: absolute;
	bottom: 0px;
	top: 0px;
	background-color: #9db9d2;
	width: 20%;
	padding: 30px 0px;
	-webkit-box-shadow: inset -5px 0px 10px rgba(0,0,0,0.3);
}

.bekkjarhlidarlisti .h1, .bekkjarhlidarlisti h1 {
	padding-bottom: 5px;
	padding-top: 10px;
	text-transform: uppercase;
	xtext-shadow: 0px 1px 0px black, 0px 2px 0px black;
	color: white;
	font-style: normal;
	font-weight: normal;
	font-family: Avenir;
	width: 100%;
	text-align: center;
	font-size: 70px;
	text-shadow: -1px 1px 0px rgba(0,0,0,0.3), 1px 1px 0px  rgba(0,0,0,0.8), 2px 2px 0px  rgba(0,0,0,0.8), 0px 0px 100px white;
}

.bekkjarhlidarlisti h4, .bekkjarhlidarlisti h4 a {
	text-align: center!important;
	font-size: 13px;
	text-shadow: 0px 1px 0px black, 0px 1px 2px black;
	color: white;
	font-weight: 500;
	font-family: Archer;
	width: 100%;
}

.bekkjarhlidarlisti .braut {
	margin-top: 10px;
	font-size: 16px;
}

.bekkjarradsmadur i {
	font-size: 12px;
}

.bekkjarhlidarlisti h4.stofa {
	margin-bottom: 40px;
	font-size: 12px;
}

.nemendafjoldi {
	margin-top: 50px;
	margin-bottom: 50px;
}

.nemendafjoldi b {
	font-size: 22px;
}




.bekkjarlisti {
	min-height: 300px;
	height: 100%;
	width: 80%;
	float: right;
	outline: 1px solid black;
}

.nemandi {
	outline: 1px solid black;
	width: 50%;
	height: 235px;
	background: white;
	overflow: hidden;
	padding: 0px;
	color: black;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
}

.nemandi:hover {
	background-color: #e8ebf1;
	cursor: pointer;
}

.nemandi h3 {
	line-height: 1.2em;
	text-shadow: 0px 1px 0px black;
	color: #447591;
	font-family: Archer;
	font-size: 25px;
	font-weight: 400;
	overflow: hidden;
}

.nemandi:hover h3 {
	color: #293047;
	font-weight: 500;
}

.nemandi h3 span.smaekkad {
	font-size: 20px;
}

.nemandamynd {
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #686868;
	background-repeat: no-repeat;
	background-position: center;
	height: 235px;
	max-width: 180px;
	width: 48%;
	padding: 0px!important;
}

.nemandi .upplysingar {
	float: left;
	width: 42%;
	padding-left: 5%;
	padding-top: 30px;
	line-height: 1.5em;
	font-weight: 400;
}

.nemandi .upplysingar > p {
	line-height: 1.6em;
	padding-top: 10px;
	width: 100%;
}

.nemandi.bekkjarradsmadur {
	background-color: #ffcaf7;
}

.nemandi.bekkjarradsmadur .stada:before {
	content: "Bekkjarráðsmaður";
}

.nemandi .stada {
	font-size: 12px;
	font-style: italic;
	font-family: Georgia;
	padding-bottom: 3px;
}

.nemandi .simi {
	width: 100%;
	font-weight: 700;
	font-family: Archer;
}



.bekkjarlistilodrett {
	width: 23%;
	height: 100%;
	margin-left: 20%;
}

.bekkjarlistilodrett a {
	width: 25%;
}

.nemandilodrett {
	width: 100%;
	height: 30px;
	background: white;
	overflow: hidden;
	line-height: 3em;
	color: #355b70;
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid #ababab;
}


.nemandamyndlodrett {
	height: 100%;
	width: 30px;
	position: absolute;
}

.nemandilodrett h4 {
	font-style: normal;
	font-weight: normal;
	word-break: keep-all;
	padding-left: 40px;
	margin-top: -6px;
	font-family: 'Avenir';
	font-weight: 400;
}

.nemendamyndirklessa {
	background-repeat: no-repeat;
	width: 50px;
	height: 70px;
	background-position-x: center;
}



.einnnemandi {
	width: 57%;
	float: right;
	min-height: 300px;
	height: 100%;
	flocat: right;
	outline: 1px solid black;
}

.einnnemandi h3 {
  	font-style: normal;
  	font-weight: 600;
  	font-size: 30px;
	line-height: 2em;
	text-shadow: 0px 1px 0px black;
	color: #447591;
	font-family: Archer;
	font-size: 33px;
	font-weight: 500;
	overflow: hidden;
	width: 100%;
	text-align: center;
}

.einnnemandi img {
	background-color: #bdbdbd;
	outline: 1px solid black;
	float: left;
	height: 433px;
	width: 288px;
}

.einnnemandi p {
	line-height: 1.6em;
	padding-top: 10px;
	width: 100%;
	font-size: 14px;
}

.einnnemandi > .upplysingar {
	xpadding-left: 20px;
	position: absolute;
	left: 310px;
	font-family: Archer;
	font-weight: 600;
}
/*
.einnnemandi x> div {
	padding: 30px;
	right: 288px;
	top: 0px;
	bottom: 0px;
	position: absolute;
}*/

.margintop {
	margin-top: 20px;
}


#map_canvas {
	background-color: black;
	width: 100%;
	height: 300px;
	position: relative;
	border-top: 1px solid black;
}

#map_canvas * {
	outline: none;
	background: none;
}




/* AÐALSÍÐAN */

.tuttugu_i_hverri_rod {
	width: 5%;
}




/* BREYTA SÉR */
.editform h4 {
	padding-bottom: 5px;
	width: 100%;
}
.editform input  {
	margin-bottom: 9px;
	width: 100%;
}
.fullwidth  {
	width: 100%;
}


#embaettismannatal {
	width: 100%;
}

#embaettismannatal h2.staerra {
	font-size: 30px!important;
}

#embaettismannatal > div > span {
}

#embaettismannatal > * {
	height: 100%;
}

#embaettismannatal h2 {
	width: 100%;
	color: #255766;
	margin-top: 10px;
	font-size: 18px;
}

#embaettismannatal .persona i {
	display: none;
}

#embaettismannatal .persona > b {
	position: absolute;
	bottom: 4px;
	left: 4px;
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 10px rgba(0,0,0,0.5);
	color: white;
	font-weight: 600;
	font-family: Archer;
	font-size: 15px;
	padding-right: 5px;
}


.embaettistakki {
	height: 16px;
	width: 80%!important;
	background: #991800;
	background-repeat: repeat-x;
	background-image: url(/css/images/redgradient.jpg);
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 10px rgba(0,0,0,0.5);
	color: white;
	font-weight: 400;
	font-family: Archer;
	border: 1px solid #5f0000;
	padding: 10px 0px!important;
	padding-top: 7px;
	margin-bottom: 20px;
	margin-left: 10%;
	font-size: 15px;
	font-style: normal;
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-top: 20px;
	right: 0px;
	z-index: 30;
	font-style: italic;
	text-align: center;
}

.embaettistakki.skolafelagstakki {
	background: #991800;
	background-image: url(/css/images/bluegradient.jpg);
}

.embaettismannalisti {
	padding-right: 1px;
	display: none;
	z-index: 5!important;
	margin: 0!important;
}

.span50.validembaetti {
	margin-right: -1px;
	margin-left: -1px;
	xbackground-color: #e9eeff;
	border-left: 1px solid black;
	border-right: 1px solid black;
	z-index: 20;
}
#embaettismennskolafelagsins {
	border-left: none;
}

#embaettismannatal > div {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}
.lowopacity {
	opacity: 0.4;
	border-bottom: 1px solid black;
	margin-bottom: 0px;
	z-index: 10;
	background-color: #bfdcea;
	-moz-box-shadow:inset -10px -4px 20px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset -10px -4px 20px rgba(0,0,0,0.4);
	box-shadow: inset -10px -4px 20px rgba(0,0,0,0.4);
}
.lowopacity:hover {
	opacity: 1!important;
}
#framtidinsection.lowopacity {
	-moz-box-shadow:inset 10px 4px 20px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 10px 4px 20px rgba(0,0,0,0.4);
	box-shadow: inset 10px 4px 20px rgba(0,0,0,0.4);
}


.upplysingarumnemanda {
	font-family: Archer;
	color: white;
	background-color: rgba(0,0,0,0.6);
	font-size: 13px;
	display: none;
	position: absolute;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
	padding: 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
	z-index: 205;
	text-shadow: 0px 1px 0px black, 0px 1px 2px black, 0px 0px 10px rgba(0,0,0,0.2);
}

.textright {
	text-align: left;
}

.floatright {
	clear: right;
	float: right;
}

.floatleft {
	float: left;
}

.eittembaetti {
	width: 250px;
}

#embaettismannatal .eittembaetti h2 {
	background-repeat: no-repeat;
	font-size: 15px;
}

/*
.span20 > a {
	width: 20%;
}

.span20 img, .span16 img {
	width: 100%;
}

.span20, .span16 {
	width: 100%;
}


.span16 > a {
	width: 16%;
}


#embaettismannatal .span20 .persona b {
	bottom: 21px;
}


#embaettismannatal .span16 .persona b {
	bottom: 45px;
}
*/

#myndaalbum_container {
	width: 100%;
	height: 300px;
}

#slideshow {
	top: 0px;
	left: 0px;
	position: absolute;
	background: black;
}

#eitt_myndaalbum {
	width: 100%;
}


#gallery {
	background-color: black;
	color: white;
	sbackground-color: black;
	margin-bottom: 0px;
	width: 100%;
	height: 300px;
	overflow: hidden;
	text-shadow: 0px 1px rgba(0,0,0,0.3), 1px 0px rgba(0,0,0,0.3), 1px 1px rgba(0,0,0,0.3), 1px 1px rgba(0,0,0,0.3);
	z-index: 20;
}

#gallery img {
	position: absolute;
}

#eitt_myndaalbum #gallery {
	height: 600px;
	margin-left: -40px;
	width: 1020px;
	border-left-color: #2d2d2d;
	border-bottom-color: #101010;
	border-right-color: #2d2d2d;
	border-top-color: #494949;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.3), 0px 10px 100px rgba(0,0,0,0.4), 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.3), 0px 10px 20px rgba(0,0,0,0.2), 0px 1px 2px rgba(0,0,0,0.3);
}

#gallery.fullscreen {
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 100%;
	width: 100%;
	z-index: 30;
}
#gallery.fullscreen #slideshow a, #gallery.fullscreen #slideshow {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	stext-align: center;
}


#gallery.fullscreen #slideshow img {
	xposition: absolute;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	xmin-width: 100%;
}



#thumbs.fullscreen {
	display: none;
}

#litlir_thumbs {
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 5;
	position: absolute;
	height: 47px;
	display: none;
}


#myndaalbum_container:hover #litlir_thumbs {
	display: block;
}


#controls_parent {
	background-repeat: repeat-x;
	border-top-color: #181818;
	border-top-width: 1px;
	border-top-style: solid;
	height: 40px;
	background-image: url(/css/images/mynda_options.png);
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 10;
	visibility: hidden;
	color: white;
	padding: 0;
}


#gallery:hover #controls_parent {
	visibility: visible;
}

#controls_parent a {
	background-position: 0px 0px;
	margin: 6px;
	background-image: url(/css/images/myndastillingar.png);
	height: 28px;
	width: 28px;
}

#controls_parent a span {
	display: none;
}

#controls_parent .play {
	background-position: -32px 0px;
	left: 50%;
	margin-left: -14px;
	position: absolute;
}

#controls_parent .pause {
	background-position: -62px 0px;
	left: 50%;
	margin-left: -14px;
	position: absolute;
}

#controls_parent .prev {
	background-position: 0px 0px;
	left: 0px;
	position: absolute;
}

#controls_parent .next {
	background-position: -93px 0px;
	right: 0px;
	position: absolute;
}

#controls_parent #tilkynna_mynd {
	background-position: -124px 0px;
}


#controls {
	left: 50%;
	margin-left: -72px;
	position: absolute;
	width: 144px;
}

.ss-controls, .nav-controls {
	width: 144px;
	position: absolute;
}


.slideshow-container {
	min-height: 300px;
}

#caption {
	font-style: italic;
	width: 150px;
	position: absolute;
	bottom: 10px;
	left: 10px;
	z-index: 9;
	height: 20px;
}

#caption a {
	color: white;
}

#caption span.previous {
	display: none!important;
}

#slideshow .image-wrapper, #slideshow img {
	top: 0px;
	position: absolute;
	left: 0px;
}




/* Þumalputtamyndir */
#thumbs li {
	width: 5%;
	overflow: hidden;
}

#thumbs li img {
	width: 100%;
}

#thumbs, ul {
	width: 100%;
}

.albumidsjalft .thumb, .albumidsjalft img {
	width: 50px;
	height: 50px;
	padding: 0px;
	margin: 0px;
}

.thumbs a, myndaalbum_container .thumbs {
	height: 50px;
	overflow: hidden;
}

#eitt_myndaalbum #thumbs li {
	width: 6.2%;
	overflow: hidden;
}

#eitt_myndaalbum #thumbs li.numer16 { /* Síðasta mynd í hverri röð */
	width: 7%;
	left: 0px;
}

#eitt_myndaalbum .albumidsjalft .thumb, .albumidsjalft img {
	width: 60px;
	height: 60px;
}


/* Eitt albúm */
#album {
	width: 100%;
}

#album a {
	xmargin-bottom: 20px;
	width: 20%;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
}

#album a:hover {
	color: white;
	border-color: #82bb57;
	border-style: solid;
	margin: -1px;
	border-width: 1px;
	background-color: #8cd06a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	z-index: 20;
}

#album .gratt, .albumgratt {
	text-transform: capitalize;
	padding-top: 10px;
	text-align: center;
	font-style: normal;
	font-weight: normal;
}

#album p, #album h3 {
	text-align: center;
	width: 100%;
}

#album h3 {
	line-height: 1.2em;
	margin-bottom: 20px;
}

#album a:hover p.gratt {
	color: white!important;
}

#album img {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	width: 80%;
	padding-left: 10%;
	max-height: 136px;
	padding-top: 20px;
}




/* Velja hvaða albúm eigi að uploada til */
	#veldu_album .myndaalbum img {
		border-color: #d3d3d3;
		border-style: dotted;
		border-width: 5px;
	}
	#veldu_album .myndaalbum img:hover {
		border-color: #004a73;
	}

	
/* ------ Upload ------
----------------------- */
	
	.swiff-uploader-box a {
		display: none !important;
	}
	
	/* .hover simulates the flash interactions */
	a:hover, a.hover {
		color: #6295ca;
	}
	
	#demo-status {
		padding: 10px 15px;
		width: 420px;
		border: 1px solid #eee;
	}
	
	#demo-status .progress {
		background: url(/css/images/progress.png) no-repeat;
		background-position: +50% 0;
		margin-right: 0.5em;
		vertical-align: middle;
	}
	
	#demo-status .progress-text {
		font-size: 0.9em;
		font-weight: bold;
	}
	
	#demo-list {
		list-style: none;
		width: 450px;
		margin: 0;
	}
	
	#demo-list li.validation-error {
		padding-left: 44px;
		display: block;
		clear: left;
		line-height: 40px;
		color: #8a1f11;
		cursor: pointer;
		border-bottom: 1px solid #fbc2c4;
		background: #fbe3e4 url(/assets/failed.png) no-repeat 4px 4px;
	}
	
	#demo-list li.file {
		border-bottom: 1px solid #eee;
		xbackground: url(/assets/file.png) no-repeat 4px 4px;
		overflow: auto;
		height: 30px;
		overflow: visible;
		background-repeat: no-repeat;
		background-position: 4px 4px;
	}
	#demo-list li.file.file-uploading {
		background-image: url(/assets/uploading.png);
		background-color: #D9DDE9;
	}
	#demo-list li.file.file-success {
		background-image: url(/assets/success.png);
	}
	#demo-list li.file.file-failed {
		background-image: url(/assets/failed.png);
	}
	
	#demo-list li.file .file-name {
		font-size: 15px;
		margin-left: 44px;
		display: block;
		clear: left;
		line-height: 30px;
		xheight: 40px;
		font-weight: bold;
	}
	#demo-list li.file .file-size {
		font-size: 0.9em;
		line-height: 10px;
		float: right;
		margin-top: 10px;
		margin-right: 6px;
	}
	#demo-list li.file .file-info {
		display: block;
		margin-left: 44px;
		font-size: 0.9em;
		line-height: 20px;
	}
	#demo-list li.file .file-remove {
		display: none;
	}
	#demo-list li.file:hover .file-remove {
		position: absolute;
		top: 10px;
		display: block;
	}
/* @override 
	http://localhost:8888/css/spjall.css */

#spjallid div {
	width: 100%;
}

#spjallid a {
	width: 82%;
	height: 33px;
	padding-left: 18%;
	padding-top: 7px;
}

#spjallid a .pinkulitillnemandi {
	position: absolute;
	left: 0px;
	top: 0px;
}

#spjallid a:hover {
	background-color: #e0e5ff;
}

#spjallid div {
	background: white;
}

#spjallid .gratt {
	font-style: normal;
	font-size: 12px;
}

#spjallid h4 {
	font-family: Archer;
}

#spjallid img {
	float: left;
	position: absolute;
}




#spjall {
	width: 100%;
	overflow: hidden
}

#spjall a {
	width: 100%;
}

#spjall a:hover {
	width: 100%;
	background-color: #e0e5ff;
}

#spjall > div {
	background: white;
}

#spjall .gratt {
	font-style: normal;
	font-size: 12px;
}

#spjall h4 {
	font-family: Archer;
}

#spjall div a {
	padding: 7px;
}




#spjall ul {
	font-family: Archer;
}

#spjall li a {
	padding: 7px 0;
}

#mr_spjall_link {
	width: 15%;
}

#alm_spjall_link {
	width: 25%;
}

#tf_spjall_link {
	width: 30%;
}

#politik_spjall_link {
	width: 30%;
}


.ui-tabs { position: relative; }
.ui-tabs .ui-tabs-nav { margin: 0; text-align: center; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; color: white; }
.ui-tabs .ui-tabs-nav li a:hover { color: black; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: black; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0;  background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }










#hlidarspjall {
	z-index: 10;
	background-color: #f9f6fc;
	xpadding-top: 50px;
	width: 25%;
	border-right: 1px solid black;
	height: 100%;
	bottom: 0px;
	top: 0px;
	position: absolute;
}

#hlidarspjall > #spjall > div, #hlidarspjall li.ui-tabs-selected a {
	background-color: #f9f6fc;
}

#hlidarspjall h1 {
	color: #c9ac0b;
	font-weight: 200;
	font-style: italic;
	font-size: 80px;
}

#thradur {
	width: 75%;
	left: 25%;
	height: 100%;
	min-height: 1448px;
}

#thradur > div {
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 15px;
	padding-top: 15px;
	border-bottom-color: #a2a2a2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 96%;
	min-height: 130px;
}

#thradur > div.oddatala {
	background-color: #f1f1f1;
}#thradur > div > span {
	left: 120px;
	right: 132px;
	width: 82.5%;
	z-index: 5;
}

#thradur img {
	max-width: 500px;
}

#thradur .upplysingarumnemanda {
	display: none;
}
#thradur .persona {
	position: absolute;
}

#thradur h2 {
	font-style: normal;
	color: #e55e13;
	font-size: 35px;
	font-family: Archer;
	font-weight: normal;
	margin-top: 30px;
	margin-bottom: 12px;
	padding-left: 10px;
	text-shadow: -1px 1px 0px #ffeff0, 1px 1px 1px #ccd3dd, 2px 2px 1px #ccd3dd;
	font-weight: 500;
}

#thradur h5 {
	font-style: normal;
	font-weight: normal;
	float: none;
	clear: none;
	height: 13px;
	width: 100%;
	padding-top: 10px;
	color: #5191cd;
	font-family: Avenir;
}

#thradur a {
	color: #387cb7;
}

#thradur a:hover {
	text-decoration: underline;
}

#thradur form h5 {
	font-size: 14px;
	color: black;
}

#thradur span > p {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.2em;
	font-size: 14px;
}

#thradur span > div {
	line-height: 1.2em;
	font-size: 14px;
}

#thradur p {
	max-width: 545px;
}

/* SVARA */
#svara_efni {
	margin-left: 0px;
	margin-bottom: 20px;
	margin-right: 0px;
	margin-top: 5px;
	display: block;
	position: relative;
	float: left;
	height: 50px;
	width: 96%;
}

#svara_senda {
	z-index: 10;
	width: 80px;
	margin-top: 5px;
	display: block;
	position: relative;
	float: right;
	height: 50px;
}

#thradur form {
	float: left;
	position: relative;
	padding-left: 3%;
	width: 96%;
	margin-bottom: 22px;
}

.textarea_nicedit {
	width: 83.5%;
	margin-top: 5px;
}

.textarea_nicedit > div {
	width: 100%!important;
}

.nicEdit-main {
	width: 100%!important;
}

.nicEdit-main div, #thradur span > div {
	width: 100%;
}

.like {
	z-index: 230;
	padding-right: 2px;
	padding-left: 2px;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	padding-top: 3px;
	float: right;
	margin-left: 3px;
	margin-bottom: 0;
	text-align: center;
	position: static;
	background-position: 4px 15px;
	width: 17px!important;
	height: 27px;
	background-repeat: no-repeat;
	background-image: url(/css/images/like.png);
	cursor: pointer;
	opacity: 0.7;
}
.like:hover {
	background-color: #d1d1d1;
	opacity: 1;
}
.downlike {
	background-position: -17px 15px;
}
#skrifa_thrad {
	padding-left: 2%;
	padding-bottom: 20px;
	padding-right: 2%;
	padding-top: 10px;
	height: 2px;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	font-family: Avenir;
	text-align: center;
	margin: 5%;
	width: 86%;
	position: relative;
	display: block;
}










#spjallid2 > div > div {
	width: 50%;
}#spjallid2 .thethradur, #spjallid2 #buatilnyjanthrad  {
	line-height: 1.3em;
	font-family: Helvetica, Arial;
	-webkit-font-smoothing: subpixel-antialiased!important;
}

#spjallid2 .svor {
	margin-left: 2%;
	width: 96%;
	background-color: #f2f2f2;
}

#t .svor > div {
	padding-left: 10%;
	padding-bottom: 0.5%;
	padding-right: 1%;
	padding-top: 0.5%;
	min-height: 50px;
	border-top-color: white;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #dfdfdf;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	width: 89%;
}

#spjallid2 .adalthradur {
	min-height: 50px;
	width: 89%;
	padding-left: 10%;
	padding-bottom: 8px;
	padding-right: 1%;
	padding-top: 5px;
}

x#spjallid2 .adalthradur:hover {
	background-color: #e6ecf7;
	cursor: pointer;
}

.thethradur .upplysingarumnemanda {
	display: none!important;
}

#spjallid2 .persona {
	left: 5px;
	top: 5px;
	position: absolute;
	margin-right: 5px;
}

#spjallid2 .thethradur {
	width: 100%;
	margin-bottom: 32px;
}

#spjallid2 textarea {
	margin-bottom: 1px;
	height: 15px;
	width: 96%;
	-webkit-box-shadow: none;
}
#spjallid2 textarea:focus {
	width: 96%;
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.3);
}

#spjallid2 input {
	float: right;
	margin-top: 0px;
	color: white;
	background-color: #c16f75;
}

#spjallid2 .svor input {
	display: none;
}

#spjallid2 .svor .focuserad input {
	display: inline;
}

#spjallid2 .svor form {
	width: 100%;
	position: static;
}

#spjallid2 .svor > div span:last-child {
	top: 0px;
}

#thradur .uplike {
	position: absolute;
	right: 19px;
	top: 0px;
}

#thradur .downlike {
	right: 0px;
	top: 0px;
	position: absolute;
}

.likelisti {
	text-align: right;
	word-break: break-strict;
	margin-top: 27px;
	right: 0px;
	display: none;
	position: absolute;
	z-index: 6000;
	min-height: 15px;
	top: 50px;
	background-color: #d1d1d1;
}

#thradur .likelisti {
	top: 27px;
	margin-top: 0px;
}

*:hover > .likelisti {
	z-index: 6005;
	display: block;
}

.likelisti a {
	padding-bottom: 5px;
	padding-top: 5px;
	width: 100%;
	border-bottom-color: #959595;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	white-space: nowrap;
}

.likelisti a:hover {
	background-color: #f1f1f1;
}

.likelisti a span {
	padding-right: 10px;
	padding-left: 10px;
}

.eydaspjall {
	color: #3172c2;
	font-size: 11px;
	right: 42px;
	top: 3px;
	position: absolute;
	z-index: 800;
}

.eydaspjall:hover {
	background-repeat: repeat-y;
	text-decoration: underline;
}

#spjallid2 img {
	max-height: 500px;
	max-width: 100%;
}

#spjallid2 #buatilnyjanthrad {
	padding-bottom: 7px;
	padding-top: 10px;
	padding-right: 3%;
	padding-left: 3%;
	width: 94%;
	background-color: rgb(214, 218, 221);
	-moz-box-shadow: inset -2px -1px 4px rgba(54, 75, 94, 0.14), inset -2px 3px 20px rgba(0, 0, 0, 0.09);
	-webkit-box-shadow: inset -2px -1px 4px rgba(54, 75, 94, 0.14), inset -2px 3px 20px rgba(0, 0, 0, 0.09);
	box-shadow: inset -2px -1px 4px rgba(54, 75, 94, 0.14), inset -2px 3px 20px rgba(0, 0, 0, 0.09);
	border: 1px solid #000000;
	margin: -1px -1px 16px;
}

#spjallid2 #buatilnyjanthrad textarea {
	margin: 0px;
	min-height: 65px;
	width: 96%;
	padding: 2%;
	margin-bottom: 2px;
	-webkit-box-shadow: none;
}

#spjallid2 #buatilnyjanthrad form {
	width: 100%;
}

#spjallid2 .adalthradur span:last-child > a, #spjallid2 .svor div span:last-child > a {
	color: #4eaaff;
	text-decoration: underline;
}

#spjallid2 .adalthradur > span {
	width: 100%;
}

#spjallid2 h5 {
	min-height: 18px;
	width: 100%;
}

#spjallid2 .falid {
	display: none;
}

#spjallid2 .thethradur .svor .sjasvor {
	padding-left: 8px;
	padding-bottom: 2px;
	padding-top: 3px;
	font-size: 12px;
	text-decoration: underline;
	height: 18px;
	min-height: 18px;
}

#spjallid2 .thethradur .svor .sjasvor a {
	color: #4190d8;
}

#spjallid2 #buatilnyjanthrad input {
	margin-right: 0px;
}

#glosur {
	width: 100%;
	padding: 0;
	margin: 0;
}

#glosur ul {
	background-color: #638687;
	padding: 0;
	margin: 0;
	overflow: hidden;
	padding-top: 10px;
}

#glosur li a {
	padding: 10px 30px;
	color: white;
	text-shadow: 0px 1px 0px black;
}

#glosur ul li {
	text-align: center;
	margin: 0 10px;
	margin-top: 5px;
}


#glosur ul li:first-child {
	margin-left: 200px;
}


.ui-state-default {
	background-color: #3b73a2;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px black;
	-moz-box-shadow: 0px 1px 2px black;
}

.ui-tabs-selected {
	background-color: white;
}

#glosur li.ui-tabs-selected a {
	color: black;
	text-shadow: none;
}



#glosur > div {
	width: 98%;
	padding: 0px;
	padding-left: 2%;
}
#glosur > div > span {
	width: 100%;
	padding: 0px;
}

#glosur > div > span > a {
	margin-bottom: 30px;
	width: 33%;
	height: 95px;
}

#glosur > div > span > a:hover {
	border-left-color: #b95f17;
	border-bottom-color: #281404;
	border-right-color: #b95f17;
	border-top-color: #ffa544;
	border-width: 1px;
	border-style: solid;
	color: black;
	background-color: #ffd193;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: -1px;
	margin-bottom: 29px;
}



#glosur h1 {
	width: 100%;
	clear: left;
	/* APPELSÍNUGULT 
	text-shadow: 0px 1px 0px black, 0px 1px 2px rgba(0,0,0,0.1), 0px 0px 10px rgba(0,0,0,0.2);
	color: #ffbb46;*/
	color: #8c2109;
	font-size: 40px;
	padding-top: 50px;
}

#glosur .gratt {
	font-style: normal;
	font-weight: normal;
}

span.fileicon {
	padding-top: 28px;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
	font-size: 15px;
	font-family: Arial;
	color: #a6a6a6;
	font-weight: bold;
	text-transform: uppercase;
	height: 76px;
	width: 60px;
	background-repeat: no-repeat;
	background-image: url(/css/images/documenticon.png);
	position: absolute;
	top: 10px;
	left: 10px;
}

#glosur a div {
	left: 85px;
	right: 6px;
	position: absolute;
	overflow: hidden;
	bottom: 10px;
	top: 10px;
}

#glosur h4 {
	font-family: Arial;
	padding-top: 5px;
}

#glosur h6 {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #888888;
	font-family: Arial;
	padding-top: 5px;
}




/* GLÓSUINNSENDING */
/*******************/
.uploadifyQueueItem {
	border-bottom-width: 1px;
	border-style: solid;
	border-color: #E5E5E5;
	background-color: #F5F5F5;
	padding: 10px;
	width: 354px;
}
.uploadifyError {
	background-color: #FDE5DD !important;
	border: 2px solid #FBCBBC !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyQueue .completed {
	background-color: #e3f9e1;
}
.uploadifyProgress {
	margin-left: -1px;
	border-color: #474747;
	border-width: 1px;
	border-style: solid;
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
	outline: 1px solid white;
}
.uploadifyProgressBar {
	margin-left: 0px;
	background-repeat: repeat-x;
	background-image: url(/css/images/loading.png);
	height: 13px;
	width: 1px;
}
#custom-queue {
	border-color: #868686;
	border-width: 1px;
	border-style: solid;
	min-height: 180px;
	width: 374px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}


#utgafa {
	width: 100%;
}
#utgafa h2 {
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 500;
}
#utgafa h4 {
	font-family: Arial, Helvetica;
	font-size: 14px;
	text-align: center;
}
#utgafa .span50 a {
	padding-right: 3%;
	padding-left: 3%;
	margin-bottom: 10px;
	width: 27%;
}
#utgafa .span50 a img {
	margin-bottom: 5px;
	width: 100%;
}
#utgafa .span50 a div {
	width: 100%;
}
#utgafa .last {
	clear: left;
	width: 34%;
}
#utgafa .span50 {
}


.linkar {
	width: 100%;
}
.linkar a {
	margin: 1%;
	background-color: #efecf3;
	width: 88%;
	padding: 5%;
}
.linkar a:hover {
	background-color: #f5f2f8;
}
.linkar h4 {
	font-family: Arial, Helvetica;
	font-size: 14px;
	text-align: center;
	width: 100%;
}/* @override 
	http://localhost:8888/css/input.css */

input.text {
	font: 16px Arial, Helvetica, sans-serif;
	padding: 10px 2%;
	-moz-box-shadow: inset 0 1px 2px #d4d4d4;
	-webkit-box-shadow: inset 0 1px 2px #d4d4d4;
	box-shadow: inset 0 1px 2px #d4d4d4;
	background-color: #fdfdfd;
	margin-left: 0;
	width: 96%;
}

h5.input {
	font: bold 13px Arial, Helvetica, sans-serif;
	width: 100%;
}

input.stortakki {
	color: #ffffff;
	font: 800 15px Archer;
	padding: 8px;
	float: right;
	margin: 5px 0px;
	background: -moz-linear-gradient(90deg, #a62412 0%, #bf2713 100%) #b62613;
	background: -webkit-gradient(linear, left bottom, left top, from(#a62412), to(#bf2713)) #b62613;
	text-shadow: 0 1px 2px black;
}/*
@media handheld {
	html {
		background-image: url(/Work/Bakgrunnur/litabakgrunnur.jpg);
		background-attachment:fixed;
		background-position:bottom;
		background-repeat: no-repeat;
	}
	.litabakgrunnur {
		display: none;
	}

}*/


@media (max-width: 1200px) {

	body {
		max-width: 800px;
	}
	
	nav a {
		font-size:  11px;
	}
	
	.input {
		width: 70px;
	}
	.texti span {
		max-width: 140px;
	}
	
	.risastorfrett {
		background-size: 800px 306px;
		height: 306px;
	}

	.frettspan50 {
		background-size: 400px 100px;
		height: 90px;
	}

	.frettspan33 {
		background-size: 283px 90px;
		height: 90px;
	}
	


	#spjall ul {
		font-size: 11px;
	}
	

	#thradur img {
		max-width: 430px;
	}
	
	#thradur > div >span {
		width: 77%;
	}

	
	#eitt_myndaalbum #gallery {
		height: 517px;
		width: 880px;
	}
	
	#eitt_myndaalbum #gallery img {
		height: 517px;
		width: 880px;
	}
	#sveinbjorg {
		width: 160px;
	}
	
	#gulur_bakgrunnur {
		z-index: -20;
		top: 0px;
		left: 50%;
		margin-left: -300px;
		position: fixed;
		height: 284px;
		width: 600px;
		background-image: url(/Work/Bakgrunnur/gulur_bakgrunnur.jpg);
		background-size: 600px 203px;
	}
	
	
	.nemandi .upplysingar {
		font-size: 12px;
	}
	
	.nemandi h3 {
		font-size: 20px;
	}
	.nemandi h3 span.smaekkad {
		font-size: 16px;
	}


	#embaettismannatal .risastornemandi {
		width: 50%;
		height: 238px;
	}
	#embaettismannatal .span50 .risastornemandi img {
		height: 238px;
	}
	#embaettismannatal .span50 .medalnemandi {
		width: 25%;
		height: 119px;
	}
	
	#embaettismannatal .medalnemandi b {
		font-size: 12px!important;
	}
	
	#embaettismannatal .span50 .persona img {
		width: 100%;
	}



}








@media (max-width: 1000px) {

	body {
		max-width: 700px;
	}
	
	.input {
		width: 45px;
	}
	
	nav a {
		font-size:  10px;
	}
	
	#hlidarspjall h1 {
		font-size: 60px;
	}

	#thradur img {
		max-width: 350px;
	}
	#thradur p {
		max-width: 374px;
	}
	
	#album h3 {
		font-size: 16px;
	}
	
	#eitt_myndaalbum #gallery {
		height: 459px;
		width: 780px;
	}
	
	#eitt_myndaalbum #gallery img {
		height: 459px;
		width: 780px;
	}
	
	#sveinbjorg {
		width: 140px;
	}

	.einnnemandi img {
		width: 250px;
		height: 375px;
	}
	.einnnemandi > .upplysingar {
		left: 264px;
	}
	
	#embaettismannatal .risastornemandi {
		width: 50%;
		height: 206px!important;
	}
	#embaettismannatal .risastornemandi img {
		height: 206px!important;
	}
	#embaettismannatal .span50 .medalnemandi {
		width: 25%;
		height: 103px;
	}
	
	#embaettismannatal .medalnemandi b {
		font-size: 12px!important;
	}
	
	#embaettismannatal .persona img {
		width: 100%;
	}
	
	
	#embaettismennskolafelagsins .medalnemandi {
		width: 95px;
		height: 113px;
	}
	
	#embaettismennskolafelagsins .medalnemandi img {
		width: 95px;
		height: 113px;
	}
}







/*
@media (max-width: 100px) {

	body {
		width: 100%;
		max-width: 100%;
	}
	
	.risastorfrett {
		background-size: 900px 345px;
		height: 345px;
	}

	.litilfrett {
		background-size: 473px 118px;
		height: 100px;
	}
	
	#skolafelagid {
		left: 10px;
	}
	#framtidin {
		right: 00px;
	}
	.skolalogo {
		top: 25px;
	}
	

	nav {
		padding-top: 120px;
		padding-bottom: 50px;
		width: 60%;
		padding-left: 23%;
		padding-right: 10%;
	}
}*/
@media print {
	
	#bakgrunnur, #login, #nav {
		display: none;
	}
	
	body {
		width: 100%;
		max-width: 100%;
	}
	
}