/*********************************
Projectname: HF Rubber Machinery, Inc. Website
Date: 8 September 2008
Sourcecode contains: Cascaded Style sheets, Javascript, PHP and HTML.
HTML Version: 4.01
Doctype: "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
Author: David Elsner - HF Rubber Machinery, Inc.
If problems or questions mail to: David.Elsner@us.hf-group.com or Kori.Alexander@us.hf-group.com
**********************************/

/*Defines in the hole document, what happens if you're moving with the mouse over an link*/
a:hover
{
   color: lightgrey;
}
#advertising
{
   position: absolute;
   font-family: Arial;
   font-size: 14px;
   color: black;
   top: 20pt;
   left: 200pt;
   width: 310pt;
}
/*Defines the textlist in the middle of the header*/
#advertising ul
{
   position: absolute;
   list-style: none;
   width: 300pt;
}
#advertising a:visited, #advertising a:link,
#advertising a:focus, #advertising a:active, #advertising a:visited
{
   color: black;
   text-decoration: none;
}
#advertising a:hover
{
   text-decoration: underline;
}
#backgroundnews
{
   top: 4pt;
   left: 15pt;
   height: 130pt;
   width: 200pt;
   background-image: url("../image/pages/startup.jpg");
   background-repeat: no-repeat;
}
/*Defines the background of the hole header*/
#bg
{
   position: absolute;
   background-image: url("../image/design/fadeh.jpg");
   background-repeat: repeat-x;
   background-color: white;
   height: 90pt;
   width: 734pt;
   top: -12pt;
   left: -6pt;
}
/*Defines the body */
body
{
   background-color: #C4C4C4;
   background-image: url("../image/design/fadev.jpg");
   background-repeat: repeat-y;
   background-position: 566pt;
}
/*Defines the maincontent, what is included everytime new*/
#content
{
   position: absolute;
   background-repeat: no-repeat;
   background-color: white;
   margin-left: 135pt;
   width: 410pt;
   top: 94pt;
   padding-left: 10pt;
   padding-top: 80pt;
   padding-right: 5pt;
   padding-bottom: 150px;
   font-family: Arial;
   font-size: 10pt;
}
/*Defines the position of the 'HF Rubber Machinery, Inc.'-symbol*/
#head
{
   position: absolute;
   background-image: url("../image/design/logohfrm.gif");
   background-repeat: no-repeat;
   height: 100pt;
   width: 230pt;
   left: 470pt;
   top: 17pt;
}
img.floating
{
   float: left;
   margin: 1pt;
}
/*Defines the position of the 'Harburg Freudenberger'-symbol */
#logo
{
   position: absolute;
   width: 150pt;
   height: 50pt;
   left: 10pt;
   top: 0pt;
}
/*Defines the position of the darkblue/black line which is in the background of the mainmenu-bar*/
#line
{
   position: absolute;
   background-repeat: repeat-x;
   top: 78pt;
   left: -6pt;
   width: 734pt;
   height: 21px;
}
#links a:visited, #links a:link,
#links a:focus, #links a:active, #links a:visited
{
   background-image: url("../image/design/link.jpg");
   background-repeat: no-repeat;
   padding-left: 8pt;
   background-position: 0% 50%;
   color: #008080;
   font-size: 12px;
}
#links a:hover
{
   text-decoration: underline;
   color: red;
}
/*Defines the mainnavigation and what happens if its clicked, a link, focused with the mouse or already visited*/
#mainnavigation
{
   position: absolute;
   top: 11pt;
}
#mainnavigation a:visited, #mainnavigation a:link,
#mainnavigation a:focus, #mainnavigation a:active, #mainnavigation a:visited
{
   position: relative;
   background-color: transparent;
   text-decoration: none;
   width: 400pt;
   color: white;
   font-size: 11px;
   font-family: Tahoma;
   font-weight: 10pt;
   left: 0pt;
   top: 66pt;
   text-transform: uppercase;
   font-weight: bold;
}
/*Defines what happened if you're moving the mouse over the mainnavigation-bar */
#mainnavigation a:hover
{
   background-repeat: repeat-x;
   background-color: #DD8F01;
   padding-top: 2pt;
   padding-bottom: 5pt;
}
/*Defines all the links in the mainnavigation*/
#mainnavigation a
{
   text-decoration: none;
}
/*Defines the position of the navigation on the left side.*/
/*To redefine this further, please use 'navigation.css' */
/*Defines the body*/
#navigation
{
   position: absolute;
   top: 94pt;
   left: 0pt;
}
/*Defines the newsobject on the right side of the website*/
#news
{
   position: absolute;
   padding-left: 20pt;
   padding-top: 5pt;
   left: 555pt;
   top: 90pt;
   width: 139pt;
   height: 500pt;
   font-family: Arial;
   font-size: 10pt;
   border: none;
}
/*Defines the newsobject on the right side of the website*/
#news a, #news a:link, #news a:focus, #news a:active, #news a:visited
{
   color: #008080;
   text-decoration: none;
   font-size: 12pt;
   font-weight: bold;
}
#news a:hover
{
   text-decoration: underline overline;
   color: red;
}
#news h1
{
   font-size: 12pt;
   font-family: Arial;
   color: red;
}
/*Defines the background-fadeimage from the newspage on the right side */
#newscontent
{
   position: absolute;
   background-image: url("../image/design/fadev.jpg");
   background-repeat: repeat-y;
   background-position: right;
   border: 1pt solid;
   top: 100pt;
   left: 10pt;
}
/*Defines the position of the Possehl-symbol */
#possehl
{
   position: relative;
   width: 130pt;
   height: 26pt;
   left: 1pt;
   top: 1pt;
   tomato: pointer;
   font-family: Arial;
   font-size: 8pt;
   color: gray;
}
#possehl a
{
   border: none;
   border-style: none;
   background-color: #eee;
}
#possehl a:hover
{
   border: none;
   border-style: none;
   background-color: #eee;
}
/*Defines the little black navigation above the mainnavigation (Contact us a.s.o.) */
#subnavigation
{
   position: absolute;
   margin-left: 16pt;
   width: 500pt;
   top: 62pt;
}
/*Defines the subnavigation and what happens if its clicked, a link, focused with the mouse or already visited*/
#subnavigation a:visited, #subnavigation a:link,
#subnavigation a:focus, #subnavigation a:active, #subnavigation a:visited
{
   text-decoration: none;
   color: black;
   font-size: 8pt;
   font-family: Tahoma;
}
/*Defines the subnavigation and what happens if you are moving the mouse over one entry*/
#subnavigation a:hover
{
   text-decoration: underline;
}
#start_page
{
   position: absolute;
   top: 80pt;
}
#textfg
{
   position: relative;
   left: -10pt;
   top: 30pt;
}