html { background: #e0dfdf url(../images/bg-gradient.gif) repeat-x fixed; }
a { color: grey; text-decoration: none; }

h1 { float: left; width: 100%; text-align: center; font-size: 22px; padding-bottom: 8px; margin-bottom: 15px; border-bottom: 1px solid #28292d; }
#maincontent .csc-header.csc-header-n1 { float: left; width: 890px; }

#pagecontainer { margin: 20px auto 0 auto; width: 950px; }
#pagecolor { float: left; width: 100%; background: #ffffe0 url(../images/bg-content-line.gif) repeat-y; }
#headerspan { float: left; width: 100%; background: #ffffe0; }
#toppic { float: right; }

#topnavspan { float: left; width: 930px; height: 20px; padding: 0 10px; }
#topnavspan li { float: left; width: 155px; height: 19px; background: #ffffe0; text-align: center; }
#topnavspan li.last { width: 155px; }
#topnav {
	background: #ffffe0;
	float: left;
	width: 100%;
	height: 100%;
	border-bottom: 1px solid #28292d;
}
#topnav ul { list-style: none; margin: 0; padding: 0; }
#topnav a {
	display: block;
	line-height: 20px;
	background: #28292d;
	color: #ffffe0;
	border-right:1px solid #28292d;
}
#topnav .act a,
#topnav a:hover { color: #28292d; background: none; text-decoration: none; }

#maincontent_clockbg,
#maincontent_container { float: left; width: 100%; }
#maincontent { float: left; padding: 30px; min-height: 300px; }
#maincontent a:hover { text-decoration: underline; }
#maincontent ol,
#maincontent ul { list-style-position: inside; padding-left: 5px; margin: 0; }
#maincontent li { padding-bottom: 10px; text-align: justify; }
p { padding-bottom: 10px; text-align: justify; }
p.align-center { text-align: center; }
blockquote p { padding-left: 200px; }

.tx-wecmap-pi1 { float: left; }

#footerspan { float: left; width: 100%; text-align: center; padding-bottom: 10px; }
#footer { float: left; width: 800px; margin-left: 75px; text-align: center; color: #868686; /* border-top: 1px solid #868686; */ }

.endertop { float: left; width: 100%; height: 9px; background: #ffffe0 url(../images/bg-pageender.gif); }
.ender { float: left; width: 100%; height: 9px; background: url(../images/bg-pageender.gif); }

#qualisoftlogo { float: left; width: 100%; height: 20px; }

/* flex-3columns.html */
.col3span { float: right; width: 100%; }
.col3span .col1,
.col3span .col3 { float: left; width: 283px; min-height: 50px; }
.col3span .col2 { float: left; width: 284px; min-height: 50px; }

.col3midbigspan { float: right; width: 100%; }
.col3midbigspan .col1,
.col3midbigspan .col3 { float: left; width: 254px; min-height: 50px; }
.col3midbigspan .col2 { float: left; width: 302px; min-height: 50px; }

/* for both variants of flex-3columns.html */
.col3span .col2padding,
.col3midbigspan .col2padding { float: left; padding: 0 20px; }


/* flex-2columns.html */
.column2span,
.column2widespan { float: left; width: 890px; }
.column2span .col1,
.column2span .col2 { float: left; width: 435px; min-height: 50px; }

.column2widespan .col1 { float: left; width: 620px; min-height: 50px; }
.column2widespan .col2 { float: left; width: 250px; min-height: 50px; }

.column2widespan .col2padding,
.column2span .col2padding { float: left; padding-left: 20px; }

/* flex-mediabox.html */
.mediaboxspan { float: left; width: 100%; border: 1px solid #d5d5b0; margin-bottom: 10px; }
.mediaboxpadding { float: left; padding: 5px; }

/* flex-2columns-front.html */
.frontcolumn2span { float: left; width: 100%; }
.frontcol1,
.frontcol2 { float: left; width: 300px; min-height: 1px; }
.frontcol2padding { float: left; padding-left: 20px; }