* {
    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: 19px;
}

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;
}