/*
 * BASE ELEMENTS
 */

html{
    height:100%;
    margin:0;
    padding:0;
}
body{
    background-color:black;
    font-family:Arial, Helvetica, sans-serif;
    min-width:1002px;
    margin:0;
    padding:0;
    color: white;
    height: 100%;
}
a{
    text-decoration:none;
    color:black;
    outline: none;
}
.clear{
    clear:both;
}
ul,ol{
    clear:both;
    margin:0;
    padding:0;
}
li{
    list-style-type: none;
}
fieldset{
    border: none;
    margin: 0;
    padding: 0;
}

object{
 outline: none;
 -moz-outline-style: none;
}

/**
 *
 * BREITEN 
 * Alle DIVs mittig setzen, bis auf #movie
 *
 **/
#header,#menu_inner_container,#properties,#teaser,#footer
{
    width:940px;
    margin-left:auto;
    margin-right:auto;
}


/**
 *
 * #movie: Container fuer #stage
 *
 **/
#movie
{
    position: absolute;
    top: 0px;
    z-index:10;
    width:100%;
}
#stage
{
    height: 470px;
    z-index:10;
    background: #202020;
    padding-top: 30px;
}
*+html #stage{
    margin-top: 0px;
}
#flash-stage{
    margin-top: -30px;
}


/**
 *
 * HEADER
 *
 **/
#header_container {
    height: 470px; /* 500 - 30 */
    /* z-index verdeckt stage im Firefox, daher nur im IE angeben */
    _z-index: 30;
}
*+html #header_container {
    z-index: 30;
}
#header {
    z-index: 400;
    position: relative;
    height: 30px;
    top: -417px;
    z-index: 200;
    width: 991px;
}


#header_container #header #login_error_container{
    position: absolute;
    margin-top: -20px;
    margin-left: 210px;
    z-index: 180;
    color: #000;
    font-size: 11px;
    height: 40px;
    width: 680px;
    overflow: hidden;
}
#header_container #header #login_error{
    
    width: 650px;
    height: 40px;
    
    margin-top: -40px;
    
    padding: 9px 30px;
    
    background: url(/resources/images/mein_warsteiner/fehlermeldung_login_shadow.png) no-repeat 0 0px;
}
#header_container #header #login_error p{
    float: left;
    width: 625px;
    margin: 0;
}
#header_container #header #login_error span.close-button{
    
    display: block;    
    float: right;
    width: 24px;
    
}
#header_container #header #login_error span.close-button a{
    display: block;
    width: 20px;
    height: 20px;
}
#header_container #header #login_error span.close-button a span{
    position: absolute;
    width: 20px;
    height: 20px;
    
}
#bottom_container{
    width: 100%;
    background: url(/static/warsteiner.de/images/bg_bottom_plus_menu_shadow2.png) repeat-x 50% 0px;
    _background: url(/static/warsteiner.de/images/bg_bottom_plus_menu.jpg) repeat-x 50% 30px;
    z-index: 100;
    position: relative;
}

/**
 *
 * MENU
 *
 */
#menu_container{
    position: relative;
    height: 80px;
    z-index: 50;
}
#menu_inner_container{
    position: relative;
    z-index: 50;
}
#menu_container div.warsteiner_logo{
    float: left;
    z-index: 50;
    background:url("/static/warsteiner.de/images/logo_warsteiner.png") no-repeat;
    /* IE 6 */
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/static/warsteiner.de/images/logo_warsteiner.png');
    width: 166px;
    height: 166px;
    margin-top: -27px;
    position: absolute;
    left: 0;
}
#menu_container div.warsteiner_logo a{
    display: block;    
    width: 130px;
    height: 130px;
    margin: 15px 0 0 15px;
}

div.menu{
    float: left;
    padding-left: 170px;
    margin-top: 30px;
}
#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#nav a {
    display: block;
}
#nav li {
    float: left;
    padding-right: 19px;
}
ul#nav li a {

    background-image:url(/static/warsteiner.de/images/master_sprite.png);
    _background-image:url(/static/warsteiner.de/images/master_sprite.gif);
    background-position: 0px -1027px;
    display:block;
    float:left;
    height:36px;
    text-indent:-9999px;
}
/* Einzelne Buttons positionieren */
#nav li a.navbutton-c304e840-08aa-4c8b-9211-1f7dab2149f7{
    width: 109px;
}
#nav li:hover a.navbutton-c304e840-08aa-4c8b-9211-1f7dab2149f7, #nav li.sfhover a.navbutton-c304e840-08aa-4c8b-9211-1f7dab2149f7, #nav li.active a.navbutton-c304e840-08aa-4c8b-9211-1f7dab2149f7  {
    background-position: 0 -1064px;
}
#nav li a.navbutton-b23e35cb-7d8b-4984-bd05-5bf7ab619249{
    width: 116px;
    background-position: -128px -1027px;
}
#nav li:hover a.navbutton-b23e35cb-7d8b-4984-bd05-5bf7ab619249, #nav li.sfhover a.navbutton-b23e35cb-7d8b-4984-bd05-5bf7ab619249, #nav li.active a.navbutton-b23e35cb-7d8b-4984-bd05-5bf7ab619249  {
    background-position: -128px -1064px;
}
#nav li a.navbutton-5e159af2-4975-48df-9905-6829886477b1{
    width: 88px;
    background-position: -263px -1027px;
}
#nav li:hover a.navbutton-5e159af2-4975-48df-9905-6829886477b1, #nav li.sfhover a.navbutton-5e159af2-4975-48df-9905-6829886477b1, #nav li.active a.navbutton-5e159af2-4975-48df-9905-6829886477b1  {
    background-position: -263px -1064px;
}
#nav li a.navbutton-0f1ba027-2ea5-4407-bddd-d978614c97fd{
    width: 95px;
    background-position: -371px -1027px;
}
#nav li:hover a.navbutton-0f1ba027-2ea5-4407-bddd-d978614c97fd, #nav li.sfhover a.navbutton-0f1ba027-2ea5-4407-bddd-d978614c97fd, #nav li.active a.navbutton-0f1ba027-2ea5-4407-bddd-d978614c97fd  {
    background-position: -371px -1064px;
}
#nav li a.navbutton-b03ac9f7-9b7b-4050-8c24-6a3d2e98d93c{
    width: 162px;
    background-position: -488px -1027px;
}
#nav li:hover a.navbutton-b03ac9f7-9b7b-4050-8c24-6a3d2e98d93c, #nav li.sfhover a.navbutton-b03ac9f7-9b7b-4050-8c24-6a3d2e98d93c, #nav li.active a.navbutton-b03ac9f7-9b7b-4050-8c24-6a3d2e98d93c  {
    background-position: -488px -1064px;
}
#nav li a.navbutton-18a4538e-9e80-4266-8a65-a72eccf44653{
    width: 85px;
    background-position: -669px -1027px;
}
#nav li:hover a.navbutton-18a4538e-9e80-4266-8a65-a72eccf44653, #nav li.sfhover a.navbutton-18a4538e-9e80-4266-8a65-a72eccf44653, #nav li.active a.navbutton-18a4538e-9e80-4266-8a65-a72eccf44653  {
    background-position: -669px -1064px;
}

/**
 * SUBNAV
 */

#navigation{
    
    margin-top:400px;
    position:relative;
    display:block;
    
    }
ul, li{
    list-style-type:none;
    margin:0px;
    padding:0px;
    }
#navigation ul li {
    float:left;
    background: red;
    width:150px;
    height: 20px;
    margin:1px;
    }
#nav li ul li {
    text-indent: 0;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    float:none;
    cursor: pointer !Important;
    }
        
#nav .subnav{
        display:none;
        position:absolute;
        bottom:0px;
        width:180px;
        bottom: -30px;
        *bottom: 35px;
        padding: 45px 55px 0 54px !Important;
        margin-left:-54px !Important;
        background: transparent url(/resources/images/nav_d.png) no-repeat top left;
        _background: transparent url(/resources/images/nav_d.gif) no-repeat top left;
    }

ul.subnav li a { height : 16px; }

#nav li ul li a{
    background: none;
    border-top: 1px solid #838383;
    color: #FFF;
    text-indent: 0;
    height: 16px;
    background-position: 0 28px !Important;
    _background-position: 0 0px !Important;    
    width:173px;
    height: 16px;
    position:relative;
    padding: 6px 0 6px 6px;
    overflow: hidden;
}



/**
 *
 * TEASER
 *
 */
#teaser{
    /* position: relative; */
    /* IE6 muss hier schon Angaben zu .teaser-big haben */
    _height: 140px;
    _width: 984px;
    _margin-top: 35px;
    _left: 50px;

    /* IE6-Angaben zu small */
    _height: 48px;
    _width: 700px;
    _margin-top: 0px;
    _left: 30px;
    _position: relative;
}

/**
 *
 * TEASER-BIG
 *
 */
#teaser.teaser-big{
    clear: both;
    width: 984px;
    height: 140px;
    left: auto;
    margin-top: 35px;
}
/* BLOCK LINKS */
#teaser.teaser-big #buttonLeft{
    float: left;
}
#teaser.teaser-big #buttonLeft a{
    width: 64px;
    height: 140px;
    display: block;
    outline: none;

    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat -0px -139px;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -0px -139px;

}
#teaser.teaser-big #buttonLeft a:hover{
    background-position: -132px -139px;
}
/* BLOCK RECHTS*/
#teaser.teaser-big #buttonRight{
    float: left;
}
#teaser.teaser-big #buttonRight a{
    width: 64px;
    height: 140px;
    display: block;
    outline: none;

    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat -67px -139px;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -67px -139px;

}
#teaser.teaser-big #buttonRight a:hover{
    background-position: -199px -139px;
}


/* TEASER CONTAINER: Nur hier werden Teaser angezeigt */
div.teaser-big #teaser-entries-container{
    width: 856px;
    height: 140px;
    float: left;
    overflow: hidden;
    position: relative;

}

/* TEASER ENTRIES: Hier liegen alle Teaser drin / dieses DIV wird per JS verschoben */
#teaser.teaser-big #teaser-entries{
    height: 140px;
    position: relative;
}
/* TEASER ENTRY: Einzelner Teaser-Block mit Bild, Text, etc. */
#teaser.teaser-big div.teaser-entry{
    float: left;
    width: 428px;
    height: 138px;
    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat 0 0;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat 0 0;
}
#teaser.teaser-big div.teaser-entry div.teaser-entry-image{
    float: left;
    width: 134px;
    height: 80px;
    margin-top: 30px;
    margin-left: 25px;
    _margin-left: 12px;
    margin-right: 10px;

}
#teaser.teaser-big div.teaser-entry div.teaser-entry-info-container{
    float: left;
    width: 236px;
    height: 80px;
    margin-top: 29px;
    overflow: hidden;
}

#teaser.teaser-big div.teaser-entry h3{
    margin-top: 3px;
    margin-bottom: 8px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: normal;
    color: #BDBDBD;
    text-transform: uppercase;
}
#teaser.teaser-big div.teaser-entry h3 a{
    color: #BDBDBD;
}
#teaser.teaser-big div.teaser-entry p a{
    color: #636363
}
#teaser.teaser-big div.teaser-entry p a:hover {
    color: #EAD195;
}
#teaser.teaser-big div.teaser-entry p {
    margin: 0;
    font-size: 12px;
}
#teaser.teaser-big div.teaser-entry p.teaser-entry-info-text{
    color: #636363;
    /* height: 40px; */
    height: 42px;
    line-height: 14px;
    overflow: hidden;
}
#teaser.teaser-big div.teaser-entry p.teaser-entry-info-link a{
    color: #858585;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
}




/**
 *
 * TEASER-SMALL > Angaben fÔøOr kleine Version
 *
 */
#teaser.teaser-small{
    /* Angaben fÔøOr kleine Version */
    height: 48px;
    width: 700px;
    left: 50px;
    margin-top: 0px;
    position: relative;
}
/* BLOCK LINKS */
#teaser.teaser-small #buttonLeft{
    float: left;
}
#teaser.teaser-small #buttonLeft a{
    width: 40px;
    height: 48px;
    display: block;
    outline: none;
    /* Master-Sprite */
    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat -263px -135px;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -263px -135px;

}
#teaser.teaser-small #buttonLeft a:hover{
    background-position: -304px -135px;
}
/* BLOCK RECHTS*/
#teaser.teaser-small #buttonRight{
    float: left;
}
#teaser.teaser-small #buttonRight a{
    width: 40px;
    height: 48px;
    display: block;
    outline: none;
    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat -263px -179px;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -263px -179px;

}
#teaser.teaser-small #buttonRight a:hover{
    background-position: -304px -179px;
}

/* TEASER CONTAINER: Nur hier werden Teaser angezeigt */
#teaser.teaser-small #teaser-entries-container{
    width: 616px;
    height: 48px;
    float: left;
    overflow: hidden;
    position: relative;
}
/* TEASER ENTRIES: Hier liegen alle Teaser drin / dieses DIV wird per JS verschoben */
#teaser.teaser-small #teaser-entries{
    /* width wird per JS gesetzt */
    height: 140px;
    position: relative;
    overflow: hidden;
}
/* TEASER ENTRY: Einzelner Teaser-Block mit Bild, Text, etc. */
#teaser.teaser-small div.teaser-entry{
    float: left;
    width: 308px;
    height: 48px;
    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat 5px -279px;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat 5px -279px;
}
#teaser.teaser-small div.teaser-entry div.teaser-entry-image{
    display: none;
}
#teaser.teaser-small div.teaser-entry div.teaser-entry-info-container{
    width: 250px;
    margin-left: 27px;
    margin-top: 18px;
    overflow: hidden;
}
#teaser.teaser-small div.teaser-entry h3{
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #BDBDBD;
    text-transform: uppercase;
}

#teaser.teaser-small div.teaser-entry h3 a,
#teaser.teaser-small div.teaser-entry a{
    color: #BDBDBD;
}
#teaser div.teaser-entry h3 a:hover,
#teaser.teaser-small div.teaser-entry a:hover,
#teaser div.teaser-entry p.teaser-entry-info-link a:hover {
    color: #EAD195;
}

#teaser.teaser-small div.teaser-entry p {
    display: none;
}




/**
 *
 * FOOTER
 *
 **/
#footer{
}
#footer a{
    color: #444;
    text-transform: uppercase;
    font-size: 10px;
}
#footer ul{
    margin-left: 180px;
}
#footer ul li {
    float: left;
    padding: 0 15px;
    
    background: url("/static/warsteiner.de/images/master_sprite.png") no-repeat -643px -823px;
    _background: url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -643px -823px;
}
#footer ul li.first {
    background: none;
}
#footer .copyright{
    clear: both;
    
    width: 940px;

    height:0;
    padding:4px 0;
    
    text-align: center;
    font-size: 10px;
    color: #323232;
}






#header #properties
{
    background:url("/static/warsteiner.de/images/bg_mein_warsteiner.png") no-repeat 0 -1px;
    _background:url("/static/warsteiner.de/images/bg_mein_warsteiner.gif") no-repeat 0 -1px;
    
    height:420px;
    
    width:985px;
}
#header .options
{
    height:48px;
    width:985px;
    
    background:url("/static/warsteiner.de/images/bg_mein_warsteiner.png") no-repeat 3px -420px;
    _background:url("/static/warsteiner.de/images/bg_mein_warsteiner.gif") no-repeat 3px -420px;
    color:#fff;
    font-weight:lighter;
    font-size:.8em;
    z-index:400;
    
    
    
}


#header ol li#slider{
    padding: 5px;
    margin: 5px;
    float: left;
    _padding:10px 0 0 0;
    _margin: 0;
}

#header .container_mywarsteiner_panel div#mywarsteiner-panel-login,
#header .container_mywarsteiner_panel div#login{
    float: left;
    width: 357px;
}
#header .container_mywarsteiner_panel div#mywarsteiner-panel-more{
    float: left;
    width: 140px;
    padding-top: 5px;
}
*+html #header .container_mywarsteiner_panel div#mywarsteiner-panel-more{
    padding-top: 6px;
}
#header .container_mywarsteiner_panel div#mywarsteiner-panel-more a{
    color: #C9C9C9;
    text-transform: uppercase;
    font-size: 10px;
    cursor:pointer;
}
#header .container_mywarsteiner_panel div#mywarsteiner-panel-more a:hover{
    color: #EAD195;
}
#header .container_mywarsteiner_panel div#mywarsteiner-panel-shop{
    float: left;
    width: 50px;
    height: 20px;
    padding-top: 4px;
    padding-left: 24px;
    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat -548px -887px;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -548px -887px;
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;

}
#header .container_mywarsteiner_panel div#mywarsteiner-panel-shop:hover{
    background-position: -548px -947px;
    color: #EAD195;
}
#header .container_mywarsteiner_panel div#mywarsteiner-panel-shop div {
    text-align:center;
    width:20px;
    color: #202020;    
}

#header .container_mywarsteiner_panel div#mywarsteiner-panel-search{
    float: left;
    width: 184px;
}
#header .container_mywarsteiner_panel div#button-header-search{
    float: right;
    display: inline;
}
#header .container_mywarsteiner_panel div.login-form-input,
#header .container_mywarsteiner_panel div.search-form-input{
    float: left;
}
#header .container_mywarsteiner_panel div.loggedin-name{
    float: left;
    padding: 5px 12px 0 0;
    color: #C8C8C8;
}

#header .container_mywarsteiner_panel div#button-header-login{
    float: left;
    display:inline;
    margin-top: 2px;
}

#header .container_mywarsteiner_panel div#mywarsteiner-panel-search div.submit_button{
    margin-top: 2px;
}
*+html #header .container_mywarsteiner_panel form#global-search input,
* html #header .container_mywarsteiner_panel form#global-search input{
    float: left;
}

#header .container_mywarsteiner_panel input[type=button],
#header .container_mywarsteiner_panel input[type=submit]
{
    display:none; !important;
}

input.hidden_submit
{
    display:none; !important;
}
/**
 *
 * HEADER > MYWARSTEINER
 *
 **/
span.loginform_input_container{
    height: 20px;
    _height: 30px;
    display: block;
    float: left;
    padding: 6px 12px 2px 6px;
    _padding: 4px 12px 2px 8px;
    width: 105px;
    
    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat -803px -844px;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -803px -846px;
}
*+html span.loginform_input_container{
    padding: 4px 12px 2px 8px;
}

.mywarsteiner-panel-input-text {
    
    position: relative;
    background: #222;
    height: 14px;

    border: none;
    
    color: #666;
    width: 95px;
}


div#mywarsteiner-panel-search {
    float: left;
}

ul#mywarsteiner-navigation
{
    list-style-type:none;
    width:940px;
    height:41px;
    margin:0 0 0 25px;
    padding:0;
}
ul#mywarsteiner-navigation li
{
    height:41px;
    float:left;
    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat;
    cursor:pointer;
    text-indent:-9999px;
    margin:0;
    padding:0;
    position: relative;
}
ul#mywarsteiner-navigation li#item-1
{
    width:180px;
    background-position: 0 -1228px;
}
ul#mywarsteiner-navigation li#item-1:hover{
    background-position:0 -1310px;
}
.mywarsteiner-navigation-active-item-1
{
    background-position:0 -1269px!important;
}

ul#mywarsteiner-navigation li#item-2{
    width:120px;
    background-position:-180px -1228px;
}
ul#mywarsteiner-navigation li#item-2:hover{
    background-position:-180px -1310px;
}
.mywarsteiner-navigation-active-item-2
{
    background-position:-180px -1269px!important;
}

ul#mywarsteiner-navigation li#item-3{
    width:175px;
    background-position:-300px -1228px;
}
ul#mywarsteiner-navigation li#item-3:hover{
    background-position:-300px -1310px;
}
.mywarsteiner-navigation-active-item-3
{
    background-position:-300px -1269px!important;
}



/* Version mit MEINE BESTELLUNGEN */


/*
ul#mywarsteiner-navigation li#item-4{
    width:190px;
    background-position:-475px -1228px;
}
ul#mywarsteiner-navigation li#item-4:hover{
    background-position:-475px -1310px;
}
.mywarsteiner-navigation-active-item-4
{
    background-position:-475px -1269px!important;
}

ul#mywarsteiner-navigation li#item-5{
    width:125px;
    background-position:-665px -1228px;
}
ul#mywarsteiner-navigation li#item-5:hover{
    background-position:-665px -1310px;
}
.mywarsteiner-navigation-active-item-5 {
    background-position:-665px -1269px!important;
}
ul#mywarsteiner-navigation li#item-last{
    width:150px;
    background-position:-790px -1228px;
}
ul#mywarsteiner-navigation li#item-last:hover{
    background-position:-790px -1310px;
}
*/


/* Version ohne MEINE BESTELLUNGEN */
ul#mywarsteiner-navigation li#item-4{
    width: 0px;
    display: none;
    background-position:-475px -1228px;
}
ul#mywarsteiner-navigation li#item-4:hover{
    background-position:-475px -1310px;
}
.mywarsteiner-navigation-active-item-4
{
    background-position:-475px -1269px!important;
}

ul#mywarsteiner-navigation li#item-5{
    width:125px;
    background-position:-475px -1228px;
}
ul#mywarsteiner-navigation li#item-5:hover{
    background-position:-475px -1310px;
}
.mywarsteiner-navigation-active-item-5 {
    background-position:-475px -1269px!important;
}
ul#mywarsteiner-navigation li#item-last{
    width:340px;
    background-position:-600px -1228px;
}
ul#mywarsteiner-navigation li#item-last:hover{
    background-position:-600px -1310px;
}




div#mywarsteiner-cnt {
    padding:25px;
}
div#mywarsteiner-loading {
    position:absolute;
    z-index: 1000;
    
    height: 376px;
    width:940px;
    margin-left: 25px;
    background: white;
    background-position:0 -38px;
}
div#mywarsteiner-loading img {
    margin-top:180px;
    margin-left:468px;
}
div#mywarsteiner-panel {
    margin-top:-11px;
}
div#mywarsteiner-panel div#mywarsteiner-logo {
    float:left;
    height:30px;
    width:190px;
    cursor:pointer;

    background: url("/static/warsteiner.de/images/master_sprite.png") no-repeat -782px -1032px;
    _background: url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -805px -1032px;
}
div#mywarsteiner-panel div#mywarsteiner-logo:hover {
    background-position: -782px -1069px;
}



/**
 *
 * LIGHTBOX
 *
 */

/**
 * se lightbox
 */
div#sebox-overlay{
    position:absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;
    background: #000;
    z-index:949;
    opacity: 0;
    filter:alpha(opacity=0);
}
div.sebox-container{
    width: 472px;
    height: 420px;
    padding-left: 24px;
    padding-top: 28px;
    position:absolute;
    z-index: 950;
    left:50%;
    top: 50%;
    margin-left: -248px;
    margin-top: -225px;
    background: url("/static/warsteiner.de/images/master_sprite.png") no-repeat 0 -557px;
    _background: url("/static/warsteiner.de/images/master_sprite.gif") no-repeat 0 -557px;
}

div.sebox-container-small{
    background-position: -504px -557px;
    height: 210px;
    padding-top: 22px;
}
div.sebox-container-big{
    background: url("/resources/images/bg_shop_lightbox.png") no-repeat 0 0;
    _background: url("/resources/images/bg_shop_lightbox.gif") no-repeat 0 0;
    
    height: 463px; /* 503 - padding */
    width: 840px;  /* 940 - padding */
    
    padding: 31px 40px 20px 60px;
    
    margin-left: -467px;
    margin-top: -255px;
}

div.sebox-container div#sebox-close {
    width: 30px;
    height: 30px;
    position:absolute;
    top: 10px;
    right: 10px;
    cursor:pointer;
}
div.sebox-container div#sebox-close img{
    _width: 30px;
    _height: 30px;
}

div.sebox-container #lightbox-content{
    color: #000;
    font-size: 14px;
    width: 450px;
}
div.sebox-container.sebox-container-big #lightbox-content{
    width: 841px;
    height: 442px;
}
div.sebox-container.sebox-container-big #lightbox-content div.iframe_container{
    width: 841px;
    height: 420px;
    
    display: none;
    
}
div.sebox-container #lightbox-content .lightbox-button-bottom-left{
    float: left;
}
div.sebox-container #lightbox-content .lightbox-button-bottom-right{
    float: right;
    padding-right: 20px;
}


div.sebox-container #lightbox-content div.header{
    font-family: Times, "Times New Roman", serif;
    font-size: 30px;
    color: #765829;
}
div.sebox-container #lightbox-content div.subheader_container{
    font-family: Times, "Times New Roman", serif;
    font-size: 30px;
    color: #000;
    overflow:hidden;
}
div.sebox-container #lightbox-content div.subheader_container-forgotpassword{
    /* margin-top: 8px; */
}
div.sebox-container #lightbox-content div.subheader_container div.subheader_left{
    float: left;
    width: 380px;
}
div.sebox-container #lightbox-content div.subheader_container div.subheader_left span{
    font-size: 20px;
}
div.sebox-container #lightbox-content div.subheader_container div.subheader_right{
    float: right;
    width: 40px;
    text-align: right;
    margin-right: 20px;
}
div.sebox-container #lightbox-content div.subheader_container-forgotpassword div.subheader_leftdiv.sebox-container
div.sebox-container #lightbox-content div.subheader_container-forgotpassword div.subheader_right{
    margin-right: 20px;
}

#content_container div.content-col-center table.table-form-forgotpassword a.info_box{
    margin-left: 2px;
}
#content_container table.table-form-forgotpassword td.infobox {
    width:34px;
    padding-left:15px;
}
#content_container form#change-password-form .form_submit-info-container{
    width: 355px;
}
#content_container form#change-password-form .form_submit-info-container .submit_button{
    float: right; 
}
#content_container form#change-password-form div.form_submit_info {
    width:230px;
}



/* REGISTER > LOGIN */
div.sebox-container #lightbox-content div.register_login_container{
    clear: both;
    border-bottom: 1px solid #807b62;
    margin-top: 30px;
    margin-bottom: 15px;
}
div.sebox-container #lightbox-content div.register_login_container-forgotpassword{
    height: 108px;
    _height: 102px;
    
    border-bottom: none;
    margin-top: 15px;
    margin-bottom: 15px;
    
    
}
/* IE7 */
*+html div.sebox-container #lightbox-content div.register_login_container-forgotpassword{
    height: 102px;
}
div.sebox-container #lightbox-content div.register_login_container-forgotpassword p{
    margin: 5px 0;
}

div.sebox-container #lightbox-content div.form-col-left{
    width: 225px;
    float: left;
    clear: both;
    margin-bottom: 6px;
}

*+html div.sebox-container #lightbox-content div.form-col-left input,
* html div.sebox-container #lightbox-content div.form-col-left input{
    float: left;
}
div.sebox-container #lightbox-content div.form-col-long{
    width: 450px;
    float: left;
    clear: both;
    margin: 4px 0;
}
div.sebox-container #lightbox-content div.form-col-long-select{
    width: 211px;
    margin-bottom: 6px;
}
div.sebox-container #lightbox-content div.form-col-right{
    width: 225px;
    margin-bottom: 6px;
    float: right;
}


div.sebox-container #lightbox-content div.register_form_container-step3 div.form-col-left{
    width: 220px;
}
div.sebox-container #lightbox-content div.register_form_container-step3 div.form-col-right{
    width: 227px;
    float: right;
}

div.sebox-container #lightbox-content a.small_link{
    font-size: 9px;
    color: #202020;
}
div.sebox-container #lightbox-content a.info_box{
    display: block;
    width: 14px;
    height: 14px;
    margin-top: 6px;
    margin-right: 4px;
    float: right;
    background: url(/static/warsteiner.de/images/master_sprite.png) no-repeat -349px -141px;
    _background: url(/static/warsteiner.de/images/master_sprite.gif) no-repeat -349px -141px;
}
div.sebox-container #lightbox-content .register_form_container a.info_box{
    margin-top: 6px;
    _margin-top: 6px;
}
*+html div.sebox-container #lightbox-content .register_form_container a.info_box{
    margin-top: 6px;
}
div.sebox-container #lightbox-content .register_form_container .form-col-right a.info_box {
    margin-top: 20px;
    _margin-top: 6px;
}
*+html div.sebox-container #lightbox-content .register_form_container .form-col-right a.info_box {
    margin-top: 6px;
}

div.sebox-container #lightbox-content a.info_box:hover{
    text-decoration: none;
}
div.sebox-container #lightbox-content a.info_box_small {
    display: inline;
    float: none;
    overflow: hidden;
}
div.sebox-container #lightbox-content input[type=text],
div.sebox-container #lightbox-content input[type=password],
div.sebox-container #lightbox-content select{
    width: 198px;
    padding-left: 3px;
    background: #eee;
    border: 1px solid #bbb;
    color: #686868;
    font-size: 10px;
    height: 14px;
    padding-top: 3px;
    margin-top: 2px;
}
* html div.sebox-container #lightbox-content input{
    width: 198px;
    padding-left: 3px;
    float: left;
    background: #eee;
    border: 1px solid #bbb;
    color: #686868;
    font-size: 10px;
    height: 14px;
    padding-top: 3px;
    margin-top: 2px;
}

* html div.sebox-container #lightbox-content input#general_clientdata_privacy,
* html div.sebox-container #lightbox-content input#general_clientdata_opt_in{
    width: auto;
    background: none;
    border: none;
}

div.sebox-container #lightbox-content select{
    padding-top: 0;
    height: 18px;
}
div.sebox-container #lightbox-content div.form-col-long select{
    width: 300px;
}
div.sebox-container #lightbox-content div.form-col-long input[type=text],
div.sebox-container #lightbox-content div.form-col-long input[type=password]
{
    width: 300px;
}
div.sebox-container #lightbox-content div.form-col-long input.checkbox{
    width: auto;
}

div.sebox-container #lightbox-content input.error,
div.sebox-container #lightbox-content select.error,
div.sebox-container #lightbox-content textarea.error,
div#se-shop-box div.se-shop-box-right select.error,
textarea#mywarsteiner_ideas_message.error{
    border: 1px solid #fe282a !important;
}
div.sebox-container #lightbox-content input[type=checkbox].error{
    outline:1px solid #FE282A !important;
}
div.sebox-container #lightbox-content label{
    font-size: 10px;
    color: #202020;
}
div.sebox-container #lightbox-content label.normal{
    font-size: 12px;
}
div.sebox-container #lightbox-content label.normal a{
    color: #6a562e;
}
div.sebox-container #lightbox-content div.submit_button_login{
    overflow: hidden;
    clear: both;
    margin-bottom: 30px;
    margin-top: 20px;
}
div.sebox-container #lightbox-content div.submit_button_login a.button{
    float: right;
}

div.sebox-container #lightbox-content div.register_navigation_bottom_left{
    float: left;
}
div.sebox-container #lightbox-content div.register_navigation_bottom_right{
    float: right;
}

#addtocart-message{
    padding-left:6px;
}

/* REGISTER > LOGIN */
div.sebox-container #lightbox-content div.register_form_container{
    clear: both;
    border-top: 1px solid #807b62;
    margin-top: 5px;
    padding-top: 17px;
    height: 285px;
    font-size: 12px;
}
div.sebox-container #lightbox-content div.register_form_container p.register_form_info_small{
    font-size: 9px;
}
div.sebox-container #lightbox-content select.day{
    width: 60px;
    margin-right: 8px;
}
div.sebox-container #lightbox-content select.month{
    width: 60px;
    margin-right: 8px;
}
div.sebox-container #lightbox-content select.year{
    width: 60px;
}

div.sebox-container #lightbox-content div.register_navigation_bottom_right div.submit_button{
    float: right;
}
div.sebox-container #lightbox-content div.form_submit_info{
    float: right;
    width: 250px;
    height: 30px;
    padding-right: 30px;
    margin-right:10px;
    font-size: 12px;
}
div.sebox-container #lightbox-content div.form_submit_loading{
    background: url(/resources/images/loader_grau.gif) no-repeat right 0px;
    display: none;
}
div.sebox-container #lightbox-content div.form_submit_error{
    background: url(/resources/images/mein_warsteiner/form_error.png) no-repeat right 0px;
    display: none;
}
div.sebox-container #lightbox-content div.form_submit_submitted{
    background: url(/resources/images/mein_warsteiner/form_submitted.png) no-repeat right 0px;
    display: none;
}







/**
 *
 * CONTENT: Header + 2 bzw. 3 Spalten
 *
 */
#content_container{
    width: 940px;
    height: 470px;
    margin: 0 auto;
    font-size: 12px;
    /* background: #222 url(/resources/images/tape_vertical.gif) no-repeat right top; */
    color: #E7E7E7;
}

/**
 * Content > Headerzeile
 */
div.content-top-header {
    float: left;
    height: 80px;
    width: 690px;
}
div.content-top-likepage {
    float: left;
    height: 40px;
    margin-top: 40px;
    font-size: 10px;
    color: #858585;
}
div.content-top-likepage span {
    width: 30px;
    height: 30px;
    padding-top: 16px;
    display: block;
    float: left;
}
div.content-top-likepage a{
    color: #858585;
    /*
    background: url(/resources/images/content/bg_button_likepage.png) no-repeat 0 2px;
    */
    background: url("/static/warsteiner.de/images/master_sprite.png") no-repeat -388px -204px;
    _background: url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -388px -204px;
    padding-left: 30px;
    height: 30px;
    display: block;
    float: left;
    padding-top: 2px;
    width: 80px;
}
div.content-top-likepage a:hover{
    color: #EAD195;
    background-position: -388px -237px;
}

div.content-top-tellafriend {
    float: left;
    height: 10px;
    margin-top: 40px;
    margin-left: 20px;
}
div.content-top-tellafriend a {
    font-size: 10px;
    color: #858585;
    text-transform: uppercase;
/*     background: url(/resources/images/content/bg_button_tellafriend.png) no-repeat 0 2px; */
    background: url("/static/warsteiner.de/images/master_sprite.png") no-repeat -388px -271px;
    _background: url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -388px -271px;
    padding-left: 30px;
    height: 10px;
    display: block;
    padding-top: 16px;
}
div.content-top-tellafriend a:hover{
    color: #EAD195;
    background-position: -388px -301px;
}

/**
 * Content > Headerzeile
 */
div.content-top-header h1{
    font-family: Times, "Times New Roman", serif;
    font-size: 30px;
    font-weight: normal;
    margin-top: 43px;
    margin-bottom: 0;
    margin-left: 15px;
}
div.content-top-header h1 span{
    color: #EAD195;
}

/**
 * Content > Spalten
 */
div.content-bottom-container{
    clear: both;
    height: 370px;
    padding-top: 20px;
}
#content_container .content-col{
    float: left;
}
#content_container .content-col-left{
    height: 370px;
    width: 220px;
    padding-left: 15px;
/*
    background: silver;
    background: #222 url(/resources/images/tape_vertical.gif) no-repeat right top;
*/
}

.content_container-1-cols .content-col-center{
    width: 940px;
    height: 370px;
}

.content_container-2-cols .content-col-center{
    width: 705px;
    height: 370px;
}
.content_container-3-cols .content-col-center{
    height: 370px;
    width: 440px;
    padding: 0 15px;
    _padding: 0 7px;
}
#content_container .content-col-right{
    width: 235px;
    height: 370px;
}



/**
 * Content > Inhalte
 */
/* Menue linke Spalte */
#content_container ul#content-nav li a{
    width: 180px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #838383;
}
#content_container ul#content-nav li.back a{
    color: #636363;
}
#content_container ul#content-nav li.active a,
#content_container ul#content-nav ul.subnav li.active a{
    color: #ead195;
}
#content_container ul#content-nav li.last a{
    border-bottom: none;
}

/* submenu */
#content_container ul#content-nav li li a,
#content_container ul#content-nav li.active li a{
    width: 150px;
    padding-left: 30px;
    color: #fff;
    font-size: 11px;
    border-bottom: none;
}
#content_container ul#content-nav li ul{
    border-bottom: 1px solid #838383;
    width: 180px;
}
#content_container ul#content-nav li a:hover,
#content_container ul#content-nav li li a:hover{
    color: #ead195;
}
/* Content > Text mit Bild */
#content_container div.content-col-center h2{
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 12px;
    color: #fff;
}
#content_container div.content-col-center p{
    font-size: 12px;
    margin: 0;
    line-height: 16px;
    margin-bottom: 12px;
    color: #E7E7E7;
}
#content_container div.content-col-center a{
    color: #E7E7E7;
    text-decoration: underline;
}

#content_container div.content-col-center a.info_box{
    display: block;
    width: 14px;
    height: 14px;
    margin-top: 6px;
    margin-right: 2px;
    float: left;
    background: url("/static/warsteiner.de/images/master_sprite.png") no-repeat -349px -141px;
    _background: url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -349px -141px;
}

span.content-img-left{
    float: left;
    margin-right: 10px;
}
span.content-img-right{
    float: right;
    margin-left: 10px;
}



/**
 *
 * CONTENT > FORMULARE
 *
 */ 
/* Tabellen */
#content_container table.table-form td {
    padding-bottom: 6px;
}
#content_container table.table-form-forgotpassword {
    margin: 20px 0;
}
#content_container table.table-form-contact td {
    width: 184px;
}
#content_container table.table-form-reservation td {
    width: 174px;
}
*+html #content_container table.table-form-contact td.col-textarea {
    width: 305px;
}
#content_container table.table-form-contact td.col-textarea {
    _width: 305px;
}
#content_container table.table-form-reservation td.infotext {
    _width: 345px;
}
*+html #content_container table.table-form-reservation td.infotext {
    width: 345px;
}
#content_container table.table-form-reservation td.date-field-fixed-height {
    height: 37px;
    vertical-align: top;
}
/* Formularfelder */
#content_container table.table-form label {
    font-size: 10px;
    color: #C7C7C7;
}
#content_container input,#content_container select,#content_container textarea {
    float: left;
    padding-left: 10px;
    background: #202020;
    border: 1px solid #636363;
    color: #C7C7C7;
    font-size: 10px;
    padding-top: 4px;
    margin-top: 2px;
    font-family: Arial, Helvetica, sans-serif;
}
#content_container input,#content_container select {
    width: 154px;
    height: 14px;
}
#content_container textarea {
    width: 291px;
    height: 129px;
    overflow: auto;
}
#content_container table.table-form-reservation textarea {
    width: 327px;
}
*+html #content_container input {
    float: left;
}
#content_container div.formularfelder select {
    height: 22px;
    padding: 2px 2px 2px 0px;
    width: 166px;
}
#content_container input.error,#content_container select.error,#content_container textarea.error {
    border: 1px solid #fe282a;
}
#content_container div.formularfelder select.day {
    width: 48px;
    margin-right: 10px;
}
#content_container div.formularfelder select.month {
    width: 48px;
    margin-right: 10px;
}
#content_container div.formularfelder select.year {
    width: 48px;
}
#content_container div.formularfelder select.hour {
    width: 78px;
    margin-right: 10px;
}
#content_container div.formularfelder select.minute {
    width: 78px;
}
#content_container .form_submit-info-container-right {
    margin-right: 30px;
}
#content_container .form_submit-info-container-right div.submit_button {
    float: right;
}
#content_container div.form_submit_info {
    float: right;
    width: 280px;
    height: 30px;
    padding-right: 30px;
    margin-right: 10px;
}
#content_container div.form_submit_loading {
    background: url(/resources/images/mein_warsteiner/form_loading.gif) no-repeat right 0px;
    background: url(/resources/images/loader_gold.gif) no-repeat right 0px;
    display: none;
}
#content_container div.form_submit_error {
    background: url(/resources/images/mein_warsteiner/form_error.png) no-repeat right 0px;
    display: none;
}
#content_container div.form_submit_submitted {
    background: url(/resources/images/mein_warsteiner/form_submitted.png) no-repeat right 0px;
    display: none;
}




/* Pager */
#content_container div.content-col-center div.content-pager a {
    color: #E7E7E7;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
}
#content_container div.content-col-center div.content-pager a:hover {
    color:#EAD195;
}
div.content-pager a.back{
    display: block;
    float: left;
    background: url(/static/warsteiner.de/images/master_sprite.png) no-repeat -390px -140px;
    _background: url(/static/warsteiner.de/images/master_sprite.gif) no-repeat -390px -140px;
    padding-left: 12px;
}
div.content-pager a.back:hover{
    background-position: -390px -168px;
}

div.content-pager a.forth{
    display: block;
    width: 80px;
    text-align: right;
    float: right;
    background: url(/static/warsteiner.de/images/master_sprite.png) no-repeat -400px -154px;
    _background: url(/static/warsteiner.de/images/master_sprite.gif) no-repeat -400px -154px;
    padding-right: 12px;
}
div.content-pager a.forth:hover{
    background-position: -400px -182px;
}



/**
 *
 * CONTENT > SUCHERGEBNISSE / TERMINE
 *
 */
/* CHECKBOXEN */
div.listing-kategoriefilter-container div.listing-kategoriefilter-info{
    color:#858585;
    height: 36px;
    width: 220px;
    border-bottom: 1px solid #878787;
}
div.listing-kategoriefilter-container h5{
    margin-top: 10px;
    margin-bottom: 4px;
    font-weight: normal;
    color: #fff;
    font-size: 14px;
}
div.listing-kategoriefilter-checkboxes{
    color: #fff;
    line-height: 23px;
}
#content_container div.listing-kategoriefilter-checkboxes input{
    margin-right: 8px;
    width: auto;
    border: none;
background: none;
}
div.listing-kategoriefilter-checkboxes span.checked{
    color: #ead195;
}

/* LISTING */
div.listing ul li{
    border-top: 1px solid #878787;
    overflow: hidden;
    padding-top: 6px;
    height: 57px;
    _height: 54px;
}
*+html div.listing ul li{
    height: 54px;
}
div.listing ul li h5{
    margin: 0;
    font-weight: normal;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}
#content_container div.listing{
/*     background: blue; */
    height: 310px;
    width: 675px;
    margin-left: 30px;
    overflow: hidden;
    position: relative;
}
#content_container div.listing div.listing_container{
    position: relative;
    top: -7px;
}
#content_container div.listing ul li p{
    margin-bottom: 6px;
    color: #858585;
}

/* LISTING > SUCHERGEBNISSE */
div.listing-suchergebnisse ul li div.listing-col1{
    float: left;
    width: 465px;
}
div.listing-suchergebnisse ul li div.listing-col2{
    float: left;
    width: 85px;
    margin-left: 20px;
    text-align: center;
    margin-top: 14px;
    color: #858585;
}
div.listing-suchergebnisse ul li div.listing-col3{
    float: right;
    width: 95px;
    margin-top: 10px;
}
/* LISTING > TERMINE */
div.listing-termine ul li div.listing-col1{
    float: left;
    width: 143px;
    color: #fff;
}
div.listing-termine ul li div.listing-col1 span{
    color: #858585;
}
div.listing-termine ul li div.listing-col2{
    float: left;
    width: 370px;
}
div.listing-termine ul li div.listing-col3{
    float: right;
    margin-top: 10px;
}
#content_container div.listing-termine ul li div.listing-col2 a{
    color: #ead195;
    text-decoration: none;
    font-size: 10px;
    text-transform: uppercase;
}


/*
 * CONTENT > SUCHERGEBNISSE > PAGER
 */
#content_container div.pager_container{
/*     background: green; */
    height: 50px;
}
#content_container #pager{
    float: right;
}
#pager ul.pages {
    display:block;
    border:none;
    text-transform:uppercase;
    padding:0;
    color: #fff;
}
#pager ul.pages li {
    list-style:none;
    float:left;
    text-decoration:none;
    margin:0 5px 0 0;
    padding:5px;
}
#pager ul.pages li:hover {
/*     border:1px solid #003f7e; */
}
#pager ul.pages li.pgEmpty {
/*     color:#eee; */
}
#pager ul.pages li.pgNext {
    font-size: 10px;
}
#pager ul.pages li.pgCurrent {
    color:#EAD195;
}

/* MYWARSTEINER > BESTELLUNGEN > PAGER */
div.shopPager_container{
    float: right;
    margin-right: 27px;
    margin-top: 15px;
}
#mywarsteiner-cnt div.shopPager_container a{
    text-transform: uppercase;
    color: #000;
    margin-left: 10px;
    font-size: 10px;
}








/**
 *
 * BUTTON
 *
 * Button steht als normaler Link im DOM, Inhalt wird per Javascript gewrappt
 * z.B. <a href="#"><span><em>Buttontext</em></span></a>
 *
 */

a.button{
    float:left;
    text-decoration: none !important;
    outline: none;
    _position: relative;
    margin-left: 8px;
    cursor: pointer;
}
a.button span, a.button em {
    background:transparent url(/static/warsteiner.de/images/master_sprite.png) no-repeat scroll 0 -1595px;
    _background:transparent url(/static/warsteiner.de/images/master_sprite.gif) no-repeat scroll 0 -1595px;
}

a.button span {
    display:block;
    margin:0;
    padding:0 10px 0 0;
    background-position: right -1595px;
    color:#fff;
    _float: left;
}
a.button_shadow span{
    background-position: right -1693px;
}
a.button_gold span{
    background-position: right -1639px;
}
a.button_gold_shadow span{
    background-position: right -1737px;
}

a.button:hover span {
    background-position: right -1639px;
}
a.button_shadow:hover span {
    background-position: right -1737px;
}
a.button_gold:hover span{
    background-position: right -1595px;
}
a.button_gold_shadow:hover span{
    background-position: right -1693px;
}

a.button:active span {
    background-position: right -1661px;
}
a.button_shadow:active span {
    background-position: right -1759px;
}
a.button_gold:active span {
    background-position: right -1617px;
}
a.button_gold_shadow:active span {
    background-position: right -1715px;
}

a.button em {
    background-position: left -1595px;
    color:#C7C7C7;
    display:block;
    font-style:normal;
    font-weight:normal;
    margin:0 0 0 -9px;
    padding:1px 0 0 10px;
    _position: relative;
    _float: left;
    text-align: center;
    _overflow: hidden;
}
a.button_termin em{
    padding: 1px 0 0 28px;
}
a.button_shop em{
    padding: 1px 0 0 32px;
}
a.button_shadow em{
    background-position: left -1693px;
/*    color: #6b5730;*/
}
a.button_gold em{
    background-position: left -1639px;
    color: #6b5730;
}
a.button_gold_shadow em{
    background-position: left -1737px;
    color: #6b5730;
}
a.button_termin em{
    background-position: left -1499px;
}
a.button_shop em{
    background-position: left -1403px;
}

a.button:hover em {
    background-position: left -1639px;
    color: #6b5730;
}
a.button_shadow:hover em {
    background-position: left -1737px;
    color: #6b5730;
}
a.button_gold:hover em {
    background-position: left -1595px;
    color: #C7C7C7;
}
a.button_gold_shadow:hover em {
    background-position: left -1693px;
    color: #C7C7C7;
}
a.button_termin:hover em{
    background-position: left -1543px;
}
a.button_shop:hover em{
    background-position: left -1447px;
}

a.button:active em{
    background-position: left -1661px;
    padding-top: 2px;
    margin-bottom: -1px;
}
a.button_shadow:active em{
    background-position: left -1759px;
}

a.button_gold:active em{
    background-position: left -1617px;
}
a.button_gold_shadow:active em {
    background-position: left -1715px;
    padding-top: 1px;
    margin-bottom: 0px;
}
a.button_termin:active em{
    background-position: left -1565px;
}
a.button_shop:active em{
    background-position: left -1469px;
}

a.button em{
    font-size:10px;
    text-transform: uppercase;
    height:20px;
    height:21px;
    line-height:21px;
    _line-height:21px;
    white-space:normal;
}




/**
 *
 * MEIN WARSTEINER
 *
 */
/* Mein Warsteiner > Zweispaltigkeit */
#mywarsteiner-cnt #mywarsteiner_column_left{
    height: 330px;
    width: 165px;
    margin-left: 27px;
    _margin-left: 13px;
    float: left;
}
#mywarsteiner-cnt #mywarsteiner_column_left h1{
    font-size: 14px;
    font-weight: normal;
    margin-top: 0;
}
#mywarsteiner-cnt #mywarsteiner_column_right{
    height: 350px;
    width: 717px;
    margin-right: 15px;
    _margin-right: 7px;
    float: right;
}

/* Mein Warsteiner > Elemente, Bilder, Font, etc. */
#mywarsteiner-cnt{
    font-size: 12px;
    color: #636363;
}
#mywarsteiner-cnt a{
    color: #a38444;
}
#mywarsteiner-cnt a:hover{
    color: #202020;
    text-decoration: underline;
}

#mywarsteiner-cnt div.teaser_tabs a:hover{
    text-decoration: none;
}
#mywarsteiner-cnt a img{
    border: none;
}
#mywarsteiner-cnt #mywarsteiner_column_left h3{
    color: #212121;
    margin-top: 0;
    font-size: 16px;
    font-weight: normal;
}
#mywarsteiner-cnt #mywarsteiner_column_left .button_gold{
       margin-top: 8px;
       margin-bottom: 8px;
}


/**
 * Mein Warsteiner > TABS
 */
#mywarsteiner-cnt div.teaser_tabs {
    height: 32px;
}
#mywarsteiner-cnt div.teaser_tabs ul li {
    float: left;
    
    border-left: 1px solid #000;
    text-transform: uppercase;
    padding: 0 10px;
}
#mywarsteiner-cnt div.teaser_tabs ul li.first {
    border-left: none;
}
#mywarsteiner-cnt div.teaser_tabs ul li a{
    outline: none;
}
#mywarsteiner-cnt div.teaser_tabs ul li.active a{
    color: #202020;
}
#mywarsteiner-cnt .teaser_window{
    width: 700px;
    margin-left: 10px;
    height: 303px;
    float: left;
    overflow: hidden;
    position: relative;
}
#mywarsteiner-cnt .teaser_window .teaser_container{
    width: 2100px; /* default: 3x700 */
    height: 303px;
    position: relative;
}
#mywarsteiner-cnt .teaser_window .teaser_container .teaser_entry{
    float: left;
    
    width: 700px;
    height: 303px;
}

/**
 * MEIN WARSTEINER > MEIN PROFIL > FORMULAR
 */
#mywarsteiner-cnt .teaser_window .mywarsteiner-myprofil-form .teaser_entry div.mywarsteiner-myprofil-form_inner_container{
    padding-left: 10px;
    width: 707px;
}

div.mywarsteiner-myprofil-form div.description{
    float: left;
    width: 420px;
    height: 65px;
    padding-top: 20px;
}
div.mywarsteiner-myprofil-form div.mandatory_fields{
    float: right;
    width: 170px;
    margin-right: 40px;
    font-size: 10px;
    text-align: right;
    padding-top: 20px;
}
div.mywarsteiner-myprofil-form div.formularfelder{
    clear: both;
    height: 190px;
}
div.mywarsteiner-myprofil-form div.formularfelder a.info_box{
    display: block;
    width: 19px;
    height: 19px;
    margin-top: 3px;
    float: right;
    background: url(/static/warsteiner.de/images/master_sprite.png) no-repeat -348px -167px;
    _background: url(/static/warsteiner.de/images/master_sprite.gif) no-repeat -348px -167px;
}
#mywarsteiner-cnt div.mywarsteiner-myprofil-form div.formularfelder a.info_box:hover{
    text-decoration: none;
}
div.mywarsteiner-myprofil-form div.formularfelder div.form-col-left{
    width: 340px;
    float: left;
    clear: both;
    margin-bottom: 6px;
}
div.mywarsteiner-myprofil-form div.formularfelder div.form-col-long{
    width: 620px;
    float: left;
    clear: both;
}
div.mywarsteiner-myprofil-form div.formularfelder div.form-col-right{
    width: 350px;
    margin-bottom: 6px;
    float: right;
}

div.mywarsteiner-myprofil-form div.formularfelder div.form_submit-info-container{
    padding-top: 40px;
    clear: both;
}
div.mywarsteiner-myprofil-form div.form_submit-info-container-password{
    padding-top: 4px;
    clear: both;
}
div.mywarsteiner-myprofil-form  div.submit_button{
    width: 115px;
    padding-top: 3px;
    float: right;
    text-align: right;
    clear: both;
}
div.mywarsteiner-myprofil-form div.form_submit_info{
    float: right;
    width: 280px;
    height: 30px;
    padding-right: 30px;
    margin-right:10px;
}
div.mywarsteiner-myprofil-form div.form_submit-info-container div.form_submit_loading{
    background: url(/resources/images/loader_gold.gif) no-repeat right 0px;
    display: none;
}
div.mywarsteiner-myprofil-form div.form_submit-info-container div.form_submit_error{
    background: url(/resources/images/mein_warsteiner/form_error.png) no-repeat right 0px;
    display: none;
}
div.mywarsteiner-myprofil-form div.form_submit-info-container div.form_submit_submitted{
    background: url(/resources/images/mein_warsteiner/form_submitted.png) no-repeat right 0px;
    display: none;
}
div.mywarsteiner-myprofil-form div.form_submit-info-container div.submit_button-passwort{
    margin-top: 0px;
}

div.mywarsteiner-myprofil-form div.form_submit-info-container div.submit_button a.button_gold{
    float: right;
    margin-right: 34px;
}
div.mywarsteiner-myprofil-form div.formularfelder label{
    font-size: 10px;
    color: #202020;
}
div.mywarsteiner-myprofil-form div.formularfelder input,
div.mywarsteiner-myprofil-form div.formularfelder select{
    width: 302px;
    _float: left;
    
    padding-left: 10px;
    background: #eee;
    border: 1px solid #bbb;
    color: #686868;
    font-size: 10px;
    height: 14px;
    padding-top: 4px;
    margin-top: 2px;
}
*+html div.mywarsteiner-myprofil-form div.formularfelder input{
    float: left;
}
div.mywarsteiner-myprofil-form div.formularfelder input.error,
div.mywarsteiner-myprofil-form div.formularfelder select.error,
div.mywarsteiner-myprofil-form div.formularfelder textarea.error{
    border: 1px solid #fe282a;
}
div.mywarsteiner-myprofil-form div.formularfelder select{
    width: 310px;
    height: 22px;
    padding: 2px;
    padding-left: 10px;
}
div.mywarsteiner-myprofil-form div.formularfelder option{
    padding-left: 10px;
}
div.mywarsteiner-myprofil-form div.formularfelder select.day{
    width: 96px;
    margin-right: 10px;
}
div.mywarsteiner-myprofil-form div.formularfelder select.month{
    width: 96px;
    margin-right: 10px;
}
div.mywarsteiner-myprofil-form div.formularfelder select.year{
    width: 96px;
}
div.mywarsteiner-myprofil-form div.formularfelder input.mywarsteiner-panel-input-button{
    width: 80px;
}

div.mywarsteiner-myprofil-form div.formularfelder p#email_profile {
    width: 302px;
    margin-top: 7px;
    margin-left: 12px;
    font-size: 10px;
    display: block;
    float: left;
}

/**
 *
 * MEIN WARSTEINER > NEWSLETTER
 *
 */
div#mywarsteiner-cnt h2{
    height: 34px;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
}
div#mywarsteiner-cnt div.newsletter-entry-container{
    border-top: 1px solid #a5a5a5;
    clear: both;
    width: 690px;
}
div#mywarsteiner-cnt div.newsletter-entry-container-first{
    border-top: none;
    padding-top: 0;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-top{
    padding-top: 15px;
    padding-bottom: 15px;
    overflow: hidden;
}
div#mywarsteiner-cnt div.newsletter-container-first div.newsletter-entry-top{
    padding-top: 0px;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-top h3{
    float: left;
    width: 411px;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    padding-top: 2px;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-top h3.active{
    color: #35a10f;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-top a.button-openclose {
    display: block;
    float: left;
    width: 150px;
    height: 20px;
    outline: none;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-top a.button-open {
    background: url(/resources/images/mein_warsteiner/bg_button_newsletter_open.gif) no-repeat 0px 0px;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-top a.button-close {
    background: url(/resources/images/mein_warsteiner/bg_button_newsletter_close.gif) no-repeat 0px 0px;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-top a:hover{
    text-decoration: none;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-top div.button-bestellen{
    float: left;
    width: 120px;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-top div.button-bestellen a{
    float: right;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-bottom{
    clear: both;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-bottom div.newsletter-entry-bottom-image{
    float: left;
    width: 200px;
}
div#mywarsteiner-cnt div.newsletter-container div.newsletter-entry-bottom div.newsletter-entry-bottom-text{
    float: left;
    width: 485px;
}


/**
 *
 * MEIN WARSTEINER > IDEEN
 *
 */
div#mywarsteiner-cnt div.ideen_container{
    height: 303px;
    background: url(/resources/images/mein_warsteiner/meine_ideen_image.jpg) no-repeat right 0px;
}
div#mywarsteiner-cnt div.ideen_container div.ideen_checkboxes_container{
    overflow: hidden;
    margin-bottom: 10px;
    width: 350px;
}
div#mywarsteiner-cnt div.ideen_container div.ideen_checkbox{
    float: left;
    width:95px;
    margin-bottom: 3px;
}
div#mywarsteiner-cnt div.ideen_container div.ideen_checkbox_4{
    clear: both;
}
div#mywarsteiner-cnt div.ideen_container div.ideen_checkbox_6{
    width: 150px;
}
div#mywarsteiner-cnt div.ideen_container div.ideen_textarea textarea{
    width: 372px;
    height: 135px;
    border: 1px solid #e1e1e1;
    background: #eee;
    padding: 8px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 20px;
}
div#mywarsteiner-cnt div.ideen_container div.ideen_submit {
    width: 388px;
}
div#mywarsteiner-cnt div.ideen_container div.ideen_submit a{
    float: right;
    margin-top: 3px;
}
div.ideen_container div.form_submit_info{
    float: right;
    width: 150px;
    height: 30px;
    padding-right: 30px;
    margin-right: 4px;
}

div.ideen_container div.form_submit_loading{
    background: url(/resources/images/loader_grau.gif) no-repeat right 0px;
    display: none;
}
div.ideen_container div.form_submit_error{
    background: url(/resources/images/mein_warsteiner/form_error.png) no-repeat right 0px;
    display: none;
}
div.ideen_container div.form_submit_submitted{
    background: url(/resources/images/mein_warsteiner/form_submitted.png) no-repeat right 0px;
    display: none;
}

div#mywarsteiner-cnt div.ideen_container div.mandatory_fields {
    width: 170px;
    margin-right: 40px;
    font-size: 10px;
    padding-bottom: 15px;
}

#meine-ideen-form {
 float: left;
 width: 390px;
}

/**
 *
 * MEIN WARSTEINER > MEINE BESTELLUNGEN
 *
 */
div#mywarsteiner-cnt div.listing-bestellungen-header{
    border-bottom: 1px solid #878787;
    padding-bottom: 15px;
    overflow: hidden;
    width: 690px;
}
div.listing-bestellungen-header div.listing-col{
    float: left;
    width: 90px;
}
div#mywarsteiner-cnt div.listing-bestellungen{
/*     background: blue; */
    height: 250px;
    width: 690px;
    /* margin-left: 30px; */
    overflow: hidden;
    position: relative;
}
div#mywarsteiner-cnt div.listing-bestellungen div.listing_container{
    position: relative;
    top: -1px;
}

/* LISTING > MEIN WARSTEINER > BESTELLUNGEN */
div.listing-bestellungen ul li {
    border-top:1px solid #878787;
    height:43px;
    overflow:hidden;
    padding-top:6px;
    color: #000;
}
div.listing-bestellungen ul li div{
    float: left;
    width: 80px;
    padding-top: 10px;
}
div.listing-bestellungen ul li div.listing-col1{
    width: 97px;
}
div.listing-bestellungen ul li div.listing-col2{
    width: 74px;
    padding-top: 0;
    margin-top: -5px;
}
div.listing-bestellungen ul li div.listing-col3{
    width: 179px;
}
div.listing-bestellungen ul li div.listing-col4{
    width: 69px;
}
div.listing-bestellungen ul li div.listing-col5{
    width: 73px;
}
div.listing-bestellungen ul li div.listing-col6{
    width: 73px;
}
div.listing-bestellungen ul li div.listing-col7{
    width: 122px;
}
/*HEADER */
div.listing-bestellungen-header div.listing-col1{
    width: 97px;
}
div.listing-bestellungen-header div.listing-col2{
    width: 74px;
}
div.listing-bestellungen-header div.listing-col3{
    width: 179px;
}
div.listing-bestellungen-header div.listing-col4{
    width: 69px;
}
div.listing-bestellungen-header div.listing-col5{
    width: 73px;
}
div.listing-bestellungen-header div.listing-col6{
    width: 73px;
}
div.listing-bestellungen-header div.listing-col7{
    width: 122px;
}
/*
div.listing-bestellungen ul li div.listing-col2{
    float: left;
    width: 85px;
    margin-left: 20px;
    text-align: center;
    margin-top: 14px;
    color: #858585;
}
div.listing-suchergebnisse ul li div.listing-col3{
    float: right;
    width: 95px;
    margin-top: 10px;
}

*/


div#mywarsteiner-cnt  div.pager_container{
/*     background: green; */
    margin-top: 20px;
    height: 50px;
    width: 690px;
}
div#mywarsteiner-cnt  #pager{
    float: right;
    color: #000;
}
div#mywarsteiner-cnt  #pager li{
    color: #202020;
}


/**
 * TOOLTIP
 */
div.tooltip_content_dynamic .top {
    height: 30px;
    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat -662px 0;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -662px 0;
}
div.tooltip_content_dynamic .middle  {
    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat -662px -30px;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -662px -30px;
    padding: 0 30px;
    font-size: 12px;
    color: #FFFFFF;
}
div.tooltip_content_dynamic .bottom {
    height: 37px;
    background:url("/static/warsteiner.de/images/master_sprite.png") no-repeat -662px -279px;
    _background:url("/static/warsteiner.de/images/master_sprite.gif") no-repeat -662px -279px;
}
div.tooltip_content_dynamic{
    background: none;
    _background: none;
    height: auto;
    width: 246px;
    position: absolute;
    z-index: 1000;
    display: none;
}

#lightbox-content iframe{
    width: 100%;
    height: 100%;
    
    border: none;
    
    background: transparent;
    background-color: transparent;
    
    overflow-x: hidden;
    overflow-y: auto;
    
}
#lightbox-content .iframe_button_container{
    display: none;
}

#lightbox-content #iframe_loader{
    width: 100%;
    height: 100%;
    background: url(/resources/images/loader_gold_grau.gif) no-repeat 50% 50%;
}


/**
 * image gallery
 */
div.microsite-image-gallery{
    width:256px;
    height:154px;
    overflow:hidden;
    position:relative;
}
div.microsite-image-gallery ul{
    position:absolute;
}
div.microsite-image-gallery ul li {
    float:left;
}
div.microsite-image-gallery ul li img#microsite-gallery-hover {
    position:absolute; 
    z-index:1000; 
    margin-top:110px;
    margin-left:-252px;
}

    
div.dark_rounded .pp_top .pp_left { background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } /* Top left corner */
    div.dark_rounded .pp_top .pp_middle { background: url(/resources/cms/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
    div.dark_rounded .pp_top .pp_right { background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } /* Top right corner */
    
    div.dark_rounded .pp_content { background: url(/resources/cms/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
    div.dark_rounded .pp_next:hover { background: url(/resources/cms/images/prettyPhoto/dark_rounded/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
    div.dark_rounded .pp_previous:hover { background: url(/resources/cms/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
    div.dark_rounded .pp_expand { background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
    div.dark_rounded .pp_expand:hover { background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
    div.dark_rounded .pp_contract { background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
    div.dark_rounded .pp_contract:hover { background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
    div.dark_rounded .pp_close { width: 75px; height: 22px; background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
    div.dark_rounded .currentTextHolder { color: #c4c4c4; }
    div.dark_rounded .pp_description { color: #fff; }
    div.dark_rounded .pp_arrow_previous { background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
        div.dark_rounded .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
    div.dark_rounded .pp_arrow_next { background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
        div.dark_rounded .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
    div.dark_rounded .pp_bottom .pp_left { background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } /* Bottom left corner */
    div.dark_rounded .pp_bottom .pp_middle { background: url(/resources/cms/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
    div.dark_rounded .pp_bottom .pp_right { background: url(/resources/cms/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } /* Bottom right corner */
    div.dark_rounded .pp_loaderIcon { background: url(/resources/cms/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
    /* ------------------------------------------------------------------------ DO NOT CHANGE------------------------------------------------------------------------- */
div.pp_pic_holder a:focus {
    outline: none;
}
div.pp_overlay {
    background: #000;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500;
}
div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000;
}
.pp_top {
    height: 20px;
    position: relative;
}
* html .pp_top {
    padding: 0 20px;
}
.pp_top .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_top .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_top .pp_middle {
    left: 0;
    position: static;
}
.pp_top .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.pp_content {
    height: 40px;
    position: relative;
    text-align: left;
    width: 100%;
}
.pp_content .pp_details {
    display: none;
    margin: 10px 15px 2px 20px;
}
.pp_description {
    display: none;
    float: left;
    margin: 0;
}
.pp_nav {
    float: left;
    margin: 3px 0 0 0;
}
.pp_nav p {
    float: left;
    margin: 2px 4px;
}
.pp_nav a.pp_arrow_previous,.pp_nav a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px;
}
.pp_hoverContainer {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
}
a.pp_next {
    background: url(/resources/images/prettyPhoto/light_rounded/btnNext.png) 10000px
        10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}
a.pp_previous {
    background: url(/resources/images/prettyPhoto/light_rounded/btnNext.png) 10000px
        10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%;
}
a.pp_expand,a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000;
}
a.pp_close {
    display: block;
    float: right;
    text-indent: -10000px;
}
.pp_bottom {
    height: 20px;
    position: relative;
}
* html .pp_bottom {
    padding: 0 20px;
}
.pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px;
}
.pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px;
}
* html .pp_bottom .pp_middle {
    left: 0;
    position: static;
}
.pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
}
.pp_loaderIcon {
    display: none;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px;
}
#pp_full_res {
    display: none;
    line-height: 1 !important;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 9999;
}
    
    /* ------------------------------------------------------------------------ Miscellaneous------------------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}


/**
 * tell a friendbox
 */
#lightbox-content .social-button{
    margin-right: 5px;
    cursor:pointer;
}
#lightbox-content .spacer {
    margin-right: 25px;
}

/**
* Shop-Box
**/
div#se-shop-overlay {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 949;
}
div#se-shop-box {
    background: url(/resources/images/layout/bg_se-shop-box.png) no-repeat left top;
    height: 420px;
    left: 50%;
    margin-left: -495px;
    margin-top: -235px;
    padding: 25px;
    position: absolute;
    top: 50%;
    width: 939px;
    z-index: 950;
}
div#se-shop-box img#se-shop-box-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
}
div.se-shop-box-left {
    position: absolute;
    left: 25px;
    top: 25px;
    width: 229px;
    height: 420px;
    overflow: hidden;
    background: url(/resources/images/layout/bg_se-shop-box-left.png) no-repeat left top;
}
div.se-shop-box-right {
    position: absolute;
    left: 254px;
    top: 25px;
    width: 710px;
    height: 420px;
    overflow: hidden;
    background: url(/resources/images/layout/bg_se-shop-box-right.png) no-repeat left top;
}
a#btn-close-shop-box {
    position: absolute;
    right: 37px;
    top: 35px;
    overflow: hidden;
    width: 19px;
    height: 18px;
    display: block;
    background: url(/resources/images/layout/btn_close-shop-box.png) no-repeat left top;
    z-index: 2;
    text-indent: -200000em;
}
div.se-shop-box-left h3 {
    display: block;
    color: #c7c7c7;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 229px;
    margin: 0;
    padding: 0;
}
ul.se-shop-box-related {
    display: block;
    width: 229px;
    overflow: hidden;
}
ul.se-shop-box-related li {
    display: block;
    width: 229px;
    height: 193px;
    overflow: hidden;
}
ul.se-shop-box-related li a {
    display: block;
    width: 229px;
    height: 193px;
    overflow: hidden;
    text-align: center;
    color: #797979;
    font-size: 12px;
}
ul.se-shop-box-related li a:hover {
    color: #c7c7c7;
}
ul.se-shop-box-related li a img {
    width: 228px;
    height: 152px;
    border: 0;
}
div.se-shop-box-large-image {
    position: absolute;
    top: 0;
    left: 0;
}
div.se-shop-box-large-image img {
    position: absolute;
    top: 0;
    left: 0;
}
div.se-shop-box-meta {
    left: 405px;
    top: 0;
    position: absolute;
    width: 262px;
    overflow: hidden;
    height: 420px;
}
div.se-shop-box-meta * {
    color: #000;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 0;
    margin: 0;
}
div.se-shop-box-meta h3 {
    font-size: 18px;
    height: 50px;
    padding-top: 30px;
    overflow: hidden;
}
div.se-shop-box-meta p.article-meta {
    height: 40px;
    overflow: hidden;
    font-size: 10px;
}
div.se-shop-box-meta p.article-price {
    height: 45px;
    font-size: 30px;
    border-bottom: 1px solid #9f8c59;
    overflow: hidden;
}
div.se-shop-box-meta p.article-price span {
    font-size: 10px;
}
div.se-shop-box-meta p.article-desc {
    height: 107px;
    padding-top: 15px;
    overflow: hidden;
}
div.se-shop-box-meta div.article-selects {
    height: 85px;
    overflow: hidden;
}
div.se-shop-box-meta div.article-selects select {
    width: 100px;
    padding: 2px;
    float: left;
    margin-right: 10px;
    margin-bottom: 9px;
}
div.se-shop-box-thumbs {
    position: absolute;
    top: 35px;
    left: 20px;
    width: 43px;
    z-index: 2000;
}
div.se-shop-box-thumbs a {
    display: block;
    float: left;
    margin-bottom: 10px;
    height: 43px;
    width: 43px;
    overflow: hidden;
}
div.se-shop-box-thumbs a img {
    border: 1px solid #393428;
}


/* ALTERSABFRAGE */
#page_altersabfrage_container{
    width: 100%;
    height: 100%;
    
    min-width: 930px;
    min-height: 570px;
    
    background: #0d0d0d url("/static/warsteiner.de/images/bg_altersabfrage.jpg") no-repeat 50% 50%;
}

#page_altersabfrage_container table, #page_altersabfrage_container table td{
    width: 100%;
    height: 100%;

}
.altersabfrage_content_container{
    
    width: 450px;
    height: 300px;
    text-align: left;
    
    padding-top: 170px;
    
}

#page_altersabfrage_container .altersabfrage_content_container .altersabfrage_text{
    height: 220px;
    font-size: 12px;
    color: #c7c7c7;
}
#page_altersabfrage_container .altersabfrage_content_container .altersabfrage_text a{
    color: #fff;
}
#page_altersabfrage_container .altersabfrage_content_container .altersabfrage_text a:hover{
    color: #EAD195;
}

#page_altersabfrage_container .altersabfrage_content_container h1,
#page_altersabfrage_container .altersabfrage_content_container h2{
    
    font-family:Times,"Times New Roman",serif;
    font-size:30px;
    font-weight:normal;
    margin: 0;
    color: #fff;
}
#page_altersabfrage_container .altersabfrage_content_container h2{
    color: #858585;
}

#page_altersabfrage_container .altersabfrage_content_container .altersabfrage_buttons{
    text-align: center;
    line-height: 30px;
    _line-height: 34px;
}
*+html #page_altersabfrage_container .altersabfrage_content_container .altersabfrage_buttons{
    line-height: 34px;    
}
#page_altersabfrage_container .altersabfrage_content_container .altersabfrage_buttons a img{
    border: none;
}
/**
 * WIDGETS SHOP
 */
div#widget-shop{
    width:248px;
    height:248px;
    overflow:hidden;
    position:relative;
}
div#widget-shop ul{
    width:auto;
    height:248px;
    position:absolute;
}
div#widget-shop ul li{
    width:248px;
    height:248px;
    float:left;
    cursor:pointer;
}

/**
 * Flash Fallback
 */
#flash-fallback {}
#flash-fallback .content_container {
    color:            #E7E7E7;
    font-size:        16px !important;
    height:            470px;
    margin:            0 auto;
    width:            940px;
}
#flash-fallback .content_container .left { margin-top : 75px; }
#flash-fallback .content_container p { font-size : 16px !important; }