/* CLEARING BY ACJ */
* {
  background-color: transparent;
  background-repeat: repeat;
  border: none;
  color: inherit;
  font: inherit;
  font-size: 1em;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 0;
  position: static;
  text-align: inherit;
  text-decoration: none;
  text-indent: 0
}

address {
  font-style: normal
}

hr {
  height: 0
}

/* GENERAL */
html {
  overflow-y: scroll
}

body { 
  position: absolute;
  left:50%;
  margin-top:16px;
  margin-left:-21.5em;
  width: 43em 
}

/* HEADER */
div#headerwrapper {
  margin: 0 auto;
  width: 40em
}

div#headerwrapper img {
  border: none;
  float: right;
  height: 97px;
  max-width: 146px;
  margin: 0 0 0 0;
}

ul#navigation {
  float: left;
  width: 32.5em;
  margin: 3.25em 0 0 0;
  display: inline;
  height:auto;
}


ul#navigation li { display: inline }

ul#navigation li a {
  background-color: #eee;
  background-image: url("/image/navigation_li_a_background.gif");
  background-repeat: no-repeat;
  color: #808080;
  display: block;
  float: left;
  font-family: verdana, arial, sans-serif;
  font-size: 10px;
  height: 57px;
  line-height: 22px;
  /*margin: -27px .25em -.125em 0;*/
  margin: 0 2px -34px 0;
  overflow: show;
  text-align: center;
  width: 100px;
}

ul#navigation li a:hover, ul#navigation li a.active {
  background-image: url("/image/mal.png");
}

/* CONTENT */
div#contentwrapper {
  background: url("/image/body_bg.png");
  /*border: .0625em solid #ccc;*/
  clear: both;
 padding: 1.5em 2em 1em 2em;
 position:relative;
 width:39em;
 overflow:hidden;

}

div#contentwrapper p {
  font-family: verdana;
  font-size: 11px;
}

div#contentwrapper a {
  text-decoration: none;
  font-weight: bold
}

div#contentwrapper ul { 
	font-family: verdana, arial; 
	font-size: 11px; 
	margin: 0 0 0 3.5em }
div#contentwrapper strong, b { font-weight: bold } 
div#contentwrapper em, i { font-style: italic }

div#contentwrapper ul#subnavigation {
  position: relative;
  margin: 0 0 .55em 0

}

div#contentwrapper h2 { margin: 1em 0 1em 0 }
div#contentwrapper .right h2 { margin: 0em 0 1em 0 }

ul#subnavigation li { 
  display: inline;
  margin: 0 .25em 0 -.125em 
  float:left;
}

ul#subnavigation li.sep { color: #808080;margin: 0 0em 0 .4em }
ul#subnavigation li a{ 
  color: #000;
  font-family: verdana, tahoma, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 .25em 0
 }

div#imagewrapper { 
  padding: 0 0 0 1em
}

ul li{
  list-style: square;
}

div.imageview {
  float: left;
  height: 12em;
  margin: 0 1em 1em 0;
  width: 280px;
position:relative;}

div.imageview p {
  margin: 0;
  padding: 1px 5px 
}

div.imageview img {
  height: 191px;
  width: 280px;
  position:absolute;
}

div#contentwrapper table td {
  font-family: verdana;
  font-size: 11px 
}
div#contentwrapper div.imageview a {
  background: #fff;
  color: #000; 
  display: block;
  float: left;
  filter: alpha(opacity=75);
  font-family: arial, sans-serif;
  font-size: .75em;
  font-weight: bold;
  margin: 0 0 0 0;
  -moz-opacity: .75;
  opacity: .75;
  padding: .5em 1em;
  width: 260px;
  height:30px;
  overflow:hidden;
  position:absolute;
  top:9.8em;

}

div#contentwrapper div.imageview a:hover {
  color: green
}

h2{
  font-family: verdana, arial, sans-serif;
  font-size: .75em;
  font-weight: bold;
  margin: 0 1em 0 0
}

p {
  font-family: verdana,arial, sans-serif;
  font-size: .75em;
  line-height: 1.25em;
  margin: .5em 1em .5em 0 
}

.supplierlogo{
  margin: 16px 0 6px 0
}

p b { font-weight: bold }

p i { font-style: italic }

p a{
  color: #d00;
  text-decoration: underline
}

p a:hover { text-decoration: none }

form { margin: 1em 0 }

form label {
  display: block;
  font-family: arial, sans-serif;
  font-size: .75em;
  font-weight: bold;
  margin: .5em 0 .25em 0  
}

form input, form textarea, form select {
  border: 1px solid #ccc;
  font-family: arial, sans-serif;
  font-size: .75em;
  padding: .25em;
  width: 25em
}

form select {

	width:25.8em;
}
form textarea {
width:23em;
}

form input[type=hidden] {
	visibility:hidden;
}
form button {
  background: #ccc;
  border: .0833em solid #808080;
  color: #000;
  font-family: arial, sans-serif;
  font-size: .75em;
  margin: .5em 0 0 0;
  padding: .2em .5em
}

form hr{
  background: #ccc;
  height: .0625em;
  margin: 1em 1em 0 0
}

p.notice-error {
  background: #d00;
  border: .0625em solid #b00;
  color: #fff;
  margin: 1em 1em 0 0;
  padding: .5em
}

p.notice-succes{
  background: #0d0;
  border: .0625em solid #0b0;
  color: #fff;
  font-weight:bold;
  margin: 1em 1em 0 0;
  padding: .5em
}

div.categorydescription { clear: left; 
 }
 
 div.categorydescription P {
margin:0;

}

div.categorydescription A {
	margin-bottom:0;padding-bottom:0
	}
div.categorydescription img{
  border-right: 1px solid #eee;
  float: left;
  margin: 0;
  /*width: 280px;
  height: 191px;*/
  position:relative;
  width: 140px;
  height: 95px;
   margin: 0em 0 1.5em 0; 
}

div.categorydescription .right {
  /*margin: 0 0 0 300px;*/
  margin: 0 0 0 160px;
  /*width: 320px;*/
  width: 440px
}

div.categorydescription h2 {
  font-family: verdana;
  font-size: .75em;
  font-weight: bold;
  margin: 0 0 1em 0
}

div.categorydescription p {
  font-family: verdana;
  font-size: 11px;
  line-height: 1.25em;
}

/* FOOTER */
div#footerwrapper, div#subfooter {
  background: #98e6ff;
  clear: both;
  color: #fff;
  font-family :arial, sans-serif;
  font-size: .75em;
  padding: .15em .5em;
  text-align: right
}

div#subfooter a { 
	text-decoration: none;
	color:white;

}

div#subfooter a:hover { text-decoration: underline }

div#bannerwrapper {
  border-left: .0625em solid #eee;
  border-right: .0625em solid #eee;
  text-align: center;
  padding: .5em 0;
}

div#bannerwrapper .small {
  border: .0625em solid #fff;
  margin: 0 1em;
}

div#bannerwrapper .large {
  height: 60px;
  width: 468px
}

div.footertext {
  margin-right: 10px;
  position:relative;
  width:38em;
  clear:all;

}

img.footerimage {
  width: 178px;
  height: 121px;
  margin: .75em 0em 0 2em;
   position:relative;

}
div.footertext .footertable {
width:39em;
}

FORM span.error {
color:red;
}
input.inputinline {display:inline}

.formorderdiv INPUT, .formorderdiv SELECT, .formorderdiv TEXTAREA {
background-color:white;
}
.formorderdiv H2
{
background-color:#aaa;
color:white;
border:1px solid #ddd;
padding:4px;
}

#contentwrapper INPUT { font-size:11px; background-color:#fff; }
#contentwrapper INPUT.loginform { font-size:11px; background-color:#eee; }
#contentwrapper LABEL { font-size:11px; padding-left:0;margin-left:0}
#contentwrapper LEGEND { font-size:11px; padding-left:0;margin-left:0;display:none}
#contentwrapper SELECT { font-size:11px;}
div#headerwrapper IMG#stenimheader {max-width:656px; width:656px; height:49px; text-align:center}
div#headerwrapper IMG#sports-header { max-width:883px; width:883px; height:89px; text-align:center}
div#headerwrapper IMG#energy-header { max-width:883px; width:883px; height:89px; text-align:center}


OL.registerresults { font-family:arial; font-size:11px; padding-left:00px; margin-left:30px; list-style-type:decimal !important; list-style-position:outside !important;}
OL.registerresults LI { padding-top:5px; padding-bottom:5px; margin-left:0px; padding-left:5px; list-style-type:decimal !important; list-style-position:outside !important; cursor:pointer; clear:both}
OL.registerresults LI:hover {background-color:#f3f3f3;}
OL.registerresults LI IMG {float:right; margin-right:5px; width:130px;border-left:1px solid #ccc;padding-left:20px; margin-left:20px;}
OL.registerresults LI.registerplan_2,
OL.registerresults LI.registerplan_1
{ min-height:90px; }
TABLE.mainbrancheentrytable,TABLE.mainbrancheentrytable TD
{
margin:0;
padding:0;
border-collapse:collapse;
}
OL.registerresults LI.registerplan_3,
OL.registerresults LI.registerplan_2
{
  width:300px;
  float:left;
  clear:none;
  margin-right:30px;
}

OL.registerresults LI.registerplan_1 IMG,
OL.registerresults LI.registerplan_1 SPAN
{
display:none;

}
OL.registerresults LI.registerplan_1 {
height:10px;
min-height:10px;

}

TABLE.brancheentry, TABLE.brancheentryfooter
{
width:480px;
border:1px solid #ccc;
border-collapse:collapse;
margin-right:5px;
font-family:arial; font-size:11px; 
}

TABLE.brancheentry TH, TABLE.brancheentryfooter TH
{
background-color:#eee;
width:85px;
padding:2px;
font-weight:bold;
border:1px solid #ccc;
text-align:left;
}

TABLE.brancheentry TD, TABLE.brancheentryfooter TD
{
border:1px solid #ccc;
padding:3px;
height:14px;
}

DIV.brancheintro,DIV.branchecat
{
font-family:arial; font-size:11px; 

margin-right:5px;
float:right;
}
DIV.brancheintro
{
float:none;
}

DIV.introcontainer
{
width:400px;
float:left;
margin-right:20px;
}

DIV.branchecat
{
margin-top:10px;
margin-right:-1px;
border:1px solid #ccc;
background-color:#eee;
padding:10px;
width:260px;
}

TABLE.brancheentryfooter
{
width:400px;
}


DIV.branchecat TABLE
{
border-collapse:collapse;
width: 260px;
}
DIV.branchecat TABLE TD
{

border-top:1px solid #ccc;
background-color:white;
font-weight:normal;
}

DIV.branchecat TABLE TD a{
display:block;
padding:5px;
}


DIV.branchecat TABLE A:hover
{

background-color:#eee;

}


HR.branchehr
{
border-bottom:1px solid #ccc;
margin: 5px 0 0px 0;
clear:both;
height:1px;
overflow:hidden;
}


IMG.branchefooterimage
{
border:1px solid #ccc;
}

TABLE.paginator
{
border:1px solid #ccc;
}

H2.registerheader { border:1px solid #ccc; padding:4px;}

DIV#autofill
{
position:absolute;
font-size:11px;
color:#bbb;
font-family:arial;
line-height:15px;
border:1px solid #ccc;
width:567px;
padding:0px;
background-color:#eee;
display:none;
z-index:10;
margin-top:-18px;
}
DIV#autofill A
{
display:block;
color:#ccc;
padding:3px;
font-weight:normal;
}
DIV#autofill A STRONG
{
text-decoration:underline;
}

DIV#autofill A:hover
{
background-color:#ccc;
}


DIV.registerzoekpagina
{
min-height:500px;
}


#contentwrapper UL LI { padding:0; margin:0; line-height:14px;}


.toggler {
  position:absolute;
  top:220px;
  left:50%;
  margin-left:344px;
}

.toggler A {
display:block;
width:10px;
height:80px;
border-top-right-radius:5px;
border-bottom-right-radius:5px;
padding:10px 5px 10px 5px;
box-shadow:2px 0 2px #777;
border:1px solid #fff;
background-color:#737d84;
margin-top:3px;
}

.toggler A.active,
.toggler A:hover
{
background-color:#213543;
}

div#headerwrapper .toggler A IMG {
width:12px;
height:84px
}