/* @group General styles */

/*
Harmonise v1.1
Resets styles then adds basic typographical styling
By Richard Rutter, clearleft.com
*/
/* @group Reset */

/* Based on http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

/*  @group General styles */
/*  ENDE  */


/* START IG Front Styles  */
body {
  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Gill Sans MT", "Gill Sans", sans-serif;
  font-size: 14px;
  color: #ccc;

  background: white url(/images/front-page/searching2_3_small.jpg) 20px 20px no-repeat;
  margin: 0;
  }


h1, h2, h3, h4, h5, h6 {
  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Gill Sans MT", "Gill Sans", sans-serif;
  color: #6cc324;
  line-height: 1.4;
  text-align: left;
  }
h1 {
  font-size: 1.8em;
  line-height: 1.4em;
  }
h2 {
  font-size: 1.4em;
  }
h3 {
  font-size: 1.2em;
  line-height: 1;
  margin: 15px 0 5px 0;
}

p {
  font-family: "Arial Rounded MT Bold", "Trebuchet MS", "Gill Sans MT", "Gill Sans", sans-serif;
  margin: 0 0 10px 0;
}

img { border: 0; }

a:link    {color: #6cc324; text-decoration: none; border: none;}
a:visited {color: #6cc324; text-decoration: none; border: none;}
a:hover   {color: #75c330; text-decoration: none; border: none;}


#logo {
    float: left;
    width: 360px;
    margin-top: 20px;
    margin-left: 20px;
    position: absolute;
}
#logo a:link,
#logo a:visited,
#logo a:hover,
#logo a:focus,
#logo a:active {
    border: none;
    background-color: transparent;
}


#producers {
  float: right;
  width: 200px;
  top: 35px;
  position: absolute;
  left: 900px;
  color: #333;
  font-size: 11px;
  text-align: right;
}

#front {clear: both; }
#front ol {color: grey; font-size: 11px; position: absolute; top: 25px; left: 350px; list-style-type: none; }
#front li {list-style: none; display: inline; text-decoration: none; }
#front a:link  {color: #333; text-decoration: none;}
#front a:visited {color: #333; text-decoration: none;}
#front a:hover {color: white; text-decoration: none;}
#front a:focus {color: #333; text-decoration: none;}


#container {
 max-width: 700px;
 min-width: 700px;
 position: absolute;
 margin-top: 160px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 50px;

 border-top: 0;
 border-bottom: 0; 
}

#container h1 { color: white; font-size: 60px; line-height: 1.2; margin: 0 0 10px 0;/*border: 1px solid magenta;*/}
#container h2 { color: white; font-size: 25px; text-align: right; line-height: 1.2; margin: 0 0 6px 0;}
#container p { color: #555; line-height: 1.3; /*border: 1px solid magenta;*/}

#container img { margin-bottom: 10px; }


/*------------ START: Button Extras --------------*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url('/images/roundedge-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 14px "Arial Rounded MT Bold"; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('/images/roundedge-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

#buttons a:link  {color: white; text-decoration: none;}
#buttons a:visited {color: white; text-decoration: none;}
#buttons a:hover {color: white; text-decoration: underline;}
#buttons a:focus {color: white; text-decoration: none;}


/*-- Example -->
/*------------ END: Button Extras --------------*/