@CHARSET "UTF-8";

/**
 * Maag CSS: screen layout
 * 
 * Media:  Any
 * Author: scl
 * 
 * (C) 2007 IMIS Group AG, Zurich, Switzerland
 *
 */

/** tapestry exception page (because dojo displays it transparent) */ 
div#exception {
	background: #FFFFFF;
}
 
 /** Body style */
body {
	margin: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #EEF3FB;
}

/** Top bar positioning; logo, global links, navigation */
div#layout-topbar {
	height: 63px;
	border-bottom: 1px solid #727272;
	width: 1004px;
	z-index: 3;
	/* MSIE */
	_height: 64px;
}

/** Side bar positioning; catalog browsing, quick search, login */
div#layout-sidebar {
	position: absolute;
	top: 63px;
	bottom: 0px;
	left: 0px;
	width: 182px;
	z-index: 3;
	background: #B4C5E2;
	border-right: 1px solid #727272;
	/* MSIE */
	/* moved to iehacks 
	_height: expression(document.body.clientHeight - 64 + 'px');*/
	_width: 183px;
}

/** Main content positioning */
div#layout-content {
	position: absolute;
	top: 64px;
	bottom: 0px;
	left: 182px;
	right: 0px;
	padding-left: 10px;
	background: #EEF3FB;
	width: 810px;
	z-index: 2;
	overflow: auto -moz-scrollbars-vertical;
	overflow-y: auto;
	overflow-x: hidden;
	/* MSIE */
	/* moved to iehacks 
	_height: expression(document.body.clientHeight - 64 + 'px');*/
	_width: 820px;
}

/** Main content positioning Special (for content with no scrollable divs) */
div#layout-content-special {
	position: absolute;
	top: 64px;
	bottom: 40px;
	left: 182px;
	right: 0px;
	padding-left: 10px;
	background: #EEF3FB;
	width: 810px;
	z-index: 2;
	overflow: auto -moz-scrollbars-vertical;
	/*overflow-y: auto;
	overflow-x: hidden;*/
	/* MSIE */
	/* moved to iehacks 
	_height: expression(document.body.clientHeight - 64 + 'px');*/
	_width: 820px;
}

/** topbar; navigation (global links, categories) */
div#topbar-nav {
	position: absolute;
	top: 0px;
	left: 182px;
	width: 648px;
	height: 63px;
	background: #B4C5E2;
	z-index: 3;
}

/** topbar shadow */
div#shadow-top {
	position: absolute;
	top: 16px;
	left: 0px;
	width: 636px;
	height: 6px;
	background: #B4C5E2 url("../asset/shadow_topnav_01.gif") left bottom no-repeat;
}

/** category shadows (horizontal) */
div#shadow-bottom-h {
	position: absolute;
	top: 28px;
	left: 0px;
	width: 636px;
	height: 4px;
	background: #B4C5E2 url("../asset/shadow_tab_horizontal.gif") left bottom repeat-x;
	margin-right: 4px;
}

/** category shadows (vertical) */
div#shadow-bottom-v {
	position: absolute;
	top: 32px;
	left: 0px;
	width: 516px;
	height: 31px;
	background: #B4C5E2 url("../asset/shadow_tab_vertikal.gif") left bottom repeat-x;
	margin-right: 1px;
	margin-left: 124px;
}

/** special content area (for content with boxes on the right side) */
div#content-special {
	position: absolute;
	top: 44px;
	bottom: 30px;
	width: 626px;
	z-index: 1;
	padding-bottom: 1px;
	/* MSIE */
	/* moved to iehacks 
	_height: expression(offsetParent.clientHeight -75 + 'px');*/
}

/** wide content area (for normal content) */
div#content-wide {
	position: absolute;
	top: 44px;
	bottom: 30px;
	margin: 0px;
	padding: 0px; 
	width: 812px;
	z-index: 1;
	/* MSIE */
	/* moved to iehacks 	
	_height: expression(offsetParent.clientHeight - 75 + 'px');*/
}

/** boxes on the rigth side */
div#boxes-right {
	position: absolute;
	left: 648px;
	top: 20px;
	bottom: 30px;
	display: block;
	float: right;
	z-index: 1;
	/* MSIE */
	/* moved to iehacks 
	_height: expression(document.body.clientHeight - 84 + 'px');*/
}

/** footer (special urls) */
div#footer {
	position: absolute;
	bottom: 15px;
/*	width: 205px;*/
	z-index: 1;
}

/** footer (special urls) */
div#footer-special {
	position: absolute;
	left: 182px;
	bottom: 15px;
	padding-left: 10px;
/*	width: 205px;*/
	z-index: 1;
}

/** messages (error, info, notice )*/
div#messages {
	margin-top: 5px;
	margin-bottom: 10px;
}

th.reference, td.reference
{
    width: 20px;
    padding-left: 2px;
}
div.commenttrigger
{
    padding: 5px;
}