body,
	html   {
	margin:0;
	padding:0;
	border:0;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	COLOR: #404040;
	background-color: rgb(240, 242, 245);
	}

h1, h2 { font-family: Arial Narrow, sans-serif;
	COLOR: #454545; }

.note { font-size: 13px;
	COLOR: #505050;
	}

p { 
	line-height: 1.5em;
	}

/* --- Links -------------------------------------------*/
A {
	COLOR: #5000FF;
	font-size: 14px;
	font-weight: bold;
	FONT-FAMILY: Arial, Lucida sans Unicode, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
}

A:hover {
	COLOR: #303030;
	FONT-FAMILY: Arial, Lucida sans Unicode, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: underline;
}

A.head {
	COLOR: #c0c0f0;
	font-size: 15px;
	FONT-FAMILY: Lucida sans Unicode, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
}

A.head:hover {
	COLOR: #f0f0f0;
	FONT-FAMILY: Lucida sans Unicode, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: underline;
}

A.note {
	COLOR: #606060;
	font-size: 13px;
	FONT-FAMILY: Lucida sans Unicode, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
}

A.note:hover {
	COLOR: #404040;
	FONT-FAMILY: Lucida sans Unicode, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: underline;
}

ul	{
	list-style-type: none;
	padding: 0;
	margin: 0;
	width: 29em;
	}

/* - - Ghost Buttons - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.ghostbtn {
	display: inline-block;
	width: 6.5em;
	padding: 0.5em;
	color: #4040CC;
	border: 2px solid #7070B0;
	text-align: center;
	outline: none;
	text-decoration: none;
}

.ghostbtn:hover,
.ghostbtn:active {
	text-align: center;
	background-color: rgba(100, 160, 230,0.9);
	color: #eeeeff;
}

/* --- Top navigation bar -------------------------------*/
nav {
	background: rgba(40, 135, 40,0.7);
	background-color: rgba(10, 50, 140,0.8);
	border-bottom:2px solid rgba(30, 40, 150,0.7);
	width: 100%;
	position: relative;
	z-index: 1000;
	height: 3.8em;
	text-align: center;
}

nav ul {
	display: inline-block;
	padding-top: 0.3em;
	padding-bottom: 1em;
}

nav ul li {
	position: relative;
	float: left;
	margin: 0;
}

nav ul li a {
	font-family: 'Arial Narrow',sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #e0e0e0;
	text-decoration: none;
	padding: 11px;
}

nav ul li a:hover {
	font-family: 'Arial Narrow',sans-serif;
	font-size: 20px;
	font-weight: 400;
	color: #a90e4b;
	color: #ffffff;
	background: rgba(0,75,151,0.9);
}

/* --- Banner ---------------------------------*/

#banner {
	margin-left:0.8em;
	margin-bottom:0.8em;
	padding-right: 0.8em;
	}

/* --- Sidebar -------------------------------*/
#sidebar {

	border:1px solid rgb(235, 235, 250);
	border-radius:10px;
	box-shadow: inset 1px 2px 8px #505050;
	background-color: rgba(235, 235, 250,0.5);
}

#sidebar ul {
	list-style-type: none;
	padding: 0px;
	display: block;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sidebar li {
	display: block;
	border-radius:5px;
	margin-bottom: 5px;
	margin-right: 5px;
	margin-left: 5px;
	font-weight:bold;
	color: #606060;
	background-color: rgb(235, 235, 235);
	background-color: rgb(201, 163, 42);
}
#sidebar a:link {
	text-decoration: none;
	color: #404040;
	display: block;
	height: 2em;
	padding-left: 1em;
	font-weight:bold;
}

#sidebar a:visited {
	text-decoration: none;
	color: #333333;
	color: #404040;
	display: block;
	height: 25px;
	padding-left: 1em;
}

#sidebar a:hover {
	text-decoration: none;
	color: #3E5162;
	color: #DEDADA;
	display: block;
	padding-left: 1em;
	background-color: rgba(10, 50, 140,0.8);
}

.links	{
	padding:0px;
	border:1px solid rgb(211, 173, 52);
	border-radius:10px;
	padding-left: 0px;
	padding-right: 5px;
	background-color: rgb(241, 203, 92);
}

/* --- Sections -------------------------------*/
#wrap {
	margin:0 auto;
	border-right-width: 0px;
	border-left-width: 0px;
	background-image: url(background1500.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	}

#filter	{
	background-color: rgba(245,245,245,0.0);	
	}

#container {
	width: 76em;
	padding: 0.0em;
	padding-top:0.8em;
	margin-right: auto;
	margin-left: auto;
	background-color: rgba(0, 80, 150,0.2);
}

#left-column {
	width: 16em;
	float: left;
	margin-left:0.8em;
	margin-right:0.8em;
	padding-top: 1.0em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	background-color: rgba(120, 160, 251,0.9);
	background-image: url(guinness1400a.jpg);
}

#right-column {
	float: right;
	max-width: 53.5em;
	margin-right:0.8em;
	padding-top: 1.0em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	background-color: rgb(250, 250, 250);
	background-image: url(guinness1400b.jpg);
}

#teaser {

	border:1px solid rgb(200, 200, 250);
	border-radius:10px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: rgb(235, 235, 250);
}

/* --- Boxes ----------------------------------------*/

.box {
	border:1px solid rgba(40, 135, 40,0.3);
	padding: 0.8em;
	background-color: rgba(0, 75, 151,0.3);
}

.box2 {
	border:1px solid rgba(50, 125, 120,0.3);
	border:1px solid rgb(190, 190, 220);
	padding: 0.8em;
	background-color: rgba(210, 210, 235,0.4);
}

.box2imageleft {
	margin-bottom: 1em;
	margin-right: 1em;
	border: 0;
	float: left;
}

.box2imageright {
	margin-left: 1em;
	margin-bottom: 1em;
	border: 0;
	float: right;"
}

#gentry {
	width: 95%;
	border:1px solid rgb(150, 150, 240);
	border-radius:10px;
	padding-left: 8px;
	padding-right: 8px;
	background-color: rgb(220, 235, 250);
}

.leftimage {
	margin-right: 0.8em;
	float: left;
	width: 177px;
}

.rightimage {
	margin-left: 0.8em;
	float: right;
	width: 177px;
}

.mapimage {
	width: 15em;
	border: 0;
	margin-left: 1em;
	margin-bottom: 1em;
	float: right;
}

.imageleft {
	margin-right: 1.0em;
	margin-bottom: 1em;
	border: 0;
	float: left;
	width: 13em;

}

.clear-both { clear: both; }

#bunddel {
	height: 14em;
	border-right-width: 0px;
	border-left-width: 0px;
	background-color: rgba(20, 20, 20,1.0);
	}

.entryfield {
	box-shadow: inset 0px 1px 6px #707070;
	border-radius:0.5em;
	height: 2.5em;
	width: 15em;
	background-color: rgba(220, 230, 230,0.9);
}

.textfield {
	box-shadow: inset 0px 1px 6px #707070;
	border-radius:0.5em;
	background-color: rgba(220, 230, 230,0.9);
}

.contact-submit {
	border-radius:0.5em;
	height: 2.5em;
	width: 12em;
	background-color: rgb(150, 110, 180);
}

/* --- Footer -------------------------------------------*/

#footer {
	COLOR: #808080;
	width: 75em;
	margin-right: auto;
	margin-left: auto;;
	background-color: rgba(20, 20, 20,1.0);
}

.foot {
	COLOR: #b0b0b0;
	font-size: 15px;
	FONT-FAMILY: Lucida sans Unicode, Arial, Helvetica, sans-serif;
	TEXT-ALIGN: left;
	TEXT-DECORATION: none;
}

/* --- Table ----------------------------------------*/
table { 
  width: 100%; 
  border-collapse: collapse; 
}

th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
td, th { 
  padding: .4em; 
  border: 1px solid #ccc; 
  text-align: left; 
}

/* --- Window max 200.0 em -------------------------------*/

@media screen and (max-width: 200.0em) {

#body {
	background-image: url(background2500.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	}



}

/* --- Window max 75.0 em -------------------------------*/

@media screen and (max-width: 75.0em) {

#wrap {
	width: 100%;
	background-image: url(background1500.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	}

.banner	{
	width:100%;
	}

#footer {
	width: 95%;
}

.img273 {
	width: 100%;
}

.img620 {
	width: 100%;
}

}

/* --- Window max 69.0 em -------------------------------*/

@media screen and (max-width: 69em) {

#container {
	width: 100%;
}
#right-column {
	width: 69%;
}
}

/* --- Window max 65.0 em -------------------------------*/

@media screen and (max-width: 65.0em) {

#right-column {
	width: 66.5%;
}

.img209 {
	width: 205px;
}

}

/* --- Window max 60.0 em -------------------------------*/

@media screen and (max-width: 60.0em) {

#right-column {
	width: 64%;
}

.img209 {
	width: 195px;
}

}

/* --- Window max 56.0 em -------------------------------*/

@media screen and (max-width: 56.0em) {

#container {
	width: 100%;
}

#right-column {
	width: 62%;
}

ul	{
	width: 26em;
	}

}

/* --- Window max 53 em -------------------------------*/

@media screen and (max-width: 53em) {

#right-column {
	width: 58%;
}

#footer {
	width: 95%;
	padding-left: 0.8em;
}

/* --- Tables -------------------------------------------*/
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; 
		background-color: #CCCCEE;
	}
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Amt:"; font-weight:bold; }
	td:nth-of-type(2):before { content: "På irsk:"; font-weight:bold; }
	td:nth-of-type(3):before { content: "Bogstav:"; font-weight:bold; }
	td:nth-of-type(4):before { content: ""; font-weight:bold; }


}

/* --- Window max 50 em -------------------------------*/

@media screen and (max-width: 50em) {

#banner {
	width: 97%;
	margin-left: 0.7em;
	margin-right: 0.7em;
}

#left-column {
	background-image: url(guinness1400b.jpg);
	margin-left:0.7em;
	margin-right: 0.7em;
	padding-left: 0.7em;
	padding-right: 0.em;
}

#right-column {
	width: 58%;
}

ul	{
	width: 25em;
	}

}

/* --- Window max 48 em -------------------------------*/

@media screen and (max-width: 48.5em) {

#right-column {
	width: 54.5%;
}

}

/* --- Window max 45 em -------------------------------*/

@media screen and (max-width: 45em) {

#banner {
	margin-left: 0.6em;
	margin-right: 0.6em;
}

#left-column {
	background-image: url(guinness1400b.jpg);
	margin-left:0.6em;
	margin-right: 0.6em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	width: 94.5%;
}

#right-column {
	float: left;
	margin-left:0.6em;
	margin-right: 0.6em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	width: 94.5%;
}

.img209 {
	width: 209px;
}

.img273 {
	width: 50%;
}

#footer {
	width: 90%;

}

ul	{
	width: 22em;
	}

}

/* --- Window max 41 em -------------------------------*/

@media screen and (max-width: 41em) {

#banner {
	width: 96.5%;
}

#left-column {
	width: 93.5%;
}

#right-column {
	width: 93.5%;
}

}

/* --- Window max 38 em -------------------------------*/

@media screen and (max-width: 38em) {

#banner {
	width: 96.0%;
}

#left-column {
	width: 92%;
}

#right-column {
	width: 93%;
}

}

/* --- Window max 37 em -------------------------------*/

@media screen and (max-width: 37em) {



#left-column {
	width: 93%;
}

#right-column {
	width: 93.0%;
}

.img209 {
	width: 209px;
}

.img273 {
	width: 14em;
}

ul	{
	list-style-type: none;
	width: 18em;
	}

nav ul li a {
	font-size: 16px;
	padding: 6px;
}
nav ul li a:hover {
	font-size: 16px;
}

}

/* --- Window max 32 em -------------------------------*/

@media screen and (max-width: 32em) {

#left-column {
	width: 92.8%;
}

#right-column {
	width: 92.8%;
}

.mapimg {
	width: 140px;
}

ul	{
	list-style-type: none;
	width: 17em;
	}

}

/* --- Window max 28 em -------------------------------*/

@media screen and (max-width: 28em) {

.mapimage {
	width: 23em;
}

}

/* --- Window max 26 em -------------------------------*/

@media screen and (max-width: 26em) {

#left-column {
	width: 90%;
}

#right-column {
	width: 90.5%;
}

}


@media screen and (max-width: 20em) {

#left-column {
	width: 83%;
}

#right-column {
	width: 83.5%;
}

.img273 {
	width: 100%;
}

.imgmax {
	width: 95%;
}

nav ul li a {
	font-size: 16px;
	padding: 6px;
}
nav ul li a:hover {
	font-size: 16px;
}

}