h4 {

    color:#333333;

    font-weight:bold;

    font-size:12px;

    line-height:24px;

    margin-bottom:10px;

    margin-top:10px;

    background:url("../img/layout/headline-icon.png") no-repeat scroll left top transparent;

    padding-left:45px;

}





h5.category, h5.top-category, h6.ui-accordion-header {

    font-size:14px;

    display: block;

    padding: .5em .5em .5em 20px;

    padding-left: 2.2em;

    margin-bottom:0;

}



.ui-accordion { width: 100%; }



h5.category, h5.top-category {

    cursor: pointer;

    position: relative;

    margin-top: 1px;

    border: #ddd 1px solid;

    margin-bottom: 5px;

    background-color: #f5f5f5;

    color: #333;

    padding: 20px 0 35px 40px;

	/*background: rgba(0, 0, 0, 0) url("../../Icons/accordeon-pfeil-geschlossen@2x.png") no-repeat scroll 15px 20px / 12px 16px;*/

}



.ui-accordion .ui-accordion-header {

	cursor: pointer;

	position: relative;

	margin-top: 1px;

	border: #ddd 1px solid;

	margin-bottom: 5px;

	background-color: #f5f5f5;

	color: #333;

	padding: 20px 0 20px 40px;

	/*background: rgba(0, 0, 0, 0) url("../../Icons/accordeon-pfeil-geschlossen@2x.png") no-repeat scroll 15px 20px / 12px 16px;*/

}



.ui-accordion .ui-accordion-li-fix { display: inline; }

.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }

.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }

h5.category .ui-icon, h5.top-category .ui-icon, .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }

.ui-accordion .ui-accordion-content {

    padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; /*zoom: 1*/;

    min-height: auto !important;

}

#KDC .ui-accordion-content{padding-left: 0!important; padding-right: 0 !important;}



.ui-accordion .ui-accordion-content-active { display: block; }



h5.category .ui-icon-minus, h5.top-category .ui-icon-minus{

    background: rgba(0, 0, 0, 0) url("../img/icon/accordion-arrow-open.png") no-repeat scroll 0 3px;

}



.top-category-content-container {

    margin-left: 25px;

}



h5.category .ui-icon-minus, h5.top-category .ui-icon-minus {

    background: rgba(0, 0, 0, 0) url("../img/icon/accordion-arrow-open.png") no-repeat scroll 0 3px;

}

h5 span.ui-icon {

    width: 15px;

    height: 15px;

    background: url(../img/icon/accordion-arrow.png) no-repeat 0 3px !important;

}

.category .ui-icon {

    position: absolute;

    top: 10px;

    left: 10px;

}

h5.category .ui-icon, h5.top-category .ui-icon, .ui-accordion .ui-accordion-header .ui-icon {

    position: absolute;

    left: .5em;

    top: 50%;

    margin-top: -8px;

}



.scroll {

    float: none;

    margin: 0 !important;

    position: relative;

    border-bottom: 1px solid #ccc;

    height: 44px;

    margin-bottom: 20px !important;

}



.scroll li {

    display: inline-block;

    /**display:inline;*/

    /*zoom:1;*/

    list-style: none;

}



.scroll li:first-child {

    margin-left: -40px;

}



.scroll li a {

    background: none;

    border: none;

    color: #333;

    display: block;

    float: left;

    padding: 10px 20px;

}



.scroll li a:hover {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    border-bottom: medium none;

    color: #333;

    text-decoration: none;

    border-color: #ccc #ccc -moz-use-text-color;

    border-image: none;

    border-style: solid solid none;

    border-width: 1px 1px medium;

}



.scroll li a{

    border:1px solid transparent;

}



.scroll li a:hover{

    background-color: #EEE !important;

    border: 1px solid #CCC;

}



.scroll li a.activeTab{

    cursor: default;

    border-bottom: 1px solid transparent;

}



.content h4 span, #second-text h4 span, #applications h4 span {

    background: rgba(0, 0, 0, 0) url("../../Icons/accordeon-pfeil-offen@2x.png") no-repeat !important;

    color: #333;

    display: block;

    padding: 10px 0 10px 30px;

    float: left;

    height: 46px;

    margin: -10px 0;

    background-size: 50% !important;

    background-position: center center !important;

}

/*.content h4 span.ui-icon-plus, #second-text h4 span.ui-icon-plus, #applications h4 span.ui-icon-plus {

    background: rgba(0, 0, 0, 0) url("../../Icons/accordeon-pfeil-geschlossen@2x.png") no-repeat !important;

    background-size: 38% !important;

    background-position: center center !important;

}*/



.content h4 span, #second-text h4 span, #applications h4 span {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

    color: #333;

    display: block;

    float: left;

    height: 46px;

    margin: -10px 0;

    padding: 10px 0;

}



.sortableTable tr:nth-child(even) { background-color: #ccc; }



.sortableTable tr th{


    text-align: center;

    border-bottom: 1px solid #DDD;

    font-weight: 600;

    /*

-webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

*/

}



.sortableTable tr td{

    padding: 5px 5px !important;

    text-align: center;

}

#sb-player{padding-top: 20px;}

#sb-player p{margin: 0 20px; padding-bottom: 10px; }



#AccseptAGB, #AcceptAGBAfterLogin{ /*position: absolute;*/ bottom: 20px; right: 20px;margin-left: 20px;}



#loginFormContainer {

    margin: 22px 0 0 20px;

    width: 90%;

}



#welcome-msg input:hover {

    background: #e2001a none repeat scroll 0 0 !important;

    color: #fff !important;

}



#loginFormContainer input {

	width: 47%;

}



#loginFormContainer input[type="submit"] {

    width: 47%;

    margin-right: 0;

}



#regForm label{

    display: inline-block; /**display: inline; zoom:1;*/ width: 100px; font-weight: normal !important

}

/*fieldset.registerform {

    padding:25px 15px;

    background: #ffffff; !* Old browsers *!

    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); !* FF3.6+ *!

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); !* Chrome,Safari4+ *!

    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); !* Chrome10+,Safari5.1+ *!

    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); !* Opera 11.10+ *!

    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); !* IE10+ *!

    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); !* W3C *!

    !*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); !* IE6-9 *!*!

    -webkit-box-shadow:  0 1px 2px 1px #CCCCCC;

    box-shadow:  0 1px 2px 1px #CCCCCC;

}*/



.floatLeft {

	float: none;

	width: 100%;

}



.firstColumn{margin-right: 40px;}



#branche, #anrede {

	padding: 5px;

	width: 47%;

}

#land {

	padding: 5px;

	width: 48%;

}

.floatLeft .select {

	color: #333 !important;

}



.tx-felogin-pi1 legend{display: none;}

td.typ{text-align: left !important;}

.tx-felogin-pi1 label{margin-top: 15px;}

.tx-felogin-pi1 input{margin: 15px 0;}



.scroll li a.activeTab {

	background-color: #fff;

	border-color: #ccc #ccc #fff;

	border-image: none;

	border-style: solid;

	border-width: 1px;

	color: #333;

	text-decoration: none;

}



#cad-container{position: relative;width: 270px;float: right; height: 175px;}

#cad-image-container{position: absolute; right: 0; top:0; z-index:10;}

#cad-image-container-gb{position: absolute; right: 0px; top:63px; z-index:10;}

#cad-image-container img, #cad-image-container-gb img{width: 270px;}

#cad-text-container{position: absolute; left: 37px; top:61px; z-index:11;}

#cad-text-container-gb{position: absolute; left: 37px; top:120px; z-index:11;}

#cad-bg{



    background: url(../img/layout/stoerer/stoerer-cad-bg.jpg) repeat-x;

    position: absolute;

    top:676px;

    right:0;

    width: 50%;

    height: 169px;

    z-index: 0;

}

#cad-bg-gb{





    background: url(../img/layout/stoerer/stoerer-cad-bg.jpg) repeat-x;

    position: absolute;

    top:660px;

    right:0;

    width: 50%;

    height: 169px;

    z-index: 0;

}





/*french*/

.lang-3 #content-wrap {

    margin-bottom: 50px;

    min-height: 580px;

    width: 960px;

}

#cad-bg-fr{



    background: url(../img/layout/stoerer/stoerer-cad-bg.jpg) repeat-x;

    position: absolute;

    top:840px;

    right:0;

    width: 50%;

    height: 169px;

    z-index: 0;

    margin-bottom: 20px;

}

#konstruktionsdatenFree{width: 100%; margin-bottom: 20px;}



.bezeichnung, .artnr{text-align: left !important;}

/*.sector_1, .sector_2{margin-top: 20px}*/



.artnr {width: 15%;}



.bezeichnung {}



.yes-acc-trigger {

    cursor: pointer;

    height: 40px;

    border-bottom: 1px solid #eee;

    color: #333;

    display: block;

    padding: 10px 0;

}



h4.yes-acc-trigger {

    height: 50px;

}



.top-category{ cursor: pointer;}

.KonstruktionsdatenContainer .h6.ui-accordion-header {margin-left: 25px;}

.top-category-content-container{margin-left: 25px;}



.preloader {

    display: block;

    position: fixed;

    width: 100%;

    height: 100%;

    z-index: 9999;

    background: #000; /* this is important so it's not transparent */

    opacity: .9;

    filter: alpha(opacity=90);

}

.preloader img{

    display: block;

    position: absolute;

    left: 50%;

    top: 50%;



    height: 32px;

    width: 32px

}







.class2{display:none; visibility:hidden; width:0; height:0;  }

input[type="text"],

input[type="password"],

input[type="email"],

textarea,

select {

    border: 1px solid #ccc;

    padding: 4px;

    outline: none;

    /*-moz-border-radius: 2px;

    -webkit-border-radius: 2px;

    border-radius: 2px;*/

    /*font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;*/

    color: #333;

    margin: 0;

    /* width: 180px;*/

    max-width: 100%;

    /*display: block;*/

    margin-bottom: 20px;

    /*margin-right:10px;*/

    background-color:#f1f1f1;

}

select {

    padding: 0; }

/* focus */

input[type="text"]:focus,

input[type="password"]:focus,

input[type="email"]:focus,

textarea:focus {

    border: 1px solid #aaa;

    color: #444;

    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);

    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);

    box-shadow:  0 0 3px rgba(0,0,0,.2);

    background-color:white;



}

/* hover */

input[type="text"]:hover,

input[type="password"]:hover,

input[type="email"]:hover,

textarea:hover {

    border: 1px solid #aaa;

    color: #444;

    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);

    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);

    box-shadow:  0 0 3px rgba(0,0,0,.2); }



textarea {

    min-height: 60px; }

label,

legend {

    display: block;

    font-weight: bold;

}

select {

    /*width: 220px;*/ }

input[type="checkbox"] {

    display: inline; }



.tx-konstruktionsdaten-pi2 input[type="checkbox"] {

    margin-right: 10px;

    margin-top: -10px;

}



label span,

legend span {

    font-weight: normal;

    font-size: 13px;

    color: #444; }









@media only screen and (max-width: 585px) {



    .scroll {

        margin-bottom: 70px !important;

    }



    .scroll li a {

        padding: 10px;

    }



    #konstruktionsdatenFree {

        display: block;

        overflow: scroll;

    }



    /* Tabellen scrollbar im Responsive */



    table {

        display: block;

        overflow: scroll;

    }



}