/* @override http://www.ama-marketing.at/fileadmin/template/foreign_new/css/main.css */

/*-----------------------------------------------------------------------------
    <AMA - Marketing>

    author:    rac
    email:     justwtf@gmx.com

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

/*----------------------------------------------------------------------------
    ### General ###
    
    Colorscheme is
        
        Text, navigations:          #fff    (pure white)
        Text, content:              #777    (gray)
        Text, impressum:            #0c3c9c (marine blue)
        
-----------------------------------------------------------------------------*/

@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
{
    height: 100%;
}

body
{
    height: 100%;
}

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

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #fff;
}


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

h1
{
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 2em;
    display: block;
    height: 42px;
    line-height: 42px;
    width: 656px;
    text-indent: 18px;
    background: url(../img/bg_h1.png) no-repeat left top;
  
}

h2
{
    font-size: 15px;
}

h3
{
    font-size: 12px;
}


/*---------------------------------------------------------------------------- 
    Links
-----------------------------------------------------------------------------*/
a
{
    outline: none;
    text-decoration: none;
      color: gray;
      
}

a:hover
{
    opacity: 0.6;
    *filter: alpha(opacity = 60);
    *zoom: 1;
}

.leftmenu{
      color: #fff;
}
.topmenu{
     color: #fff;
}

#meta p span a {
     color: #fff;
}

/*---------------------------------------------------------------------------- 
    Container/Branding
-----------------------------------------------------------------------------*/
#container
{
    width: 915px;
    margin: 0px auto;
}

#main
{
    background: url(../img/bg_main.png) repeat-y left top;
  
}

#menu-content-wrapper
{
    background: url(../img/bg_menu_content_wrapper.png) no-repeat left top;
    min-height: 550px;
    margin-left: 1px; /* yes, it's a dirty hack :> */
    /*overflow: auto ; /* Clear contained floats, but not for IE6 (should not gain layout!)! */*/
}

/*---------------------------------------------------------------------------- 
    Header
-----------------------------------------------------------------------------*/
#header
{
    
}

/*---------------------------------------------------------------------------- 
    Language/Meta Nav
-----------------------------------------------------------------------------*/
#lang-meta
{
    height: 46px;
    background: url(../img/bg_lang_meta.png) no-repeat left top;
    *margin-top: -5px;
}

#flags
{
    width: 245px;
    float: left;
}

#flags img
{
    margin-left: 15px;
    margin-top: 12px;
}

#meta
{
    width: 660px;
    float:right;
    vertical-align: middle;
    position: relative;
    font-size: 12px;
    font-weight: bold;
}

#meta p
{
    margin-top: 11px;
    line-height: 20px;
}

#meta span:not(:first-child) 
{
    position: absolute;
    right: 20px;
    line-height: 20px;
    *margin-top: -3px; 
}

/* Pure CSS Pipes between meta items (: */
#meta span a:not(:first-child)::before
{
    content: " | ";
}

#meta span a:hover:not(:first-child)::before
{
    visibility: hidden;
}

/*---------------------------------------------------------------------------- 
    Main Nav
-----------------------------------------------------------------------------*/
#main-nav-bar
{
    float: left;
}

#main-nav
{
    width: 225px;
    padding-left: 9px;
}

#main-nav ul
{
    margin-top: 3px;
    font-weight: bold;
    font-size: 12px;
}

#main-nav li
{
    display: inline; /* :KLUDGE: Removes large gaps in IE/Win */ 
}

#main-nav ul a
{
    display: block;
    width: 218px;
    height: 21px;
    margin-bottom: 4px; 
    line-height: 21px;
    text-indent: 9px;
    background: url(../img/bg_mainnavitem.png) no-repeat left center;   
}

#main-nav ul a.act
{
    background: url(../img/bg_mainnavitem_act.png) no-repeat left center;
}

#impressum
{
    width: 216px;
    padding-left: 18px;
}

#impressum h2
{
   color: #0c3c9c;
   margin-bottom: 0px;
}

#impressum h3
{
   color: #0c3c9c;
   margin-top: 0px;
}

#impressum p
{
   color: #777;
   font-size: 12px; 
}

/*---------------------------------------------------------------------------- 
    Sub Nav
-----------------------------------------------------------------------------*/
#sub-nav
{
    width: 666px;
    height: 21px;
    float: right;
    margin-right: 11px;
    _margin-right: 5px;
}

#sub-nav ul
{
    width: 666px;
    float: left;
    font-weight: bold;
    font-size: 12px;
    margin-top: 3px;
}

#sub-nav ul li
{
    float: left;
}

#sub-nav ul a
{
    display: block;
    width: 107px;
    height: 21px;
    margin-left: 4px;
    line-height: 21px;
    text-indent: 11px;
    background: url(../img/bg_subnavitem.png) no-repeat left center;
}

#sub-nav ul a.act
{
    background: url(../img/bg_subnavitem_act.png) no-repeat left center;
}                

/*---------------------------------------------------------------------------- 
    Main Content
-----------------------------------------------------------------------------*/
#content
{
    float: right;
    margin-right: 11px;
    _margin-right: 6px;
    _margin-top: -15px;
    _padding-top: 0px;
     width: 657px;   
}

#content p
{
    color: #777;
    font-size: 13px;
   /* text-indent: 18px;*/
   padding-left:18px;
   
}

#content a
{
    text-decoration: underline;
}

#content a:hover
{
    text-decoration: none;
    *zoom: 0; /* Remove strange blurring effect [IE] */
}

#ie6-clear
{
    clear: both;
    _clear: none;
}

       
/*---------------------------------------------------------------------------- 
    Footer
-----------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------- 
    Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset
{
    border: 1px solid transparent;
}


/*---------------------------------------------------------------------------- 
    Tables
-----------------------------------------------------------------------------*/

table 
{ 
    border-spacing: 0;
    border-collapse: collapse;
}

td 
{
    text-align: left;
    font-weight: normal;
     color: #777;
}



/*---------------------------------------------------------------------------- 
    Misc 
-----------------------------------------------------------------------------*/
hr
{
    height: 1px;
    background-color: #000;
    color: #000;
    border: 0;
}

pre
{
    font-size: 16px;
    font-weight: bold;
    color: #00ff00; 
}

/*----------------------------------------------------------------------------
    Dropdownsitemap
-----------------------------------------------------------------------------*/
.tx-dropdownsitemap-pi1 
{
    margin-top: 30px;
}

/*----------------------------------------------------------------------------
    Recipe FCE
-----------------------------------------------------------------------------*/
.recipe
{
    width: 657px;
    _width: 658px;
    height: 137px;
    overflow: hidden;
    margin-bottom: 20px;
}

h1 + div.recipe
{
    margin-top: -20px;
}

.recipe img
{
    width: 138px;
    height: 131px;
    border: 3px solid #0066cc;
    float: left;
    display: block;
}

.recipe h1
{
    width: 513px;
    height: 29px;
    line-height: 29px;
    margin-left: 144px;
    margin-bottom: 0;
    margin-top: 0;
    background: #0066cc;
    color: #fff;
    font-weight: normal;
    padding-left: 0px;
}

.recipe .recipe_category_content
{
    width: 513px;
    height: 110px;
    margin-left: 144px;
    margin-top: -13px;
    *margin-top: 0;
    background: url(../img/bg_recipes.png) no-repeat left top;
    border: 0;
    display: block;
}

#content .recipe .recipe_category_content p
{
    color: #0c3c9c;    
    font-size: 13px;
    padding-top: 5px;
    *margin-top: 0;
    _margin-top: auto;
}

#content .recipe .recipe_category_content p a
{
    color: #0c3c9c;    
    font-size: 13px;
    text-decoration: none;
} 

#content .recipe .recipe_category_content p a:hover
{
    text-decoration: none;
}