
html {
    overflow-y: scroll;
    }

body
{
  padding: 0px 0px 0px 0px;
  margin: 0 0px 10px 0px;
  background: #fff;
  font-family: Arial, sans-serif;
  font-size: 62.5%;
  color: #000;
}

body.frontpage
{
  padding: 0px 0px 0px 0px;
  margin: 0 0px 10px 0px;
  background: #BB0000;
  font-family: Arial, sans-serif;
  font-size: 62.5%;
  color: #fff;
}

/*
  LAYOUT CSS
  
*/

#wrapper {
  width: 900px;
  margin: 0 auto;
}

#leftcol {
  float: left;
  width: 200px;
  height: 20px;
  margin: 0;
  padding: 0;
}

#rightcol {
  float: right;
  width: 660px;
  height: 20px;
  margin: 0 0 0 10px;
  padding: 0;
}

#headerdiv {
  float: left;
  width: 1014px;
  height: 111px;
  
}

#logodiv {
  float: left;
  width: 180px;
  height: 141px;
  margin: 50px 0 0 30px;
  padding: 0;
}

#logo {
background-image: url(../images/logo.png);
background-repeat: no-repeat;
width:200px;
height:141px;
display:block;
overflow: hidden;
}

#logodiv span
{
  display:none;
}

#front_logo {
  float: left;
  width: 450px;
  margin: 20px auto 0 auto;
}

#menubar_bg {
  float: left;
  width: 1014px;
  height: 44px;
  background: url(../images/menubar_bg.png) no-repeat top left;
  margin: 0;
}

#shadow {
  float: left;
  width: 1018px;
  height: auto;
  min-height: 477px;
  background: url(../images/shadow_bg.png) no-repeat top left transparent;
  margin: -8px 0 0 -2px;
}

#sitewidth
{
  float: left;
  width: 1010px;
  height: auto;
  min-height: 477px;
  background: url(../images/sitewidth_bg.png) repeat-y top left;
  margin: 8px 0 0 4px;
}


form
{
  margin:0px;
  padding:0px;
}

.staffimage
{
  border-top:1px solid #cccccc;
  border-right:2px solid #555555;
  border-bottom:2px solid #555555;
  border-left:1px solid #cccccc;
  padding:5px;
  background-color:#ffffff;
  text-align: center;
}


h1
{
  font-size: 2.2em;
  margin: 15px 0px 40px 0px;
  font-weight:bold;
  color: #000;
  font-family: Arial, sans-serif;
}

h2
{
  font-size: 1.8em;
  margin: 20px 0px 5px 0px;
  color: #000;
  font-weight: b;
  font-family: Arial, sans-serif;
}

h3
{
  font-size: 1.4em;
  margin:0px;
  padding:0px 0px 0px 0px;
  color: #000;
  font-family: Arial, sans-serif;
  text-transform: uppercase;
}

.text
{
  float: left;
  width: 100%;
  line-height: 1.7em;
  font-size: 1.2em;
  margin: 0 0 0 10px;
}

.article_img {
  background-color: #fff;
  padding: 5px;
}

#main li
{
  line-height: 1.7em;
  font-size: 1.0em;
}

#main li ul li
{
  line-height: 1.0em;
  font-size: 1.0em;
}

#main dt
{
  line-height: 1.0em;
  font-size: 1.0em;
}

#main dd
{
  line-height: 1.0em;
  font-size: 1.0em;
}

a
{
  color:#000;
  text-decoration: none;
}

a:hover
{
  color:#BF2E1A;
  text-decoration: underline;
}

a.link {
  font-size: 1.2em;
}


a.webzoofooter
{
font-size:10px;color:#189cd8;text-decoration:none;font-weight:normal;
}

a:hover.webzoofooter
{
font-size:10px;color:#000;text-decoration:none;font-weight:normal;
}

.webzoocontainer
{
  text-align:center;
  padding-bottom:10px;
  margin: 0px 0 30px 0;
  border:1px none #ffff00;
  float: left;
  width: 998px;
  text-align: center;
}



#languagediv {
  float: right;
  width: 103px;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
}

#searchdiv{
  float: left;
  width: 240px;
  height: auto;
  margin: 7px 0 0 340px;
  padding: 0;
}

#outercont_top {
  float: left;
  width: 1014px;
  height: 12px;
  background: url(../images/content_top_bg.png) no-repeat top left;
  margin: 0;
  padding: 0;
}

#outercont_bg {
  float: left;
  width: 999px;
  height: 693px;
  background: url(../images/sitewidth_glow_bg.png) no-repeat top left;
  margin: 0 0 0 0;
  padding: 0;
}


#innercont_top {
  float: left;
  width: 999px;
  height: 8px;
  background: url(../images/sitewidth_top_bg.png) no-repeat top left;
  margin: 0 0 0 0;
  padding: 0;
}

#innercont_bg {
  float: left;
  width: 999px;
  height: auto;
  min-height: 693px;
  background: url(../images/sitewidth_glow_bg.png) no-repeat top left;
  margin: 0 0 0 0;
  padding: 0;
}

#inner_frame {
  float: left;
  width: 989px;
  height: auto;
  background: url(../images/sitewidth_bg.png) repeat-y top left;
  margin: 0 0 0 5px;
  padding: 0;
}


#sitewidthbottom
{
  margin: 0px auto;
  background-position: bottom center;
  background-image: none;
  background-repeat: no-repeat;
}



#sitewidthtop2
{
  margin: 0px auto;
  background-position: top center;
  background-image: none;
  background-repeat: no-repeat;
}



p
{
  margin:0px;
  padding:0px;
  /* font-size: 1.2em; */
}

.brodtext {
  font-size: 1.2em;
}

.brodtext_miljo {
  font-size: 0.9em;
}

td
{
 font-size: 1.2em;
}

#navigationbuttons
{
  float: left;
  width: 190px;
  margin: 6px 0 0 0;
  padding:0;
  text-align: center;
}



#navigationbuttons ul
{
  font-size: 1.2em;
  font-weight: bold;
  margin:14px 0 0 8px;
  padding:0;
  list-style: none;
  text-align:left;
}

#navigationbuttons ul li
{
  display: block;
  margin:0 0 0 0px;
  padding:0;
  list-style: none;
  text-align:center;
}

#navigationbuttons ul li a
{
  text-decoration: none;
  padding: 4px 15px 3px 15px;
  width: 165px;
  height: auto;
  color:#000;
  text-align: center;
  line-height: 2.0em;
}

#navigationbuttons ul a:hover
{
  text-decoration: none;
  padding: 4px 15px 3px 15px;
  width: 165px;
  height: auto;
  color:#BF2E1A;
  text-align: center;
  line-height: 2.0em;
}

#navigationbuttons ul li.selected
{
  display: block;
  margin:0 0 0 0px;
  padding:0;
  list-style: none;
  text-align:center;
}

#navigationbuttons li.selected a
{
  text-decoration: none;
  padding: 4px 15px 3px 15px;
  width: 165px;
  height: auto;
  color: #BF2E1A;
  text-align: center;
  line-height: 2.0em;
}


#navigationbuttons li.selected a:hover
{
  text-decoration: none;
  padding: 4px 15px 3px 15px;
  width: 165px;
  height: auto;
  color: #000;
  text-align: center;
  line-height: 2.0em;
}


#navigationbuttons ul.subnav {
  font-size: 1.2em;
  font-weight: normal;
  margin:0 0 0 0;
  padding:0;
  list-style: none;
  text-align:left;
}

#navigationbuttons ul.subnav a
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 2px;
  width: 220px;
  height: 24px;
  color:#646464;
  background-image: url(../images/subnav_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: normal;
}

#navigationbuttons ul.subnav a:hover
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 26px;
  width: 154px;
  height: 24px;
  color:#000;
  background-image: url(../images/subnav_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: normal;
}


#navigationbuttons li.subselected a
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 26px;
  width: 154px;
  height: 24px;
  color:#6d9763;
  background-image: url(../images/subnav_active_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: bold;
}

#navigationbuttons li.subselected a:hover
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 26px;
  width: 154px;
  height: 24px;
  color:#000;
  background-image: url(../images/subnav_active_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: bold;
}


/*
  FRONT PAGE NAVIGATION
*/

body.frontpage #navigationbuttons
{
  float: left;
  width: 190px;
  margin: 6px 0 0 0;
  padding:0;
  text-align: center;
}



body.frontpage #navigationbuttons ul
{
  font-size: 1.2em;
  font-weight: bold;
  margin:14px 0 0 8px;
  padding:0;
  list-style: none;
  text-align:left;
}

body.frontpage #navigationbuttons ul li
{
  display: block;
  margin:0 0 0 0px;
  padding:0;
  list-style: none;
  text-align:center;
}

body.frontpage  #navigationbuttons ul li a
{
  text-decoration: none;
  padding: 4px 15px 3px 15px;
  width: 165px;
  height: auto;
  color:#fff;
  text-align: center;
  line-height: 2.0em;
}

body.frontpage #navigationbuttons ul a:hover
{
  text-decoration: none;
  padding: 4px 15px 3px 15px;
  width: 165px;
  height: auto;
  color:#FFC423;
  text-align: center;
  line-height: 2.0em;
}

body.frontpage #navigationbuttons ul li.selected
{
  display: block;
  margin:0 0 0 0px;
  padding:0;
  list-style: none;
  text-align:center;
}

body.frontpage #navigationbuttons li.selected a
{
  text-decoration: none;
  padding: 4px 15px 3px 15px;
  width: 165px;
  height: auto;
  color: #FFC423;
  text-align: center;
  line-height: 2.0em;
}


body.frontpage #navigationbuttons li.selected a:hover
{
  text-decoration: none;
  padding: 4px 15px 3px 15px;
  width: 165px;
  height: auto;
  color: #fff;
  text-align: center;
  line-height: 2.0em;
}


body.frontpage #navigationbuttons ul.subnav {
  font-size: 1.2em;
  font-weight: normal;
  margin:0 0 0 0;
  padding:0;
  list-style: none;
  text-align:left;
}

body.frontpage #navigationbuttons ul.subnav a
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 2px;
  width: 220px;
  height: 24px;
  color:#646464;
  background-image: url(../images/subnav_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: normal;
}

body.frontpage #navigationbuttons ul.subnav a:hover
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 26px;
  width: 154px;
  height: 24px;
  color:#000;
  background-image: url(../images/subnav_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: normal;
}


body.frontpage #navigationbuttons li.subselected a
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 26px;
  width: 154px;
  height: 24px;
  color:#6d9763;
  background-image: url(../images/subnav_active_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: bold;
}

body.frontpage #navigationbuttons li.subselected a:hover
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 26px;
  width: 154px;
  height: 24px;
  color:#000;
  background-image: url(../images/subnav_active_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: bold;
}

/*
  NEW SUBMENU CSS
  
*/

#submenu ul.subnav {
  font-size: 1.4em;
  font-weight: normal;
  margin:0 0 0 0px;
  padding:0;
  list-style: none;
  text-align:left;
}

#submenu ul.subnav a
{
  display: block;
  text-decoration: none;
  padding: 6px 0 10px 16px;
  margin: 0 0 0 8px;
  width: 186px;
  height: auto;
  color:#014D7E;
  background-image: url(../images/subnav_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: normal;
}

#submenu ul.subnav a:hover
{
  display: block;
  text-decoration: none;
  padding: 6px 0 10px 16px;
  width: 186px;
  height: auto;
  color:#003A54;
  background-image: url(../images/subnav_bg.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: normal;
}


#submenu li.sub_selected a
{
  display: block;
  text-decoration: none;
  padding: 6px 0 10px 16px;
  width: 224px;
  height: auto;
  color:#003A54;
  background-image: url(../images/subnav_bg.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: bold;
}

#submenu li.sub_selected a:hover
{
  display: block;
  text-decoration: none;
  padding: 6px 0 10px 16px;
  width: 220px;
  height: auto;
  color:#000;
  background-image: url(../images/subnav_bg.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: bold;
}

#submenu ul.subnav li.subsub a
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 16px;
  width: 220px;
  height: 16px;
  color:#00304f;
  background-image: url(../images/subsub_arrow.png);
  background-position: 0 11px;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: normal;
  font-size: 0.6em;
}

#submenu ul.subnav li.subsub a:hover
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 16px;
  width: 220px;
  height: 16px;
  color:#000;
  background-image: url(../images/subsub_arrow.png);
  background-position: 0 11px;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: normal;
  font-size: 0.6em;
}

#submenu ul.subnav li.subsub .selected a
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 16px;
  width: 220px;
  height: 16px;
  color:#000;
  background-image: url(../images/subsub_arrow.png);
  background-position: 0 11px;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: normal;
  font-size: 0.6em;
}

#submenu ul.subnav li.subsub .selected a:hover
{
  display: block;
  text-decoration: none;
  padding: 8px 0 0 16px;
  width: 220px;
  height: 16px;
  color:#000;
  background-image: url(../images/subsub_arrow.png);
  background-position: 0 11px;
  background-repeat: no-repeat;
  text-align: left;
  font-weight: normal;
  font-size: 0.6em;
}


#navigationlanguage
{
  float: left;
  width: 110px;
  padding: 0 0 10px 0;
  margin: 5px 0 0 0px;
}


#navigationlanguage img {
  border: 1px none #000000;
  margin: 0 0 0 0;
}

.languageheader
{
  float: left;
  width: 203px;
  height: 26px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 1.4em;
  padding: 6px 0 0 10px;
  margin: 0 0 0 12px;
  background: url(../images/puff_head_bg.png) no-repeat top left;
  text-align: left;
}

#navigationlanguage a
{
  color:#000;
  display: none;
}

#navigationlanguage a:hover
{
  color:#8ca4b5;
}

#navigationlanguage a:visited
{
  color:#000;
}

#navigationlanguage a:visited:hover
{
  color:#8ca4b5;
}


#navigationlanguage ul
{
  font-size: 1.2em;
  margin: 3px 0 0 0;
  padding:0;
  list-style: none;
}

#navigationlanguage li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  text-align: left;
}

#navigationlanguage ul a
{
  display: inline;
  text-decoration: none;
  padding: 0;
  height: 17px;
  margin:5px 5px 0px 5px;
  color: #000;
}

#navigationlanguage ul a:hover
{
  display: inline;
  text-decoration: none;
  padding: 0;
  height: 17px;
  color:#8ca4b5;
  margin:5px 5px 0px 5px;
}


.bildtext
{
  font-size:11px;
  color:#898989;
}

.rightimage
{

    margin-left:10px;
    margin-bottom:0px;
    float:right;
    border:1px none #ff0000;
    text-align:center;
}


.leftimage
{

    margin-right:10px;
    margin-bottom:0px;
    float:left;
    border:1px none #ff0000;
    text-align:center;
}


.centerimage {
  float: left;
  width: 99px;
  text-align: left;
  margin: 0 20px 10px 0;
  color: #77787E;
}

.hidden
{
    display: none;
}

#header
{
  float: left;
  width: 980px;
  height: 158px;
  background-repeat:no-repeat;
  background-position: top left;
  margin:5px 0 0 16px;
  /* background-image:url(/images/header1.png); */
}

#header_frontpage
{
  float: left;
  width: 980px;
  height: 158px;
  background-repeat:no-repeat;
  background-position: top left;
  margin:5px 0 0 16px;
}


.right
{
  text-align:left;
}


#navigation
{
  float:left;
  width: 203px;
  border:1px none #ffaa00;
  padding-left:0px;
  padding-top:5px;
}

#navigation_head {
  float: left;
  width: 203px;
  height: 26px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 1.4em;
  padding: 6px 0 0 10px;
  margin: 0 0 0 12px;
  background: url(../images/puff_head_bg.png) no-repeat top left;
}

#navigation_bg {
  float: left;
  width: 203px;
  padding: 0;
  margin: 0 0 0 12px;
  background: url(../images/puff_bg.png) repeat-y top left;
}

#navigation_end {
  float: left;
  width: 203px;
  height: 6px;
  padding: 0;
  margin: 0 0 12px 12px;
  background: url(../images/puff_end_bg.png) no-repeat top left;
}

#navigationblock
{
  width: 164px;
  border:1px none #ffaa00;
  padding-left:0px;
  padding-top:0px;
}


#contentcontainer
{
  float:left;
  width: 999px;
  border:2px none #00ffff;
  padding-top:5px;
}

.contentwrap
{
  border:2px none #0000ff;
  width:600px;
  margin: 140px 10px 10px 0;
}

#main
{
  float:left;
  width:600px;
  border:1px none #ffaa00;
  margin: 63px 10px 0 0px;
}

#main_sortiment
{
  float:left;
  width:640px;
  border:1px none #ffaa00;
  margin: 0 10px 0 20px;
}

#frontpage_main
{
  float:left;
  width:650px;
  border:1px none #ffaa00;
  margin-right:0px;
}

#container
{
  float: left;
    margin: 0;
    padding: 0;
    width: 980px;
}

#footer
{
  float: left;
  width: 1010px;
  height: 71px;
  background: url(../images/footer_bg.png) no-repeat top left;
  padding: 30px 0 0 0;
  margin:0 0 20px 4px;
  text-align: center;
  font-size: 1.2em;
}

#footer span
{
  padding-right:10px;
  padding-left:10px;
  white-space: nowrap;
}

.leftpuff_top {
  float: left;
  width:222px;
  height: 5px;
  background: url(../images/leftpuff_top.png) no-repeat top left;
  margin: 0;
  padding: 0;
}

.leftpuff_bg {
  float: left;
  width:220px;
  height: auto;
  background: url(../images/leftpuff_bg.png) no-repeat top left #e8f3fb;
  border-left: 1px solid #d5edf8;
  border-right: 1px solid #d5edf8;
  margin: 0;
  padding: 0 0 5px 0;
}

.leftpuff_footer {
  float: left;
  width:222px;
  height: 11px;
  background: url(../images/leftpuff_footer.png) no-repeat top left;
  margin: 0;
  padding: 0;
}


#puffar
{
  float:left;
  width: 255px;
  *width: 255px;
  overflow:hidden;
  font-size: 1.2em;
  padding: 0 0 0 5px;
  margin: 0 0 0 10px;
}

.puff_footer
{
  float: left;
  width: 203px;
  height: 6px;
  padding: 0;
  margin: 0 0 10px 0;
}


.puff
{
  float: left;
  width: 253px;
  padding: 5px 10px;
  margin: 0 0 0 0;
}

.puffhead
{
  float: left;
  width: 248px;
  height: 26px;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 1.2em;
  color: #0072bc;
  padding: 6px 0 0 10px;
  margin: 0 0 0 0;
  background: url(../images/right_header_line.png) no-repeat bottom left;
}


.extrabildborder
{
  padding: 10px 0px 0px 0px ;
  border-top: none;
  margin:0px;
  overflow:hidden;
  background-image: none;
  background-repeat: repeat-x;
  background-color:#ffffff;
  background-position: bottom;
  color: #333333;
}

.extrabildheader
{
  font-weight:normal;
  font-size: 1.4em;
  border-bottom: 1px solid #c6e1f0;
  padding-top: 10px;
  padding-bottom: 5px;
  color:#167ec2;
}

.product_puff
{
  background-color:#DFDEDB;
  border: 1px solid #9C9B99;
  margin-top:20px;
  padding:5px;
  background-image: url(../images/puff_content_bg.gif);
  background-repeat: no-repeat;
}

#quantity
{
  width: 50px;
}

.artno
{
  color:#8F8F8E;
}

.quickfactsline
{
  border-bottom: 1px #A8A7A5 dotted;
}

.price
{
  font-weight: bold;
  font-size: 18px;
  border: 1px none #000000;
  float:right;
  color:#000000;
}

.pricebg1
{
background-image: url(../images/pricebg1.gif);
background-repeat: repeat-x;
background-position: center;
}

.pricebg2
{
background-image: url(../images/pricebg2.gif);
background-repeat: repeat-y;
background-position: left;
}

.pricebg3
{
background-image: url(../images/pricebg3.gif);
background-repeat: repeat-y;
background-position: right;
padding:15px;

}


#priceinfo
{
  background-color:#DFDEDB;
  border: 1px solid #9C9B99;
  padding:10px;
  background-image: url(../images/puff_content_bg.gif);
  background-repeat: no-repeat;
}

#pricestock
{
  float:left;
  border: 1px none #000000;
}

#pricebox
{
  font-size:2.5em;
  font-weight:bold;
}

#stockbox
{
  text-align:right;
}


#quickfacts
{
  width: 100%;
}

#quickfacts legend
{
  color:#000000;
  font-size:1.2em;
  font-weight: bold;
  background-color: transparent;
  width: 100%;
  padding:0px;
  margin:0px;
}



.extrapicture
{
  background-color:#000000;
  border: 1px solid #000000;
}

.folderimage
{
  border:none;
}


.folder
{
  width: 135px;
  float:left;
  text-align: center;
  margin-bottom:10px;
}


.clear
{
  clear:both;
  font-size: 1px;
}

.product_clear
{
  float: left;
  width: 669px;
  height: 2px;
  background: url(../images/product_sep.png) no-repeat top right;
  clear:both;
  font-size: 1px;
  margin: 10px 0 10px 0;
}

.button
{
  background-color:#FFC423;
  color:#000;
  border:1px none #000;
  font-size:1.0em;
  padding: 3px 3px 3px 3px;
  font-weight: bold;
  color: #000;
}

.contact_left {
  float: left;
  width: 480px;
  height: auto;
}

.contact_right {
  float: right;
  width: 400px;
  height: 600px;
  background: url(../images/stadium_flera.png) no-repeat top left;
  margin: 10px 0 0 0;
}

/* fieldset
{
  border: none;
  margin:0px;
  padding:0px;
  width: auto;
}
 */

legend {
  font-size: 1.4em;
}

fieldset {
	margin: 20px 0;
	padding: 15px 10px;
	background-color:#fff;
	border: 1px none #fff;
	overflow: none;
}

label.kontakt {
    float: left;
    color: #000;
    margin: 0;
    width: 440px;
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    font-size: 1.2em;
}

.formfield
{

  border: 1px solid #c5c7c2;
  font-size:1.1em;
  font-family: Verdana;
  margin: 3px 0 3px 0;
  padding:3px;
}

.searchfield
{
  border: 1px solid #c5c7c2;
  font-size:1.0em;
  font-family: Verdana;
  margin: 3px 0 5px 0;
  padding:3px;
  width: 170px;
}

.formbackground
{
  float: left;
  width: 460px;
  background-color:#fff;
  border: 1px none #7f7f7f;
  padding:10px;
  margin: 0 0 0 -10px;
}


.contactform, .enkatform
{
  width: 400px;
}


blockquote p:before,
blockquote p:after
{
	content:'\201D';
}


blockquote
{
  margin:0px;
  padding:0px;
}

.quotewho
{
font-style: italic;
text-align:right;

}


/* VOTE STUFF */


.prog-border {
  height: 16px;
  width: 95px;
  background: #fff;
  border: 1px solid silver;
  margin: 0;
  padding: 0;
}

.prog-bar {
  height: 14px;
  margin: 1px;
  padding-left: 2px;
  font-size:0.8em;
}

/* VOTE STUFF */



.picture {
  text-align: center;
}

table
{
  font-size:1.0em;
}

#demo-attach {
  margin: 5px 0 10px 0;
  background-color:#98ce8a;
  color:#000;
  border:1px solid #7b7c79;
  font-size:1.0em;
  padding: 3px 3px 3px 3px;
  font-weight: bold;
}

#demo-attach-2 {
  margin: 5px 0 10px 0;
  background-color:#98ce8a;
  color:#000;
  border:1px solid #7b7c79;
  font-size:1.0em;
  padding: 3px 3px 3px 3px;
  font-weight: bold;
}

/*
 FRONT FEATURED CSS
 
*/

	#featured_bg {
		float: left;
		width: 998px;
		height: 317px;
		background: url(../images/featured_bg.jpg) no-repeat top left;
		margin: 0;
		padding: 0;
	}
	
	#slider img {
	  border: none;
	}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:1px 0 0 1px;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:986px;
		height:274px;
		overflow:hidden; 
		}	
	#nextBtn { 
		float: right;
		width:64px;
		height:27px;
                margin: 8px 20px 0 0;
		}
        #prevBtn { 
		float: left;
		width:101px;
		height:27px;
                margin: 8px 0 0 10px;
		}
	#nextBtn, #slider1next{ 
		/* left:1180px; */
		}														
	#prevBtn a {  
		display:block;
                float: left\9;
		position:relative;
		width:101px;
		height:27px;
		background:url(../images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{
                display:block;
		position:relative;
		width:64px;
		height:27px;
		background:url(../images/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin: 8px 0 0 10px;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/*
  FRONT PUFFAR
  
*/

#front_puff_wrap {
  float: left;
  width: 1005px;
  height: auto;
  margin: 10px 0 20px 0;
}

.front_puff_bg {
  float: left;
  width: 318px;
  height: 213px;
  margin: 0 16px 0 0;
  background: url(../images/front_puff_bg.png) no-repeat top left;
}

.front_puff_img {
  float: left;
  width: 108px;
  height: 193px;
  margin: 15px 0 0 10px;
  padding: 0;
}

.front_puff_txt {
  float: right;
  width: 175px;
  height: 193px;
  margin: 25px 10px 0 0;
}

.front_puff_txt  h3 {
  font-size: 1.8em;
  text-transform: lowercase;
  margin: 0;
  padding: 0;
  font-weight: normal;
}

.front_puff_txt  h2 {
  font-size: 2.4em;
  text-transform: lowercase;
  margin: 0 0 10px 0;
  padding: 0;
}

.front_puff_txt p {
  font-size: 1.2em;
}

.front_puff_txt a {
  display: block;
  float: right;
  width: 120px;
  height: 28px;
  background: url(../images/readon_bg.png) no-repeat;
  background-position: 0 0;
  font-size: 1.2em;
  color: #002f45;
  text-align: center;
  padding: 12px 0 0 0;
  margin: 10px 15px 0 0;
}

.front_puff_txt a:hover {
  display: block;
  float: right;
  width: 120px;
  height: 28px;
  background: url(../images/readon_bg.png) no-repeat;
  background-position: 0 -40px;
  font-size: 1.2em;
  color: #002f45;
  text-align: center;
  text-decoration: none;
  padding: 12px 0 0 0;
  margin: 10px 15px 0 0;
}

#representing {
  float: left;
  width: 303px;
  height: auto;
  margin: 20px 0 0 16px;
}

#representing img {
  border: none;
}

#season {
  float: left;
  width: 303px;
  height: auto;
  margin: 22px 0 0 15px;
}

#season img {
  border: none;
}

.season_item {
  float: left;
  width: 270px;
  margin: 0 0 0 5px;
  padding: 0;
}

.front_puff_head {
  float: left;
  width: 287px;
  height: 30px;
  background: url(../images/front_puff_head.png) no-repeat top left;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1.6em;
  font-weight: normal;
  text-transform: uppercase;
  color: #0072bc;
  padding: 10px 0 0 16px;
}

.front_puff_footer {
  float: left;
  width: 303px;
  height: 8px;
  background: url(../images/front_puff_footer.png) no-repeat top left;
}


.repr_item {
  float: left;
  width: 135px;
  margin: 0 5px 0 5px;
}

#fp_text {
  float: left;
  width: 255px;
  height: auto;
  margin: 0 0 0 -10px;
  padding: 0;
}

#fp_text h1 {
  font-size: 1.1em;
  background: url(../images/right_header_line.png) no-repeat bottom left;
  margin: 5px 0 5px 0;
  padding: 0 0 5px 0;
}

#fp_text .text div p.txt {
  font-size: 0.8em;
  line-height: 1.4em;
}

#banners{
  float: left;
  width: 255px;
  height: auto;
  margin: 30px 0 0 -4px;
}

#banners img {
  border: none;
}

.banners_item {
  float: left;
  width: 255px;
  margin: 0 0 10px 0;
}



#submenu {
  float: left;
  width: 220px;
  height: auto;
  margin: 10px 0 0 5px;
  padding: 0;
  
}



/*
  PRODUCTS CSS
  
*/

.prod_center {
  float: left;
  width: 690px;
  margin: 0 0 10px 0;
}

.prod_center .text div  {
  line-height: 1.2em;
}

.prod_center .text div h1 {
  background: url(../images/product_sep.png) no-repeat bottom left;
  font-size: 1.8em;
  margin-bottom: 20px;
  padding: 0 0 10px 0;
}

.prod_center .text div h2 {
  font-size: 1.8em;
  margin-bottom: 20px;
}



.prod_left {
  float: left;
  width: 320px;
  *width: 330px;
  margin: 0 20px 10px 0;
  *margin: 0 10px 10px 0;
  font-size: 1.0em;
}

.prod_left .text div  {
  line-height: 1.2em;
}

.prod_left .text div h1 {
  font-size: 1.8em;
  margin-bottom: 5px;
}

.prod_left .text div h2 {
  font-size: 1.8em;
  margin-bottom: 20px;
}

/*
.prod_right {
  float: left;
  width: 320px;
  margin: 0 0 10px 0;
}

.prod_right .text div  {
  line-height: 1.2em;
}

.prod_right .text div h1 {
  font-size: 1.8em;
  margin-bottom: 5px;
}

.prod_right .text div h2 {
  font-size: 1.8em;
  margin-bottom: 20px;
}
*/

/*
 INTRO PAGE CSS
 
*/

body.intro {
  padding: 0;
  margin: 0;
  background-color:#fff;
  font-family: Arial, sans-serif;
  font-size: 62.5%;
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url(../images/body_bg.jpg);
  background-repeat: repeat-x;
  color: #00304f;
  text-align: center;
}

#intro_wrapper {
  width: 563px;
  height: auto;
  padding: 0;
  margin: 100px auto 0 auto;
}

#intro_box_bg {
  float: left;
  width: 563px;
  height: 334px;
  background: url(../images/intro_box_bg.png) no-repeat top left;
  padding: 0;
  margin: 0;
}

#intro_text_area {
  float: left;
  width: 563px;
  height: auto;
  padding: 0;
  margin: 100px 0 0 0;
  text-align: center;
}

#yes_button_intro {
  float: left;
  width: 209px;
  height: 53px;
  background: url(../images/yes_button_intro.png) no-repeat top left;
  margin: 30px 0 0 50px;
  padding: 0;
}

#yes_button_intro span {
  display: none;
}

#no_button_intro {
  float: left;
  width: 209px;
  height: 53px;
  background: url(../images/no_button_intro.png) no-repeat top left;
  margin: 30px 0 0 40px;
  padding: 0;
}

#no_button_intro span {
  display: none;
}

input.search_input {
  display: inline-block;
  margin-right: 5px;
  background: #fff;
  border: 1px solid #beccd6;
  padding: 3px;
}

.search_button {
  background: #91CEF4;
  border: 1px solid #50b3ed;
  padding: 1px 3px 1px 3px;
}

.search_result {
  font-size: 1.2em;
}

.search_result p {
  margin: 0 0 5px 0;
}

a.pdf {
  display: block;
  width: auto;
  height: 32px;
  background: url(../images/icon_pdf.png) no-repeat;
  background-position: 0 0;
  padding: 0 0 0 40px;
  line-height: 32px;
}

/* sortiment css */

#sortiment {
  float: left;
  width: 990px;
  height: auto;
  margin: 0;
  padding: 0;
}

#sortiment_intro {
  float: left;
  width: 300px;
  height: auto;
  min-height: 594px;
  background: url(../images/sortiment_sep.png) no-repeat top right;
  margin: 10px 0 0 0;
  padding: 0 20px 0 0;
}

#sortiment_intro h1 {
  line-height: 28px;
  margin: 0 0 10px 0;
}

#sortiment_intro img {
  border: none;
}

.imgbox {
  float: left;
  margin: 20px 0 0 10px;
}

#sortiment_wrapper {
  float: left;
  width: 462px;
  height: auto;
}

.sortiment_top {
  float: left;
  width: 462px;
  height: 9px;
  background: url(../images/sortiment_top.png) no-repeat top left;
  margin: 0 0 0 20px;
  padding: 0;
}

.sortiment_bg {
  float: left;
  width: 420px;
  height: auto;
  min-height: 372px;
  background: url(../images/sortiment_bg.png) no-repeat top left #93c7e7;
  padding: 20px;
  margin: 0 0 0 20px;
  border-left: 1px solid #90d0ec;
  border-right: 1px solid #90d0ec;
  color: #012f44;
  font-size: 1.2em;
}

.sortiment_bg h2 {
  font-size: 1.4em;
  color: #139cd8;
  margin: 0 0 15px 0;
}

.sortiment_end {
  float: left;
  width: 462px;
  height: 9px;
  background: url(../images/sortiment_end.png) no-repeat top left;
  margin: 0 0 0 20px;
  padding: 0;
}

.album {
  float: left;
  width: 1000px;
  height: auto;
  min-height: 280px;
  margin: 0 0 20px 0;
  padding: 0 0 30px 0;
}

/* gallery roundabout */

			.roundabout-holder {
                                float: left;
				list-style: none;
				width: 62em;
				height: 14em;
				margin: 0 0 0 120px;
			}
			
			.roundabout-moveable-item {
				height: 0;
				width: 24em;
				cursor: pointer;
			}
			
			.roundabout-moveable-item img {
				width: 100%;
                                border: 4px solid #fff;
			}
			
			.roundabout-in-focus {
				cursor: auto;
                                border: 1px solid #fff;
			}
			
			#filler {
				text-align: center;
				height: 1em;
			}
                        
/* Docs css */

.docs_bg {
  float: left;
  width: 202px;
  height: 97px;
  background: url(../images/docs_bg2.png) no-repeat top left;
  padding: 0 0 0 10px;
  margin: 40px 10px 10px 5px;
}

.docs_text {
  float: left;
  width: 200px;
  height: 32px;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 1.4em;
}

#gallery_menu {
  float: left;
  width: 700px;
  height: 24px;
  margin: 20px 0 0 0;
  padding: 0;
}

.client_box {
  float: left;
  width: 192px;
  height: 130px;
  margin: 0 20px 5px 0;
}

.client_box a {
  border: none;
}

.client_box a img {
  border: none;
}

.title_box {
  float: left;
  width: 192px;
  height: 20px;
  text-align: center;
  font-size: 1.2em;
}

.desc_text {
  font-size: 1.2em;
  margin: 0 0 40px 0;
}
