/* FFEB82 */
/* FFF7C2 */
table.priser {
  width: 570px;
  border: 1px solid #FFEB82;
  background-color: #FFF7C2;
}
table.priser th {
  background-color: #FFF7C2;
  font-weight: bold;
  padding-left: 5px;
  font-size: 12px;
}
table.priser td {
  padding: 2px;
}
table.priser tr {
  background-color: #FFF;
}
table.priser tr.trans {
  background-color: transparent;
}
table.priser tr.yb {
  background-color: #FF0;
}
table.priser sup {
  font-weight: bold;
  color: red;
}

div.imageblock-right {
  float: right; margin: 0 0 10px 10px; text-align: center;
}
div.imageblock-right img {
  display: block;
}
p.ingress {
  font-weight: bold;
}
p.ingress a, p.ingress a:visited,
p.tekst a, p.tekst a:visited {
  color: #000;
}
div.right-image-200 {
  width: 202px; 
  float: right; 
  margin-left: 10px;
  text-align: center;
}
div.right-image-200 img {
  border: 1px solid #666;
}
div.right-image-200 a {
  font-size: 11px;
}
ul.liste {
}
ul.liste li {
  font-weight: bold;
}
ul.liste li ul {
  margin: 0 0 10px 0;
  padding: 0;
  list-style: none;
}
ul.liste li ul li {
  font-weight: normal;
}



div.col1, div.col2 {
  width: 300px;
  position: relative;
  float: left;
}
div.col2 {
  margin-left: 20px;
}
.breakoff { 
  clear: left;
}



/* * * * * * */


#col-functions-left {
  width: 300px;
  float: left;
  padding-right: 15px;
}
#col-functions-left h1 {
  color: #000;
  font-size: 17px;
}
#col-functions-left h2 {
  color: #ff6800;
  font-size: 17px;
  background-color: #fff;
}
#col-functions-left ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#col-functions-left ul li {
  padding-left: 10px;
  background-image: url(/assets/ul-arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}
#col-functions-left div.orange-1 {
  background: transparent url(/assets/point-orange-1.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-left div.orange-2 {
  background: transparent url(/assets/point-orange-2.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-left div.orange-3 {
  background: transparent url(/assets/point-orange-3.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-left div.orange-4 {
  background: transparent url(/assets/point-orange-4.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-left div.orange-5 {
  background: transparent url(/assets/point-orange-5.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-left div.orange-6 {
  background: transparent url(/assets/point-orange-6.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-left div.orange-7 {
  background: transparent url(/assets/point-orange-7.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-left div.orange-8 {
  background: transparent url(/assets/point-orange-8.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-left div.orange-9 {
  background: transparent url(/assets/point-orange-9.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-right {
  width: 300px;
  float: left;
  background: transparent url(/assets/dott-10px-vertical.gif) left repeat-y;
  padding-left: 15px;
}
#col-functions-right h1 {
  color:#000;
  font-size: 17px;
}
#col-functions-right h2 {
  color:#2281c1;
  font-size: 17px;
  background-color: #fff;
}
#col-functions-right ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#col-functions-right ul li {
  padding-left: 10px;
  background-image: url(/assets/ul-arrow.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
}
#col-functions-right div.blue-1 {
  background: transparent url(/assets/point-blue-1.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-right div.blue-2 {
  background: transparent url(/assets/point-blue-2.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-right div.blue-3 {
  background: transparent url(/assets/point-blue-3.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-right div.blue-4 {
  background: transparent url(/assets/point-blue-4.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-right div.blue-5 {
  background: transparent url(/assets/point-blue-5.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-right div.blue-6 {
  background: transparent url(/assets/point-blue-6.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-right div.blue-7 {
  background: transparent url(/assets/point-blue-7.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-right div.blue-8 {
  background: transparent url(/assets/point-blue-8.gif) top left no-repeat;
  padding-left: 50px;
}
#col-functions-right div.blue-9 {
  background: transparent url(/assets/point-blue-9.gif) top left no-repeat;
  padding-left: 50px;
}

#col-default-left {
  width: 295px;
  float: left;
  padding-right: 15px;
}
#col-default-right {
  width: 300px;
  float: left;
  background: transparent url(/assets/dott-10px-vertical.gif) left repeat-y;
  padding-left: 20px;
}
img.rthumb {
  float: left; 
  margin-right: 10px;
  border: 1px solid #ccc;
}

.hr {
  clear: both;
  background: transparent url(/assets/dott-10px-horisontal.gif) left repeat-x;
  height: 10px;
  display: block;
}
.hr hr {
  display: none;
}
hr {
  clear: both;
}
tr.highlight {
  background-color: #ffa;
}


form.order {
  font-size: 10px;
}
form.order div {
  font-weight: 700;
}
form.order input, form.order textarea {
  border: 1px solid #888;
  width: 98%;
  background-color: #f4f4f4;
  margin-top: -3px;
  margin-bottom: 3px;
  padding: 2px;
}
form.order input.btn {
  width: auto;
  background-color: transparent;
  border: none;
}


.product-set-new {
  border: 0 solid green;
  width: 320px;
  float: left;
}
.product-set-new h2 {
  margin: 0;
}
.product-set-new img {
  margin: 20px 10px 10px 0;
}
.product-set-new img.product {
  display: block;
  float: left;
}
.product-set-new a span {
  display: none;
}

div.right-image {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}
div.right-image p {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
.pull_quote {
  border: solid 1px #990000; 
  width: 210px; 
  float: right;
  margin-left: 1em;
}
.pull_quote .quote {
  background-color: white; 
  margin: 0.5em -1px 0.5em -1px; 
  padding: 0 1em 0 1em; 
  font-size: 14px; 
  color: #990000; 
  font-weight: bold; 
  font-family: arial; 
  text-align: right;
  overflow: visible;
}
.pull_quote .credit {
  margin-top: 0.75em;
  color: black;
  font-size: 10px;
  font-weight: normal;
  font-family: arial, sans serif;
}
.pull_quote .quo {
  font-size: 2em; 
  line-height: 0.5em;
  vertical-align: middle;
  position: relative;
  top: 0.15em;
  /* The following "undo" is to keep IE from choking */
  font-size: ; 
  line-height: ;
}

  /* http://www.thinkflick.com/how-to/cool-css-rounded-corner-buttons-and-links/ */
  a.button, span.button, del.button{
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;
	vertical-align:middle;	

    padding-top:-2px;
	_position:relative;
	_width:10px;
	_overflow-y:hidden;
}
a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(/gfx/btn0.png);
    _background-image:url(/gfx/btn0.png);
  width: auto; /* Fix parent width */
}
a.button span, span.button button, span.button input, del.button span{
white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;
	_display:block;
	_top:0;
	_right:-5px;

}
span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span,
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}
del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;

}
del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}
span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}
/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/
/*Hover Style*/
a.button:hover,
span.button:hover,
a.button:focus,
a.dom-button-focus,
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
    background-image:url(/gfx/btn0.png); /* fix missing hover */
}
a.button:hover span,
span.button:hover button,
a.button:focus span,
span.button-behavior-hover button,
span.button-behavior-hover input{
	background-position:100% -60px;
}
a.button:active, a.button:focus span{
	color:#444;
}
del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}
del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
}
/*Optional hack for IE6 to simulate :hover selector*/
span.button button, del.button span, span.button input{
	_behavior:expression(
		(function(el){
			if( typeof( behavior_onMouseEnter) == 'undefined'){
				behavior_onMouseEnter = function(el){
					var dEl = this.parentNode;
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';
					this.setCapture();
				};
				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};
			};
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
		})(this));
}

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}