/* Stylesheet for Nordstrand-Wang Begravalsesbyraa: www.nwb.no */
/* Written by Richard Harris of worldofgood design, April 2005 */
/* Revised and updated by Richard Harris August 2005 */
body {
margin: 0;
padding: 0;
}
img {
border: none;
}
#wrapper {
float: left;
margin: 0; padding: 0 0 16px;
background: #fff url(i/bg_curves.gif) bottom left no-repeat;
width: 724px;
}
#header {
float: left;
width: 682px;
height: 112px;
background: url(i/main_logo.gif) no-repeat;
padding: 0 10px 0 0;
font-size: 86%;
line-height: normal;
}
#navigation {
float: left;
font: normal 86% "Times New Roman", Times, serif;
padding: 0;
margin: 10px 10px 0;
width: 140px;
height: 290px;
background-color: #F9F3DD;
border: 1px solid #EBD26F;
display: inline;
}
#search {
font: normal 86% "Times New Roman", Times, serif;
padding: 0; float: left;
margin: 160px 0px 0px;
display: inline;
position: absolute;
top: 224px; left: 10px;
white-space: nowrap;
}
#content, #content-fp {
padding: 0; float: left; display: inline; clear: none; position: relative;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content-fp {
margin: 10px 60px;
width: 532px;
}
#content {
margin: 10px 0 0 10px;
width: 506px;
}
#footer {
float: left; clear: both; margin: 0 10px 14px; display: inline;
font: normal 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#content a, #footer a {
color: #003399;
}
a:hover {
color: #006BCD !important;
}
/* Sorry, I had to quit color-coding this here because of mouse-cramp! */
#navigation ul, #navigation li {
margin:0; padding:4px 0; list-style: none;
}
#navigation li a {
margin:0 10px; line-height: 120%; color: #0F476C; display: block;
}
#navigation li.active a {
font-weight: bolder; text-decoration: none;
}
img.bbf {
float:right;
margin-top:14px;
}
/* ********** */
/* Start Tabs */
/* ********** */
#header ul {
margin: 78px 0 0;
padding: 10px 0 0 10px;
list-style: none;
}
#header li {
display: inline;
margin: 0;
padding: 0;
}
#header a, .tabs a {
float: left;
background: #BCE2F3 url("i/tab_trans.gif") no-repeat left top;
padding: 0 0 0 6px;
margin: 0 10px 0 0;
text-decoration: none;
color: #0F476C;
font-family: "Times New Roman", Times, serif;
font-weight: bolder;
}
#header a span, .tabs a span {
float: left;
display: block;
background: #BCE2F3 url("i/tab_trans.gif") no-repeat right top;
padding: 3px 9px 3px 3px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span, .tabs a span {float:none;}
/* End IE5-Mac hack */
#header #current a span, .tabs .current a span {
padding-bottom: 3px;
}
#header a:hover, #header a:hover span, .tabs a:hover, .tabs a:hover span {
background-color: #84D9FB;
color: #003366;
}
#header #current a span, #header #current a, .tabs .current a span, .tabs .current a {
background-color: #EBD26F;
}
.tabs a {
float: none; width: 60px; display: block;
}
.tabs a span {
float: none;
}
.tabs th {
border-bottom: 5px solid #EBD26F; padding: 0;
}
/* ******** */
/* End Tabs */
/* ******** */
#content h1 {color: #BD0013; font-size: 140%; margin-top: 2px; width: 320px;}
#content h2 {font-size: 110%;}
#content h3 {font-size: 95%;}
#content h4, #content h5 {font-size: 84%; margin-bottom: 0px;}
#content p {
font-size: 75%;
font-weight: normal;
text-align: justify;
margin: 0 auto 12px;
line-height: 140%;
}
#content-fp ul {
float: left; display: inline; margin: 20px auto auto 30px;
list-style-image: url(i/bullet_cross.gif);
}
#content-fp ul li {
font-size: 75%;
padding: 0 10px 12px;
list-style-image: url(i/bullet_cross.gif);
}
#content-fp div.spotlight {
width: 172px; float: left; text-align: center; clear: none;
}
#content-fp div.spotlight h1 {
color: #BD0013; font: normal 125% "Times New Roman", Times, serif; margin: 22px 0 8px; padding:0;
}
#content table.tn {
width: 506px; border: none; margin-bottom: 10px;
}
#content table.tn td {
width: 33.3%; text-align: center; padding: 14px 5px 8px; vertical-align: top; white-space: nowrap;
}
#content table.tn a {
font-size: 80%;
}
#content table.tn img {
margin: 0; border: none;
}
form {
margin: 0px; padding: 0px;
}
input.search-field {
width: 87px; background-color: White; color: Black; text-indent: 2px;
height: 16px; border: 1px solid #1E83C5; font: normal 11px Arial, sans-serif;
margin: 0 0 2px 10px; display: inline;
}
*body input.search-field {width: 84px; margin: 0 0 0 9px;}/*rule for IE only*/
input.search-button {
width: 28px; height: 20px; background-color: #BCE2F3; color: Black;
border: 1px solid #1E83C5; font: normal 11px arial, sans-serif;
margin: 2px 10px 0 0; display: inline;
}
*body input.search-button {margin: 0px;}/*rule for IE only*/
input.text, input.text-short, input.text-mini {
width: 300px; background-color: White; color: Black; padding: 1px 2px;
height: 16px; border: 1px solid #1E83C5; margin: 0px; display: inline;
font: normal 12px Verdana, helvetica, geneva, sans-serif;
}
.contact-form textarea {
width: 300px; background-color: White; color: Black; padding: 1px 2px;
border: 1px solid #1E83C5; margin: 0px; display: inline;
font: normal 12px Verdana, helvetica, geneva, sans-serif;
}
html input.text-short {
width: 100px;
}
html input.text-mini {
width: 48px;
}
span.checkbox {
margin: 0px 0px 3px 10px;
}
span.checkbox label {
margin-bottom: 3px;
}
td.buttons {
text-align: center;
}
input.button, td.buttons input {
height: 20px; background-color: #BCE2F3; color: Black; margin: 6px;
border: 1px solid #1E83C5; font: normal 11px arial, sans-serif;
}
#print {
position: absolute; top: 8px; right: 0px; text-align: right;
background: White url(i/iconprint.gif) right no-repeat; width: 186px;
}
#print a {
font-size: 74%; margin-right: 30px;
}
div.image {
position: relative;
}
.image img.medium {
border: none; position: relative; width: 306px; height: 286px;
}
div.image p {
position: absolute; width: 250px; margin: 0px;
}
.table-header {
font-size: 90%; font-weight: bold; width: 300px;
background-color: #FCE99D; padding: 1px 0px;
}
.table-header h3 {
margin: 0px 8px;
}
table.contact-form td {
margin: 0; font-size: 80%; padding: 2px;
}
#content hr {
background-color: #79aad5; color: #79aad5; height: 1px;
}
.small-font {
font-size: smaller;
}
/* *********** */
/* Right Block */
/* *********** */
.rightblock {
float: right; width: 180px; font-size: 86%;
}
legend {font-weight: bold;}
img.alternative-tn {
width: 80px; border: 1px solid #ECD373; margin: 8px 0 -2px 2px;
}
fieldset {
border: 1px solid #ECD373; text-align: left; background-color: #fff; margin: 4px 0; padding: 6px; font-size: 86%;
}
fieldset img {
margin: 3px 22px; border: none;
}
.rightblock span {
margin: 8px 1px 4px 2px; background-color: #BCE2F3; border: 1px solid #1E83C5; padding: 1px 2px; font-size: 90%;
}
.rightblock ul {
margin: 4px 0 2px 20px; padding: 0;
}