body, body div, body p, body th, body td, body li, body dd {
	font-size: x-small; /* false value for WinIE4/5 */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* intended value for better browsers */
}
html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd {	/* be nice to Opera */
	font-size: small;
}
body {
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 15px 0px 15px 0px;
	padding: 0px;
	text-align: center;
}
* { /* lets just get rid of them all - set where needed */
	padding: 0;
	margin: 0;
}

/* positions */
#mainframe {
	width: 772px;
	margin: 0 auto;
	text-align: left;
	background: transparent;
}
#tree {
	float: left;
	width: 150px;
}
#addons {
	float: right;
	width: 150px;
}
#content {
	margin: 0 150px;
}

/* style! */
a { text-decoration: none; color: #00a; }
a:hover { text-decoration: underline; }
#content a { text-decoration: underline; }
#content a:hover { background: #0087ce; color: #fff; }
ul { list-style: none; }
#content ul, #content ol {
	list-style: default default;
	padding: 1ex 1ex 0 1ex;
	margin: 0 1ex 0 1em;
}
#content ul li, #content ol li {
	padding: 0;
	margin: 0 0 1em 0;
}
/*
#mainframe { border: 1px #ccc solid; }
*/
#header {
	text-align: center;
	border-bottom: 1px #ccc solid;
}
#path {
	border-bottom: 1px #ccc solid;
	padding: 2px 5px;
}
#bgleft { background: transparent url("../gfx/bg_leftcol.gif") left top repeat-y; }/* rightborder for leftcol */
#bgright { background: transparent url("../gfx/bg_rightcol.gif") right top repeat-y; }/* leftborder for rightcol */
#tree a:hover {
	border-right: 3px #0087ce solid; 
	color: #000;
	text-decoration: underline;
}
#tree li { padding-left: 1ex; } /* indents every successive level by this margin */
#tree ul.first { /* no indent for first level */
	padding-left: 0;
	padding: 5px 1px 0 0;
}
#tree ul.first li {
	padding-bottom: .5ex;
}
#tree ul.first li ul li {
	padding-bottom: 0;
	padding-top: .5ex;
	font-size: 90%;
}
#tree ul.first li ul li ul li ul li { /* stop reducing the font-size allready */
	font-size: 100%;
}

#tree ul a {
	color: #000;
	display: block;
	padding-left: 5px;
	margin-left: -5px;
} /* make link strech to the left-margin */
#tree .selected, #tree .selected:hover {
	border-right: 3px #a00 solid;
	background: #0087ce;
	color: #fff;
	text-decoration: none;
}
#tree .active { background: #eee; }

#content {
	padding: 10px;
	background: transparent;
}

#addons ul { padding: 5px; }
#addons ul li { padding-bottom: 1ex; }
#addons ul li .body { font-size: 80%; }
#addons ul li .handle {
	font-size: 80%;
	font-weight: bold;
}

#footer {
	text-align: center;
	font-size: 80%;
	line-height: 150%;
	padding: .7ex;
	background: #f6f6f6;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
}

/* typestyle */
h1 { font-size: 150%; }
h2 { font-size: 125%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }

/* objectstyle */
#frontpage .item {
	margin-bottom: 1ex;
	border-bottom: 1px #eee dashed;
	padding-bottom: 1ex;
	height: 100%; /* hack for IE */
}
#frontpage h2 a {
	color: #000;
	text-decoration: none;
}
#frontpage h2 a:hover {
	color: #000;
	text-decoration: none;
	background: transparent;
}
#frontpage img {
	float: left;
}
#frontpage .item:after { content: ""; display: block; height: 0; clear: both; } /* clear in the float */
#frontpage .readmore { font-size: 80%; }


#article .caption {
	font-size: 110%;
	margin: 1ex 0 1em 0;
}
#article p { margin: 1ex 0 1em 0; }
#article .date, #article .author {
	font-size: 80%;
}

#folder ul#contentlist {
	list-style: none default;
	margin: 0;
	padding: 1em 0 0 0;
}
#folder ul#contentlist li a.title { font-weight: bold; }
#folder ul#contentlist li .caption { font-size: 90%; }
#folder ul#contentlist li .date { font-size: 80%; }

#formpage fieldset {
	background: transparent;
	border: 1px #ccc solid;
	width: 99,5%;
	margin: 1ex 0 1ex 0;
	padding: 1ex 0 1ex 0;
}
/* #formpage legend { display: none; } */
#formpage fieldset .title { padding: 1ex; }
#formpage .alert { font-weight: bold; }
#formpage label {
	width: 150px;
	float: left;
	text-align: right;
	margin: 0 1ex 1ex 0;
	/*clear: both;*/
}
#formpage .text,
#formpage .textarea,
#formpage .select,
#formpage .multiple,
#formpage .radioselect {
	float: left;
	margin-bottom: 1ex;
}
#formpage .check,
#formpage .radio {
	float: left;
	margin-bottom: 0;
}
#formpage .select,
#formpage .multiple,
#formpage .text,
#formpage .textarea { width: 220px; }
#formpage span.checkval {
	/*display: block;*/
	float: left;
	margin-left: .2ex;
}
#formpage .submit-button {
	clear: both;
	margin: 0 0 1ex 160px;
}
#formpage .textarea{height:13em;}

/* Fix IE. Hide from IE Mac \*/
* html #bgleft,
* html #bgright { height: 100%; }
/* End */


/* useful stuff */
.spacer1 {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent;
}
/*outline: 1px red dashed;*/