@import url('grid.css');
@import url('buttons.css');

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults 
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.2;

    font-family: 'Lato', sans-serif;
}
html, body, .container_4 {
    height: 100%;
    position: relative;
}

body {
    width: 100%;
    background: #1a1b1c;
    font-weight: 300;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

a {
    outline: none;
    color: rgba(131,131,131,1);
}

#wrapper {
    padding-top: 230px;
}
.adLess #wrapper {
    padding-top: 154px;
}

#wrapper,
header,
.container_4 {
    position: relative;
}

/*
 * Header
 */
header {
    width: 100%;
    /*height: 110px;*/
    height: 200px;
    overflow: hidden;
    position:  fixed;
    border-bottom: 1px solid #232425;
    background: rgba(26,27,28, 0.9);
    z-index: 400;
}
.adLess header {
    height: 124px;
}
header h1 {
    margin: 0;
    padding: 0;
}
header h1 a {
    display: block;
    width: 240px;
    height: 110px;
    background: transparent url(../img/evinum.png) no-repeat -100px -200px;
    padding: 0;
    margin: 0;
}
header.minimized {
    top: -30px;
    height: 110px;
}
header.minimized .debugUser,
header.minimized #adminMenu {
    display: none;
}
header.minimized > .container_4 {
    margin-top: 8px;
}

.debugUser {
    color:#f2f2f2;font-size:11px;line-height:13px;font-weight:300;position:absolute;top:10px;right:0px;margin:0;padding:0;text-align:right;
    display: none;
}

.userBox {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 110px;
    width: 240px;
}
.userBox .badge,
.actionButton {
    background: #78b41f;
    width: 220px;
    text-align: center;
    padding: 4px 10px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    font-weight:400;
}
.actionButton {
    border: none;
    color: #F2F2F2;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    display: block;
    width: 260px;
    height: 26px;
    line-height: 26px;
    outline: none;
    padding: 0;
}
.headerProfileImage {
    position: absolute;
    top: 30px;
    right: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.userBox .notloggedIn,
.userBox .loggedIn {
    position: absolute;
    left: 0px;
    top: 57px;
}
.userBox .loggedIn .badge {
    margin-right: 10px;
    width: 210px;
    text-indent: -10px;
}
.userBox .logoutButton,
.userBox .myprofileButton {
    display: none;
    position: absolute;
    top: 57px;
    left: 0;
}
.userBox .logoutButton .badge,
.userBox .myprofileButton .badge {
    width: 90px;
}
.userBox .logoutButton .badge {
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    width: 80px;
}
.userBox .myprofileButton {
    left: 101px;
}
.userBox .myprofileButton .badge {
    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0;
    text-indent: -20px;
}
.userBox:hover .loggedIn {
    display: none;
}
.userBox:hover .logoutButton,
.userBox:hover .myprofileButton {
    display: block;
}


.fullWidth {
    width: 100%;
}
.formrow .actionButton {
    padding: 0;    
    display: block;
}

.rasterEl,
.contentTeaser,
#navigation > li > a span {
    background: #2b2c2d;
}



/*
 * Navigation
 */
nav {
    height: 500px;
    position: relative;
    margin-bottom: 20px;
}
#navigation {
    margin: 0;
    padding: 20px 0;
}

#navigation > li {
    clear: both;
    line-height: 40px;
    height: 40px;
    padding: 0 0 0 30px;
}

#navigation > li > a {
    display: block;
    color: #f2f2f2;
    font-size: 15px;
    font-weight: 300;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
}
#navigation > li.active > a {
    background: transparent url(../img/evinum.png) no-repeat right -901px;
}
#navigation > li.active > a.hasFlyout,
#navigation > li:hover > a.hasFlyout {
    background: transparent url(../img/evinum.png) no-repeat right -860px;
}
#navigation > li.active > a span {
    padding-right: 4px;
}
#navigation > li:hover .flyout {
    /*display: block;*/
}
#navigation > li:hover > a {
    color: #78b41f;
}

#navigation > li.active {}
#navigation > li.active > a {}


.flyout {
    z-index: 300;
    display: none;
    background: #2b2c2d;
    width: 518px;
    position: absolute;
    top: 0;
    left: 240px;
    border: 1px solid #78b41f;
    -moz-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.9);
    box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.9);
}
.flyoutInner {
    padding: 25px 0;
}
.flyout h3 {
    margin: 0 0 10px 50px;
    color: #78b41f;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
}
.flyout ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.flyout ul.flyoutWinelist li,
.flyout ul.flyoutMyFriendslist li {
    margin: 0;
    padding: 0;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
}
.flyout ul.flyoutWinelist li.active,
.flyout ul.flyoutWinelist li:hover,
.flyout ul.flyoutMyFriendslist li.active,
.flyout ul.flyoutMyFriendslist li:hover,
.flyout ul.flyoutSubmenu li:hover {
    background-color: rgba(74,75,76,1);

    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(242,242,242,0.2) 0%, rgba(43,44,45,0.2) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(242,242,242,0.2)), color-stop(100%,rgba(43,44,45,0.2))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(242,242,242,0.2) 0%,rgba(43,44,45,0.2) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(242,242,242,0.2) 0%,rgba(43,44,45,0.2) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(242,242,242,0.2) 0%,rgba(43,44,45,0.2) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(242,242,242,0.2) 0%,rgba(43,44,45,0.2) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#2b2c2d',GradientType=1 ); /* IE6-9 */

}
.flyout ul.flyoutWinelist li.active {}
.flyout ul.flyoutMyFriendslist li.active {}
.flyout ul li a {
    text-decoration: none;
    display: inline-block;
    padding: 0 10px 0 10px;
    white-space: nowrap;
}
.flyout ul li a,
.flyout ul li.emptyWinelist {
    color: #f9f9f9;
    font-weight: 400;
    font-size: 16px;
}
.flyout ul li.emptyWinelist {
    padding-left: 50px;
}
.flyout ul li a:hover {}
.flyout ul li.active a {
    color: #f1f1f1;
}

.flyout ul li:hover .toolBar {
    display: block;
}
.flyout .badge {
    background: rgba(100,100,100,0.2);
    color: #ccc;
    top: -2px;
    position: relative;
    display: inline-block;
}
.flyout ul li:hover .badge,
.flyout ul li.active .badge {
    display: inline-block;
    background: #78b41f;
    color: #f1f1f1;
}
.flyout a.ctaLink {
    display: block;
    text-decoration: none;
    color: #f2f2f2;
    margin: 0;
    font-size: 15px;
    line-height: 30px;

    position: absolute;
    top: 18px;
    right: 20px;

    background: transparent url(../img/evinum.png) no-repeat 0px -1448px;
    padding-left: 30px;
}
.flyout ul.flyoutSubmenu {

}
.flyout ul.flyoutSubmenu li {
    padding: 0 50px;
}
.flyout ul.flyoutSubmenu li a {
    padding: 0 10px 0 0;
}


/* FlyoutHints */
.flyoutHint {

    position: relative;

    width: 250px;
    height: 100%;
    display: block;

    float: right;

    background-color: #3d3f40;

    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #4B4D4E 0%, #2B2C2D 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #4B4D4E 0%, #2B2C2D 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #4B4D4E 0%, #2B2C2D 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4B4D4E), color-stop(1, #2B2C2D));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #4B4D4E 0%, #2B2C2D 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #4B4D4E 0%, #2B2C2D 100%);
}
.hasFlyoutHint .flyout {
    width: 778px;
}
.hasFlyoutHint .flyoutInner {
    float: left;
    width: 528px;
}
.hasFlyoutHint a.ctaLink {
    right: 320px;
}
.flyoutHint ul.textLinks {
    margin: 20px 0;
    padding: 0;
    list-style-type: none;
}
.flyoutHint ul.textLinks li {
    padding: 0px 50px;
    line-height: 21px;
}
.flyoutHint ul.textLinks li a {
    border-bottom: 1px dotted #f2f2f2;
}
.flyoutHint ul.textLinks li:last-child a {
    border: none;
}
.flyoutHint ul.textLinks li a {
    text-decoration: none;
    color: #F2F2F2;
    font-size: 15px;
    padding: 10px 0;
    margin: 0;
    white-space: normal;
}
.flyoutHint ul.textLinks li a:hover {
    color: #78b41f;
}
.hintIcon {
    position: absolute;
    top: 40px;
    left: -15px;
    display: block;
    width: 50px;
    height: 50px;
    background: transparent url(../img/evinum.png) no-repeat -310px -1347px;
}

.flyoutDeeplink {
    text-transform: uppercase;
    color: #f9f9f9;
    font-size: 15px;
    font-weight: 300;

    background: transparent url(../img/evinum.png) no-repeat 0 -1514px;
    padding-left: 30px;
    margin: 15px 50px;
    text-decoration: none;
}
.flyoutDeeplink:hover {
    background-position: 0 -1492px;
    color: #78b41f;
}

/*
 * Tool icons
 */
.tool {
    background: transparent url(../img/evinum.png) no-repeat 0 0;
    width: 26px;
    height: 26px;
    display: block;
    position: relative;
}
.tool-edit {
    background-position: 0 -26px;
}
.tool-share {
    background-position: -26px -26px;
    display: none !important;
}
.tool-sort {
    background-position: -52px -26px;
    cursor: move;
}
.tool-delete {
    background-position: -78px -26px;
}
.tool-add {
    background-position: -156px -26px;
}
.tool-remove {
    background-position: -181px -26px;
}
.tool-buy {
    background-position: -206px -26px;
}
.tool-edit:hover {
    background-position: 0 0;
}
.tool-share:hover {
    background-position: -26px 0;
}
.tool-sort:hover {
    background-position: -52px 0;
}
.tool-delete:hover {
    background-position: -78px 0;
}
.tool-add:hover {
    background-position: -156px 0;
}
.tool-remove:hover {
    background-position: -181px 0px;
}
.tool-buy:hover {
    background-position: -206px 0px;
}
.toolBar {
    float: right;
    display: none;
}
.toolBar .toolBarTitle {
    color: #8a8f8b;
    font-size: 12px;
    line-height: 26px;
    height: 26px;
    display: block;
    margin-right: 10px;
    text-align: right;
    float: left;
    width: 200px;
}
.topToolbar {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    margin: 0;
}
.flyout .toolBar {
    margin-right: 20px;	
}
.toolBar .tool {
    float: left;
    margin: 0;
    padding: 0;
}

.socialWrapper {
    padding: 0px 10px;
    background: #999999;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 400;
    display: none;
}

/*
 * Toolbar on secondaryList
 */
.secondaryList .tool-edit {
    background-position: 0 -26px;
}
.secondaryList .tool-share {
    background-position: -26px -26px;
}
.secondaryList .tool-sort {
    background-position: -52px -26px;
    cursor: move;
}
.secondaryList .tool-delete {
    background-position: -78px -26px;
}
.secondaryList .tool-edit:hover {
    background-position: 0px 0px;
}
.secondaryList .tool-share:hover {
    background-position: -26px 0px;
}
.secondaryList .tool-sort:hover {
    background-position: -52px 0px;
}
.secondaryList .tool-delete:hover {
    background-position: -78px 0px;
}
.secondaryList li:hover .toolBar,
.imageList li:hover .toolBar,
.wineDetailView .topInfo:hover .toolBar {
    display: block;
}
.secondaryList .toolBar,
.wineDetailView .toolBar {
    position: absolute;
    top: 78px;
    right: 25px;
    margin: 0;
}
.secondaryList .profileWrapper .toolBar {
    top: auto;
    bottom: 20px;
    right: 20px;
}
.winelistList .toolBar {
    top: auto;
    bottom: 20px;
    right: 20px;
}

.topInfo .tool-buy {
    background-position: -206px -26px;
    position: absolute;
    top: 78px;
    right: 0px;
}
.hasBuyOption .tool-buy {
    background-position: -206px -104px;
}

.secondaryList .tool-add.activated,
.toolBar .tool-add.activated {
    background-position: -156px -104px;
}

/*
 * Toolbar on secondaryList
 */
.flyout .tool-edit {
    background-position: 0 -78px;
}
.flyout .tool-share {
    background-position: -26px -78px;
}
.flyout .tool-sort {
    background-position: -52px -78px;
    cursor: move;
}
.flyout .tool-delete {
    background-position: -78px -78px;
}
.flyout .tool-edit:hover {
    background-position: 0px -52px;
}
.flyout .tool-share:hover {
    background-position: -26px -52px;
}
.flyout .tool-sort:hover {
    background-position: -52px -52px;
}
.flyout .tool-delete:hover {
    background-position: -78px -52px;
}


.winelistDesc {
    margin: 20px 0 20px 0;
    color: rgba(119,121,118,1);
}

.winelistDetails {
    display: none;
}

.todo {
    color: red;
}

/*
 * Primarylist
 */
.primaryList {}

/*
 * Secondarylist
 */
.secondaryList {}
.secondaryList > li {
    position: relative;
    /*min-height: 140px;
    padding: 10px 0 0 0;
    margin: 0 0 20px 0;
    border-bottom: 2px solid #e0e0e0;
    border-right: 2px solid #e0e0e0;*/

    background: #f2f2f2;
    padding: 30px;
    margin: 0 0 20px 0;

    min-height: 102px;
}
.secondaryList > li.active {
    height: auto;
}
.secondaryList > li:first-child {}

.wineList > li .topInfo p,
.wineList > li .wineTypeImage {
    cursor: pointer;
}

.secondaryList > li h3,
.wineDetailView h3 {
    margin: 6px 0 6px 120px;
    font-size: 18px;
    color: #313131;
    line-height: 28px;

    /* test */
    margin: 0px 0 0 120px;
    font-size: 18px;
    font-weight: 300;
    color: #313131;
    line-height: 1;

    text-transform: none;

    padding-right: 20px;
    position: relative;
}

.moreButton,
.moreButtonHide,
.moreWinelistDetailButton,
.moreWinelistDetailButtonHide {
    background: transparent url(../img/evinum.png) no-repeat -80px -765px;
    width: 60px;
    height: 30px;
    cursor: pointer;
}
.moreButtonHide,
.moreWinelistDetailButtonHide {
    background-position: -140px -765px;
}
.secondaryList > li .moreButton,
.secondaryList > li .moreButtonHide,
.secondaryList > li .moreWinelistDetailButton,
.secondaryList > li .moreWinelistDetailButtonHide,
.wineDetailWrapper .moreButton,
.wineDetailWrapper .moreButtonHide {
    position: absolute;
    bottom: -8px;
    left: 350px;
}
.secondaryList > li:hover .moreButton,
.secondaryList > li.active .moreButtonHide {
    display: block;
}
.secondaryList > li .moreButton,
.secondaryList > li .moreWinelistDetailButton {
    display: none;
}
.secondaryList > li.active .moreButtonHide,
.secondaryList > li.active .moreWinelistDetailButtonHide {
    display: block;
}
.winelistdetail .moreWinelistDetailButton,
.winelistdetail .moreWinelistDetailButtonHide {
    display: block;
    position: absolute;
    bottom: -8px;
    left: 350px;
}

.wineType {
    background: transparent url(../img/evinum.png) no-repeat;
    width: 28px;
    height: 28px;
    display: inline-block;
}
.wineTypeRot {
    background-position: 0 -589px;
}
.wineTypeWeiss {
    background-position: -28px -589px;
}
.wineTypeRose {
    background-position: -56px -589px;
}
.secondaryList > li h3 .wineType,
.wineDetailView h3 .wineType {
    position: absolute;
    top: 0px;
    right: 0px;
}
.wineDetailView h3 .wineType {
    position: absolute;
    top: 0px;
    right: 0px;
}

.secondaryList > li h3 > a,
.wineDetailView h3 a {
    text-decoration: none;
    color: #313131;
}
.secondaryList > li p,
.wineDetailView p {
    color: rgba(131,131,131,1);
    padding: 0;
    margin: 14px 0 0 0;
    font-size: 15px;
}
.secondaryList > li .topInfo p,
.secondaryList > li .profileWrapper p,
.topInfo p {
    margin: 14px 0 0 120px;
}
.secondaryList > li div.ratingWrapper,
.wineDetailView div.ratingWrapper {
    margin: 0;
    position: absolute;
    top: 70px;
    left: 120px;
}
.wineDetailView div.ratingWrapper {
    /*top: 91px;
    left: 170px;*/
}

.winelistList > li > h3,
.winelistList > li > p,
.winelistList > li > .winelistDetails,
.winelistList > li > div.ratingWrapper {
    margin-left: 70px;
}
.winelistList > li > p {
    padding-bottom: 20px;
}
.winelistList > li > h3 .badge {
    position: relative;
    top: -2px;
    margin-left: 5px;
}

.topInfo {
    min-height: 132px;
    position: relative;
}
.secondaryList .topInfo {
    min-height: 102px;
}

.wineTypeImage {
    border-radius: 4px;
    border: 1px solid rgba(143,143,143,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    background: transparent url(../img/evinum.png) no-repeat -160px -640px;
    width: 100px;
    height: 100px;
    display: inline-block;
    float: left;
}
.wineTypeImageRot {}
.wineTypeImageWeiss {
    background-position: -260px -640px;
}
.wineTypeImageRose {
    background-position: -360px -640px;
}

.winelistSharedUsers {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.winelistSharedUsers li {
    line-height: 26px;
}
.winelistSharedUsers li .toolBar {
    display: inline-block;
    float: none;
    margin: 0 0 0 10px;
}
.winelistSharedUsers li .toolBar .toolBarTitle {
    float: right;
    margin: 0 0 0 10px;
    text-align: left;
    display: inline-block;
}
.winelistSharedUsers li a.nickname {
    float: left;
}

.primaryList,
.secondaryList {
    margin: 0 0 10px 0;
    padding: 0;
    list-style-type: none;
}

.ratingTypeWrapper {
    font-size: 15px;
    color: rgba(164,165,163,1);
    position: relative;
    padding: 0 0 4px 94px;
    height: 18px;
    line-height: 18px;
}
.secondaryList .ratingTypeWrapper {
    height: 16px;
    line-height: 16px;
}
.ratingUser,
.ratingEvinum {
    background: transparent url(../img/evinum.png) no-repeat 0 0;
    width: 84px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
    margin: 0 10px 0 0;
    position: absolute;
    left: 0;
    top: 0;
}
/* ...ratingUser */
.rating0 {
    background-position: 0 -200px;
}
.rating05 {
    background-position: 0 -216px;
}
.rating1 {
    background-position: 0 -232px;
}
.rating15 {
    background-position: 0 -248px;
}
.rating2 {
    background-position: 0 -264px;
}
.rating25 {
    background-position: 0 -280px;
}
.rating3 {
    background-position: 0 -296px;
}
.rating35 {
    background-position: 0 -312px;
}
.rating4 {
    background-position: 0 -328px;
}
.rating45 {
    background-position: 0 -344px;
}
.rating5 {
    background-position: 0 -360px;
}
/* ...ratingEvinum */
.ratingEvinum.rating0 {
    background-position: 0 -376px;
}
.ratingEvinum.rating05 {
    background-position: 0 -392px;
}
.ratingEvinum.rating1 {
    background-position: 0 -408px;
}
.ratingEvinum.rating15 {
    background-position: 0 -424px;
}
.ratingEvinum.rating2 {
    background-position: 0 -440px;
}
.ratingEvinum.rating25 {
    background-position: 0 -456px;
}
.ratingEvinum.rating3 {
    background-position: 0 -472px;
}
.ratingEvinum.rating35 {
    background-position: 0 -488px;
}
.ratingEvinum.rating4 {
    background-position: 0 -504px;
}
.ratingEvinum.rating45 {
    background-position: 0 -520px;
}
.ratingEvinum.rating5 {
    background-position: 0 -536px;
}
/*
 * Tabs within secondaryList
 */
.secondaryList > li > .tabs,
.wineDetailWrapper .tabs {
    display: none;
    padding-top: 50px;
}

/*
 * Wine thumbnail view => add wine to winelist layer
 */
.addWineToWinelistLayer {
    position: absolute;
    right: 160px;
    top: 80px;
}
.addWineToWinelistLayerButton {}
.addWineToWinelistForm {
    position: relative;
}
.addWineToWinelistForm .addWineToWinelistSelection {
    width: 200px;
    display: none;
}
.addWineToWinelistForm .addWineToWinelistSelection:focus {
    width: 200px;
    position: relative;
}
.addWineToWinelistForm .addWineToWinelistLayerSubmitButton {
    display: none;
}
/*
 * Visual feedback
 */
.returnMessage {
    display: inline-block;
    margin: 0;
}
.returnMessage p {
    text-align: center;
    padding: 0;
    margin: 0;
}
.returnMessage p.info {}
.returnMessage p.error {
    color: red;
}


/*
 * WineDetailView
 */
.wineDetailView {

}

.tagList {
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
}
.tagList li {
    clear: both;
    display: block;
    float: none;
    padding: 6px 0 6px 190px;
    color: rgba(49,49,49,1);
    font-size: 15px;
    line-height: 1;
    position: relative;
    min-height: 15px;
}
.tagList li.even {}
.tagList li.odd {
    background: #fff;
}

.tagList li span.label {
    display: inline-block;
    /*width: 290px;
padding-left: 20px;*/
    position: absolute;
    left: 20px;
}
/*
 * Listicon
 */
.listIcon,
.helpIcon {
    background: transparent url(../img/evinum.png) no-repeat 0 -640px;
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    float: left;
}
.iconPrivate {
    background-position: 0 -690px;
}
.iconOther {
    background-position: -50px -640px;
}
.iconOtherSubscribed {
    background-position: -50px -690px;
}
.iconEvinum {
    background-position: -100px -640px;
}
.iconEvinumSubscribed {
    background-position: -100px -690px;
}
.nickname {
    text-decoration: none;
    color: #78b41f;
}

.flyout .listIcon,
.helpIcon {
    width: 17px;
    height: 17px;
    margin-left: 50px;
    line-height: 32px;
    position: relative;
    top: 8px;
}
.helpIcon {
    margin: 0 0 0 10px;
    top: 4px;
    display: inline-block;
}
.iconLink {
    width: 17px;
    height: 17px;
    line-height: 32px;
    position: relative;
    display: inline-block;
    outline: none;
}
.flyout .listIcon {
    background-position: 0px -1250px;
}
.flyout .iconPrivate {
    background-position: -17px -1250px;
}
.flyout .iconOtherSubscribed {
    background-position: -34px -1250px;
}
.flyout .iconEvinum,
.flyout .iconEvinumSubscribed {
    background-position: -51px -1250px;
}
.flyout .iconAddFriend {
    background-position: -68px -1250px;
}
.flyout .iconHead {
    background-position: -85px -1250px;
}
.flyout .iconRequests {
    background-position: -102px -1250px;
}
.iconInfo {
    background-position: -119px -1250px;
}

.winelistList li .listIcon,
.winelistList li > p,
.winelistList li .winelistDetails {
    cursor: pointer;
}


/*
 * Tabs
 */
.tabs {
    display: block;
    margin: 0 auto;
    /*width: 600px;*/
}
.tabs > ul {
    padding: 0;
    margin: 0;
    height: 30px;
    border-bottom: 1px solid #999;
}
.tabs > ul > li {
    list-style-type: none;
    display: inline;
    float: left;
    margin: 0 40px 0 0;
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
}
.medialibraryView .tabs > ul > li {
    padding: 0;
    margin: 0 20px 0 0;
}
.tabs > ul > li > a {
    text-decoration: none;
    color: rgba(49,49,49,0.4);
    font-size: 15px;
    display: block;
    text-align: center;
    outline: none;
    height: 30px;
    line-height: 30px;
}
.tabs > ul > li:last-child {
    margin-right: 0;
}
.tabs > ul > li:last-child > a {

}
.tabs > ul > li:hover > a,
.tabs > ul > li.ui-tabs-active > a {
    color: rgba(49,49,49,1);
}
.tabs > ul > li.ui-tabs-active {

}
.tabs > ul > li:hover > a,
.tabs > ul > li.ui-tabs-active > a {}
.ui-tabs-panel {
    clear: both;
    padding: 30px 0;
}

/* Manualtabs */
.manualTabs {
    margin: 10px 0;
    padding: 0;
    list-style-type: none;
}
.manualTabs li {
    display: inline-block;
    float: left;
}
.manualTabs li a {
    display: block;
    background: #d5d5d5;
    color: #2B2C2D;
    text-align: center;
    padding: 5px 0;
    font-size: 15px;
    text-decoration: none;
    margin-top: 5px;
}
.manualTabs li.active a {
    background: #f2f2f2;
    padding: 10px 0;
    margin: 0;
}
.oneThird {
    width: 33%;
}
.oneHalf {
    width: 50%;
}

/*
 * Content
 */
#content {
    /*padding-bottom: 60px;*/
}
.contentWrapper {
    padding: 25px 50px;
    background: #f2f2f2;
    margin-bottom: 20px;
    position: relative;
}
.contentBorderLess .contentWrapper {
    padding: 0;
}
.contentBorderLess form {
    padding: 25px 20px 15px 50px;
}
.hasProducts {
    padding: 25px 50px 0 50px;
}
.onepixBottomMargin {
    margin-bottom: 1px;
}
.wineDetailView .contentWrapper {
    padding: 30px;
}

.pageoverview h2,
.pageoverview .contentWrapper {
    /*display: none;*/
}
.pagelandingpage h2 {
    display: none;
}


h2, h3 {    
    color: #373839;
    padding: 0;
    margin: 0;
    text-transform: none;
    font-size: 30px;
    line-height: 1;
    font-weight: 300;
}
h2, h3,
h2 a,
h3 a {
    text-decoration: none;
    color: #78b41f;
}

h2 {
    margin: 0 0 10px 0;
}

h2 .badge,
.contentTabs ul li .badge {
    position: relative;
    top: -6px;
    margin-left: 5px;
}
.contentTabs ul li .badge {
    top: -4px;
}

h3.date {
    font-size: 20px;
    margin-bottom: 5px;
}
h2.eventtitle {

}

p {
    font-size: 15px;
    line-height: 18px;
}

/*.contentWrapper ol, .contentWrapper ul {
    padding: 0 0 0 20px;
    list-style-type: none;
}
.contentWrapper li { 
    padding-left: 0; 
    text-indent: -.7em;
}
.contentWrapper li:before {
    content: "• ";
    color: #78b41f;
    display: inline-block;
}*/

#content .intro {
    margin: 0 0 30px 0;
}
#content .intro p {
    font-size: 18px;
    line-height: 21px;
    color: #464747;
}
#content .header {
    margin: 0 0 30px 0;
    position: relative;
}
#content .hasProducts .header,
#content .hasProducts .headerSlider {
    margin: 0;
}
#content .headerImage {
    display: block;
}
#content.pagearticle .headerImage,
#content.winelistdetail .headerImage,
#content.pageevent .headerImage,
#content.pagereceipt .headerImage,
#content .hasProducts .headerImage,
#content .headerImageFullWidth .headerImage {
    margin-left: -50px;
    width: 760px;
}

#content .imageCopyright {
    font-size: 12px;
    margin: 0;
    padding: 2px 0px;
}
.pageoverview .header .imageCopyright,
#content .pageoverview .header .imageCopyright {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f2f2f2;
    color: #2B2C2D;
    display: none;
    padding: 2px 10px;
}
#content .hasProducts .imageCopyright {
    position: absolute;
    right: -40px;
    bottom: 30px;
    color: rgba(131,131,131,1);
    z-index: 200;
}
.pageoverview .header:hover .imageCopyright {
    display: block;
}

/*
 * Breadcrumb
 */
.breadcrumb {
    margin: 0 0 26px 0;
    padding: 0;
    list-style-type: none;
}
.breadcrumb li {
    float: left;
}
.breadcrumb li:after {
    content: '\0000a0>\0000a0';
}
.breadcrumb li:last-child:after {
    content: '';
}
.breadcrumb li a {
    text-decoration: none;
}
.breadcrumb li a,
.breadcrumb li:after {
    font-size: 12px;
    color: #bfc0c0;
}
.breadcrumb li a:hover {
    color: #2B2C2D;
}

/*
 * EventCalendar
 */
.eventCalendar {
    background: transparent url(../img/eventkalender/eventkalender_eventkalender-hintergrund.png) no-repeat 0 0;
    position: relative;
    width: 100%;
    height: 100%;
}
.day1,
.day2,
.day3,
.day4,
.day5,
.day6,
.day7,
.day8,
.day9,
.day10,
.day11,
.day12,
.day13,
.day14,
.day15,
.day16,
.day17,
.day18,
.day19,
.day20,
.day21,
.day22,
.day23,
.day24,
.day25,
.day26,
.day27,
.day28,
.day29,
.day30,
.day31,
.mon1,
.mon2,
.mon3,
.mon4,
.mon5,
.mon6,
.mon7,
.mon8,
.mon9,
.mon10,
.mon11,
.mon12 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.day1 {
    background: transparent url(../img/eventkalender/eventkalender_tag-1.png) no-repeat 0 0;
}
.day2 {
    background: transparent url(../img/eventkalender/eventkalender_tag-2.png) no-repeat 0 0;
}
.day3 {
    background: transparent url(../img/eventkalender/eventkalender_tag-3.png) no-repeat 0 0;
}
.day4 {
    background: transparent url(../img/eventkalender/eventkalender_tag-4.png) no-repeat 0 0;
}
.day5 {
    background: transparent url(../img/eventkalender/eventkalender_tag-5.png) no-repeat 0 0;
}
.day6 {
    background: transparent url(../img/eventkalender/eventkalender_tag-6.png) no-repeat 0 0;
}
.day7 {
    background: transparent url(../img/eventkalender/eventkalender_tag-7.png) no-repeat 0 0;
}
.day8 {
    background: transparent url(../img/eventkalender/eventkalender_tag-8.png) no-repeat 0 0;
}
.day9 {
    background: transparent url(../img/eventkalender/eventkalender_tag-9.png) no-repeat 0 0;
}
.day10 {
    background: transparent url(../img/eventkalender/eventkalender_tag-10.png) no-repeat 0 0;
}
.day11 {
    background: transparent url(../img/eventkalender/eventkalender_tag-11.png) no-repeat 0 0;
}
.day12 {
    background: transparent url(../img/eventkalender/eventkalender_tag-12.png) no-repeat 0 0;
}
.day13 {
    background: transparent url(../img/eventkalender/eventkalender_tag-13.png) no-repeat 0 0;
}
.day14 {
    background: transparent url(../img/eventkalender/eventkalender_tag-14.png) no-repeat 0 0;
}
.day15 {
    background: transparent url(../img/eventkalender/eventkalender_tag-15.png) no-repeat 0 0;
}
.day16 {
    background: transparent url(../img/eventkalender/eventkalender_tag-16.png) no-repeat 0 0;
}
.day17 {
    background: transparent url(../img/eventkalender/eventkalender_tag-17.png) no-repeat 0 0;
}
.day18 {
    background: transparent url(../img/eventkalender/eventkalender_tag-18.png) no-repeat 0 0;
}
.day19 {
    background: transparent url(../img/eventkalender/eventkalender_tag-19.png) no-repeat 0 0;
}
.day20 {
    background: transparent url(../img/eventkalender/eventkalender_tag-20.png) no-repeat 0 0;
}
.day21 {
    background: transparent url(../img/eventkalender/eventkalender_tag-21.png) no-repeat 0 0;
}
.day22 {
    background: transparent url(../img/eventkalender/eventkalender_tag-22.png) no-repeat 0 0;
}
.day23 {
    background: transparent url(../img/eventkalender/eventkalender_tag-23.png) no-repeat 0 0;
}
.day24 {
    background: transparent url(../img/eventkalender/eventkalender_tag-24.png) no-repeat 0 0;
}
.day25 {
    background: transparent url(../img/eventkalender/eventkalender_tag-25.png) no-repeat 0 0;
}
.day26 {
    background: transparent url(../img/eventkalender/eventkalender_tag-26.png) no-repeat 0 0;
}
.day27 {
    background: transparent url(../img/eventkalender/eventkalender_tag-27.png) no-repeat 0 0;
}
.day28 {
    background: transparent url(../img/eventkalender/eventkalender_tag-28.png) no-repeat 0 0;
}
.day29 {
    background: transparent url(../img/eventkalender/eventkalender_tag-29.png) no-repeat 0 0;
}
.day30 {
    background: transparent url(../img/eventkalender/eventkalender_tag-30.png) no-repeat 0 0;
}
.day31 {
    background: transparent url(../img/eventkalender/eventkalender_tag-31.png) no-repeat 0 0;
}
.mon1 {
    background: transparent url(../img/eventkalender/eventkalender_monat-1.png) no-repeat 0 0;
}
.mon2 {
    background: transparent url(../img/eventkalender/eventkalender_monat-2.png) no-repeat 0 0;
}
.mon3 {
    background: transparent url(../img/eventkalender/eventkalender_monat-3.png) no-repeat 0 0;
}
.mon4 {
    background: transparent url(../img/eventkalender/eventkalender_monat-4.png) no-repeat 0 0;
}
.mon5 {
    background: transparent url(../img/eventkalender/eventkalender_monat-5.png) no-repeat 0 0;
}
.mon6 {
    background: transparent url(../img/eventkalender/eventkalender_monat-6.png) no-repeat 0 0;
}
.mon7 {
    background: transparent url(../img/eventkalender/eventkalender_monat-7.png) no-repeat 0 0;
}
.mon8 {
    background: transparent url(../img/eventkalender/eventkalender_monat-8.png) no-repeat 0 0;
}
.mon9 {
    background: transparent url(../img/eventkalender/eventkalender_monat-9.png) no-repeat 0 0;
}
.mon10 {
    background: transparent url(../img/eventkalender/eventkalender_monat-10.png) no-repeat 0 0;
}
.mon11 {
    background: transparent url(../img/eventkalender/eventkalender_monat-11.png) no-repeat 0 0;
}
.mon12 {
    background: transparent url(../img/eventkalender/eventkalender_monat-12.png) no-repeat 0 0;
}


/*
 * Form
 */
#content form > div {
    display: block;
    clear: both;
    margin: 0 0 10px 0;
}
label {
    display: block;
    color: #2B2C2D;
    margin-bottom: 4px;
}
#content form {
    font-size: 15px;
}
#content form h2 {
    margin: 0 0 30px 0;
}
.inlinelabel {
    display: inline-block;
    width: 630px;
    float: right;
}
.loginFormCol .inlinelabel {
    width: 286px;
}
#content input[type="text"], #content input[type="password"], #content textarea,
#content input[type="text"]:focus, #content input[type="password"]:focus, #content textarea:focus,
#content input:-webkit-autofill, #content textarea:-webkit-autofill,
#content input:-webkit-autofill:focus, #content textarea:-webkit-autofill:focus {
    padding: 3px 8px;
    border: 1px solid #fff;
    background: #fff;
    color: #2B2C2D;
    font-size: 15px;
    width: 400px;
}
#content .fullWidthInput input[type="text"],
#content .fullWidthInput textarea {
    width: 640px;
}

#content input[type="text"]:focus, #content input[type="password"]:focus, #content textarea:focus {
    border: 1px solid #78b41f;
    outline: none;
}
#content input[type="file"] {
    border: none;
}
#content form .formrow {
    margin: 0 0 10px 0;
}
#content form .error label {
    color: red;
}
#content form .error input,
#content form .error textarea {
    border: 1px solid #b21818;
    background: #dcd1cd;
}
#content .registerForm input[type="text"],
#content .registerForm input[type="password"],
#content .loginForm input[type="text"],
#content .loginForm input[type="password"],
#content .oneHalf input[type="text"],
#content .oneHalf input[type="password"] {
    width: 260px;
}
#content .registerForm input[type="text"],
#content .registerForm input[type="password"],
#content .loginForm input[type="text"],
#content .loginForm input[type="password"],
#content .oneHalf input[type="text"],
#content .oneHalf input[type="password"] {
    width: 292px;
}


.formFieldHint,
.formFieldHint a {
    text-decoration: underline;
    font-size: 12px;
    color: #868686;
}

/*
 * Search form fields
 */
header .searchForm {
    margin-top: 58px;
}
.searchForm #searchstring,
.searchForm #searchsubmit,
#content .searchForm #searchstring,
#content .searchForm #searchsubmit {
    margin: 0;
    display: inline-block;
    float: left;
    height: 22px;
    line-height: 22px;
    border: none;
    padding: 0;
    margin: 0;
    outline: none;
}
.searchForm #searchstring,
#content .searchForm #searchstring {
    background: rgba(88,89,87,1);
    color: #fff;
    font-size: 14px;
    padding: 0 12px;
    width: 444px;
    border-radius: 11px 0 0 11px;
    -moz-border-radius: 11px 0 0 11px;
    -webkit-border-radius: 11px 0 0 11px;

}
.searchForm #searchsubmit,
#content .searchForm #searchsubmit {
    width: 32px;
    background: rgba(88,89,87,1) url(../img/evinum.png) no-repeat 0 -560px;
    border-radius: 0 11px 11px 0;
    -moz-border-radius: 0 11px 11px 0;
    -webkit-border-radius: 0 11px 11px 0;
}
#content .searchForm {
    margin-bottom: 30px;
}

/* Userwineeditform */
#content .userwineEditForm {
    margin-top: 40px;
}

/*
 * Footer
 */
footer {
    position: relative;
    float: left;
    width: 100%;
    background: #2b2c2d;
    height: 45px;
    line-height: 45px;
}
footer ul {
    margin: 0;
    padding: 0;
}
footer ul li {
    font-size: 14px;
    display: inline-block;
    margin: 0 18px 0 0;
}
footer ul li:first-child {
    margin-left: 18px;
}
footer ul li.flr {
    float: right;
} 
footer ul li a {
    text-decoration: none;
}
footer ul li,
footer ul li a {
    color: #6f6f6f;
}

footer,
#content {
    z-index: 100;
}



/*
 * Pagination
 */
.pagination {
    margin: 10px 0;
}
.pagination ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.pagination ul li {
    display: inline-block;
    float: left;
    text-indent: 0;
}
.pagination ul li:before {
    content: '';
    display: inline;
}
.pagination ul li span,
.pagination ul li a {
    display: block;
    padding: 0 4px;
    text-decoration: none;
}
.pagination ul li span,
.pagination ul li,
.pagination ul li a {
    font-size: 12px;
    line-height: 17px;
    font-weight: 300;
    color: #f2f2f2;
}
#allImages .pagination ul li span,
#allImages .pagination ul li,
#allImages .pagination ul li a {
    color: #2B2C2D;
}

.contentWrapper .pagination ul li span,
.contentWrapper .pagination ul li,
.contentWrapper .pagination ul li a {
    color: #2B2C2D;
}

.pagination ul li span {}
.pagination ul li:first-child,
.pagination ul li:last-child {
    background: transparent url(../img/evinum.png) no-repeat 0 -820px;
    width: 17px;
    height: 17px;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
}
.pagination ul li:last-child {
    background-position: -17px -820px;
}
.pagination ul li.disabled:first-child {
    background-position: 0 -837px;   
}
.pagination ul li.disabled:last-child {
    background-position: -17px -837px;   
}


/* Teaser */
.teaser, #content .teaser,
.themenTeaser, #content .themenTeaser,
.textTeaser, #content .textTeaser {
    /*width: 240px;*/
    height: 240px;
    background: #2b2c2d;
    float: left;
    /*margin: 0 10px 10px 0;*/
    margin-bottom: 20px;
    text-align: center;
    font-size: 10px;
    color: #999;
    position: relative;
    overflow: hidden;
}
.teaserHasLink {
    cursor: pointer;
}
#content .inlineTeaser {
    height: auto;
    text-align: left;
    cursor: auto;
    background: #f2f2f2;
}
.inlineTeaserInner {
    margin: 0 50px;
}

.themenTeaser h2, #content .themenTeaser h2,
.teaser h2, #content .teaser h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
}
.teaser h2, #content .teaser h2 {
    background: rgba(0,0,0,0.75);
    font-weight: 300;
    height: 40px;
    line-height: 40px;
}
.teaser p, #content .teaser p,
.themenTeaser p, #content .themenTeaser p {
    position: relative;
    /*display: none;*/
}
.teaser h2, #content .teaser h2,
.themenTeaser h2, #content .themenTeaser h2,
.teaser p, #content .teaser p,
.themenTeaser p, #content .themenTeaser p {
    z-index: 202;
}
.themenTeaser h2, #content .themenTeaser h2 {
    font-weight: 200;
    bottom: 20px;
}
.teaser h2 a, #content .teaser h2 a,
.themenTeaser h2 a, #content .themenTeaser h2 a {
    font-size: 17px;
    font-weight: 300;
    text-decoration: none;
    color: #f2f2f2;
}
.teaser img, #content .teaser img,
.themenTeaser img, #content .themenTeaser img {
    max-width: 100%;
    z-index: 200;
    position: absolute;
    top: 0;
    left: 0;
}
.teaser img.omo, #content .teaser img.omo,
.themenTeaser img.omo, #content .themenTeaser img.omo {
    z-index: 201;
    display: none;
}
.articleTeaser img, #content .articleTeaser img,
.articleTeaser img, #content .articleTeaser img {
    position: relative;
    top: auto;
    left: auto;
}
.textTeaser h2, #content .textTeaser h2 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 300;
    text-align: left;
    margin: 26px;
    color: #f2f2f2;
    text-transform: none;
}
.textTeaser h2 span, #content .textTeaser h2 span {
    color: rgba(100,150,25,1);
}
.themenTeaser h2, #content .themenTeaser h2 {
    background: transparent;
    line-height: 1;
    height: auto;
}
/* ImageTeaser */
.imageTeaser h2 {
    display: none;
}
/* ThemenTeaser */
.themenTeaser {}
.themenTeaser h2 {
    background: transparent;
}
/* AdTeaser */
.adTeaser {
    overflow: hidden;
}
.grid_1.adTeaser {
    height: 240px;
}

/* ProductTeaser */
.productTeaser {
    position: relative;
}
.productTeaserWrapper {
    position: relative;
}
.productTeaserWrapper a {
    display: block;
    width: 240px;
    height: 240px;
    position: relative;
}
.productTeaserWrapper .productImageWrapper {
    width: 100px;
    height: 100px;
    overflow: hidden;
    display: block;

    border-radius: 4px;
    border: 1px solid rgba(143,143,143,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;

    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -100px;
}
.productTeaserWrapper .productImage {
    max-width: 100%;
}
.productTeaserWrapper .productPrice {
    color: #F2F2F2;
    font-size: 15px;
    font-weight: 100;
    display: block;
    margin: 0;
    padding: 4px 0 0 0;
    position: absolute;
    bottom: 10px;
    width: 100%;

}
.productTeaserWrapper .productTitle {}
.productTeaserWrapper .productDataWrapper {
    left: 0;
    bottom: 0;
    text-align: center;
    padding: 8px 0;
    background: #404040;
    height: 80px;
    width: 100%;
}
.productTeaserWrapper .productImageWrapper,
.productTeaserWrapper .productDataWrapper {
    position: absolute;
}
.headerProductHeader {
    font-size: 28px;
    font-weight: 100;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #f2f2f2;
    line-height: 56px;
    width: 660px;
    margin-left: -50px;
    background: rgba(0,0,0,0.75);
    padding: 0 50px;
    z-index: 100;
}
.headerProductHeader strong {
    color: #78b41f;
    font-weight: 100;
}
.userWinelistTeaserInner {
    text-align: center;
    width: 240px;
    height: 240px;
}
.userWinelistTeaserInner span {
    display: block;
    font-size: 40px;
    font-weight: 100;
    color: #f2f2f2;
    position: absolute;
    width: 100%;
}
.userWinelistTeaserInner span.top {
    top: 20px;
}
.userWinelistTeaserInner span.bottom {
    bottom: 20px;
}
.userWinelistTeaserInner img {
    top: 50%;
    left: 50%;
    margin-left: -42px;
    margin-top: -42px;
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    border-radius: 43px;
}
.userWinelistTeaserInner:hover img {
    border: 2px solid #78b41f;
    margin-left: -44px;
    margin-top: -44px;
}

/* Teaser 2x height */
.teaserx2 {
    height: 500px;
}
.floatL {
    float: left;
}
.floatR {
    float: right;
    margin-right: 20px;
}

#content.floatR {
    margin-right: 20px;
}

/* Login page stuff */
.loginFormCol {
    background: #e0e0e0;
}
.loginHintCol {
    text-align: center;
}
.loginHintCol h2 {
    font-size: 28px;
    margin: 0 50px;
    position: absolute;
    left: 0px;
    top: 108px;
}
.registerPage .loginHintCol h2 {
    top: 108px;
}
.loginFormCol,
.loginHintCol {
    height: 380px;
    overflow: hidden;
    position: relative;
}
.registerPage .loginFormCol,
.registerPage .loginHintCol {
    height: 670px;
}
.fbButton {
    position: absolute;
    top: 254px;
    left: 50%;
    margin-left: -130px;
    background: transparent url(../img/evinum.png) no-repeat 0 -1618px;
    width: 260px;
    height: 26px;
}
.registerPage .fbButton {
    top: 576px;
}
.regSwitchIcon {
    position: absolute;
    left: 50%;
    margin-left: -51px;
    top: 245px;
    display: block;
    width: 102px;
    height: 45px;
    background: transparent url(../img/evinum.png) no-repeat 0 -1554px;
}
.registerPage .regSwitchIcon {
    top: 566px;
}


/*
 * Content Teaser
 */
.contentTeaser, #content .contentTeaser {
    margin-bottom: 20px;
    height: 240px;
}
.contentTeaser h2, #content .contentTeaser h2 {
    margin: 34px 26px 20px 26px;
    font-size: 32px;
    font-weight: 100;
    color: #78b41f;
}
.contentTeaser p, #content .contentTeaser p {
    margin: 0 26px 24px 26px;
    color: #d8d8d8;
    font-size: 15px;
    font-weight: 300;
    line-height: 20px;
}

/* ArticleTeaser */
#content .articleTeaser {
    height: auto;
}
#content .articleTeaser,
#content .articleTeaser h2 {
    background: #f2f2f2;
}

#content .articleTeaser h2 {
    position: relative;
    top: auto; left: auto; bottom: auto; right: auto;

    font-size: 21px;
    line-height: 28px;
    height: auto;

    width: auto;
}
#content .articleTeaser p {}

#content .articleTeaser h2,
#content .articleTeaser p {
    text-align: left;
    margin: 30px 20px 20px 20px;
    color: #2B2C2D;
}
#content .articleTeaser h2 a {
    color: #2B2C2D;
}
#content .articleTeaser p.imageCopyright {
    display: none;
}

/*
 * Social Navigaiton
 */
#socialNav {
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: none !important;
}
#socialNav p {
    font-size: 14px;
    color: #bebdbd;
}
.social {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 5px;
}
.socialFB {
    background: transparent url(../img/evinum.png) no-repeat 0 -745px;
}
.socialFB:hover {
    background: transparent url(../img/evinum.png) no-repeat 0 -781px;
}
.socialTW {
    background: transparent url(../img/evinum.png) no-repeat -36px -745px;
}
.socialTW:hover {
    background: transparent url(../img/evinum.png) no-repeat -36px -781px;
}

/*
 * Profile
 */
.profileImage {
    background: transparent url(../img/evinum.png) no-repeat 0 -975px;
    width: 250px;
    height: 250px;
    display: block;
}
.friendsList .profileImage,
.profileView .profileImage {
    background: transparent url(../img/evinum.png) no-repeat -500px -975px;
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 15px;
}
.friendsList .hasImage,
.profileView .hasImage,
.myProfile .hasImage {
    background: none;
}
.friendsList .profileImage h3,
.profileView h2 {
    font-size: 18px;
    font-weight: 300;
    color: #313131;
    line-height: 1;
    text-transform: none;
    padding-right: 20px;
    margin: 0 0 10px 0;
}
.friendsList .profileImage p,
.profileView p {
    margin: 0 0 10px 0;
    color: rgba(131,131,131,1);
}
.friendsList .profileImage h3,
.friendsList .profileImage p,
.profileView h2,
.profileView p {
    margin-left: 120px;
}
.profileImageProfileMode {
    display: block;
    margin: 0 0 10px 0;
}

.factDataList {}
.factDataList dt,
.factDataList dd {
    display: inline-block;
    float: left;
}
.factDataList dt {
    font-weight: 400;
    width: 110px;
    clear: both;
    margin: 0 0 10px 0;
}
.factDataList dd {}

/*
 * FriendRequestList
 */
.friendRequestList {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.friendRequestList li {
    line-height: 26px;
}
.friendRequestList li a.tool {
    float: right;
}

/*
 * Badges
 */
.badge {
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;

    display: inline-block;
    padding: 2px 10px;
    font-size: 11px;
    font-weight: 300;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
    text-decoration: none;
}
.notifyBadge {
    background-color: #78b41f !important;
}
.toolBar .notifyBadge {
    float: left;
    position: relative;
    top: 4px;
    margin: 0 5px;
}
#navigation > li > a .notifyBadge,
#navigation > li.active > a .notifyBadge {
    padding: 2px 10px;
    margin-left: 5px;
    position: relative;
    top: -1px;
}

/*
 * Errors
 */
#errors {
    margin-bottom: 20px;
}
#errors ul {
    margin: 20px 0;
    padding: 0;
}
#errors ul li {
    list-style-type: none;
    font-size: 15px;
}

/*
 * Slider
 */
.rhino-container {
    position: relative;
    float: right;
    margin-right: 0 !important;
}
.teaserSlider {
    background: transparent url(../img/slider/slider1.jpg) no-repeat 0 0;
}
.rhinoActive {
    background: none;
}

/*
 * DottedLine
 */
.dottedLine {
    background: transparent url(../img/evinum.png) no-repeat right -920px;
    height: 3px;
    margin: 50px 0 40px;
}

/*
 * Special page cases
 */
.essen-und-trinken .contentWrapper {
    display: none;
}

/*
 * ContentTabs
 */
.contentTabs {
    position: relative;
    z-index: 100;
}
.contentTabs ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.contentTabs ul li {
    display: inline-block;
    float: left;
}
.contentTabs ul li a {
    display: block;
    background: #bfc1c0;

    margin-top: 2px;
    padding: 18px 30px;

    text-decoration: none;
    font-size: 26px;
    line-height: 1;
    font-weight: 200;
    color: #f3f1f2;

    text-align: center;
}
.contentTabs ul li.active {

}
.contentTabs ul li.active a {
    background: #f3f1f2;

    color: #78b41f;

    margin: 0;
    padding: 20px 30px;
}

.contentTabsFlyout {
    /*background: #f3f1f2 url(../img/evinum.png) repeat-x 0 -1280px;*/
    background: #f3f1f2;

    position: relative;

    top: -7px;
    position: relative;
    /*margin: 0 10px 20px 10px;*/
    margin: 0 0 20px 0;
    z-index: 99;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;

    padding: 20px 30px 10px 30px;
}
.contentTabsFlyoutInnerSection {
    padding: 20px 0;
}
.contentTabsFlyoutInnerSection:first-child:after {
    content: '';
    display: block;
    background: transparent url(../img/evinum.png) no-repeat right -920px;
    height: 3px;
}
.contentTabsFlyoutActive {}
.contentTabsFlyoutOpener {
    display: block;
    text-decoration: none;
    text-align: center;
    margin-bottom: 10px;
}
.contentTabsFlyout .moreButton {
    position: absolute;
    bottom: -8px;
    left: 350px;

    background-position: -320px -765px;
}
.contentTabsFlyoutActive .moreButton {
    background-position: -140px -765px;   
}
.contentTabsFlyoutInner {
    display: none;
}
.contentTabsFlyoutActive .contentTabsFlyoutInner {
    display: block;
}
.contentTabsFlyoutActive .contentTabsFlyoutOpener {
    display: none;
}
#content .contentTabsFlyoutInnerSection input[type="text"], #content .contentTabsFlyoutInnerSection input[type="password"], #content .contentTabsFlyoutInnerSection textarea {
    width: 680px;
}
#content .inviteForm input[type="text"], #content .inviteForm textarea {
    width: 640px;
}

#content .inviteForm textarea:first-line {
    font-style: italic;
}


.friendRequestFlyout {}


.wineBuy {}
.wineBuy ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.wineBuy ul li {
    padding-top: 24px;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 15px;
}
.wineBuy .dottedLine {
    clear: both;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
}
.wineBuy ul li:last-child .dottedLine {
    display: none;
}
.cproductImg {
    width: 120px;
    float: left;
}
.cproductData {
    width: 390px;
    float: left;
    margin-right: 30px;
}
.cproductProvider {}

.productImgLink {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
    display: block;
}
.cproductImg a {
    border-radius: 4px;
    border: 1px solid rgba(143,143,143,1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;

    max-width: 100%;
}
.productDate {
    font-size: 12px;
    color: #bfc0c0;
}
.buyButton {
    background: transparent url(../img/evinum.png) no-repeat -2px -1383px;
    width: 140px;
    height: 34px;
    display: block;
    margin: 20px 0 5px 0;
}
.buyButton:hover {
    background-position: -146px -1383px;
}
.productPrice {
    color: #2B2C2D;
    font-size: 22px;
    font-weight: 300;
    display: block;
    margin: 20px 0 0 0;
}
.productPricePerLiter {
    font-size: 11px;
    color: #444444;
}
.productTeaser .productPricePerLiter {
    color: #F2F2F2;
}

.listHeader {
    display: block;
    padding: 30px 30px 10px 30px;
    background: #78b41f;
    color: #F2F2F2;
    font-size: 20px;
    font-weight: 100;
}
.cprodPrice {
    width: 540px;
    text-indent: 120px;
    float: left;
}
.cprodShop {
    float: left;
}

/*
 * Advertising
 */
.adcontainer {
    overflow: hidden;
}
.adcontainerSkyRight {
    width: 120px;
    height: 600px;
    display: block;
    position: absolute;
    right: -120px;
    top: 230px;
}
.skyscraper160 {
    width: 160px;
    right: -160px;
}
.adcontainerTop {
    position: relative;
    height: 90px;
}
.adcontainerTop .zx_mediaslot {
    position: absolute;
    left: 50%;
    margin-left: -228px;
    height: 90px;
    width: 728px;
}
.adLess .adcontainerTop,
.adLess .adcontainerTop .zx_mediaslot {
    height: 14px;
}

.minimized .adcontainer {
    display: none;
}


/* ProductSlider */
.productSlider {
    position: relative;
    margin: 0 0 20px 0;
}
.productOverviewHint {
    position: absolute;
    top: -16px;
    right: 10px;
    font-size: 12px;
    font-weight: 100;
    color: #f2f2f2;
    text-transform: uppercase;
    line-height: 1;
}
.flyout .productOverviewHint {
    top: auto;
    bottom: 16px;
}
.productSlider ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 240px;
    overflow: hidden;
    position: relative;
}
.productSlider ul li {
    display: inline-block;
    float: left;
}
.productSlider .productTeaser {
    background: #2b2c2d;
}

/* HeaderSlider */
.headerSlider {
    width: 760px;
    height: 325px;
    left: -50px;
    position: relative;
    margin: 0 0 30px 0;
}
.headerSlider ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    /*height: 240px;*/
    height: 325px;
    overflow: hidden;
    position: relative;
}
.headerSlider ul li {
    display: inline-block;
    float: left;
    /*width: 760px;*/
    /*height: 365px;*/
}
.headerSlider ul li img {
    width: 760px;
    /*height: 365px;*/
}

/* Storewindow */
.pageproductad .contentWrapper {
    padding: 25px 30px;
}
.pageproductad .contentWrapper h2 {
    display: none;
}
.pageproductad .forSmallStoreWindow {}
.pageproductad .contentWrapper .breadcrumb,
.pageproductad .contentWrapper > h2 {
    margin-left: 20px;
}
.storewindow,
.storewindowSmall {
    position: relative;
}

.storewindow {
    border: 1px solid #79b41e;
    padding: 20px 0;
    background: #fff;
}
.storewindowSmall {}

.innerLeftCol {
    padding: 0 20px;
}

.storewindow .productinformation,
.storewindowSmall .productinformation {
    width: 458px;
    float: right;
    overflow: hidden;
}

.storewindow .productinformation .vintage,
.storewindowSmall .productinformation .vintage {
    display: block;
}
.storewindow .productinformation .vintage {
    font-size: 36px;
    line-height: 1;
    font-weight: 200;
    margin-bottom: 10px;
}
.storewindowSmall .productinformation .vintage {
    font-size: 16px;
    line-height: 1;
    font-weight: 200;   
}
.storewindow .productinformation h2,
.storewindowSmall .productinformation h2 {
    font-size: 26px;
    color: #2B2C2D;
    font-weight: 700;
    display: block;
}
.storewindowSmall .productinformation h2 {
    font-size: 15px;
    margin: 8px 0 15px 0;
}

.storeWindowHeaderImage,
.storeWindowProductImage {
    display: block;
}
.storeWindowHeaderImage {
    margin: 0 0 20px 0;
}
.storeWindowHeaderImageWithCopyright {
    margin: 0;
}
#content .storewindow .imageCopyright {
    text-align: right;
    padding-right: 20px;
}
.productadvantagelist {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.productadvantagelist li {
    margin-bottom: 10px;
    padding-left: 30px;
    padding-right: 10px;
    position: relative;
}
.productadvantagelist li:before {
    content: '';
    width: 30px;
    height: 18px;
    background: transparent url(../img/evinum.png) no-repeat 0 -1492px;
    position: absolute;
    left: 0;
    top: 1px;
}
.storewindowUpper {
    margin: 0 0 20px 0;
}

.storewindow .productinformation p,
.storewindowSmall .productinformation p,
.productadvantagelist li {
    font-size: 15px;
    line-height: 18px;
    color: #2B2C2D;
}

.priceteaser {
    border: 1px solid #999;
    padding: 16px;
    background: #fff;
    cursor: pointer;
}
.storewindowBig .priceteaser {
    margin: 0 0 0 20px;
    width: 160px;
}
.productofferprice,
.productprice {
    display: block;
    font-weight: 400;
}
.productofferprice {
    font-size: 34px;
    color: #78b41f;
}
.productprice {
    font-size: 24px;
    color: #444444;
}

.fullWidthImage {
	margin-left: -50px;
	width: 760px;
	display: block;
	overflow: hidden;
}

.customButton {
	background-color:#78b41f;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:14px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
.customButton:hover {
	background-color:#8ac730;
	text-decoration: none;
	color: #fff;
}

.winemakerLink {
	padding: 6px 18px;
	margin: 20px 0 5px 0;
}

.maintenance {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.maintenance img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -329px;
    margin-top: -254px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dppx) {
    /* Style adjustments for high resolution devices */
}

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dppx) {

}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}