/*
 * Global *
          */          
body {  font-family: Verdana;  font-size: 10px;  color: #5E6488;  background-image: url(/files/biotex/gfx/page_gradient_bg.jpg);  background-repeat: repeat-x;  background-color: #B7D2FF; margin:0; padding:0;}

p { padding: 0; margin:0; margin-bottom: 10px; }
a img {border:0;}
a {color: #5E6488;}

h1 { font-size: 2.5em; color: #4877FF; margin:0; padding:0; margin-bottom: 10px;}
h2 { font-size: 1.3em; font-style:italic; font-weight: normal; margin:0; padding:0; }

iframe {width:600px; height: 180px;}

#pagecontainer { width: 960px; margin:0 auto; position: relative;}

#pagetop { height: 72px; }

#pagetop a.logo { position: absolute; left: 24px; }
#pagetop img.logo { }

#pagecontent { background: white; padding: 27px 24px; }
#pagefooter { background: white; clear:both; text-align: center; padding-bottom: 20px;}
#pagecontainershadow { background: url(/files/biotex/gfx/footer_shadow.png) no-repeat; height: 26px;}

.printicon { position: absolute; top:1px; right:1px; width: 50px; height: 16px; }
.printicon a {color: gray;}
.printicon img {position: relative; top:5px;}

.spotcontainer {	margin-bottom:10px; }

/* Right column */
#rightColumn  { float: right; width: 226px; }
#rightColumn .rightarea { margin-bottom: 12px; }
#rightColumn .rightarea h2 { margin:0; padding:0; font-size: 14px; color: #4877FF; margin-bottom: 5px;  font-style:normal; font-weight: bold; }

#pagecontent .clear {clear:both;}

/* Navigation */
ul#pagenavigation { position: absolute; top: 48px; left: 204px; margin:0; padding:0; list-style-type: none; }

ul#pagenavigation li {float: left;}
ul#pagenavigation li a {display:block; padding: 4px 16px 8px 16px; color: White; text-decoration: none; font-size: 1.2em;}

ul#pagenavigation li a.selected, ul#pagenavigation li a.over, ul#pagenavigation li a:hover { color: #5A8DF6;  background: white; }

/* Sub Navigation */
#submenus {display: block; z-index: 3000; }
#submenus div.submenu {position: absolute; top:0; left:0; display:none;background: #DBF3FF url(/files/biotex/gfx/submenu_gradient.jpg) repeat-x; position: absolute; z-index:10000;}
#submenus div.submenu ul {margin:0 16px 10px 16px; padding: 0; float:none; list-style: none;}
#submenus div.submenu ul li {margin:0; display: block; margin-top:10px;}
#submenus div.submenu ul li a {margin:0; display: block; font-size: 1.2em; text-decoration: none; color:#5A8DF6; }
#submenus div.submenu ul li a:hover { color: #034EA2;}
#submenus div.submenu ul li a.selected, #top .topnavigation ul li div.submenu ul li a.expanded {color: #034ea2;}

/* Language menu */
#languageMenu {position: absolute;	top:5px;left: 755px; width: 200px; text-align: right;}
#languageMenu a {color: white;text-decoration: none;}
#languageMenu a img {position: relative; top: 2px;}

/*
 * Forside *
           */           
#pagecontent #centercontent { float: left; width: 665px; position: relative; z-indez: 10;}
#pagecontent #centercontent .procent_100 { margin-bottom: 18px;  }
#pagecontent #centercontent #forsidecolumns .forsidebox {float: left; width: 209px;}
#pagecontent #centercontent #forsidecolumns .forsidebox .boxcontent { padding:10px; background: url(/files/biotex/gfx/box_gradient_bg.jpg) repeat-x; }
#pagecontent #centercontent #forsidecolumns .forsidebox .boxcontent img {display: block;}
#pagecontent #centercontent #forsidecolumns .forsidebox .boxcontent h2 {margin:0; color: #4877FF; font-size: 14px; font-style:normal; font-weight: bold;}
#pagecontent #centercontent #forsidecolumns .spacer {float: left; width: 19px;}

/*
 * Productlist *
               */
#productlistcontainer { margin-top: 15px; }
#productlistcontainer .product { float: left; width: 209px; height: 250px; background-repeat: no-repeat; margin-bottom: 10px;}
#productlistcontainer .spacer {float: left; width: 19px;}
#productlistcontainer .product a.title { text-decoration:none; color: #4877FF; font-size: 1.5em; font-weight: bold; }
#productlistcontainer .product div.text {margin-top: 5px;}
#productlistcontainer .product div.text a { text-decoration:none; color: #5E6488; }
#productlistcontainer .product .productInfo {margin-top: 115px; padding-left:10px;}

/* 
 * Underside * 
             */
#subpage div#subpagecontent {float: left; width: 440px; margin-right: 5px; padding-right: 10px;}
#subpage div#subpageimagecolumn {float: left; width: 200px;}


/* 
 * Pletguide  *
					*/
#pagecontent #centercontentfullwidth { width: 100%; }

form#form1 {width: auto;} /* Pletguide formen */
form#form1 div {float: none; width:auto; margin: 0; background: transparent; padding:0; border: 0px; height:auto;}
#pnlChoicesBottom {padding:0;}

div#produktlist div#pletguide { float: none; width:auto; margin: 0; background: transparent; padding:0; border:0;}
div#produktlist div#pletguide-box1, 
div#produktlist div#pletguide-box2, 
div#produktlist div#pletguide-box3, /* 325px; */
div#produktlist div#pletguide-box4 { height: 200px; padding: 10px; padding-top:5px; position: relative; z-index:3; float: left; width: 194px; margin:0; margin-right: 10px;  background: white url(/files/biotex/system/Images/kasse_pletguide.gif) no-repeat; color: #034E92; border: solid 3px white;}

div#produktlist div#pletguide-box4 {width: 196px;}

#lblChoiceCategory, #lblChoiceType, #lblChoiceCategoryColor, #lblChoicePletType { display: block; font-weight: bold; font-family: Arial; font-size: 12px; display:block; padding: 10px; padding-left: 0; padding-top: 5px; padding-bottom: 5px;}

div#produktlist div#pletguide-box1 input, 
div#produktlist div#pletguide-box2 input, 
div#produktlist div#pletguide-box3 input,
div#produktlist div#pletguide-box4 input {margin-left: 0;}

div#produktlist div#pletguide-box4 label {color: #034E92;}
div#produktlist div#pletguide-box4 {margin-right: 0;}

div#produktlist div#pletguide-box1 a.inactive, 
div#produktlist div#pletguide-box2 a.inactive, 
div#produktlist div#pletguide-box3 a.inactive,
div#produktlist div#pletguide-box4 a.inactive {color: Gray; text-decoration: none;}  

div#produktlist div#pletguide-box1 a.active, 
div#produktlist div#pletguide-box2 a.active, 
div#produktlist div#pletguide-box3 a.active,
div#produktlist div#pletguide-box4 a.active {color: #034e92; text-decoration: none;}    

div#produktlist div#pletguide-box1 a.pletitem, 
div#produktlist div#pletguide-box2 a.pletitem, 
div#produktlist div#pletguide-box3 a.pletitem,
div#produktlist div#pletguide-box4 a.pletitem {color: #034e92; text-decoration: none; }

div#produktlist div#pletguide-box1 .pletBullet, 
div#produktlist div#pletguide-box2 .pletBullet, 
div#produktlist div#pletguide-box3 .pletBullet,
div#produktlist div#pletguide-box4 .pletBullet {position:relative; top:4px; left:-2px;}


div.boxvenstre {width: 296px; height: 95px; padding: 20px 30px 10px 110px; float: left; margin-top:20px;}
div.box {width: 296px; height: 95px; padding: 20px 30px 10px 110px; float: right; margin-top:20px;}
div.box .h3, div.boxvenstre .h3 {font-weight: bold; }

/* Resultat siden */
#pnlChoicesBottom {background: url:();} /* 320px;  */ 
img.pletImd { padding: 10px; border: 2px solid #e0e0e0; background: white; height: 150px; float: right; margin-left:15px; }

div#produktlist div#pnlResult { width: 886px; border: solid 3px white; height: 179px; background: url(/files/biotex/system/Images/kasse_underside_stor.gif) repeat-x ;padding: 10px; margin:0; color: #034E92;}

div#produktlist div#pnlResult h1 {color: #034E92; font-size: 15px; margin-bottom: 5px;}
div#produktlist div#pnlResult div#pletguide-box5 {position: relative; height: 110px; width: 200px; float: right; color: #034E92; margin-left: 15px;}
div#produktlist div#pnlResult div#pletguide-box5 .print {position: absolute; right: 0; top:0; text-align: right; width: 100px; height: 20px; z-index: 2000;}

/* Kontakt formular */
form {margin: 0; width: 500px;}
.viaform-singleline { height: 15px; width: 200px;}
.viaform-textarea {height: 50px; width: 200px;}

.viaforms-singleline-block label {display: block; width: 300px;}
.viaforms-textarea-block label {display: block; width: 300px;}
.viaform-checkbox-block {height:20px;}
.viaform-checkbox-block label { }
.viaform-checkbox-block input {width: 30px;}
.viaforms-button-block, .viaform-checkbox-block { clear:both; }
.viaforms-button-block { padding-top:15px; height:35px; }


/*SCROLLER START*/
div.scrollHolder { position: relative; overflow: hidden; top: 0px;}
div.scrollWindow { position: absolute; left: 0; top: 0; overflow: hidden; }
div.scrollContent { position: absolute; visibility: hidden; left: 0; top: 0; padding: 0 0 0 0px; }
div.scrollBar { position: absolute; font-size: 1px; line-height: 1px; z-index: 100;}
div.scrollArrow { position: absolute;  z-index: 100;}
div.scrollTrack { position: absolute; top: 0; left: 0; cursor: default;  z-index: 100;}
div.scrollDrag { position: absolute; left: 0; top: 0; background-position: 50% 50%; background-repeat: no-repeat;  z-index: 100;}
/*SCROLLER END*/