* {
margin: 0;
padding: 0;
font-family: Verdana;
}
html {
height: 101%;
}
img {
border-width: 0;
}
/* t3 überschreiben */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom: 10px !important;
}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
margin-left: 0 !important;
}
.csc-firstHeader {
display: none !important;
}
.csc-header {
display: none !important;
}
div#container {
width: 952px;
position: absolute;
left: 50%;
top: 20px;
margin-left: -476px;
}
div#header {
position: absolute;
z-index: 100;
top: 0;
left: 0;
width: 100%;
height: 100px;
}
div#header img {
float: right;
}
div#header ul {
position: absolute;
left: -15px;
top: 18px;
list-style-type: none;
}
div#header ul li {
border-left: 2px solid #f26922;
padding: 4px 0 10px 10px;
margin-left: 10px;
line-height: 10px;
height: 10px;
display: block;
float: left;
}
div#header ul li:first-child {
border-left-width: 0;
}
div#header ul li a {
text-decoration: none;
font-size: 10px;
text-transform: uppercase;
color: #766863;
font-family: Arial;
}
div#header ul li.active a, div#header ul li a:active, div#header ul li a:hover, div#header ul li a:focus {
color: #f26922;
text-decoration: underline;
}
div#menu {
margin-top: 178px;
}
div#menu ul {
list-style-type: none;
}
div#menu ul li {
display: block;
position: relative;
float: left;
width: 159px;
}
div#menu ul li img {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
div#menu ul li img.default {
display: none;
}
div#menu ul li a {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
color: #766863;
font-family: Arial;
text-decoration: none;
letter-spacing: 0.2em;
margin: 68px 0 20px 5px;
display: block;
}
div#menu ul li a:hover {
color: #F26922;
}
div#menu ul li p.bodytext {
font-size: 11px;
color: #867674;
line-height: 16px;
margin: 0 0 5px 5px;
width: 149px;
}
div#container div#menu ul li p.bodytext a {
color: #867674;
text-decoration: underline;
display: inline;
font-family: Verdana;
font-size: 11px;
font-weight: normal;
letter-spacing: 0;
margin: 0;
text-transform: none;
}
div#menu ul li p.bodytext span {
display: block;
padding-left: 5px;
}
div#menu ul li div {
position: absolute;
display: none;
}
div#menu ul li div img {
cursor: default;
position: static;
border-right-width: 0;
border-left-width: 0;
}
div#container div#menu ul li div a {
display: block;
margin: 10px 0 0 5px;
width: 160px;
font-size: 12px;
text-transform: uppercase;
color: #766863;
font-family: Arial;
text-decoration: none;
letter-spacing: 0;
font-weight: normal;
}
div#container div#menu ul li.active div a, div#container div#menu ul li div a:active, div#container div#menu ul li div a:hover, div#container div#menu ul li div a:focus {
text-decoration: underline;
color: #f26922;
}
div#menu ul li div ul {
width: 160px;
}
div#menu ul li div ul li {
display: inline;
float: none;
position: static;
width: 160px;
}
div#container div#menu ul li div ul li a, div#container div#menu ul li.active div ul li a {
display: block;
margin: 5px 0 0 20px;
width: 160px;
padding-left: 0;
font-size: 12px;
color: #766863;
font-family: Arial;
text-decoration: none;
text-transform: none;
}
div#container div#menu ul li div ul li.active a, div#container div#menu ul li div ul li a:active, div#container div#menu ul li div ul li a:hover, div#container div#menu ul li div ul li a:focus {
text-decoration: underline;
color: #f26922;
}
/*****************************
 *
 * Screen
 *
 *****************************************************************/
div#screen {
position: absolute;
top: 300px;
left: 0;
width: 475px;
}
div#screen h1 {
margin-bottom: 30px;
font-family: Arial;
font-size: 14px;
color: #F26922;
}
div#screen h2, div#screen p {
margin-bottom: 20px;
font-size: 11px;
font-weight: normal;
line-height: 16px;
}
div#screen span.important, div#screen span.important a {
color: #F26922;
}
div#screen h2 {
color: #F26922;
font-size: 16px;
}
div#screen h2, div#screen p, div#screen_products p {
margin-bottom: 20px;
font-size: 11px;
font-weight: normal;
line-height: 16px;
width: 457px;
}
div#screen ul {
margin-top: -15px;
width: 445px;
font-size: 11px;
font-weight: normal;
line-height: 16px;
}
div#screen ul li {
margin-bottom: 10px;
padding-left: 7px;
background-image: url(/fileadmin/img/icons/content_list_type.gif);
background-position: 0 8px;
background-repeat: no-repeat;
list-style-type: none;
}
div#screen div.left {
float: left;
padding: 0;
margin: 0;
width: 141px;
}
div#screen div.right {
float: right;
padding: 0;
margin: 0;
width: 284px;
}
div#screen div.left p, div#screen div.right p {
width: auto;
}
div#screen div.left p {
font-size: 9px;
}
div#screen div.left a, div#screen div.right a {
text-decoration: underline;
}
div#screen div.left ul, div#screen div.right ul {
width: auto;
}
div#screen div.left div.csc-textpic img {
position: absolute;
margin-left: -8px;
margin-top: -8px;
}
*html div#screen div.left div.csc-textpic img {
position: absolute;
margin-left: -8px;
margin-top: -8px;
width: 157px;
overflow: visible;
}
div#screen ol {
font-size: 11px;
margin-left: 20px;
}
div#screen ol li {
margin-bottom: 10px;
width: 310px;
}
/*
div#screen li, div#screen_products li {
    margin-left: 20px;
    list-style-type: none;
}
div#screen li, div#screen_products li {
    margin-top: 25px;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
}
*/
div#screen span.detail, div#screen_products span.detail {
font-size: 12px;
}
/* produktwelt special screen */
div#screen_products {
left: 159px;
top: 367px;
/*padding-bottom: 25px;*/
    padding-left: 159px;
width: 475px;
background-color: #e1ddda;
position: absolute;
display: none;
}
/*
 * Screen Menü (vor/zurück Pfeile)
 */
div#screen div#screenmenu {
float: right;
margin-top: 25px;
}
div#screen div#screenmenu a {
text-decoration: none;
color: #766863;
font-weight: bold;
font-size: 15px;
margin-left: 10px;
}
div#screen div#screenmenu a:active, div#screen div#screenmenu a:hover, div#screen div#screenmenu a:focus {
background-color: #D2CAC7;
}
/*
 * Screen Menü Produktwelt
 */
div#screen div#prodmenu {
position: absolute;
left: 644px;
top: 0;
width: 160px;
}
div#screen div#prodmenu.prodmenu_meta {
position: absolute;
left: 485px;
top: 20px;
width: 160px;
}
div#screen div#prodmenu h4 {
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
color: #000000;
}
div#screen div#prodmenu h5 {
margin-top: 15px;
font-weight: bold;
font-size: 11px;
color: #000000;
padding-bottom: 5px;
}
div#screen div#prodmenu ul {
list-style-type: none;
margin-top: 0;
width: auto;
}
div#screen div#prodmenu ul li {
clear: left;
display: block;
background: none;
padding-left: 0;
margin-bottom: 5px;
}
div#screen div#prodmenu ul li span {
display: block;
float: left;
margin-top: 2px;
margin-right: 4px;
width: 14px;
height: 14px;
}
div#screen div#prodmenu ul li a {
font-size: 11px;
color: #000000;
text-decoration: none;
}
div#screen div#prodmenu ul li.active a, div#screen div#prodmenu ul li a:active, div#screen div#prodmenu ul li a:hover, div#screen div#prodmenu ul li a:focus {
color: #f26922;
text-decoration: underline;
}
div#screen div#prodmenu ul li ul {
padding-left: 10px;
}
div#screen div#prodmenu ul li ul li {
margin-bottom: 0;
}
div#screen div#prodmenu ul li.active ul li a {
color: #000000;
text-decoration: none;
}
div#screen div#prodmenu ul li ul li.active a, div#screen div#prodmenu ul li ul li a:active, div#screen div#prodmenu ul li ul li a:hover, div#screen div#prodmenu ul li ul li a:focus {
color: #f26922;
text-decoration: underline;
}
/*
 * prodmenu meta
 */

div#screen div#prodmenu.prodmenu_meta {
position: absolute;
left: 485px;
top: 20px;
width: 160px;
}
div#screen div#prodmenu.prodmenu_meta ul li {
background-image: none;
height: auto;
}
div#screen div#prodmenu.prodmenu_meta ul li a {
font-weight: bold;
}
div#screen div#prodmenu.prodmenu_meta ul li ul {
margin: 6px 0 20px 4px;
}
div#screen div#prodmenu.prodmenu_meta ul li ul li a {
font-weight: normal;
}
div#screen div#prodmenu.prodmenu_meta ul li.active ul li a {
color: #000000;
text-decoration: none;
}
div#screen div#prodmenu.prodmenu_meta ul li.active ul li.active a, div#screen div#prodmenu.prodmenu_meta ul li ul li a:active, div#screen div#prodmenu.prodmenu_meta ul li ul li a:hover, div#screen div#prodmenu.prodmenu_meta ul li ul li a:focus {
color: #f26922;
text-decoration: underline;
}
/*****************************
 *
 * Kontaktformulöar
 *
 *****************************************************************/
form.defform input, form.defform textarea {
border-width: 0;
padding: 2px;
font-size: 11px;
width: 180px;
margin: 4px 0;
}
form.defform textarea {
height: 120px;
}
form.defform label {
display: block;
float: left;
clear: left;
width: 90px;
margin: 2px 0;
}
form.defform input.submit {
float: right;
margin-right: 8px;
width: auto;
border-width: 0;
color: #F26922;
text-decoration: underline;
}
/*****************************
 *
 * Spezielle Anpassungen - statisch!
 *
 *****************************************************************/
/** html li div { margin-left: 5px; }
* + html li div { margin-left: 5px; }*/

li#menu_28 img, li#menu_27 img, li#menu_26 img {
border-right: 2px solid #f26922;
}
div#menu ul li#menu_25 {
width: 157px;
}
li#menu_24 img, li#menu_23 img {
border-left: 2px solid #f26922;
}
/* vision */
li#menu_28 div {
top: -118px;
}
li#menu_28 div a, li#menu_28 div ul {
padding-left: 0;
}
/* entwicklung */
li#menu_27 div {
left: -46px;
top: -103px;
}
li#menu_27 div a, li#menu_27 div ul {
padding-left: 46px;
}
/* produktion */
li#menu_26 div {
left: -261px;
top: -96px;
}
li#menu_26 div a, li#menu_26 div ul {
padding-left: 261px;
}
/* produktwelt - siehe unten */

/* qualitaet */
li#menu_24 div {
left: -357px;
top: -96px;
}
li#menu_24 div a, li#menu_24 div ul {
padding-left: 357px;
}
/* zukunft */
li#menu_23 div {
left: -129px;
top: -35px;
}
li#menu_23 div a, li#menu_23 div ul {
padding-left: 129px;
}
/*
 *
 * PRODUKTWELT
 *
 */
li#menu_25 div {
left: -159px;
top: -100px;
}
/*li#menu_25 div a, li#menu_25 div ul { padding-left: 261px; }*/

div#menu ul li#menu_25 div img {
display: none;
}
div#container div#menu ul li#menu_25 div a {
color: #ffffff;
position: absolute;
z-index: 100;
top: -4px;
left: 177px;
letter-spacing: 0.2em;
width: auto;
text-decoration: none;
}
div#menu ul li#menu_25 div ul {
width: 475px;
}
div#menu ul li#menu_25 div ul li {
display: block;
float: left;
position: relative;
height: 284px;
width: 157px;
background-position: 0 207px;
background-repeat: no-repeat;
}
div#container div#menu ul li#menu_25 div ul li a {
position: absolute;
bottom: 0;
top: auto;
left: auto;
z-index: auto;
margin: 0;
width: 149px;
height: 17px;
padding: 5px 2px 3px 6px;
line-height: 17px;
text-transform: uppercase;
color: #231f20;
letter-spacing: 0.1em;
}
div#menu ul li#menu_25 div ul li.active a, div#menu ul li#menu_25 div ul li a:active, div#menu ul li#menu_25 div ul li a:hover, div#menu ul li#menu_25 div ul li a:focus {
color: #ffffff !important;
}
li#menu_sub_47 {
background-image: url(../img/products/menu_sub_47.png);
}
li#menu_sub_47 a {
background-color: #f26922;
}
li#menu_sub_46 {
background-image: url(../img/products/menu_sub_46.png);
background-position: 0 0 !important;
border: 2px solid #f26922;
border-width: 0px 2px;
}
li#menu_sub_46 a {
background-color: #009adf;
}
li#menu_sub_45 {
background-image: url(../img/products/menu_sub_45.png);
}
li#menu_sub_45 a {
background-color: #0096a5;
}
/*
 *
 * TOPBORDER aus styles_produktwelt
 *
 */


/* topborder div */
div#screen_products div.topborder {
border-top: 1px solid #F26922;
margin-left: -159px;
margin-right: 4px;
clear: both;
}
div#screen_products div.topborder_short {
width: 475px;
}
div#screen_products div.topborder img.leftimg {
float: left;
margin-top: 0px;
border-right: 4px solid #E1DDDA;
}
div#screen_products div.topborder div.rightdiv {
float: right;
width: 147px;
margin-top: 5px;
}
div#screen_products div.topborder div.rightdiv p {
width: 147px;
}
div#screen_products div.topborder div {
width: 310px;
float: left;
margin-top: 5px;
}
div#screen_products div.topborder div p {
width: 310px;
}
div#screen_products div a {
color:#F26922;
text-decoration:underline;
}
div#screen_products div p a {
color:#000;
text-decoration:none;
}
div#screen_products div p a:hover {
color:#F26922;
text-decoration:underline;
}
div#screen_products div.rightdiv a.mail {
text-decoration: underline;
color: #0000EE;
}
/*****************************
 *
 * Login
 *
 *****************************************************************/
.tx-felogin-pi1 {
font-family: Verdana;
font-size: 11px;
line-height: 16px;	
}
.tx-felogin-pi1 h3 {
display: none;	
}
.tx-felogin-pi1 form {
padding-top: 15px;	
}
.tx-felogin-pi1 legend {
display: none;	
}
.tx-felogin-pi1 fieldset {
border: none;	
}
.tx-felogin-pi1 input {
border-width: 0;
padding: 2px;
font-size: 11px;
width: 180px;
margin: 4px 0;
}
.tx-felogin-pi1 label {
display: block;
float: left;
clear: left;
width: 135px;
margin: 2px 0;
}
.tx-felogin-pi1 input#buttonlogin {
float: right;
width: 78px;
border: none;
color: #F26922;
text-decoration: underline;
background: none;
padding: 0px 340px 0px 0px;
margin: 0px;
clear: both;
}
.tx-felogin-pi1 input#buttonforgot {
float: right;
width: 150px;
border: none;
color: #F26922;
text-decoration: underline;
background: none;
padding: 0px 410px 0px 0px;
margin: 0px;
clear: both;
}
.tx-felogin-pi1 p {
clear: left;
display:block;
padding-top: 15px;
}
.tx-srfeuserregister-pi1 {
font-family: Verdana;
font-size: 11px;
line-height: 16px;	
}
.tx-srfeuserregister-pi1 form {
padding-top: 0px;	
}
.tx-srfeuserregister-pi1 legend {
display: none;	
}
.tx-srfeuserregister-pi1 fieldset {
border: none;	
}
.tx-srfeuserregister-pi1 input, .tx-srfeuserregister-pi1 select{
border-width: 0;
padding: 2px;
font-size: 11px;
width: 160px;
margin: 4px 0;
}
.tx-srfeuserregister-pi1 label {
display: block;
float: left;
clear: left;
width: 110px;
margin: 2px 0;
}
.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
width: 165px;
border: none;
color: #F26922;
text-decoration: underline;
background: none;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: right;
}
.tx-srfeuserregister-pi1 dl, .tx-srfeuserregister-pi1 dt, .tx-srfeuserregister-pi1 dd {
margin: 0px;
padding: 0px;
}
.tx-srfeuserregister-pi1 dt {
text-align: left;
padding-right: 0px;
width: 130px;
}
label.tx-srfeuserregister-pi1-password-again {
width: 150px;
display: block;
}
.tx-srfeuserregister-pi1 p, .tx-srfeuserregister-pi1 a {
background: none;
padding: 0px;
margin: 0px;
}
div#screen .tx-srfeuserregister-pi1 p {
margin-bottom: 0px;
width: auto;
}
p.tx-srfeuserregister-pi1-notice {
font-style: italic;
padding-bottom: 15px;
}
p.tx-srfeuserregister-pi1-trash {
padding-bottom: 15px;
}
.tx-srfeuserregister-pi1 h4 {
margin-top: 0px;
padding-left: 0px;
font-size: 11px;
}
/*****************************
 *
 * Multicontent
 *
 *****************************************************************/

.tx-jfmulticontent-pi1 h3 {
font-size: 12px;
padding-bottom: 0px;
}
.tx-jfmulticontent-pi1 div div {
padding-bottom: 0px;
}

/*****************************
 *
 * FCE
 *
 *****************************************************************/
.msbox001 {
width: 100%;
display: table;
height: auto;
}
.msbox001left {
float: left;
width: 49%;
height: auto;
margin-right: 1%;
}
.msbox001right {
float: left;
width: 50%;
height: auto;
}
.msbox002 {
width: 100%;
display: table;
height: auto;
}
.msbox002left {
width: 33%;
float: left;
margin-right: 1%;
}
.msbox002middle {
float: left;
width: 32%;
margin-right: 1%;
}
.msbox002right {
float: left;
width: 33%;
}

