@import url(404.css);
@import url(mainnav.css);
@import url(subnav.css);
@import url(news.css);
@import url(catalog.css);
@import url(lightbox.css);
@import url(colorbox.css);
/************************* HTML BODY **********************/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.81em;
	line-height: 1.6em;
	background-image: url(/web/grafik/background.jpg);
	background-repeat: repeat-x;
	background-color: #dedede;
}

/************************* STRUCTURE **********************/

#container {
	padding: 0;
	margin: 0 auto;
	width: 980px;
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background-color: #FFF;
	background-image: url(/web/grafik/container_back.gif);
	background-repeat: repeat-y;
}

#header {
	margin: 0;
	padding: 0;
	width: 980px;
	height: 108px;
	background-image: url(/web/grafik/header_back.jpg);
	background-repeat: no-repeat;
}

#mainnav {
	margin: 0 1px 0 0;
	padding: 0;
	float: right;
	display: inline;
}

#subnav {
	margin: 0 0 0 20px;
	padding: 0;
	width: 250px;
	min-height: 100px;
	float: left;
}

#content {
	width: 980px;
	margin: 0 0 0 0;
	padding: 20px 0 210px 0;
	float: left;
}

#subpage_content {
	width: 980px;
	margin: 20px 0 210px 0;
	padding: 0;
	float: left;
	background-image: url(/web/grafik/subpage_lines.gif);
	background-repeat: repeat-y;
	background-position: 280px;
}

#flash {
	width: 941px;
	height: 268px;
	padding: 0;
	margin: 0 0 0 10px;
}

#column_wrapper {
	width: 940px;
	padding: 0;
	margin: 20px 0 0 20px;
	background-image: url(/web/grafik/frontpage_colums.gif);
	background-repeat: repeat-y;
	background-position: center top;
}

#welcome{
	width: 293px;
	border: 0px #000 solid;
	float: left;
	padding: 0 20px 0 0;
	margin: 0;
}

#news{
	width: 273px;
	border: 0px #000 solid;
	float: left;
	padding: 0 20px 0 20px;
	margin: 0;
}

#products{
	width: 293px;
	border: 0px #000 solid;
	float: left;
	padding: 0 0 0 20px;
	margin: 0;
}

#text {
	margin: 0 0 0 40px;
	padding: 0;
	width: 650px;
	float: left;
}

#footer {
	margin: 0;
	padding: 30px 20px 0 20px;
	width: 940px;
	height: 159px;
	background-image: url(/web/grafik/footer_back.gif);
	background-repeat: no-repeat;
	background-color: #dedede;
	position: absolute;
	bottom: 0;
	font-size: 90%;
}

/************************* TEXT **********************/

#welcome h1, #products h1 {
	color: #0091d1;
	font-size: 150%;
	padding: 0 0 3px 0;
	margin: 5px 0 15px 0;
	background-image: url(/web/grafik/frontpage_header1.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#news h1 {
	color: #0091d1;
	font-size: 150%;
	padding: 0 0 3px 0;
	margin: 5px 0 15px 0;
	background-image: url(/web/grafik/frontpage_header2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#text h1 {
	color: #0091d1;
	font-size: 150%;
	padding: 0 0 3px 0;
	margin: 5px 0 15px 0;
	background-image: url(/web/grafik/subpage_header.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

h1 {
	color: #0091d1;
	font-size: 150%;
	padding: 0 0 3px 0;
	margin: 0 0 15px 0;
}

h2 {
	color: #0091d1;
	font-size: 120%;
}

h3 {
	color: #0091d1;
	font-size: 100%;
}

p {
}

/************************* LINKS **********************/

a, h2 a:hover {
	color: #0091d1;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;

}

.link {
	background-image: url(/web/grafik/readmore1.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	display: block;
	padding: 0 0 0 15px;
	margin: 5px 0 0 0;
}

.link_next {
	background-image: url(/web/grafik/readmore1.jpg);
	background-repeat: no-repeat;
	background-position: right 4px;
	display: block;
	padding: 0 15px 0 0;
	margin: 5px 0 0 0;
	float: right;
}

.link_prev {
	background-image: url(/web/grafik/prev1.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	display: block;
	padding: 0 0 0 15px;
	margin: 5px 0 0 0;
	float: left;
	display: inline;
}

.link_print {
	background-image: url(/web/grafik/printer.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	display: block;
	padding: 0 0 0 25px;
	margin: 5px 0 0 80px;
	float: left;
	display: inline;
}

.rss {
	padding: 0 0 0 20px;
	margin: 0;
	text-decoration: none;
	color: #0091d1;
	background-image: url(/web/grafik/rss.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


/************************* ØNSKE FORMULAR **********************/

#formbuilder fieldset{
	border: 0;
}


#formbuilder legend{
	display: none;
}

#formbuilder .txtfield{
	border: 1px solid #ccc;
	padding: 3px 0 3px 5px;
	width: 200px;
}

#formbuilder .selection{
	border: 1px solid #ccc;
	padding: 3px;
	width: 207px;
}

#formbuilder .radio{
	margin: 3px 7px 0 7px;
}

#formbuilder textarea{
	border: 1px solid #ccc;
	width: 300px;
	height: 100px;
}

/************************* OTHERS **********************/

.logo {
	border: 0;
	float: left;
	display: inline;
	margin: 0 20px 0 18px;
}

.logoprint {
	position: absolute;
	left: -99999px;
}

#footer table {
	width: 940px;
}

#footer table td {
	padding: 5px 0 10px 0;
	vertical-align: top;
}

#footer table td img {
	margin: 0 0 0 5px;
	border: #999999 1px solid;
}

#welcome img {
	margin: 0 10px 0 0;
}

#products fieldset {
	border: #0091d1 1px solid;
	margin: 15px 0 0 0;
}

#products fieldset .field {
	border: 0;
	border: 1px #cceaf6 solid;
	width: 250px;
}

#products fieldset input {
	font-size: 90%;
}

.vjm {
	color: #666666;
}

.vjm a {
	color: #666666;
	text-decoration: none;
}

hr {
	height: 1px;
	background-color: #cceaf6;
	border: 0;
}

.clear {
	clear: both;
}

.noshow {
	display: none;
}

.gallery {
	width:200px;
	margin: 10px 10px 0 0;
	padding: 0;
	float: left;	
}

.gallery a{
	border:none;
}

.left {
	float: left;
}

#popup{
	background: url(/web/grafik/bg_newsletter_popup.png) no-repeat top left;
	height: 310px;
	width: 280px;
	padding: 135px 285px 0 205px;
}	
	
	#popup fieldset{
		border: 0;
	}
	
	#popup legend{
		display: none;
	}
	
	#popup label{
		color: #408fa5;
		font-size: 12px;
		font-weight: bold;
		line-height: 20px;
		display: block;
		width: 100%;
	}
	
	#popup .txtfield{
		margin: 0 0 20px 0;
		width: 230px;
	}
	
	#popup .btn{
		background: url(/web/grafik/bg_btn_newsletter.jpg) no-repeat;
		border: 0;
		height: 42px;
		width: 210px;
		margin: 15px 0 0 0;
		text-indent: -9999px;
		float: right;
		cursor: pointer;
	}
	
	#popup p{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #408fa5;
		margin: 30px 0 0 0;
		width: 210px;
		float: right;
		text-align: center;
	}

