html
{
 height: 100%;
}

body
{
  height: 100%;
  margin: 0px;
  padding: 0px;
  background: white;
  font-family: arial, verdana, tahoma, georgia, sans-serif, trebuchet ms;
  line-height: 1.3;
  font-size: 11px;
  color: #2a2a2a;
}

a, a:visited
{
  color: #91328d;
  text-decoration: none;
}

a:active, a:hover
{
  color: #91328d;
  text-decoration: underline;
}
a.darkgrey, a.darkgrey:visited,
a.darkgrey:hover, a.darkgrey:active{
 color: #575757;
}
h1.title{
  font-size: 12px;
  font-weight: normal;
  margin-top: 0px;
  margin-bottom: 3px;
  padding: 5px 15px;
  color: white;
  text-transform: uppercase;
  background: url(../images/title_bg.gif) repeat-x left top;
}


h2.title{
 color: #91328d;
 font-size: 14px;
 font-weight: bold;
 margin: 10px 0;
}
h3.title{
 font-size: 14px;
 color: #ce0610;
 font-weight: bold;
 text-transform: uppercase;
 margin: 0 0 10px 0; 
}
h4.title{
 font-weight: bold;
 font-size: 11px;
 color: #91328d;
 padding: 0px;
 margin: 0 0 15px 0;
 text-transform: uppercase;
}
h5.title{
 color: #767676;
 font-size: 14px;
 font-weight: bold;
 margin: 0 0 10px 0; 
 
}

.split{
 width: 100%;
 border-top: #91328d solid 1px;
 clear: both;
 margin: 0 0 0 0;
 height: 1px;
 font-size: 1px;
}

img{
 border: none;
}


.centerframe{
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.boundary{
 float: left;
 width: 1000px;
}

.top{
 float: left;
 height: 85px;
 width: 940px;
 padding: 10px 0px 0px 50px;
 border-bottom: 1px solid #91328d;
}

.top .logo{
 float: left;
 width: 150px;
}
.top .topmenu{
 float: right;
 padding-right: 0px;
 
}
.top .topmenu a, .top .topmenu a:visited,
.top .topmenu a:hover, .top .topmenu a:active{
 float: left;
 padding: 0 10px;
 text-transform: uppercase;
}

.top .topbuttons{
 float: right; 
 clear: right;
 margin-top: 46px;
 height: 19px;
}

.top .topbuttons a, .top .topbuttons a:visited{
 float: left;
 text-transform: uppercase;
 font-weight: bold;
 border-top: 1px solid #91328d;
 border-right: 1px solid #91328d;
 border-left: 1px solid #91328d;
 padding: 5px 0;
 width: 58px;
 text-align: center;
}
.top .topbuttons a:active, .top .topbuttons a:hover{
 text-decoration: none;
}
.top .topbuttons a.active, .top .topbuttons a.active:visited,
.top .topbuttons a.active:active, .top .topbuttons a.active:hover{
 color: white;
 background: #91328d; 
 text-decoration: none;
 padding: 5px 0;
 width: 58px;
 text-align: center;
}
.content{
 float: left;
 width: 860px;
 /* UTEN CLOUD TAG: padding: 40px 35px 50px 105px;*/
 /* MED CLOUD TAG*/
 padding: 40px 35px 10px 105px;
 background: url(../images/content_bg.gif) no-repeat left top;
}
.content.violet .right{
 margin-left: 16px;
}

/*LEFT MENU START: Accordion styling classes*/
.blockElement {
	display:block;
}
.left {
	float: left;
 	width: 155px;
 	padding-right: 5px;
}

@charset "UTF-8";


.Accordion {

	overflow: hidden;
		color:#FFFFFF;
}


.AccordionPanel {
	margin: 0px;
	padding: 0px;
	margin-bottom:1px;
}


.AccordionPanelTab {

	cursor: pointer;
 	text-transform: uppercase;
	padding:5px 0px 5px 0px;
	-moz-user-select: none;
	-khtml-user-select: none;
	
}
.AccordionPanelTab a {
	background-color:#258028;
	padding:5px 7px 5px 7px; /*Denne virker ikke nå den virker bare hvis jeg tar den rett pa span taggen*/

}
.AccordionPanelTab a{
	color:#FFFFFF;
	text-decoration:none;
		
}

.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px 5px 0px 25px;
	
	text-transform: uppercase;
	background: #6e176a;
	
}
.AccordionPanelContent a{
	margin-bottom: 5px;
	color:#FFFFFF;
	display:block;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #6e176a;
}
.AccordionPanelOpen .AccordionPanelTab a{
	background-color: #6e176a;
	
}

.AccordionPanelClosed .AccordionPanelTab {

}
.AccordionPanelClosed .AccordionPanelTab a{

}

.AccordionPanelTabHover {

}
.AccordionPanelTabHover a{
	background-color: #6e176a;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.AccordionPanelOpen .AccordionPanelTabHover {

}
.AccordionPanelOpen .AccordionPanelTabHover a{
	background-color: #6e176a;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

 .AccordionFocused .AccordionPanelTab {


}
.AccordionFocused .AccordionPanelTab a{

}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
 .AccordionFocused .AccordionPanelOpen .AccordionPanelTab {

}
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab a{
	background: #6e176a;
}

/*LEFT MENU END: Accordion styling classes*/


/* ORIGINAL MENU NO LONGER IN USE
.content .left{
 float: left;
 width: 155px;
 padding-right: 5px;

}

.left .leftmenu{
 white-space: nowrap;
float:left ;   

 overflow: hidden;
}
.left .leftmenu .menuitem{
 float: left;
 margin-bottom: 1px;
 background: #258028;
}
.leftmenu .menuitem a, .leftmenu .menuitem a:visited{
 float: left;
 clear: both;
 color: white;
 text-transform: uppercase;
 padding: 5px 7px;

}
.leftmenu .menuitem a:active, .leftmenu .menuitem a:hover{
 text-decoration: none;
 background: #6e176a;
  
}
.left .leftmenu .menuitem a:active{
 background: #6e176a;

}

.leftmenu .menuitem .submenus{
  background: #6e176a;
  padding: 0px 5px 0px 17px;
  float: left;
  

}
.leftmenu .menuitem .submenus .submenu{
 clear: both;
width:71px;
}

.leftmenu .submenus .submenu{

}
.leftmenu .submenus .submenu a, .leftmenu .submenus .submenu a:visited{
 background: none; 
 padding-top: 0px;
}
.leftmenu .submenus .submenu:hover, .leftmenu .submenus .submenu:active{
 text-decoration: underline;

}
*/

.content .right{
 float: left;
 width: 195px;
 border-top: 1px solid #6e176a;
 background: white;
 padding-bottom: 15px;
 margin-left: 5px;
}
.right .right_title{
 color: #545454;
 text-transform: uppercase;
 padding: 15px 15px 7px 15px;
 clear: both;
}
.right .clients{

}
.right .clients_line{
 float: left;
 width: 100%;
 height: 38px;
 clear: both;
 padding-bottom: 18px;

 padding-top: 9px;
 /*border-bottom: 1px solid #d7d7d7;*/
}
.right .clients_line .client{
 float: left;
 /*width: 65px;*/
 text-align: center;
 padding-left:13px;
 margin-right: -5px;
}

#divTagCloud {
	border-top: 1px solid #999999;
 	padding-top: 10px;
	padding-right:30px;
	padding-left:30px;
	text-align: center;
	color: #999999;	

}
#divTagCloud a, #divTagCloud a:visited {
	color: #999999;	
}
.bottom{
 border-top: 1px solid #999999;
 padding-top: 10px;
 margin-top: 10px;
 color: #999999;
 clear: both;
 display: block;
 text-align: center;
}
.bottom a, .bottom a:visited{
 color: #999999;
}
.content .main{
 float: left;
 width: 500px;
 background: white;
}
.article{
 padding: 25px 15px 15px 15px;

 height:100%;
}
.text ul {
	margin-left:0px; 
	padding-left:0px;  
	list-style:inside; 
	list-style-type:square;
	margin-top:4px;
	
	
}


.text ul li {
	margin-left:10px; 

}

table td ul {
	margin-left:0px; 
	padding-left:0px;  
	list-style:inside; 
	list-style-type:square;
	margin-top:4px;
}

table td ul li {
	margin-left:10px;  

}

table {
	margin-bottom:15px;
	width:100%;
}
table td {
	padding-bottom: 13px;
	vertical-align:top;
	text-align:left;
	padding-right:0px;
}
table td p {
	margin-top:0px;
}

.article.order{

}
.steps{
 float: left;
 padding: 5px 15px;
}
.steps .step{ 
 float: left;
 font-size: 14px; 
 color: #858585;
 font-weight: bold;
 display: inline;
}
.steps .step.done{
 font-size: 14px; 
 color: #6e176a;
 font-weight: bold;
}
form{
 float: left;
}
form.order{
 margin-bottom: 15px;
}
form.order .text_box{
 height: 100%;
 padding: 25px 15px 15px 15px;
 display:block;
 clear:both;
}
form.order .text_box .col1{
 float: left;
 width: 350px;
 padding-right: 20px;
}
.price{
 color: #ce0610;
 font-size: 18px;
 font-weight: bold;
}
.subtext{
 font-size: 10px;
 color: #979797;
 font-weight: bold;
}
form.order .text_box .col2{
 float: left;
 width: 50px;
}
form.order .order_buttons{
 background: url(../images/order_buttons_bg.gif) repeat-x top left;
 width: 100%;
 height: 22px;
 text-align: right;
}
form.order .bottom_text{
 float: left;
 padding-left: 10px;
 padding-top: 10px;
 font-weight: bold;
 font-size: 12px;
 color: #858585;
}
form input.order_button{
 float: right;
 background: #ce0610;
 font-size: 12px;
 font-weight: bold;
 color: white;
 border: none;
 padding: 3px 10px;
 margin-right: 35px;
 cursor: pointer; 
}
form input.felt {
 float: left;
 border: 1px solid #c1bfbf;
 color: #c1bfbf;
 font-family: arial,verdana;
 font-size: 12px;
 font-weight: bold;
 height: 16px;
 margin: 0pt 15px 10px 0pt;
 padding: 4px;
 width: 300px;
}
form textarea.comments {
 float:left;
 border: 1px solid #c1bfbf;
 color: #c1bfbf;
 height: 80px;
 margin: 0px;
 overflow: auto;
 padding: 10px;
 width: 288px;
}
.text_box input.checkbox {
 font-family: arial,verdana,helvetica,sans-serif;
 height: 11px;
 margin: 3px 5px 3px 0px;
 width: 11px;
}
.text_box .checkbox{
 float: left;
 width: 20px;

}
.text_box .checkbox_text{
 float: left;
 width: 330px;
}
.content.violet{
 background: url(../images/content_bg_violet.jpg) no-repeat left top;
 padding-left: 120px;
 width: 845px;
}
.content .main.large{
 width: 625px;
 margin-right: 5px;
 background: none;
}
h1.white_box{
 float: left;
 clear: both;
 background: white;
 color: #91328d;
 font-size: 21px;
 margin-bottom: 1px;
 font-weight: normal;
 padding: 5px 5px;
 margin-top: 0px;
}
h1.white_box.large_font{
 font-size: 24px;
 font-weight: bold;
 text-transform: uppercase;
 padding: 5px 10px;
 margin-top: 19px;
}
.white_box_text{
 clear: both;
 display: inline;
}
.white_box_text a,.white_box_text a:visited{
 float: left;
 clear: both;
 color: #91328d;
 font-size: 12px;
 background: white;
 padding: 3px 5px;
 margin-bottom: 1px;
}
.white_box_text a:hover,.white_box_text a:active{
 text-decoration: none;
}
.frontpage_boxes{
 float: left;
 width: 630px;
 height: 300px;
 background: url(../images/violet_shadow_bg.gif) no-repeat top left;
 margin-left: -1px;
 margin-top: 1px;
}
.frontpage_boxes .frontpage_box{
 float: left;
 width: 190px;
 padding: 10px 7px 10px 9px;
}
.frontpage_boxes .frontpage_box .title{
 color: white;
 padding: 5px 0 5px 24px;
 height: 15px;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0.5px;
 width: 166px;
}
.frontpage_boxes .frontpage_box .title.red{
 background: #ce0610 url(images/tbm_red_bg.gif) no-repeat top left;
}
.frontpage_boxes .frontpage_box .title.green{
 background: #258028 url(images/tbm_green_bg.gif) no-repeat top left;
}
.frontpage_boxes .frontpage_box .title.yellow{
 background: #dea909 url(images/tbm_yellow_bg.gif) no-repeat top left;
}
.frontpage_box .image{
 float: left;
 width: 190px;
 height: 120px;
 margin-bottom: 1px;
}
.frontpage_box .image img{
 width: 190px;
 heigth: 120px;
}
.frontpage_box form.contact{
 float: left;
 width: 180px;
 margin-top: 5px;
}
.frontpage_box form.contact input.felt{
 width: 180px;
 margin-bottom: 5px;
 margin-right: 0px;
 text-transform: uppercase;
 
}
.frontpage_box form.contact textarea.comments{
 width: 180px;
 height: 65px;
 padding: 4px;
 margin-bottom: 10px;
}
.frontpage_box a.more_info, .frontpage_box a.more_info:visited{
 position: relative;
 top: 101px;
 left: 0px;
 z-index: 1000;
 background: url(../images/violet_button_bg.gif) repeat-x top left;
 color: white;
 height: 13px;
 width: 55px;
 padding: 3px 5px;
 display: block;
 cursor: pointer;
}
.frontpage_box a.more_info:hover, .frontpage_box a.more_info:active{
 text-decoration: none;
}
.frontpage_box a.button, .frontpage_box a.button:visited,
.frontpage_box a.button:active, .frontpage_box a.button:hover{
 float: left;
 color: white;
 height: 13px;
 width: 55px;
 padding: 3px 5px;
 display: block;
 cursor: pointer;
 background: url(../images/green_button_bg.gif) repeat-x top left; 
 text-decoration: none;
}
.frontpage_box form input.button{
 color: white;
 height: 19px;
 width: 65px;
 padding: 2px 10px 3px 5px;
 cursor: pointer;
 background: url(../images/green_button_bg.gif) repeat-x top left;
 font-size: 11px;
 font-family: arial,verdana;
 border: 0px;
 text-align: left;
 margin-bottom: 10px;

}
.frontpage_box .price_box{
 float: right; 
 width: 95px;
 padding-bottom: 10px;
}
.frontpage_box .price_box .price{
 font-size: 14px;
 color: black;
 float: left;
}
.frontpage_box .price_box .subtext{
 float: left;
 padding-top: 3px;
 padding-left: 2px;
 color: #3d3d3d;
}
.logging{
 float: left;
 width: 480px;
}
.logging h1.white_box{
 padding: 10px;
 width: 460px;
 margin-bottom: 2px; 
}
.logging form{
 width: 460px;
 padding: 20px 10px 15px 10px;
 background: white;
}
.logging form br{
 clear: both;
}
.logging form label{
 float: left;
 text-transform: uppercase;
 color: #545454;
 clear: both;
}
.logging form input.felt {
 width: 300px;
 height: 16px;
 padding: 2px;
}
.logging form input.logging_button{
 float: left;
 clear: both;
 width: 90px;
 background: #CE0610;
 border: none;
 color: white;
 cursor: pointer;
 font-size: 12px;
 font-weight: bold;
 padding: 3px 5px;
}

.logging a, .logging a:visited{
 color: #817C7C;
 text-decoration: underline;
}
.logging a:active, .logging a:hover{
 color: #817C7C;
 text-decoration: none;
}
.logInError {
	 background: #CE0610;
	 color: white;
	 width: 470px;
	 padding-left:10px;
}
.products_table{
 float: left;
 width: 415px;
 padding: 12px 15px 15px 15px;
}
.products_table .row{
 float: left;
 clear: both;
 width: 410px;
 border-bottom: 1px solid #CECECE;
 padding: 5px 5px 5px 0;
}
.products_table .row.bold{
 font-weight: bold;
}
.products_table .row.noborder{
 border: none;
}
.products_table .row .col{
 float: left;
 width: 75px;
 text-align: center;
}
.products_table .row .col.description{
 width: 180px; 
 text-align: left;
}
.products_table .row .col.header{
 color: #258028;
 text-transform: uppercase;
 padding-bottom: 15px;
}

.highslide {
	cursor: url(/files/scripts/js/highslide/graphics/zoomin.cur), pointer;
    outline: none;
	padding-right: 30px;
}
.highslide img {
	border: 2px solid #efefef;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
	
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
#linkGenerator {border: 1px #cccccc solid}