﻿#contentzone 
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 1280px;
}

header
{
    height: 100px;
    width: auto;
}

#logoholder
{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 880px;
    height: 70px;
}
#logo
{
    width: 158px;
    margin-top: 10px;
    margin-left: 10px;
    height: 48px;
}
.social 
{
    float:right;
    margin: 20px 40px 0px 25px;
}
.socialicon 
{
    margin: 3px;
}

#ifs 
{
    background-image: url(img-logo-ifs.svg);
    background-repeat:no-repeat;
    background-position: center center;
    float:right;
    display:block;
    margin: 20px 80px 0px 0px;
    width: 57px;
    height:32px;
}
#ifs:hover 
{
    background-image: url(img-logo-ifs-on.svg);
}

#badge
{
    display: block;
    float: right;
    overflow: visible;
    margin-top: 5px;
    right: 0;
    position: relative;
    z-index: 1000;
}


#uppermenu
{
    display: block;
    height: 18px;
    background-color: Black;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    margin-bottom: 14px;
}

.nav
{
    width: 890px;
    margin-left: auto;
    margin-right: auto;
}

#flags {
	padding-right: 20px; 
	top:73px;
	position:relative;
	z-index:99999;
	float:right;
	width: 80px;
}

#enflag {
	background-image: url(united-kingdom.gif);
	width:24px;
	height:13px;
	margin-left:5px;
	position:relative;
	float:right;
}

#deflag {
	background-image: url(germany.gif);
	width:24px;
	height:13px;
	margin-left:5px;
	position:relative;
	float:right;
}


#menu ul
{
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    padding: 0;
    margin: 0;
    list-style: none;
    list-style-type: none;
}

#menu ul li
{
    display: table-cell;
    vertical-align: middle;
    height: auto;
    float: left;
    padding: 0;
    margin: 0;
    margin-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

a
{
    color: #999999;
    text-decoration: none;
}

#menu ul li a
{
    text-decoration: none;
    color: #999999;
    overflow: hidden;
}
#menu ul .selectedmenuitem a
{
    text-decoration: none;
    color: #D2A34F;
}
#menu ul li a:hover
{
    text-decoration: none;
    color: #D2A34F;
}
.menuitem
{
    font-family: Sansation;
    font-size: 10pt;
}
.selectedmenuitem a
{
    color: #D2A34F;
}

.menuitem a:hover
{
    color: #D2A34F;
}
#nav_arrow
{
    position: relative;
    width: 30px;
    height: 10px;
    top: 13px;
    margin-left:15px;
    background-image: url('img-arrowimage.png');
    background-position: center;
    background-repeat: no-repeat;
    transition: margin 0.2s;
    -moz-transition: margin 0.2s; /* Firefox 4 */
    -webkit-transition: margin 0.2s; /* Safari and Chrome */
    -o-transition: margin 0.2s; /* Opera */
}


#submenu 
{
    width: 100%;
    text-align:center;
    background-image: url(img-back.jpg);
    z-index: 2;
    margin-top:9px;
    height: 28px;
    position: absolute;
    display:block;
}

.submenuitem 
{
    font-family: SansationBold;
    margin: 0 20px 0 20px;
    font-size:13px;
    line-height:25px;
    text-decoration: none;
    color: #999999;
    text-align:center;
}

#submenuproducts
{
    width: 100%;
    text-align:center;
    background-image: url(img-back.jpg);
    z-index: 2;
    margin-top:9px;
    height: 28px;
    position: absolute;
    display:block;
    -webkit-transition: height .2s ease-in-out;
    -moz-transition: height .2s ease-in-out;
    -ms-transition: height .2s ease-in-out;
    -o-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    overflow:hidden;
}


#submenuproducts:hover 
{
    height: 74px;
}

.submenuitemproducts
{
    font-family: SansationBold;
    margin: 0 20px 0 20px;
    font-size:13px;
    line-height:25px;
    width:80px;
    height:74px;
    display: inline-block;
    text-decoration: none;
    color: #999999;
    text-align:center;
    background-position: bottom;
    background-repeat:no-repeat;
}

.submenuitemselected
{
    font-family: SansationRegular;
    text-decoration: none;
    font-weight:bold;
    font-size:18px;
    color: #D2A34F;
}

.submenuitemproducts.submenuclassic
{
    background-image: url(submenu-classic.png);
}

.submenuitemproducts.submenucheesecake
{
    background-image: url(submenu-cheesecake.png);
}

.submenuitemproducts.submenuhotdog
{
    background-image: url(submenu-hotdog.png);
}

.submenuitemproducts.submenubratdog
{
    background-image: url(submenu-bratdog.png);
}

.submenuitemselected.submenuclassic
{
    background-image: url(submenu-classic-selected.png);
}

.submenuitemselected.submenucheesecake
{
    background-image: url(submenu-cheesecake-selected.png);
}

.submenuitemselected.submenuhotdog
{
    background-image: url(submenu-hotdog-selected.png);
}

.submenuitemselected.submenubratdog
{
    background-image: url(submenu-bratdog-selected.png);
}