@charset "utf-8";
/* gr�n #167b2e*/

* { margin: 0; padding: 0 }


a { outline: 0 }
body { font: 100.01%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #555; background: #f7f7f7 url(/image/bg-body.gif) top left repeat-x }

#container { position: relative; min-width: 1020px; max-width: 1200px; padding-top: 220px; background: transparent url(/image/header.jpg) 0 16px no-repeat }
#content { width: 69%; float: left; margin-top: 3em; padding-left: 4%; }

h1 { position: absolute; left: 70%; width: 30%; top: 16px; height: 179px; background: transparent url(/image/logo.gif) center center no-repeat }
h1 a { text-indent: -10000px; display: block; width: 140px; height: 100px; margin: 40px auto 0 }
h2 { position: absolute; left: 4%; top: 105px; width: 20em; font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; color: #fff; text-transform: uppercase; letter-spacing: -1px; line-height: 1em; padding: .1em 0 }

#mainmenu { position: absolute; left: 4%; top: 195px; margin-left: -1em; list-style: none; font-size: .75em; padding-right: 1px; background: transparent url(/image/bg-menu.gif) bottom right no-repeat }
#mainmenu li { float: left; background: transparent url(/image/bg-menu-li.gif) left bottom no-repeat }
/*#mainmenu li.active { display: block; padding: .6em 1.1em 1.4em; text-decoration: none; color: #167b2e }*/
#mainmenu .active {display: block; color: #555 }
#mainmenu a { display: block; padding: .6em 1.1em 1.4em; text-decoration: none; color: #167b2e }
#mainmenu li a:hover, #mainmenu li a:focus, #mainmenu li.active { background: transparent url(/image/bg-menu-li.gif) -150px 100% no-repeat; color: #555 }


#languages { z-index: 1; position: absolute; left: 85%; margin-left: -96px; top: 207px; list-style: none; line-height: 18px }
#languages li { float: left; background: transparent url(/image/languages.gif) 0 0 no-repeat; width: 27px; height: 18px; margin-right: 6px; text-indent: -10000px }
#languages li a { display: block; height: 18px; background: transparent url(/image/languages.gif) 0 -18px no-repeat }
#languages #lang-1 a { background-position: 0 -18px }
#languages #lang-2 a { background-position: -27px -18px }
#languages #lang-3 a { background-position: -54px -18px }
#languages #lang-4 a { background-position: -81px -18px }
#languages #lang-5 a { background-position: -108px -18px }
#languages #lang-6 a { background-position: -135px -18px }
#languages #lang-7 a { background-position: -162px -18px }
#languages #lang-1 a:hover, #languages #lang-1 a:focus, #languages #lang-1 { background-position: 0 0 }
#languages #lang-2 a:hover, #languages #lang-2 a:focus, #languages #lang-2 { background-position: -27px 0 }
#languages #lang-3 a:hover, #languages #lang-3 a:focus, #languages #lang-3 { background-position: -54px 0 }
#languages #lang-4 a:hover, #languages #lang-4 a:focus, #languages #lang-4 { background-position: -81px 0 }
#languages #lang-5 a:hover, #languages #lang-5 a:focus, #languages #lang-5 { background-position: -108px 0 }
#languages #lang-6 a:hover, #languages #lang-6 a:focus, #languages #lang-6 { background-position: -135px 0 }
#languages #lang-7 a:hover, #languages #lang-7 a:focus, #languages #lang-7 { background-position: -162px 0 }

#languagesKlein { z-index: 11; position: absolute; left: 35px; margin-left: 0px; top: 2px; list-style: none;}
#languagesKlein li { float: left; background: transparent url(/image/languages_klein.gif) 0 0 no-repeat; width: 16px; height: 11px; margin-right: 6px; text-indent: -10000px }
#languagesKlein li a { display: block; height: 11px; background: transparent url(/image/languages_klein.gif) 0 -11px no-repeat }
#languagesKlein #lang-1 a { background-position: 0 -11px }
#languagesKlein #lang-2 a { background-position: -17px -11px }
#languagesKlein #lang-3 a { background-position: -33px -11px }
#languagesKlein #lang-4 a { background-position: -50px -11px }
#languagesKlein #lang-5 a { background-position: -67px -11px }
#languagesKlein #lang-6 a { background-position: -84px -11px }
#languagesKlein #lang-1 a:hover, #languagesKlein #lang-1 a:focus, #languagesKlein #lang-1 { background-position: 0 0 }
#languagesKlein #lang-2 a:hover, #languagesKlein #lang-2 a:focus, #languagesKlein #lang-2 { background-position: -17px 0 }
#languagesKlein #lang-3 a:hover, #languagesKlein #lang-3 a:focus, #languagesKlein #lang-3 { background-position: -33px 0 }
#languagesKlein #lang-4 a:hover, #languagesKlein #lang-4 a:focus, #languagesKlein #lang-4 { background-position: -50px 0 }
#languagesKlein #lang-5 a:hover, #languagesKlein #lang-5 a:focus, #languagesKlein #lang-5 { background-position: -67px 0 }
#languagesKlein #lang-6 a:hover, #languagesKlein #lang-6 a:focus, #languagesKlein #lang-6 { background-position: -84px 0 }
#languagesKlein #lang-7 a:hover, #languagesKlein #lang-7 a:focus, #languagesKlein #lang-7 { background-position: -101px 0 }

#languagesCMS { z-index: 11; position: relative; left: 0px; margin-left: 0px; bottom: 2px; list-style: none;}
#languagesCMS li { float: left; background: transparent url(/image/languages_klein.gif) 0 0 no-repeat; width: 16px; height: 11px; margin-right: 6px; text-indent: -10000px }
#languagesCMS li a { display: block; height: 11px; background: transparent url(/image/languages_klein.gif) 0 -11px no-repeat }
#languagesCMS #lang-1 a { background-position: 0 -11px }
#languagesCMS #lang-2 a { background-position: -17px -11px }
#languagesCMS #lang-3 a { background-position: -33px -11px }
#languagesCMS #lang-4 a { background-position: -50px -11px }
#languagesCMS #lang-5 a { background-position: -67px -11px }
#languagesCMS #lang-6 a { background-position: -84px -11px }
#languagesCMS #lang-1 a:hover, #languagesKlein #lang-1 a:focus, #languagesKlein #lang-1 { background-position: 0 0 }
#languagesCMS #lang-2 a:hover, #languagesKlein #lang-2 a:focus, #languagesKlein #lang-2 { background-position: -17px 0 }
#languagesCMS #lang-3 a:hover, #languagesKlein #lang-3 a:focus, #languagesKlein #lang-3 { background-position: -33px 0 }
#languagesCMS #lang-4 a:hover, #languagesKlein #lang-4 a:focus, #languagesKlein #lang-4 { background-position: -50px 0 }
#languagesCMS #lang-5 a:hover, #languagesKlein #lang-5 a:focus, #languagesKlein #lang-5 { background-position: -67px 0 }
#languagesCMS #lang-6 a:hover, #languagesKlein #lang-6 a:focus, #languagesKlein #lang-6 { background-position: -84px 0 }

.SecondNav { z-index: 10; position: absolute; left: 175px; margin-left: 0px; top: -7px; width: 300; list-style: none;}
.SecondNav li { display: inline; font-size: 0.7em; color: #ffffff}
.SecondNav a {  text-decoration: none; color: #ffffff }
.SecondNav a:hover {  text-decoration: underline; color: #ffffff }

.button { float: right; list-style: none; font-size: .8em; }
.button li {background: transparent url(/zimgs/heine/heine_button_shop_bg.gif) bottom left no-repeat;border: 1px solid #63990d;}
.button .active {display: block; color: #555; border:2px; border-color:#0099FF;}
.button a { display: block; padding: 0px 8px 1px 8px; font-weight:bolder; text-decoration: none; color: #ffffff;}
.button li a:hover { background: transparent url(/zimgs/heine/heine_button_shop_bg.gif) -200px 100% no-repeat; font-weight:bolder; text-decoration: none; color: #ffffff; border:2px; border-color:#0099FF; }

/*.button li a:focus, .button li.active { background: transparent url(/zimgs/heine/heine_button_shop_bg.gif) -200px 100% no-repeat; font-weight:bolder; text-decoration: none; color: #ffffff; border:2px; border-color:#0099FF; }*/

a { text-decoration: none; color: #167b2e }
a:hover, a:focus { text-decoration: underline }
h3, h4 { font: bold 1.1em Arial, Helvetica, sans-serif; letter-spacing: -1px; padding: .4em 0 .6em }
h5, p { font-size: .75em; line-height: 1.4em; padding: .6em 0 }
.textbold { font-weight: bolder;}
.hltopnews{ font-size: 1em; font-weight:bolder;}
.sltopnews{ font-size: .9em;}
/*.contentelem img { border: 2px solid #fff; float: left; margin: .5em 1em 2em 0 }*/
.contentelem img { border: 2px solid #fff; }
.contentelem {padding-bottom:15px;}
.bildblock{
	float: left;
	margin: .5em 1em 0em 0;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
}
.bildblock img{margin-bottom:5px;margin-right:10px;}
.pictoleiste{clear:left; margin-bottom:70px; background-color:#ff0000;}
.picto{ width:300px,height:300px, background-color:#ff0000; float:left; font-size: 0.8em; font-weight:bold; margin-right:50px;}
.picto img { border:0px;clear:left;margin: 0em 0.3em 0em 0}
.pictotxt { padding-top:30px; }

.sitemap {
				width: 98%;
				padding: 0.9ex;
				background-color: #f2f2f2;
				color: #555;
				height: 25ex;
				border: 1px solid #006600;
				margin-bottom: 1ex;	
}
.sitemaptab {float: left; line-height: 0.8em;}
.nav1 {font-size: .7em; font-weight: bold;}
.nav2 {font-size: .65em; font-weight: normal;}
.nav3 {font-size: .6em; font-weight: normal; padding-left: 10px;}
.linieNav {margin-left: -20px;}

/* ### Sidebar ### */
#sidebar { width: 20%; float: right; margin-top: 3em; padding: 0 4% 1em 1.5%; background: transparent url(/image/line.gif) top left repeat-y }
#sidebar li h5 { padding: .6em 0 0;}
#sidebar li p { padding: 0;}
.listsidebar { list-style-type: none; 
	/*list-style-image:url(heine_but_navi_pfeil.gif);*/
}
.listsidebar_nav_cms { list-style-type: none; }
.listsidebar_nav_cms li { font-size: 0.8em; background-color:#bbbbbb; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #ffffff; border-top-width: 4px; border-top-style: solid; border-top-color: #ffffff;}


/* Navigation 3 -> Liste */
.listsidebar_nav3 { margin-left:20px; 
list-style-type: square;
/*list-style-image:url(zimgs/heine/heine_but_navi_pfeil.gif);*/
/*
../zimgs/heine/
*/

}
.listsidebar_nav3 ul{
list-style-image:url(zimgs/heine/heine_but_navi_pfeil.gif);
}
.listsidebar_nav3 li { font-size: 0.8em;}
.listsidebar_nav3_cms { margin-left:20px; list-style-type: square;}
.listsidebar_nav3_cms li { font-size: 0.8em; background-color:#cccccc; border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff;}
hr { color: #555;}
#sidebar hr {
margin-left:-20px;
 width: 95%;
 color: #cccccc;
 text-align: center;
 height: 1px;
 border: 1px dotted;
}
.sidelogin{
	width: 100%;
	padding: 0.6ex;
	/*
	border: 1px solid #006600;
	background-color: #f2f2f2;
	*/
	font-size: 0.7em;
	margin-bottom: 0em;
}

.datum { font-style: normal; font-weight: normal; font-size:1.4ex; }

.box_ausgabe {
	padding-top: 1ex;
	padding-left: 0.5ex;
	padding-right: 0ex;
	padding-bottom: 0ex;

}
/* Formulare */
.tab_form_all {
				padding: 1ex;
				font: 0.7em verdana, helvetica, Arial, sans-serif;
				line-height: 3ex;
				color: #555;
				width: 100%;
				margin-bottom: 0ex;
}
.tab_form {
				padding: 1ex;
				font: 0.7em verdana, helvetica, Arial, sans-serif;
				line-height: 3ex;
				color: #555;
				width: 100%;
}
.anmerkung {
					padding-top: 0.5ex;
					font: 0.9em verdana, Arial, helvetica, sans-serif;
					line-height: 2ex;
					color: #555;
}
fieldset {  margin-top:1em; border: 1px solid #167b2e; background-color: #f2f2f2;} fieldset legend { margin-left: 10px; font-size:0.8em;font-weight: bolder;color:#006600; padding-left:5px; padding-right:5px;}

.formhldiv{position:relative;z-index:10;margin-left:8px;margin-bottom:-55px;}
.formheadline{padding-left:2px;padding-right:2px;background-color: #f7f7f7;font-size:0.8em;font-weight: bolder;color:#006600;}
.formbutton{padding-right:10px;}
.formular{
	width: 530px;
}
.formfeld {

	font-size: 1em; color: #6c6b71; 
	font-weight: normal; 
	line-height: 1.2em; 
	letter-spacing: 0px;
	padding-bottom:0.5em;
	padding-right:0.4em;
	text-align: left;

	/*background-color: #e8e8e8;*/
	font-weight: normal; 
	line-height: 1.5em; 
	/*letter-spacing: 0px;*/
}
.ddateiform {
	margin-left: 5em;
	font-family: Verdana, mono;
	font-size: 11px;
	width: 21em;
	height: 1.4em;
	border: 1px solid #006600;
}
.ddateiform_datum {
	text-align: center;
	margin-left: 0em;
	font-family: Verdana, mono;
	font-size: 11px;
	width: 7em;
	height: 1.4em;
	border: 1px solid #006600;
}
.ddateiform_kl {
	margin-left: 0em;
	font-family: Verdana, mono;
	font-size: 11px;
	width: 15em;
	height: 1.4em;
	border: 1px solid #0c5f93;
}
.ddateiform_sehrkl {
	margin-left: 0em;
	font-family: Verdana, mono;
	font-size: 11px;
	width: 6em;
	height: 1.4em;
	border: 1px solid #0c5f93;
}
.formtabbeschr{
	font-size:0.8em;
}
.ddateiform_4z {
	margin-left: 0em;
	font-family: Verdana, mono;
	font-size: 11px;
	width: 4.1em;
	height: 1.4em;
	border: 1px solid #006600;
}
.ddateiform_anzahl {
	margin-left: 0em;
	font-family: Verdana, mono;
	font-size: 11px;
	width: 3.1em;
	height: 1.4em;
	border: 1px solid #006600;
	text-align:center;
}
.ddateiform_8z {
	margin-left: 0em;
	font-family: Verdana, mono;
	font-size: 11px;
	width: 8.1em;
	height: 1.4em;
	border: 1px solid #006600;
}
.ddateiform_13z {
	margin-left: 0em;
	font-family: Verdana, mono;
	font-size: 11px;
	width: 10.6em;
	height: 1.4em;
	border: 1px solid #006600;
}
.ddateiform_100 {
	margin-left: 0em;
	font-family: Verdana, mono;
	font-size: 11px;
	width: 100%;
	height: 1.4em;
	border: 1px solid #006600;
	padding-left:2px;
}
.ddateifeld {
	font-family: "Courier New", Verdana, mono;
	font-size: 11px;
	width: 412px;
	height: 8em;
	border: 1px solid #006600;
}
.form_button {
	color: #555555;
	font: 0.9em verdana, Arial, helvetica, sans-serif;
	background-color: #eeeeee;
	border: 2px outset #006600;
}
.formfehler {
	color: #FF0000;
}
.googletxt { font-size: .65em; line-height: 1.1em; padding: 2.2em 0 0 0;}
.googleinput {
	margin-left: 0em;
	font-family: Verdana, mono;
	font-size: 11px;
	width: 100%;
	height: 1.2em;
	border: 1px solid #006600;
}
.tab_datenblatt {
	padding: 0.5ex;
	font: 0.7em verdana, helvetica, Arial, sans-serif;
	color: #555;
	width: 98%;
	margin-bottom: 0ex;
	margin-right: 0ex;
/*	background-color:#00ff00;*/
}
.shopliste {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;	
	line-height: 1.1em;
}
.Preis {
	font: bolder 110%/1.1 Verdana, Arial, Helvetica, sans-serif; color: #ff0000; line-height:10px;
}
.PreisZMwst {
	font: 85%/0.85 Verdana, Arial, Helvetica, sans-serif; color: #ff0000; line-height:10px;
}
.PreisIMwst {
	font: 85%/0.85 Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height:10px;
}
.PreisVersand {
	font: 85%/0.85 Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height:10px;
}
.LieferStatus {
	font: 85%/0.85 Verdana, Arial, Helvetica, sans-serif; color: #167b2e; line-height:10px;
}
.shopbutton {
	height:100%;
	padding-top:10px;
}
.shopwkbg {
	background-color: #f1fdf6;
	margin-top: 10px;
	padding: 10px;
}
.shopwkgesbg {
	background-color: #dcece2;
	margin-top: 10px;
	padding: 10px;
}