body     { font-size: 62.5%; font-family: arial, helvetica, sans-serif; margin: 0 0 0 0; line-height: 1.7em;}     
body     { background: transparent url('../images/eco-driver-bg.jpg') 0 0 repeat;}

h2, h3 { font-weight: normal; line-height: 1; }
h2        { font-size: 30px; margin-bottom: 10px;}
h3        { font-size: 14px; margin-bottom: 10px;}
p          { font-size: 11px; margin: 10px 0 10px 0; line-height: 1.5}
p.strong {font-weight: bold;}
.colored { color: #435548;}

a  { color: #435548}

#wrapper      { margin: 0 auto; width: 796px; margin-top: 5%; margin-bottom: 100px;}
#header       { width: 796px; height: 122px; position: relative;
                background: transparent url('../images/header.png') 0 0 no-repeat;}
#header_clean { width: 796px; height: 122px; background: transparent none;}
#content      { width: 796px; }


#header .logo     { position: absolute; margin: -30px 0 0 16px; left:0;}
#header .flags    { float: left; margin: 30px 0 0 120px; clear: left; display: inline; }
#header .deltag   { float: right; margin: 30px 110px 0 0; color: white; font-size: 12px; display: inline;}

#navigation a:link,
#navigation a:active,
#navigation a:visited,
#navigation a:link   { color: #9d9d9d; text-decoration: none;}
#navigation a:hover  { color: #5a8065; text-decoration: none;}

#navigation a:link.current,
#navigation a:active.current,
#navigation a:visited.current,
#navigation a:link.current   { color: #5a8065; text-decoration: none;}
#navigation a:hover.current  { color: #9d9d9d; text-decoration: none;}


#navigation ul                   { position: absolute; top:-145px; left:0; height: 20px; text-transform: uppercase; color: #9d9d9d; font-size: 11px; font-weight: bold; padding: 0 0 0 110px;}
#navigation ul li                 { margin-right: 5px; padding: 2px 5px 4px 0px; list-style: none; float: left; text-align: center; background: transparent url('../images/navigation-li-bg-right.png') no-repeat top right;}
#navigation ul li:hover     { padding: 2px 5px 4px 0px; background: transparent url('../images/navigation-li-current-bg-right.png') no-repeat top right; }
#navigation ul li.current { padding: 2px 5px 4px 0px; background: transparent url('../images/navigation-li-current-bg-right.png') no-repeat top right; } 

#navigation ul li a                   { padding: 4px 8px 6px 13px; background: transparent url('../images/navigation-li-bg.png') no-repeat 0 0; }
#navigation ul li:hover a       { padding: 4px 8px 6px 13px; background: transparent url('../images/navigation-li-current-bg.png') no-repeat 0 0; }
#navigation ul li.current a   { padding: 4px 8px 6px 13px; background: transparent url('../images/navigation-li-current-bg.png') no-repeat 0 0; }

#navigation        { position: relative}
#navigation ul li  { position: relative}
#navigation ul ul { background-color: none; position: absolute; top: 23px; left: 0; z-index: 999; padding: 0; margin: 0; text-transform: none;}
#navigation ul ul li { z-index: 1000; float: none; background-color: none; width: 189px; height: 20px; text-align: left; color: black; font-weight: normal; position: relative; margin-left: -4px;
                                background: transparent url('/images/subnav-bg.png') no-repeat 0 0; padding-left: 4px}
#navigation ul ul li:hover { background: transparent url('/images/subnav-bg.png') no-repeat 0 0; padding-left: 4px}
#navigation ul ul li a:link,
#navigation ul ul li a:active,
#navigation ul ul li a:visited {  color: black; width: 189; height: 20px; background-color: none; background-image: none; display:block}
#navigation ul ul li a:hover {  color: #5a8065; }

#navigation ul ul li.singel  { height: 38px; background: transparent url('/images/subnav-singel.png') no-repeat 0 0; padding: 4px 0 0 4px}
#navigation ul ul li.first     { height: 20px; background: transparent url('/images/subnav-top.png') no-repeat 0 2px; padding: 6px 0 3px 4px }
#navigation ul ul li.last     { height: 25px; background: transparent url('/images/subnav-bottom.png') no-repeat left bottom; padding: 0 0 10px 4px }

					 

/* CONTENT */
#content .top       { height: 27px; }
#content .main     { padding: 0 48px 0 48px; height:1%; }
#content .bottom { clear: both; height: 50px;}

#content .main_front      { background: transparent url('../images/super-eco-driver.png') 48px 0 no-repeat; height: 319px;}

#content .top_normal    { background: transparent url('../images/content-top.png') 0 0 no-repeat; }
#content .main_normal   { background: transparent url('../images/content-main.png') 0 0 repeat-y; overflow: hidden;  min-height: 320px; }
#content .bottom_normal { background: transparent url('../images/content-bottom.png') 0 0 no-repeat; }

#content .top_start       { height: 27px; background: transparent url('../images/content-top-start.jpg') 0 0 no-repeat; }
#content .main_start      { height: 416px; color: white; background: transparent url('../images/content-main-start.jpg') 0 0 no-repeat;}
#content .bottom_start    { background: transparent url('../images/content-bottom-start.png') 0 0 no-repeat;}

#content .large_flags     { padding: 120px 0 0 250px;}
#content .large_flags img { margin-left: 30px;}

#content .text-main       { width: 410px;}

#content .competition     { margin-top: -20px; position: relative; height: 130px; width: 440px; background: transparent url('../images/competition-bg.png') }
#content .comp-img        { float: left; }
#content .comp-text       { float: left; padding: 20px 0 0 20px; width: 300px;}
#content .comp-text h2    { font-size: 16px; margin-bottom: 10px;}
#content .comp-text p     { margin: 0;}
#content .comp-text h2  a  { color: #FFF; text-decoration: none; }
#content .comp-text p  a   { color: #FFF; text-decoration: none; }


#content .text-main-front { width: 450px; float: left; padding-top: 3px;}
#content .img-main-front  { float: right;}

  table.result           { table-layout: automatic; border-collapse: separate; border-spacing: 0px 2px; font-size: 12px; width: 100%; color: white; empty-cells: show; }
  table.result tr        { height: 25px; background: url('/images/table-background-light.png') no-repeat 0 0}
  table.result td       { padding: 0 5px 0 10px; vertical-align: middle;}
  table.result tr.first { font-weight: bold; background: url('/images/table-background-dark.png') no-repeat 0 0}
  table.result a:link,
  table.result a:active,
  table.result a:visited,
  table.result a:link        { color: white; text-decoration:none}
  table.result a:hover    { text-decoration: underline}

  .search { margin: 0 0 10px 0; }
  .search form { display: inline }
  .hiddenFields { display: inline;}
  img.profile_image {margin: 0; padding: 0; clear:both}
 


