/*
This stylesheet is included in the live webpage as well as inside the CMS when editing box contents. 
It must contain all styles information that should be applied as well to the box column inside the CMS!
All styles that are used for positioning should be placed in styles.css which IS NOT included in the CMS.
Please use the config value $oCMS_cfgIng["box"]["colWidth"] to specify a width for the column in the CMS. 
*/

/* ***************************************************************** *
 * ***************************************************************** *
 *   LEFT COLUMN 
 * ***************************************************************** *
 * ***************************************************************** */

/* #leftCol:
 *
 * available inner width: 210px 
 * 
 */
 
/* ***************************************************************** *
 *   BOXES 
 * ***************************************************************** */
#leftCol .greyBox, #leftCol .blueBox, #leftCol .orangeBox {
	margin-bottom: 20px;
}
#leftCol .greyBox h3, #leftCol .blueBox h3, #leftCol .orangeBox h3 {
  padding: 3px 5px;
	font-style: italic;
	font-size: 12px;
}
#leftCol .greyBox .main, #leftCol .blueBox .main, #leftCol .orangeBox .main {
  padding: 10px;
} 
#leftCol .greyBox .main p, #leftCol .blueBox .main p, #leftCol .orangeBox .main p {
  margin: 0 0 5px 0;
	padding: 0;
	font-size: 11px;
}
#leftCol .greyBox .main a, #leftCol .blueBox .main a, #leftCol .orangeBox .main a,
#leftCol .greyBox .main td, #leftCol .blueBox .main td, #leftCol .orangeBox .main td {
	font-size: 11px;
}
#leftCol .greyBox .main div.img, #leftCol .blueBox .main div.img, #leftCol .orangeBox .main div.img {
  margin: 6px auto;
	text-align: center;
}
#leftCol .greyBox ul, #leftCol .blueBox ul, #leftCol .orangeBox ul {
  margin: 0 0 0 1em;
	padding: 0;
	list-style-type: square;
}
#leftCol .greyBox ul li, #leftCol .blueBox ul li, #leftCol .orangeBox ul li {
  padding: 0 0 4px 0;
  font-size: 11px;
}
/* color specific */
#leftCol .greyBox {  border: 1px solid #CCCCCC; }
#leftCol .greyBox h3 {
	color: #333333;
	background: #CCCCCC;
}
#leftCol .blueBox {  border: 1px solid #003366; }
#leftCol .blueBox h3 {
	color: #ffffff;
	background: #003366;
}
#leftCol .orangeBox {  border: 1px solid #FFCC00; }
#leftCol .orangeBox h3 {
	color: #003366;
	background: #FFCC00;
}
/* news specific */
#newsBox .main ul {
  list-style-type: none;
	margin-left: 0;
}



 
 
 
/* ***************************************************************** *
 * ***************************************************************** *
 *   RIGHT COLUMN 
 * ***************************************************************** *
 * ***************************************************************** */

/* #rightCol:
 *
 * available inner width: 180px
 * 
 */
 
/* ***************************************************************** *
 *   BOXES 
 * ***************************************************************** */