*{padding: 0; margin: 0;}
body {background: #eee url(../img/bg.png) repeat-y 50% 0; color: #58595B; font: 12px/18px Arial, Helvetica, sans-serif; margin: 0!important; }
html, body, #container {height: 100%;}
body > #container {height: auto; min-height: 100%;}
#content {padding-bottom: 60px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;
background: #eee url(../img/bg_bottom.png) no-repeat 50% 0%;}

#header {height: 65px; background: #eee url(../img/bg_top.png) no-repeat 50% 100%; position: relative; }
#container,
#footer {width: 878px; margin-left: auto; margin-right: auto; }
#content { padding-left: 9px; padding-right: 9px; overflow: hidden; height: 1%; }

/* header */
#header #logo a {display: block; width: 220px; height: 29px; position: absolute; top: 13px; left: 30px; text-indent: -900px; overflow: hidden; background: url(../img/oslofjord2.png) no-repeat;  }
#header #description {display: block; width: 220px; height: 20px; line-height: 15px; position: absolute; top: 23px; right: 20px;  text-align: right;  }
#description a {background: url(../img/arrow.png) no-repeat left center; padding-left: 9px; text-decoration: underline;}


/* Typo */
a {color: #1B75BB; text-decoration: none; }
a:hover {text-decoration: underline; }

dl {
	line-height: 2em;
	margin: 0em 0em 2em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 8em;
	margin-top: -2em;
	vertical-align: top;
}
h1,
.orders h2 { font-size: 24px; }
a.action {display: block; font-weight: bold;}


/* Infopage */
.infopage .holder {padding: 40px;}

#flashMessage {padding: 10px 40px 0; font-size: 15px; color: #11C042; font-weight: bold; }

a.nyroModalClose {display: block; font-weight: bold; text-align: right;margin-bottom: 3px;}
.lightbox iframe {border: 1px solid #aaa; clear: both;}
/* Orders */
.orders {padding: 20px 40px; }

h1 { font-size: 30px; margin-bottom: .5em; color: #231F20;}
h2 { font-size: 20px; margin-bottom: .5em; color: #231F20;}
form {font-size: 13px; }
fieldset {padding: 5px 15px 10px; background: #f2f2f2; border: 2px solid #ccc; }
legend {font-weight: bold; font-weight: bold; padding: 0 3px; font-size: 14px; color: #1B75BB;}
label {display: block; font-weight: bold; padding: .4em 0 .2em; clear: both; }
.checkbox {overflow: hidden; height: 1%; padding: 1em 0 0}
.checkbox input {float: left; margin-right: 8px; margin-top: 2px  }
.checkbox label { display: inline; margin-top: 1em; margin: 0; padding: 0; font-weight: normal; line-height: 10px;}
.required label:after {content: " (* Påkrevet)"; color: #888; font-size: 11px;}
input[type="text"],
textarea {padding: 3px 4px; font-size: 14px; color: #444; border: 1px solid #bbb; width: 200px; font-family: arial, sans-serif;}
textarea {width: 300px;}
input[type="submit"] {color: #1B75BB; display: block; margin: 1em; color: #222;}
.error-message {padding-top: 3px; font-weight: bold; color: #DA1419; font-style: italic;}

.frontpage {}
.holder {height: 1%; overflow: hidden; }
.feature {border-bottom: 1px solid #ddd; }
.feature img {float: right; margin: 10px 0 0 20px; }
.feature h1 {padding-top: 20px; position: absolute; font-size: 30px; }
.feature h2 {margin-top: 55px; margin-bottom: 10px; font-size: 22px; color: #A6A8AB;}
.intro {font-size: 14px; line-height: 23px; margin-bottom: 10px;}
.feature h3 {color: #1B75BB;}
.feature > h1,
.feature > h2,
.feature > h3,
.feature .intro,
.feature > p {margin-left: 40px;}
.box {height: 1%; overflow: hidden; background: #efefef; margin: 0 0 10px 30px; padding: 8px 10px;border: 2px solid #ddd;}
.box h3 {color: #231F20; font-size: 19px; margin-bottom: 5px;}
.box .button {float: right; margin: 5px;}
a.button {display: block; width: 187px; height: 34px; line-height: 34px; background: url(../img/bg_button.png) no-repeat 100% center; font-weight: bold; font-size: 21px; color: #fff; text-decoration: none; }
a.button:hover {color: #FFFFC9; }
a.button span {background: url(../img/arrow_white.png) no-repeat 100% center; padding-left: 12px;  padding-right: 16px;}
.img_desc {text-align: right; padding: 1px 20px; font-style: italic; font-size: 11px;}

.copy {padding: 10px 0 10px 35px; }
.copy p {margin-bottom: .5em;}
.copy h3 {font-size: 17px; margin-bottom: 5px;}
.col {float: left; }
.col1, .col3 {width: 220px;}
.col2 {width: 340px; padding: 0 20px; }
.col1 {width: 180px}

.about {background: #eee; padding: 10px;}
.about h3 {padding: 4px 8px; background: #6D6E70; color: #fff; margin: -10px -10px 6px;}

.copy table {border-collapse: collapse; margin-bottom: 1em; width: 100%; }
.copy table th {background: #aaa; text-align: left; padding: 0px 6px;}
.copy table td {border-bottom: 1px solid #efefef;  vertical-align: top; padding: 4px 6px; line-height: 14px;}
.copy table tr.alt td {background: #f2f2f2;}
.copy table td strong {display: block; margin: 0;}

ul.info,
ul.info li {margin: 0; padding: 0; list-style: none;}
ul.info li {padding: 0 0 10px 60px;}
li.time {background: url(../img/clock.png) no-repeat; }
li.travel {background: url(../img/32bit.png) no-repeat; }
li.food {background: url(../img/coffee_to_go.png) no-repeat; }
li.contact {background: url(../img/vcard.png) no-repeat; }


/* Footer */
#footer p {padding-top: 30px; font-size: 11px; text-align: center;}