@import url("forms.css");
@import url("menu.css");
@import url("article.css");
@import url("sitemap.css");
@import url("search.css");
@import url("webcam.css");

body, input, textarea, button {font-family: arial, helvetica, sans-serif;}
body {font-size:12px;margin:0;padding:0;}
p, pre, td, th, input, button {font-size:1em;}
a {text-decoration:underline;color:#1B6393;}
a:hover {color:#f93;text-decoration:none;}
h1,h1.mainh1 {font-size:1.5em;margin-top:0;}
h2 {font-size:1.3em;font-weight:bold;}
h3 {font-size:1.15em;}
h4 {font-size:1.1em;margin-bottom:0;}
h5 {font-size:1em;}
h6 {font-size:1em;}
h1, h2, h3, h4 {font-family:Arial,Helvetica,sans-serif;color:#1A6495;}
h1, h1.mainh1 {color:#f93;}
fieldset, img {border:none;}
a.external {background:transparent url('../images/external.png') no-repeat right center;padding-right:16px;}
/* framework styles */
.outer_framework {width:994px;margin:0 auto;color:#333;text-align:center;background:url('../images/banner_left.gif') 25px repeat-y !important;clear:both;}
.framework {text-align:left;border-right:1px solid #E3E3E3;float:left;padding-right:10px;}
#leftColumn {float:left;width:180px;margin-right:20px;overflow:hidden;margin-top:10px;}
#rightColumn {float:left;margin-left:20px;overflow:hidden;width:180px;margin-top:10px;}
.content {float:left;width:520px;margin:0;overflow:hidden;margin-top:10px;}
.content .inner-content {padding: 0 0 20px 0;}
.twoColumns .content {width: 720px;}
.oneColumn .content {width:920px;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:0;margin:0;border:none;}
legend {font-weight:bold;font-size:1.25em;}
input.text:focus, input.title:focus, textarea:focus, form#formBuilder textarea:focus, form#formBuilder select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.box {width:135px;padding:1px;margin:0;vertical-align:middle;margin-right:10px;}
select.selectbox {width:135px;padding:2px;margin:0;vertical-align:middle;margin-right:10px;}
input.submit {font-size:1.2em;padding:0 3px;margin:0;vertical-align:middle;background-color:#aab300;color:#fff;border:none;}
input.title {font-size:1.5em;}
textarea {width:300px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.font-size {color:#fff;width:250px;float:left;}
.size-links {color:#fff;margin-left:2px;}
.small{font-size:0.9em;cursor:pointer;}
.medium{font-size:1.2em;cursor:pointer;}
.large{font-size:1.5em;cursor:pointer;}

/* ALTERNATIVE DESIGNMALER */
#revmatikeren .outer_framework {background:url('../images/banner_left_revmatikeren.gif') 25px repeat-y !important;}
#revmatikeren .outer_framework #header {background:url('../images/banner_top_revmatikeren.gif') top left no-repeat;}
#revmatikeren .topsearch form div {color:#fff;font-weight:bold;}
#revmatikeren .topsearch form div a {color:#fff;font-weight:bold;text-decoration:none;}
#revmatikeren .topsearch form div a:hover {text-decoration:underline;}
#revmatikeren .images-left {float:left;margin:0 15px 15px 0;}


/* more framework styles */
/*#leftColumn, #rightColumn, ul.menu {ÆÆÆÆÆfont-size:85%;}*/
#leftGfx {float:left;width:54px;padding:0;margin-right:9px;overflow:hidden;height:auto !important;height:500px;min-height:500px;}
img#flips {margin-top:40px;}
#topbar {float:left;width:984px;text-align:right;font-size:1em;font-weight:bold;color:#fff;padding-right:10px;padding-top:15px;clear:both;}
#footer {margin:0 auto;height:24px;line-height:24px;color:#90817B;font-size:0.83em;clear:both;width:994px;text-align:center;}
.inner-footer {margin:0 0 0 52px;border-top:1px solid #DEDEDE;}
#topbar a {color:#fff;text-decoration:none;}
#topbar a:hover {text-decoration: underline;}
#topbar form {margin:0;padding:0;vertical-align:middle;}
#topbar form * {vertical-align:middle;}
#topbar .topsearch {margin-top:0px;float:right;padding:0;display:inline;width:700px;}

img#logoScreen {width:83px;height:78px;margin:18px 20px 0px 60px;float:left;}
#burg img#logoScreen {width:164px;height:76px;margin:13px 20px 5px 60px;}

#header {background:url('../images/banner_top.gif') top left no-repeat;text-align:left;height:138px;}
#header a { text-decoration:none;cursor:pointer; }
.header-btns {margin:20px 0 0 0;float:right;width:232px;padding:0;overflow:hidden;}
.blimedlem{float:left;padding-right:4px;margin:0 auto;}

div#leftColumn p, div#rightColumn p {margin: 0 0 1em 0;}
#breadcrumbs {
 margin-bottom: 10px;
 background:url('../images/title_shadow.gif') repeat-x;
 border: 1px solid #e0e0e0;
 padding: 0 5px;
 color: #90817B;
 font-family: arial, helvetica, sans-serif;
 font-size:0.83em;
 height:24px;
 line-height:24px;
 clear:both;
}
#breadcrumbs a {
color: #2784AB;
}
/* end framework styles */

/* frame styles */
.frame {
margin-bottom: 20px;
}
.frame h4 {
background:url('../images/title_shadow.gif') top left repeat-x;
color: #757575;
border: 1px solid #E3E3E3;
padding: 4px 8px;
margin: 0;
font-size:1.15em;
}
.frame div {
padding: 5px 8px;
overflow: hidden;
}
.frame div div {
padding:0;
}
.frame div.box {
border: 1px solid #E3E3E3;
border-top: none;
background-color: #fff;	
}
.frame div.box a {font-size:1em;color:#1B6393;text-decoration:none;font-weight:normal;}
.frame div.box a:hover {color:#f93;text-decoration:underline;}
p.clean {
	margin: 0; 
}
.frame ul {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	margin-left: 5px;
	list-style: url(../images/bullet.gif);
}
.frame li {
	padding:0;
	margin:0;
	padding-bottom: .5em;
}
.frame div.box .basket {border:none;} 
.frame div.box .basket ul {border:none;} 

ul.related {border:none;}
ul.related.oneliner li {
	padding: 0 15px 0 10px;
	display:inline;
	background: url('../images/bullet.gif') 0 -1px no-repeat;
	border:none;
	vertical-align:middle;
	font-size:0.9em;
}
#back-top {
	margin-bottom: 10px; 
}
input.count {
 width: 20px;
 text-align: center;
}
/*
div.frame div.box .basket ul.related {border:none;margin:0;padding:0;} 
*/
.frame .date{
color: #999;
margin: 0;
}
.frame span{
display: block;
margin-left: 0;
text-indent: 0;
}
.shop-tools {display:block;margin:20px 0;}
.right-count {width:20px;text-align:right;}
/* end frame styles */

/* errorhandler styles */
div#errorhandler h2 {
	margin: 0;
	color: #F00;
}
/* end errorhandler styles */

/* VISNING AV PRODUKTER */
.tbl-product {margin:0 0 20px 0;clear:both;border:none;}
.tbl-product td {vertical-align:top;text-align:left;}
.tbl-product td #images {margin-right: 20px;}
.tbl-product td form {margin:20px 0;}


/* list styles */
table.list {
	width: 100% !important;
	border: 1px solid #e0e0e0;
	margin-top: 15px;
	border-spacing: 0;
	border-collapse: collapse;
}

table.list input.text,
table.list textarea {
	width: 90%;
}

table.list input.radio {
	vertical-align: middle;
}

table.list th {
	text-align: left;
	background-color: #f3f3f3;
	font-family: georgia, sans-serif;
	color: #1C6391;
}
table.list td {
	border-top: 1px solid #e0e0e0;
}
table.list.form th.title {
	text-align: left;
	background-color: #DDD;
	font-weight: bold;
}

table.list.form td {
	vertical-align: top;
	border-top: #e0e0e0;
}
table.list.form th {
	vertical-align: top;
	background-color: #fff;
	font-weight: normal;
	color: #222;
}

table.list.form button {
	margin-right: .3em;
}

table.list td.error {
	color: #F00;
	padding-bottom: 0;
}

table.list label.help {
	cursor: default;
	border-bottom: 1px #ccc dashed;
}

table.list tr.separator td {
	font-size: 50%;
}

table.list tr.formSeparator div {
	padding-bottom: .2em;
	border-bottom: 1px solid #CCC;
	margin: .5em 0 .5em 0;
	font-weight: bold;
}

table.list tr.dark td {
	background-color: #Fbfbfb;
}

table.list th,
table.list td {
	padding: .2em .4em .2em .4em;
}

table.list th.nowrap,
table.list td.nowrap {
	white-space: nowrap;
}

table.list th.right,
table.list td.right {
	text-align: right;
}
table.list th.center,table.list td.center {text-align:center;}
.w40 {width:40px;}
.pr6 {padding-right:6px}
table.file-list td img {margin-right:10px;vertical-align:middle;}

table.person {
	width: 100% !important;
	border: 1px solid #e0e0e0;
	margin-top: 10px;
	border-spacing: 0;
	border-collapse: collapse;
}
table.person td.image img {
margin: 0 0 0 0 !important;
margin: 0 0 0 -3px;
padding: 0;
float: left;
}
table.person th, table.person td {
padding: .2em .2em .2em .2em;
vertical-align: middle;
background-color: #fff;
}
table.smallperson {
width: 336px !important;
border: 1px solid #e0e0e0;
border-spacing: 0;
border-collapse: collapse;
}
table.smallperson th, table.smallperson td {
padding: .2em .2em .2em .2em;
vertical-align: middle;
}
table.smallperson td {
width: 70%;
}
table.smallperson th {
width: 30%;
color: #333333;
font-weight: normal;
background-color: #fff;
border-top: 1px solid #e0e0e0;
}

table.smallperson th.dark, table.smallperson td.dark {
background-color: #fbfbfb;
}
/* end list styles */

/* navigation menu styles */
div#navigationHeader {
	border: 1px solid #e0e0e0;
	background-color: #f3f3f3;
	padding: .2em .4em .2em .4em;
	color: #999;
	margin-bottom:10px;
}

ul#navigationMenu {
	border: 1px solid #e0e0e0;
	border-left: none;
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
	color: #999;
	clear: both;
	background-color: #f3f3f3;
}

ul#navigationMenu li {
	display: inline;
	padding: 0 .4em;
	border-left: 1px solid #e0e0e0;
	height: 20px;
	line-height: 20px;
}

ul#navigationMenu li a{
	text-decoration: none;
}

ul#navigationMenu li first{
	border-left: none;
}

ul#navigationMenu li.numbers.active {
	color: #999;
	background-color: #fff;
}
/* end navigation menu styles */




/* FAQ */
#question {
margin-bottom: 20px;
}
#faq {
width: 100%;
float: left;
}
#qa a.activefaq {
background-color: #999;
color: #fff;
text-decoration: none;
}

.frame ul li a.faqlink {font-size:0.9em;text-decoration:none;}
.frame ul li a.faqlink.activefaq {color:#f93;}
.frame ul li a.faqlink:hover{color:#f93;text-decoration:underline;}
.spacer {
width: 100%;
height: 1px;
line-height: 1px;
}
form#formFaqSearch {
clear: both;
}
form#formFaqSearch input#q2 {
border: 1px solid #ccc;
margin-right: 2px;
padding-left: 3px;
}
form#formFaqSearch input.search-button {
background-color: #888;
color: #ccc;
border: 1px solid #ccc;
padding-left: 2px;
padding-right: 2px;
margin: 0;
}

.front-image {
	float:left;
	padding:0 0 20px 0;
}
.front-image.left{
	padding-right: 20px;
}

div#front{
	float:left;
	clear:both;
}

.box-textonly{
font-size:0.9em;
}

.required{
color: #be0000;
margin-left: .1em;
}
div.error{
color: #be0000;
font-weight: bold;
}

div.feedback{
color: #008000;
font-weight: bold;
}

img.border {
border: 1px solid #000;
}

img.icon {
width: 16px;
height: 16px;
}
.print {
display: none;
}
img.icon_required {
vertical-align: middle;
margin: 0 10px 4px 0;
width: 15px;
height: 15px;
border: none;
}
.demokit {
text-align: center;
}

#faq h2 {font-size:1.15em;font-weight:normal;color:#f93;}
.faqs h3 {font-size:1.15em;font-weight:normal;}
.faqs h3 a {text-decoration:none;}
.faqs h3 a:hover {text-decoration:underline;}
.faqs .related-frame h4 {color:#f93;}
.faqs .related-frame ul, .faqs .related-frame ul li {list-style:none;list-style-type:none;}

/* BANNERE */
.banner {margin-bottom:20px;}
/***************************
FORMS AND FORMBUILDER
****************************/
input, textarea, select, option {
	color: #333;
	font-size: 90%;
}
input.text, textarea, select {
	border: 1px solid #ccc;
	padding: .1em;
}
input.error, textarea.error {
	background-color: #f0f0f0;
	border-color: #be0000;
}
input.button {
	white-space: nowrap;
	color: #1B6393;
	cursor: pointer;
}
input.button:hover {
	text-decoration: underline;
}
span.required {
	color: #be0000;
}
form#formBuilder {
	margin: 0;
	padding: 0;
}
form#formBuilder h5.formtitle {
	margin: 0;
	padding: 0;
}
form#formBuilder h6.separator, form div.separator {
	clear: both;
	margin: 0;
	padding: .3em 0;
	margin: .3em 0;
}
form#formBuilder h6.separator {
	border-bottom: 1px solid #ccc;
}
#formBuilder label.top {
	display: block;	
}
#formBuilder label.leftCol {
	float: left;
	width: 160px;
	padding: 0;
	text-align: left;
}
#formBuilder div.rightCol {
	float: left;	
}
#formBuilder div.clear {
	clear: both;	
}
#formBuilder span.help {
	border-bottom:1px dotted;			
}
.fallback {
 display: none;
}
.icon_required {
 width: 16px;
 height: 16px;
 vertical-align: middle; 
}
/***************************
TOOLTIP
****************************/
div#qTip {
	padding: .3em;
	border: 1px solid #000;
	display: none;
	background-color: #ffff88;
	color: #000;
	text-align: left;
	position: absolute;
	z-index: 900;
}
/***************************
POSITIONS
****************************/
table#positions {border:0;border-spacing:0;margin:0;width:580px;}
table#positions th {font-size:1em;padding:0;text-transform:uppercase;font-weight:normal;vertical-align:middle;}
table#positions th h4 {font-size:1em;padding:0.3em 0 0.3em 7px;margin:0;text-transform:uppercase;font-weight:normal;}
table#positions td {vertical-align:top;padding:10px 0;}
table#positions td h2 {padding:0;margin:0;font-size:1.3em;}
table#positions td h2 a {text-decoration:none;}
table#positions th.pos_title {width:243px;}
table#positions th.pos_company {width:252px;}
table#positions th.pos_date {width:85px;}
table#positions td.pos_title {padding-left:27px;}

/***************************
PERSONVISNING
****************************/
table.person {border:0;border-spacing:0;margin:0;width:580px;}
table.person td {padding:0;vertical-align:top;text-align:left;}
table.person td.personimage {width:170px;}
table.person td.persondetails {width:410px;}
table.tbl-persongroup {border:0;border-spacing:0;margin:0 0 15px 0;width:100%;}
table.tbl-persongroup td {vertical-align:top;text-align:left;}
table.tbl-persongroup td.td-leftperson {width:120px;}
/***************************
FYLKESVISNING
****************************/
.fylke {border-bottom:1px solid #ccc;}
.fylke h2 {margin: 0 0 10px 0;}
.tbl-fylke {margin-bottom:5px;}
.tbl-fylke th {padding-right:15px;border-bottom:1px solid #ccc;}
.tbl-fylke td {border-bottom:1px solid #ccc;}
.tbl-fylke td img {margin-right:20px;}
/***************************
DIAGNOSEMENY
****************************/
ul.slim {margin-left:10px;padding-left:20px;}
ul.slim li.last {margin-top:8px;}
ul.slim li a {text-decoration:none;font-size:1em;}
ul.slim li a:hover {color:#f93;text-decoration:underline;}
/***************************
BANNERE
****************************/
.tbl-banners {float:left;margin-bottom:18px;width:520px;border-spacing:0;border:0;border-collapse:collapse;}
.tbl-banners td {padding:0;text-align:left;width:250px;border-spacing:0;border:0;border-collapse:collapse;}
.tbl-banners td.bannerright {text-align:right;}
.konseptbanners {display:block;margin-bottom:20px;}
.internal-banner {margin-bottom:16px;}
/***************************
TABELL FOR REVMATIKEREN
****************************/
.tbl-revmatiker {width:100%;border-top:1px solid #ccc;display:block;clear:both;}
.tbl-revmatiker td {vertical-align:top;text-align:left;padding:10px 0 10px 0;border-bottom:1px solid #ccc;}
.tbl-revmatiker td.td-left {vertical-align:top;text-align:left;}
.tbl-revmatiker td.td-right {width:130px;text-align:right;}
.tbl-revmatiker td strong {margin:0;color:#f93;font-size:1.15em;}
.tbl-revmatiker td p {margin:0 0 10px 0;}
.tbl-revmatiker td table.tbl-minipdf, .tbl-revmatiker td table.tbl-minipdf td {border:none;}
.tbl-revmatiker td table.tbl-minipdf td.minpdf-left {padding-right:20px;}
.tbl-minipdf ul {margin:0;}
.miniframe h4 {background:#fbfbfb;color:#1c6295;font-size:0.9em;padding:3px 5px;margin:0 0 1px 0 !important;margin:0 0 0 0;border:1px solid #e0e0e0;}


.shortlistitem {margin-bottom:20px;}
.shortlistitem img {margin-bottom:0px;float:none;}
.shortlistitem h4 {margin: 0 0 0 0;}
.shortlistitem p {margin:10px 0;display:block;}

/***************************
webcam
****************************/
p.webcam img {display:block;margin-bottom:10px;}
p.webcam a {display:block;margin-bottom:10px;}