@charset 'utf-8';

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	}

HTML {
	margin: 0;
	padding: 0;
	height: 100%;
	}
	
FORM {
	padding: 0;
	margin: 0;	
	}
	
BODY {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color:#16191e;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	background:url(../images/bg-body.jpg) repeat-x 0 0;
}	

IMG {
  display:block;
  border: 0;
}

A {
	outline:none;
	color:#acafb4;
}

h3 {
  position: relative !important;
  z-index: 0 !important;
	font-weight: normal;
}

A:link, A:visited {
	text-decoration:none;
	color:#acafb4;
}

A:hover, A:focus, A:active {
	text-decoration:none;
	color:#ffffff;
}

sub, sup {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}

sup {
  bottom: 1ex;
}

sup small {
  display: inline !important;
}

sub {
  top: .5ex;
}




/* Main
--------------------------------------------------------------------------------*/

#wrapper {
	width:950px;
	border-right: 1px solid #bbbcbf;
	background: #16191e url(../images/bg-main.jpg) repeat-x left 80px;
	height: auto !important;
	margin-bottom: -70px;
	min-height: 100%;	
}


#wrapper_gewinn {
	width:964px;
	min-height:100.01%;
	height:auto!important;
	height:100.01%;
	background: #16191e url(../images/gewinnspiel_bg.jpg) no-repeat left 80px;
	position:relative;
}

#shadowleft {
	min-height:100.01%;
	height:auto!important;
	height:100.01%;
	width:14px;
	position:absolute;
	right:0;
	top:0;
	background:url(../images/bg-wrapper.jpg) repeat-y left top;
}

#header {
	width:100%;
	height:80px;
	background-color:#bbbcbf;
}

#logo {
	display:-moz-inline-box;
	display:inline-block;
	float:left;
	width:210px;
	height:80px;
	background:url(../images/logo.gif) no-repeat left top;
}

/* breadcrumbs */

#breadcrumbs {
  float:left;
  color: #acadaf;
  font-size: 10px;
  margin: 16px 0 7px 24px;
}

#breadcrumbs UL {
  list-style-type:none;
}

#breadcrumbs UL LI {
  float:left;
  margin: 0 5px;
}

/* content */

.bold {
  font-weight: bold;
}

.yellow {
	color: #ffed00 !important;
}

A.highlight {
  color: #ffed00 !important;
}

.black {
  color:#000000;
}

.white {
	color: #ffffff;
}

.small {
	font-size: 12px;
}

.caption {
	font-size: 11px;
}

.medium {
	font-size: 18px;
	line-height: 20px;
}

.nocufon .medium {
	font-size: 15px;
	line-height: 18px;
}

.medium .target span {
  height: 20px !important;
}

.medium.focus {
  margin: -2px 0 -2px -3px !important;
}

.large {
	font-size: 25px;
	line-height: 30px;
}

.large .target span {
	height: 32px !important;
}

.large.focus {
  margin: 3px 0px -2px -3px !important;
}

.mediumlarge {
	font-size: 30px;
	line-height: 40px;
}

.nocufon .mediumlarge {
	font-size: 26px;
	line-height: 28px;
}

.xlarge {
	font-size: 40px;
	line-height: 45px;
	}
	
.nocufon .xlarge {
	font-size: 30px;
	line-height: 36px;
}

.xlarge.focus {
  margin: -2px 0px -2px -3px !important;
}

.subline {
	margin-top: 5px;
}

#content {
  float:left;
  padding: 10px 0 25px 30px;
  width: 700px;
  color:#fff;
  font-size:12px;
  line-height:130%;
}

#content .contentImageLeft {
  float: left;
  margin-right: 25px;
}

#content .contentImageRight {
  float: right;
  margin-left: 25px;
}

#content P {
 /* margin-top: 15px; */
}

#content .margintop {
  margin-top: 15px;
}

#content .marginbottom  {
  margin-bottom: 15px;
}

#content P.price {
  font-size: 25px;
}

#content P.footnote {
  font-size: 11px;
}

#content ul {
	list-style-type:none;
  margin: 10px 20px 0px 0;
  display: block;
}

#content ul li {
	background:url(../images/pfeile_unten.gif) no-repeat 0 5px;
	padding-left: 16px;
	font-size: 12px;

}

#content .trenner {
	background:url(../images/trenner.gif) no-repeat right top;
	width: 714px;
	height: 9px;
	margin-left: -14px;
	margin-top: 25px;
	margin-bottom: 25px;
	clear: both;
}


#content .button .button_left {
background: url(../images/button_bg_l.gif) no-repeat top left;
width: 3px;
height: 32px;
float:left;
}

#content .button .button_bg {
background: url(../images/button_bg.gif) repeat-x top left;
height: 32px;
float:left;
line-height: 16px !important;
}

* html #content .button .button_bg {
  line-height: 13px !important;
}

* html .events .button .button_bg {
  width: 150px; 
  text-align: center;
}

#content .button .button_right {
background: url(../images/button_bg_r.gif) no-repeat top left;
width: 11px;
height: 32px;
float:left;
}

#content .button {
  margin-top: 15px;
}

#content .button a {
display:block;
padding: 3px 30px 4px 30px;
}

#content .button a:link, .button a:visited {
	color:#ffffff;
}

#content .button a:hover, .button a:focus, .button a:active {
	color:#ffed00;
}

.buttonSubmit {
  display: block !important;
  width: 125px;
  height: 35px;
  background: url('../images/button.gif') no-repeat !important;
  text-align: center;
  line-height: 23px;
  clear: both;
  padding-right: 5px;
  color: #fff !important;
  cursor: pointer;
  margin-top: 15px;
  
}

.buttonSubmit:hover {
  color: #ffed00 !important;  
}


/* jcarusel (Bildgalerie)
-------------------------------------------------------------------------------- */

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#content.news .jcarousel-list li,
#content.news .jcarousel-item {
    float: left;
    list-style: none;
    width: 335px;
    height: 228px;
}

.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/**
 *  Beginn des Skins
 */

#content.news .jcarousel-container-horizontal {
    width: 335px;
    padding: 0;
}

#content.news .jcarousel-clip-horizontal {
    width:  335px;
    height: 228px;
}

#content.news .jcarousel-item {
    width: 335px;
    height: 228px;
}

/**
 *  Buttons
 */
#content.news .jcarousel-next-horizontal {
    position: absolute;
    bottom: 14px;
    right: 14px;
    width: 26px;
    height: 24px;
    cursor: pointer;
    background: url(../images/accordion_button_r.gif) no-repeat 0 0;
}

#content.news .jcarousel-next-horizontal:hover {
    background-position: -26px 0;
}

#content.news .jcarousel-next-horizontal:active {
    background-position: -26px 0;
}

#content.news .jcarousel-next-disabled-horizontal,
#content.news .jcarousel-next-disabled-horizontal:hover,
#content.news .jcarousel-next-disabled-horizontal:active {
	visibility: hidden;
}

#content.news .jcarousel-prev-horizontal {
    position: absolute;
    bottom: 14px;
    left: 14px;
    width: 26px;
    height: 24px;
    cursor: pointer;
    background: url(../images/accordion_button_l.gif) no-repeat 0 0;
}

#content.news .jcarousel-prev-horizontal:hover {
    background-position: -26px 0;
}

#content.news .jcarousel-prev-horizontal:active {
    background-position: -26px 0;
}

#content.news .jcarousel-prev-disabled-horizontal,
#content.news .jcarousel-prev-disabled-horizontal:hover,
#content.news .jcarousel-prev-disabled-horizontal:active {
   visibility: hidden;
}

/* accordion
-------------------------------------------------------------------------------- */

#content a.newseintrag
{
	width: 665px;
	display: block;
	background: url(../images/accordion_line_off.gif) no-repeat;
	padding: 8px 0 8px 24px;
}

#content a.newseintrag .singleline {
  display: block;
  width: 660px;
}

#content a.newseintrag.ui-state-active {
  color: #ffed00;
}



#content a.newseintrag .singleline.focus {
  margin: -2px 0 -2px -2px !important;
}

#content a.ui-state-hover
{
	width: 690px;
	display: block;
	background: url(../images/accordion_line_on.gif) no-repeat;
	padding: 8px 0 8px 24px;
}

* html #content a.ui-state-hover {
  width: 665px !important;
}

#content a.ui-state-hover span
{

}

#content a.ui-state-active
{
background: url(../images/accordion_line_on.gif) no-repeat;
color: #ffffff;
}

#content a.ui-state-active span
{
	color: #ffed00;
	font-weight: bold;
}

#content #accordion
{
	margin-top: 25px;
	background: url(../images/accordion_line.gif) no-repeat left bottom;
}

.ui-accordion-content {
  overflow: hidden;
}

#content .newscontent
{
	width: 666px;
	height: auto;
	padding: 20px 0 28px 24px;
}

#content .newscontent p
{
	margin-top: 0px;
}

#content .ie
{
	height: 1px;
}

#content .subcontent
{
	width: 666px;
	padding-top: 20px;
}

/* Index
-------------------------------------------------------------------------------- */

#content.start #makeMeScrollable {
	position: relative;
	width: 690px;
}

#content.start #ecolady {
	position: relative;
	width: 690px;
	height: 246px;
}

#content.start #ecolady {
	position: relative;
	width: 714px;
	height: 246px;
	margin-left: -14px;
}

#content.start #ecoladytext {
	position: absolute;
	left: 14px;
	top: 148px;
	z-index: 101;
}


/* Service
-------------------------------------------------------------------------------- */

#service_bild {
float:left;
margin-right: 18px;
}

#service_text {
float:left;
width: 335px;
}

/*
#service_subtext{
position:absolute;
left:0;
bottom:0;
width: 335px;
}

h4 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 30px;
	margin-bottom: 20px;
	margin-left: -2px;
}
*/
h4 .edit INPUT {
  font-size: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
}

h5 {
	font-weight: normal;
}

h6 {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 30px;
	margin-left: -2px;
}

.spacer {
  height: 25px;
}

/* Highlights
-------------------------------------------------------------------------------- */
#content.highlights .hl_textspalte
{
float:left;
width: 330px;
margin-right: 18px;
}

#content.highlights .hl_bildspalte
{
position:relative;
float:left;
}

#content.highlights .clickplus,
#content.maschinen_index .clickplus
{
position:absolute;
width: 35px;
height: 34px;
}

#content .clickplus A {
  display: block;
  width: 35px;
  height: 34px;
  overflow: hidden;
}

#content.highlights .clickplus A IMG {
  margin-left: 0px !important;
}

#content .clickplus A.active IMG {
  margin-left: -35px !important;
}

#content .clickplus A:hover IMG {
 margin-left: -35px; 
}


#content.maschinen_index #start_bild a.hover
 {
	display:block;
	cursor: pointer;
	width: 35px;
	height: 34px;
}

#content.highlights .hl_textspalte a.hover {
cursor: pointer;
color: #acadaf;
}


#content.highlights .hl_textspalte a.hover:hover,
#content.highlights .hl_textspalte a.hover:focus,
#content.highlights .hl_textspalte a.hover:active,
#content.highlights .hl_textspalte a.hover.active {
	color:#ffed00;
}

/* maschinen index
-------------------------------------------------------------------------------- */
#content.maschinen_index #start_bild {
	position:relative;
	display:block;
	margin-top: 3px;
	z-index: 10;
	margin-bottom: 3px;
}

#content.maschinen_index #start_bild #gal_holder {
	position:absolute;
	width: 483px;
	top: 0px;
	left: 60px;	
	z-index: 600;
}

#content.maschinen_index #start_bild .gal_off {
	left: -6000px !important;	
}

#content.maschinen_index #start_bild #gal_top {
	background: url(../images/maschine_gal_top.png) no-repeat;
	width: 483px;
	height: 41px;
}

#content.maschinen_index #start_bild #gal_middle {
	background: url(../images/maschine_gal_middle.png) repeat-y;
	width: 483px;
	position:relative;
	height: 397px;
}



#content.maschinen_index #start_bild #gal_bottom {
	background: url(../images/maschine_gal_bottom.png) no-repeat;
	width: 483px;
	height: 39px;
}

#content.maschinen_index #start_bild li
{
	background: none;
	padding: 0;
}

#content.maschinen_index #start_bild ul
{
	margin: 0;
	padding: 0;
}

#content.maschinen_index #bild_holder
{
	position: absolute;
	left: 34px;
	top: -7px;
	width: 415px;
  height: 397px;
}

#bild_holder .editable.image.focus {
  position: relative !important;
}

#content.maschinen_index span.gal_text
{
  display:block;
  width:258px;
  padding-left: 18px;
  background: url(../images/pfeil_galerie.gif) no-repeat;
  float: left;
  margin-top: 15px;
}

#content.maschinen_index span.gal_text .focus {
  margin-right: -2px !important;
  margin-left: -2px;
  margin-top: -2px;
  border-right: 0 !important;
  display: block;
}

#content.maschinen_index .close_holder
{
	position: absolute;
	width: 26px;
	height: 24px;
	bottom: 21px;
	right: 10px;
	z-index: 10;
}

#content.maschinen_index a.close
{
	display:block;
	width: 26px;
	height: 24px;
	background: url(../images/close_off.gif) no-repeat;
	cursor: pointer;
}

#content.maschinen_index a:hover.close
{
	background: url(../images/close_on.gif) no-repeat;
}


/**
 *  jcarousel
 */

#content.maschinen_index .jcarousel-list li,
#content.maschinen_index .jcarousel-item {
    float: left;
    list-style: none;
    width: 415px;
    height: 397px;
}

/**
 *  Beginn des Skins
 */

#content.maschinen_index .jcarousel-container-horizontal {
    width: 415px;
    padding: 0;
}

#content.maschinen_index .jcarousel-clip-horizontal {
    width: 415px;
    height: 397px;
}

#content.maschinen_index .jcarousel-item {
    width: 411px !important;
    height: 397px;
    padding: 2px !important;
}

/**
 *  Buttons
 */
#content.maschinen_index .jcarousel-next-horizontal {
    position: absolute;
    bottom: 21px;
    right: 39px;
    width: 26px;
    height: 24px;
    cursor: pointer;
    background: url(../images/accordion_button_r.gif) no-repeat 0 0;
}

#content.maschinen_index .jcarousel-next-horizontal:hover {
    background-position: -26px 0;
}

#content.maschinen_index .jcarousel-next-horizontal:active {
    background-position: -26px 0;
}

#content.maschinen_index .jcarousel-next-disabled-horizontal,
#content.maschinen_index .jcarousel-next-disabled-horizontal:hover,
#content.maschinen_index .jcarousel-next-disabled-horizontal:active {
	visibility: hidden;
}

#content.maschinen_index .jcarousel-prev-horizontal {
    position: absolute;
    bottom: 21px;
    right: 69px;
    width: 26px;
    height: 24px;
    cursor: pointer;
    background: url(../images/accordion_button_l.gif) no-repeat 0 0;
}

#content.maschinen_index .jcarousel-prev-horizontal:hover {
    background-position: -26px 0;
}

#content.maschinen_index .jcarousel-prev-horizontal:active {
    background-position: -26px 0;
}

#content.maschinen_index .jcarousel-prev-disabled-horizontal,
#content.maschinen_index .jcarousel-prev-disabled-horizontal:hover,
#content.maschinen_index .jcarousel-prev-disabled-horizontal:active {
   visibility: hidden;
}

#content.maschinen_index #ecoline_holder {
	position: relative;
	margin-top: -20px;
	width: 188px;
	height: 203px;
}

#content.maschinen_index #ecoline {
	position: relative;
	width: 188px;
	height: 203px;
}

#content.maschinen_index #ctx-310-eco-text {
	position:relative;
	float:left;
	width: 325px;
	z-index: 10;
	
}

#content.maschinen_index #ctx-310-eco-bild {
	width: 337px; 
	height:176px; 
	float:left;
}



#content.maschinen_index .preis {
	margin-top: 37px;
	font-size: 22px;
}

#content.maschinen_index .preistext {
	font-size:11px;
}
	
#content.maschinen_index .contentBox {
	float:right;
  background: url(../images/hg-powertools-mitte.gif) repeat-y 0 0;
	width:226px;
	margin-left:20px;
	margin-top: 25px;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
} 

#content.maschinen_index .contentBox .eco-powertools-bottom {
  padding-bottom:20px;
}



#content.maschinen_index .contentBox .contentBoxTop {
  background: url(../images/hg-powertools-oben.gif) no-repeat 0 0;
  height: 16px;
  width: 266px;
  margin-left: -20px;
}

#content.maschinen_index .contentBox .contentBoxBottom {
  background: url(../images/hg-powertools-unten.gif) no-repeat 0 0;
  height: 11px;
  margin-top: 20px;
  width: 266px;
  margin-left: -20px;
}

.contentBox .contentBoxDivider {
  margin-top: -1px;
  position: relative;
}

#content.maschinen_index .contentBox ul {
	width: 222px;
  margin-top: 0;
  background: url('../images/ctx-310-eco-powertools-linie.gif') no-repeat top left;
  overflow: hidden;
}

#content.maschinen_index .contentBox .list {
  background: url('../images/ctx-310-eco-powertools-linie.gif') no-repeat bottom left;



}

.contentBox div.editable.richtext.list {
  margin-top: 0 !important;
  margin-bottom: -2px !important;
}

.contentBox div.editable.richtext.list.focus {
  margin-top: -0px !important;
  background: none !important;


}

.contentBox div.editable.richtext.list.focus ul {
  margin-top: -2px !important;
  margin-bottom: -1px !important;
} 

#content.maschinen_index .contentBox ul li{
	line-height: 34px;
	padding-left: 15px;
  height: 35px;
  background: url(../images/raster-linie.gif) repeat-x 0 bottom;
  float: left;
  width: 100%;
  margin-bottom: -1px !important;
}

#content.maschinen_index .contentBox ul li a {
  display:block;
  padding-left: 11px;
  background: url(../images/pfeil-gelb-links.gif) no-repeat 0 14px;
}

#content.maschinen_index .text_klein {
  float: left;
	font-size: 11px;
	line-height:14px;
	height: 184px;
	width:410px;
	border: 1px solid #16191e;
	position: relative;
}

* html #content.maschinen_index UL LI {
  float: left;
  clear: both;
  width: 300px;
}

.text_klein .focus {
  margin-bottom: 2px !important;
}

#content.maschinen_index ul.pfeile {
	width: 358px;
}

#content.maschinen_index a#konfigurator:link, #content.maschinen_index a#konfigurator:visited {
	display:block;
	cursor:pointer;
	line-height:22px;
	color:#ffffff;
	padding:0px 25px 0px 25px;
}

#content.maschinen_index a#konfigurator:hover {
	color: #ffed00;
}

#content.maschinen_index .konfig_wrap {
	position:absolute;
	bottom: 0;
	display:block;
	width:119px;
	height:24px;
	background: url(../images/konfigurieren.gif) no-repeat left top;
}

.contentBoxHeadline {
  	color: #ffed00;
    margin-bottom:17px;
    margin-top: 4px;
}

.contentBoxHeadline.focus {
  margin: 0 !important;
  padding-bottom: 0 !important;
  width: 230px !important;
  padding-left: 0px !important;
  margin-left: -4px !important;
  padding-top: 0 !important;
  margin-top: 2px !important;
  margin-bottom: 15px !important;
}

.contentBoxHeadline .edit .target {
  margin-left: -2px !important;
  margin-top: -1px !important;
}

/* Downloads
-------------------------------------------------------------------------------- */

#content.download .downloads {
float: left;
width: 240px;
height: 390px;
}

#content.download .downloads_last {
float: left;
width: 160px;
}

#content.download .downloadtext
{
margin-top: 30px;
margin-bottom: 17px;
height:30px;
}

.download .language {
	float: left;
	display: block;
	}
	
.download .fileInfo {
	float: left;
	display: block;
	margin-right: 3px;
	}	
	
.download .button {
	clear: both;
	float: left;
	}	

/* News
-------------------------------------------------------------------------------- */

#content.news .downloadtext
{
	margin-top: 32px;
	margin-bottom: 20px;
}

#content.news .textspalte_news
{
	width: 312px;
	float: left;
	padding-right: 20px;
}

#content.news .bildspalte_news
{
	width: 334px;
	float: left;
	overflow: hidden;
}

#content #mycarousel li
{
	background: none;
	padding: 0;
}

#content #mycarousel ul
{
	margin: 0;
	padding: 0;
}

/* Success Stories
-------------------------------------------------------------------------------- */

#content.success_stories li
{
	background: none;
	padding: 0;
}

#content.success_stories ul
{
	margin: 0;
	padding: 0;
}

#content.success_stories .bildspalte_success
{
	width: 352px;
	float: left;
}

#content.success_stories .textspalte_success
{
	position: relative;
	width: 312px;
	float: left;
	height: 228px;
}

#content.success_stories .bottom_text
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 312px;
}

/* Finacial Service
-------------------------------------------------------------------------------- */

#content.fs .textfeld_holder {
	padding-bottom: 25px;
}

#content.fs .textfeld_l {
	float: left;
	width: 315px;
	margin-right: 20px;
}

#content.fs .textfeld_r {
	float: left;
	width: 315px;
}

#content.fs .caption {
	position: relative;
	font-size: 11px;
}

#content.fs .caption .stern {
	position: absolute;
	left: -10px;
	top: 0px;
	font-size: 11px;
}

/* Maschinen Controls
-------------------------------------------------------------------------------- */

#content.masch_control .control_holder
{
	margin-left: -25px;
	width: 715px;
}

#content.masch_control .top_ohne
{
	margin-top: 0;
}

#content.masch_control .control_bild
{
	width: 192px;
	float: left;
}

#content.masch_control .control_text
{
	width: 510px;
	float: left;
}

/* dmu-50-eco
--------------------------------------------------------------------------------*/

#content.dmu-50-eco .text {
	position:relative;
	z-index:10;
}

#content.dmu-50-eco img {
	position:absolute;
	z-index:0;
}

div#content.dmu-50-eco .beschr .pointer .dot {
	float:right;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}

#content.dmu-50-eco #dmu-50-eco-holder {
  position:relative;
  height: 713px;
}

div#content.dmu-50-eco #tragrollenlager {
  position: absolute;
  top:20px;
  left: -10px;
  background: url(../images/dmu-50-eco-tragrollenlager.png) no-repeat 0 0;
  width: 490px;
  height: 280px;
  padding-top: 25px;
  z-index: 3;
}

#content.dmu-50-eco #werkzeughalter {
  position: absolute;
  top: 150px;
  left: 240px;
	background: url(../images/dmu-50-eco-werkzeughalter.png) no-repeat 0 0;
  width: 415px;
  height: 181px;
  padding-top:100px;
  z-index: 2;
}

#content.dmu-50-eco #hebel {
  position: absolute;
  top: 390px;
  left: 10px;
	background: url(../images/dmu-50-eco-hebel.png) no-repeat 0 0;
  width: 440px;
  height: 250px;
  padding-top:70px;
  z-index: 2;
}

#content.dmu-50-eco #halter {
  position: absolute;
  top: 560px;
  right: -40px;
	background: url(../images/dmu-50-eco-halter.png) no-repeat right 0;
  width: 490px;
  height: 200px;
  padding-top:60px;
  z-index: 2;
}

#content.dmu-50-eco #halter p, 
#content.dmu-50-eco #halter h6 {
	text-align:left;
}

#content.dmu-50-eco #halter .pointer .line {
	float:left;
	margin:0 1px 0 3px;
}

#content.dmu-50-eco #halter .pointer .plus, 
#content.dmu-50-eco #halter .pointer .dot {
	float:left;
}








/* ctx-310-eco-at
--------------------------------------------------------------------------------*/

#content.ctx-310-eco-at .text {
	position:relative;
	z-index:10;
}

#content .beschr p {
	text-align:right;
	line-height:150%;
	font-size:12px;
	margin: 0;
	margin-right: 12px;
}

#content .beschr {
	clear:both;
	position:relative;
	z-index:5;
	margin:0 57px 0 0;
	float:right;
	text-align:right;
	width:300px;
}

#content .beschr.align-left {
  text-align: left;
}

#content.ctx-310-eco-at img {
	position:absolute;
	z-index:0;
}

div#content.ctx-310-eco-at .beschr .pointer .dot {
	float:right;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}

#content.ctx-310-eco-at #ctx-310-eco-at-holder {
  position:relative;
  height: 740px;
}

div#content.ctx-310-eco-at #zange {
  position: absolute;
  top:0;
  left: 220px;
  background: url(../images/ctx-310-eco-at-zange-2.jpg) no-repeat 0 0;
  width: 430px;
  height: 140px;
  padding-top: 50px;
  z-index: 3;
}

#content.ctx-310-eco-at #zylinder {
  position: absolute;
  top: 80px;
  left: 20px;
	background: url(../images/ctx-310-eco-at-zylinder-2.jpg) no-repeat 0 0;
  width: 380px;
  height: 181px;
  padding-top:130px;
  z-index: 2;
}

#content.ctx-310-eco-at #pic-bind {
	top:315px;
	left:470px;
}

#content.ctx-310-eco-at #bind {
	position: absolute;
  top: 370px;
  left: 190px;
	background: url(../images/ctx-310-eco-at-bind-2.jpg) no-repeat right 0;
  width: 480px;
  height: 150px;
  padding-top:80px;
  z-index: 1;
}

#content.ctx-310-eco-at #bind p, #content.ctx-310-eco-at #bind h6 {
	text-align:left;
}

#content.ctx-310-eco-at #bind .pointer .line {
	float:left;
	margin:0 1px 0 3px;
}

#content.ctx-310-eco-at #bind .pointer .plus, #content.ctx-310-eco-at #bind .pointer .dot {
	float:left;
}

#content.ctx-310-eco-at #schraub {
	position: absolute;
  top: 550px;
  left: 20px;
	background: url(../images/ctx-310-eco-at-schraub-2.jpg) no-repeat 0 0;
  width: 410px;
  height: 138px;
  padding-top: 80px;
  z-index: 0;
}

#content.ctx-310-eco-at #pic-schraub {
	top:480px;
	left:-8px;
}

/* dmc-55h-eco-at
--------------------------------------------------------------------------------*/

#content.dmc-55h-eco-at .text {
	position:relative;
	z-index:10;
}

#content.dmc-55h-eco-at img {
	position:absolute;
	z-index:0;
}

div#content.dmc-55h-eco-at .beschr .pointer .dot {
	float:right;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}


#content.dmc-55h-eco-at .dmc-55h-eco-at-holder {
  position:relative;
  height: 790px;
}

div#content.dmc-55h-eco-at #gelenkteil {
  position: absolute;
  top:20px;
  left: 220px;
  background: url(../images/dmc-55h-eco-at-gelenkteil.jpg) no-repeat 0 0;
  width: 430px;
  height: 208px;
  padding-top: 50px;
}

* html .beschr .clear {
  height: 1px !important;
  margin-top: -20px;
}

#content.dmc-55h-eco-at #hydrokomponente {
  position: absolute;
  top: 140px;
  left: 20px;
	background: url(../images/dmc-55h-eco-at-hydrokomponente.jpg) no-repeat 0 0;
  width: 360px;
  height: 305px;
  padding-top:130px;
}


#content.dmc-55h-eco-at #pic-hebel {
	top:315px;
	left:470px;
}

#content.dmc-55h-eco-at #hebel {
	position: absolute;
  top: 370px;
  left: 290px;
	background: url(../images/dmc-55h-eco-at-hebel.jpg) no-repeat right 0;
  width: 400px;
  height: 295px;
  padding-top:100px;
}

#content.dmc-55h-eco-at #hebel p, #content.dmc-55h-eco-at #hebel h6 {
	text-align:left;
}

#content.dmc-55h-eco-at #hebel .pointer .line {
	float:left;
	margin:0 1px 0 3px;
}

#content.dmc-55h-eco-at #hebel .pointer .plus, #content.dmc-55h-eco-at #hebel .pointer .dot {
	float:left;
}

#content.dmc-55h-eco-at #lagerflansch {
	position: absolute;
  top: 550px;
  left: 20px;
	background: url(../images/dmc-55h-eco-at-lagerflansch.jpg) no-repeat 0 0;
  width: 430px;
  height: 253px;
  padding-top: 80px;
}

#content.dmc-55h-eco-at #pic-lagerflansch {
	top:480px;
	left:-8px;
}

/* dmc-635v-eco-at
--------------------------------------------------------------------------------*/

#content.dmc-635v-eco-at .text {
	position:relative;
	z-index:10;
}

#content.dmc-635v-eco-at img {
	position:absolute;
	z-index:0;
}

div#content.dmc-635v-eco-at .beschr .pointer .dot {
	float:right;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}


#content.dmc-635v-eco-at .dmc-635v-eco-at-holder {
  position:relative;
  height: 450px;
}

div#content.dmc-635v-eco-at #hebel {
  position: absolute;
  top:40px;
  left: 20px;
  background: url(../images/dmc-635v-eco-at-hebel.jpg) no-repeat 0 0;
  width: 500px;
  height: 208px;
  padding-top: 40px;
}

#content.dmc-635v-eco-at #kopf {
  position: absolute;
  top: 200px;
  left: 190px;
	background: url(../images/dmc-635v-eco-at-kopf.jpg) no-repeat 0 0;
  width: 480px;
  height: 305px;
  padding-top:80px;
}

/* dmc-1035v-eco-at
--------------------------------------------------------------------------------*/

#content.dmc-1035v-eco-at .text {
	position:relative;
	z-index:10;
}

#content.dmc-1035v-eco-at img {
	position:absolute;
	z-index:0;
}

#content .beschr .pointer .line {
	float:right;
	clear: none !important;
	width:267px;
	height:9px;
	margin:0 3px 0 1px;
	background:url(../images/controls-line.gif) repeat-x 0 0;
}

#content .beschr .pointer .plus {
	float: right !important;
	clear: none !important;
	width:9px;
	height:9px;
	background:url(../images/controls-plus.gif) no-repeat 0 0;
}

div#content.dmc-1035v-eco-at .beschr .pointer .dot {
	float:right;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}

#content.dmc-1035v-eco-at .dmc-1035v-eco-at-holder {
  position:relative;
  height: 500px;
}

div#content.dmc-1035v-eco-at #quertraeger {
  position: absolute;
  top:40px;
  left: 20px;
  background: url(../images/dmc-1035v-eco-at-quertraeger.jpg) no-repeat 0 0;
  width: 490px;
  height: 208px;
  padding-top: 70px;
  z-index: 2;
}

#content.dmc-1035v-eco-at #niederhalter {
  position: absolute;
  top: 250px;
  left: 160px;
	background: url(../images/dmc-1035v-eco-at-niederhalter.jpg) no-repeat 0 0;
  width: 510px;
  height: 305px;
  padding-top:50px;
  z-index: 1;
}

#content .beschr {
  float: right;
}


#content .align-left h3,
#content .align-right h3 {
  margin-right: 14px;
  margin-left: 13px;
  margin-bottom: 3px;
  font-weight: normal;
  width: 265px;
}

#content .align-left .pointer .plus {
  float: left !important;
}

#content .align-left p {
  margin-left: 14px !important;
}

#content .align-right h3 {
  float: right;
  text-align: right;
  display: inline;
	margin-bottom:0;
	margin-right:11px;
}

#content .align-left h3 {
  float: left;
  display: inline;
}

.pointer {
  width: 300px;
  clear: both;
  float: right;
  
}

.text {
  border: 1px solid #ffff00;
}

.align-left .pointer {
  float: left;
}

#controls-index-holder .pointer {
  width: 400px;
}

#controls.lottery .pointer {
  width: 400px;
}

#controls-index-holder h3 {
  width: 200px !important;
}

#controls-index-holder .align-right h3.focus {
  margin-top: -2px !important;
  margin-right: 12px !important;
  margin-bottom: 1px !important;
}

#controls-index-holder .align-left h3 {
  margin-left: 13px !important;
}

#controls-index-holder .align-left h3.focus {
  margin-top: -2px !important;
  margin-left: 10px !important;
  margin-bottom: 1px !important;
}

.align-left .pointer {
  float: left;
}

#content .beschr .focus {
  margin: -2px 12px 1px 10px !important;
}

#content .align-right div.editable.richtext {
  margin-top: 4px !important;
  margin-right: 12px !important;
  width: 265px;
  float: right;
}

#content .align-right div.editable.richtext.focus {
  margin-top: 2px !important;
  margin-right: 10px !important;
}

#content .align-right .editable.richtext p {
  margin-right: 3px !important;
}

#content .align-left div.editable.richtext {
  margin-top: 4px !important;
  margin-left: 14px !important;
  float: left;
  width: 265px;
}

#content .align-left div.editable.richtext.focus {
  margin-top: 2px !important;
  margin-left: 10px !important;
}

#content .align-right .editable.richtext p {
  margin-left: 3px !important;
}

/* controls-show
---------------------------------------------------------------------------------*/

#content.controls-show .controls-block-1 {
  position:relative;
}

#content.controls-show .controls-highlights {
	position:relative;
	float:left;
	width: 400px;
	height: 228px;
}

#content.controls-show .controls-show-bild {
  float:left;
  width:139px; 
  height:228px;
}

#content.controls-show .controls-service-bild {
  float:left;
  width:355px; 
}


#content.controls-show .controls-film {
	position:relative;
	float:left;
	width: 330px;
	height: 228px;
}

/* Controls
--------------------------------------------------------------------------------*/

#content.controls #controls-index-holder {
  position:relative;
  height:575px;
}

#content.controls .text {
	height:969px;
}

#content.controls #steuerung {
	position:absolute;
	top:10px;
	left:192px;
}

#content.controls #sim h5, #content.controls #ergo h5, #content.controls #smart h5 {
	padding:0 13px;
	text-align:right;
	color:#ffed00;
	padding-bottom:2px;
	font-size:12px;
	font-weight:normal;
}

#content.controls #sim h6, #content.controls #ergo h6, #content.controls #smart h6, #content.controls #controlname h6 {
	padding:0 13px;
	text-align:right;
	color:#ffed00;
	padding-bottom:2px;
	font-size:12px;
	font-weight:normal;
}

#content.controls #sim p, #content.controls #ergo p, #content.controls #smart p {
	padding:0 13px;
	text-align:right;
	line-height:150%;
	padding-top:3px;
	font-size:11px;
	margin: 0;
}

#content.controls #ergo h6, #content.controls #ergo p, #content.controls #controlname h6 {
	text-align:left;
}

#content.controls #controlname h6 {
  color: #ffffff;
}

#content.controls #sim {
	position:absolute;
	right:0;
	top: 82px;
}

#content.controls #sim img{
  margin-right: 13px;
	padding-bottom: 23px;
  float: right;
}

#content.controls #sim .pointer .line {
	float:right;
	width:340px;
	height:9px;
	margin:0 3px 0 1px;
	background:url(../images/controls-line.gif) repeat-x 0 0;
}

#content.controls #sim .pointer .plus {
	float:right;
	width:9px;
	height:9px;
	background:url(../images/controls-plus.gif) no-repeat 0 0;
}

#content.controls #sim .pointer .dot {
	float:right;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}

#content.controls #ergo {
	position:absolute;
	left:0;
	top:10px;
}

#content.controls #ergo img {
	padding-bottom:9px;
	padding-left:12px;
}

#content.controls .pointer .line {
	float:left;
	clear: none !important;
	width:310px;
	height:9px;
	margin:0 1px 0 3px;
	background:url(../images/controls-line.gif) repeat-x 0 0;
}

#content.controls .align-left p {
  margin: 0 !important;
}

#content.controls #ergo .pointer .plus {
	float:left !important;
	width:9px;
	height:9px;
	background:url(../images/controls-plus.gif) no-repeat 0 0;
 }

#content.controls #ergo .pointer .dot {
	float:left;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}

#content.controls #controlname {
	position:absolute;
	left:0;
	top:473px;
}

#content.controls #controlname img {
	padding-bottom:9px;
	padding-left:12px;
}

#content.controls #controlname .pointer .line {
	float:left;
	width:280px;
	height:9px;
	margin:0 1px 0 3px;
	background:url(../images/controls-line.gif) repeat-x 0 0;
}

#content.controls #controlname .pointer .plus {
	float:left;
	width:9px;
	height:9px;
	background:url(../images/controls-plus.gif) no-repeat 0 0;
}

#content.controls #controlname .pointer .dot {
	float:left;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}

#content.controls #smart {
	position:absolute;
	right:0;
	top:300px;
}

#content.controls #smart img {
	padding-right:20px;
	float:right;
}

#content.controls #smart .pointer .line {
	float:right;
	width:275px;
	height:9px;
	margin:0 3px 0 1px;
	background:url(../images/controls-line.gif) repeat-x 0 0;
}

#content.controls #smart .pointer .plus {
	float:right;
	width:9px;
	height:9px;
	background:url(../images/controls-plus.gif) no-repeat 0 0;
}

#content.controls #smart .pointer .dot {
	float:right;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}

#content.lottery .lotteryText {
	margin-top:22px;
	padding-left:3px;
}

#content.lottery #preis1 {
	position:absolute;
	left:39px;
	top:369px;
}

#content.lottery #preis1 h3 {
	margin-bottom:0;
	margin-left:9px;
}

#content.lottery .pointer .line {
	float:left;
	clear: none !important;
	width:253px;
	height:9px;
	margin:0 1px 0 3px;
	background:url(../images/controls-line.gif) repeat-x 0 0;
}

#content.lottery .align-left p {
  margin: 0 !important;
}

#content.lottery #preis1 .pointer .plus {
	float:left !important;
	width:9px;
	height:9px;
	background:url(../images/controls-plus.gif) no-repeat 0 0;
 }

#content.lottery #preis1 .pointer .dot {
	float:left;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}

#content.lottery #preis1 p {
	padding:2px 11px;
	text-align:left;
	line-height:130%;
	font-size:12px;
	margin: 0;
}

#content.lottery #preis2 .pointer .line {
	float:right;
	width:243px;
	height:9px;
	margin:0 3px 0 1px;
	background:url(../images/controls-line.gif) repeat-x 0 0;
}

#content.lottery #preis2 .pointer .plus {
	float:right;
	width:9px;
	height:9px;
	background:url(../images/controls-plus.gif) no-repeat 0 0;
}

#content.lottery #preis2 .pointer .dot {
	float:right;
	width:5px;
	height:9px;
	background:url(../images/dot.gif) no-repeat 0 0;
}

#content.lottery #preis2 {
	position:absolute;
	right:231px;
	top: 607px;
}

#content.lottery #preis2 p {
	padding:0 13px;
	text-align:right;
	line-height:130%;
	font-size:12px;
	margin: 2px 0;
}

#content.controls .tableControlWrapper {
	position:relative;
}

#content.controls .tableControl {
	position:absolute;
	left:50%;
	margin-left:-105px;
	width:210px;
}

#content.controls .tableControl .controlLine {
	position:absolute;
	display:block;
	top:205px;
	right:-48px;
	width:160px;
	height:9px;
	background:url(../images/controls-line3.gif) no-repeat 0 0;
}

#content.controls .tableControl .controlText {
	position:absolute;
	bottom: 105px;
	right: -33px;
	text-align:right;
}

#controls-index-holder .editable.richtext p {
  padding: 0 !important;
}

#controlTableWrapper {
	height:310px;
}

#controlTable {
	width:100%;
	margin-left:-50px;
}

#controlTable TD {
	text-align:center;
}

/* technische daten tabelle
--------------------------------------------------------------------------------*/

#content .tecdata {
	table-layout:auto;
	width:690px;
	border-collapse:collapse;
	}
	
#content .tecdata tr {
	background:transparent;
	height:26px;
	line-height:26px;
	}
	
#content .tecdata th,
#content .tecdata td {
	padding: 0 8px;
	border-bottom:#6b6d71 solid 1px;
	}
	
#content .tecdata th {
	text-align:left;
	width:245px;
	font-weight: normal !important;
	}
	
#content .tecdata td {
	text-align:right;
	}
	
#content .tecdata .tecline,
#content .tecdata .tecline {
	border-bottom:#d4d5d6 solid 1px;
	}
	
#content .tecdata .techead {
	color:#ffed00;
	
	}
	
#content .tecdata .techead DIV {
  width: 330px;
}

#content .tecdata .techead TH {
}
	
* html #content .tecdata tfoot TD,
* html #content .tecdata TH A {
	width: 500px;
	display: block;
}	
	
#content .tecdata tfoot TD {
	font-size:11px;
	border-bottom:none;
	padding-top:18px;
	}
	
#content .tecdata tbody tr:hover {
	background:url(../images/readline.gif) repeat-x 0 0;
	}
	
#content .tecdata tfoot sup {
	padding-left:12px;
	}
	
#content .tecdata tfoot sup.first {
	padding-left:0;
	}

/* Konfigurator
-------------------------------------------------------------------------------- */

#content.config .ckbox
{
	float: left;
	margin-top: 16px;
	position: relative;
}

#content.config .subtext
{
	padding-left: 31px;
	margin-top: 10px;
	width: 630px;
}

#content.config .label
{
	width: 630px;
}

#content.config .abstand
{
 margin-right: 15px;
}

#content.config .neu_ctx
{
 margin-left: -13px;
 margin-bottom: 30px;
}


#content .konfig_neu_bg {
	position: relative;
	margin-left: -13px;
  margin-bottom: 30px;
  height: 35px;
	width:500px;
  background: url(../images/neu.gif) no-repeat left top;
}

#content .konfig_neu_textbox {
  position: absolute;
  top: 13px;
	left: 13px;
	background-color: #ffed00;
  height: 22px;
	padding: 4px 18px 0 18px;
}

#content .konfig_neu_textbox h4 {
	color: #16191e;
	font-size: 20px;
	font-weight: bold;
}


#content .new_textmitte {
	margin-top: 30px;
  margin-bottom: 14px;
}

#content.config .neu_dmc
{
 margin-left: -13px;
 margin-top: 30px;
 margin-bottom: 14px;
}

#content.config .bottma
{
	margin-bottom: 20px;
}

#content.config #total {
  clear: both;
  margin-right: 40px;
  margin-bottom: 30px;
  display: none;
}

#content.config #total .currency,
#content.config #total .amount {
  float: left;
  padding-left: 5px;
}

#content.config #total .subtext {

}


#content.config #total .subtext {
  float: left;
  width: auto !important;
  min-width: 250px;
  margin-top: 0 !important;
  clear: both !important;
  margin-bottom: 10px !important;
}

#content.config #chosenOptions,
#content.config #furtherOptions {
  clear: both;
  margin-left: 31px;
  display: inline;
  margin-bottom: 15px;
  float: left;
  width: 630px;
}

#content.config .deactivated {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: .4;
}

#content.config .deactivated .jquery-safari-checkbox {
  cursor: default !important;
}

#content.config #chosenOptions {
  float: left;
}

#content.config #chosenOptions .model {
  display: block;
  font-weight: bold;
}

.configDetail .label {
  width: 600px !important;
}

.configColumnLeft,
.configColumnRight {
  float: left;
  width: 320px;
  margin-top: 40px;
  overflow: hidden;
  font-weight: normal !important;
}

.configColumnLeft .label .yellow {
  color: #fff !important;
}

.configColumnRight .label .yellow {
  display: none !important;
}

.configColumnLeft .label,
.configColumnRight .label {
 width: 280px !important;
 font-weight: normal !important;
 color: #fff !important;
 }
 
.configDetail LABEL {
  color: #fff !important;
  float: left;
  } 
  
.configDetail INPUT.contactmedium {
  float: left;
  border-left: 2px solid #595a5c;
  border-top: 2px solid #595a5c;
  background-color: ##45474B;
}
    



/* Gewinnspiel
-------------------------------------------------------------------------------- */
#wrapper.gewinnspiel
{
	background: url(../images/gewinnspiel.jpg) #16191d no-repeat left 80px;
}

#content.lottery h2 {
	color: #ffffff;
	margin-bottom: 25px;
	}

#content.lottery #gewinn_headtext
{
	margin-top: 15px;
	width: 335px;
}

#content.lottery
{
	position: relative;
	padding-left:24px;
	padding-top:7px;
}

#content.lottery .margintop {
	margin-top:20px;
}

#content.lottery P {
	margin-top:17px;
}

#content.lottery .lotteryWrapper {
	display:block;
	height:738px;
}

#content.lottery #streckeninfo
{
	position: absolute;
	top: 338px;
	left: 536px;
	width: 180px;
	text-align: right;
}

#content.lottery #streckeninfo p,
#content.lottery #preis p
{
	margin: 0;
}

#content.lottery #preis
{
	position: absolute;
	left: 298px;
	width: 418px;
	text-align: right;
}

#content.lottery .preis1
{
	top: 497px;
}

#content.lottery .preis2
{
	z-index: 3;
	top: 647px;
}

#content.lottery #preisbild
{
	z-index:2;
	position: absolute;
	top: 592px;
	left: 354px;
	width:168px;
	height:184px;
}

#content.lottery .gewinn_line
{
	background: url(../images/gewinnspiel_trenner.gif) no-repeat top right;
	height: 9px;
	width: 418px;
	margin-left: 12px;
}

#wrapper.gewinnspiel #fahnen_lady_holder
{
position: absolute;
z-index:3;
top:167px;
left:-203px;
height:630px;
width:800px;
}

#wrapper.gewinnspiel #gewinnspiel_footer
{
position: absolute;
z-index:400;
bottom: -5px;
left:0px;
background: url(../gewinnspiel_linie.gif) repeat-x;
height:9px;
width:800px;
}

#wrapper.gewinnspiel #fahnen_lady
{
position: absolute;
z-index:500;
top:0;
left:0;
height:630px;
width:800px;
}


/* FORMS ALLE
 ############################################################################### */

#content .leftfield {
  float: left;
  width: 22px;
  position: relative;
  z-index: 10;
	min-width:30px;
}

#content .leftfield img {
  margin-top: 5px;
}


#content .rightfield {
  line-height:28px;
  position: relative;
}

#content .rightfield.innen {
  padding-left: 20px;
  line-height:28px;
  padding-top: 10px;
  padding-bottom: 10px;
  
}

#content .rightfield.innen .rightfield {
  width: 200px;
}

#content .pflichtfelder .leftfield {
	clear:none;
	height:19px;
	line-height:12px;
	margin-left:2px;
	margin-top:6px;
	width:82px;
}

#content .pflichtfelder .rightfield {
	height: 19px;
  float: left;
  width: 250px;
}

.configDetail .pflichtfelder .rightfield {
  width: 250px;
}

#content #accordion .pflichtfelder .rightfield {
  width: 235px;
}

#content #accordion .pflichtfelder .rightfield INPUT {
  width: 243px;
}

#content .pflichtfelder .leftfield.first {
  clear: left;
}

#content .pflichtfelder .leftfield.second {
	margin-top:5px;
  padding-left: 21px;
}

#content textarea.optionalfelder  {
  width: 608px;
  margin-top: 28px;
}

#content .kontaktblock {
  width: 180px;
  padding-left: 75px;
}

#content .kontaktblock.float {
  float: left;
}

#content .kontaktblockfirst {
  padding-left: 0;
}

#content .floatleft {
  float:left;
}

#content h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-left: 27px;
  clear:both;
}

#content.kontakt h6 {
  padding: 20px 0 20px 27px;
}

#content .clearboth {
  clear:both;
}

#content .line {
  clear: both;
}

#content.kontakt textarea,
#content.events textarea,
#content.fs textarea,
#content.configDetail textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #ffffff;
  background-color: #45474b;
  border-left: 2px solid #2c2e32;
  border-right: 2px solid #45474B;
  border-bottom: 2px solid #45474B;
  border-top: 2px solid #2c2e32;
  width: 561px;
  height: 97px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding:0;
}

#content.kontakt .rightfield textarea {
  width: 600px;
	height: 50px;
}

.configDetail textarea {
  width: 666px;
}

#content textarea.optionalfelder {
  width: 586px;
}

* html #content textarea.optionalfelder {
  width: 584px;
}

* html .configDetail textarea.optionalfelder {
  width: 595px !important;
}

.configDetail #kommentar {
  width: 587px;
}

.configDetail .rightfield INPUT {
  width: 239px;
}

.configDetail label.error {
  right: 10px;
}


#content.kontakt input,
#content.events input,
#content.fs input,
.configDetail input {
  height: 11px;
  width: 253px;
  font-size:11px;
  padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
  line-height: 15px;
  background-color: #45474b;
  border-left: 2px solid #2c2e32;
  border-right: 2px solid #45474B;
  border-bottom: 2px solid #45474B;
  border-top: 2px solid #2c2e32;
  color: #ffffff;
}

.configDetail input {
  width: 219px;
}

#content.events input {
  width: 244px;
}

#content .rightfield input {
  margin-top: 4px;
  margin-bottom: 4px;
  width: 243px;
}

#content.kontakt .head5,
#content.events .head5,
#content.fs .head5,
.configDetail .head5 {
  font-size:12px;
  font-family: Arial, Helvetica, sans-serif;
  color:#ffed00;
  margin-top: 10px;
  margin-bottom: 10px;
}

.configDetail {
  display: none;
}

.configDetail .head5 {
  margin-bottom: 20px;
  margin-top: 15px;
}

.configDetail .button {
  margin: 15px 0 15px 0;
}

#content.kontakt #konfigurator {
  display: block;
}

#content.kontakt a#konfigurator:link, #content.kontakt a#konfigurator:visited {
	display:block;
	cursor:pointer;
	line-height:22px;
	color:#ffffff;
	padding:0px 25px 0px 40px;
}

#content.kontakt a#konfigurator:hover {
	color: #ffed00;
}

#content.kontakt .konfig_wrap {
  clear: both;
	position:relative;
	width:119px;
	height:24px;
	background: url(../images/konfigurieren.gif) no-repeat left top;
  margin-top:100px;
  margin-left: 80px;
}

label.error {
  position: absolute;
  top: 5px;
  right: 0px;
  font-size: 10px;
  background-color: #ffed00;
  color: #000 !important;
  padding: 1px 3px 2px 4px;
  line-height: 10px;
}

.configDetail label.error {
  right: 23px;
}

.flash.notice {
  font-size: 18px;
  background-color: #ffed00;
  color: #000;
  padding: 10px;
  line-height: 30px;
}


/* events und financial service formulare
-------------------------------------------------------------------------------- */
#content.events select
{
	margin: 0 8px 0 8px;
}

#content .formspalten {
	width: 240px;
	float: left;
	margin-bottom: 10px;
}

#content .formblock {
	margin-bottom: 25px;
}

#content .checkblock
{
	margin-bottom: 15px;
}

#content .formlast
{
	width: 185px;
}

#content .formspalten .float
{
	float: left;
}

#content .formspalten .abstand
{
	padding-right: 15px;
}

#content.events .head5,
#content.fs .head5
{
	padding-top:0;
}

#content.fs .kontakthead
{
	margin: 25px 0 25px 0;
}

/* sitemap
-------------------------------------------------------------------------------- */

#sitemap {
  line-height: 16px;
}

#sitemap UL {
  margin: 0 0 20px;
  padding: 0 0 20px 0;
  background: url('../images/sitemap_line.gif') repeat-x bottom left;
}

#sitemap UL LI {
  position: relative;
  width: 100%;
}

#sitemap UL LI A:hover {
  color: #fff;
}

#sitemap UL UL {
  clear: both;
  overflow: auto;
  display: block;
  width: 100%;
}

#sitemap UL UL A {
  width: 225px;
  display: none;
}

#sitemap UL UL LI A {
  display: block;
}

#sitemap UL UL UL LI A {
  border: none;
}

#sitemap UL UL UL {
  background: none;
  padding: 0;
  margin: 0;
  width: 225px;
}

#sitemap UL LI {
  background: none;
  margin: 0;
  padding: 0;
}

#sitemap UL UL LI {
  width: 220px;
  float: left;
  margin-top: 10px;
}

#sitemap UL UL UL LI {
  border: none;
  margin-top: 0;
  width: 220px;
  display: block;  
  overflow: hidden;
}

#sitemap UL UL UL LI A {
  background: url('../images/sitemap_bullet.gif') no-repeat 0 5px;
  padding-left: 10px;
  display: block;
}

#sitemap UL LI A {
 color: #FFED00;
 text-transform: uppercase;
}

#sitemap UL UL LI A {
  color: #acafb4;
  text-transform: none;
}

#sitemap A.top {
  font-size: 10px;
  text-transform: none;
  color: #acafb4;
  margin-top: -55px;
  margin-right: 5px;
  float: right;
  display: none;
}

#sitemap .children A.top {
  display: block;
}

#sitemap A.top:hover {
  color: #fff;
}

#sitemap .last {
  position: relative;
  z-index: 200;
  display: block !important;
}


/* footer
-------------------------------------------------------------------------------- */

#footer {
  margin: 0;
	background: #16191e url(../images/trenner.gif) 219px 0 no-repeat;
	float: left;
	width: 925px;
  padding: 0;
  padding-right: 25px;
	border-right: 1px solid #bbbcbf;	
  height: 70px !important;
}

* html #footer {
  padding: 0px 25px 60px 0;
}

#push {
  height: 70px;
}

#footer UL {
	list-style-type:none;
  float: right;
  margin-top: 20px;
}

#footer li {
	float:left;
	height:18px;
	font-size:10px;
	padding-right: 10px;
}

#footer li.first {
	background:url(../images/footer_world.gif) no-repeat right top;
	padding-right: 25px;
	padding-left: 8px;
	margin-right: 12px;
}

#footer li {
	background:url(../images/footer_trenner.gif) no-repeat right 5px;
	padding-right: 8px;
	padding-left: 8px;
}

#footer li.last {
  background: none !important;
	padding-right: 17px;
	padding-left: 8px;
}

#footer a:link,
#footer a:visited {
	color:#acadaf;
}

#footer a:hover,
#footer a:focus,
#footer a:active,
#footer .first a:link, 
#footer .first a:visited {
	color:#ffffff;
}

#footer .first a:hover,
#footer .first a:focus,
#footer .first a:active {
	color:#ffed00;
}

/* Allgemeine Klassen
--------------------------------------------------------------------------------*/
.nowrap {
	white-space:nowrap;
}

.hideme {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.clear {
	clear:both;
}

.left {
  float:left;
}

.right {
  float:right;
}




/******************************************** Navigation **********************************/


#navigation {
  z-index: 1000;
	float:left;
	width:725px;
	background:url(../images/bg-horznav.gif) repeat-x top left;
	position:relative;
  font-size:12px;
  line-height: 42px;
  height: 80px;
	margin-right: 0 !important;
  padding-left: 15px !important;
  display: inline;
}

#navigation UL {
	list-style-type:none;
}

#navigation UL LI {
  position: relative;
  float: left;
  text-align:center;
  width: 143px;
  z-index: 1000;
}

#navigation UL LI A {
	display: block;
	line-height: 45px;
	margin-top: 17px;
}

#navigation UL LI UL {
  list-style-type:none;
  position: absolute;
  display: none;
  line-height: normal;
  top: 81px;
  left: -15px;
}

#navigation UL LI UL LI {
  text-align: left;
  width: 190px;
  height: 130px;
  background:url(../images/bg-sub-off.png) no-repeat left top;
  position: relative;
  cursor: pointer !important;
}

#navigation UL LI UL LI .shadowRight {
  background:url(../images/horznav-shadow.png) no-repeat left top;
  width: 10px;
  height: 130px;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
}

#navigation UL LI .small .shadowRight {
  height: 50px;
}

#navigation UL LI UL LI IMG {
  position: absolute;
  top: 0px;
  left: 0px;
  cursor: pointer !important;
}

#navigation UL LI UL LI .ie6fix {
  position: absolute;
  display: block;
  width: 190px;
  height: 130px;
  top: 0px;
  left: 0px;
  z-index: 5;
  cursor: pointer !important;
}

#navigation UL LI UL.small {
  position: absolute;
  z-index: 100;
  left: -8px !important;
  width: 170px;
  overflow: hidden;
}

#navigation UL LI UL.small A {
  background: none !important;
}

#navigation UL LI UL.small LI {
  text-align: left;
  height: 50px;
  width: 170px !important;
  background:url(../images/bg-sub-small-off.png) no-repeat left top;
  position: relative;
}

#navigation UL LI UL.small .li-line {
  width: 160px !important;
}

#navigation UL LI UL LI.li-line {
  height: 5px;
  background: url(../images/gelb.gif) no-repeat top left !important;
  line-height: normal;
  float: left;
  line-height: 1px;
}

#navigation UL LI UL.small LI.li-line {
  height: 5px;
  background: url(../images/gelb.gif) no-repeat top left !important;
  line-height: normal;
  float: left;
  line-height: 1px;
  width: 160px;
}

#navigation UL LI UL LI A {
 width: 150px;
 font-size:11px;
 padding-left:20px;
 height: 45px;
 line-height: 13px;
 padding-top: 85px;
 padding-right: 10px;
 margin-top: 0;
 cursor: pointer;
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 z-index: 100;
}

#navigation UL LI UL LI A IMG {
  position: absolute;
  top: 0px;
  left: 0px;
  padding: 0 !important;
}

/*
ul#horznav.static li ul li a {
  padding-top: 0;
}
*/
#navigation UL LI UL LI A .yellow {
  color: #ACAFB4;
  font-size: 10px;
}

#navigation UL LI UL LI A:hover .yellow {
  color: #ffed00;
}

#navigation UL LI UL LI A IMG {
  padding-right: 30px;
}

#navigation UL LI UL.small LI A {
  line-height: 49px;
  padding-top: 0 !important;
}

#navigation UL LI UL.small LI A IMG {
  display: none !important;
}

#navigation UL LI UL.small LI A:hover {
  color: #ffed00;
}

#navigation UL LI UL LI.hover A {
  color: #fff !important;
}

#navigation UL LI UL.menu-controls IMG {
 padding-top: 18px;
}

#navigation UL LI UL.menu-controls LI P.menu-1 {
  width: 70px;
  float: left;
  margin-top: 96px;
}

#navigation UL LI UL LI A .menu-2 {
  font-size:10px;
}

#navigation UL LI UL LI.li-sub-last {
  font-size: 2px;
  line-height: 2px;
  height: 10px;
  background:url(../images/bg-sub-bottom.png) no-repeat left top;
}

#navigation UL LI UL.small LI.li-sub-last {
  background:url(../images/bg-sub-bottom-small.png) no-repeat left top;
}




/******************************************* Sidebar ****************************************/

#sidebar {
  width: 193px;
  padding-left: 10px;
  float:left;
  margin-top: 20px;
}

#sidebar UL {
	list-style-type:none;
  margin: 0px 0 30px 0;
	background:url(../images/nav_top_line.gif) no-repeat left top;
	float: left;
	width: 200px;
}

#sidebar UL LI {
  font-size:12px;
  padding: 0 !important;
  float: left;
  width: 200px;
	background:url(../images/nav_line.gif) no-repeat left bottom;
}

#sidebar UL LI.last {
	background:url(../images/nav_top_line.gif) no-repeat left bottom;
}

#sidebar UL LI A {
  background:url(../images/nav_pfeil.gif) no-repeat right top;
	line-height: 12px;
	font-size:12px;
	text-align:right;
	display:block;
	padding:9px 31px 9px 0;

}

#sidebar UL LI.active A {
  color:#ffed00;
}

#sidebar UL UL LI A {
  color:#ACAFB4 !important;
}

#sidebar UL UL LI.active A {
  color: #ffed00 !important;
}

#sidebar UL UL LI A:hover {
  color: #fff !important;
}

#sidebar UL LI A UL LI A {
  display: none;
}

#sidebar UL LI.children A:hover,
#sidebar UL LI.children.active A {
  background:url(../images/nav_pfeil_act.gif) no-repeat right top;
}

#sidebar UL LI UL {
  margin: 0;
  background:none;
}

#sidebar UL LI UL LI {
  background:none;
}

#sidebar UL LI UL LI A,
#sidebar UL LI UL LI A:hover {
  background:none !important;
  padding-top:2px;
}


/* ecoline filme
-------------------------------------------------------------------------------- */
#sidebar .scrolltextcontainer {
	width: 163px;
	height: 22px;
	padding-right: 25px;
	padding-top: 3px;
	background: url(../images/ecoline_text_bg.gif) no-repeat top left;
	overflow: hidden;
}

#sidebar #scrolltext_holder {
	position: relative;
	width: 163px;
	height: 22px;
	overflow: hidden;
}

#sidebar #scrolltext {
	white-space: nowrap;
	font-size: 12px;
	color: #16191e;
}

#sidebar #swfcontainer {
  clear: both;
}



/************************************** jquerycheckbox ************************************/



.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 60px; height: 20px;}
/*.jquery-checkbox img{background: transparent url(../images/content/checkbox.png) no-repeat;} */

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -20px;
}
.jquery-checkbox-checked img{
	background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -60px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -100px;
}



/********************************* safaricheckbox *********************************************/



.jquery-safari-checkbox {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 20px; height: 20px;}
.jquery-safari-checkbox img{background: transparent url(../images/safari-checkbox.gif) no-repeat;}

.jquery-safari-checkbox img{
	background-position: 0px 0px;
}
.jquery-safari-checkbox-hover img{
	background-position: -20px 0px;
}
.jquery-safari-checkbox-checked img{
	background-position: 0px -20px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
	background-position: -20px -20px;
}

.jquery-safari-checkbox-disabled img{
	background-position: 0px -40px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
	background-position: 0px -60px;
}



/******************************** scroll ********************************************************/



#scrollholder
{
	position: relative;
	width: 690px;
	height: 385px;
	overflow:hidden;
}

#scrollholder .holder {
position: absolute;
width: 690px;
height: 285px;
top: 0px;
left: 0px;
}

#scrollholder .scroll-pane {
	width: 690px;
	float: left;
	padding: 0;
}

#pane {
	height: 285px;
	width: 690px;
	padding: 0;
	display: block;
	overflow: hidden;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

/* Scroll Track
--------------------------------------------------------------------------------*/

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: url(../images/sc_bar_bg.gif) repeat-x;
}

.jScrollIntervalTrack { 
	position: absolute;

}

.jScrollPaneDrag {
	position: absolute;
	background: #002b53;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/sc_bar_barbg.gif) no-repeat center 0;
}


.jScrollPaneDragLeft {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: url(../images/sc_bar_left.gif) no-repeat;
	width: 13px;
}
.jScrollPaneDragRight {
	position: absolute;
	bottom: 0;
	right: 0;
	overflow: hidden;
	background: url(../images/sc_bar_right.gif) no-repeat;
	width: 13px;
}

/* Scroll Pfeile
--------------------------------------------------------------------------------*/

a.jScrollArrowLeft {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	background: url(../images/sc_arrow_left.gif) no-repeat;
	height: 22px;
	width: 21px;
}
a.jScrollArrowLeft:hover {
	background: url(../images/sc_arrow_left.gif) no-repeat -21px 0px;
}

a.jScrollArrowRight {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px !important;
	overflow: hidden;
	background: url(../images/sc_arrow_right.gif) no-repeat;
	height: 22px;
	width: 21px;
}
a.jScrollArrowRight:hover {
	background: url(../images/sc_arrow_right.gif) no-repeat -21px 0px;
}


/* Scroll Inhalt
--------------------------------------------------------------------------------*/
#scrollholder .scrollingRight_bg
{
	position: absolute;
	width: 41px;
	height: 239px;
	background:url(../images/scroll_right_bg.png) no-repeat left top;
	z-index: 100;
	right: 0;
}

#scrollholder .scrollingLeft_bg
{
	position: absolute;
	width: 41px;
	height: 239px;
	background:url(../images/scroll_left_bg.png) no-repeat left top;
	z-index: 100;
	left: 0;
}

#scrollholder .scroll-inhalt
{
	position: relative;
	width: auto;
	height: 239px;
	background: url(../images/scroll_bg.gif) repeat-x left top;
}

#scrollholder .scroll-inhalt a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #acafb4;
	display: block;
	width: auto;
	height: 239px;
	float: left;
	margin-right: 50px;
	margin-top: 19px;
}

#scrollholder .scroll-inhalt a img
{
	margin-bottom: 18px;
}

#scrollholder .scroll-inhalt a:hover .linw
{
	color: #FFFFFF;
}

#scrollholder .scroll-inhalt a:hover .ling
{
	color: #ffed00;
}

#scrollholder .scroll-inhalt a.first
{
margin-left: 50px;
}

#scrollholder .scroll-inhalt a.last
{
margin-right: 0;
}

#scrollholder .scroll-inhalt span
{
display: block;
}