/*-----------------------------------------------------------------------------
    <GHP - Biodiesel | Home>

    author:    RAC
    email:     justwtf@gmx.com

-----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
    ### General ###
    
    Colorscheme is
        
        Background Color 1: #002e4c    (dark blue)

        Text, main:         #002e4c    (dark blue)
        Text Color 1:       #e07704    (orange, navigation)
        Text Color 2:       #c66e1e    (orange, main content) 

        Nav Bullets:        #1d7528     (green)
        
-----------------------------------------------------------------------------*/

@charset "UTF-8"; 

/* Remove padding and margin */
*
{
  margin: 0;
  padding: 0;
}

/* Prepare Lists for Styling */
ul
{
   list-style: none;
   padding: 0;
   margin: 0; 
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul
{
    margin: 1em 0;
}

/* Class for clearing floats */
.clear
{
    clear:both;
}


/* Remove border around linked images */
img
{
    border: 0;
}

html
{
    /* To prevent browsers from showing flashing scrollbars when dynamic content causes vertical scrollbars to appear... */
    height: 100%;
}

body
{
    height: 100%;
    background: url(../img/home_bg_gradient.png) repeat-x left top;
}

/*---------------------------------------------------------------------------- 
    Typography
-----------------------------------------------------------------------------*/

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}


/*---------------------------------------------------------------------------- 
    Headings
-----------------------------------------------------------------------------*/

h1
{
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #c66e1e;
    margin-bottom: 2em;
    display: inline;
}

/*---------------------------------------------------------------------------- 
    Links
-----------------------------------------------------------------------------*/
a
{
    outline: none;
}
 
a:link
{
    text-decoration: underline;
    outline: none;    
}

a:hover
{
    text-decoration: none;
}

#text a 
{
    color: #002e4c;
}

/*---------------------------------------------------------------------------- 
    Container
-----------------------------------------------------------------------------*/
#container
{
    width: 926px;
    height: 580px;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    margin: 0px auto;
    background: url(../img/intro_bg.jpg) no-repeat center top;
    border: 2px outset transparent;
}

#container:hover
{
    /*border: 2px outset #c0bebd;*/
}

/*---------------------------------------------------------------------------- 
    Main Text
-----------------------------------------------------------------------------*/
#text
{
    height: 250px;
    position: absolute;
    left: 130px;
    top: 220px;
}

#text p
{
    font-size: 14px;
    color: #002e4c;
} 

#text p strong
{
    font-weight: bolder;
}

/*---------------------------------------------------------------------------- 
    ### TYPO3 ###
-----------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------- 
    css_styled_content
-----------------------------------------------------------------------------*/
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; } 
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; } 
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
    border: 2px solid black;
    padding: 0px 0px;
} 
DIV.csc-textpic-imagewrap { padding: 0; }
DIV.csc-textpic IMG { border: none; }  
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; } 
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }  
/* Clearer */
DIV.csc-textpic-clear { clear: both; }  
/* Margins around images: */    

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-right: 10px;
} 
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
}  
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
    display: inline; /* IE fix for double-margin bug */
    margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }  
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }     
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
    margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
    margin-left: 10px !important;
}  
/* Positioning of images: */ 
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }  
/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }  
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; } 
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; } 
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; } 
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */  
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }