/* @override http://dev.automaten-hecker.de/templates/hecker_default/css/template.css */

a:link		{ color: #1A1A1A; text-decoration: none; outline: none; font-weight:bold;}
a:visited	{ color: #1A1A1A; text-decoration: none; outline: none; font-weight:bold;} 
a:active	{ color: #1A1A1A;  text-decoration: none; outline: none; font-weight:bold;} 
a:hover		{ color: #CC0000;  text-decoration: underline; outline: none; }

html, body {
	margin: 0;
	padding: 0;	
	height: auto;
	height: 100%;
	min-height: 100%;	
}

body {
	font: normal 13px Arial, Helvetica, sans-serif;
	color: #1A1A1A;			
}

#wrapper {
	width: 970px;
	margin: 0 auto;
	height: 100%;
	min-height: 100%;
}

#wrapper #wrapper_background {
	background: white url(../images/bg_wrapper.gif) repeat-y top left;
	width: 970px;
	padding: 0;			
	margin: 0;
	float: left;
	height: auto;
	min-height: 100%;
}

* html #wrapper, * html #wrapper #wrapper_background {
	height: 100%;	
}

#logo {
	height: 138px;
}

#logo #logo_left {
	float: left;
	width: 235px;
	margin-top:10px;
	text-align: center;
}

#logo #logo_left img {
	border: none;
}

#logo #logo_right {
	width: 715px;
	float: left;
	text-align: center;
	margin-top: 18px;
}

#image_banner {height: 108px;}

#logo, #image_banner, #content_wrapper {
	width: 950px;
	margin-left: 10px;
}

#wrapper #content_wrapper {
	float: left;
	display: inline;
}

#wrapper #content_left {
	width: 235px;	
	float: left;	
	padding: 35px 0 49px 0;
	*padding-top: 49px;
	display: inline;
}

* html #wrapper #content_left {padding-top: 49px;}

#wrapper #content_right {
	width: 714px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
	display: inline;
}

#wrapper #content_right h1, span.h1 {
	font-family:"Times New Roman"; 
	font-size: 25px;
	width: 500px;
	margin-bottom: 15px;
	margin-top: 0px;
}

#wrapper #content_right h2 {font-family:"Times New Roman"; color:black; font-size:18px; margin-top:40px;}
h2.acc-header {
	cursor:pointer;
}

#wrapper #content_right_top {
  position: relative;
  left: 235px;
}

#wrapper #content_right_top,
#wrapper #content_right #content_right_bottom {
	width: 630px;	
	color: #a6a6a6;	
	text-align: center;	
}

#wrapper #content_right_top {
	margin: 10px 0 0 48px;
	letter-spacing: 0.3pt;
	font-family: "Times New Roman" "Times" serif;
	font-size: 12px;
	text-align: left;
}

#wrapper #content_right #content_right_bottom {
	margin: 30px 0 0 48px;
	border-top-color: #a6a6a6;
	border-top-width: 1px;
	border-top-style: solid;
	padding: 5px 0 25px 0;
	letter-spacing: 0.1pt;
	font-size: 11px;
	clear: both;
	float: left;
}

#wrapper #content_right #content_right_left {
	float: left;
	/*width: 420px;*/
	width: 376px;
	margin-left: 50px;
	_height: 450px;
}


#content_right_left p { 
	line-height: 18px;
}

* html #wrapper #content_right #content_right_left {margin-left:25px;}
* html #wrapper #content_right #content_right_bottom {margin-left:25px;}

#wrapper #content_right #content_right_right {
	width: 194px;
	float: left;
	/*margin-left: 10px;*/
	margin: 0 0 0 55px;
	padding: 0;
	/*padding-top: 85px;*/
	/*padding-top: 106px;
	*padding-top: 133px;*/
}

#content_right_right .panel_right .hecker_rot a {color: #CC0000; text-decoration: none;}

/* html #wrapper #content_right .content_right_right {position:absolute; top:25px; left:440px;} */

#wrapper #content_right_left ul {margin:10px 0 10px 20px; list-style: outside;}
#wrapper #content_right_left li {margin:10px 0 10px 20px;}
.article_separator {height:0; font-size:0;}


.menu {
	list-style-type: none;
	font-size: 14px;
	line-height: 30px;
}

.menu a {color: black; text-decoration: none !important;}
.menu a:hover {color: #cc0000;}

.menu li ul {
	border-width: 1px 0;
	border-color: white;
	border-style: solid;
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
	padding-left: 35px;
	line-height: 30px;
}

.menu li ul li a {
	font-size: 12px;
	line-height: 22px;
	color: #1A1A1A !important;
}

.menu li ul li a:hover {
	color: #cc0000 !important;
}

.menu li.active a {
	font-weight: bold;
	color: #cc0000;
}

.parent ul li a /* .parent ul li a:visited */ {
	font-weight: normal;
	color: black;
}

.parent li.active a {
	font-weight: bold !important;
	color: #cc0000 !important;
}

#imagecontainer_items,
#imagecontainer_items.automaten {
	width: 600px;
	float: left;
}

#imagecontainer div,
#imagecontainer_items div,
#imagecontainer_items.automaten div {	
	text-align: left;	
	float:left;
	background-color:#f9f9f9; 
	border-width: 1px 0; 
	border-style:solid; 
	border-color:#c0c0c0;	
	font-size: 11px;
}

#imagecontainer div,
#imagecontainer_items.automaten div {
	/*width: 400px;*/
	width: 390px !important;
	display:block;
	margin: 0 15px 15px 0;
	padding: 0 10px 0 0;
}

	
#imagecontainer_items div,
#imagecontainer_items.automaten div {
	width: 130px;
	margin: 0;
	height: auto;
	padding: 0;		
}

#imagecontainer h3,
#imagecontainer_items h3,
#imagecontainer_items.automaten h3 {color: #cc0000; font-size:12px; *padding-top: 3px;}

* html #imagecontainer h3,
* html #imagecontainer_items h3,
* html #imagecontainer_items.automaten h3 {padding-top:3px;}

#imagecontainer span.imgcontainer
#imagecontainer_items span.imgcontainer,
#imagecontainer_items.automaten span.imgcontainer {
	float:left;
	display:block;	
	margin-right: 50px;
	width:130px;
}
	
#imagecontainer img,
#imagecontainer_items img,
#imagecontainer_items.automaten img {
	border:none;
	float: left;
	margin: 5px 7px 5px 7px;
	width: auto;
	height: 150px;	
}

.contentpaneopen.angebote #imagecontainer img {
	width: 130px;
	height: 131px;
	margin-bottom: 17px;
}

#imagecontainer_items img,
#imagecontainer_items.automaten img {float:none;}

#imagecontainer a,
#imagecontainer_items a {
	display: block;
}

.news #imagecontainer a {
  display: inline;
  font-size: 12px;
}

#imagecontainer a,
#imagecontainer_items a {
	color: #cc0000;
	font-size: 14px;
	font-weight: bold;	
	text-decoration: none;
}

div.contentpaneopen.automaten .item_container p a{
	text-align: center;
}

#imagecontainer a {margin-top: 5px;}

#imagecontainer a:hover,
#imagecontainer_items a:hover {
	color: black;
}

.item_container {
	border:none !important; 
	/*float:left !important;*/ 
	width: 130px !important; 
	height: 230px !important;
	padding: 0 !important;
	margin-right: 20px !important;
	text-align: center;
	margin-bottom: 10px;
	background-color: white !important;
}


#imagecontainer_items div.item_container div,
#imagecontainer_items.automaten div.item_container div {clear:both !important; text-align:center !important;}
#imagecontainer_items.automaten div.item_container div {height:160px;}
#imagecontainer_items div.item_container div a,
#imagecontainer_items.automaten div.item_container div a {display:block;}
#imagecontainer_items div.item_container,
#imagecontainer_items.automaten div.item_container {text-align: center !important;}

.item_container p {
	clear:both;
	text-align: left;
	display: block;
	padding-top: 10px !important;
}

#breadcrumbs {
	position: absolute;
	/*top: 44px;*/
	top: 55px;
	left: 50px;
	width:  610px;
	padding-bottom: 5px;
	font-size: 11px;
	color:  #a6a6a6;	
}

#breadcrumbs a.pathway, 
.contentheading a.contentpagetitle,
.contentpaneopen a.contentpagetitle {color: #cc0000; text-decoration: none;}

#breadcrumbs a.pathway:hover, 
.contentheading a.contentpagetitle:hover,
.contentpaneopen a.contentpagetitle:hover {color: black; text-decoration: none;}

.contentheading, 
.contentheading a.contentpagetitle,
.contentpaneopen a.contentpagetitle,  
.componentheading {font-family:"Times New Roman"; 
	font-size: 25px;
	font-weight:  bold;
	width: 500px;
	margin-bottom: 15px;
	margin-top: 75px;
	*padding-top: 75px;}

.componentheading.automaten h1 {*padding-top:75px !important;}
.componentheading {margin-top:75px; *padding-top:75px;}
* html .componentheading {padding-top: 75px;}
.componentheading.news, 
.componentheading.automaten {margin-top:0 !important; *padding-top:0 !important;}
* html .componentheading.news,
.contentpaneopen .componentheading.automaten h1 {*padding-top:0 !important;}
* html .contentpaneopen .componentheading.automaten h1 {padding-top:0 !important;}
* html .componentheading.automaten h1 {padding-top:0 !important;}
* html .componentheading.automaten {padding-top: 0;}

.componentheading.news h1 {margin-top: 75px !important; *margin-top:0 !important;}
* html .componentheading.news h1 {margin-top:0 !important; }
div.contentpaneopen {margin-top: 37px;}

div.contentpaneopen.news h1,
div.contentpaneopen.automaten h1,
div.contentpaneopen.leistungen h1 {margin-top: 75px !important;}
div.contentpaneopen.news,
div.contentpaneopen.automaten {margin-top: 5px !important;}
div.contentpaneopen.leistungen {margin-top: 30px !important;}
div.contentpaneopen.anfahrt h1 {margin-top:55px !important;} 
div.contentpaneopen.news h1 {width:400px !important;}
div.contentpaneopen.angebote img {float: left;}

div.contentpaneopen p, table.contentpaneopen p { 
	line-height: 18px;	
}
.contentheading a.contentpagetitle {font: bold italic 13px Arial;} 
.contentpaneopen ul {list-style-position: inside;}
.contentpaneopen {margin-top:75px !important;}

.componentheading.automaten {margin-top: 75px !important;}
/* * html .componentheading.automaten {padding-top: 55px !important; } */
* html .contentpaneopen.automaten {margin-top:0 !important; padding-top:0 !important;}

div.contentpaneopen.automaten, div.contentpaneopen.angebote {width:620px;}
div.contentpaneopen.automaten h2 {clear: left}
div.contentpaneopen.automaten ul {margin: 0!important;}
/* passo 2007-11-10 div.contentpaneopen.automaten img {float:left; margin:20px 20px 20px 0; width:300px; height:auto;} */
div.contentpaneopen.automaten img.productimage {float:left; margin:0 20px 20px 0; padding: 10px 0 10px 0; background-color: #f9f9f9; width:300px; height:400px; border-width: 1px 0; border-style:solid; border-color:#c0c0c0;}
div.contentpaneopen.automaten p span {display: block; clear:left !important;}
div.contentpaneopen.automaten p img {float: left; border:none; width:auto; height:auto;}
/* passo 2007-11-10 div.contentpaneopen img {float:left; margin:20px 20px 20px 0;} */
div.contentpaneopen img {margin:0 20px 20px 0;}
.contentpaneopen ul {list-style-position: inside;}
.contentpaneopen table.tblProdukte {width:620px;}
.contentpaneopen table.tblProdukte td {width: 140px !important; font-size:13px; font-weight:bold; color:#cc0000;}
.contentpaneopen table.tblProdukte .tdImage {width: 140px !important; text-align:center; vertical-align:middle; height:205px; background-color:#f9f9f9; border-width: 1px 0; border-style:solid; border-color:#c0c0c0;}
.contentpaneopen table.tblProdukte .tdImage img {border:none;}
.contentpaneopen table.tblProdukte .tdMehr {vertical-align: bottom; text-align:right; font-size: 10px;}
.contentpaneopen table.tblProdukte .tdMehr a {font-weight: normal; color:#cc0000; text-decoration:underline;}
.contentpaneopen table.tblProdukte .tdMehr a:hover {text-decoration:none;}

.contentpaneopen.angebote h1 {padding-top: 75px;}
.contentpaneopen.anfahrt h1 {padding-top: 18px;}
* html .contentpaneopen.angebote h1,
* html .contentpaneopen.anfahrt h1 {padding-top: 75px;}

div.contentpaneopen.home {margin-top:46px !important;}

.contentpaneopen.angebote,
.contentpaneopen.anfahrt {margin-top: 5px !important;}
* html .contentpaneopen.angebote,
* html .contentpaneopen.anfahrt {margin-top: 5px !important;}

.pagination span, .pagination a {margin:0 5px 0;}

.blog a {color: #cc0000; text-decoration:none;}
.blog a:hover {color:black; text-decoration:underline;} 
.blog_more ul {padding-left:0; list-style-type:none;}
.blog table.contentpaneopen {margin:0 !important; padding:0 !important;}
.blog table.contentpaneopen .contentheading {margin:0 !important; padding:10px 0 0 0 !important;}
.blog table.contentpaneopen .contentheading .contentpagetitle {margin:0 0 0 0 !important; padding:20px 0 0 0 !important;}
.blog table.contentpaneopen p {margin:0 !important; padding:0 !important;}

.panel_right {
	margin:0; 
	padding-top: 106px;
	*padding-top: 108px;
}

.panel_right_einzeiler {
	margin:0; 
	padding-top: 90px;
	*padding-top: 75px;	
}

/* * html .panel_right {position:absolute; top:25px; left:470px; width:194px;} */
* html .panel_right {position:absolute; top:50px; left:470px; width:194px;}
* html .panel_right_einzeiler {position:absolute; top:75px !important; left:470px; width:194px;}

.panel_right ul, .panel_right_einzeiler ul {margin:0; padding:0;}
.panel_right ul li, .panel_right ul li span,
.panel_right_einzeiler ul li, .panel_right_einzeiler ul li span {line-height:14px;}
.panel_right ul li, 
.panel_right_einzeiler ul li {
	margin-top: 25px;
	font-size: 10px;
	background-repeat: no-repeat;
	padding-left: 35px;
	list-style-type: none !important;	
}

.panel_right ul li span,
.panel_right_einzeiler ul li span {
	color: #cc0000;
	font-size: 11px;
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}

.panel_right ul li span a:hover,
.panel_right_einzeiler ul li span a:hover {
	text-decoration: underline;
	color:#cc0000;
}

.panel_right ul li a,
.panel_right_einzeiler ul li a {color:black; font-weight:bold; text-decoration:none;}
.panel_right ul li a:hover,
.panel_right_einzeiler ul li a:hover {color:#cc0000; text-decoration:underline;}
.panel_right ul li.herz,
.panel_right_einzeiler ul li.herz {background-image: url(../images/img_herz.jpg);}
.panel_right ul li.karo,
.panel_right_einzeiler ul li.karo {background-image: url(../images/img_karo.gif);}
.panel_right ul li.kreuz,
.panel_right_einzeiler ul li.kreuz {background-image: url(../images/img_kreuz.gif);}	

#image_slider_container {width: 220px; height: 310px; position:relative; overflow: hidden; top:115px; left: -25px; background-color:#F9F9F9; border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; text-align: center;}
* html #image_slider_container {top:100px; height:320px;}
#image_slider_container img {width: 200px; height:auto; margin-top:3px;margin-left: 10px; border:none;}
* html #image_slider_container img {width: 200px; height: auto; margin-top:10px; margin-left:15px; border:none;}

.contact_email {width:600px;}
#kontakt_form {}
#kontakt_infos {width: 350px; background-color:#F9F9F9; border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; padding:10px 0 10px 10px; float: left; margin: 0 20px 20px 0;}
#kontakt_interessen {width: 200px; background-color:#F9F9F9; border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; padding:10px 0 10px 10px; float: left;}
#kontakt_aktionen {width: 350px; background-color:#F9F9F9; border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; padding:10px 0 10px 10px; margin: 0 20px 20px 0; clear: both;}
#kontakt_mitteilung {width: 350px; background-color:#F9F9F9; border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; padding:10px 0 10px 10px; margin: 0 20px 20px 0;}

#kontakt_infos label,
#kontakt_interessen label,
#kontakt_aktionen label {display:block; margin-top: 15px;}

#kontakt_infos input[type=text],
#kontakt_interessen input[type=text],
#kontakt_aktionen input[type=text] {width: 300px;}
input#anderes.inputbox {width: 180px;}


.hecker_rot { 
	color: #cc0000;
} 

.detailImage { 
	width: 295px;
	padding-right:20px;
}

#partner {width: 680px; float:left;}



.partner_div {
	background-color:#f9f9f9; 
	border-width: 1px 0; 
	border-style:solid; 
	border-color:#c0c0c0;
	width: 180px !important;
	height: 85px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 10px;
	text-align: center;
}

.partner_div_wrapper {
	width: 200px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
	}

.partner_div p {clear: left;}

.contentpaneopen .partner {
	clear: left;
}
.contentpaneopen .partner img {
	float: none;
	margin-bottom: 5px;
	display: block;
}

* html contentpaneopen .partner img {margin-bottom: 0 !important; width:160px;}
* html #partner {display:inline; margin:0; padding:0; width: 660px; float:left;}
* html .partner_div {height: 95px; width:185px !important; margin-right: 0px; padding: 5px !important;}
* html .partner_div img { margin:0; padding:0;}
* html .partner_div_wrapper {
	width: 200px;
	margin-right: 10px;
	margin-bottom: 30px;
	}
	
.readmore a {font-size:11px !important; font-weight:bold !important; color:#cc0000;}

#map_wrapper {width:620px; float:left;}
.map {width:400px height:400px; float:left; padding:10px 0;}
.map_address {margin-left: 35px; float:left; width:170px; padding:10px 0 10px 10px;}
.map, .map_address {background-color:#F9F9F9; border-top:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0;}

.contact_note, .error {color:#FF0000;}
.contact_green {color:#13a000; display:block; float:left; margin-bottom:10px;}

img.nofloat {clear: left !important;}

.home_news {
  width: 220px;
  height: 95px;
  background-color: #ffffcd;
  position: absolute;
  top: 20px;
  left: 455px;
  margin: 0;
  padding: 0;
}

.home_news h3 {
  font-size: 16px;
  font-weight: bold;
  color: #cb0101;
  margin: 10px 12px 5px 15px;  
}

.home_news p {
  font-style: italic;
  margin: 0 12px 5px 15px; 
}

.home_news h4 {
  font-size: 12px;
  color: #cb0101;
  margin: 10px 12px 5px 15px; 
}

.home_news h4 a {
  color: #cb0101;
}

.foo {margin-left: 37px;}