/* css for www.easy-cooler.com */
/* Orange: #5D0206 */ 

html {
	color: #333333; 
	margin: 0;
	padding: 0;
	font-size: 75%;
}

body {
	padding: 20px 0px 20px 0px;
	background-color: #ebb54a;
	background-image: url('../images/ec_bg.jpg');	
	background-repeat: repeat-x;
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
#content-main .cBlock {	clear: both; display: block; }
#content-main  {	width: 490px; padding: 0px; margin: 0px }
#tmpl-default {
	width: 988px; 
	margin-left: auto;
	margin-right: auto;
}
#mitte {  width: 988px; padding 0px 0px 0px 0px; }
#container-all
{
	background-color: white;
	padding: 15px 15px 0px 15px;
	width: 958px;
	clear: both;
}

#container-top
{
	width: 988px;
	height: 30px;
	clear: both;
}

#container-bottom
{
	width: 958px;
	height: 27px;
	clear: both;
}

#content-header
{
	width: 958px;
	height: 370px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
#tmpl-default #breadcrumb
{
	background-image: url('../images/ec_bg_header.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	color: #ffffff; 
	text-decoration: none;
	height: 25px;
	width: 928px;
	background-color: #66170c;
	padding: 11px 0px 0px 30px;
	margin: 2px 0px 2px 0px;
	float: left;
}
#container-main
{
	float: left; 
	width: 958px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
   	min-height: 10px;
       	clear: both;
}
#container-left
{
 	float: left;
	width: 215px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}
#mainmenue-left
{
	float: left;
	width: 39px;
	height: 305px;	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('../images/bg_hmenu.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}
#container-mainmenu
{
 	float: left;
	width: 205px;
	min-height: 450px;
	height: auto;
	height: 450px;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('../images/bg_nav.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
}

#tmpl-default #nav-mainmenu
{
	min-height: 275px;
	width: 166px;
	padding: 30px 0px 0px 0px;
	float: left;
}
#tmpl-default #nav-mainmenu .menu
{
	padding: 20px 0px 0px 0px;
}
#tmpl-default  #nav-mainmenu ul.level1
{
	margin: 0px 0px 0px 5px;
	padding: 0px 20px 0px 5px;
}
#tmpl-default  #nav-mainmenu ul.level2
{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 10px;
}

#tmpl-default #nav-mainmenu ul.level1 li
{
	display: inline;
	list-style: none;
	padding: 2px 0px 1px 0px;
	margin: 3px 0px 3px 0px;
}
#tmpl-default #nav-mainmenu ul.level1 li.active a.active
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #c67619;
}
#tmpl-default #nav-mainmenu ul.level2 li.active a.active
{
  	color: #c67619;
}
#tmpl-default #nav-mainmenu ul.level2 li
{
 	display: inline;
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 0px 0px;	
	min-height: 10px;
	height: auto;
	height: 10px;	
}
#tmpl-default #nav-mainmenu ul.level1 li a
{
	text-decoration: none;
	font-size: 1.3em;
	font-family: Arial, Helvetica;
	font-weight: normal;
	display: block;
	padding-left: 20px;
	color: #5d0206;
	height: 1%;
	
}
#tmpl-default #nav-mainmenu ul.level1 li a:hover ,#tmpl-default #nav-mainmenu ul.level2 li a:hover{ color: #862f0d;}
#tmpl-default #nav-mainmenu ul.level2 li a
{
	text-decoration: none;
	font-size: 1.0em;
	font-family: Arial, Helvetica;
	font-weight: normal;
	display: block;
	margin-left: 5px;
	padding-left: 20px;
	color: #5d0206;
	
}
#container-middle
{
	float: left;
	width: 490px;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
}
#seitentitel
{
	clear: both;
	float: left;
	width: 475px;
	margin: 0px 0px 0px 0px;
	padding: 20px  10px 20px  0px;
}

#container-right
{
	float: right;
	width: 215px;
	margin: 0px 2px 0px 0px;
	padding: 30px 0px 0px 0px;
}

#content-rechts
{
	clear: both;
	float: left;
	width: 190px;
	margin: 0px 0px 0px 0px;
	padding: 5px 13px 20px 12px;	
    border: 1px dotted black;
}
#content-footer
{
	width: 958px;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 5px 0px;
	color: #5D0206;
	text-align: center; 
}

#content-footer a
{
	color: #5D0206;
	text-decoration: none;
}

#nav-basemenu a
{
	color: white;
	text-decoration: none;
}

h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1.4em;
	text-decoration: none;
	color: #5D0206;
	margin: 5px 0 0.2em 0;
	padding: 0 0 3px 0;
}
#content-rechts h1 { 	font-size: 1.8em; font-weight: normal; margin: 0px; pading: 0px;}

.pagetitle  
{
	text-decoration: none;
	color: #717171;
	padding: 0px 0px 20px 0px;
}

h1 a 			{ color: #5D0206; }
h1 a:link		{ color: #5D0206; }
h1 a:visited	{ color: #5D0206; }
h1 a:hover		{ color: #2c0601; }

h2 {
	font-size: 1.1em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #5D0206;
	margin: 0.0em 0 0.4em 0.0em;
	padding: 0px 0px 0px 0px;
}

h2 a 		{ text-decoration: none; color: #5D0206; }
h2 a:link	{ text-decoration: none; color: #5D0206; }
h2 a:visited	{ text-decoration: none; color: #5D0206; }
h2 a:hover	{ text-decoration: none; color: #2c0601; }
h2 a:active	{ text-decoration: none; color: #2c0601;  }
h2 a:focus	{ text-decoration: none; color: #2c0601;  }

h3 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #5D0206;
	margin: 0.3em 0 0.0em 0;
	padding: 0;
}

h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #5D0206;
	margin: 0.7em 0 0.5em 0;
	padding: 0;
}

h4 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	color: #5D0206;
	margin: 1.0em 0 0.3em 0;
	padding: 0;
}


h2 {font-size: 1.4em }
h3 { font-size: 1.2em }
h4 { font-size: 0.9em }
h5 { font-size: 1.0em }
h6 { font-size: 1.0em }

strong, b { font-weight: bold }
u { text-decoration: underline }
em, i { font-style: italic }


ul { margin-left: 17px; list-style-position: outside; list-style-image: url('../images/bullet.jpg');}
ol { margin-left: 23px; }
li { padding-left: 7px; }

#tmpl-default #breadcrumb 	a			{ color: #ffffff; text-decoration: underline }
#tmpl-default #breadcrumb	a:link		{ color: #ffffff; text-decoration: underline }
#tmpl-default #breadcrumb	a:visited	{ color: #ffffff; text-decoration: underline }
#tmpl-default #breadcrumb	a:hover		{ color: #EBB54A; text-decoration: underline }


a		{ color: #666666; text-decoration: underline }
a:link		{ color: #666666; text-decoration: underline }
a:visited		{ color: #666666; text-decoration: underline }
a:hover		{ color: #5D0206; text-decoration: underline }

			img,
a			img,
a:link		img,
a:visited 	img,
a:hover		img,
a:active	img,
a:focus		img
{ border: 0px none }

img { margin: 0; padding: 0 }
#container-middle .csc-textpic-image,
#container-middle .news-single-image-custom  { padding: 10px 10px 8px 10px; background-color: #EBEBEB;  border-color: #cccccc; border-style:solid; border-width:1px; margin: 5px 8px 5px 0px;}
#container-middle .csc-textpic-caption  { padding: 5px 2px 0px 2px;    background-color: #EBEBEB;  white; color: #666666;}
#container-middle .csc-frame-invisible .csc-textpic-image { padding: 10px 10px 8px 10px; background-color:  white;  margin: 5px 0px 0px 0px; border-style:none;}
#container-middle .csc-textpic-imagerow-last { clear: both;}
#container-middle .csc-textpic-clear{ clear:both; }
#container-middle .tx-thmailformplus-pi1 {clear: both; float: left; padding: 0px; margin: 0px;} 
#container-middle #csc-header { float: left; padding: 0px; margin: 0px;} 

#nav-basemenu 
{
	color: white;
	text-align: right;	
	padding: 10px 50px 0px 0px;
	margin: 0px 0px 0px 0px;	
}
#container-right .news-latest-container
{
   clear: both;
   float: left;
   width: 195px;
   padding: 5px 0px 0px 0px;
}
#container-middle .csc-textpic-text p.bodytext
{
   padding: 10px 0px 8px 0px;
}
#container-right h3
{
	font-size: 0.95em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: black;
	padding: 0;
}
#container-right h3 a

{
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: black;
}
#container-right .news-latest-item p.bodytext 
{
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
	font-size: 0.95em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #3e3e3e;

}
#container-right .news-latest-morelink ,
#container-middle .news-single-backlink 
{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 5px;
	font-size: 0.95em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
	color: black;
}
#container-middle .news-list-item img
{
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}
#container-right .news-latest-morelink a  		{	color: black; }
#container-right .news-latest-morelink a:hover, #container-right h3 a:hover  {	color: #5D0206; }
{
   clear: both;
   padding: 1px 1px 1px 1px;
}
.news-list-item p.bodytext
{
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;	
	color: #3e3e3e;
}
#container-middle .news-list-morelink 
{
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 5px 0px;
	font-weight: bold;
	text-decoration: underline;
	color: black;
}
#container-middle  .news-list-item 
{
	float: left;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0px 5px 0px; 
	margin-bottom: 7px;
	width: 480px;
}
#container-middle  .news-list-date
{
	color: #aaaaaa;
	font-size: 0.9em;
}
#container-middle  .news-single-item h3
{
	color: black;
	padding: 5px 5px 10px 0px;
	font-weight: bold;
	font-style: normal;
	font-size: 1.0em	
}

#container-middle  .news-single-image-custom
{
   display: inline;
   float:left;
   width:210px;
   background-color: #EBEBEB;
   margin: 10px 10px 0px 0px;
}
#container-middle  .news-single-date
{
	padding-top: 20px;
	padding-bottom: 20px;
}
#container-middle .news-single-image-custom p  { padding: 5px 2px 0px 2px; margin: 0px 0px 0px 0px;   background-color: #EBEBEB;  white; color: #666666; font-size: 0.8em}
#container-middle .news-single-item-verweise  { padding: 15px 0px 15px 0px; margin: 0px 0px 0px 0px;  clear: both;}
#container-middle dl.news-single-files dt ,
#container-middle dl.news-single-links dt   { font-size: 1.4em; color:#5D0206; padding: 0px 0px 5px 0px; font-weight: bold;}
#container-middle dl.news-single-files dd   a { margin: 0px 0px 5px 5px; padding-bottom: 2px;}
#container-middle dl.news-single-links dd  p.bodytext   {  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 5px;}
#container-middle .news-single-item .autor p.bodytext,
#container-middle .news-single-item .news-single-timedata   {  padding: 2px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.mailform-row-first { padding-top: 10px;}
#container-middle .mailform
{
	padding-top: 0px;
	background-color:  #EBEBEB;
	border-top: 1px solid #CCCCCC;
}

#container-middle .mailform-required ,.mailform-infotext  { 	color: #5D0206;  }
#container-middle .mailform-label-input { clear: left; padding-bottom: 2px }
#container-middle .mailform-label {  float: left; width: 130px; padding: 2px 0px 2px 10px; }
#container-middle .mailform-input { width: 300px; margin-left: 130px; padding: 2px 0px 2px 0px;}
#container-middle .mailform-input-plz input { width: 80px; margin-left: 0px; border-color: #cccccc; border-style:solid; border-width:1px;}
#container-middle .mailform-input-plz {  margin-left: 130px; width: 100px;  padding: 2px 0px 2px 0px;  }
#container-middle .mailform-input select option {width: 50px; }
#container-middle .mailform-input input,div.mailform-input textarea
{
   width: 250px; border-color: #cccccc; border-style:solid; border-width:1px;
}
#container-middle .mailform-infotext { width: 360px; text-align: left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;  }
#container-middle .mailform-buttons
{
	width: 490px;
	text-align: center;
	border-top: 1px solid #CCCCCC;
	padding-top: 7px;
	background-color:  white;
}
#container-middle .error { color: red }
#container-middle  .csc-sitemap
{
	padding: 0px 0px 0px 0px;
}
#container-middle  .csc-sitemap ul
{
	margin: 2px 0px 0px 10px;
}
#container-middle  .csc-sitemap ul li
{
	margin: 2px 0px 2px 10px;
	font-size: 1.0em;
}
input.input-form
{
    margin: 1px;
	width: 20px;
	border: 1px solid #FFFFFF; 
	padding-left: 2px;
}

.mailform table
{ 
  padding-top: 0px;
  border-collapse: collapse;
  width: 100%;
  line-height: 1.5em
}

.mailform thead
{
	background-color: #C9C9C9;
	color: #5F5F5F;
  	font-style: normal;
	text-decoration: none;
}

.mailform table td, 
.mailform table th
{ 
	border: 1px solid #FFFFFF; 
	padding: 4px; 
	padding-left: 5px 
}
.mailform table tr.even td,
.mailform table tr.even th { background-color: #C9C9C9}
.mailform table tr.odd td,
.mailform table tr.odd th { background-color: #DDDDDD}

#chili_powered { padding: 10px 0px 20px 0px; float: right;}

#container-main .csc-frame-rulerAfter {border-bottom: 1px solid #cccccc; height: 15px;}