/*
 * Design by redrauscher
 */


/* Common styles */

html, body {
    height: 100%;
    /*background-color: #849487;*/
}

div#full_height {
    height: 100%;
    background-color: white;
}

body
{
    margin: auto;
    font-family: sans-serif;
    color: #849487;
}

p { line-height:16px }

img
{
    border: none;
}

textarea {
    font-family: sans-serif;
    color:#000;
    font-size:12px;
    padding:3px;
}
 
/* End of common styles */

/* Head */

div.header
{
    width: 100%;
    height: 38px;
    background-color: #849487;
    background-image: url(/upload/Layout/bordertop.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

div.logo
{
    margin-top: 64px;
    width: 201px; 
    height: 114px; 
    float: left;
    background-color: white;
}

div.rightToLogo
{
    float: left;
}

div.illustration
{
    width: 749px;
    background-color: white;
}


div.headline 
{
    font-family: Arial, sans-serif;
    font-size: 18px;
    
    background-color: #FFF;
    color: #849487;
}

/* End of head */

/* Foot */

div.footer
{
    background-color: #849487;
    bottom: 0;
    color: #FFF;
    font-size: 11px;
    height: 51px;
    line-height: 51px;
    position: fixed;
    width: 100%;
    z-index: 2;
}

div.footer div { display: inline; }
div.footer label { font-size: 12px; }
div.footer a { color: #FFF; text-decoration: none; }
div.footer a:hover { color: #FFF; text-decoration: underline; }

div.footer div.sub_footer { display: block; margin: auto; width: 950px; }

div.law 
{
    float:left;
    padding-left: 17px;
    width: 185px;
}

div.sub_navigation 
{
    float:left;
}

.rezepttable { margin-top:0px; padding:3px; }
.rezepttable td.img { padding:10px 30px 0px 0px; }
.rezepttable td {  }
.rezepttable h3 { margin:12px 0px -4px 0px; }

.nav2_28_5 { display: none; position:absolute; }
.nav2_29_5 { display: none; position:absolute; }
.nav2_30_5 { display: none; position:absolute; }
.nav2_31_5 { display: none; position:absolute; }
.nav2_32_5 { display: none; position:absolute; }
.nav2_28_7 { display: none; position:absolute; }
.nav2_29_7 { display: none; position:absolute; }
.nav2_30_7 { display: none; position:absolute; }
.nav2_31_7 { display: none; position:absolute; }
.nav2_32_7 { display: none; position:absolute; }

.hi_nav2_28_5 { padding-left: 0; position:absolute; }
.hi_nav2_29_5 { padding-left: 0; position:absolute; margin-left:118px; }
.hi_nav2_30_5 { padding-left: 0; position:absolute; margin-left:236px; }
.hi_nav2_31_5 { padding-left: 0; position:absolute; margin-left:354px; }
.hi_nav2_32_5 { padding-left: 0; position:absolute; margin-left:472px; }
.hi_nav2_28_7 { padding-left: 0; position:absolute; }
.hi_nav2_29_7 { padding-left: 0; position:absolute; margin-left:118px; }
.hi_nav2_30_7 { padding-left: 0; position:absolute; margin-left:236px; }
.hi_nav2_31_7 { padding-left: 0; position:absolute; margin-left:354px; }
.hi_nav2_32_7 { padding-left: 0; position:absolute; margin-left:472px; }

.hi_nav2_28_5 img { background-image: url(/upload/Layout/subnav_home_5.png); }
.hi_nav2_29_5 img { background-image: url(/upload/Layout/subnav_projekte_5.png); }
.hi_nav2_30_5 img { background-image: url(/upload/Layout/subnav_loesung_5.png); }
.hi_nav2_31_5 img { background-image: url(/upload/Layout/subnav_rezepte_5.png); }
.hi_nav2_32_5 img { background-image: url(/upload/Layout/subnav_kontakt_5.png); }
.hi_nav2_28_7 img { background-image: url(/upload/Layout/subnav_home_7.png); }
.hi_nav2_29_7 img { background-image: url(/upload/Layout/subnav_projekte_7.png); }
.hi_nav2_30_7 img { background-image: url(/upload/Layout/subnav_loesung_7.png); }
.hi_nav2_31_7 img { background-image: url(/upload/Layout/subnav_rezepte_7.png); }
.hi_nav2_32_7 img { background-image: url(/upload/Layout/subnav_kontakt_7.png); }

/* End of Foot */

/* Popup Menue */

div#popupmenu 
{
    background-image: url(/upload/Layout/popup_padding_left.png);
    background-repeat: no-repeat;
    display: none;
    margin: 0;
    padding: 0 0 0 7px;
    position: fixed;
    z-index: 1;
    /* Needed values for calculating the dynamic sub menu height in JavaScript */
    bottom: 51px;
    /* --- */
}

div#popupmenu ul
{
    background-image: url(/upload/Layout/popup_padding_right.png);
    background-position: top right;
    background-repeat: no-repeat;
    margin: 0;
    padding: 7px 7px 0 0;
}
    
div#popupmenu ul li
{
    font-size: 12px;
    list-style: none;
    /* Needed values for calculating the dynamic sub menu height in JavaScript */
    line-height: 12px; /* 12x1 */
    padding: 6px 6px 10px 6px;
    /* --- */
    display: block;
}

div#popupmenu ul li a
{
    color: #FFF;
    text-decoration: none;
}

div#popupmenu ul li a:hover
{
    color: #FFF;
    text-decoration: underline;
}

div#popupmenu .open { display:block; background:URL(/upload/Layout/menu_close.png) transparent no-repeat; background-position:right 5px; }
div#popupmenu .closed { display:block; background:URL(/upload/Layout/menu_open.png) transparent no-repeat; background-position:right 5px; }
#openclose { display:block; background:URL(/upload/Layout/menu_line.png) transparent no-repeat bottom left; padding-bottom:5px; margin-right:-6px; }
div#popupmenu ul li a#openclose { font-weight:normal; color:#a1b5a6; vertical-align: top; }

/* End of Popup Menue */

/* Content columns */

div.contentColumns
{
    margin: 0 0 22px 0;
    padding: 0;
    clear: both;
    text-align: left;
    background: url(/upload/Layout/dotdot_ver.png) 745px 0px repeat-y;
}

div.contentColumnsHome
{
    margin: 0 0 22px 0;
    padding: 0;
    clear: both;
    text-align: left;
}

div.contentHome
{
    float: left;
}

div.contentColumnTop
{
    padding-left: 22px;
    padding-bottom: 20px;
    width: 741px;
    height: 408px;
    background: url(../upload/flash/noflashbackground.jpg)  22px -3px no-repeat;
}

div.contentColumnBottom
{
    padding-left: 17px;
    padding-bottom: 70px;
}

.filerauscherteaser 
{
    float: left;
}

.filerauscherteaser a
{
    display: block;
}

.espressoteaser
{
    float: left;
    padding: 0 10px;
}

.dritter_teaser
{
    float: left;
}

div.leftColumnHome
{
    float: left;
    width: 147px;    
    padding: 6px 17px 0 17px;
    margin: 0px 0 0 0;
    background-image: url("/upload/Layout/dotdot_hor.png");
    background-repeat: repeat-x;
    color:#849487;
    font-size: 11px;
}

div.leftColumnImprint
{
    float: left;
    width: 147px;    
    padding: 6px 17px 0 17px;
    margin: 0;
    background-image: url("/upload/Layout/dotdot_hor.png");
    background-repeat: repeat-x;
    color:#849487;
    font-size: 11px;
    visibility: hidden;
}

div.leftColumn
{
    float: left;
    width: 147px;    
    padding: 6px 17px 0 17px;
    margin: 0;
    background-image: url("/upload/Layout/dotdot_hor.png");
    background-repeat: repeat-x;
    color:#849487;
    font-size: 11px;
}

div.content 
{
    float: left;
    width: 517px; /* TODO Adapt width */
    padding: 6px 0 0 0;
    margin: 0px 48px 0px 24px;
    background-image: url("/upload/Layout/dotdot_hor.png");
    background-repeat: repeat-x;
    color: #444e46;
    font-size: 12px;
}

div.content h3
{
    font-size: 12px;
}

div.content a
{
    color: #849487;
    text-decoration: none;
}

div.content a:hover
{
    color: #849487;
    text-decoration: underline;
}

div.content ul {
    margin:10px 0px 10px 15px;
    padding:0px;
}

div.content ul li {
    padding:3px 0px;
}

div.content div.print_page
{
    text-align:right;
    padding: 0;
    margin: 19px 0 7px 0;
    color: #849487;
}

div.content div.print_page img
{
    margin: 0 5px 0 36px;
}

div.content div.print_page a
{
    color: #849487;
    font-size: 11px;
    text-decoration: none;
}

div.content div.print_page a:hover
{
    color: #849487;
    font-size: 11px;
    text-decoration:underline;
}

div.rightColumn
{
    float: left;
    width: 177px;   
    padding: 6px 0 0 0;
    margin: 0;
    background-image: url("/upload/Layout/dotdot_hor.png");
    background-repeat: repeat-x;
    color: #444e46;
    font-size: 14px;
}

/* End of content columns */

/* Navigation menue */

div.navigation
{
    margin-bottom: 7px;
    margin-top: 64px;
}

div.navigation a
{
    margin-right: 34px;
}

a.nav1_28_5 { background: url(/upload/Layout/nav_profil.png); }
a.nav1_29_5 { background: url(/upload/Layout/nav_projekte.png); }
a.nav1_30_5 { background: url(/upload/Layout/nav_loesung.png); }
a.nav1_31_5 { background: url(/upload/Layout/nav_rezepte.png); }
a.nav1_32_5 { background: url(/upload/Layout/nav_kontakt.png); }

a.nav1_28_7 { background: url(/upload/Layout/nav_profil_en.png); }
a.nav1_29_7 { background: url(/upload/Layout/nav_projekte_en.png); }
a.nav1_30_7 { background: url(/upload/Layout/nav_loesung_en.png); }
a.nav1_31_7 { background: url(/upload/Layout/nav_rezepte_en.png); }
a.nav1_32_7 { background: url(/upload/Layout/nav_kontakt_en.png); }

a.nav1_28_5, a.hi_nav1_28_5, a.nav1_28_7, a.hi_nav1_28_7
{
    float: left;
    width: 57px; 
    height: 68px; 
    overflow: hidden;
}

a.nav1_29_5, a.hi_nav1_29_5, a.nav1_29_7, a.hi_nav1_29_7
{
    float: left; 
    width: 57px; 
    height: 68px; 
}

a.nav1_30_5, a.hi_nav1_30_5, a.nav1_30_7, a.hi_nav1_30_7
{
    float: left; 
    width: 57px; 
    height: 68px; 
    overflow: hidden; 
}

a.nav1_31_5, a.hi_nav1_31_5, a.nav1_31_7, a.hi_nav1_31_7
{
    float: left; 
    width: 57px; 
    height: 68px; 
    overflow: hidden; 
}

a.nav1_32_5, a.hi_nav1_32_5, a.nav1_32_7, a.hi_nav1_32_7
{
    float: left; 
    width: 57px; 
    height: 68px; 
    overflow: hidden; 
}

a.nav1_28_5:hover, a.nav1_28_7:hover { background: url(/upload/Layout/nav_profil.png) 0 68px; }
a.nav1_29_5:hover, a.nav1_29_7:hover { background: url(/upload/Layout/nav_projekte.png) 0 68px; }
a.nav1_30_5:hover, a.nav1_30_7:hover { background: url(/upload/Layout/nav_loesung.png) 0 68px; }
a.nav1_31_5:hover, a.nav1_31_7:hover { background: url(/upload/Layout/nav_rezepte.png) 0 68px; }
a.nav1_32_5:hover, a.nav1_32_7:hover { background: url(/upload/Layout/nav_kontakt.png) 0 68px; }

a.hi_nav1_28_5, a.hi_nav1_28_7 { background: url(/upload/Layout/nav_profil.png) 0 68px; }
a.hi_nav1_29_5, a.hi_nav1_29_7 { background: url(/upload/Layout/nav_projekte.png) 0 68px; }
a.hi_nav1_30_5, a.hi_nav1_30_7 { background: url(/upload/Layout/nav_loesung.png) 0 68px; }
a.hi_nav1_31_5, a.hi_nav1_31_7 { background: url(/upload/Layout/nav_rezepte.png) 0 68px; }
a.hi_nav1_32_5, a.hi_nav1_32_7 { background: url(/upload/Layout/nav_kontakt.png) 0 68px; }

span.navigation_pipe
{
    color: #849487;
    float: left;
    font-weight: bold;
    padding-top: 20px;
}

span.navigation_other
{  
    float: left;
    height: 68px; 
    line-height: 68px;
    color: #849487;
    font-weight: bold;
}

span.navigation_other img
{  
    margin-top: 0;
    margin-right: 28px;
    margin-left: 30px;
}

/* End of navigation menue */

/* Search form */

form.search_form
{
    margin: 0 0 0 0;
    padding: 13px 0 0 0;
}

form.search_form span.search_field_background
{
    display: block;
    float: left;
    
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    
    width: 141px;
    height: 26px;
    
    background: url(/upload/Layout/search_field_with_loupe.png) 0 0 no-repeat;
}

form.search_form input.search_field
{
    margin: 6px 0 0 26px;
    padding: 0 0 0 0;

    width: 111px;

    border: 0;

    font-size: 10px;
}

form.search_form input.search_button
{
    margin: 0 0 0 4px;
    padding: 0 0 0 0;
}

/* End of search form */

/* Helper styles */

div.layout
{
    width: 950px;
    padding-bottom: 50px;
    margin: auto;
    background-color: white;
}

.horizontal_dotted_rule_top
{
    padding: 0;
    margin: 0;
    background-image: url("/upload/Layout/dotdot_hor.png");
    background-repeat: repeat-x;
    background-position: top;
}

.horizontal_dotted_rule_bottom
{
    margin: -5px -17px 18px -17px;
    padding: 0;
    background-image: url("/upload/Layout/dotdot_hor.png");
    background-repeat: repeat-x;
    background-position: bottom;
}

div.line
{
    clear: both;
}

div.hr
{
    margin: 17px 0 0 0;
    padding: 0;
    height: 2px;
    background-image: url("/upload/Layout/dotdot_hor.png");
    background-repeat: repeat-x;
}

/* End of helper styles */

/* BEGIN LanguageChange */

div#LanguageChange {
    padding-top: 10px;
    margin: auto;
    width: 950px;
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    text-align: right;
}

div#LanguageChange a {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
}

div#LanguageChange a:hover {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
}

/* END LanguageChange */

a.button {
    line-height:30px;
    color:#849487;
    background:URL(/upload/Layout/searcharrow.png) no-repeat right center;
    padding:10px 30px 10px 0px;
}

#kontakttable td, #kontakttable th { padding:3px 0px; }
#kontakttable th { color:#3d493f; font-weight:normal; }

#opener { display:none; }
#closer { display:none; }