.wncms-obj { margin: 0 0 20px 0; }


h1 {
	padding-top: 6px;
	margin-bottom: 5px;
	padding-bottom: 7px;
	font-size: 18px;
	font-style: italic;
	font-weight: bold; 
	/*color: #990033;*/
	color: #D50B33;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
h2 {
	margin: 10px 0 5px 0;
	padding: 10px 0 5px 0;
	font-size: 14px;
	font-weight: bold; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
h3 {
	margin-top: 15px;
	margin-bottom: 10px;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
h5 {
	margin-top: 0px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	/*color: #990033;*/
	color: #D50B33;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}


#distance, .distance {
	height: 20px;
	clear: both;
}
.separator {
	height: 41px;
	background: url(/images/objects/newsList_sep.gif) left 20px repeat-x;
	clear: both;
}

#htmlText, .htmlText {
	padding-bottom: 10px; 
	color: #000000; 
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

div.image1 {
	padding-bottom: 8px; padding-top: 8px;
}

/**
 * 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 20px;
}
.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 20px 5px 0;
}
.imgLeftAlignedWithText .image .subtitle {
	padding-top: 3px;
	font-size: 11px;
	color: #666666;
	text-align: center;
}



/** **************************************************************************** *
 *   CONTAINER 
 ** **************************************************************************** */
               
/**
 * NEWS LIST 
 */
table#newsList {
	width: 100%;
	border: 0;
}
table#newsList tr td.date {
	padding-right: 20px;
}  
table#newsList tr td.text h4 {
	margin-top: 0;
	padding-top: 0;
}
table#newsList tr.sep td {
	height: 16px;
	background: url(/images/objects/newsList_sep.gif) left 8px repeat-x;
}





/*  ***************************************************************************  *
 *   CUSTOM (NON GENERIC) OBJECTS 
 *  ***************************************************************************  */
#linkSubpage {
	background: #FFFFCC;
	padding-left: 20px; padding-right: 20px; padding-bottom: 2px; padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#linkSubpage .title {
	font-size: 12px;
	color: #009900;
	font-weight: bold; 
}
#linkSubpage a, #linkSubpage a:link, #linkSubpage a:visited, #linkSubpage a:active {
	color: #009900;
}
#linkSubpage .text {
	margin-top: 3px;
	margin-bottom: 5px;
	font-size: 10px;
	color: #000000;
}

#separator {
  background: #FFFFCC;
	padding-left: 20px; padding-right: 20px; padding-bottom: 2px; padding-top: 2px;
}
#separator .in {
  height: 2px;
	border-bottom: 1px dashed #009900;
}

#teaserBox {
	width: 120px; 
	height: 120px; 
	border: 1px solid #CCFF66; 
	/* not for IE 5.x: corecct CSS implementation - add border and padding to width/height */
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 118px;
	height: 118px;
}
#teaserBox.right { /* right aligned, ie for homepage */
  float: right; 
	margin-right: 7px; 
}
#teaserBox.left { /* left aligned, ie for products */
  float: left; 
	margin-right: 7px; 
}
#teaserBox .title {
  background: #336600; 
	font-size: 10px; 
	font-weight: bold; 
	color: #fff;
	height: 23px; 
	padding-top: 4px; padding-bottom: 2px; padding-left: 3px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	height: 17px;
}
html>body #teaserBox .title {
	height: 17px;
}

/**
 * HTML + modal wins 
 */
.html2modal { }
.html2modal .modalwin-content { }

/**
 * Silly object: img + text + img 
 */
.obj-imgTxtBottomAlign { }  
.obj-imgTxtBottomAlign table { width: 100%; } 
.obj-imgTxtBottomAlign table td { padding: 0; }  
.obj-imgTxtBottomAlign table td.obj-content { vertical-align: bottom; padding-left: 20px; }  

/** *************************************************** **
 **  MESSAGES AND NOTES 
 ** *************************************************** **/
.errorMsg, .warnMsg, .confMsg {
    background-color: #F5F5F5;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 50px;
    margin: 5px 0 15px 0;
}
.errorMsg h2, .warnMsg h2, .confMsg h2 { font-size: 12px; margin-top: 0; padding-top: 0; line-height: 1.1em; }
.errorMsg { background-image: url(/images/msg/bg_err.gif); }
.warnMsg { background-image: url(/images/msg/bg_warn.gif); }
.confMsg { background-image: url(/images/msg/bg_conf.gif); }
.errorMsg, .errorMsg h2, .errorMsg p, .errorMsg a { color: #FF0000; }
.warnMsg, .warnMsg h2, .warnMsg p, .warnMsg a { color: #3366CC; }
.confMsg, .confMsg h2, .confMsg p, .confMsg a { color: #66CC33; }
.errorMsg .small, .warnMsg .small, .confMsg .small { color: #333333; }

/**
 * impNote: paragraph + hl smaller but highlighted 
 */
.impNote { margin: 10px 0; border-left: 10px solid #CC0000; background: #F5F5F5; padding: 2px 15px; }
.impNote h3 { color: #CC0000; }
.impNote p, .impNote li { color: #333333; font-size: 11px; }
.impNote ul { margin: 5px 0; list-style-type: disc; }

/** *************************************************** **
 **  FAQ  
 ** *************************************************** **/
.faq-item { padding: 5px 0 0 0; }
.faq-item .answ { display: none; padding-bottom: 20px; }
.faq-item h3.toggleNextDiv { position: relative; cursor: pointer; margin: 0; padding: 5px 90px 20px 34px; background: url(/images/objects/faq_bullet.gif) no-repeat; }
.faq-item h3.toggleNextDiv .toggle-icon {
    position: absolute;
    top: 2px;
    right: 0;
    width: 80px;
    height: 20px;
    background-image: url(/images/but/ico_toggle_hide.gif);
    background-repeat: no-repeat;
}
.faq-item h3.isHidden .toggle-icon {
    background-image: url(/images/but/ico_toggle_show.gif);
}