@charset "UTF-8";
@media all
{

/**
 * - general
 * - grid
 * - navi
 * - content
 * - form
 *
 */



/* ############################################################################################## */
/**
 * general
 */

body {color:#333; font-size:13px; font-family:Arial Narrow, Arial, sans-serif; letter-spacing:1px; background:#ededed url(../img/bg/gradient_main.png) repeat-x;}

a, a:hover, a:active, a:focus {color:#333;}

h1 {padding:0 0 0 35px; color:#ccc; letter-spacing:2px; font-weight:normal; line-height:29px; background:url(../img/icons/headline.png) 0 3px no-repeat;}
h2 {margin:0 -37px 10px -35px; padding:0 0 1px 34px; font-weight:bold; border-bottom:1px solid #D63951; color:#D63951; font-family:Arial; font-size:17px; letter-spacing:1px;}
h3 {margin:0 0 5px 0; padding:0 0 1px 0; border-bottom:1px solid #ccc; color:#666; font-size:14px; letter-spacing:2px; font-weight:normal;}

table {width:100%; margin:0 0 10px 0;}
table th {background:#ccc;}
table .even td {background:#fff;}
table .odd td {background:#eee;}



/* ############################################################################################## */
/**
 * grid
 */

.gridWrapper {width:950px; margin:0 auto;}

.gridHeader {margin:10px 0 10px 151px;}
.gridHeader .divLeft {float:left; width:80px; height:100px; margin:0 10px 0 0; background:#D63951;}
.gridHeader .divRight {float:left; width:630px; height:100px; background:#CDCFD1;}
.gridHeader .divRight img {float:right; margin:20px 30px 0 0;}
.gridMain {padding:20px 0 30px 0; background:url(../img/bg/motiv.jpg) 151px -400px repeat-y;}
*+html .gridMain {border-bottom:1px solid #efefef;}



/* ############################################################################################## */
/**
 * navi
 */

.divNaviMain {position:relative; width:260px; float:left; margin:35px 0 0 0;}
.divNaviMain ul {border:1px solid #D63951; border-top:0; list-style:none;}
.divNaviMain ul ul {border:0;}
.divNaviMain ul li a, .divNaviMain ul li span {padding:7px 10px 7px 25px; display:block; background:url(../img/icons/arrow_circle_red_right.png) 10px 12px no-repeat; border-top:1px solid #D63951; text-decoration:none; letter-spacing:1px;}
.divNaviMain ul li a:hover {background:#eee url(../img/icons/arrow_circle_red_right.png) 10px 12px no-repeat;}
.divNaviMain ul li a.trail {background:#D63951 url(../img/icons/arrow_circle_white_bottom.png) 10px 12px no-repeat; color:#fff;}
*+html .divNaviMain ul li.first {margin-top:-10px;}
*+html .divNaviMain ul li li.first {margin-top:0px;}
.divNaviMain ul li span {background:#D63951 url(../img/icons/arrow_circle_white_right.png) 10px 12px no-repeat; color:#fff;}
.divNaviMain ul li span.submenu {background:#D63951 url(../img/icons/arrow_circle_white_bottom.png) 10px 12px no-repeat;}
.divNaviMain ul ul a{border:0; border-top:1px solid #D63951;}
.divNaviMain ul ul ul li a {border-top:1px solid #D63951;}
.divNaviMain ul ul li a {padding-left:35px; background:url("../img/icons/arrow_circle_red_right.png") no-repeat 21px 12px #eee; color:#333;}
.divNaviMain ul ul li a:hover {padding-left:35px; background:url("../img/icons/arrow_circle_red_right.png") no-repeat 21px 12px #eee; color:#333;}
.divNaviMain ul ul li span {padding-left:35px; background:#eee; color:#D63951; font-weight:bold;}
.divNaviMain ul ul li a.trail {padding-left:35px; background:#ddd url(../img/icons/arrow_circle_red_bottom.png) 22px 11px no-repeat; color:#D63951; font-weight:bold;}
.divNaviMain ul ul li a.trail:hover {padding-left:35px; background:#ddd url(../img/icons/arrow_circle_red_bottom.png) 22px 11px no-repeat; color:#D63951; font-weight:bold;}
.divNaviMain ul ul li span.submenu {padding-left:35px; background:#ddd url(../img/icons/arrow_circle_red_bottom.png) 22px 11px no-repeat; color:#D63951; font-weight:bold;}
.divNaviMain ul ul ul li a {padding-left:40px; background:#ddd; color:#333;}
.divNaviMain ul ul ul li a:hover {padding-left:40px; background:#ddd; color:#D63951;}
.divNaviMain ul ul ul li span {padding-left:40px; font-weight:normal; background:#ddd;}
.divNaviMain .divShadowMiddle {width:249px; padding:9px 0 0 11px; background:url(../img/bg/shadow_navi_top_and_middle.png) repeat-y;}
.divNaviMain .divShadowBottom {width:260px; height:29px; background:url(../img/bg/shadow_navi_bottom.png) no-repeat;}
.divNaviMain .divWrap {position:absolute;}

.mod_navigation {position:relative; bottom:-10px; margin:-10px 0 0 0;}

.divNaviFooter {width:720px; margin:0 0 0 150px;}
.divNaviFooter ul {width:132px; margin:0 auto; list-style:none;}
.divNaviFooter ul li {float:left; margin:0 10px; padding:12px 0;}


/* ############################################################################################## */
/**
 * content
 */

#maschinenpark, #unternehmen {background:#fff;}

.divContent {width:690px; float:left; min-height:400px; height:auto !important; height:400px; margin:0 0 0 -15px; line-height:21px;}
.divContent .divShadowTop {width:688px; height:17px; background:url(../img/bg/shadow_main_top.png) no-repeat;}
.divContent .divShadowMiddle {position:relative; width:590px; min-height:370px; height:auto !important; height:370px; padding:5px 54px 10px 44px; background:url(../img/bg/shadow_main_middle.png) repeat-y;}
.divContent .divShadowMiddleInner {background:url(../img/bg/circles.png) bottom right no-repeat;}
.divContent .divShadowBottom {position:relative; width:688px; height:28px; background:url(../img/bg/shadow_main_bottom.png) no-repeat;}
.divContent .teaser .left {float:left; padding-right:10px;}
.divContent .teaser .right {float:right; padding-left:10px;}

.h1Only h1 {margin:0 0 -17px 0 !important;}

/* text */
.ce_text {clear:both;margin:0 0 24px 0;}
.ce_text h1 {margin:0 0 13px 0;}
.ce_text img {margin:5px 0 0 0;}
.ce_text li {padding:0 0 5px 15px; background:url(../img/icons/arrow_circle_red_right.png) no-repeat 0 5px; list-style:none; line-height:17px;}

/* news */
.mod_newsreader h1 {margin:10px 0;}
.mod_newsreader .info {color:#777; font-size:12px;}
.mod_newslist .layout_latest {margin:0 0 21px 0;}
.mod_newslist .layout_latest .info {color:#777; font-size:12px;}
.mod_newslist h2 a {text-decoration:none; color:#D63951;}

/* toolbar */
.pdf_link {float:right;}
.pdf_link a {margin:0 0 0 5px;}

/* toggler */
.toggler {margin:0 -37px 0 -34px; padding:6px 0 0 0; color:#fff; cursor:pointer; letter-spacing:2px; font-size:13px;}
.toggler.open {padding: 2px 0 2px 34px; background:#D63951 url(../img/icons/toggle__open.png) 14px 6px no-repeat;}
.toggler.closed {padding: 2px 0 2px 34px; background:#D63951 url(../img/icons/toggle__closed.png) 14px 6px no-repeat;}
.accordion {margin:-11px 0 0 0;}
.accordionToggle {margin:7px 0 0 1px;}
.ce_accordion {margin:0 0 1px 0;}
.ce_accordion.open {margin:0 0 19px 0;}
.ce_accordion img {margin:5px 0 0 0;}
.boxProductDetails {margin:-20px 0 30px 0 !important;}

/* table */
th {padding:3px 10px; text-align:left;}
td {padding:3px 10px; text-align:left;}
.moduleTable {width:590px !important; margin:-40px 0 20px 0; font-size:11px; letter-spacing:0; font-family:Arial !important; background:#fff;}
.moduleTable th {color:#fff; padding:0 5px; font-weight:bold; border-bottom:5px solid #fff; border-right:1px solid #fff;}
.moduleTable td {vertical-align:top; padding:0;}
.moduleTable td.border {border-right:1px solid #666;}
.moduleTable tr.border td {border-bottom:1px solid #666;}
.moduleTable tr.bg td {background:#eee;}
.moduleTable p {padding:0 5px; background:#ddd;}
.moduleTable div {padding:0 5px;}
.moduleTableB td {padding:0 5px;}

/* moduleProductText */
.moduleProductText {padding:7px 0 0 0; border-top:1px solid #666; line-height:16px; font-family:Arial !important; font-size:11px;}

/* moduleProductContact */
.moduleProductContact {padding:7px 10px; background:#ce1b49; color:#fff; font-family:Arial !important; font-size:11px;}
.moduleProductContact a {color:#fff;}

/* teaser */
.teaser {margin:0 0 27px 0;}


/* ############################################################################################## */
/**
 * form
 */

form {margin:15px 0 0 0;}
label {display:block; float:left; width:80px; margin:0 0 8px 0;}
input.text {display:block; float:left; width:250px; margin:0 0 8px 0; padding:2px; border:1px solid #999;}
input.text.error {border:1px solid #D63951;}
.submit {display:none; margin:17px 0 0 80px; padding:3px 10px; background:#D63951; color:#fff; border:0; cursor:pointer;}
.submit_container .submit {display:block;}
p.error {font-size:11px; color:#D63951;}
.textarea {width:250px; height:170px; padding:2px; font-family:Arial; font-size:13px;  border:1px solid #999;}
.textarea.error {border:1px solid #D63951;}


}
