/*  #################################################
    CSS Template «benninger textile» for TYPO3
    -------------------------------------------------
	
	company:	DACHCOM digital AG
	publisher:	Marcel Zweifel
	date:		2009-08
	www:		www.dachcomdigital.com
	
	INCLUDES										  */
	
	@import url("resets.css");
	
/*	################################################# */

html {
	font-size: 100.1%;
	height: 100%;
	min-height: 100%;
}

body {
	font-size: .75em;
	font-family: Arial, Verdana, sans-serif;
	color:#333;
	height: 100%;
	min-height: 100%;
	line-height:1.3em;
	text-align:center;
	background:#fff url(../images/interface/bg.jpg) repeat-x 0 0;
	margin:0;
	padding:0;
}

#container {
	width: 960px;
	margin:0px auto 0;
	text-align:left;
	position:relative;
	background-color:#fff;
	z-index:0;
}

#container_inner {
  margin-right:19px;
  width:941px;
  min-height:500px;
  font-size:0.9em;
  position: relative;
}

#header {
  height:112px;
  position:relative;
  top:0px;
  left:0px;
  z-index:50;
}

a,
a:link,
a:visited {
  text-decoration:none;
  color:#999;
}

a:active,
a:hover {
  text-decoration:underline;
}

/*********************/
/* GNAV              */
/*********************/


#header #gnav {
  position:absolute;
  top:13px;
  left:26px;
  z-index:30;
}

/* 1. Ebene */
#header #gnav ul li {
  float:left;
  border:none;
  background: url(../images/interface/line.gif) no-repeat 100% 50%;
}

#header #gnav ul ul li {
  float:none;
  border:none;
  background:none;
}

#header #gnav ul li a,
#header #gnav ul li a:link,
#header #gnav ul li a:visited {
  padding:2px 10px;
  display:block;
  text-decoration:none;
}

#header #gnav ul li.support {
  margin-left:6px;
  background:none;
}

#header #gnav ul li.support ul {
  background-color:#EEE;
  width:160px;
  display:none;
}

#header #gnav ul li.support:hover ul {
  display:block;
}


#header #gnav ul li.support a,
#header #gnav ul li.support a:link,
#header #gnav ul li.support a:visited {
  padding-left:15px;
  background-image: url(../images/interface/pfeil_support_up.gif);
  background-repeat: no-repeat;
  background-position: .3em 50%;
  display:block;
}


#header #gnav ul li.support:hover a,
#header #gnav ul li.support:hover a:link,
#header #gnav ul li.support:hover a:visited,
#header #gnav ul li.support:hover a:hover,
#header #gnav ul li.support:hover a:active {
  background-image: url(../images/interface/pfeil_support_over.gif) !important;
  background-color: #9c9c9c;
  color: #fff;
}


#header #gnav ul li.support:hover ul li a,
#header #gnav ul li.support:hover ul li a:link,
#header #gnav ul li.support:hover ul li a:visited,
#header #gnav ul li.support ul li a,
#header #gnav ul li.support ul li a:link,
#header #gnav ul li.support ul li a:visited {
  background: none !important;
  background-color: #eee !important;
  color: #999 !important;
}


#header #gnav ul li.support:hover ul li a:hover,
#header #gnav ul li.support:hover ul li a:active,
#header #gnav ul li.support ul li a:hover,
#header #gnav ul li.support ul li a:active {
  color: #FF6600 !important;
}


/*********************/
/* LNAV              */
/*********************/

#header #lnav {
  position:absolute;
  top:18px;
  left:318px;
}

#header #lnav ul li {
  float:left;
  border-left:1px solid #999;
  padding:0 5px;
  line-height:0.9em;
  list-style-type:none;
}

#header #lnav ul li a,
#header #lnav ul li a:link,
#header #lnav ul li a:visited {
  text-transform:uppercase;
}

#header #lnav ul li a:hover,
#header #lnav ul li a:active {
  color:#FF6600;
  text-decoration:none;
}

#header #lnav ul li:first-child {
  border:none;
  padding-left:0px;
}


/*********************/
/* SEARCH            */
/*********************/

#header #search {
  position:absolute;
  top:10px;
  right:28px;;
  width:180px;
}

/*********************/
/* LOGO              */
/*********************/

#logo {
  position:absolute;
  right:28px;
  top:85px;
  z-index:1;
}

/*********************/
/* BANNERTEXT        */
/*********************/

#bannertext {
  position:absolute;
  bottom:123px;
  left:0px;
  width:400px;
  z-index:10;
  color:#fff;
  padding:35px 20px 20px 35px;
  background:transparent url(../images/interface/bannertext_bg.png) repeat;
}

#bannertext h1 {
  font-size:2.0em;
  margin-bottom:12px;
  font-weight:bold;
}

#bannertext p {
  font-size:1.1em;
  line-height:1.5em;
  margin-bottom:8px;
  font-weight:bold;
}

/*********************/
/* HNAV              */
/*********************/

#hnav {
  position:absolute;
  top:80px;
  left:26px;
  z-index:20;
  height:32px;
}

/* 1. Ebene */
#hnav ul li {
  position:relative;
  float:left;
  list-style-type:none;
  display:block;
  margin-right:10px;
}

#hnav ul li a,
#hnav ul li a:link,
#hnav ul li a:visited {
  display:block;
  padding:6px 10px;
  padding-bottom:10px;
  text-decoration:none;
  text-transform:uppercase;
  color:#515151;
  font-weight:bold;
  font-size:1.1em;
}

#hnav ul li:hover a,
#hnav ul li a:hover,
#hnav ul li a:active,
#hnav ul li a.current,
#hnav ul li a.current:link,
#hnav ul li a.current:visited {
  background-color:#FF6600;
  color:#fff;
}



/* 2. Ebene */

#hnav ul ul {
  position:absolute;
  display:none;
  width:200px;
  background:transparent url(../images/interface/navi_bg.png) repeat;
  padding-bottom:7px;
  padding-top:7px;
}
#hnav ul li:hover ul {display:block;}
#hnav ul li:hover ul ul {display:none;}


#hnav ul ul li {
  position: relative;
  padding:0;
  margin-right:0;
}

#hnav ul ul li a,
#hnav ul ul li a:link,
#hnav ul ul li a:visited {
  display:block;
  color:#F2EEED;
  padding:4px 10px;
  width: 180px;
  text-transform:none;
  font-weight:normal;
  background: transparent;
}

#hnav ul ul li a:hover,
#hnav ul ul li a:active {
  background: #fff;
  color:#515151;
  zoom: 1; /* hasLayout bug IE7 */
}

#hnav ul ul li a.current,
#hnav ul ul li a.current:link,
#hnav ul ul li a.current:visited,
#hnav ul ul li a.current:hover,
#hnav ul ul li a.current:active {
	background: #fff;
	color:#515151 !important;
}

/* ifsub */
#hnav ul ul li a.sub,
#hnav ul ul li a.sub:link,
#hnav ul ul li a.sub:visited {
	background-image: url('/fileadmin/templates/images/interface/pfeil_navi.gif');
	background-repeat: no-repeat;
	background-position: 180px 10px;
}
#hnav ul ul li a.sub:hover,
#hnav ul ul li a.sub:active {
	background-position: 180px -20px;
}


#hnav ul ul li a.current.sub,
#hnav ul ul li a.current.sub:link,
#hnav ul ul li a.current.sub:visited {
	background-position: 180px -20px;
}



/* 3. Ebene */
#hnav ul ul li:hover ul {display:block;}
#hnav ul ul li:hover ul ul {display:none;}


#hnav ul ul ul {
	left: 200px;
	top: -7px;
}



/*********************/
/* TEASER HOME       */
/*********************/

#teaser_home {
  padding-top:3px;
}


#teaser_home h1 {
  text-transform:uppercase;
  margin:20px 0 10px 0;
  font-weight:bold;
}

#teaser_home p {
  height:47px;
}

#teaser_home a,
#teaser_home a:link,
#teaser_home a:visited {
  color:#FF6600;
  background-image:url('../images/interface/pfeil.gif');
  background-repeat:no-repeat;
  background-position:0 0.5em;
  padding-left:9px;
}

#teaser_home .teaser {
  width:128px;
  height:120px;
  float:left;
  display:block;
  background-color:#DDDDDD;
  margin-right:3px;
  padding-left:100px;
  padding-right:5px;
}

#teaser_home div#worldwide {
  background-image:url('../images/home/banner_worldwide.jpg');
  background-repeat:no-repeat;
}

#teaser_home div#help_desk {
  background-image:url('../images/home/help_desk.jpg');
  background-repeat:no-repeat;
}

#teaser_home div#spare_parts {
  background-image:url('../images/home/spare_parts.jpg');
  background-repeat:no-repeat;
}

#teaser_home div#kuesters {
  background-image:url('../images/home/kuesters.jpg');
  background-repeat:no-repeat;
  margin-right:0px;
  padding:0;
  margin:0;
  width:216px;
  padding-right:5px;
  padding-left:12px;
}

#teaser_home div#kuesters a,
#teaser_home div#kuesters a:link,
#teaser_home div#kuesters a:visited {
  margin-top:57px;
  display:block;
}

#teaser_home div#kuesters h1 {
  text-transform:none;
}

/*********************/
/* FOOTER            */
/*********************/

#footer {
  margin-top:80px;
  background-color:#F4F4F4;
  position:relative;
  font-size:0.9em;
}

#footer #sitemap {
  width:800px;
  margin:20px 0px 0px 35px;
  padding-top:32px;
  position:relative;
  z-index:0;
}

#footer #sitemap ul li {
  float:left;
  line-height:0.9em;
  position:relative;
  width:150px;
  font-weight:bold;
  margin-right:35px;
  height:220px;
}

#footer #sitemap ul li a {
  display:block;
  text-transform:uppercase;
  color:#515151;
  margin-bottom:10px;
  line-height:1.3em;
}

#footer #sitemap ul li li a {
  text-transform:none;
  color:#999;
  margin-bottom:0;
  line-height:1.4em;
}

#footer #sitemap ul li li {
  float:none;
  border:none;
  line-height:1.5em;
  font-weight:normal;
  margin-bottom:0px;
  border:none;
  height:auto;
}

#footer #adress {
  position:absolute;
  right:40px;
  width:140px;
  color:#515151;
  margin-top:31px;
  z-index:1;
}


#footer #adress a,
#footer #adress a:link,
#footer #adress a:visited {
  color:#515151;
}

#footer #adress h2 {
  font-weight:bold;
}

#footer #adress p {
  margin:5px 0px;
}

/*********************/
/* Breadcrumb       */
/*********************/
ul#breadcrumb {
  margin:40px 0 10px 35px;
}

ul#breadcrumb li {
  float:left;
  margin-right:10px;
  background-image:url('../images/interface/breadcrumb.gif');
  background-repeat:no-repeat;
  background-position:0 0.6em;
  padding-left:13px;
}

ul#breadcrumb li.first {
  background:none;
  padding-left:0px;
}

ul#breadcrumb li.cur a,
ul#breadcrumb li.cur a:link,
ul#breadcrumb li.cur a:visited {
  color:#FF6600;
}



/*********************/
/* Content           */
/*********************/

#content {
  margin:20px 0px 0px 35px;
  font-size:1.1em;
}

#content .left {
  float:left;
  width:466px;
  margin-right:43px;
}

#content .right {
  float:left;
  width:397px;
  margin-top:30px;
}

#content .left h1,
#content .full_content h1 {
  font-size:1.8em;
  margin-bottom:12px;
  color:#999;
}

#content .left h2 {
  font-weight:bold;
  margin-bottom:12px;
}

#content .left p {
  margin:0 15px 15px 0;
}

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

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

#content .left ul li {
  list-style-type:disc;
  margin-left:13px;
}

#content .left .downloads {
  background-color:#F4F4F4;
  padding:10px;
}

#content h3 {
  font-weight:bold;
}

#content a,
#content a:link,
#content a:visited {
  color:#FF6600;
}

#content a.more,
#content a.more:link,
#content a.more:visited {
  background-image:url(../images/interface/pfeil.gif);
  background-position:0pt 0.4em;
  background-repeat:no-repeat;
  color:#FF6600;
  padding-left:9px;
}

/*********************/
/* Table Kundennutzen */
/*********************/

table.kundennutzen {
  margin-bottom:15px;
  margin-top:15px;
}

table.kundennutzen th {
  background-color:#FF8C40;
  padding:7px 10px 13px 10px;
  color:#fff;
  font-size:1.3em;
  font-weight:bold;
}

table.kundennutzen td {
  padding:6px 10px 6px 10px;
  border-top:1px solid #CCC;
}

table.kundennutzen .tr-odd td {
  background-color:#F4F4F4;
}

table.kundennutzen .tr-even td {
  background-color:#E2E2E2;
}

/**********************************/
/* FCE Reifencord / Automation    */
/**********************************/

div.reifencord {
  margin-top:30px;
}

div.reifencord .header {
    padding:4px 10px 7px 10px;
    background-color:#FF8C40;
    color:#FFFFFF;
    font-size:1.1em;
    font-weight:bold;
}

div.reifencord .description {
  padding:6px 10px 10px 10px;
  background-color:#F4F4F4;
  border-top:1px solid #CCC;
}




/*********************/
/* Powermail         */
/*********************/

span.powermail_mandatory {
	color: #FF6600;
	margin-left:2px;
}

.tx-powermail-pi1 legend {
  margin-bottom:15px;
} 

.tx-powermail-pi1 .star {
  font-weight:normal;
  color:#FF6600;
}

.tx-powermail-pi1 .pflichtfelder {
  font-weight:normal;
  color:#666;
}

/* Bestätigungsbox*/
blockquote p {
  background-color:#FAE3D4;
  padding:20px;
}

/* Ausgabetext Fehlermeldung*/
div.powermail_mandatory_js {
	color: #FF6600;
	margin: 0 0 0 200px;
	font-weight:normal;
}

fieldset.tx-powermail-pi1_fieldset {
	padding:0px 10px 10px 0px;
	margin-top:10px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}

fieldset.tx-powermail-pi1_fieldset label {
	display: block;
	width: 200px;
	float: left;
	clear: both;
	font-weight:normal;
	margin-bottom:5px;
}

fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset textarea,
fieldset.tx-powermail-pi1_fieldset select,
fieldset.tx-powermail-pi1_fieldset label {
  font-size:1.1em;
  line-height:1.1em;
}


fieldset.tx-powermail-pi1_fieldset input {
    margin-bottom:5px;
    padding-left:3px;
}

fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset textarea{
	width: 200px;
	border:none;
	background-color:#DFDFDF;
}

fieldset.tx-powermail-pi1_fieldset textarea { 
	width: 406px;
	border:none;
	background-color:#DFDFDF;
	font-family:arial;
	padding:3px;
}

fieldset.tx-powermail-pi1_fieldset select {
	border:none;
	/*width:150px;*/
	width:204px;
	background-color:#DFDFDF;
	border:none;
	margin-bottom:5px;
	
}

div.tx_powermail_pi1_fieldwrap_html {
	margin: 3px 0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	margin:10px 0px 0px 200px;
	padding:3px 0px 3px 0px;
	/*width: 100px;*/
	width:212px;
	background-color:#FF6600;
	font-weight:bold;
	color:#fff;
	border:none;
}

td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

fieldset.tx-powermail-pi1_fieldset input.validation-failed,
fieldset.tx-powermail-pi1_fieldset textarea.validation-failed {
	background-color: #EEE;
}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner input {
  padding:0;
  width:20px;
  float:left;
}

/* Margin zurücksetzen*/ 
fieldset.tx-powermail-pi1_fieldset .powermail_check_inner {
  margin:0;
}

fieldset.tx-powermail-pi1_fieldset .powermail_check_inner br {
  clear:both;
}


/*******************************/
/* Ersatzteilservice Küsters    */
/*******************************/

/* Mitteilung Label ausblenden */
form#ersatzteilservice_kuesters .tx-powermail-pi1_fieldset_message label,
form#ersatzteilservice_kuesters .tx-powermail-pi1_fieldset_mitteilung label {
  display:none !important;
}

/* Bestellung Label ausblenden*/
form#ersatzteilservice_kuesters fieldset.bestellung label {
  display:none;
}

form#ersatzteilservice_kuesters fieldset.bestellung input {
  float:left;
  margin-bottom:3px;
}

form#ersatzteilservice_kuesters fieldset.bestellung input.anzahl {
  width:28px;
  margin-right:20px;
  clear:left;
}

form#ersatzteilservice_kuesters fieldset.bestellung input.bezeichnung {
  width:158px;
  margin-right:20px;
}

form#ersatzteilservice_kuesters fieldset.bestellung input.teile {
  width:158px;
}

/* Mitteilung border ausblenden*/
form#ersatzteilservice_kuesters fieldset.tx-powermail-pi1_fieldset_message,
form#ersatzteilservice_kuesters fieldset.tx-powermail-pi1_fieldset_mitteilung {
  border:none;
}

/*******************************/
/* Help Desk Küsters           */
/*******************************/

/* Mitteilung border ausblenden*/
form#helpdesk_kuesters fieldset.tx-powermail-pi1_fieldset_particularsaboutyourkstersmachin,
form#helpdesk_kuesters fieldset.tx-powermail-pi1_fieldset_angabenzuihrerkuestersmaschine {
  border:none;
}

/*******************************/
/* Help Desk Benninger         */
/*******************************/

form#helpdesk_benninger fieldset.tx-powermail-pi1_fieldset_particularsaboutyourbenningermac,
form#helpdesk_benninger fieldset.tx-powermail-pi1_fieldset_angabenzuihrerbenningermaschine {
  border:none;
}

/****************************************/
/* Ersatzteilservice Benninger         */
/***************************************/

/* Mitteilung Label ausblenden */
form#ersatzteilservice_benninger .tx-powermail-pi1_fieldset_message label,
form#ersatzteilservice_benninger .tx-powermail-pi1_fieldset_mitteilung  label {
  display:none !important;
}

/* Bestellung Label ausblenden*/
form#ersatzteilservice_benninger fieldset.bestellung label {
  display:none;
}

form#ersatzteilservice_benninger fieldset.bestellung input {
  float:left;
  margin-bottom:3px;
}

form#ersatzteilservice_benninger fieldset.bestellung input.anzahl {
  width:28px;
  margin-right:20px;
  clear:left;
}

form#ersatzteilservice_benninger fieldset.bestellung input.bezeichnung {
  width:158px;
  margin-right:20px;
}

form#ersatzteilservice_benninger fieldset.bestellung input.teile {
  width:158px;
}

/* Mitteilung border ausblenden*/
form#ersatzteilservice_benninger fieldset.tx-powermail-pi1_fieldset_message,
form#ersatzteilservice_benninger fieldset.tx-powermail-pi1_fieldset_mitteilung {
  border:none;
}

/****************************************/
/* Kontaktformular                     */
/***************************************/


/* Mitteilung border ausblenden*/
form#kontaktformular fieldset.tx-powermail-pi1_fieldset_message,
form#kontaktformular fieldset.tx-powermail-pi1_fieldset_mitteilung {
  border:none;
}

form#kontaktformular fieldset.tx-powermail-pi1_fieldset_message label,
form#kontaktformular fieldset.tx-powermail-pi1_fieldset_mitteilung label {
  display:none;
}

/****************************************/
/* Banner                               */
/***************************************/

.banner {
  position:relative;
  top:0;
  left:0;
  width:300px;
  height:62px;
  background-color:#EEE;
  margin-bottom:10px;
}

.banner span.arrow {
  display:block;
  position:absolute;
  top:0px;
  right:0px;
  width:10px;
  height:62px;
  background:#fff url(../images/interface/banner_pfeilspitze.gif) no-repeat 0 0;
}

.banner span.icon_man {
  display:block;
  position:absolute;
  top:6px;
  left:8px;
  width:10px;
  background:transparent url(../images/interface/banner_jobs.gif) no-repeat 0 0;
  height:49px;
  width:37px;
}

.banner span.icon_clock {
  display:block;
  position:absolute;
  top:7px;
  left:8px;
  width:10px;
  background:transparent url(../images/interface/banner_ferienoeffnungszeiten.gif) no-repeat 0 0;
  height:49px;
  width:37px;
}

.banner h2 {
  font-size:1.2em;
  margin-left:60px;
  text-transform:uppercase;
  color:#515151;
  font-weight:bold;
  padding-top:21px;
}

.banner a,
.banner a:link,
.banner a:visited {
  margin-left:60px;
  background-image:url(../images/interface/pfeil.gif);
  background-position:0pt 5px;
  background-repeat:no-repeat;
  color:#FF6600;
  padding-left:9px;
}