html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  font-size: 100%;
	  font: inherit;
	  vertical-align: baseline;
	}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
	  display: block;
	}
	body {
	  line-height: 1;
	}
	ol, ul {
	  list-style: none;
	}
	blockquote, q {
	  quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
	  content: '';
	  content: none;
	}
	table {
	  border-collapse: collapse;
	  border-spacing: 0;
	}
	a{
	  text-decoration: none;
	  color:black;
	}
	a:visited{
	  text-decoration: none;
	  color:black;
	}
	/*Endir reset skjals*/






body {
	font-family:arial, sans-serif;
	width:960px;
	margin:0 auto;  /*0=top+bottom, auto=right+left*/
	background-image: url(whitecastle.jpg);
    background-size: cover;

}
h2, h3, h4, p {		/*fyrirsagnir og málsgrein fá sömu padding gildin*/
	padding:10px 10px;
}
h2{
	font-size: 3em;
	font-family: impact;
	padding: 5px;
}
h4 {
	color:#999;
	font-variant:Small-caps;
	font-size:.9em;
	text-align:center;
}
div {
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari chrome*/
	box-sizing:border-box; /* Border og padding (px stærð) leggst inná öll div og hefur ekki áhrif á heildarbreidd */

}
.hormenu{
	display:inline-block;
	list-style: none;
	padding: 10px 5px;
	transition:background-color 0.5s;
	border-radius: 20px

}
.hormenu:hover{
	background-color: rgba(255, 255, 255, 1);
}
.navi2{
	position: absolute;
	top:20%;
	left:24.5%;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 20px;
	border:1px solid black;
}
.header {
	margin:0;
	padding: 0;
	background-color: rgba(255, 255, 255, 0.2);
	font-size: 3em;
	font-family: Rockwell, sans-serif;
	border-radius: 20px;
	text-align:center;
}
.padding{
	height:80px;
}
.header2{
	background-color: rgba(255, 255, 255, 0.2);
	font-size: 5em;
	font-family: Rockwell, sans-serif;
	border-radius: 20px;
	text-align:center;
	padding:30px;
	border:1px solid black;
	margin-top: 30px;
	width:950px;
}
.aside{
	width:220px; /*hér er border og padding px stærð dregin frá breidd aside*/
	margin:10px;
/*	padding:10px; */
	border:1px solid;
	float:left;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.2);

}
.mainContent {
	border:1px solid black;
	border-radius: 20px;
	margin:10px;
	width:700px;
	float:right;
	background-color: rgba(255, 255, 255, 0.2);
}
.footer {
	border:1px solid;
	margin:10px;
	clear:both;
	border-radius: 20px;
	padding:20px 0;
	background-color: rgba(255, 255, 255, 0.2);
}
.Column{
	width:220px;
	border:1px solid;
	margin:10px 10px 20px; /*margin-bottom 20px, rest 10px*/
	padding:10px;
	float:left;
	border-radius: 20px;
	background-color: rgba(255, 255, 255, 0.2);

}
.cLeft {
	clear:left;
}
.cBoth {
	clear:both;
	padding: 35px 0;
	background-image: url("http://i1.kym-cdn.com/photos/images/original/000/493/172/38e.gif");
}
.cBoth:hover{
	background-image: url("http://gabenislife.com/closeupgaben.jpg");
}
.img_hover{
	content: url("a-bg.jpg");
}
.img_hover:hover{
	content: url("b-bg.jpg");
}
.vernav{
	display: block;
	list-style: none;
	text-align: center;
	position: relative;
	padding: 0;
	margin:0;
}
.vermenu{
	padding:5px 5px 0 5px;
	margin:5px 5px 5px 5px;
	list-style: none;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.4);
	transition:background-color 0.5s;
}
.vermenu:hover{
	background-color: rgba(255, 255, 255, 1);
}
a{
	text-decoration: none;
	font-size: 1.5em;

}
a:visited{
	text-decoration: none;
}
a:hover{
	color:orange;
}
.Column1{
	content: url(a-bg.jpg);
}
.Column1:hover{
	content: url(b-bg.jpg);
}
.verlink{
	display: block;	
}