@CHARSET "UTF-8";



/**
 *
 * 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("/resources/cms/images/master_sprite.png") no-repeat 0 -557px;
    _background: url("/resources/cms/images/master_sprite.gif") no-repeat 0 -557px;
		text-align:left;
}

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;
    line-height: 100%;

    width:420px;
    float: none;
    margin-bottom: 0;
}
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;
	text-align:left;
}

*+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;
	text-align:left;
}


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(/resources/cms/images/master_sprite.png) no-repeat -349px -141px;
    _background: url(/resources/cms/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;
	font-weight:normal;
}
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;
}

input.hidden_submit
{
    display:none; !important;
}



/**
 * Link in Produkt-Beschreibung
 */
div.product-specs a{
    color: #000;
   /* text-decoration: none;*/
}
/*
div.product-specs a:hover{
    text-decoration: underline;
}
*/


/**
 * Navigation: Info-Link
 */
table.pager td.article_number span.nav_info_link{

     float: left;
     margin: 5px 10px 0 0;
}
table.pager td.article_number span.nav_info_link a{

    display: block;
    width: 24px;
    height: 23px;
    background: url(../images/btn_category_info.gif) no-repeat 0 0;

    border-left: none;
    padding: 0;

    text-indent: -1999px;

    text-decoration: none;
}

table.pager td.article_number span.nav_info_link a:hover{
    background: url(../images/btn_category_info_mouseover.gif) no-repeat 0 0;
}


/**
 * Startseite: Tooltips über der Imagemap ("Ihre Favoriten")
 */
map#map_favoriten area span {
  display: none;
  text-decoration: none;
}

map#map_favoriten area:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 200px;
  z-index: 100;
  color: #000000;
  border:1px solid #000000;
  background: #FFFFCC;
  font: 12px Verdana, sans-serif;
  text-align: left;
}



/* Tooltips CSS definitions */

.tooltip {
	position: absolute!important;
	overflow:hidden;
	font-size: 12px;
	z-index: 10000!important;
        width: 160px;

        /* tooltip offset */
        margin: 6px 0 0 16px;
}
	.tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
	.tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
	.tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
	.tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
	.tooltip .xb1 { margin: 0 5px; background: #333; }
	.tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
	.tooltip .xb3 { margin: 0 2px; }
	.tooltip .xb4 { height: 2px; margin: 0 1px; }
/*
	.tooltip .xarrow {
		position: relative;
		top: 2px; left: 12px;
		width: 11px;
		height: 7px;
	}
		.tooltip .xarrow b {
			display: block;
			background:#666;
			border-left:1px solid #333;
			border-right:1px solid #333;
			font-size:1px;
			height: 1px;
		}
		.tooltip .xarrow .a1 { margin: 0 5px; background-color: #333; border: 0 solid; width: 1px; }
		.tooltip .xarrow .a2 { width: 1px; margin: 0 4px;}
		.tooltip .xarrow .a3 { width: 3px; margin: 0 3px;}
		.tooltip .xarrow .a4 { width: 5px; margin: 0 2px;}
		.tooltip .xarrow .a5 { width: 7px; margin: 0 1px;}
		.tooltip .xarrow .a6 { width: 9px; margin: 0 0px;}
*/
	.tooltip .xboxcontent {
		padding: 8px 12px;
		margin: 0;
		color: #000;
		/*text-shadow: 1px 1px 0px #CCC;*/
		word-wrap:break-word;
		border: 1px solid #333;
		border-width: 0px 1px 0 1px;
		background-color: #666;

                text-align: left;

                line-height: 15px;
	}

/**
 * Lightbox für Category-Info
 */
div.sebox-container #lightbox-content div.category_info_lightbox{

     margin-top: -13px;

     width: 455px;
     height: 422px;
     overflow: hidden;

}

div.sebox-container #lightbox-content div.category_info_lightbox a{
    color: #000;
    text-decoration: none;
}

div.sebox-container #lightbox-content div.category_info_lightbox-item{

     width: 455px;
     height: 420px;
     overflow: hidden;
}


div.sebox-container #lightbox-content div.category_info_lightbox div.category_info_lightbox-navigation{
    font-size: 12px;
    margin-bottom: 10px;
}
div.sebox-container #lightbox-content div.category_info_lightbox div.category_info_lightbox-navigation a{
    padding: 0 5px;
}
div.sebox-container #lightbox-content div.category_info_lightbox div.category_info_lightbox-navigation a.first{
    padding: 0 5px 0 0;
}
div.sebox-container #lightbox-content div.category_info_lightbox div.category_info_lightbox-navigation a.active{
    color: #765829;
}

div.sebox-container #lightbox-content div.category_info_lightbox div.subheader_container {
    line-height:100%;
}

div.sebox-container #lightbox-content div.category_info_lightbox div.register_form_container {
    border-top: none;
    height: 320px;
    padding-top: 10px;
}
div.sebox-container #lightbox-content div.category_info_lightbox div.register_navigation_bottom_container{
    text-align: center;
    font-size: 12px;
    clear: both;
}
div.sebox-container #lightbox-content div.category_info_lightbox div.register_navigation_bottom_container a{
        padding: 0 10px;
}
div.sebox-container #lightbox-content div.category_info_lightbox div.register_form_container img{

    float: right;
    width: 140px;
}