body {
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}



.boxMain {
	width: 930px;
}

.boxLogo {
	background: url("/comapro/sys/pix/bg_logo.gif") no-repeat;
	width: 930px;
	height: 54px;	
	text-align: left;
}

.boxLogo h1 {
	font: bold 13px Arial, sans-serif;
	line-height: 53px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: 860px;
	height: 54px;
	float: left;
}

.boxLogo h1 span {
	display: block;
	padding: 0px 0px 0px 680px;
}

.boxLogo a {
	display: block;
	width: 58px;
	float: left;
}





.boxNav {
	background: url("/comapro/sys/pix/bg_nav.gif") no-repeat;
	width: 930px;
	height: 24px;
}

.boxNav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	font: bold 12px Arial, sans-serif;
}

.boxNav ul li {
	float: left;
	margin: 0px;
	padding: 4px 0px 0px 40px;
}

.boxNav li a {
	color: #FFFFFF;
	text-decoration: none;
}

.boxNav li a:hover, .boxNav li a.active {
	color: #04477B;
}



.boxTeaser {
	width: 930px;
	height: 297px;
	text-align: left;
}

.boxTeaser h1 {
	font: bold 30px Arial, sans-serif;
	margin: 0px;
}

.boxTeaser h2 {
	font: normal 18px Arial, sans-serif;
	margin: 0px;
}

.teaser1 { background: url("/comapro/sys/pix/mood/lighthouse.jpg") no-repeat; }
.teaser2 { background: url("/comapro/sys/pix/mood/leaves.jpg") no-repeat; }
.teaser3 { background: url("/comapro/sys/pix/mood/calculator.jpg") no-repeat; }
.teaser4 { background: url("/comapro/sys/pix/mood/strings.jpg") no-repeat; }
.teaser5 { background: url("/comapro/sys/pix/mood/mountains.jpg") no-repeat; }
.teaser6 { background: url("/comapro/sys/pix/mood/leaves.jpg") no-repeat; }

.teaser1 span { display: block; width: 200px; height: 80px; }
.teaser1 h1 { padding: 0px 0px 5px 59px; color: #04477B; }
.teaser1 h2 { padding: 0px 0px 10px 72px; color: #FFFFFF; }

.teaser2 span { display: block; width: 200px; height: 70px; }
.teaser2 h1 { padding: 0px 0px 10px 57px; color: #6BA022; }
.teaser2 h2 { padding: 0px 0px 5px 77px; color: #4B4B4B; }

.teaser3 span { display: block; width: 200px; height: 58px; }
.teaser3 h1 { padding: 0px 0px 10px 422px; color: #9E0B0E; }
.teaser3 h2 { padding: 0px 0px 45px 442px; color: #4B4B4B; }

.teaser4 span { display: block; width: 200px; height: 117px; }
.teaser4 h1 { padding: 0px 0px 10px 466px; color: #E4AB21; }
.teaser4 h2 { padding: 0px 0px 5px 486px; color: #FFFFFF; }

.teaser5 span { display: block; width: 200px; height: 215px; }
.teaser5 h1 { padding: 0px 0px 10px 16px; color: #FFFFFF; }
.teaser5 h2 { padding: 0px 0px 5px 36px; color: #FFFFFF; }

.teaser6 span { display: block; width: 200px; height: 70px; }
.teaser6 h1 { padding: 0px 0px 10px 57px; color: #6BA022; line-height: 40px; }
.teaser6 h2 { padding: 0px 0px 5px 77px; color: #4B4B4B; }




.boxTabs {
	background: url("/comapro/sys/pix/bg_tabs.gif") repeat-x;
	width: 930px;
	text-align: left;
}

.tabs {
	padding: 12px 21px 12px 21px;
}

.tabs table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	height: 22px;
}

.tabs table th {
	width: 12px;
	padding: 0px;
}

.tabs table td {
	width: 148px;
	padding: 0px;
	text-align: center;
}

.tabs table td a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	font: bold 12px Arial, sans-serif;
	line-height: 21px;
}




.tabsContent {
	background: url("/comapro/sys/pix/bg_tab.gif") repeat-x;
	font: normal 12px Arial, sans-serif;
	width: 888px;
	height: 127px;

}

.tabsContent span {
	display: block;
	padding: 30px;
}

.tabsContent h4 {
	margin: 0px;
	padding: 40px 0px 0px 40px;
	height: 60px;
	font: bold 16px Arial, sans-serif;
	color: #4B4B4B;
	text-align: left;
}

.tabsContent h5 {
	margin: 0px;
	padding: 30px 30px 0px 30px;	
	height: 20px;
	font: bold 12px Arial, sans-serif;
}

.tabsContent ul {
	margin: 0px;
	padding: 30px 30px 10px 30px;
	height: 60px;
}

.tabsContent ul.listSub {
	margin: 0px;
	padding: 0px 30px 10px 30px;
	height: 40px;
}

.tabsContent ul li {
	margin: 0px;
	padding: 0px 0px 5px 10px;
	list-style-type: none;
	background: url("/comapro/sys/pix/ico_bullet.gif") no-repeat 0px 6px;
}

.tabsContent ul.listSub li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 10px;
	list-style-type: none;
	background: url("/comapro/sys/pix/ico_bullet.gif") no-repeat 0px 6px;
}

.tabsContent p {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	font: bold 14px Arial, sans-serif;
	text-align: right;
}

.tabsContent p a {
	background: url("/comapro/sys/pix/ico_arrow.gif") no-repeat 100% 3px;
	color: #084F86;
	display: block;
	padding: 0px 25px 0px 0px;
}





.tabBeginLo {
	display: block;
	width: 148px;
	height: 22px;
	overflow: hidden;
	background: url("/comapro/sys/pix/tab_begin_lo.gif") no-repeat;
}

.tabBeginHi {
	display: block;
	width: 148px;
	height: 22px;
	overflow: hidden;
	background: url("/comapro/sys/pix/tab_begin_hi.gif") no-repeat;
}

.tabMidLo {
	width: 148px;
	background: url("/comapro/sys/pix/tab_mid_lo.gif") repeat-x;
}

.tabMidHi {
	width: 148px;
	background-color: #FFFFFF;
}

.tabEndLo {
	width: 148px;
	background: url("/comapro/sys/pix/tab_end_lo.gif") no-repeat 100% 100%;
}

.tabEndHi {
	width: 148px;
	background: url("/comapro/sys/pix/tab_end_hi.gif") no-repeat 100% 100%;
}

.tabs table td.tabBeginHi a,
.tabs table td.tabMidHi a,
.tabs table td.tabEndHi a {
	color: #333333;
}





.boxContent {
	background: url("/comapro/sys/pix/bg_sub.gif") no-repeat;
	background-color: #FFFFFF;
	text-align: left;
	padding: 27px 0px 0px 63px;
}

.boxContent h1 {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	font: normal 26px Arial, sans-serif;
}

.contentMood {
	width: 778px;
	border-top: 1px solid #A2AAB7;
	border-bottom: 1px solid #A2AAB7;
	margin: 0px 0px 17px 0px;
}

.contentMood span {
	display: block;
	height: 198px;
	border-left: 1px solid #A2AAB7;
	border-right: 1px solid #A2AAB7;
}

.mood1 { background: url("/comapro/sys/pix/mood_sub/lighthouse.jpg") no-repeat 1px 0px; }
.mood2 { background: url("/comapro/sys/pix/mood_sub/leaves.jpg") no-repeat 1px 0px; }
.mood3 { background: url("/comapro/sys/pix/mood_sub/calculator.jpg") no-repeat 1px 0px; }
.mood4 { background: url("/comapro/sys/pix/mood_sub/strings.jpg") no-repeat 1px 0px; }
.mood5 { background: url("/comapro/sys/pix/mood_sub/mountains.jpg") no-repeat 1px 0px; }
.mood6 { background: url("/comapro/sys/pix/mood_sub/leaves.jpg") no-repeat 1px 0px; }
.moodNeutral { background: url("/comapro/sys/pix/mood_sub/leaves.jpg") no-repeat 1px 0px; }



.contentWin {
	width: 776px;
	margin: 0px 0px 17px 0px;
	border: 1px solid #A2AAB7;
}

.contentWin h4 {
	margin: 0px 0px 19px 0px;
	padding: 0px 50px 0px 5px;
	background: url("/comapro/sys/pix/bg_window_head.gif") repeat-x;
	border-bottom: 1px solid #A2AAB7;
	font: bold 12px Arial, sans-serif;
	line-height: 20px;
}

.contentWin h5 {
	margin: 0px;
	padding: 0px 50px 5px 17px;
	font: bold 14px Arial, sans-serif;
}

.contentWin p {
	margin: 0px;
	padding: 0px 50px 17px 17px;
	font: normal 12px Arial, sans-serif;
}

.contentWin ul {
	margin: 0px;
	padding: 0px 50px 17px 20px;
}

.contentWin ul ul {
	margin: 0px;
	padding: 0px 0px 0px 8px;
}

.contentWin ul li {
	margin: 0px;
	padding: 0px 0px 0px 8px;
	list-style-type: none;
	background: url("/comapro/sys/pix/ico_bullet.gif") no-repeat 0px 6px;
	font: normal 12px Arial, sans-serif;
}

.contentWin .image {

	margin: 0px 50px 17px 17px;
	text-align: left;
}

.contentWin .image p {
	font: normal 10px Arial, sans-serif;
	margin: 0px;
	padding: 3px 0px 0px 0px;
	width: 250px;
	color: #909090;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.contentWin a {
	color: #084F86;
	text-decoration: none;
}

.contentWin a:hover {
	text-decoration: underline;
}



.contentWinColumn {
	width: 385px;
	float: left;
}

.contentWinClear {
	clear: both;
}



a.downloadPDF {
	display: block;
	background: url("/comapro/sys/pix/ico_pdf.gif") no-repeat;
	line-height: 32px;
	padding: 0px 0px 0px 40px;
}

a.downloadNetViewer {
	display: block;
	background: url("/comapro/sys/pix/ico_netviewer.gif") no-repeat;
	line-height: 32px;
	padding: 0px 0px 0px 40px;
}



.boxAddress {
	background-color: #084F86;
	color: #FFFFFF;
	text-align: left;
	font: normal 10px Arial, sans-serif;
	width: 930px;
	height: 20px;
}

.boxAddress .imprint {
	display: block;
	width: 680px;
	padding: 3px 0px 0px 0px;
	float: left;
}

.boxAddress .imprint a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}

.boxAddress .imprint a.first {
	padding: 0px 5px 0px 40px;
}

.boxAddress .nav {
	display: block;
	width: 250px;
	padding: 3px 0px 0px 0px;
	float: left;
}

.boxAddress .nav a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
}




.error {
	font: normal 11px Arial, sans-serif;
	color: #FF0000;
}

.formLogin {
	margin: 0px;
	padding: 0px 0px 20px 17px;
	display: block;
}

.formLogin table {
	border-collapse: collapse;
}

.formLogin table td {
	padding: 0px 0px 10px 10px;
	font: normal 12px Arial, sans-serif;
}