/* standard elements */
* {
	margin: 0;
	padding: 0;
}

a {
	color: #567;
}
a:hover {
	color: #28E;
}
body {
	background: #F2F2F2 url(/img/bg.gif) repeat-y center top;
	color: #000; /* #555A60; */
	font: normal 105% arial,sans-serif;
	margin: 0;
}
p,cite,code {
	font-size: 1em;
	padding-bottom: 1em;
}
h1 {
	font-size: 1.2em;
	margin-bottom: 4px;
}
li {
	font-size: 1em;
	list-style: url(/img/li.gif);
	margin-left: 18px;
	/* li should have a nice gap so that it is readable */
	padding-top:2.5px;
	padding-bottom:10px;
}
/* because we use li in tables as well, we must set the above mentioned gap also in td */
td {
	padding-top:2.5px;
	padding-bottom:10px;
}
/* but we must disable the above mentioned gap for the li in tables because else they have the gap twice */
td li {
	padding-top:0px;
	padding-bottom:0px;
}
/* we want a little gap between the end of the list and the beginning of the following text */
ul {
	margin-bottom: 15px;
}
/* but we don't want this gap in the change log table, since this would produce a strange layout */
td ul {
	margin-bottom: 0px;
}
/* this code is obsolete as long as we use 1em for the father box */
ul ul {
	font-size: 1em; /* With this we can nest the element (<ul><ul></ul></ul>) without getting a bigger size */
}
li li {
	font-size: 1em;
}
/* in a list we can use the em tag as a bold-maker */
li em {
	font-weight:bold;
	font-style:normal;
	font-size:0.9em;
}
td ul li {
	font-weight:bold;
	font-style:normal;
	font-size:0.9em;
}
li.normal {
	font-weight:normal;
}
em.quote:before {content:"\bb";}
em.quote:after {content:"\ab";}
em.quote {
	font-weight:normal;
	font-style:italic;
	font-size:1em;
}
/* class to use on the name of an application */
em.appname {
	font-weight:bold;
	font-style:normal;
}
i {
	font-style:italic;
}
b {
	font-weight:bold;
}
code {
	background: url(/img/bgcode.gif);
	border: 1px solid #F6F6F6;
	color: #666;
	display: block;
	font: normal 1em arial,serif;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}
cite {
	background: url(/img/quote.gif) no-repeat;
	color: #456;
	display: block;
	font: normal 1.1em arial,serif;
	padding-left: 28px;
}
h1,h2,h3 {
	color: #579;
	padding-top: 6px;
}
/* the /software/index.html page lists the programms in a special manner: */
td.app {
	padding-bottom: 10px;
	padding-left:5px;
	font-weight:bold;
}

/* misc */
.clearer {
	clear: both;
}

/* structure */
.container {
	margin: 0 auto;
	width: 730px;
}

/* title */
.title {
	float: left;
	margin-top: 22px;
	text-align: center;
	width: 220px;
}
.title h1 {
	font: normal 2em Verdana,sans-serif;
}
.title h2 {
	color: #999;
	font: normal 1.5em Verdana,sans-serif;
}

/* navigation */
.navigation {
	font-size:62.5%;
	background: url(/img/holder.jpg) no-repeat;
	height: 100px;
	padding: 0 16px;
}
.navigation a {
	border-left: 1px solid #DDD;
	border-right: 1px solid #FFF;
	color: #89A;
	float: right;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	margin-top: 9px;
	padding: 58px 18px 8px;
	text-align: center;
	text-decoration: none;
}
.navigation a:hover {
	background: #FFF url(/img/navhover.gif) repeat-x;
	color: #28E;
	padding: 56px 18px 10px;
}
.navigation a#active {
	background: #FFF url(/img/navhover.gif) repeat-x;
	color: #2172C4;
	padding: 56px 18px 10px;
} 

/* holders */
.holder {
	background: url(/img/bgholder.jpg) repeat-y;
	padding: 0 32px;
}
.holder_top,.footer {
	clear: both;
	background: url(/img/holder.jpg) no-repeat;
	height: 40px;
}

/* footer */
.footer {
	padding-top:20px;
	margin-top:-3px;
	background-position: left bottom;
	color: #666;
	font-size: 0.7em;
	text-align: center;
}
img {
	border:0px;
}
img.leftfloat {
	float:left;
	padding-right:7px;
	border-style:none;
}
img.screenshot {
	border:medium;
	border-style:double;
}

/* CSS messages */

.alert { background: #fff6bf url('/img/msg/exclamation.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; font-size:0.9em; margin-bottom:10px; margin-top:20px;}
.info { background: #f8fafc url('/img/msg/information.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #b5d4fe; border-bottom: 2px solid #b5d4fe; font-size:0.9em; margin-bottom:10px; margin-top:20px; }
#download { background: #cfc url('/img/msg/download.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; border-top: 2px solid #3C6; border-bottom: 2px solid #3C6; font-size:0.9em; margin-bottom:10px; margin-top:20px; text-align:center; }
#german { background: transparent url('/img/msg/de.png') 15px 50% no-repeat; padding: 5px 20px 5px 45px; margin-bottom:15px;}

.download a {
	margin-left: 10px;
	margin-right: 10px;
}

/* program xyz depends on library zyx... */
a.depends {
	padding-left: 17px;
	background: url('/img/msg/package_link.png') no-repeat;
}

/* download executable file */
a.app {
	padding-left: 17px;
	background: url('/img/msg/application.png') no-repeat;
}

/* download source code */
a.code {
	padding-left: 17px;
	background: url('/img/msg/page_code.png') no-repeat;
}
/* heading to use a sub-heading after h1 */
h3 {
	font-size:1.1em;
	margin-bottom:4px;
	margin-top:30px;
}
.desc {
	font-style:italic;
	font-weight:normal;
}
/* the links box contains the links of a page */
.links {
	text-align:center;
	background: #fff6bf ;
	padding: 5px 20px 5px 45px; 
	border-top: 2px solid #ffd324; 
	border-bottom: 2px solid #ffd324;
}
table.overview {
	margin-left: 18px;
	margin-top: 2.5px;
	margin-bottom: 2.5px;
}
.center {
	text-align:center;
}
/* center and italic */
.itcenter {
	text-align:center;
	font-style:italic;
}
p.indent {
	margin-left: 18px;
	margin-top: 10px;
	margin-bottom: 2.5px;
}
.sthru
{
	text-decoration:line-through;
}