@import url('./cognis_navigation.css');

br.clear {
	clear: both;
}

hr {
	height: 1px;
	color: #A3A3A3;
	background: #A3A3A3;
	border: none;
}

body {
	font-family: arial;
	/* MCCM change of font-size from 10px to 11px - 09/05/07 */
	/*071105_PM: Größe von 11 auf 12px geändert*/
	font-size: 12px;
	/* end of change */
	color: #000099;
	/* MCCM: change of background color into white - 09/11/07
	background: #DCDDDE; */
	background-color: #fff;
	margin: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

a:link, a:hover, a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #000099;
}

a:hover {
	text-decoration: underline;
}

a.marked, a.bmarked {
	/* MCCM change of padding left from 13px to 10px - */
	padding: 0px 0px 0px 10px;
	/* end of change */
	background: url('/cogcom/img/prefix_arrow.gif') no-repeat top left;
}

a.bmarked {
	display: block;
}

input, select, textarea {
	/* MCCM change of font-size from 10px to 11px - 09/05/07 */
	font-size: 11px;
	/* end of change */
	border-top: 2px solid #C6DBF0;
	border-left: 2px solid #C6DBF0;
	border-right: 2px solid #EBEAE9;
	border-bottom: 2px solid #EBEAE9;
}

ul, ol {
	list-style-position: outside;
}

sup {
  line-height:10px;
  font-size: 90%;
}

#master {
	background: #fff;
	width: 970px;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 96px;
	width: 970px;
	background: #fff;
	border-bottom: solid 1px #000099;
	z-index: 2;
}

#headergadget {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 740px;
	height: 60px;
	border: none;
	border-bottom: solid 1px #000099;
	background: #fff url('/cogcom/img/headergadget.gif') no-repeat;
}

#metanavigation {
	position: absolute;
	text-align: right;
	top: 13px;
	right: 32px;
	/* MCCM change of font-size from 9px to 11px - 09/07/07*/
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#metanavigation li {
	margin: 0px 0px 2px;
}

#headernavigation {
	position: absolute;
	/* MCCM change of font-size from 10px to 11px - 09/05/07*/
	font-size: 11px;
	/* end of change */
	font-weight: normal;
	bottom: 0px;
	left: 230px;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
	list-style-type: none;
	border-left: solid 1px #000099;
}

#headernavigation li.master {
	cursor: pointer;
	position: relative;
	float: left;
	width: auto;
	padding: 3px 7px 2px;
	border-right: solid 1px #000099;
}

#headernavigation li.active {
	cursor: pointer;
	background: #000099;
	color: #fff;
}

ul.headermenu {
	position: absolute;
	list-style-type: none;
	display: none;
}

ul.headermenu_open {
	position: absolute;
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
	background: #fff;
	border-top: solid 1px #000099;
}

ul.headermenu_open li {
	cursor: pointer;
	/* MCCM change of color - 09/03/07
	color: #626060; */
	color: #545454;
	/* end of change */
	margin: 0px;
	padding: 4px 7px;
	border-bottom: solid 1px #EBEAE9;
	border-left: solid 1px #EBEAE9;
	border-right: solid 1px #EBEAE9;
}

ul.headermenu_open li a:link,
ul.headermenu_open li a:visited,
ul.headermenu_open li a:focus,
ul.headermenu_open li a:hover,
ul.headermenu_open li a:active {
	cursor: pointer;
	/* MCCM change of color - 09/03/07
	color: #626060; */
	color: #545454;
	/* end of change */
	font-weight: normal;
	line-height: 9px;
}

ul.headermenu_open li a:hover {
	color: #000099;
	/* MCCM: change of font-weight to normal - 09/11/07 
	font-weight: bold; */
	font-weight: normal;
	text-decoration: none;
	line-height: 9px;
}

#cognislogo {
	position: absolute;
	border: none;
	left: 17px;
	top: 17px;
	width: 183px;
}

#mainarea {
	margin-top: 97px;
	z-index: 1;
}

div.areacolumn {
	position: relative;
	float: left;
}

#leftarea {
	width: 213px;
	margin-top: 0px;
	padding-top: 34px;
	margin-right: 17px;
}

div.companynews {
	margin-bottom: 17px;
	font-family: Arial;
	/* MCCM change of font-size from 9px to 11px - 09/05/07 */
	font-size: 11px;
	/* end of change */
	/* MCCM change of color - 09/03/07
	color: #626060; */
	color: #545454;
	/* end of change */
}

div.companynews h1 {
	padding: 12px 0px 10px 17px;
	font-family: Arial;
	font-size: 12px;
	color: #000099;
	margin: 12px 0px 10px;
	text-transform: uppercase;
	border-top: solid 1px #a3a3a3;
	border-bottom: solid 1px #a3a3a3;
}

div.companynews div.newsblock {
	padding: 7px 0px 17px 17px;
	border-bottom: solid 1px #a3a3a3;
}

div.companynews h2 {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	/* MCCM change of color - 09/03/07
	color: #626060; */
	color: #545454;
	/* end of change */
	margin: 0px;
}

div.companynews p {
	margin: 7px 0px 17px;
}

/*
		Content
 */
#contentarea {
	width: 520px;
	margin-top: 34px;
	/* MCCM: more margin to keep footer on distance - 09/21/07 */
	margin-bottom: 15px;
	background: #fff;
	border-top: solid 1px #A3A3A3;
}

/* MCCM: integration of new line-height - 09/14/07 */
/* 071107_PM: line-height: von 13 auf 15 geändert*/
#contentarea div.copytext p, #contentarea div.copytext_noborder p {
	line-height: 15px;
}

#contentarea {
	/* MCCM change of color - 09/03/07
	color: #626060; */
	color: #545454;
	/* end of change */
}

#contentarea ul, #contentarea ol {
	list-style-position: outside;
	padding: 0px;
	margin: -8px 0px 8px;
}

#contentarea ul {
	list-style-type: square;
	list-style-image:url("/cogcom/img/hyphen.gif");
}

#contentarea ul li {
	margin-left: 16px;
	/* MCCM: new line-height - 09/14/07 */
	line-height: 14px;
}

#contentarea ol li {
	margin-left: 16px;
	/* MCCM: new line-height - 09/14/07 */
	line-height: 14px;
}

/* MCCM change to fix height position of link text with sup elements included */
#contentarea sup {
	vertical-align: 25%;
}
/* end of change */

/* MCCM: new noborder classes added because of 
horizontal line elements in template 3_1 - 09/07/07 */
div.copytext h1.headline_big, div.copytext_noborder h1.headline_big,
div.gallblckportrait h1.headline_big,
div.iframeheader h1.headline_big {
	font-size: 18px;
	font-weight: normal;
	color: #000;
	line-height: 22px;
	margin: 18px 0px 12px;
}

div.copytext p {
	margin: 0px 0px 12px;
	padding: 0px;
}

/* MCCM: Correction of images within Content */
div.copytext img.image {
	float: right;
	/* MCCM: making portrait image fully flexible in terms of width and height - 09/21/07 
	width: 128px;
	height: 300px; */
	border: none;
	/* MCCM: addition of margin left - 09/11/07 */
	margin-left: 20px;
}

/* MCCM: Correction of images within Content */
div.copytext img.imageLeft {
	float: left;
	margin-right: 7px;
}

/* MCCM: new noborder classes added because of 
horizontal line elements in template 3_1 - 09/07/07 */
div.copytext_noborder h1.headline_small,
div.copytext h1.headline_small, 
div.copytext h1.headline_table,
div.twocolblock h1.headline_small,
div.gallblckportrait h1.headline_small,
/* MCCM: adding search template boxes - 09/14/07 */
div.simplesearch h1.headline_small,
div.advancedsearch h1.headline_small, 
div.pagesearch h1.headline_small {
	font-size: 13px;
	font-weight: normal;
	color: #000;
	margin: 0px 0px 4px;
	/* MCCM: new line-height - 09/14/07 */
	line-height: 15px;
}

div.copytext div.cbtext {
	float: left;
	/* MCCM change: new text block width because of 
	new alignement of text and image in template index_3_2 */
	width: 520px;
}

div.copytext div.cbimage {
	float: left;
	/* MCCM: delete of fixed width - 09/07/07 - 
	width: 128px; */
	margin-left: 20px;
}

/*
		Landscape Block
 */

div.landscapeblock {
	height: auto;
	/* MCCM delete of background - 09/07/07 - 
	background: #eee; */
	margin: 0px 0px 22px;
	padding: 0px;
}

div.landscapeblock img.image {
	/* MCCM: making landscape image fully flexible in terms of width and height - 09/21/07 
	width: 520px;
	height: auto; */
	border: none;
}

/*
		Defining a linklist
 */

#contentarea ul.linklist {
	list-style-type: none;
	list-style-image: none;
	margin: 0px 0px 10px;
	position: relative;
}

#contentarea ul.linklist li {
	margin: 0px 0px 2px;
	/* MCCM: fix of two line bullets - 09/11/07 */
	padding-left: 10px;
	background: url('/cogcom/img/prefix_arrow.gif') no-repeat top left;
	/* MCCM: new line-height - 09/14/07 */
	line-height: 14px;
	}

/* MCCM: fix of two line bullets - 09/11/07 
#contentarea ul.linklist a {
	display: inline;
	padding: 0px 0px 0px 10px;
	background: url('/cogcom/img/prefix_arrow.gif') no-repeat top left;
} */

#rightarea {
	width: 200px;
	margin-top: 34px;
	margin-left: 20px;
	/* MCCM_071107_PM: eingefügt, für leichtere Gesamtdefinition*/
	font-size: 11px;
}

#rightarea input,
#rightarea select,
#rightarea textarea {
	/* MCCM change of font-size from 9px to 11px - 09/05/07 
	font-size: 11px;*/
	/* MCCM: new color definition - 09/14/07 */
	color: #545454;
}

#rightarea h1.headline_box {
	/* MCCM change of color - 09/03/07
	color: #626060; */
	color: #545454;
	/* end of change */
}

#rightarea p {
	margin: 0px 0px 7px;
	padding: 0px;
	/* MCCM: additional font-size, color and line-height - 09/14/07 */
	color: #545454;
	line-height: 13px;
}

div.searchbox {
	padding-bottom: 17px;
}

/* MCCM: additional class for search submit button - 10/16/07 */
div.searchbox .searchsubmit {
	margin-left: 2px;
	height: 19px;
	width:25px;
	background: none;
	vertical-align: top;
	border: none;
}

/* MCCM: shorten search field for search submit button - 10/16/07 */
div.searchbox .searchfield {
	width: 130px;
}

#rightarea div.searchbox p {
	margin: 0px;
}

#rightarea ul.linklist {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	/* new */
	list-style-position: outside;
	/* MCCM: new line-height - 09/14/07 */
	line-height: 14px;
}

#rightarea ul.linklist li {
	margin: 0px 0px 2px;
	/* MCCM: fix of two line bullets - 09/11/07 */
	padding-left: 10px;
	background: url('/cogcom/img/prefix_arrow.gif') no-repeat top left;
	position: relative;
}

/* MCCM: fix of two line links - 09/11/07
#rightarea ul.linklist li a {
	display: inline; 
	padding: 0px 0px 0px 13px;
	background: url('/cogcom/img/prefix_arrow.gif') no-repeat top left;
} */

#rightarea h1 {
	/* MCCM change of font-size from 9px to 11px - 09/05/07 -
	UPDATE: change of font-size from 11px to 10px */
	/*071106_PM: Größe von 10 auf 11px geändert*/
	font-size: 11px;
	/* end of change */
	text-transform: uppercase;
}


/* MCCM: reposition of footer out of contentarea into master block - 09/17/07 */
#bottomnavi {
	margin-left: 230px;
	margin-top: 11px;
	padding-top: 6px;
	padding-bottom: 20px;
	padding-right: 55px;
	border-top: solid 1px #A3A3A3;
	width: 465px;
}

#bottomnavi a:link,
#bottomnavi a:hover,
#bottomnavi a:visited {
	font-size: 9px;
	/* MCCM change of color - 09/03/07
	color: #626060; */
	color: #545454;
	/* end of change */
}

#bottomnavi div.bottomnavileft {
	text-align: left;
	float: left;
	width: auto;
}

#bottomnavi div.bottomnavileft a:link,
#bottomnavi div.bottomnavileft a:visited {
	margin-right: 17px;
	padding-left: 17px;
	vertical-align: middle;
}

#lnkprint {
	background: url('/cogcom/img/lnkprint.gif') no-repeat left center;
}

#lnkemail {
	background: url('/cogcom/img/lnkemail.gif') no-repeat left center;
}

#lnkbookmark {
	background: url('/cogcom/img/lnkbookmark.gif') no-repeat left center;
}

#bottomnavi div.bottomnaviright {
	text-align: right;
	float: right;
	width: auto;
}

#bottomnavi div.bottomnaviright a:link,
#bottomnavi div.bottomnaviright a:visited {
	margin-left: 17px;
}


/* MCCM: no need for margin-left anymore 
div.searchbox a {
	margin-left: 5px;
}
*/

div.searchbox input {
	background: url('/cogcom/img/magnifier.gif') no-repeat center right #fff;
	margin: 0px 0px 11px;
	padding-right: 15px;
	width: 163px;
}

div.quickfinder {
	border-top: solid 1px #A3A3A3;
	padding: 0px 5px 10px;
}

div.quickfinder h1 {
	margin: 7px 0px;
}

div.quickfinder select {
	margin: 0px 0px 7px;
	width: 178px;
}

div.linkbox {
	/* MCCM change of color - 09/03/07
	color: #626060; */
	color: #545454;
	/* end of change */
	border-top: solid 1px #A3A3A3;
	padding: 0px 5px 10px;
}

div.linkbox h1 {
	margin: 7px 0px;
}

#dbgLog {
	position: absolute;
	top: 0px;
	right: 0px;
	overflow: auto;
	color: #9900ff;
	background: white;
	height: 200px;
}