/**
 * Standard: Object in main area are inside .mainGrey 
 */
#mainCol h1 {
	padding: 4px 0 10px 0;
	color: #454545; /*#1A171B;*/
	font-size: 20px;
	font-weight: normal;
}
#mainCol h2 {
	padding: 4px 0 6px 0;
	margin-bottom: 6px;
	color: #454545;
	font-size: 16px;
	font-weight: bold;
}
/**
 * Subline, right below the headline 
 */
#mainCol h2.subline {
	position: relative;
	top: -4px;
	padding: 0 0 6px 0;
	margin-bottom: 6px;
	color: #454545;
	font-size: 16px;
	font-weight: normal;
}
#mainCol h3 {
	padding: 6px 0 8px 0;
	color: #454545;
	font-size: 12px;
	font-weight: bold;
}

#mainCol {
	color: #454545;	
}

#mainCol .htmlText {
	padding-bottom: 10px; 
	line-height: inherit;
}
#mainCol .htmlText p {
	padding: 2px 0 8px 0;
	margin: 0;
}

#mainCol .downloadLink {
	margin: 15px 0 20px 0;
}
#mainCol .downloadLink .icon {
	float: left; 
	margin-right: 10px;
}
#mainCol .downloadLink h4 {
	font-weight: normal;
	font-size: 12px;
	color: #454545;
}
#mainCol .downloadLink h4 a, #mainCol .downloadLink h4 a:visited {
	color: #454545;
}

/**
 * img left/right aligned. 
 *  problem: not knowing the img width, the subtitle might stretch the whole div!  
 **/
.imgRightAlignedWithText {
	padding: 10px 0 15px 0; 
}
.imgRightAlignedWithText .image {
	float: right;
	margin: 0 0 5px 10px;
}
.imgRightAlignedWithText .image .subtitle {
	padding-top: 3px;
	font-size: 11px;
	color: #666666;
	text-align: center;
}
.imgLeftAlignedWithText {
	padding: 10px 0 15px 0; 
}
.imgLeftAlignedWithText .image {
	float: left;
	margin: 0 10px 5px 0;
}
.imgLeftAlignedWithText .image .subtitle {
	padding-top: 3px;
	font-size: 11px;
	color: #666666;
	text-align: center;
}


/**
 * Special: if objects are placed directly in .mainGrey -> margin-left needed!
 */
#mainCol .mainGrey h1, #mainCol .mainGrey h2, #mainCol .mainGrey h3, 
#mainCol .mainGrey .htmlText, #mainCol .mainGrey .downloadLink, 
#mainCol .mainGrey .imgRightAlignedWithText, #mainCol .mainGrey .imgLeftAlignedWithText { 
	margin-left: 20px; 
} 
#mainCol .mainGrey .bgBox h1, #mainCol .mainGrey .bgBox h2, #mainCol .mainGrey .bgBox h3,
#mainCol .mainGrey .bgBox .htmlText, #mainCol .mainGrey .bgBox .downloadLink, 
#mainCol .mainGrey .bgBox .imgRightAlignedWithText, #mainCol .mainGrey .bgBox .imgLeftAlignedWithText { 
	margin-left: 0; 
}


/*
#distance {
  height: 15px;
	clear: both;
}
#clearer {
  clear: both; 
	height: 0px;
	overflow: hidden;
} 


#htmlText {
	padding-bottom: 10px; 
	line-height: inherit;
	color: inherit; 
	font-size: inherit;
}
#htmlText p {
  font-size: inherit;
	color: inherit;
}

#image1 {
	overflow: hidden;
	font-size: 11px;
	color: #666666;
}
#image1 .subtitle {
  padding-top: 5px;
}


*/
/* object: separator */
#separator {
	padding-bottom: 5px;
}
#separator .in {
	height: 2px;
	border-bottom: 1px solid #454545;
	overflow: hidden;
}

/**
 * Object: Download link 
 */
#mainCol .mainGrey .detailsLeft .downloadLink {
	padding: 10px;
}

/**
 * One single image 
 */  
.image1 {
	margin: 0 0 15px 0;
}
.image1 .subtitle {
 	padding-top: 5px;  
	font-size: 11px;
	color: #666666;
}
#rightCol .image1 .subtitle {
	text-align: center;
}  

/**
 * 2 images beside eo
 *  style1: as table (subtits same position)
 *	style2: as divs (subtit right below pic)  
 */
.image2 {
	margin: 5px 0 15px 0;
}
table.image2 {
	width: 100%;
	border: 0;
}
table.image2 tr td.left {
	padding: 0 5px 2px 0;
}
table.image2 tr td.right {
	padding: 0 0 2px 5px;
	text-align: right;
}
.image2 div.left, .image2 div.right {
	float: left;  
	width: 240px;
	text-align: center;
}
.image2 div.left {
	margin-right: 10px;
}
.image2 .subtitle {
	font-size: 11px;
	color: #666633;
}

          
/**
 * 3 images beside eo
 *	as divs (subtit right below pic)  
 */
.image3 {
	margin: 0;
}
.image3 div.imgFrame  {
	display: inline;
	padding: 0;
	margin: 0;
}
.image3 div.imgFrame img  {
	padding: 0;
	margin: 0;
	border: 0;
}
.image3 div.subtitle {
	padding: 5px;
	font-size: 11px;
	color: #666633;
}




/*  ***************************************************************************  *
 *   CUSTOM (NON GENERIC) OBJECTS 
 *  ***************************************************************************  */

.iconFloatRight {
	float: right;
	margin: 0 0 4px 4px;
}
.iconFloatLeft {
	float: left;
	margin: 0 4px 4px 0;
}

.impNote {
	margin: 15px 0;
	font-size: 16px;
	font-weight: bold;
	color: #FF9900;
	text-align: center;
}

/*  ***************************************************************************  *
 *   LISTINGS   
 *  ***************************************************************************  */
 

/*  ***************************************************************************  *
 *   CONTAINER  
 *  ***************************************************************************  */
 
/**
 * Topics list with images right aligned 
 */
#mainCol .topicsList {
	margin: 15px 0;
}
#mainCol .topicsList .item {
	margin: 5px 0 20px 0;
}
#mainCol .topicsList .image {
	float: left;
	width: 159px;
	height: 105px;
	margin-right: 15px;
	overflow: hidden;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
}
#mainCol .topicsList .image img {
	width: 159px;
	height: 105px;
}
#mainCol .topicsList h2 {
	font-size: 14px;
	padding: 0 0 5px 0;
	color: #454545;
}
#mainCol .topicsList h2 a, #mainCol .topicsList h2 a:visited{
	color: #454545;
	text-decoration: none;
}
#mainCol .topicsList h2 a:hover {
	color: #942431;
	text-decoration: underline;
}
#mainCol .topicsList .intro {
	color: #454545;
	height: 55px;
	overflow: hidden;
}
#mainCol .topicsList .intro p {
	display: inline;
} 
#mainCol .topicsList .moreInfo {
	color: #454545;
	text-align: right;
}
/**
 * Article list with images left aligned 
 */
#mainCol .articleList {
	margin: 15px 0;
}
#mainCol .articleList .item {
	margin: 5px 0 20px 0;
}
#mainCol .articleList .image {
	float: right;
	margin-left: 15px;
}
#mainCol .articleList h3 {
	font-size: 12px;
	padding: 0;
	color: #454545;
}
#mainCol .articleList h3 a, #mainCol .articleList h3 a:visited{
	color: #454545;
	text-decoration: none;
}
#mainCol .articleList h3 a:hover {
	color: #942431;
	text-decoration: underline;
}
#mainCol .articleList .intro {
	color: #454545;
}
#mainCol .articleList .intro p {
	display: inline;
}


/**
 * NEWS LIST 
 */
table#newsList {
	width: 100%;
	border: 0;
}
table#newsList tr td.date {
	padding-right: 10px;
}

/**
 * News list for homepage (inside black box)
 */
ul.newslistBlackBox {
	margin: 8px 0 8px 1em;
	list-style-image: url(/images/objects/newslistBlackBox_bullet.gif); 
}
ul.newslistBlackBox li {
	padding: 3px 0 6px 0;
	color: #D3D3D3;
	font-size: 11px;
	font-weight: normal;
}
ul.newslistBlackBox li a {
	color: #D3D3D3;
	text-decoration: none;
}
ul.newslistBlackBox li a:hover {
	color: #D3D3D3;
	text-decoration: underline;
}


/**
 * Products list
#mainCol table.prodList {
	margin: 15px 0;
	width: 100%;
	border: 0;
}
#mainCol table.prodList tr td {
	padding: 0;
}
#mainCol table.prodList tr td.image {
	width: 125px;
	border-top: 1px dashed #CFCFCF;
	padding: 2px 0;
	text-align: center;
}
#mainCol table.prodList tr td.greySpace {
	width: 24px;
}
#mainCol table.prodList tr td.greySpace div {
	width: 9px;
	height: 94px;
	margin: 0 5px 0 10px;
	background: #CFCFCF;
	overflow: hidden;
}
#mainCol table.prodList tr td.desc {
	padding: 3px 10px 0 10px;
	background: #EEEEEE;
}
#mainCol table.prodList tr td.desc .intro p {
  		padding: 0 0 3px 0;
	margin: 0;
}
#mainCol table.prodList tr td.link {
	padding: 3px 10px;
	vertical-align: bottom;
	background: #EEEEEE;
}
#mainCol table.prodList tr td.link a, #mainCol table.prodList tr td.link a:visited {
	color: #454545;
	text-decoration: none;
}
#mainCol table.prodList tr td.link a:hover {
	color: #D45A1E;
	text-decoration: underline;
}
#mainCol table.prodList tr td.desc h2 {
	padding: 0;
	background: none;
	border: 0;
	font-size: 16px;
	line-height: 1.15em;
}
#mainCol table.prodList tr.spacer td {
	height: 12px;
	overflow: hidden;
	font-size: 0.01%;
}
         
 */