/**
 * basic stylesheet for the ifa website
 *
 * positions the three main columns, takes care of the navigation etc
 *
 * @version $Id: basic.css 282 2008-03-16 11:51:38Z flo $
 * 
 * @copyright   2007 felix gilcher, florian gilcher  
 * @author      felix gilcher, <felix@andersground.net> 
 *
 * @package IFA_Frontend
 * @subpackge Layout
 */

/* -------------- MAIN LAYOUT -------------- */

#container
{
    background:         #FFFFFF url('../images/header.png') no-repeat;
    width:              93em;
}

#header
{
    height:             200px;
    position:           relative;
}

#navigation_col
{
	float:              left;
	width:              17.36em; /* 255 px - 64 px padding left*/
	padding-left:       5.820em; /* 64 px */
	margin-left:        -92.725em; 
}

#maincontent_col
{
	float:              left;
	width:              39.455em; /* 480 px - 23px padding left - 23px padding right*/
	margin-left:        23.18em; /* the width of the navigation col */
	padding-left:       2.09em; /* 23 px */
	padding-right:      2.09em; /* 23 px */
	border-right:       1px dotted #D9D9D9;
	padding-bottom:     50px;
}

#marginalcontent_col
{
	float:              left;
	width:              18.64em; /* 285 px - 45 px padding left - 35 padding right */
	padding-left:       4.09em; /* 45 px */ 
	padding-right:      3.18em; /* 35 px */
	padding-bottom:     50px;
}

/* -------------- /MAIN LAYOUT -------------- */

/* ----------------- HEADER ----------------- */

#logo
{
    margin-left:        80px;
    margin-top:         69px;
}	

#language_switch
{
    position:           absolute;
    top:                170px;
    left:               70.9em;
}

/* ----------------- /HEADER ----------------- */


/* --------------- NAVIGATION ---------------- */

#navigation_col ul
{
    list-style:         none;
    margin-left:        0;      
    padding-left:       0;     
    width:              15.275em; /* 168 px */
}

#navigation_col li
{
    height:             2.095em; /* mit padding */
    padding-top:        0.45em;  /* 28 px */
    border-bottom:      1px solid #D9D9D9;
}

#navigation_col li
{
    padding-left:       1.09em;  /* 12 px */
    font-weight:        bold;
}

#navigation_col li img.navi_icon
{
    width:              1.275em;  /* 14 px */
    height:             1.275em;  /* 14 px */
    position:           relative;
    top:                0.15em;
    left:               0;
    margin-right:       1.09em;  /* 12 px */
}

#navigation_col li a 
{
    font-weight:        normal;
}

#navigation_col li.last
{
    border-bottom:      none;
}

#logo_agroscience
{
    width:              14.91em; /* 164 px */
    height:             4.455em;  /* 49 px */
    margin-top:         3.635em;  /* 40 px */
}

/* --------------- /NAVIGATION --------------- */

/* --------------- MAIN CONTENT -------------- */

#maincontent_col h1
{
    font-family:        Tahoma, Helvetica, sans-serif;
    font-weight:        normal;
    font-size:          1.82em; /* 20 px */
}

#maincontent_col p
{
    margin-bottom:      1.725em; /*19 px */
}

#maincontent_col p a
{
    font-weight:        bold;
}

#maincontent_col p.teaser
{
    font-size:          0.91em; /* 10 px */
    margin-bottom:      3.5em; /* 35 px */
}

#maincontent_col ul
{
    list-style:         none;
    margin:             0;
    padding:            0;
}

#maincontent_col .footer
{
    border-top:         1px solid #D9D9D9;
    padding-top:        15px;
    font-size:          0.91em; /* 10 px */
}

#maincontent_col .footer span
{
    display:            block;
    float:              left;
    font-weight:        normal;
}

#maincontent_col .footer img.marginal_link_arrow
{
    margin-right:       0.8em;
    margin-bottom:      1.5px;
}
/* --------------- /MAIN CONTENT ------------- */

/* ------------ MARGINAL CONTENT ------------- */

#marginalcontent_col #quicksearch
{
    display:            block;
    padding:            0 0 15px 0;
    border-bottom:      1px dotted #D9D9D9;
    margin-bottom:      2.725em; /*30 px */
    width:              100%;
}

#marginalcontent_col #quicksearch input
{
    font-size:          0.91em; /* 10 px */
    color:              #000000;
    width:              18em;  /* 190 px */
    margin-top:         0.3em;
    padding:            0.4em 0 0.4em 1em; /* inklusive padding */
    border:             1px solid #D9D9D9;
}

#marginalcontent_col #quicksearch button
{
    font-size:          0.91em; /* 10 px */
    margin:             0 0 0 9.5em;
    padding:            0;
    display:            block;
    width:              10em;
    border:             none;
    background:         #FFFFFF;
    color:              #5E5E5E;
    text-align:         right;
    cursor:             pointer;
}

#marginalcontent_col #quicksearch button img
{
    margin-left:        1em;
    position:           relative;
    top:                0.35em;
}

#marginalcontent_col h4
{
    font-size:          1.82em; /* 20 px */
}

#marginalcontent_col h5
{
    font-size:          1em; /* 11 px */
    font-weight:        bold;
    margin-bottom:      1em;
}

#marginalcontent_col div.teaser
{
    border-bottom:      1px dotted #D9D9D9;
    padding-bottom:     1.82em; /* 20 px */
    margin-top:         1.82em; /* 20 px */
    line-height:        1.5em;
}


#marginalcontent_col p
{
    margin-bottom:      1.82em; /* 20 px */   
}

#marginalcontent_col span.name
{
    font-size:          1.455em; /* 16 px*/
}


#marginalcontent_col p.teaser
{
    color:              #5E5E5E;
    margin-bottom:      0; 
    line-height:        1em;
}

#marginalcontent_col span.date
{
    font-size:          0.91em; /* 10 px */
    color:              #5E5E5E;
}

#marginalcontent_col a.details
{
    font-size:          0.91em; /* 10 px */
    font-weight:        normal;
}

#marginalcontent_col a.details img.marginal_link_arrow
{
    margin-right:       0.8em;
    margin-bottom:      1.5px;
}

/* ----------- /MARGINAL CONTENT ------------- */

/* ------------------ MISC ------------------- */
p.subline
{
    font-size:              0.91em; /* 10px; */
    color:                  #5E5E5E;
    margin -bottom:         0.91em; /* 10px; */
}

/* ------------------ /MISC ------------------ */