/* Note: This file is used to declare user defined styles. These styles are used only on the website 
 and not in Electos Studio. You may expand and change these however you see fit. */

html, body{
    position: relative;
    height: 100%;
    padding:0;
    margin: 0;
    background-color: #FFFFFF;
}

img{
    border: 0;
    text-decoration: none;
}

/*-------------------------------------------------------Css Div Styles -------------------------------------------------------*/ 

#container{
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 60%;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    background: url(../Images/bg_site.gif);
    background-position: 10px 0;
    background-repeat: repeat-y;
    background-color:#FFFFFF;
}

#top{
    position: relative;
    height: 76px;
    background: url(../Images/bg_header.gif);
    background-repeat: repeat-x;
}

#logo_Schmedt{
    position: relative;
    float: left;
    height: 100%;
    width: 152px;
    margin-right: 10px;
    margin-left:4px;
    top: 30px;
}

/*-------------------------------------------------------TOOLBAR-------------------------------------------------------*/ 
#top_products{
    position: relative;
    height: 39px;
}

#top_bookbar{
    position: relative;
    float: left;
    width: 851px;
    height: 40px;
    margin-top: 28px;
    
    
}

.top_product_image{
    position: relative;
    margin-top: 30px;
    float: left;
    height: 39px;
    width: 39px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-image: url(../Images/Header/Header.gif);       
}
.top_product_image:hover{
        background-position-y: -39px;
}
.image1 {
        background-position:0px 0px;
}
.image2 {
        background-position: -39px 0px;
}
.image3 {
        background-position: -78px 0px;
}
.image4 {
        background-position: -117px 0px;
}
.image5 {
        background-position: -156px 0px;
}
.image6 {
        background-position: -195px 0px;
}
.image7 {
        background-position: -234px 0px;
}
.image8 {
        background-position: -273px 0px;
}
.image9 {
        background-position: -312px 0px;
}
.image10 {
        background-position: -351px 0px;
}
.image11 {
        background-position: -390px 0px;
}
.image12 {
        background-position: -429px 0px;
}
.image13 {
        background-position: -468px 0px;
}
.image14 {
        background-position: -507px 0px;
}
.image15 {
        background-position: -546px 0px;
}
.image16 {
        background-position: -585px 0px;
}
.image17 {
        background-position: -624px 0px;
}
.image18 {
        background-position: -663px 0px;
}


/*-------------------------------------------------------TOP RED BAR-------------------------------------------------------*/ 

#top_red_bar{
    position: relative;
    height: 26px;
    background: url(../Images/bg_red_bar.gif);
    background-repeat: repeat-x;
}

#mp3_controls{
    float: left;
    margin: 1px 10px 0px 10px;
    padding: 0px 3px 0px 5px;
    border-right: 1px solid #BD0000;
    border-left: 1px solid #BD0000;
}

#mp3_controls object {
     float: left;
}

#mp3text {
    font-size: 11px;
    color:#FFFFFF;
    padding: 5px 3px 0px 3px;
    float: left;
}

#mp3_btn_play, #mp3_btn_pause, #mp3_btn_stop{
    border: none;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 2px;
}

#mp3_btn_play{
    background: url(../Images/mp3_player_play.gif);
}

#mp3_btn_pause{
    background: url(../Images/mp3_player_pause.gif);
}

#mp3_btn_stop{
    background: url(../Images/mp3_player_stop.gif);
}

#mp3_btn_stop.disabled{
    background: url(../Images/mp3_player_stop_disabled.gif);
}


/*-------------------------------------------------------SLOGAN-------------------------------------------------------*/ 
#marquee_div{
    float: left;
    font-size: 11px;
    font-family: verdana;
    color: #ffffff;
    margin: 0px;
    padding-top: 6px;
    padding-left: 4px;
}

#marquee_div a{
    color: #ffffff;
    text-decoration: none;
}

/*-------------------------------------------------------SEARCH-------------------------------------------------------*/ 
#search{
    position: relative;
    height: 100%;
    width: 230px;
    *width: 245px;
    float: left;
    color: #ffffff;
    margin-left: 10px;
    font-size: 11px;
    padding-top: 3px;	
}

#search  input {
	font-size: 10px;
}

#search p{
    margin: 0px;
    padding-top: 3px;
}

.input{
    font-size: 12px;
    color: #000000;
}

/*-------------------------------------------------------SHORTCUTS-------------------------------------------------------*/ 
#red_bar_link_container{
    position: relative;
    float: left;
    height: 26px;
    min-width: 200px;
}

.red_bar_link_item{
    position: relative;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 6px;
    font-size: 11px;
    color: #ffffff;
}

a.red_bar_link_items:link, a.red_bar_link_items:active, a.red_bar_link_items:visited{
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
}

a.red_bar_link_items:hover{
    color: #ffffff;
    text-decoration: underline;
}

.red_bar_link_item_phone {
    position: relative;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 0px;
    font-size: 11px;
    color: #ffffff;
}

.red_bar_addthis {
    position: relative;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    font-size: 11px;
    color: #ffffff;
}

/*-------------------------------------------------------LEFT SIDEBAR-------------------------------------------------------*/ 
#left_sidebar{
    height: 100%;
    min-height: 400px;
	_height: 400px;
    position: absolute;
    width: 160px;
    left: 0;
    _top: -16px;
    _left: -170px;
    background-color: #e0e0e0;
	z-index: 10;
}

#login{
    margin-top: 10px;
    width: 130px;
    _width: 120px;
    float: right;
    font-size: 9px;
    text-align: right;
    margin-right: 4px;
}


.login_image{
    text-align: right;
    margin-top: 5px;
    *margin-top: 0px;
    margin-right: 1px;
    *margin-right: 5px;
}

.input{
    margin-top: 1px;
    *margin-right: 5px;
    *margin-top: 0px;
}


#language_container{
    width: 18px;
    min-height: 80px;
    *min-height: 90px;
	_height: 90px;
    margin-top: 10px;
    margin-left: 5px;
    position: relative;
    float: left;
    
}

#register_links{
    float: left;
    width: 155px;
    text-align: right;
    *margin-top: -10px;
}

a.register_link:link, a.register_link:active, a.register_link:visited{
    font-size: 9px;
    color: #000000;
    text-decoration: underline;
}

a.register_link:hover{
    font-size: 9px;
    color: #000000;
    text-decoration: underline;
}

.language{
    height: 16px;
    width: 8px;
}

/*-------------------------------------------------------NAVIGATION-------------------------------------------------------*/ 
#left_menu{
    width: 160px;
    position: relative;
    float: left;
    margin-top: 8px;
    *margin-top: 20px;
    font-weight: bold;
}

#left_sidebar_image{
    position: relative;
    float: left;
    width: 150px;
    height: 103px;
    margin-left: 3px;
    margin-top: 10px;
    text-align: center;
    padding-bottom: 10px;
}

#left_sidebar_image{
    font-size: 10px;
    font-weight: bold;
}

#menu_date_time{
    float: left;
    width: 160px;
    height: 24px;
    margin-left: 0px;
    margin-bottom: 20px;
    text-align: center;
}


/*-------------------------------------------------------CONTENT-------------------------------------------------------*/ 
#content_container{
    position: relative;
    padding-bottom: 40px;
    padding-right: 255px;
    padding-left: 170px;
    min-height: 809px;
    background-image: url(../Images/content_bgimage.gif);
    background-color: #FFFFFF;
    background-repeat: repeat-y;
    background-position: top right;
}

#content_image{
    position: relative;
    height: 38px;
    width: 38px;
    background-color: aqua;
}

#content_title{
    position: relative;
    *min-width: 100%;
    top: 8px;
    _top: -10px;
    height: 47px;
    background: url(../Images/titelleiste.jpg);
    background-repeat: repeat-x repeat;
}

#content_title #title{
    position: absolute;
    left: 50px;
    font-size: 140%;
    font-weight: bold;
    color: #000000;
    margin-top: 15px;
}

#title_image{
    height: 38px;
    width: 38px;
    position: absolute;
    left: 0;
    margin-top: 5px;
    margin-left: 4px;
}

#archiv_link{
    position: relative;
    float: right;
    height: 20px;
    min-width: 2px;
    margin-right: 10px;
    margin-top: 10px;
}

a.archiv_link:link, a.archiv_link:active, a.archiv_link:visited{
    text-decoration: underline;
    color: red;
    font-weight: bold;
    font-size: 12px;
}

a.archiv_link:hover{
    text-decoration: underline;
    color: red;
    font-weight: bold;
    font-size: 12px;
}

#content_text{
    position: relative;
	width: auto;
    /*width: 570px;
         _width: 550px;*/
    _margin-left: 10px;
    margin-right: 20px;
    top: 20px;  
    margin-bottom: 50px;
    _height: 768px;
	z-index: 0;
}
#content_text a{
    color: red;
}

#content_text .row {
    height: 22px;
    padding-top: 2px;
    clear: both;
}

#content_text .labelreq {
    color:red;
    float:left;
    font-size:10px;
    font-weight:bold;
    padding-top:6px;
    text-align:left;
    width:210px;
}

#content_text .formwreq {
    float:right;
    text-align:left;
    width:385px;
}

#content_text .label{
    color:black;
    float:left;
    font-size:10px;
    font-weight:normal;
    padding-top:6px;
    text-align:left;
    width:210px;
}

#content_text .formw{
    float:right;
    text-align:left;
    width:515px;
}

#content_news_div{
    height: 100%;
    width: 240px;
    min-height: 400px;
    right: 0;
    top: 0;
    _top: -16px;
    _right: 10px;
    position: absolute;
    background-color: #E0E0E0;
    color: #92808e;
}

/*-------------------------------------------------------RIGHT SIDEBAR-------------------------------------------------------*/ 
.news_header_container{
    position: relative;
    height: 21px;
    border: 1px #c0c0c0 solid;
    background-color: #eeeeee;
    font-weight: bold;
    padding-top: 3px;
}

.news_content_container{
    position: relative;
}

.news_header_title{
    position: relative;
    float: left;
}

.news_header_publisher{
    position: relative;
    float: right;
}

.news_content_text{
    position: relative;
    float: left;
    min-width: 275px;
    max-width: 70%;
    *min-height: 30px;
    *margin-top: 5px;
    *margin-bottom: 5px;
}

.news_content_file{
    position: relative;
    float: right;
    margin-right: 40px;
    margin-top: 10px;
}

.buchbinder_lexicon_content{
    position: relative;
    float: left;
}

.buchbinder_lexicon_abisz{
    margin-top: 20px;
    float: left;
    font-size: 14px;
    margin-left: 10px;
}

.pra_container{
    position: relative;
    width: 570px;
    _width: 570px;
    _margin-left: -20px;
    float: left;
}

.pra_content_pic{
    position: relative;
    float: left;
}

.pra_content_info{
    position: relative;
    float: left;
    margin-left: 20px;
}

.pra_mip_content{
    position: relative;
    width: 100%;
    float: left;
    border: 1px solid green;
}

.pra_mip_content_info{
    position: relative;
    float: left;
}

.pra_mip_content_pic{
    position: relative;
    float: left;
    height: 40px;
    width: 40px;
    border-right: 1px solid green;
}

.pra_mip_content_txt{
    position: relative;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
}

.pra_content_footer{
    position: relative;
    float: left;
    padding-top: 30px;
}

.pra_content_container{
    position: relative;
    float: left;
    border: 1px solid green;
    width: 100%;
}

.pra_content_image{
    position: relative;
    border-right: 1px solid green;
    float: left;
    height: 100px;
    width: 100px;
}

.pra_content_text{
    position: relative;
    float: left;
    margin-top: 40px;
    margin-left: 20px;
}   

.mip_header{
    position: relative;
    height: 21px;
    background-color: #eeeeee;
    border: 1px #c0c0c0 solid;
    font-weight: bold;
    width: 100%;
    _width: 99%;
    padding-left: 5px;
}

.mip_header_date{
    position: relative;
    float: left;
    width: 160px;
    height: 16px;
    margin-top: 3px;
}

.mip_header_title{
    position: relative;
    float: left;
    margin-top: 3px;
}

.mip_header_link{
    position: relative;
    float: right;
}

.mip_content{
    position: relative;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.mip_content_image{
    position: relative;
    float: left;
    padding-right: 10px;
}

.mip_content_text{
    position: relative;
    float: left;
    min-height: 100px;
    min-width: 300px;
    max-width: 70%;
}

.clearer{
    position: relative;
    clear: both;
}

#ticker{
    position: relative;
    width: 230px;
    background-color: #E0E0E0;      
}

.ticker_titel{
    position: relative;
    background-color:#333399;
    text-align: center;
    color:#ffffff;
    font-size:12px;
    font-weight:bold;
    line-height:19px;
}

.ticker_kurzinfo{
    position: relative;
    font-size: 9px;
    line-height:19px;
    padding:2px 10px 10px 20px; 
}

#bin_logo{
    position: relative;
    width: 214px;
    height: 69px;
    background: url(../Images/binlogo.jpg);
    margin: 0 auto;
    background-repeat: no-repeat;
}

#news_sticker_info{
    position: relative;
    width: 214px;
    text-align: center;
    font-family:verdana;
    font-size:9px;
    font-weight:bold;
}

#bindereport_verantwortung{
    position: relative;
    color: #cc3300;
    text-align: center;
    border-top: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
    width: 240px;
    font-size: 9px;
    padding-top: 10px;
    height: 50px;
        background-color: #E0E0E0;
}

#ticker_bottom{
    width: 240px;
    /*border-top: 1px #000000 solid;*/
    font-size: 9px;
    background-color: #e0e0e0;
    text-align: center
}

a.ticker_bottom_link:link, a.ticker_bottom_link:active, a.ticker_bottom_link:visited{
    text-decoration: none;
    font-family: Verdana, sans-serif;
    color: #92808E;
}

a.ticker_bottom_link:hover{
    color: red;
    text-decoration: underline;
}

/*-------------------------------------------------------FOOTER-------------------------------------------------------*/ 
#footer{
    position: relative;
    height: 24px;
    width: 100%;
    background: url(../Images/bg_footer.gif);
    background-repeat: repeat-x;
    _bottom: 0;
    text-align: center;
}


.footer_items{
    height: 24px;
    margin-top: 5px;
    margin-right: 15px;
    float: left;
    margin-left: 18px;
    _margin-left: 28px;
}

a:link, a:visited, a:active     {       
    color: red;
    text-decoration: underline;
}

a: hover {
    color: #156459;
}

a.bindereport_link:link, a.bindereport_link:active, a.bindereport_link:visited{
    font-weight: bold;
    color: #cc3300;
    text-decoration: none;
}

a.bindereport_link:hover{
    text-decoration: none;
}

.image{
    border: 0px;
}

div.WebshopShoppingCart {
    float: left;
        font-size: 10px;
}

.WebshopOverview th {   
     color: #FFFFFF;
}

.WebshopOverview th {
    background-color: #005749;
}

.WebshopOverview .RowEven {
    background-color: #EEEEEE;
    color: #000000;
}

.WebshopOverview .RowOdd {
    background-color: Gainsboro;
    color: #000000;
}

.steps .current {
    font-weight: bold;
}


.handlerpannel {
        border: 1px solid #156459;
        position: relative;
        height: 90px;
        width: 300px;
        margin-top: 10px;
        padding: 4px;
}

.handlername {
        float: left;
        width: 50%;
}

.handlerlink {
        float: left;
        width: 50%;
}

.CouponErrorText{       
    color: red;
    font-weight: italic;
}


.formbuttongreen {
	background-image: url('../images/button-green.gif');
	height: 17px;
	padding: 0px 4px 4px 4px;
	*padding: 2px 4px 4px 4px;
	border: 0px none;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana,Helvetica,sans-serif;
	margin: 2px 2px 2px 2px;
    cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#70958D',EndColorStr='#1E5B4D');   
}

.formbuttonred {
	cursor: pointer;
	background-image: url('../images/button-red.gif');
	height: 17px;
	padding: 0px 4px 4px 4px;
	*padding: 2px 4px 4px 4px;
	border: 0px none;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana,Helvetica,sans-serif;
	margin: 2px 2px 2px 2px;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FC0001',EndColorStr='#A70200');   	
}

.formbuttondisabled {
	background-image: url('../images/button-disabled.gif');
	height: 17px;
	padding: 0px 4px 4px 4px;
	*padding-botton: 2px 4px 4px 4px;
	border: 0px none;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana,Helvetica,sans-serif;
	margin: 2px 2px 2px 2px;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#E6E6E6',EndColorStr='#B6B5B5');   	
}

.WebshopDetail a {
	text-decoration: none;
}

.warning {
	font-weight: bold;
	font-size: 12px;
	color: red;
	padding: 20px 0 0 20px;
	background-color: #FFFFFF;
}

.teaser {
	float: left;
	width: 177px;
	height: 212px;
	background-image: url('../images/image-bg.jpg');
	background-repeat: no-repeat;
}

.teasertitle, .teaserimage, .teaserfooter {
	margin: 5px;
	margin-left: 10px;
	margin-right: 10px;
	width: 165px;
}