@media screen, print {

*
{
    padding: 0;
    margin: 0;
}
body
{
    /*background: #ccc url(../img/bakgrund_topp_flode.jpg) repeat-x scroll center top;*/
	/*background:#d6d6d6 url(../img/bg.gif) top repeat-x;*/
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #333;
}
a
{
    color: #00acec;
}
a:hover
{
    color:#66CCFF;
}
a:visited
{
    color:#00acec;
}
#bgArea
{
    /*background: url(../img/bakgrund_topp.jpg) no-repeat scroll center top transparent;*/
        padding-top: 5px;
}

#wrap
{
    width: 978px;
    margin: 2px auto;
    
}
#header
{
    background: url(../img/body_top.png) repeat scroll 0% 0% transparent;
    /*height: 112px;*/
    float:left;
    width:100%;
}
#logo #sitename
{
    font-size: 36px;
    color: #000000;
    display: block;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border:none;
}
#logo img
{
    border:none;
}
#headercontent h2
{
    font-size: 18px;
    color: #5B920A;
}
#wrap #header #logo .description
{
    display: block;
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
}
#wrap #header #headercontent p
{
    color: #666666;
}
/*#wrap #header #sitecption
{
    margin-right: 380px;
    margin-left: 380px;
    padding-top: 90px;
    color: #FFFFFF;
    font: bold 16px "Trebuchet MS" , halvetica, Verdana, sans-serif;
    background-color:Aqua
}*/
.bigger
{
    font: 18px "Trebuchet MS" , halvetica, Verdana, sans-serif;
    color: #C0EC15;
}


#wrap #header #logo
{
    width: 260px;
    padding-top: 38px;
    padding-left: 50px;
    /*height: 80px;*/
    float: left;
}
#wrap #header #headercontent
{
    width: 550px;
    float: right;
    padding-top: 18px;
    /*height: 100px;*/
    /*background-color:Red;*/
}

#search
{
    /*height: 70px;*/
    vertical-align:bottom;
    width:500px;
    float:right;
    margin-right:20px;
    margin-top:10px;
    overflow:hidden;
    display:inline;
    /*background-color:pink;*/
}
.searchReqField
{
    height: 15px;
    float:right;
    margin-right:10px;
    margin-top: 8px;
    font-size:110%;
    
}
/*#main {background:url(../img/pagebg.png) repeat-y; padding:2px 9px 0 9px; margin:0;}*/
#main
{
    background: url(../img/body_main.png) repeat scroll 0% 0% transparent;
    float:left;
}

#menus
{
    background:url(../img/menu.jpg) no-repeat;
    width: 970px;
    /*margin: 0 auto 0 auto;*/
    margin-left: 4px;
    /*height: 55px;*/
}

#mainmenu
{
    height: 55px;
    font: bold 14px "Trebuchet MS" , halvetica, Verdana, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    padding-top: 10px;
    padding-right: 22px;
    padding-left: 22px;
}
#mainmenu li
{
    display: block;
    height: 40px;
    padding-right: 37px;
    padding-left: 37px;
    float: left;
    text-decoration: none;
    padding-top: 15px;
    /*background: url(../img/menudevider.png) no-repeat right 0;*/
    color: #5B920A;
}
/*#mainmenu .first a
{
    background: none;
}
*/
/*#mainmenu li
{
    display: inline;
}*/
#mainmenu a 
{
	color: #5B920A;
	text-decoration:none;
}
#mainmenu a:active
{
    text-decoration: none;
    color: #fff;
}
#mainmenu a:visited
{
    text-decoration: none;
    /*color: #fff;*/
    color: #5B920A;
}

#mainmenu li a:hover
{
	/*color: #fff;*/
	color: #acd74c;
}
#mainmenu .choosen
{
    background: url(../img/menuactive.gif) no-repeat center top;
	color: #fff;
}

#mainmenu .choosen A
{
	color: #fff;
}
#mainmenu .choosen A:Hover
{
	color: #fff;
}

/*
#mainmenu #active a
{
    background: url(../img/menuactive.gif) no-repeat center top;
    color: #fff;
}*/
.submenu{
    
    font: bold 12px "Trebuchet MS" , halvetica, Verdana, sans-serif;
    text-decoration: none;
    text-transform: uppercase;    
    background-color:#eee;
    width: 210px;
    float:right;
    margin-right:20px;
}
.submenu. ul
{
    list-style: none;
    float:right;
    height: 20px;
    padding: 2px 5px;
}
.submenu li
{
    display: inline;
    padding: 0 8px;
    color: #666666;
}
.submenu a 
{
	color: #5B920A;
	text-decoration:none;
}
.submenu a:active
{
    text-decoration: none;
    color: #fff;
}
.submenu a:visited
{
    text-decoration: none;
    color: #5B920A;
}

.submenu a:hover
{
	color: #99CC00;
}
.submenu .choosen
{
    background: #99CC00;
	color: #fff;
}

.submenu .choosen A
{
	color: #fff;
}
.submenu .choosen A:Hover
{
	color: #fff;
}
#wrap #main #content
{
    /*padding: 15px 20px;*/
    padding: 0 20px 0 20px;
}
#content
{
    /*background: url(../img/bgContent.gif) repeat-y;*/
    background:url(../img/bg_leftmenu.gif) repeat-y 20px 50px;
    margin-top:15px;
    float:left;
    width:100%;
    display:inline;
}
#contentLeftBottom
{
    /*background: url(../img/bgContent.gif) repeat-y;*/
    background:url(../img/leftmenuBottom.gif) no-repeat 0 bottom; 
    float:left;
    overflow:hidden;  
    
}
#contentNoLeft
{
    /*background: url(../img/bgContent.gif) repeat-y;*/
    float:left;
    width:980px;
    display:inline;
}
#mainmenu a:hover
{
    color: #fff;
}
#mainLeft
{
    width: 250px;
    float: left;
    
}
#mainRight
{
    /*margin-left: 265px;
    width:100%;*/
    float:left;
    margin-left:15px;
    width:673px;
    /*background-color:Red*/
   
}
#mainAll
{
    width: 980px;
    float: left;
    height:300px;
    margin-top:80px;
    text-align:center;
    
}
#mainAllNoLeft
{
    padding:10px 20px;
    width:940px;
    float: left;
    
    
}
h1, h2, h3, h4
{
    font-family: "Trebuchet MS" , halvetica, Verdana, sans-serif;
}
h1
{
    font-size: 22px;
}
h2
{
    font-size: 18px;
}
h3
{
    font-size: 16px;
}
h4
{
    font-size: 12px;
    font-family:Verdana;
    text-indent:255px;
    margin-bottom:4px;
    color: #666;
}
h5
{
     font-weight:bold;
     font-size:100%;
     color: #666;
}
h6
{
     font-weight:bold;
     font-size:120%;
     color: #666;
}
#main h2
{
    color: #333;
    display: block;
    padding: 3px 0 8px 0;
}
.green
{
    color: #5B920A;
}
#mainRight h1, #mainAllNoLeft h1
{
    color: #5B920A;
    font-weight: normal;
    /*padding-top:10px;*/
    margin-bottom: 0;
    float:left;
    
}
#mainRight h3, #mainAllNoLeft h3
{
    color: #5B920A;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 2px;
    
}
#mainAllNoLeft h2
{
    color: #666;
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 2px;
    padding-bottom:0;
    
}
#main p
{
    line-height: 16px;
    /*margin-bottom: 18px;*/
    float:left;
}

#mainRight .column1
{
    width: 49%;
    float: left;
    margin-top:15px;
}
#mainRight .column2
{
    float: right;
    width: 49%;
    margin-top:15px;
    
}
#mainRight .imgArea
{
    float: left;
    width: 100%;
    background-color:#fff;
}

.columnTop
{
    background: url(../img/pushTop.gif) no-repeat center;
    width: 329px;
    height: 13px;
}
.columnMiddle
{
    background: url(../img/pushMiddle.gif) repeat-y;
    width: 329px;
}
.columnBottom
{
    background: url(../img/pushBottom.jpg) no-repeat center;
    width: 329px;    
    height: 13px;
}
.columnContainer
{
    padding:0 10px 15px 10px; 
    width:300px;
    overflow:hidden;
    
}
.columnContainerBg
{
    padding:0 10px 15px 10px; 
    width:300px;
    /*height:256px;*/
    background: url(../img/bgSenastBest.gif) no-repeat right;
    overflow:hidden;   
    
}
.pushHeader
{
    width:100%;
    height:46px;
    float:left
    
}
.pushContainer
{
    width:86%;
    float:left;
    margin-top:55px;
    text-align:center;
    height:120px; 
    font-size:130%;
    
}
.divHeightMainPush
{
    float:left; 
     width:100%;
     margin-top:2px;
     height:220px;
    
}
a:visited, a:active
{
    color: #00acec;
}
a:hover
{
    color: #66CCFF;
    text-decoration: none;
}


#wrap #footer
{
    
}
#footer
{
    background-color:#000;
    width: 950px;
    margin: 0 auto;
    padding: 5px 10px 10px 10px;  
    overflow:hidden;
    color:#fff;
}
#footer A
{
    color:#fff;
    text-decoration:none;
}
#bottom
{
    background: url(../img/body_bottom.png) no-repeat scroll 0% 0% transparent;
    height: 20px;
    padding-top: 10px;
    width:100%;
    float:left;
}

.bottomLinks
{
	padding: 10px 10px 0px 10px;
    width:950px;
    text-align:center;
    color:#787878;
}

.bottomLinks A
{
    color:#787878;
    text-decoration:none;
}

#mainmenu ul
{
    list-style: none;
}
#submenu a:visited, #submenu a:active
{
    background: url(../img/submenudevider.png) no-repeat left;
    display: block;
    float: left;
    height: 16px;
    padding-top: 2px;
    padding-right: 15px;
    padding-left: 15px;
    color: #666666;
    text-decoration: none;
}
#submenu a:hover
{
    background: url(../img/submenudevider.png) no-repeat left;
    display: block;
    float: left;
    height: 16px;
    padding-top: 2px;
    padding-right: 15px;
    padding-left: 15px;
    color: #000000;
    text-decoration: none;
}
#mainmenu .first a:visited, #mainmenu .first a:active
{
    background: none;
}
#productlist
{
    list-style: none;
}
#productlist li
{
    display: block;
    padding: 3px;
    border-bottom: 1px solid #eee;
}
.productimage
{
    float: left;
}

#sidebar1
{
    float: left;
    width: 49%;
}
#sidebar2
{
    float: right;
    width: 49%;
}

#mainRight ul
{
    list-style: none;
}/*
#mainRight li
{
    display: block;
    height: 18px;
}
#mainRight li a
{
    display: block;
    height: 15px;
    padding-top: 2px;
    color: #999999;
    text-decoration: none;
    background: url(../img/bullet.png) no-repeat 0px 3px;
    padding-left: 15px;
}
*/
.leftProduktdetail
{
    width:68%;
    float:left;
    margin-top: 5px;
}
.rightProduktdetail
{
    width:32%;
    float:left;
    margin-top:5px;
}
.rightProduktdetailArea
{
    width:100%;
    float:left;
    /*border:solid 1px red;*/
}
.rightProduktdetailBorder
{
    float:left;
    border:solid 1px #A2CD5A;
    margin:0 10px;
}
.img_rightProduktdetail
{
    float:left;
    margin:10px 10px 0 10px;
}
.text_rightProduktdetail
{
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    padding-bottom:10px;
}
.link_rightProduktdetail
{
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-top:10px;
    width:180px;
    word-wrap: break-word; 
}
#formContainer
{
    width:100%;
    float:left;
    
}
#formLeftCol
{
    width:62%;
    float:left;
    
}
#formRightCol
{
    width:38%;
    float:left;
}

#formContainerReg
{
    width:100%;
    float:left;
    
}


#formRightCol, #formRightCol, fieldset {
	margin: 0;
	padding: 0;
	}
	
fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}
	
select { padding: 0; }


.ulformContainer ul
{
 list-style:none;
}

.ulformContainer li {
 padding:4px 0;
 font-size:110%;

}
.borderForm 
{    
    float:left;
    width:100%;
    padding:10px 0;
    border-left:solid 1px #e3e3e3;
    border-right:solid 1px #e3e3e3;
    border-top:none
    
}
.borderFormReg
{    
    float:left;
    width:100%;
    padding:0;
    border-left:solid 1px #e3e3e3;
    border-right:solid 1px #e3e3e3;
    border-top:none
    
}
.bgForm 
{    
    float:left;
    width:100%;
    background: #fff url(../img/bg_fieldset.jpg) left bottom repeat-x;
    padding-bottom:10px;
}

#formRightCol.form fieldset, #formLeftCol.form fieldset { margin-bottom: 2px; }
	
#formRightCol.form legend, #formLeftCol.form legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	text-indent:5px;
	}
	
#formRightCol.form label, #formLeftCol.form label {
	display: inline-block;
	/*line-height: 1.8;*/
	/*vertical-align: middle;*/
	}
	
#formRightCol.form fieldset ol, #formLeftCol.form fieldset ol {
	margin: 0;
	padding: 0;
	}
	
#formRightCol.form fieldset li, #formLeftCol.form fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	
	/*height:20px;*/
	}
	
#formRightCol.form fieldset fieldset, #formLeftCol.form fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}
	
#formRightCol.form fieldset fieldset legend, #formLeftCol.form fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	}
	
#formRightCol.form fieldset fieldset label, #formLeftCol.form fieldset fieldset label {
	display: block;
	width: auto;
	}

#formRightCol.form em, #formLeftCol.form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

#formRightCol.form label , #formLeftCol.form label { width: 100px; } /* Width of labels */
#formRightCol.form fieldset fieldset label, #formLeftCol.form fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */

/*\*//*/ form.form legend { display: inline-block; } /* IE Mac legend fix */



#formRightCol.form, #formLeftCol.form {
	/*width: 336px;*/
	font-size: 110%;
	color: #333;
	}
	
#formRightCol.form legend , #formLeftCol.form legend { padding-left: 0; }
	

#formRightCol.form label, #formLeftCol.form label { color: #333; }

#formRightCol.form fieldset {
	border: none;
	border-left: 1px solid #C9DCA6;
	}
#formLeftCol.form fieldset {
	border: none;
	}
		
#formRightCol.form fieldset fieldset, #formLeftCol.form fieldset fieldset { background: none; }
	
#formRightCol.form fieldset li, #formLeftCol.form fieldset li {
	padding: 5px 10px 0;
	}
	
	#formLeftCol.form input, #formRightCol.form input
	{
	    width:150px; 
	    }
	
/*Contactform*/
	
#formContact.form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
#formContact.form fieldset fieldset label {
	display: block;
	width: auto;
	}

#formContact.form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

#formContact.form label { width: 100px; } /* Width of labels */
#formContact.form fieldset fieldset label { margin-left: 103px; } /* Width plus 3 (html space) */

/*\*//*/ form.form legend { display: inline-block; } /* IE Mac legend fix */

.rowMyPages em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	margin-left:4px;
	}

#formContact.form {
	/*width: 336px;*/
	font-size: 110%;
	color: #333;
	}
	

#formContact.form label { color: #333; }

#formContact.form fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	/*background: url(../img/bg_fieldset.gif) left bottom repeat-x;*/
	}
	
#formContact.form fieldset fieldset { background: none; }
	
	
#formContact.form input
	{
	    width:198px; 
	    }
.ddlFormContact
{
  width:204px;   
    }		
.txtMultiFormContact
{
  width:200px;
  height:100px;   
    }	
.contactFormDiv
{
   padding-bottom:8px;
    }
    

/*Loginform*/
	
#formLogin.form label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	}
	
#formLogin.form fieldset fieldset label {
	display: block;
	width: auto;
	}

#formLogin.form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

#formLogin.form label { width: 120px; } /* Width of labels */
#formLogin.form fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.form legend { display: inline-block; } /* IE Mac legend fix */



#formLogin.form {
	/*width: 336px;*/
	font-size: 110%;
	color: #333;
	margin-left:15px;
	margin-top:10px;
	}
	

#formLogin.form label { color: #333; }

#formLogin.form fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	/*background: url(../img/bg_fieldset.gif) left bottom repeat-x;*/
	}
	
#formLogin.form fieldset fieldset { background: none; }
	
	
#formLogin.form input
	{
	    /*width:198px; */
	    }    
    
 .txtCustomerNo2   
 {
	    width:20px;
	    }     
	    .txtCustomerNo3   
 {
	    width:30px;
	    } 
	    .txtformLogin{
	    width:165px;
	    }     
	    .ddlformLogin{
	   width:171px;   
	    }     
 .txtRequiredFieldValidator
 {
    font-size:90%;
    margin-left:105px;
    
    }   
    .txtRequiredFieldValidatorLogin
 {
    font-size:90%;
    margin-left:125px;
    
    }   
    .requiredFieldValidator
 {
    font-size:90%;
    }   
/*
.form
{
    margin: 10px 25px 10px 50px;
}
.form .text
{
    display: block;
    border: 1px solid #666666;
    background: #efefef;
    width: 250px;
    padding: 5px;
    font-size: 14px;
    color: #000000;
}
.form label
{
    display: block;
    margin-bottom: 3px;
    margin-top: 10px;
}
.form .text:hover
{
    background: #FFFFFF;
    border: solid 1px #000000;
}
.form .text:focus
{
    background: #efefef;
    border: 1px solid #669900;
}
.form .button
{
    display: block;
    border: 1px solid #666666;
    background: #efefef;
    padding: 5px 10px 5px 10px;
    margin: 10px 0px 10px 0px;
}
.form .button:hover
{
    display: block;
    border: 1px solid #666666;
    background: #ffffff;
    padding: 5px 10px 5px 10px;
    margin: 10px 0px 10px 0px;
}
*/

.input
{
background: url(../img/input.png) no-repeat;
 width:171px;
 height:31px;
 border:none;
 float:right;
 padding:0 5px 0 5px;
}

.inputTextArea
{
  background-color:Transparent;
  border:none;
 width:158px;
 font-size:12px;
 padding:8px 0 0 0;
 
}

/*.buttonMain
{
 background: url(../img/btnMain.jpg) repeat-x;
 height:31px;
 border:none;
 float:right;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
.buttonLeft
{
 background: url(../img/btnLeft.jpg);
 height:31px;
 width:15px;
 border:none;
 float:right;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
.buttonRight
{
 background: url(../img/btnRight.jpg);
 height:31px;
 width:15px;
 border:none;
 float:right;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}*/
.button
{
background: url(../img/btnSearch.jpg) no-repeat;
 width:89px;
 height:31px;
 border:none;
 float:right;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
.button:hover
{
    background: url(../img/btnSearchHover.jpg) no-repeat;
}
.buttonLarge
{
background: url(../img/btnLarge.jpg) no-repeat;
 width:150px;
 height:31px;
 border:none;
 float:right;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
.buttonLarge:hover
{
    background: url(../img/btnLargeHover.jpg) no-repeat;
}
.buttonSmall
{
background: url(../img/btnSmall.jpg) no-repeat;
 width:63px;
 height:31px;
 border:none;
 float:right;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
.buttonSmall:hover
{
    background: url(../img/btnSmallHover.jpg) no-repeat;
}
.buttonLeft
{
background: url(../img/btnSearch.jpg) no-repeat;
 width:89px;
 height:31px;
 border:none;
 float:left;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
.buttonLeft:hover
{
background: url(../img/btnSearchHover.jpg) no-repeat;
}
.buttonLeftLarge
{
background: url(../img/btnLarge.jpg) no-repeat;
 width:200px;
 height:31px;
 border:none;
 float:left;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
.buttonLeftLarge:hover
{
    background: url(../img/btnLargeHover.jpg) no-repeat;
}
.buttonGreen
{
background: url(../img/button.jpg) no-repeat;
 width:135px;
 height:31px;
 border:none;
 float:right;
 color:#fff;
 font-weight:bold;
 cursor:pointer;
}
.button_readmore
{
    background: url(../img/button_readmore.jpg) no-repeat left;
    width: 101px;    
    height: 25px;
    border:none;
    color:#fff;
    cursor:pointer;
}
/*Accordion*/
/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	/*background:#fff url(/img/global/gradient/h150.png) repeat scroll 0;
	padding:10px 10px 10px 10px;*/
	width:250px;
	min-height:548px;
	/*border:1px solid #ddd;*/
}

/* accordion header */
#accordion img {
	float:left;
	cursor:pointer;
	opacity:0.5;
	filter: alpha(opacity=50);
	margin-bottom:10px;
}

/* currently active header */
#accordion img.current {
	cursor:default;
	opacity:1;
	filter: alpha(opacity=100);
}

/* 
	accordion pane. should initially have zero width and display:none.
	the first pane should override these with inline style
*/
#accordion div {
	width:0px;
	/*float:left;*/
	display:none;		
	margin-right:10px;
}

/* content inside a pane should have fixed width */
#accordion div h3 {
	color:#444;
	margin:0 0 0 0;
	width:225px;
	font-size:15px;	
}
	
#accordion div p {	
	font-size:11px;
	width:225px;
    margin-top:10px;
}
#accordion ul {
 list-style:none;
 width:225px; 
}

#accordion li {
 padding:2px 0;
 color:#00acec;

}

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


.space20{
  height:20px;
  clear:both;
}
.space5{
  height:5px;
  clear:both;
}
.marginRight0
{
   margin-right:0;
}

/*Two columns startpage*/

.contentCol 
{   
   width:100%;
   float:left;
   background-color:Fuchsia;  
   margin-top:15px;
  }
.border-left {background:url(../img/border-left.gif) repeat-y left #f2f9e9;}

.border-right {background:url(../img/border-right.gif) repeat-y right;}

.border-top {background:url(../img/border-top.gif) repeat-x top;}

.border-bot {background:url(../img/border-bot.gif) repeat-x bottom;}

.corner-top-left {background:url(../img/corner-top-left.gif) no-repeat left top;}

.corner-top-right {background:url(../img/corner-top-right.gif) no-repeat right top;}

.corner-bot-left {background:url(../img/corner-bot-left.gif) no-repeat left bottom;}

.corner-bot-right {background:url(../img/corner-bot-right.gif) no-repeat right bottom; padding:21px 0px 32px 0px; width:100%; overflow:hidden;}

.corner-bot-right .inner { padding:0px 13px 0px 13px}



.col1, .col2 { float:left; padding-top:124px; text-align:center;}

.col1 a, .col2 a { display:block; padding-bottom:10px;}

.col1 { width:49%; border-right:1px solid #dbe8c8; background:url(../img/bg-column1.gif) no-repeat 25px 0}

.col2 { width:49%; background:url(img/bg-column2.gif) no-repeat 49px 0}






/*#mainLeft .ind { padding:0px 30px 28px 0px;}*/

#mainLeft .width {  float:left; }

#mainLeft .col-top { background:url(../img/leftmenuTop.gif) no-repeat 0 0; padding:0px 22px 0px 20px; overflow:hidden; }

/*#mainLeft .col-bot { background:url(../img/leftmenuBottom.gif) no-repeat 0 bottom; width:100%; overflow:hidden;}*/



.width { width:100%; overflow:hidden;}



.category
{
 font-weight:bold;
 color:#00688B;
     
    }

#leftMenu  ul.menu { padding-left:0; padding-bottom:0; width:100%; font-size:12px;}

#leftMenu  ul.menu li ul.menu { padding-left:17px; width:auto;}

#leftMenu  ul.menu li { padding:0px 0px 1px 0px; list-style-image:none; list-style:none; margin:0; line-height:normal;line-height:22px; overflow:hidden; /*border-bottom:1px solid #ffcc00;*/background:url(../img/bg-line.gif) repeat-x bottom}

#leftMenu  ul.menu li a { background:url(../img/a1.gif) no-repeat 1px 5px;  text-decoration:none;  padding-left:18px; overflow:hidden;}

#leftMenu  ul.menu li a:hover{ }

#leftMenu  ul.menu li.last { border:0;}

div.block { margin-bottom:11px; margin-top:10px; color:#363638; overflow:hidden; width:100%; }

.block .content { padding:11px 37px 25px 0px; overflow:hidden;}

.clear-block { padding:0px 20px 0px 18px;}

#leftMenu  ul.menu li .first
{
 
 
   }
#leftMenu  ul.menu li .last
{
 background:none;
 
 
   }

#leftMenu  ul.menuNoArrow li a { background:none; text-decoration:none;  padding-left:2px; overflow:hidden;}  
   
   
.productTop
{
    background: url(../img/puff_topp.gif) no-repeat center;
    width: 329px;
    height: 5px;
}
.productMiddle
{
    background: url(../img/puff_middle.gif) repeat-y;
    width: 329px;
    min-height:220px;
}
.productBottom
{
    background: url(../img/puff_bottom.gif) no-repeat center;
    width: 329px;
    height:225px;
}
.productFooter
{
    background: url(../img/puff_footer.gif) no-repeat center;
    width: 329px;
    height:28px;
}
 .product_title
{
    background: url(../img/bgTitle.jpg) no-repeat;
    width: 299px;
    height:44px;
    padding-top:16px;
    color:#fff;
    font-size:150%;
    text-indent:10px;
    margin:0 auto;
    text-transform:uppercase;
}  
.product_text
{
   float:left;
   width: 184px;
} 

ul.product_list
{
   font-size:110%;
   
}   
ul.product_list li
{
/*border-bottom: solid 1px white;*/
margin-bottom:5px; 
background:url(../img/bullet.png) no-repeat 1px 1px;
padding-left:16px; 
max-width:150px;
width:150px;
}  

.product_img
{
   float:left;
   width: 129px;
   margin:0 10px 0 5px;
   max-height:160px;
   
}    
.product_img a
{
   text-decoration:none;
   
} 
.product_imglink 
{
   float:left;
   width: 164px;
   margin:2px 0 0;
   font-size:150%;
   text-decoration:none;
   text-align:center;
   background:#ffcc00 url(../img/order.png) no-repeat;
   
}     
.product_link
{
   float:right;
   width: 164px;
   margin:2px 0 0;
   font-size:150%;
   text-decoration:none;
   text-align:center;
   
}   
   
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(../img/bg_mouseover.png);
	font-size:100%;
	height:163px;
	padding:25px 30px 20px 30px;
	width:330px;
	color:#333;	
	/*background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;*/
}
 
/* style the trigger elements */
#dyna img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
#dyna a {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
.tooltip.bottom {
	background:url(../img/bg_mouseover_bottom.png);
	padding-top:50px;
	height:163px;
}
 
.tooltip.bottom {
	background:url(../img/bg_mouseover_bottom.png);
}


.kontaktinfo
{
 float:left; 
 margin-top:20px;
 border:solid 1px #bbb;
 padding:10px;
 width:88%;
   }

.infoText
{
 float:left; 
 width:100%;
 margin-top:10px;
 font-size:110%;
 line-height:1.6;

   }
   .akutinfoText
{
 float:left; 
 width:96%;
 border:solid 1px #bbb;
 background-color:#eee;
 margin-top:20px;
 color:Red;
 padding:10px;

   }
      .ovriginfoText
{
 float:left; 
 width:96%;
 border:solid 1px #bbb;
 background-color:#fff;
 margin-bottom:20px;
 color:#333;
 padding:10px;

   }
#faq
{
 float:left; 
 margin-top:20px;
 border:solid 1px #bbb;
 padding:10px;
 width:88%;
 overflow:hidden;
 display:inline

   }
#faq p
{
margin-bottom:0;    
   }
.faqQ
{
 float:left; 
 width:100%;
 
   }
   .faqA
{
 float:left; 
 margin-top:5px;
 margin-bottom:20px;
 width:100%;

   }
.divNormal
{
 float:left; 
 width:100%;
 margin-top:10px;
   }
.divRegForm
{
 float:left; 
 width:100%;
 margin-top:2px;
   }   
.divInfoDetail
{
 
 margin-top:8px;
 font-style:italic;
   }
    
.loggedIn
{
    vertical-align:bottom;
    width:300px;
    float:right;
    margin-right:20px; 
    margin-top:5px;   
    overflow:hidden;
    display:inline;
    font-size:110%;
}  
.clear
{
    clear: both;
}
.space10
{
    height:10px;
    clear: both;
}

.floatLeft
{
 float:left; 
   }
.floatRight
{
 float:right; 
   }   
.width100
{
 width:100%;
   }  
   .width40
{
 width:40%;
   }   
.width50
{
 width:50%;
   }  
   .width60
{
 width:60%;
   }   
 .width17
{
 width:17%;
   }    
   .width30
{
 width:30%;
   }  
   .width70
{
 width:70%;
   }   
   
.width16
{
 width:16%;
   }   
.width28
{
 width:28%;
   }   
.width56
{
 width:56%;
   }  
   .width44
{
 width:44%;
   }  
.width47
{
 width:47%;
   }     
   .width25
{
 width:25%;
   }  
.alignRight  
{
  direction:rtl;
   }  
   .textalignRight  
{
   text-align:right;
   }  
.marginLeft15
{
   margin-left:15px;
   } 
.marginLeft20
{
   margin-left:20px;
   }    
   .marginLeft10
{
   margin-left:10px;
   } 
   .marginRight10
{
   margin-right:10px;
   } 
   .marginBottom10
{
   margin-bottom:10px;
   }   
.marginBottom15
{
   margin-bottom:15px;
   }      
.alignCenter
{
  text-align:center;
   }           
   
 .textIndent5
{
   padding-left:5px;
   }      
   
  .paddingLeft
{
   padding-left:10px;
   }      
 .paddingRight
{
   padding-right:10px;
   } 
 .paddingtop
{
   padding-top:5px;
   }    
.divRegBgColor
{
  float:left; 
  width:99%;
  margin-top:10px;
  padding:10px 0 10px 1%;
}     
  .borderNone
  {
      border:none;}      
  
  .readonly
  {
 background-color:#eee;
 border: solid 1px #a5acb2;
 height:16px;}     
 .font110
  {
  font-size:110%;
  }
  #font110
  {
  font-size:110%;
  }
  .bold
  {
   font-weight:bold;
  }
  .rowMyPages
  {
   width:100%;
   float:left;
   margin-bottom:4px;  
   min-height:22px; 
  }
  
  .inputSmall
{  
 width:40px; 
}
.inputNormal
{  
 width:200px; 
}
.inputMedium
{  
 width:146px; 
}
.inputCountry
{  
 width:206px; 
}
.inputddl
{  
 width:155px; 
}


.rbl
{
 font-size:120%;
    }
    
.rbl td
{ 
 width:50%;
 padding-bottom:4px;
    }    
.rbl td label
{ 
  
  float:left;
  width:94%;
    }      
.rbl td input
{ 
  float:left;
  width:6%;
  padding:2px 0 0 0;
  margin:0;
    }      
 .rbl2
{
 font-size:120%;
    }
    
.rbl2 td
{ 
 width:100%;
 padding-bottom:4px;
    }    
.rbl2 td label
{ 
  text-indent:5px;
  float:left;
  white-space:nowrap;
    }      
.rbl2 td input
{ 
  float:left;
  padding:2px 0 0 0;
  margin:0;
    }         

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.shadetabs{
border-bottom: 1px solid #e3e3e3;
/*margin-bottom: 1em;*/
float:left;
width:100%;

}

.shadetabs ul{
padding: 6px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/

}

.shadetabs li{
display: inline;
margin: 0;

}

.shadetabs li a{
text-decoration: none;
padding: 6px 7px;
margin:0 0 0 10px;
border: 1px solid #A2CD5A;
color: #2d2b2b;
background: white url(../img/tab.gif) top left repeat-x;

}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(../img/tabactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
} 

.postage
{
  background-color:#ffffcc;
  border:solid 1px #ccc;
  clear:both;
  float:left; 
  padding:4px;
  display:inline;
  overflow:hidden;
  margin:5px 0 10px 0;
  font-size:90%;
  float:left;
  width:95%;
  
    }
.readmore
{
  background-color:#fff;
  border:solid 1px #ccc;
  clear:both;
  float:left; 
  padding:4px;
  display:inline;
  overflow:hidden;
  margin:5px 0 2px 0;
  width:70%;
    }    

.readmoreDiv
{
   
  visibility: hidden; 
  position: absolute;
  left: 0px;
  width:500px;
    } 
 
 /* klass till sidan laddas*/   
    .loading
{
	width:300px; 
	height:100px; 
	background: #e8e8e8;
	border: solid 1px #208088;
	text-align: center;
	vertical-align:middle;
	padding-top: 40px;
	font-weight:bold;
	font-size:14px;
	position: absolute; left: 40%; top: 30%; z-index:2;
	cursor: wait;	
}
.error
{
    color:#ff0000;
    }
.positionReg
{
 position:relative;
 top:-32px;
    }
    
 
 
 }
 
 
 /* target mobile devices   */
@media only screen and (max-device-width: 480px) {   
body { max-width: 100%;background-color:yellow; }   
}   
/* recent Webkit-specific media query to target the iPhone 4's high-resolution Retina display   */
@media only screen and (-webkit-min-device-pixel-ratio: 2)    
{
    body { max-width: 100%;background-color:yellow; }
      
/* CSS goes here   */
}   
  
/* should technically achieve a similar result to the above query,   */
/* targeting based on screen resolution (the iPhone 4 has 326 ppi/dpi)   */
@media only screen and (min-resolution: 300dpi)    
{
    body { max-width: 100%;background-color:yellow; }  
/* CSS goes here   */
}