/* Layout */
body {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background:#BBBBBB;
  margin:0;
  padding:0;
}

#wrapper {
  width:728px;
	background: transparent url('../_images/hg.gif') repeat-y;
	position:relative; 
}
#masthead {
	height: 132px;
	background: #ff0000 url('../_images/logo_hcm_728x132.jpg') no-repeat;
}

#right_col {
	width: 200px;
	float:right;
}

#page_content {
	float:left;
	width:468px;
	padding:0px 30px 12px 30px;
	background-color:#FFFFFF;
}

#footer {
	background-color:#009678;
	height:35px;
	text-align:center;
	clear:both;
}

#skyscraper {
    width:180px;
    height:600px;
    top: 0px;
   position: absolute;
    left: 743px;
  }
#superbannerhokey {
	position:absolute;
	left:0px;
	top:0px;
}
#skyscraperhokey {
	position:absolute;
	left:728px;
	top:0px;
}
.suchenimheader{
	text-align:right;
	position:absolute;
	top:6px;
	right:6px;
}

/* Navigation */

#top_nav ul,
#sub_nav ul,
#footer_nav ul {
	list-style-type: none;
	overflow:hidden;
} 

#top_nav {
	background-color:#bbbbbb;
	padding: 2px 0px;
}

#top_nav ul {
	background:#ffffff;
	padding:0;
	margin:0;
}

#top_nav li {
	float:left;
}

#top_nav li a {
	display:block;
	margin:2px 1px;
	padding:10px;
  background:#ABD0B2;
  color:#000000;
}

#top_nav li a:visited {
  color:#000000;
}

#top_nav li a:focus,
#top_nav li a:hover,
#top_nav li a:active {
  color:#c11919;
}

#top_nav li.active a {
  background:#eaf3ea;
}

#sub_nav {
	background-color:#fff;
	padding: 5px 0px 5px 6px;
	position:relative;
}

#sub_nav ul {
  margin: 0px; 
	padding: 6px 0 10px 0;
} 

#sub_nav li {
  display:inline;
} 

#sub_nav li a {
  padding: 0 3px;
}

#sub_nav li + li:before {
  content:"|";
}

#footer_nav {
  margin: 0px auto; 
	padding: 10px 0;
	background:#eaf3ea;
	text-align:center;
} 


#footer_nav li {
	display:inline;
} 

#footer_nav li a {
  padding: 0 3px;
}

#footer_nav li:first-child:before {
  content:"|";
}

#footer_nav li:after {
  content:"|";
}


/* Inhalt */
h1 {
	font-size: 12px; 
	color: #000000; 
	margin: 0px 0px 4px 0px;
}
P {
margin: 0px 0px 6px 0px;
padding: 0px 0px 0px 0px;
}
.standardtext {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:11px;
	line-height:16px;
	margin:4px 0px 4px 0px;	

}
.datumoben {
	color: #999999;
	margin: 4px 0px 0px 0px;
}
.bildlinks {
	width: 80px;
	float: left;
	margin: 4px 10px 0px 0px;
}
.bildlinks40 {
	width: 40px;
	float: left;
	margin: 4px 10px 0px 0px;
}
.bildlinksG {
	width: 150px;
	float: left;
	margin: 4px 10px 0px 0px;
}

.bildlinksorg {
	 float: left;
	 margin: 4px 10px 0px 0px;
}

hr {
	border-bottom:1px silver dashed;
	height:1px;
	border-top-width: 0px;
	margin: 15px 0px 15px 0px;
}
.zurueck {
	float:left;
	text-align: left;
	margin:10px 0px 0px 0px;	
}
.autor {
	float:right;
	text-align: right;
	margin:10px 0px 0px 0px;	
}
.druckansicht {
	float:left;
	text-align: left;
	margin:10px 0px 10px 0px;	
}
.tellme {
	float:right;
	text-align: right;
	margin:10px 0px 0px 0px;	
}
A:link {
	TEXT-DECORATION: none;
	color: #c11919;
}
A:active {
	TEXT-DECORATION: none;
	color: #c11919;
}
A:visited {
	TEXT-DECORATION: none;
	color: #c11919;
}
A:hover {
	TEXT-DECORATION: underline;
	color: #c11919;
}

#haupt {
	background-color:#FFFFFF;
	height:40px;
}
.copyright {
	padding: 8px 0px 0px 0px;
	color: #FFFFFF;
}
.copyright A:link {
	color: #FFFFFF;
}
.copyright A:active {
	color: #FFFFFF;
}
.copyright A:visited {
	color:#FFFFFF;
}
.copyright A:hover {
	color: #FFFFFF;
}
.balken_l {	
	font-size: 13px;
	color: #fff;
	font-weight:bold;
	background-color: #009678;
	text-align: center;
	padding: 6px 0px 6px 0px;
}
.balken_r {	
	font-size: 13px;
	color: #fff;
	font-weight:bold;
	background-color: #009678;
	text-align: center;
	padding: 6px 0px 6px 0px;
}
  
.rubrikhead {
	border-top-style: solid;
	border-color:#009678;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height:25px;
	margin:0px 0px 0px 0px;
}
.nl{
	text-decoration:none;
	text-align:left;
	float: left;
	margin: 0px 10px 24px 0px;
}
.nltext {
  margin:6px 12px 20px 12px;;
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none
}

.pager{
  clear:both;
}
.styleb1 {
	border-right:6px white solid;
	border-bottom:6px white solid;
	background-color: #eaf3ea;
	text-align: center;
}
.styleb2 {
	background-color: #eaf3ea;
	padding:8px;
	border-bottom:6px white solid;
}
.aktuellesheft, .werteindex2012 {
	margin: 10px 10px 12px 10px;
	
}
.aktuellesheft img, .werteindex2012 img {
	display:block;
	margin: 0 auto;
	
}
img {
	border-width:0px;"
}
.error {color: #ff0000;}
.redstar {color: #ff0000;}

#printmasthead {
	width:508px;
	background-color:#FCEE49;
	text-align:left;
}
#printpage_content {
	width:488px;
	padding: 10px 10px 10px 10px;
	background-color:white;
	text-align:left;
}
.hcm1 {
	border: 1px solid #009678;
}
.hcm2 {
	font-family: Verdana;
	font-size: small;
	list-style-type: square;
}
.hcm3 {
	font-family: Verdana;
	font-size: small;
	background-color: #009678;
	color: #FFFFFF;
}
.pic {
	border-width: 0px;
}
td.hcm3  A:link  {
	color: #ffffff;
	TEXT-DECORATION: none;
}
td.hcm3  A:active  {
	color: #ffffff;
	TEXT-DECORATION: none;
}
td.hcm3  A:visited  {
	color: #ffffff;
	TEXT-DECORATION: none;
}

td.hcm3  A:hover  {
	color: #c11919;
}
TABLE.ruler {
	BORDER-RIGHT: #357 1px solid; BORDER-TOP: #357 1px solid; MARGIN-BOTTOM: 3em; BORDER-LEFT: #357 1px solid; BORDER-BOTTOM: #357 1px solid; BORDER-COLLAPSE: collapse
}
TABLE.ruler TD {
	BORDER-RIGHT: #357 1px solid; BORDER-LEFT: #357 1px solid
}
TABLE.ruler TH {
	BORDER-RIGHT: #357 1px solid; BORDER-LEFT: #357 1px solid
}
TABLE.ruler TR {
	BORDER-TOP: #357 1px solid
}
TABLE TBODY TR.selected {
	BORDER-TOP-WIDTH: 0px; BACKGROUND: #c9d3de
}
TABLE.ruler TR.ruled {
	BORDER-TOP-WIDTH: 0px; BACKGROUND: #c9d3de
}
TABLE.colored {
	BORDER-RIGHT: #357 0px solid; BORDER-TOP: #357 0px solid; FONT-SIZE: 11px; MARGIN-BOTTOM: 3em; BORDER-LEFT: #357 0px solid; COLOR: #000; LINE-HEIGHT: 16px; BORDER-BOTTOM: #357 0px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-COLLAPSE: collapse
}
TABLE.colored TR {
	BORDER-TOP: #c9d3de 1px solid
}
.oben {
margin-top: 15px;
background: #eaf3ea;
width: 468px;
}

h3 {
background: url(yesil.jpg) repeat-x;
line-height: 30px;
font-family: "Trebuchet MS";
font-size: 16px;
/*color: #ffffff;*/
margin: 0;
padding: 0 10px;
color: #ffffff;
}
h3.tv_header {
	text-align:left;
	/* background: url(../_images/yesil.jpg) repeat-x;*/
	background-color: #009678;
	line-height: 30px;
	font-family: "Trebuchet MS";
	font-size: 16px;
	margin: 0;
	padding: 0 10px;
}
.standard_text {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	margin: 0px;
	padding: 10px 10px 10px 0px;
	vertical-align:top;"
} 

.pic {
	margin: 10px 15px 10px 10px;
	padding-top: 4px;
	float: left;
}

#mod_form {
	background: #f3f3ef;
	padding: 15px 10px 15px 10px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 1.4em;
}
#frmkontakt {
	width: 400px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	line-height: 1.4em;
	
}
#frmkontakt td.frmkontaktlabel {
	height: 28px;
	width: 100px;
}
#frmkontakt td input.frmkontaktinput {
	width: 300px;
}
#frmkontakt td textarea.frmkontaktinput {
	width: 300px;
}
#frmkontakt td.frmkontaktinput {
	width: 300px;
}
#comprix {
	font-family:Verdana, Arial, Helvetica, Sans-serif;
	font-size:11px;
	border:2px #1a9779 solid;
}
#comprix tr {
	background-color:#eaf3ea;
}
#spaltenueberschriften {
	font-weight:bold;

}
#spaltenueberschriften td {
	border-right:1px #ffffff solid;
	border-bottom:2px #1a9779 solid;

}
.agentur {
	border-right:1px #ffffff solid;
	border-bottom:1px #ffffff solid;

}
.tdrechts {
	text-align:right;
	border-right:1px #ffffff solid;
	border-bottom:1px #ffffff solid;

}
p.neuimshowroom a {
	color:#000000;
}

.kommentarsdw {
  margin-bottom:15px;
  padding:10px 5px 5px 5px;
  overflow:hidden;
}

.kommentarsdw label {
  display:block;
  clear:left;
  float:left;
  width:110px;
  margin-right:10px;
  margin-bottom:10px;
}

.kommentarsdw input {
  width:300px;
  margin-bottom:10px;
}

.kommentarsdw textarea {
  width:420px;
  clear:left;
  margin-bottom:10px;
}
.hcmtitel {
	border-bottom: 0px dotted;
	border-left: 0px dotted;
	margin: 0.5em 0.5em; 
	width: 140px;
	height: 350px;
	float: left; 
	border-top: 0px dotted; 
	border-right: 0px dotted;
	background-color: #eaf3ea;
	
}
p.inhaltbestellung {
	margin: 0.5em 0.5em;
	padding: 0px 0px 0px 0px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	text-align: center;
}
h1 a:link {
	color:#000000;
}
h1 a:active {
	color: #000000;
}
h1 a:visited {
	color:#000000;
}
h1 a:hover {
	color: #000000;
}