/* 
  ----------------------------------------------------------------------
  Stylesheet Global Framework | Projekt he-sie.de
  by persona.media | konzept.design.marketing.
  www.personamedia.de
  Beta-Version 1.2 / 20.02.2008
  ----------------------------------------------------------------------
*/

/* Styles Global Hauptlayout, Header, Content 2-spaltig, Footer*/

* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #b3017b;
}
a img { border: 0px none; }
p { margin-bottom:0.7em; }
h2, h3 { font-size: 1.2em; }
h3, h2 { display: inline; }
ul, li { list-style: none; }
table, td, tr {
	padding:0;
	margin:0;
}
td img { display:block; }
body {
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
	background: #eee;
	text-align: center;
	margin: 12px 0;
	color: #526a71;
	background-repeat: repeat-x;
	height: 100%;
	min-width: 861px;
	background-image: url(../img/hg_body.gif);
}
 html[xmlns^="http"] {
overflow-y: scroll;
}
.bodytext p { margin-bottom:0.7em; }
/* clears und floats und diverse*/
.clearflt {
	clear: both;
	height: 0;
	font-size: 0.1px;
	line-height: 0px;
}
.fltlft { float: left; }
.fltrt { float: right; }
/* layoutdivs*/
#layoutwrapper {
	width: 861px;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-image: url(../img/hg_wrapper.gif);
}
#top {
	background: url(../img/hg_topnavi.jpg);
	height: 59px;
	background-repeat: no-repeat;
	background-color: #00FF66;
}
#header_wrapper {
	height: 272px;
	background-repeat: no-repeat;
	background-image: url(../img/hg_header_hesie_gmbh.jpg);
	background-position: right top;
}
#contentwrapper {
	margin: 0 5px;
	padding-bottom: 30px;
	height: 100%;
}
#content_left {
	width: 212px;
	float: left;
	height: 100%;
	border-right: 1px solid #b3017b;
	text-align: left;
}
#content_right {
	float: right;
	height: 100%;
	margin: 0 18px;
	width: 600px;
	text-align: left;
}
#footer_wrapper {
	height: 92px;
	background-repeat: no-repeat;
	background-image: url(../img/hg_footer.jpg);
	text-align: center;
}
/* breadcrumbs*/
#breadcrumbs_wrapper {
	margin: 0 5px;
	padding: 0 19px;
	text-align: left;
	height: 31px;
	background-image: url(../img/hg_breadcrumbs.jpg);
	background-repeat: no-repeat;
}
#breadcrumbs {
	font-size:10px;
	background-image: url(../img/home.gif);
	background-position: left 10px;
	background-repeat: no-repeat;
	padding: 9px 0 0 13px;
}
/* Divs Head und die Styles*/
/* topnavi oben und footer unten*/
#topnavi_wrapper {
	background-image: url(../img/hg_topnavileiste.gif);
	background-repeat: no-repeat;
	height: 33px;
	margin: 0 5px;
	text-align: left;
}
.suchfeld {
	width:195px;
	height:27px;
	background-image:url(../img/hg_suchdiv.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	padding-left: 18px;
	float: left;
	margin-top: 5px;
}
/* Beginn Hauptnavi */
#navcontainer {
	margin: 5px 0 0 0;
	padding: 0 0 0 18px;
	height: 27px;
	width: auto;
	float: left;
}
#navcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#navcontainer li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	height: 27px;
	background-image: url(../img/hg_navibuttons_norm.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#navcontainer a {
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0;
	padding: 0 16px;
	/*	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
*/	font-weight: bold;
	font-size:1.1em;
	letter-spacing:1px;
	color: #526a71;
	line-height:27px;
}
#navcontainer a:hover, #navcontainer a:active { }
#navcontainer li a.NO, #navcontainer li a:hover, #navcontainer li a:active {
	background-image: url(../img/hg_navibuttons_over.gif);
	background-repeat: no-repeat;
	background-position:right top;
}
/* Ende Hauptnavi */
/* Beginn Navitools */
#navitools {
	margin: 6px 0 0 0;
	padding: 0 18px 0 0;
	height: 26px;
	width: 150px;
	float: right;
}
#navitools ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#navitools li {
	display: block;
	margin: 0;
	padding: 0;
	float: right;
	width: auto;
	height: 26px;
}
#navitools a {
	display: block;
	width: auto;
	text-decoration: none;
	margin: 0 10px 0 17px;
	padding: 6px 0 0 0;
	color: #B3017B;
	/*line-height:26px;*/
font-size:10px;
}
/* Ende Navitools */
#footer_box {
	font-size: 10px;
	display: inline;
}
#footer_navi {
	padding-bottom: 7px;
	padding-top: 22px;
}
#footer_navi ul, #footer_navi li, #navileiste_box ul, #navileiste_box li {
	margin:0;
	padding: 0;
	display: inline;
}
#footer_navi a:link, #footer_navi a:visited, #breadcrumbs a:link, #breadcrumbs a:visited, #content_right a:link, #content_right a:visited { color: #b3017b; }
#navileiste_box li, #navileiste_box li a:link {
	padding: 7px 10px;
	display: inline;
	background-image:url(../img/hg_navilbuttons_norm.gif);
}
#head_menulist li a:link, #head_menulist li a:visited {
	color: #535353;
	display: block;
	background: url(../img/navmenu_status.gif);
	padding: 10px 0 0 28px;
}
#footer_navi a:link#tnl_current, #footer_navi a:visited#tnl_current, #footer_navi a:hover, #breadcrumbs a:hover, #content_right a:hover, #navitools a:hover {
	border-bottom: 1px solid #b3017b;
	padding-bottom: 1px;
	color: #b3017b;
}
/* logo links */
#head_logo {
	background-repeat: no-repeat;
	width: 217px;
	height: 272px;
	float: left;
	background-image: url(../img/hg_logo_he-sie_gmbh.jpg);
}
/* produktkatalog */
.katimage_left, .katimage_right {
	float: left;
	display:block;
	width:290px;
	height:112px;
	margin:6px 0;
}
.katimage_right { float: right; }
.katimage_left a, .katimage_right a {
	display:block;
	width:260px;
	height:19px;
	background:transparent;
	padding-left: 30px;
	padding-top: 93px;
}
/* oberkategorien*/
table.tx-a1teasermenu-pi1, table.produktkat_list, td.produktkat_list, td.produktkat_list_right {
	border:none;
	border-collapse:collapse;
}
td.tx-a1teasermenu-pi1, td.produktkat_list, td.produktkat_list_right {
	margin:0;
	padding: 0;
	overflow: hidden;
	width: 300px;
}
td.produktkat_list_right { }
#content_right table.produktkat_list a:hover, #content_right .referenzbild_diashow a:hover, #content_right .tx-a1teasermenu-pi1 a:hover {
	border: none;
	padding: 0;
	color: #b3017b;
}
td.tx-a1teasermenu-pi1, td.produktkat_list p {
	padding: 0;
	margin: 0;
}
td.tx-a1teasermenu-pi1 span, td.produktkat_list span {
	position:relative;
	top:-20px;
	left:32px;
	font-weight:bold;
}
.katimage_left a:hover, .katimage_right a:hover {
	border-bottom:none !important;
	padding-bottom:0 !important;
}
.produktkat_linktxt { font-weight: bold; }
/* contentbereich*/
.contentheadspan {
	background-image:url(../img/divider_right_green_bigger.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left: 14px;
	margin-left: 5px;
}
.content_absatz, .content_katalog {
	padding: 20px 0;
	line-height: 1.5em;
	background-image: url(../img/hg_contentheader.gif);
	background-repeat: repeat-x;
	margin-top: 6px;
}
#content_right p { line-height: 1.5em; }
.content_katalog p { margin: 6px 0; }
/*.content_absatz img { margin: 6px 0; 
}*/


form#bestellung {
	width: 580px;
	padding: 0;
	margin: 0;
}
/* Die Elementegruppen */
fieldset {
	padding: 10px;
	border: 1px solid #526a71;
	margin-bottom: 10px;
	background-image: url(../img/fafdfd.gif);
	background:url(../img/fafdfd.gif);
	background-color:#fafdfd;
}
.pflichtfeld {
	color:#b3017b;
	font-weight:bold;
}
legend {
	font-weight:bold;
	padding:0 10px;
	border: 1px solid #526a71;
	background-color: #F4F9FA;
	margin-bottom: 10px;
}
/* Beschriftung positionieren */
label {
	position: relative; /* etwas höher ... */
	bottom: 2px;
	cursor: pointer;
	padding-left: 2px;
}
label.davor {
	float: left;
	clear: left;
	width: 65px;
	text-align: right;
	margin-right: 6px;
	background-image: url(../img/right_green_small.gif);
	background-repeat: no-repeat;
	background-position: right center;
	font-weight: bold;
	padding-right: 12px;
	line-height: 26px;
	height: 26px;
}
input#anrede_herr {
	padding-left: 0;
	margin-left: 81px;
}
input#betreff {
	padding-left: 0;
	margin-left: 0px;
}
/* Submit - Abschicken */
#abschicken, #abschicken:hover {
	cursor:pointer;
	margin: 10px;
	background-image: url(../img/hg_submit.gif);
	height: 29px;
	background-repeat: no-repeat;
	line-height: 29px;
	background-position: left top;
	padding-left: 10px;
	color: #b3017b;
	width:110px;
	border:none;
	text-align:left;
	font-weight: bold;
}
#abschicken:hover {
	color:#b3017b;
	letter-spacing:1px;
	background-position: left -29px;
}
form p {
	margin: 0;
	margin-left: 10px;
}
/* formelemente*/


/* suche styles */

.inp_suche {
	background-image: url(../img/hg_suchbegriff.jpg);
	background:url(../img/hg_suchbegriff.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	width: 148px;
	height: 18px;
	font-size:10px;
	margin: 0;
	border: none;
	padding: 2px 6px 0 6px;
	font-weight: bold;
	vertical-align: middle;
	display: inline;
	color: #526A71;
	margin-top: 4px;
}
.btn_suche {
	background-image: url(../img/hg_suchbutton.jpg);
	background:url(../img/hg_suchbutton.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	width: 27px;
	height: 20px;
	margin: 0;
	border: none;
	padding: 0;
	margin-top: 4px;
}
#extendetsearch select {
	background-color: #fafdfd;
	width: 200px;
	margin: 5px;
	color: #526a71;
}
#extendetsearch label {
	margin: 0px;
	color: #526a71;
	padding: 0;
}
#extendetsearch_submit, #extendetsearch_submit:hover {
	cursor:pointer;
	margin: 5px;
	background-image: url(../img/submit_extendetsearch.gif);
	height: 29px;
	background-repeat: no-repeat;
	line-height: 29px;
	background-position: left top;
	padding-left: 15px;
	color: #b3017b;
	width:110px;
	border:none;
	text-align:left;
	font-weight: bold;
}
#extendetsearch_submit:hover {
	color:#b3017b;
	letter-spacing:1px;
	background-position: left -29px;
}
/* Hack IE6 und 7 für Ausrichtung inputs*/
*html .inp_suche {
	margin-top: 3px;
	height:17px;
}
*+html .inp_suche {
	margin-top: 3px;
	height:17px;
}
*html #abschicken, *html #abschicken:hover {
	padding-left: 13px;
	height:31px;
}
*+html #abschicken, *+html #abschicken:hover {
	padding-left: 14px;
	height:31px;
}
/**html input.tx-indexedsearch-searchbox-sword { width: 400px; margin:5px; border-bottom 1px solid:}
*/form#bestellung input[type="text"]:hover, form#extendetsearch input[type="text"]:hover, #mitteilung:hover {
	background-color: #EEF6F7;
	color:#000;
}
#mitteilung:hover { height: 100px; }
form#bestellung input[type="text"], form#extendetsearch input[type="text"] {
	height:20px;
	margin-top: 2px;
}
form#extendetsearch input[type="text"] {
	width:400px;
	margin-left: 5px;
}

/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI {
	display:inline;
	margin-right:5px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
	width:400px;
	margin:5px;
	height:19px;
	background-color: #EEF6F7;
	padding:2px;
	font-weight:bold;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
	margin-top:10px;
	margin-bottom:5px;
}
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {
	font-weight:bold;
	font-style:italic;
}
.tx-indexedsearch .tx-indexedsearch-noresults {
	text-align:center;
	font-weight:bold;
}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
	font-style:normal;
	margin: 3px 0;
	padding: 3px 0;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
	color:#526A71;
	background-color: #EEF6F7;
	padding: 0 2px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
	background:#EEF6F7;
	padding: 3px 0;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
	margin-top:20px;
	margin-bottom:5px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {
	margin-top:0px;
	margin-bottom:0px;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {
	background:#cccccc;
	vertical-align:middle;
}
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#526a71; }
.tx-indexedsearch .tx-indexedsearch-category {
	background:#cccccc;
	font-size:16px;
	font-weight:bold;
}
.tx-indexedsearch-title a, .tx-indexedsearch-path a { font-weight:bold; }
.tx-indexedsearch-searchbox-label { weight:110px; }
/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css {
	clear:both;
	margin-bottom:1em;
}
.tx-indexedsearch .searchbox-tmpl-css LABEL {
	margin-right:1em;
	width:10em;
	float:left;
}
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
	letter-spacing:0;
	font-weight:normal;
	margin-top:-1.2em;
	float:right;
}
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
.tx-indexedsearch-othermode {
	margin: 15px 0 ;
	padding:10px 0;
	border-top:1px solid #526a71;
	border-bottom:1px solid #526a71;
	background-color:#EEF6F7;
}
/*.tx-indexedsearch-othermode, .tx-indexedsearch-othermode a {
	margin: 15px 0 ;
	padding:10px 0;
	border-top:1px solid #526a71;
	border-bottom:1px solid #526a71;
	background-color:#EEF6F7;
}*/

/* menuülist rechts */
#head_menu {
	background-repeat: no-repeat;
	width: 252px;
	height: 194px;
	float: right;
	background: url(../img/hg_menue_normal.jpg);
}
#head_menulist {
	width: 239px;
	border-style: none none none solid;
	border-color: #ffa202;
	border-width: 1px;
	font-size: 11px;
	font-weight: bold;
	margin-left: 13px;
	letter-spacing: 1px;
}
#head_menulist a {
	height: 33px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 23px;
}
#head_menulist li a:link, #head_menulist li a:visited {
	color: #535353;
	display: block;
	background: url(../img/navmenu_status.gif);
	padding: 10px 0 0 28px;
}
#head_menulist li a:hover {
	color: #535353;
	background: url(../img/navmenu_status.gif) 0 -33px;
	padding: 10px 0 0 34px;
}
#head_menulist li a:link#menu_current, #head_menulist li a:visited#menu_current {
	color: #eaeaea;
	background: url(../img/navmenu_status.gif) 0 -66px;
	padding: 10px 0 0 28px;
}
/* telefon oben rechts*/
#top_telefon {
	float: right;
	background: url(../img/topnavi_telefon.gif);
	width: 240px;
	height: 38px;
	margin: 21px 49px 0 0;
	display: inline;
}
#top_telefon h3, #head_logo h1 { visibility: hidden; }
/* Produktkatalogliste / Listenansichten / Details*/

.katlistheader {
	background-color: #dae6e9;
	padding: 5px 9px;
	border: 1px solid #9aa8ac;
	font-weight: bold;
}
.katlistzeile {
	min-height: 100px;
	/*height: 127px;*/
	border-color: #d2e1e5;
	border-style: none solid solid solid;
	border-width: 0 1px 1px 1px;
}
.katlistbild {
	float: left;
	width: 175px;
	padding: 9px;
}
.referenzbild_diashow {
	float: left;
	width: 300px;
	padding: 9px;
}
.katlisttextbox {
	min-height: 80px;
	max-height: 130px;
	/*height: 125px;*/
	border-left-color: #d2e1e5;
	border-left-style: solid;
	border-left-width: 1px;
	overflow: auto;
	float: right;
	width: 384px;
	padding: 7px 9px;

}
.referenzdetailteaserbox {
	min-height: 225px;
	max-height: 225px;
	height: 225px;
	border-left-color: #d2e1e5;
	border-left-style: solid;
	border-left-width: 1px;
	overflow: auto;
	float: right;
	width: 259px;
	padding: 9px;
}
.detailfliesstextbox {
	overflow: auto;
	padding: 9px;
}
div[class] .katlistzeile, div[class] .katlisttextbox, div[class] referenzdetailtextbox { height:auto; }
.kataloglistenwrapper > ul li { list-style-image:url(../img/pfeil_gruen_right.gif); }
.detailfliesstextbox li {
	list-style-image: url(../img/right_green_small.gif);
	margin-left: 10px;
}
.katlisttextbox_link {
	background-image: url(../img/right_green_small.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	font-weight: bold;
}
.download_link {
	background-image: url(../img/pdf.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: bold;
	margin-top: 9px;
	border-top: 1px solid #d2e1e5;
	padding: 13px 0 0 18px;
}
.katlistfooter {
	background-image: url(../img/hg_contentfooter.gif);
	background-repeat: no-repeat;
	height: 25px;
	padding: 7px 9px 0 9px;
	background-position: left bottom;
	border-color: #d2e1e5;
	border-style: solid solid none solid;
	border-width: 6px 1px 0 1px;
	clear: both;
}
.newsblock {
	border-bottom: 1px dashed #d2e1e5;
	margin-bottom: 8px;
}
.newsblock h3 {
	font-size:1em;
	line-height: 1.1em;
	font-weight: bold;
}
.newsblock p { line-height: 1.2em; }
.katlistfooter .fltlft, .katlistfooter .fltrt, .katlisttextbox_link { padding-bottom: 1px; }
.katlisttextbox_link a:hover, .katlistfooter .fltlft a:hover, .katlistfooter .fltrt a:hover {
	border-bottom: 1px solid #b3017b;
	padding-bottom: 1px;
	color: #b3017b;
}
/* Tooltipps*/
.tool-tip {
	color: #eee;
	width: 139px;
	z-index: 13000;
}
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #ffa202;
	padding: 8px 8px 4px;
	background: url(../img/bubble.png) top left;
}
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.png) bottom right;
}
.bildcontainer {
	height: 112px;
	padding: 10px 0;
}
.p7ap_currentmark {
	font-weight: bold;
	color:#b3017b;
}