html, body {height: 100%; width: 100%;}
div, td, p {font-family:Arial; font-size: 11px;}
a {color:Black;}
h1,h2,h3 {margin:0;padding:0; color: white;}
img {border: 0;}

body { margin:0;  padding:0; }

#top { background: url(/files/biotex/system/Images/top_bg.jpg) repeat-x;  position: relative;  z-index: 4; }  
#top .toplogo {display:block;}    
#top #innertop {    width: 800px;  margin: auto;  position: relative;  z-index: 4;}

#content {  width: 900px;  margin: auto;  position: relative;  z-index: 2;}

div#pageelement {position: absolute; top:75px; right: 0;}

/* Popup */
body#frame {background: transparent;font-family: Verdana;  font-size: 10px;  color: #5E6488;}

/* LandingPage */
#landingContentContainer {  }
#landingContent { position: relative;  border: solid 3px white; width: 367px; margin:auto; }
#2landingContentBG { position: absolute; top:0; left:0; width: 367px; height: 150px; z-index: 10; background:url(/files/biotex/system/Images/landingpage_bg_01.gif) no-repeat; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
#landingPagelayer { background:white url(/files/biotex/system/Images/landingpage_bg_01.gif) no-repeat; position: relative; top:0; left:0; z-index: 1000; padding: 50px; padding-left: 60px; padding-bottom:0; }
#landingPagelayer h1 { color: Black; font-family:Arial; font-size: 14px; margin-bottom: 10px; }
#landingPagelayer table {margin: auto;}
#landingBubblefooter { position: relative; z-index: 1000; background:url(/files/biotex/system/Images/landingpage_bg_02.gif) no-repeat; height: 40px; width: 367px;}

/* Forside styles */
#forsidecontent { width: 783px; margin: auto;}
div#forsideHeader {height: 100px; padding-top:15px;}
div#forsideHeader h1 {text-align: left; text-transform: uppercase; font-family:Arial; font-size: 30px; margin-left: 130px;}
div#forsideHeader h2 {text-align: right; font-family:Arial; font-size: 15px; font-weight: normal; margin-right: 10px;}
div#forsideHeader h2.andenlinie {margin-right: 150px;}
.forsiderow {height: 185px;}
.forsiderow div.box { float: left; width: 231px; margin-left: 42px; position: relative;}
.forsiderow div.box .boxBG {position: absolute; top:0; left:0; height: 185px; width: 231px; border: solid 3px white; background-image: url(/files/biotex/system/Images/kasse_forsiden.gif); filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; }
.forsiderow div.box .forsideTopBoxLayer {position: relative; z-index: 100; left: 20px; width: 195px; color: #034EA2; font-size: 12px;}
.forsiderow div.box .forsideTopBoxLayer p { font-size: 12px;}
.forsiderow div.box .forsideTopBoxLayer a {color: #034EA2; text-decoration: none;}

.forsiderow div.box .forsideTopBoxLayer img {float: right;}

.forsiderow div.box img {position: relative; z-index: 10;}
.forsiderow div.box .boxbilled {float:right;}
.forsiderow div.first { margin-left: 0;}
.forsiderow div h2 {color: #034EA2; font-weight: bold; padding-top: 20px; font-size: 17px; margin-bottom: 5px;}

div.forsidebottomrow { width:777px; margin-top: 39px;  position: relative; }
div.forsidebottomrow div#boxBGbottom {position: absolute; top:0; left:0; width:777px;  border: solid 3px white; background: url(/files/biotex/system/Images/kasse_lang_forsiden.gif) ; height:128px;  filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; z-index:-1;}

div.forsidebottomrow div.tvspotheader {color: #5E82B4; font-weight: bold; font-size: 15px; width: 120px; height:60px; float: left; padding-top:55px; padding-left: 30px; }
div.forsidebottomrow div.tvspotlist {float: left; width: 620px; overflow: hidden; height: 128px;}
div.forsidebottomrow div.tvspotlist div {margin-left: 50px; float: left; width: 213px; height: 120px; margin-right: 10px; margin-top: 5px; position: relative; z-index: 3;}
div.forsidebottomrow div.tvspotlist div img {height: 118px; width: 150px;}


/* Produkt side */
div#Header {height: 100px; padding-top:15px;}
div#Header h1 {text-align: left; text-transform: uppercase; font-family:Arial; font-size: 30px; margin-left: 190px;}
div#Header h2 {text-align: left; font-family:Arial; font-size: 11px; font-weight: bold; margin-left: 10px;}
div#Header h2.andenlinie {margin-right: 150px;}
div#Header div.headertext {margin-left: 300px; width: 475px; color: White; font-size: 15px; }

div#produktlist {}
div#produktlist div.product { float: left; width: 260px; height: 150px; border: 3px solid white; margin-bottom: 20px; margin-right: 20px; padding-left: 20px; background: url(/files/biotex/system/Images/kasse_lille_underside.gif) no-repeat white;  filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; }
div#produktlist div.last {margin-right:0;}
div#produktlist div.product a {text-decoration: none;}
div#produktlist div.product span.produktname {font-size: 20px; margin-top: 20px; font-weight: bold;}
div#produktlist div.product img {display:block; float: right; margin-left: 10px; margin-right: 10px; margin-top: 40px;}
div#produktlist div.produkt {float:none; margin:0; width:auto; padding-right: 20px; padding-bottom: 1px;}

.backButton {position: absolute; width: 125px; right:0; bottom: 10px;}

/* underside */
#innercontent {position: relative; height: 300px;  border: solid 3px white; padding: 20px;}
#innercontent #contentBG {position: absolute; top:0; left:0; width: 895px; height: 340px; background:white url(/files/biotex/system/Images/kasse_underside_stor.gif) no-repeat; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}
#innercontent h2 {color: black; font-size: 15px; color: black; }
#innercontent iframe {width:600px; height: 180px;}
#imagecolumn {float:right; width: 190px; position: relative; z-index: 1000;}
#imagecolumn img { margin:0; margin-top: 0px; display:block; margin-bottom: 10px;} /* Image on right side */
#textcolumn {margin-right: 210px; width: 630px; position:relative;}

.innerScrollContent { padding-right: 30px; }
#textcolumn .print {position: absolute; right: -27px; top:0; text-align: right; width: 100px; height: 20px; z-index: 2000;}
#textcolumn .print a {color: lightgrey;}

#imagecolumnfull {display: none;}
#textcolumnfull {height: 300px; z-index: 1000; position: relative;}
#textcolumnfull .innerScrollContent {z-index: 1000; overflow: hidden; padding:0;}



br.clear {clear:both;}

/* TV spots */
div.TVSpot { display: inline; float: left; height: 200px; width: 420px; }


/* Pletguide */
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 {overflow:hidden; height: 184px; padding: 10px; padding-top:5px; position: relative; z-index:3; float: left; width: 190px; margin:0; margin-right: 10px;  background: white url(/files/biotex/system/Images/kasse_pletguide.gif) no-repeat; color: #034E92; border: solid 3px white;filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}
#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;}

/* 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: 869px; border: solid 3px white; height: 179px; background: url(/files/biotex/system/Images/kasse_underside_stor.gif) no-repeat ;padding: 10px; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; 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;}

/* Mobil Guide boxe */
div#PletGuideInfo {clear:both; padding-top: 10px;width:100%;}
div#PletGuideInfo div.infoLeft, div#PletGuideInfo div.infoRight {height: 95px; padding:10px; padding-top: 20px; border: 3px solid white; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}
div#PletGuideInfo div.infoLeft {width: 296px; float: left; padding-left: 110px; padding-right: 30px; color: #034E92; background: url(/files/biotex/system/Images/baggrund_banner_mobil.gif);}
div#PletGuideInfo div.infoRight {width: 317px; float:left; margin-left: 10px; padding-left: 110px; color: #034E92; background: url(/files/biotex/system/Images/baggrund_banner.gif);}
div#PletGuideInfo div.h3 { font-size: 12px; font-weight: bold; margin-bottom: 6px;}
div#PletGuideInfo div.h3 a { color: #034E92; }


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

.viaforms-singleline-block label {display: block; width: 200px;}
.viaforms-textarea-block label {display: block; width: 200px;}
.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; }


/* navigation */
#top .topnavigation { position: absolute; z-index:10; top: 55px; right: 10px; }
#top .topnavigation ul {margin:0;  padding:0; z-index:10; aborder: dotted 1px blue; height: 29px; float: right; }
#top .topnavigation ul li {margin:0;	padding:0; list-style-type:none; float:left;	margin-left: 22px;	z-index:10;	height: 29px;	aborder: dotted 1px yellow; }
#top .topnavigation ul li a { aborder: dotted 1px purple;	text-decoration: none;	text-transform: uppercase;	font-family:Arial; font-size: 11px;	color: #666666;	background: url() center bottom no-repeat;	height: 29px; }
#top .topnavigation ul li a:hover { color: #034ea2; }
#top .topnavigation ul li.selected, #top .topnavigation ul li.expanded { background: url(/files/biotex/system/images/cirkel_menupunkt.gif) center bottom no-repeat; }
#top .topnavigation ul li a.selected, #top .topnavigation ul li a.expanded {color: #034ea2;}
#top .topnavigation ul li ul {display:none;}

/* subnav */
#submenus {display: block; z-index: 3000; background: red;}
#submenus div.submenu {position: absolute; top:0; left:0; display:none; z-index: 3000; width: 210px; background: lightgrey; position: absolute; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; z-index:10;}
#submenus div.submenu ul {margin:10px; padding: 0; float:none;}
#submenus div.submenu ul li {float:none; margin:0; display: block; margin-top:5px;}
#submenus div.submenu ul li a {float:none; margin:0; display: block; height:auto; color: #666;	font-family:Arial; font-size: 11px; text-transform: none;}
#submenus div.submenu ul li a:hover {background: url(); color: #034EA2;}
#submenus div.submenu ul li a.selected, #top .topnavigation ul li div.submenu ul li a.expanded {color: #034ea2;	background: url();}



/*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*/