/* styleguide
********************************************************************/

/* ********** 3 Columns Layout ********** */

#layout__content {
	overflow: hidden;
	padding-left: 0 !important;
}



/* ********** Content Boxes 1 (Standard Pages) ********** */

.dropshadow {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 2px 3px 1px;
}

.outline {
  border: 1px solid #fff;
}

br.clear, div.clear {
  clear: both;
  /*height: 0;*/
  line-height: 0; /* IE */
}

#layout__content div.contact_information,
#layout__content div.as_table,
#layout__content div.Default,
#layout__content div.content_header_visual,
#layout__content div.with_border_below_headline,
#layout__content div.without_image_borders,
#layout__content div.link_to_overlay {
	clear: both;
	margin: 0 14px;
	overflow: visible;
}


/**
  * With Border Below Headline
  */
#layout__content .with_border_below_headline div.left_aligned_image {
	/* simulates .dropshadow + .outline */
	background-color: #fff;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	padding: 1px;
}


/**
  * Teaser Box Left, Teaser Box Right
  */
#layout__content .teaser_box_left,
#layout__content .teaser_box_right {
  background: #fff url(../img/teaser_box_bg.png) repeat-x 0 0;
  margin: 0;
  width: 272px;
}

#layout__content .teaser_box_left {
	clear: both;
	float: left;
}

#layout__content .teaser_box_right {
	clear: none;
	float: right;
}

	#layout__content .teaser_box_left div.outline,
	#layout__content .teaser_box_right div.outline {
		height: 133px;
		overflow: hidden;
		padding: 14px 14px 0;
	}

	#layout__content .teaser_box_left h4,
	#layout__content .teaser_box_right h4 {
		font-size: 1em;
		font-weight: bold;
		letter-spacing: 0.07em;
		text-transform: uppercase;
	}

  /* prevent line break */
  #layout__content .teaser_box_left div.csc-textpic-text,
  #layout__content .teaser_box_right div.csc-textpic-text {
    zoom: 1; /* IE6 */
    overflow: hidden;
  }

	#layout__content .teaser_box_left p.align-right,
	#layout__content .teaser_box_right p.align-right {
		margin: 0 0 10px;
	}


/**
  * Default Box, Without Image Border
  */
.Default {
}

.without_image_borders {
  margin: 0 14px 25px; /* -> 'Representations & Dealers', 'Gentle and healthy cooking' */
}

	.Default h4,
	.without_image_borders h4 {
		font-size: 1em;
		font-weight: bold;
	}

	.Default div.left_aligned_image div.csc-textpic-text,
	.without_image_borders div.left_aligned_image div.csc-textpic-text {
		padding: 4px 0 0; /*5px 0 0; but now we've got 'line-height: 1.4em' */
	}

	/* prevent line break */
	.Default div.left_aligned_image div.body-text-wrap,
	.without_image_borders div.left_aligned_image div.body-text-wrap {
    /*overflow: hidden;*/
	}

  /* "Beside text, left": prevent line break */
  .Default div.left_align_26 div.csc-textpic-text {
    height: 1%; /* IE6 */
    overflow: hidden;
  }


/**
 * Left border box
 */
div#layout__sub div.left_box {
  margin-bottom: 26px;
}

div#layout__sub div.left_box img  {
  border: none !important;
  padding: 0 !important;
}

div#layout__sub div.left_box div.csc-textpic-imagewrap a {
  background: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}


/**
  * 360 Degrees Object
  */
#layout__content div.open3DModelLink {
  display: block;
  margin: 0 0 12px 0;
  text-align: right;
}

div.degrees_360_media_object {
  background: white;
  border: 1px solid #cacac8;
  position: absolute;
  text-align: center;
  z-index:10000;
}

div.open3DModelLink a:hover,
div.open3DModelLink a:active,
div.open3DModelLink a:focus,
div.open3DModelLink a:visited,
div.open3DModelLink a img {
  border-bottom: 0px !important;
  text-decoration: none !important;
}


/* ********** Horizontal Rule ********** */

#layout__content div.div-outer {
	background: transparent url(../img/content_sep_rgt.png) no-repeat scroll right center;
	font-size: 0em; /* IE6 height bug fix! */
	margin: 0 -14px 15px; /* -> Cooking tips; Doesn't fit for -> About us */ /* BETA!! */ /*0 -14px*/
	width: auto;
}

#layout__content div.div-inner {
	background: transparent url(../img/content_sep_lft.png) no-repeat scroll left center;
	height: 5px;
	width: auto;
}

.no_line {
  clear: both;
  width: auto;
  height: 0px;
}



/* ********** Images ********** */

div.csc-textpic-imagewrap li {
	width: auto !important; /* reset wrong inline style */
}

div.csc-textpic-imagewrap ul,
div.csc-textpic-imagewrap li,
div.csc-textpic-imagewrap img {
  line-height: 0;
  margin: 0 !important; /* reset extension stylesheet */
}

.with_border_below_headline div.csc-textpic-imagewrap {
	float: none;
	margin: 0 0 5px;
}

.teaser_box_left div.csc-textpic-imagewrap,
.teaser_box_right div.csc-textpic-imagewrap {
	float: left;
	margin: 0 10px 1em 0;
}

.contact_information div.left_aligned_image div.csc-textpic-imagewrap,
.Default div.left_aligned_image div.csc-textpic-imagewrap,
.without_image_borders div.left_aligned_image div.csc-textpic-imagewrap,
.half_left div.left_aligned_image div.csc-textpic-imagewrap,
.half_right div.left_aligned_image div.csc-textpic-imagewrap {
	float: left;
	margin: 0 25px 1em 0;
}

.Default div.csc-textpic-intext-right div.csc-textpic-imagewrap,
.Default div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	float: right;
	margin: 0 0 1em 25px; /*!important*/
}


/* simulate .dropshadow + .outline */
.contact_information img,
.left_floating img,
.right_floating img,
.content_header_visual img,
.teaser_box_left img,
.teaser_box_right img,
.Default img {
	background-color: #fff;
	border-color: #ddd !important;
	border-style: solid !important;
  border-width: 1px 1px 2px 1px !important;
	padding: 1px;
}

.right_floating_without_border {
  float: right;
}

/* Hack for IE 7 */
.right_floating_without_border div,
.right_floating_without_border ul,
.right_floating_without_border li,
.right_floating_without_border a {
  width: 1% !important;
}


/* ********** Text Links ********** */

#layout__content a:link,
#layout__content a:visited,
#layout__extra a:link,
#layout__extra a:visited {
	color: #e2001a;
}

	/**
	  * Sitemap, Produkt-Detailseite Tabs
	  */
	#layout__content .tx-dropdownsitemap-pi1 a:link,
	#layout__content .tx-dropdownsitemap-pi1 a:visited,
	#layout__content .tx-21torrfisslerproductdetail-pi1 div#tabs a:link,
	#layout__content .tx-21torrfisslerproductdetail-pi1 div#tabs a:visited {
		color: #616265;
	}

	#layout__content .tx-dropdownsitemap-pi1 a:hover,
	#layout__content .tx-dropdownsitemap-pi1 a:focus,
	#layout__content .tx-dropdownsitemap-pi1 a:active,
	#layout__content .tx-21torrfisslerproductdetail-pi1 div#tabs a:hover,
	#layout__content .tx-21torrfisslerproductdetail-pi1 div#tabs a:focus,
	#layout__content .tx-21torrfisslerproductdetail-pi1 div#tabs a.active {
		color: #e2001a;
	}

div.body-text-wrap a:hover,
div.body-text-wrap a:focus,
div.body-text-wrap a:active,
div.open3DModelLink a:hover,
div.open3DModelLink a:focus,
div.open3DModelLink a:active,
div.formIntro a:hover,
div.formIntro a:focus,
div.formIntro a:active,
div.fldSetContent a:hover,
div.fldSetContent a:focus,
div.fldSetContent a:active {
	border-bottom: 1px dotted #e2001a;
}

div.model3D {
  float: right;
}



/* ********** Content Boxes 2 ('Cooking tips & Culinary trends') ********** */

/**
  * Left Floating, Right Floating
  */
#layout__content .left_floating,
#layout__content .right_floating {
  margin: 0 0 13px;
  width: 373px;
}

#layout__content .left_floating {
  float: left;
}

#layout__content .right_floating {
	float: right;
}

* html #layout__content .right_floating {
	margin-bottom: 11px; /* IE6 */
}

*+html #layout__content .right_floating {
	margin-bottom: 11px; /* IE7 */
}

	#layout__content .with_border_below_headline div.csc-textpic-imagewrap,
	#layout__content .left_floating div.csc-textpic-imagewrap,
	#layout__content .right_floating div.csc-textpic-imagewrap {
		width: auto !important; /* reset wrong inline style */
	}

	#layout__content .left_floating div.csc-textpic-imagewrap li,
	#layout__content .right_floating div.csc-textpic-imagewrap li {
		/*margin: 0 !important;*/ /* obsolete */
	}


/**
  * Half Left, Half Right
  */
#layout__content div.half_left {
	float: left;
}

#layout__content div.half_right {
	float: right;
}

#layout__content div.half_left,
#layout__content div.half_right {
	margin: 0 14px; /*20px 14px 0*/
	overflow: visible;
	width: 45%;
}
* html #layout__content div.half_left,
* html #layout__content div.half_right {
  width: 41%;
}

	.half_left div.left_aligned_image div.csc-textpic-imagewrap,
	.half_right div.left_aligned_image div.csc-textpic-imagewrap {
		margin: 0 10px 1em 0;
	}

	.half_left div.left_aligned_image div.body-text-wrap,
	.half_right div.left_aligned_image div.body-text-wrap {
		padding: 4px 0 0; /*5px 0 0; but now we've got 'line-height: 1.4em' */
	}


/**
  * Video with Text
  */
#layout__content div.video_with_text_left {
	float: left;
	margin: 0 14px; /*20px 14px 0*/
	overflow: visible;
	width: 252px;
	padding: 13px 0 25px 0;
}

#layout__content div.video_with_text_right {
	float: right;
	margin: 0 14px; /*20px 14px 0*/
	overflow: visible;
	width: 422px;
	padding: 13px 0 25px 0;
}

#layout__content div.video_horizontal_center {
  text-align: center;
  overflow: visible;
  padding: 13px 0 25px 0;
}

* html #layout__content div.video_with_text_left {
	margin: 0 0 0 7px;
	width: 238px;
}

* html #layout__content div.video_with_text_right {
	width: 406px;
}

#layout__content div.video_horizontal_center div.movie,
#layout__content div.video_with_text_left div.movie {
  background-color:#FFFFFF;
  border-color:#DDDDDD !important;
  border-style:solid !important;
  border-width:1px 1px 2px !important;
  padding:1px;
}

#layout__content div.video_horizontal_center div.movie {
  margin: 0 auto;
}


/* ********** Default Form ********** */

.defaultForm {
  background: transparent url(../img/form_bg_trans.png) repeat-x scroll 0 0;
	/*font: 1em/1em Arial, Helvetica, sans-serif;*/
  height:1%;
}

.bgReverse {
  /*background: #f3f3f3 url(../img/form_above_bg.png) repeat-x scroll 0 0;*/
  background: #fff url(../img/form_reverse_bg.png) repeat-x 0 0;
}

	/**
	  * Form Intro
	  */
	.formIntro {
		margin: 14px 0 0;
	}

	.formIntro p.bodytext {
		/*line-height: 1.25em;*/ /* wie Marginalspalte: 1.4em */
	}


	.defaultForm div.without_image_borders {
		margin: 0 14px !important;
	}

	.defaultForm div.left_aligned_image {
		margin: 14px 0 20px !important;
		overflow: hidden;
	}

	.defaultForm div.left_aligned_image div.csc-textpic-imagewrap {
		margin: 0 10px 0 0;
	}

	.defaultForm div.left_aligned_image div.csc-textpic-text {
		padding: 34px 0 0;
	}


.defaultForm div.above {
	margin: 14px 7px 0;
}

.defaultForm fieldset {
	border: none;
	margin: 0 7px;
	padding: 0;
	vertical-align: text-top;
}

.defaultForm h4 {
	border-bottom: 1px dotted #cacac8;
	/*border-top: 1px dotted #cacac8;*/
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.07em; /*0.05em*/
	margin: 0 7px 20px; /* -> Replacement Parts Search */
	padding: 9px 7px;
	text-transform: uppercase;
}

.defaultForm div.above h4 {
	margin: 0 0 20px; /* -> Contact */
}

.defaultForm div.fldSetContent {
	margin: 0;
}

.defaultForm label {
	font-weight: bold;
	margin: 0 0 5px; /* -> Product Finder */
}

.defaultForm input,
.defaultForm select,
.defaultForm textarea {
	margin: 0 0 10px;
}

	.defaultForm input.txtFld {
		width: 252px;
	}

	.defaultForm input.medium {
		width: 186px;
	}

	.defaultForm input.short {
		width: 57px;
	}

.defaultForm input.txtFld,
.defaultForm select,
.defaultForm textarea {
	border: 1px solid #a5acb2;
	color: #616265;
}

.defaultForm select {
	width: 258px;
}

.defaultForm textarea {
	height: 100px;
	overflow: auto;
	width: 252px;
}

	/**
		* Red Button
		*/
	.defaultForm input.btn,
  .seminars_single input.btn {
		background: transparent url(../img/form_red_btn.png) no-repeat scroll 0 0;
		border: none;
		color: #E2001A;
		cursor: pointer;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		height: auto;
		margin: 0 0 0 7px;
		overflow: visible; /* IE button length fix! */
		padding: 0 0 0 20px;
		outline: none;
	}


/* Last Block Element */
.defaultForm .lastBlk {
	margin-bottom: 0 !important;
}

.defaultForm div.middle {
	margin: 25px 7px 14px;
	padding: 0;
}

.defaultForm div.below {
	border-top: 1px dotted #CACAC8;
	margin: 25px 7px 0;
	padding: 15px 7px;
	text-align: right;
}



/* ********** Contact Form ********** */

.contactForm label {
	float: left;
	/*line-height: 1.5em;*/
	margin: 2px 10px 0 0;
	/*padding: 5px 0 0;*/
	text-align: left; /*right*/
	width: 130px; /*70px*/
	padding-bottom: 2px;
}

.contactForm label.rBtnLbl {
	margin-top: -2px;
}

.contactForm label.inlineLbl {
	display: inline;
	float: none;
	font-weight: normal;
}

.contactForm label.cbxLbl {
	font-weight: normal;
	/*line-height: 1.25em;*/
	margin: 0;
	padding: 0 0 10px;
	text-align: left;
	width: 238px; /*400px*/
}

.contactForm label em, .contactForm p em {
	color: #e2001a;
	font-weight: normal; /*bold*/
	font-size: 1.3em;
}

.contactForm input.rBtn {
	height: 13px;
	vertical-align: text-top;
	width: 13px;
}

.contactForm input.cbx {
	float: left;
	height: 13px;
	margin: 0 7px 10px 140px; /*. . . 80px*/
	/*vertical-align: text-top;*/
	width: 13px;
}

.contactForm p.lastBlk {
  padding-bottom: 2px;
}



/* ********** Product Finder ********** */

form.threeColForm {
  background: #f3f3f3 url(../img/form_threeColForm_bg.png) repeat-x 0 0;
  border-color: #ddd;
  border-style: solid;
  border-width: 0 1px 3px;
  margin: 0 14px 14px;
}

.threeColForm div.formIntro {
  margin: 0;
}

.bgReverse .formIntro div.left_aligned_image {
  height: 158px; /* IE6 */
}

/* "Find what you are looking for" */
.bgReverse h4 {
	background: none;
	margin: 0 14px 20px;
	padding: 9px 0;
}

.threeColForm div.above {
	height: 1%; /* IE6 */
	margin: 0;
	padding: 14px 14px 0;
}

.threeColForm div.above fieldset h4 {
	border-top: none;
	text-transform: none;
	margin: 0 7px;
	padding: 14px 7px 7px;
}

.threeColForm h4 span.initiale {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0;
}

.threeColForm fieldset {
	/*background: transparent url(../img/form_above_fst.jpg) repeat-x left top;*/
	float: left;
	height: 179px;
	margin: 0 16px 0 0;
	width: 212px; /*222px*/
}

.threeColForm fieldset.lastFldSet {
	height: auto;
	margin: 0;
}

.threeColForm div.fldSetContent {
	margin: 25px 14px 0;
}

.threeColForm div.fldSetContent p {
	margin: 0 0 24px;
}

.threeColForm select {
	display: block;
	width: 182px;
}

.threeColForm input.cbx {
	float: left;
	height: 13px;
	margin: 0 7px 3px 0;
	width: 13px;
}

.threeColForm label {
	float: left; /* alternativ: 'overflow: hidden;' und fuer IE6: 'padding-left' */
	font-weight: normal;
	width: 164px;
}

.threeColForm div.below {
	clear: both;
}

/* Inner Red Button */
.defaultForm input.innerBtn {
  margin: 0 20px 0 0;
}



/* ********** Spare Parts / Replacement Parts Search ********** */

#spareparts_search_content div.formIntro {
  margin: 0;
}

#spareparts_search_content .formIntro div.left_aligned_image {
  height: 155px; /* IE6 */
}

#spareparts_search_content .defaultForm h4 {
	margin: 10px 7px 15px;
}

#spareparts_search_content div.above {
  margin: 0 7px;
}

#spareparts_search_content div.above input.btn {
  margin: 0 0 8px 7px;
}

#spareparts_search_content div.middle {
  margin: 0 7px 4px;
}

#spareparts_search_content div#series {
  float: left;
}

#spareparts_search_content div.middle input.btn {
  margin: 2px 0 0 7px;
}



/* ********** Newsletter ********** */

.newsletterForm div.formIntro {
  margin: 14px 14px 0;
}

.newsletterForm div.formIntro em {
  color: #e2001a;
  font-style: normal;
}



/* ********** Representations & Dealers ********** */

div.tx-wtdirectory-pi1 .dropshadow {
  margin: 0 0 14px;
}

div.tx-wtdirectory-pi1 .above select {
  float: left;
}

div.tx-wtdirectory-pi1 .above input.btn {
  margin: 2px 0 0 7px;
}

div.tx-wtdirectory-pi1 .dealer_wrapper .csc-header {
	margin: 0 14px;
}

div.tx-wtdirectory-pi1 td.label {
  width:100px;
}

div.tx-wtdirectory-pi1 table.contenttable tbody tr.no_space,
div.tx-wtdirectory-pi1 table.contenttable tbody tr.no_space td,
div.tx-wtdirectory-pi1 table.contenttable tbody tr.no_space td a,
div.tx-wtdirectory-pi1 table.contenttable tbody tr.no_space td img,
div.tx-wtdirectory-pi1 table.contenttable tbody tr.no_space td p,
div.tx-wtdirectory-pi1 table.contenttable tbody tr.no_space td p a,
div.tx-wtdirectory-pi1 table.contenttable tbody tr.no_space td p span {
  margin-bottom:0 !important;
  margin-top:0 !important;
  padding-bottom:0 !important;
  padding-top:0 !important;
}



/* ********** Marginal Contents ********** */

#layout__sub h3,
#layout__extra h3 {
  background: url(../img/bg_marg_headline.jpg) no-repeat;
  background-position: 4px 10px;
  border-top: 1px dotted #cacac8;
  border-bottom: 1px dotted #cacac8;
  font-size: 1.2em;
  margin: 0;
  padding: 6px 0 6px 20px;
  text-transform: uppercase;
}

#layout__sub .body-text-wrap,
#layout__extra .body-text-wrap {
  background: url(../img/marginal_bg.jpg) repeat-x 0 0;
  font-size: 1.2em !important;
  /*line-height: 1.4em;*/
  padding: 10px 7px 6px 2px;
}

#layout__sub .body-text-wrap p,
#layout__extra .body-text-wrap p {
  margin: 0;
}

#layout__extra .csc-textpic .body-text-wrap {
  background: none !important;
}

#layout__extra .csc-textpic {
  background: url(../img/marginal_bg.jpg) repeat-x 0 0;
  height: 1%;
  margin: 0;
  padding: 0;
}

#layout__extra .csc-textpic-imagewrap{
  margin: 0;
  padding: 0;
}



/* ********** FAQ ********** */

div.tx-irfaq-pi1 dl {
  margin: 0;
}

div.faq-answer {
  margin: 5px 0 0 15px; /*5px 0 5px 15px*/
}

div.faq-question {
  margin: 5px 0 5px 0;
}

div.faq-question img {
  margin-right: 5px;
}



/* ********** Table ********** */

table.contenttable,
table.sortable,
.filelinks table {
  border-collapse: collapse;
  /*margin: 0 0 0 -14px;*/
  width: 100%;
}

div.seminars_single table {
  margin: 0 0 1.4em;
}

.filelinks td.even,
.contenttable tr.tr-even {
  background: #f7f7f7;
}

.filelinks td.odd,
.contenttable tr.tr-odd {
}

.filelinks th,
.contenttable tr.tr-0,
table.sortable thead {
  background-color: #ececea;
}

.filelinks th,
.filelinks td,
.contenttable th,
.contenttable td,
table.sortable th,
table.sortable td {
  border-color: #fff;
  border-style: solid;
  border-width: 0 3px 0 0;
  padding: 0.5em 1em;
  vertical-align: text-top;
}

.filelinks td {
  border-color: #fff;
  border-style: solid;
  border-width: 0 3px 0 0;
  vertical-align: text-top;
}

table.sortable th {
/*
  background-color: #ececea;
  color: #616265;
*/
}

#layout__content td.divider div.div-outer {
  margin: 0 -12px;
}



/* *********** Line Height Correction *********** */

#layout__content div.body-text-wrap,
#layout__content div#hotspot_content,
#layout__content div#tabs_content,
#layout__content div.defaultForm label,
#layout__content div.defaultForm .lastBlk,
#layout__content div.formIntro,
#layout__content div.fldSetContent p,
#layout__extra div.body-text-wrap {
  line-height: 1.4em;
}

#layout__content div.as_table {
  margin:25px 14px 20px 14px;
}

.filelinks td {
  vertical-align: top;
}

.contact_information table {
  width: auto;
}

.contact_information table th, .contact_information table td p.bodytext {
  margin: 0 !important;
  padding: 0 !important;
}

.contact_information table td {
  margin: 0 !important;
  padding: 0 0 10px 0 !important;
}

#layout__content div.contact_information {
  margin:25px 14px 13px 14px;
}

#tabs_content #tab_2 p.bodytext {
  margin:0; 
  padding:0
}
#tabs_content #tab_2 table > tbody > tr > td {
  padding: 0;
}


div.left_align_18 div.csc-textpic-text ul { padding-left: 249px; }
*+html div.left_align_18 div.csc-textpic-text ul { padding-left: 252px; } /* IE 7 */
* html div.left_align_18 div.csc-textpic-text ul { padding-left: 252px; } /* IE 6 */

div.left_align_26 div.csc-textpic-text ul { padding-left: 14px; }
*+html div.left_align_26 div.csc-textpic-text ul { padding-left: 17px; } /* IE 7 */
 html div.left_align_26 div.csc-textpic-text ul { padding-left: 17px; } /* IE 6 */


