/**
 * Standard: Object in main area are inside .mainGrey 
 */
#mainCol h1 {
	padding: 15px 0;
	margin: 0px 0;
	color: #660033;
	font-size: 22px;
	font-weight: bold;  
}
#mainCol h2 {
	padding: 0px 0;
	margin: 2px 0 5px 0;
	color: #660033;
	font-size: 18px;
	font-weight: bold;
}


h1 a.anchor, h2 a.anchor {
	text-decoration: none;
	color: #660033;
	cursor: default;
}


/**
 * Subline, right below the headline 
 */
#mainCol h2.topline {
	padding: 0;
	color: #660033;
	font-size: 14px;
	font-weight: bold;
}
#mainCol h3 {
	padding: 0px 0 0px 0;
	color: #660033;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
}
#mainCol h4 {
	padding: 6px 0 0px 0;
	color: #660033;
	font-size: 12px;
	font-weight: bold;
	margin-bottom:4px;
}

.htmlText {
	padding-bottom: 0px; 
	line-height: inherit;
}
.htmlText p {
	padding: 4px 0 8px 0;
	margin: 0;
}
.small {
   font-size: 12px;
	 }

/**
 * OBJECT: download link 
 */
 #mainCol ul.downLink {
	margin: 10px 0 0 0;
	padding: 0;
}
#mainCol ul.downLink li {
	margin: 0 0 0 1em;
	padding: 0 0 2px 2px;
	list-style-image: url(/userFiles/Image/layout/bullet_red.gif);
	line-height: 1.1em;
}
#mainCol ul.downLink li a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
#mainCol ul.downLink li a:hover {
	text-decoration: underline;
}


#mainCol .downloadLink {
	margin: 5px 0 20px 0;
}
#mainCol .downloadLink .icon {
	float: left; 
	width: 50px; 
	margin-right: 10px;
	text-align: center;
	overflow: hidden;
}
#mainCol .downloadLink .descCont {
	float: left;              
	width: 430px;
}
#mainCol .downloadLink h4 {
	font-weight: bold;
	font-size: 12px;
	color: #454545;
}
#mainCol .downloadLink h4 a, #mainCol .downloadLink h4 a:visited {
	color: #454545;
}
#mainCol ul.std li {
  margin-top: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  margin-left: 1em;
  padding-top: 2px;
  padding-right: 0pt;
  padding-bottom: 2px;
  padding-left: 2px;
  list-style-image: url(../images/box/bullet_red.gif);

}

/**
 * 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;
}

  


.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;
}


.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;
}

.distance {
  	height: 15px;
  	overflow: hidden;
	clear: both;
}

/**
 * OBJECT: separator
 * horizontal separator with 3 different styles ! 
 */
.separator {
}
.separator .style1 .inner, .separator .style2 .inner, .separator .style3 .inner {
	height:  6px;
	/*overflow: hidden;*/ 
} 
.separator .style1, .separator .style2 {  
	margin: 5px 0;   
}
#mainCol .separator .style1, #mainCol .separator .style2 { 
	margin: 10px 0;
}
.separator .style1 .inner {
	background: url(/images/objects/separator/bg_style1.gif) left center repeat-x;
}
.separator .style2 .inner {
	background: url(/images/objects/separator/bg_style2.gif) left center repeat-x;
} 
.separator .style3 { 
	margin: 0;  
}
.separator .style3 .inner {
	background: url(/images/objects/separator/bg_style3.gif) center center no-repeat;
}


/* ***************************************************************** *
 *   IMAGE GALLERY (THUMBS LIST)
 * ***************************************************************** */ 
#mainCol .imgGallery {
  	margin: 10px 0;
	padding: 10px 0;
}
#mainCol .imgGallery table.thumbs {
  	width: 480px;
	border: 0;
}
#mainCol .imgGallery table.thumbs tr td {
  	width: 33%;
	padding: 1px;
	margin: 0;
	text-align: center;
}
#mainCol .imgGallery table.thumbs tr td a {
  	display: block;
	height: 100%;
	padding: 2px;
	margin: 5px 0;
	border: 0;
	text-align: center;
	background: #F5F5F5;
	text-decoration: none;
	cursor: pointer;
}
#mainCol .imgGallery table.thumbs tr td a:hover {
	background: #F2F2F2;
	text-decoration: none;
}
#mainCol .imgGallery table.thumbs tr td .imgContainer {
	height: 110px;
	width: 160px;
	margin: 5px auto;
	overflow: hidden;
	text-align: center;
}                  
#mainCol .imgGallery table.thumbs tr td .imgContainer div.minSize {
	width: 160px;
	height: 120px;
	margin: 0 auto;
	text-align: center;	
}
#mainCol .imgGallery table.thumbs tr td span.desc {
	display: block;
	height: 25px;
}



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

/**
 * OBJECT greyLinkButton
 */
.greyLinkButton {
	height: 16px;
	margin: 10px 0;
	overflow: hidden;
}
.greyLinkButton .linkMain {
	float: left;
	height: 16px;
	background: #333333;
	line-height: 1em;
} 
.greyLinkButton .linkMain a {
	display: block;
	padding: 2px 5px; 
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
.greyLinkButton .linkMain a:hover {
	color: #F6A300;
}
.greyLinkButton .linkIcon, .greyLinkButton .returnIcon {
	float: left;
} 
.greyLinkButton .linkIcon { margin-left: 1px; }
.greyLinkButton .returnIcon { margin-right: 1px; } 





/*  ***************************************************************************  *
 *   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: 130px;
	height: 105px;
	margin-right: 15px;
	overflow: hidden;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
}
#mainCol .topicsList .image img {
	width: 130px;
	height: 105px;
}
#mainCol .topicsList h2 {
	font-size: 14px;
	padding: 6px 0 0 0;
	color: #454545;
}
#mainCol .topicsList h2 a, #mainCol .topicsList h2 a:visited{
	color: #454545;
	text-decoration: none;
}
#mainCol .topicsList h2 a:hover {
	color: #000000;
	text-decoration: underline;
}
#mainCol .topicsList .intro {
	color: #666666;
	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: 14px;
	padding: 0;
	color: #660033;
}
#mainCol .articleList h3 a, #mainCol .articleList h3 a:visited{
	color: #660033;
	text-decoration: none;
}
#mainCol .articleList h3 a:hover {
	color: #942431;
	text-decoration: underline;
}
#mainCol .articleList .intro {
	color: #660033;
}
#mainCol .articleList .intro p {
	display: inline;
}


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



/**
 * 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: 200px;
	height: 150px;
}
#mainCol table.prodList tr td.image .image-wrap {
	width: 200px;
	height: 150px;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
}
#mainCol table.prodList tr td.desc {
	padding: 3px 10px 0 10px;
	background: #EEEEEE;
}
#mainCol table.prodList tr td.desc h3 {
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #003399;
}
#mainCol table.prodList tr td.desc h3 a, #mainCol table.prodList tr td.desc h3 a:visited {
	color: #003399;
	text-decoration: none;
}
#mainCol table.prodList tr td.desc h3 a:hover {
	text-decoration: underline;
}
#mainCol table.prodList tr td.desc .intro p {
	padding: 0 0 3px 0;
	margin: 0;
}
#mainCol table.prodList tr.spacer td {
	height: 12px;
	overflow: hidden;
	font-size: 0.01%;
}

/**
 * Listing: related articles (main col)
 */
#mainCol .relArticleList {                                                   
	margin: 0 0 15px 0;
	padding: 0 10px 10px 10px;
	background: url(/images/objects/relArticles/bg.jpg) left bottom repeat-x;
} 
#mainCol .relArticleList ul {
	margin: 0 0 0 10px;
} 
#mainCol .relArticleList ul li {
	list-style: url(/images/objects/relArticles/bullet.gif);
} 
#mainCol .relArticleList ul li h4 {
	font-weight: normal;
} 

                                       

/* ***************************************************************** *
 * Standard Form   
 * ***************************************************************** */ 
form.mainForm {
	margin: 10px 0;	
}
form.mainForm h3 {
  	color: #000000;
	font-size: 13px;
	font-weight: bold;
	/*border-bottom: 1px solid #ff9900;*/
}
form.mainForm table {
  	width: 100%;
	border: 0;
}
form.mainForm table tr td {
  padding: 3px 0;
}
form.mainForm table tr td.fldName {
	padding: 3px 5px 0 0;
	width: 30%;
	font-size: 12px;
}
form.mainForm table tr td.fldInput {
	width: 70%;
} 
form.mainForm table tr td.fldName .formFieldM {
	font-weight: bold;
}
form.mainForm .formInputText, form.mainForm .formInputSelect, 
form.mainForm .formInputTextSmall, form.mainForm textarea {
  	width: 314px;
	padding: 4px 2px;
	margin: 2px 0;
	border: 1px solid #660033;
  	color: #000000;
	font-size: 12px;
}
form.mainForm .formInputText, form.mainForm .formInputSelect, 
form.mainForm .formInputTextSmall, form.mainForm textarea {
  	width: 320px;
	padding: 4px 2px;
	margin: 2px 0;
	border: 1px solid #660033;
  	color: #000000;
	font-size: 12px;
	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 314px;
}
html>body form.mainForm .formInputText, html>body form.mainForm textarea {
  width: 314px;
}
#mainCol form.mainForm div.half, #main form.mainForm div.zip, #main form.mainForm div.city {
  display: inline;
}
#mainCol form.mainForm div.half .formInputText {
  	width: 157px;
	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 151px;
}
html>body #mainCol form.mainForm div.half .formInputText {
  width: 151px;
}
/*
form.mainForm .formInputTextSmall {
	width: 197px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 191px;
}
html>body form.mainForm .formInputTextSmall {
	width: 91px;
} */
#mainCol form.mainForm div.zip .formInputText {
  	width: 68px;
  	margin-right: 6px;
	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 62px;
}
html>body #mainCol form.mainForm div.zip .formInputText {
  width: 62px;
}
#mainCol form.mainForm div.city .formInputText {
  	width: 246px;
	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 240px;
}
html>body #mainCol form.mainForm div.city .formInputText {
  width: 240px;
} 
#mainCol form.mainForm div.full textarea {
  	width: 490px;
	voice-family: "\"}\""; 
	voice-family: inherit;
  	width: 484px;
}
html>body #mainCol form.mainForm div.full textarea {
  	width: 484px;
}


form.mainForm .formInputSelect option.highlight {
  background-color: #ccff99
}



/* ***************************************************************** *
 * rechte Boxen   
 * ***************************************************************** */ 
#rightCol .small {
	font-size: 11px;
}
#rightCol .title {
	padding: 4px;
	border-bottom: 1px solid #ffffff;
	background: #660033;
	text-align: center;
}


#rightCol .greyBox {
	margin-bottom: 20px;
	padding: 0px;
	background: #3B4448;
	color: #ffffff;
	font-size: 12px;
}
#rightCol .greyBox .title {
	padding: 5px 0px;
	text-align: center;
}
#rightCol .greyBox ul {
	margin: 5px 0;
	padding: 0 0 15px 20px;
}
#rightCol .greyBox a {
	color: #ffffff;
}
#rightCol .greyBox ul li {
	margin: 0 10px 0 10px;
	padding: 2px 0 2px 2px;
	list-style-image: url(../images/box/bullet_grey.gif);
}
#rightCol .greyBox h1 {
	padding: 2px 0;
	color: #ffffff;
	font-size: 12px;
}

#rightCol .boxTitle h4 {
	padding: 2px 20px 2px 20px;
	color: #ffffff;
	font-size: 12px;
	margin-top: 5px;
	text-align: center;
	background-color: #660033;
	border-bottom: 1px solid #fff;
}
#rightCol .greyBox h1 a, #rightCol .greyBox h1 a:visited {
	color: #ffffff;
	text-decoration: none;
}
#rightCol .greyBox h1 a:hover {
	text-decoration: underline;
}
#rightCol .greyBox ul li .separator {
	margin: 4px 0 6px 0;
	height: 7px;
	overflow: hidden;
	background: url(../images/box/separator.gif) center 0 no-repeat;
}
#rightCol .button {
	height: 30px;
	padding: 3px;
	background: url(../images/box/bg_button.gif) repeat-x;
	border: 1px solid #999999;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 22px;
}

#rightCol .button a {
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}
#rightCol .textBox h4  {
padding-top: 2px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
font-size: 12px;
color: #660033;
}
#rightCol .textBox p  {
padding-top: 2px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
font-size: 12px;
color: #´000000;
}




p.light {
color: #666666;
}

p.light a, p.light a:visited {
color: #666666;
text-decoration: underline;
}

p.light a, p.light a:visited {
color: #666666;
text-decoration: underline;
}

/**
 *   List with date (non bulleteted) 
 */
ul.listWithDate {
	margin: 15px 0;
	padding: 0;
	list-style: none;
}
ul.listWithDate li {
	margin: 0 0 15px 0;
}
ul.listWithDate li .date {
	font-size: 12px;
}
ul.listWithDate li h2 {
	padding: 0;
	font-size: 14px;
}
ul.listWithDate li .download {
	padding-top: 5px;
}
ul.listWithDate li .download img{
	vertical-align: middle;
}
/**
 *   Left Col 
 */
#leftCol .distance {
	height: 15px;
}