html {
	background-color: #fff;
	/*color: rgb(40, 40, 40);*/
        color: #4F4F4F;
	margin:0 ;
        padding:0 ;
        width:100% ;
        height:100% ;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
	/*text-align: center;*/
	height: 100%;
        width:100%;
	position: relative;
        font-family: 'LatoLatin', sans-serif;
        font-size: 14px;
}

label[for] { /* Bei Labeln welche auf ein Element verweisen immer Pointer verwenden */
	cursor: pointer;
}

.rsu-actionButton-print{
        width: 16px !important;
	background-image: url('../resources/Print-icon.png') !important;    
}

.rsu-actionButton-pdf{
        width: 16px !important;
	background-image: url('../resources/Pdf-icon.png') !important;    
}

.rsu-actionButton-note{
        width: 16px !important;
	background-image: url('../resources/Text-Edit-icon.png') !important;    
}

.rsu-actionButton-returnDelivery{
        width: 16px !important;
	background-image: url('../resources/returndelivery.png') !important;    
}

.rsu-actionButton-notracking{
        width: 16px !important;
	background-image: url('../resources/packagetracking_grey.png') !important;    
}

.rsu-actionButton-tracking{
        width: 16px !important;
	background-image: url('../resources/packagetracking.png') !important;    
}

.rsu-actionButton-inactivereturnDelivery{
        width: 16px !important;
	background-image: url('../resources/returndelivery_grey.png') !important;    
        cursor: default;
}

.rsu-actionButton-inactivenotracking{
        width: 16px !important;
	background-image: url('../resources/packagenotracking_grey.png') !important;    
        cursor: default;
}

.rsu-actionButton-inactivewaittracking{
        width: 16px !important;
	background-image: url('../resources/packagewaittracking_grey.png') !important;    
        cursor: default;
}

.rsu-actionButton-inactivetracking{
        width: 16px !important;
	background-image: url('../resources/packagetracking_grey.png') !important;    
        cursor: default;
}

.blackFont { color: #000000; }
.greyFont { color: #B2B2B2; }

.invisible { display: none; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center {
    text-align: center;
}
button { cursor: pointer; border: 0; }
button::-moz-focus-inner { padding: 0; border: none; } /* Keine Rahmen um Buttons im Firefox, bitte. */
.hidden { display: none; }

a, a:link, a:visited {
	text-decoration: none;
	color: #666666;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #666666;
}

.x-window a, .x-window a:link, .x-window a:visited {
	text-decoration: underline;
	color: #666666;
}
.x-window a:hover, .x-window a:active, .x-window a:focus {
	text-decoration: none;
	color: #666666;
}
div.spacer {
    clear: both;
    margin: 0;
    padding: 0;
    line-height: 0;
}
#wrapper  {
	position:relative;
	color: inherit;
	margin: 0 auto;
	min-width: 950px;
        max-width: 1240px;
	text-align: left;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 30px;
}
/*#wrapper*/  strong, .strong {
	font-weight: bold;
}

#nav_bg{
    width: auto;
    width: 100%;
    background-color: #FFFFFF;
    border-bottom: 1px solid #D2D2D2;
    height: 35px;
    left:0;

}

#nav_login_wrapper{
    margin:auto;
    width: auto;
    min-width: 950px;
    max-width: 1300px;
    background-color: #FFFFFF;
    height:25px;
    padding-left:10px;
    padding-right:10px;
}

#nav{
    width:auto;
    float:left;
    color:#D2D2D2;
    padding-top: 5px;
}

#newsicon{
    display:inline-block;
    width:16px;
    height:16px;
    background: url("/images/newsicon.png") no-repeat;
    background-size: 16px 16px;
    margin-left:4px;
}

ul.mainmenu{
    list-style-type: none;
    float:left;
}

li.mainmenutext a, li.moremainmenutext a{
    color:#a3a3a3;
}

li.moremainmenutext.active a{
    color:#000000;
}

li.mainmenutext, li.moremainmenutext{
    float:left;
}

li.mainmenutext.active a, li.mainmenutext a:hover, li.moremainmenutext.active a, li.moremainmenutext a:hover{
    color:#6d6c6c;
}

li.mainmenulogo a:hover img {
    opacity: 0.7;
}

ul#mainsubmenu{
    display: none;
    list-style-type: none;
    position: absolute;
    left:0px;
    background-color: #FFFFFF;
    border-left: 1px solid #D2D2D2;
    border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    padding: 5px;
    margin-left: -5px;
    top: 29px;
    z-index: 1000;
    clip: rect(1px, 200px, 290px, -10px);
    box-shadow: 0px 0px 10px 0.1px #D2D2D2;
    behavior: url("/lib/PIE/PIE.htc");
}
li.mainsubmenuspace{
    border-bottom: 1px solid #D2D2D2;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0; 
}
li.mainsubmenutext a{
    color:#a3a3a3;
    width: 100%;
}

li.mainsubmenutext{
    position: relative;
    white-space: nowrap;
}

li.mainsubmenutext.active a, li.mainsubmenutext a:hover{
    color:#6d6c6c;
}

#login{
    float:right;
    width:auto;
    text-align: right;
    padding-top: 5px;
}

#search_salutation_wrapper{
    position:relative;
    width:auto;
    line-height: 1;
}

#salutation{
    float:right;
    padding-top: 12px;
    padding-right: 40px;
    text-align: right;
    width:30%;
    font-size: 29px;
    line-height: 80%;
    font-weight: 400;
}

#salutation img {
    margin-top: -12px;
}


/* navigation sub */

#navSub, #depotnav {
	height: auto;
	width: auto;
    position:relative;
    z-index:1;
}

 .information #navSub, .suchergebnisse #navSub {
        border-bottom: none;
        
}

.kaufen #navSub,
.presse #navSub,
.reifengrosshandel #navSub,
.reifen #navSub{
    
    clear: both;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.kaufen #navSub {
    margin-bottom: 0px;
}


#navSub .firstLink .text, #depotnav .firstLink .text{
/*    border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;*/
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    behavior: url("/lib/PIE/PIE.htc");
}

#navSub .lastLink .text, #depotnav .lastLink .text{
/*    border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -webkit-border-radius:0 2px 2px 0;*/
    border: 1px solid #d9d9d9;
    behavior: url("/lib/PIE/PIE.htc");
    
}

#navSub a .text, #depotnav a .text{
    padding:7px;
    color: #333333;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    float:left;
    background-color: #f3f3f3;
    font-size: 14px;
    
    text-align: center;
    width: 100px;
}

#navSub a .text img {
    height: 17px;
    float:left;
}

#navwholesale a .text{
    padding-top:7px;
    padding-bottom:7px;
    padding-right:15px;
    padding-left:15px;
    color: #333333;
    border-left: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    float:left;
    background-color: #f3f3f3;
    font-size: 14px;
    
    text-align: center;
    width: auto;
}

#navSub a, #navSub a:link, #navSub a:visited, #depotnav a, #depotnav a:link, #depotnav a:visited {
    background-position: 0 0;
    color: #333;
    cursor: pointer;
}

#navSub a:hover .text, #navSub a:active .text, #navSub a:focus .text, #depotnav a:hover .text, #depotnav a:active .text, #depotnav a:focus .text{
    background-color: #ececec;
    box-shadow: inset 0 0 3px #cdcdcd;
    -webkit-box-shadow: inset 0 0 3px #cdcdcd;
    -moz-box-shadow: inset 0 0 3px #cdcdcd;
    border-color: #cccccc;
    behavior: url("/lib/PIE/PIE.htc");
}

/*#navSub a .active, #navSub a:active .active, #navSub a:link .active, #navSub a:visited .active {

}*/

#navSub a .activeText, #navSub a:active .activeText, #navSub a:link .activeText, #navSub a:visited .activeText, #depotnav a .activeText, #depotnav a:active .activeText, #depotnav a:link .activeText, #depotnav a:visited .activeText {
    background-color: #ececec;
    box-shadow: inset 0 0 3px #cdcdcd;
    -webkit-box-shadow: inset 0 0 3px #cdcdcd;
    -moz-box-shadow: inset 0 0 3px #cdcdcd;
    border-color: #cccccc;
    behavior: url("/lib/PIE/PIE.htc");
}

#navSub a:hover .disabled, #depotnav a:hover .disabled{
    color: #aaaaaa ;
    background-color: #f3f3f3;
    cursor: default;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-color: #d9d9d9;
    behavior: url("/lib/PIE/PIE.htc");
}

#navSub a .disabled, #depotnav a .disabled{
    color: #aaaaaa !important;
     background-color: #f3f3f3 !important;
    cursor: default;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

#depotnav a .disabled{
    color: #c9c9c9;
}

/* typo */

/*#wrapper*/ h1 {
        text-align: left;
        font-size: 44px; 
        font-weight:normal;
        line-height:100%; 
        letter-spacing:-2px;
        margin-bottom: 4px;
}
/*#wrapper*/  h2 {
        line-height: 100%; 
        text-align: left;
        font-weight:normal; 
        /*font-style: italic; */
        font-size: 24px; 
        color:#a6a8ab;  
        letter-spacing:-1px;
}
.suche #contentMain h2 {
	margin-bottom: 40px;
}
/*#wrapper*/  h3 {
        text-align: left;
        font-size: 24px; 
        line-height:100%;  
        padding-top: 50px;
        font-weight: 300;
}

/*#wrapper*/  .single h3{
        font-weight: bold;
}

/*#wrapper*/  h4 {
	line-height: 140%; 
        text-align: left;
        font-weight:normal; 
        /*font-style: italic; */
        font-size: 24px; 
        color:#a6a8ab;
}

/*#wrapper*/  h5 {
        text-align: left;
        font-size: 16px; 
        font-weight:bold; 
        line-height:140%;
        padding-top: 16px;
        padding-bottom: 0px;
}

/* content */

#contentMain .right h3 {
	margin-bottom: 10px;
}
#contentMain blockquote {
    font-size: 24px;
    font-style: italic;
    padding: 50px 300px 0 0 ;
}
#contentMain blockquote span {
    padding-left: 15px;
    font-size: 16px;
}
/* Nach H5 kein Padding-Top des ersten Absatzes */
h5 + p {
    padding-top: 0 !important;
}
#contentMain p.larger {
    padding-top: 50px;
}
#contentMain hr {
    border: 0;
    border-top: 1px solid #d2d2d2;
    color: #d2d2d2;
    height: 1px;
}

#contentMain p small {
	font-size: 12px;
}

#contentMain p.moreInformation a {
    /*padding-left: 50px;*/
}

#contentMain ul li {
	font-size: 16px;
	line-height: 20px;
        list-style-type: disc;
        list-style-position: inside;
}
.lieferbedingungen #contentMain ul {
	list-style-type: square;
}
.lieferbedingungen #contentMain ul li {
	margin-left: 50px;
}

#contentMain .right p {
	font-size: 12px;
	margin-bottom: 0;
}

#contentMain p strong {
	font-weight: bold;
}

#content .main a, #content .main a:link, #content .main a:visited {
	border-bottom: 2px solid #ddd;
}
#content .main a:hover, #content .main a:active, #content .main a:focus {
	border-bottom: 2px solid #fffc00;
}

.space {
    font-size: 0;
    border-bottom: 1px solid #D2D2D2;
    position:relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

#contentMain {
	position: relative;
	margin: 0; /* abstand durch leeres div*/
	background-color: #fff;
	width: auto;
	z-index: 1;
	padding-bottom: 50px;
}

#contentMain .container {
	padding: 0 0 2px 0;
	margin-left: 20px;
	width: 918px;
}

#contentMain .right {
	border: 100px solid #ccc;
	background: #eee;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
	width: 214px;
}
#contentMain .right .container {
	margin-left: 10px;
	padding-top: 10px;
	width: 198px;
}

#contentBottom {
	z-index: 5;
        margin-bottom: 10px;
        margin-top: 10px;
}

.functionButton{
    min-width: 120px;
    padding:3px;
    margin-right: 15px;
    /*margin-left: 10px;*/
    cursor:pointer; 
    height: 29px; 
    font-size:0;
    color: #000000 !important;
    text-decoration: none !important;
    background-color: #f3f3f3;
    border: 1px solid #d9d9d9;
    -moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    border-radius: 2px;
    behavior: url("/lib/PIE/PIE.htc");
}

.functionButton.active{
    color: #FFFFFF !important;
    background-color: #0e9a3c; 
    border: 1px solid #016121;
}

.functionButton:hover {
    /*background-color: #018D30;*/ 
    background-color: #ececec;
}

.functionButton.active:hover {
    background-color: #018D30;
}

/* navigation user */

#navUser {
	font-size: 12px;
	width: auto;
}
.loggedin #navUser {
        background: url("/images/logoutbox.gif") no-repeat;
}

#navUserAbmelden {
    text-align: right;
}

#navUserAnmelden {
    font-size: 10pt;
    text-align: right;
    vertical-align: bottom;
    width: auto;
}
#navUserAbmelden a{
    color:#a3a3a3;
}

#navUserAbmelden a:hover, #navUserAnmelden a:hover{
    text-decoration: none;
    color:#6d6c6c;

}

#navUserAnmelden #loginForm input{
    width: 160px;
}

#navUserAnmelden #loginForm #login{
    width: 80px;
}

#navUser p {
	margin: 0;
}

.loggedin #navUser .left p {
	font-size: 14px;
	padding-left: 32px;
	margin: 0 0 0 0;
	color: #999;
	line-height: 26px;
}

p.test {
	border: 1px solid #000000;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* login form */

.loggedout #navUser form {
	font-size: 12px;
	height: auto;
	width: auto;
        padding: 0;
}

#navUser a, #navUser a:link, #navUser a:visited {
	color:#a3a3a3;
}
#navUser a:hover, #navUser a:active, #navUser a:focus {
	color:#6d6c6c;
}

#navUser .error {
	line-height: 20px;
	height: 20px;
	color: red;
        text-align: center;
        margin-right:10px;
        margin-top:2px;
        font-size: 16px;
}

.error>*{
    padding: 16px;
    color: red;
    font-weight: bolder;
    border: solid 1px red;
}

#loginForm #inputUser, #loginForm #inputPass {
    border: 1px solid #D2D2D2;
    height: 21px;
    margin-bottom: 5px;
    margin-right:10px;
}

#loginForm #user, #loginForm #pass, #loginForm #pass1{
    border: none;
    font-size: 9pt;
    margin: 2px 0 1px 0;
    padding: 0;
    width: 90px;
    height: 18px;
    color: #333;
    float: left;
}

input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
    }

#loginForm #user:focus, #loginForm #pass:focus{
    outline: none;
}

#loginForm #userIcon, #loginForm #passIcon {
    margin: 2px 4px;
    border: none;
    float: left;
    display: inline;
}

#loginForm #user.emailPlaceholder {
    background: url("../images/email-placeholder.png") left -2px no-repeat;
}

#loginForm #pass.passwordPlaceholder {
    background: url("../images/password-placeholder.png") left -2px no-repeat;
}


#tyreLoginButton{
    color: #333333;
    border: 1px solid #d9d9d9;
    background-color: #f3f3f3;
    font-size: 14px;
    height:23px;
    width:80px;
    cursor: pointer;
}

#tyreLoginButton:hover{
    background-color: #ececec;
    box-shadow: inset 0 0 3px #cdcdcd;
    -webkit-box-shadow: inset 0 0 3px #cdcdcd;
    -moz-box-shadow: inset 0 0 3px #cdcdcd;
    border-color: #cccccc;
    behavior: url("/lib/PIE/PIE.htc");
}

p#linkPassword{
    margin-left:10px;
    margin-top:3px;
    font-size: 14px;
}

/* search (tyre & info) */


::-webkit-input-placeholder { /* WebKit browsers */
    color:    #a3a3a3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #a3a3a3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #a3a3a3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #a3a3a3;
}

#standardInfoportalSearch {
    padding: 0px;
    height: auto;
    margin-left: 20px;
    font-size: 17pt;
}

#searchInfoportal input {
    font-size: 9pt;
    color: rgb(180,180,180);
    font-style: italic;
}

#standardInfoportalSearch #infoSearchSubmit{
    height: 32px;
}

#searchInfoportal, #search {
	/*background: #ffeb04;*/
	width: 956px;
	z-index: 9999;
    width:100%;
    float:left;
}

#search {
    width: 620px;
}

#searchInfoportal {
        border-top-width: 1px;
        margin-bottom: 20px;
}

#searchInfoportal form {
	margin-left: 22px;
	padding: 0;
}
#searchInfoportal label {
	display: none;
}

#searchInfoportal form #inputKeyword #keyword {
	font-size: 18px;
	color: #666;
	border: none;
	padding: 0px 10px 0 27px;
	line-height: 32px;
	background: url("../images/formSearchSprite.png") left top no-repeat;
	vertical-align: middle;
	height: 32px;
        float: left;
}

/*#searchInfoportal form #inputKeyword input:focus {
	background-position: 0 -32px;
}*/
 #searchHistoryButton{
    background: transparent url("../images/navTopToggle.png") left -3px no-repeat;
    height: 25px;
    width: 25px;
    display:inline;
    position: absolute;
    left: 480px;
    top: 5px;
    cursor: pointer;
 }

 #searchHistory{
    background-color: #FFFFFF;
    width:505px;
    height: 220px;
    border: 1px solid #666666;
    position: absolute;
    top: 32px;
    z-index: 999999;
    color: #000000;
    overflow: auto;
    left:0px;
 }

 #showmoreContainer{
    position: absolute;
    bottom:2px;
    left:510px;
}

#searchHistoryContainer{
    width:0px;
    height:0px;
    margin:0px;
    padding: 0px;
    display:inline;
    z-index:9999999;
}

.kopfSuche {
     background-color: transparent;
     padding-top: 3px;
     width: auto;
     height: auto;
     margin-bottom: 5px;
 }

 .kopfSuche .div{
     background-color: transparent;
     padding: 5px 0 0 8px;
     overflow: hidden;
     margin-bottom: 0px;
     margin-top: 0px;
 }

 .kopfSuche input{
     font-size: 16px;
 }

 .kopfSuche select {
     font-size: 16px;
     height: 26px;
     width: 230px;
 }

 .kopfSuche #hsn{
     width: 50px;
 }

 .kopfSuche #tsn{
    width: 95px;
 }

 .kopfSuche .showmore {
     font-size: 18px;
}

.searchHistoryRow {
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    height: 24px;
}

.searchHistoryRow.history {
    background: url("/images/history.png") no-repeat 3px 3px;
}

.searchHistoryRow.autocomplete {
    background: url("/images/search.png") no-repeat 3px 3px;
}

.searchHistoryRow.firstAutocompleteItem {
    border-top: 3px solid #ddd;
}

.searchHistoryRow td {
    padding-left: 24px;
}


#arrow{
    font-size: 9px;
    padding-left: 5px;
}

#arrdown{
    display:inherit;
}

#arrup{
    display:none;
}

 .kopfSuche #searchInput, .kopfSuche #sucheSubmit, .kopfSuche .artikelsucheFeld{
    font-size: 20px;
    font-style: normal;
    width: 500px;
    color:#666666;
    margin-bottom: 5px;
    outline: none;
 }
 #test{
     float:left;
     margin-right: 10px;
 }
 #searchBtn{
     float:left;
     position: absolute;
     left:495px;
     bottom:5px;
     
 }
 
.kopfSuche #searchSubmitfreetext {
    /*background-color: transparent;*/
    margin-left: 10px;
    cursor:pointer; 
    width:70px; 
    height: 30px; 
    font-size:5em; /*IE 7 fallback*/
    display:block;
    text-indent:-999px;
    background: url(/images/magnifier.png) no-repeat #0e9a3c center; 
    border: 1px solid #016121; 
    border-left:none;
    /*-moz-border-radius: 2px; 
    -webkit-border-radius: 2px;
    border-radius: 2px;*/
    behavior: url("/lib/PIE/PIE.htc");
}

.kopfSuche #searchSubmitfreetext:hover {
    background: url(/images/magnifier.png) no-repeat #018D30 center; 
}

.kopfSuche #searchInput, .kopfSuche .artikelsucheFeld {
    padding: 0 0 0 3px;
    height: 26px;
    width: 500px;
}

.kopfSuche #inputTableNavi{
    padding-right: 10px;
    padding-top: 0px;
    margin-top: 0px;
    vertical-align: top;
    font-size: 10pt;
}

.kopfSuche .suchtypen {

	margin-left: 5px;
        color: #282828;
        margin-bottom: 2px;
 }

.kopfSuche a {

     font-size: 10pt;
     text-decoration: none;
     color: #282828;
     font-weight: normal;

 }

 .kopfSuche .active {
	font-weight: bold;
        text-decoration: none;
 }

#searchFailure {
	font-size: 14px;
	color: #AF2626;
	font-weight: bold;
	top: 44px;
	right: 15px;
	height: 32px;
	line-height: 32px;
}

#searchFailureRim {
    font-size: 14px;
	color: #AF2626;
	font-weight: bold;
}

/* search: results */

#searchResults h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
#searchResults p {
	color: #666;
}
#searchResults h3 a, #searchResults h3 a:link, #searchResults h3 a:visited {
	color: #0e9a3c;
}
#searchResults h3 a:hover, #searchResults h3 a:active, #searchResults h3 a:focus {
	color: #333;
}


/* Hilfe - Neuerungen */
.neuerungen #contentMain ul li{
        list-style-type: disc;
        margin-left: 50px;
}

/* Hilfe - FAQ und Suchanleitung */
.suchanleitung #contentMain ul li {
	margin-bottom: 20px;
        list-style-type: none;
        list-style-image: none;
}
.suchanleitung #contentMain ul li ul {
	list-style-type: square;
        list-style-image: none;
        list-style-position: outside;
}
.suchanleitung #contentMain ul li ul li {
	margin-bottom: 0;
	margin-left: 60px;
	color: #333;
}

.suchanleitung #contentMain h3 {
	background: transparent url("../images/navTopToggle.png") left -10px no-repeat;
	height: 20px;
	margin-bottom: 0;
	padding-left: 30px;
	font-weight: bold;
}
.suchanleitung #contentMain ul p {
	color: #333;
	margin: 20px 0 0 30px;
}


.suchanleitung ul#navAbout li.drop span.toggle {
	display: block;
	float: left;
	width: 20px;
	height: 40px;
	background: transparent url("../images/navTopToggle.png") no-repeat 0 0;
	padding: 0;
	margin-right: 10px;
}
.suchanleitung ul#navAbout li.drop a:hover span.toggle, .suchanleitung ul#navAbout li.drop.current span.toggle {
	background-position: 0 -40px;
}

/* suchanleitung */

.suchanleitung #contentMain small {
	font-size: 12px;
	color: #666;
}

.suchanleitung #contentMain ul li ul {
	list-style-type: square;
}
.suchanleitung #contentMain ul li ul li {
	margin-left: 30px;
}

/* begriffserklaerung */

.begriffserklaerung #contentMain ul li {
	margin-bottom: 40px;
}

/* Button um bei langen Seiten nach oben zu scrollen */
div#scrollToTop {
	position: fixed;
	display: none;
	margin-left: -46px;
	padding-top: -13px;
	bottom: 50%;
	height: 32px;
	width: 26px;
	background: url('/common/images/scrollToTop.gif') top left no-repeat;
	cursor: pointer;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

div#scrollToTop:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}


/* editableContent */

#editTheContent {
	position: fixed;
	top: 0;
	left: 0;
	margin-bottom: 20px;
	background: #ffeb04 url("../images/editTheContentBgr.png") left repeat-x;
	border-bottom: 2px solid #0e9a3c;
	text-align: center;
	height: 20px;
	width: 100%;
	z-index: 1111;
}

.noticeDummyCommon {
	background: #fff;
	font-weight: bold;
}

 .highlight {
    background-color: transparent;
    background-color: #FFEB04;
    font-weight: bold;
 }
 .h2TextLinkIcon{
     font-size: 16px;
     margin-left: 15px;
 }
 /* vorteile */

#accordion h2.accordionHeadline, h2.accordionHeadline {
	height: 40px;
	line-height: 40px;
	margin-bottom: 0;
	width: 916px;
	border: 1px solid #ddd;
	background-color: #f6f6f6;
	margin-bottom: 20px;
}

#accordion h2.accordionHeadline a, h2.accordionHeadline a {
	background: transparent url("../images/accordionToggle.png") no-repeat;
	display: block;
	padding-left: 30px;
	margin-left: 10px;
	line-height: 40px;
	height: 40px;
}

h2.accordionHeadline a, h2.accordionHeadline a:link, h2.accordionHeadline a:visited,
#accordion h2.accordionHeadline a, #accordion h2.accordionHeadline a:link, #accordion h2.accordionHeadline a:visited {
	background-position: left 10px;
}
h2.accordionHeadline a:hover, h2.accordionHeadline a:active, h2.accordionHeadline a:focus,
#accordion h2.accordionHeadline a:hover, #accordion h2.accordionHeadline a:active, #accordion h2.accordionHeadline a:focus {
	background-position: left -30px;
}

h2.accordionHeadline.active a, h2.accordionHeadline.active a:link, h2.accordionHeadline.active a:visited,
#accordion h2.accordionHeadline.active a, #accordion h2.accordionHeadline.active a:link, #accordion h2.accordionHeadline.active a:visited {
	background-position: left -70px;
}
h2.accordionHeadline.active a:hover, h2.accordionHeadline.active a:active, h2.accordionHeadline.active a:focus {
	background-position: left -110px;
}

.accordionContainer {
	overflow: hidden;
	clear: both;
	width: 878px;
    padding-left: 20px;
}
.accordionContainer .block {
	padding-top: 20px;
}

.labelHover{
    /*background-color: #E9E9E9;*/
    background-color:#FFFFFF;
    background-image:url(/lib/ext/latest/resources/images/default/form/text-bg.gif);
    border: 1px solid #C1C1C1;

    height: 16px !important;
    cursor: text !important;
    font-size: 12px !important;
}
.labelHighlight{
    background-color: #F4F4F4;
}


/* IE 6 Bugfix für Fieldsets-Title padding */
* html .x-fieldset-noborder legend{
    margin-left: -25px;
}
* html .x-fieldset-header {
    margin-left: -7px;
}
/* IE 7 und 8 Bugfix für Fieldsets-Title padding */
* + html .x-fieldset-noborder legend{
    margin-left: -25px;
}
* + html .x-fieldset-header {
    margin-left: -7px;
}

/* Tooltips */
.tooltip, .tt {
    position: absolute;
    display: none;
    z-index: 10000;
    background-color: #FFFFFF;
    padding: 3px;
    border: 1px solid #c0c0c0;
    font-size:11px;
}

.tooltiped, .ttd {
    border-bottom: 1px dotted #808080;
    text-decoration: none !important;
}

.notTooltiped {
    border-bottom: none !important;
    text-decoration: none !important;
}

.TStooltip{
    position: absolute;
    z-index: 10000;
    background-color:#FAFAFA;
    padding: 3px;
    border: 1px solid #c0c0c0;
    font-size:11px;
    -moz-box-shadow: 2px 2px 4px #A6A6A6;
    -webkit-box-shadow: 2px 2px 4px #A6A6A6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#A6A6A6')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#A6A6A6');
    box-shadow: 2px 2px 4px #A6A6A6;
}

.IE9_Checkboxfix{
    margin-left:25px;
}

.HelpMenue{
    display: none;
    position: absolute;
    z-index: 999999;
    background-color: #F0F0F0;
    border: 1px solid #7D7D7D;
    -moz-box-shadow: 2px 2px 4px #A6A6A6;
    -webkit-box-shadow: 2px 2px 4px #A6A6A6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#A6A6A6')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#A6A6A6');
    box-shadow: 2px 2px 4px #A6A6A6;
    padding:2px;
}

.Hilfetabellezeile{
    padding: 3px;
    padding-left: 7px;
    padding-right: 7px;
    border-bottom: 1px solid #E0E0E0;
    cursor: pointer;
    white-space: nowrap;
}

.Hilfetabellezeile:hover{
    background-color: #BBC8E3;
}

.flashContainer{
	position:relative;
	overflow:hidden;
}

.progressBar{
	display:none;
	position:absolute;
	width:auto;
	height:8px;
	left:7px;
	right:7px;
	bottom:2px;
	background-color:#141414;
	overflow:hidden;
	cursor:pointer;
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
}

.progressBar .elapsed{
	position:absolute;
	width:0;
	height:100%;
	background-color:#0E9A3C;
	border-right:1px solid #0E9A3C;
}

.controlDiv{
	/* Centering the control div */
	position:absolute;
	width:120px;
	height:120px;
	cursor:pointer;
	top:50%;
	left:50%;
	margin:-60px 0 0 -60px;
}

.controlDiv.play{
	background:url('/images/play.png') no-repeat center center;
}

.controlDiv.replay{
	background:url('/images/replay.png') no-repeat center center;
}

.controlDiv.pause{
	background:url('/images/pause.png') no-repeat -99999px;
}

.flashContainer:hover .controlDiv.pause{
	background-position:center center;
}

.flashContainer.playing:hover .progressBar{
	display:block;
}

.guidedSize .autocompletionBox {
	position: absolute;
	display: none;
	border: 1px solid #777;
	background: #fff;
	list-style: none;
	padding: 0;
	margin: 0;
	list-style-position: inside;
	z-index: 50021;
	margin-right: 4px;
}

.guidedSize .autocompletionBox#guided_width_completion, .guidedSize .autocompletionBox#guided_section_completion {
	min-width: 46px;
}

.guidedSize .autocompletionBox#guided_diameter_completion {
	min-width: 36px;
}

.guidedSize .autocompletionBox#guided_section_completion, .guidedSize .autocompletionBox#guided_diameter_completion {
	margin-left: 4px;
}

.guidedSize .autocompletionBox li {
	padding: 2px 4px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	font-size: 11px;
	line-height: 14px
}

.guidedSize .autocompletionBox li.hover {
	background: rgb(194,194,194);
}

#Depotfailure { 
    border: 1px solid #d66c68;
    background-color: #f6d3cf;
    padding: 10px;
    margin: 50px 10px 10px 10px;
    color: #aa0225;
}

#Depotfailure h3{
    padding-top: 5px;
}

#Depotfailure a{
    color: #aa0225 !important;
}

#filterBar {
    font-size: 10pt;
    height: 18px;
}

/* Fuer InfoBoxen (Popups) */
.x-window-mc .infoBox {
    padding: 50px;
    font-family: 'LatoLatin', sans-serif;
    font-size: 16px;
}

.x-window-mc .infoBox h3 {
    margin: 0;
    padding: 0;
}

.x-window-mc .infoBox h3 + p {
    padding-top: 50px;
}

.x-window-mc .infoBox p {
    font-size: 16px;
    padding-top: 16px;
}

.x-window-mc .infoBox ul {
    margin: 15px 0 0 15px;
    list-style: disc;
    list-style-position: outside;
}

#showMoreItemsButton {
    margin-top: 50px;
    width: 100%;
    text-align: center;
}

.infoBoxRed {
    border-top: 1px solid #d66c68;
    border-left: 1px solid #d66c68;
    border-bottom: 1px solid #d66c68;
    border-right: 1px solid #d66c68;
    background-color: #f6d3cf;
    color: #aa0225 !important;
    
    font-size: 16px; 
    padding-left: 20px;
    padding-right: 20px;
}
.infoBoxRed a {
    color: #aa0225 !important;
}


.green{
    color:green;
}

.orderOrSelect>.techdoc{
    display: none;
}

#nav_bg{
  position: fixed;
  z-index: 3;
  top: 0;
  -webkit-transform: translate3d(0,0,0);

}

.fixedWrapper{
    position: fixed;
    width: 100%;
    min-width: 950px;
    max-width: 1270px;
    background: white;
    z-index: 2;
    margin-top: -70px;
    padding-top: 100px;
    -webkit-transform: translate3d(0,0,0);
}

#contentAndFooter{
      margin-top: 150px;
}