/*content.css - platform wide content style*/

body { font-family:arial,verdana,helvetica,sans-serif; }

/******** Fonts ****************************************************************/
td.headlinestandard h1 { text-transform:uppercase; }
h1,h2 {  background-color:transparent; color:#000099; font-size:16px; font-weight:normal; text-align:left; display:inline; line-height:25px; vertical-align:center; }
h2 { font-size:14px; line-height:20px; }
p,ol,ul { font-size:12px; color:#333333; }
p.white { font-size:10px; color:#FFFFFF; line-height:16px;}
p.darkgrey { font-size:11px; color:#333333; line-height:16px;}


/* --------------------------------------------------------------------------------- */
/* Format for wbt-content ---------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

/*************** Structure **********************************/
div.pictureleft {		
		position:absolute;
		top:0px;
		width:307px; 
		height:400px;
		padding:0px;
		margin:0px;
		z-index:1;
/*  border:1px solid red;*/
}
div.textright {
		position:absolute;
		top:30px; 
		left:365px;
		width:393px;
		height:370px;
		padding:0px; 
		margin:0px;
		overflow:auto; 
		z-index:2;
/*  border:1px solid red;*/
}

div.metapages { margin:10px 186px 10px 132px; padding:0px; background-color:transparent; }


/* begin mw28*/
td.td_pictureLeft {
		width:311px; 
		height:406px;
		padding:0px;
		vertical-align:middle;
}


td.td_textRight {
	padding:0px; height:406px; width:469px;
	color:#000066;
	font-size:12px;
}

td.middleRow_right table.table_CaptainRight td.td_textCaptainRight {
	width:100%; padding:15px; vertical-align:top; color:#FF0000; font-size:12px;
}

td.middleRow_right table.table_CaptainRight td.td_textCaptainRight ul.ul_textCaptainRight li {
	color:#FF0000; margin-left:20px;
}

table.table_textRight {
	width:100%; height:100%;
}

td.td_textRight table.table_textRight td.topRow_left {
	height:30px; width:58px;
}

td.td_textRight table.table_textRIght td.topRow_right {
	height:30px; width:auto;
}

td.td_textRight table.table_textRight td.middleRow_left {
	height:30px; height:361px;
	color:#000066;
}

td.td_textRight table.table_textRight td.middleRow_right {
	height:361px; vertical-align:top;
}

td.middleRow_right div.middleRow_right1 {
	background-color:white; width:100%; height:361px; overflow:auto;
	vertical-align:top;
	color:#000066;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
}

td.middleRow_right div.middleRow_right2 {
	background-color:white; width:95%; height:auto; padding:0px 0px 10px 0px; overflow:none;
	vertical-align:top;
	color:#000066;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
}

div.middleRow_right1, div.middleRow_right2, div.middleRow_right2 ul li, div.middleRow_right2 table tr td {
	color:#000066;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif;
}

div.middleRow_right2 ul {
	line-height:16px; padding:0px; margin:0px;
}

div.middleRow_right2 a, div.middleRow_right2 a:link { color:#FF6600 !important; background-color:transparent; text-decoration:underline; font-size:12px; }
div.middleRow_right2 a:hover, div.middleRow_right2 a:active, div.middleRow_right2 a:focus { color:#FF6600; background-color:transparent; }
div.middleRow_right2 a:visited { color:#CC0000; background-color:transparent; }

td.td_textRight div p {
	line-height:16px; margin:0px 0px 20px 0px;
	padding:0px;
}

td.td_textRight h4.strong {
	font-weight:bold;
	padding:0px; margin:0px 0px 2px 0px;
	font-size:12px;
	padding:0px 0px 0px 0px;
	color:#000066; 
}
/* end mw28*/


/*************** Font styles *****************************/
/* font family */
body.lesson_interface, body.lesson_interface p, body.lesson_interface li { font-family: Arial,Helvetica,sans-serif; font-size:12px; }

/* font size */
body.lesson_interface h1, body.lesson_interface h2 { font-size:11px; }
body.lesson_interface div.inhalt_level1 { font-size:14px; } 
body.lesson_interface .pageinfo, body.lesson_interface table { font-size:12px; }

/* font color & background color */
body.lesson_interface h1, body.lesson_interface h2 { color:#FFFFFF; background-color:#E75200; }
body.lesson_interface p, body.lesson_interface ul, body.lesson_interface table { color:#000066; background-color:transparent; }
body.lesson_interface a, body.lesson_interface a:link, body.lesson_interface a:hover, body.lesson_interface a:active, body.lesson_interface a:focus { color:#FF6600; background-color:transparent; }

a.currentNavigationItem { color:111565 !important; background-color:#E75200 !important;}

body.lesson_interface a:visited { color:#CC0000; background-color:transparent; }
body.lesson_interface .linklexikon { color:#3399FF; text-decoration:none; }
body.lesson_interface .linkmediathek { color:#FDAD01; text-decoration:none; }
body.lesson_interface .linklinkothek { color:#E75200; text-decoration:none; }
body.lesson_interface .linkfaq { color:#CC0099; text-decoration:none; }
body.lesson_interface .pageinfo { color:#FFFFFF; background-color:transparent; }
body.lesson_interface .progressinfo { background-color:#FFFFFF; border-width:1px; border-style:solid; border-color:#FFFFFF; }


/* font decorations */
body.lesson_interface { text-decoration:none;  }
body.lesson_interface h1,body.lesson_interface h2 { font-weight:bold; }
div.inhalt_level1 { font-weight:normal; } 

/* font alignment, spacing & line-height */
body.lesson_interface h1, body.lesson_interface h2 {  line-height:19px; text-align:right; vertical-align:center; padding:0px 11px 0px 25px; margin:0px 0px 1px 0px; }
body.lesson_interface p, body.lesson_interface ul { line-height:16px; padding:0px; margin:0px; }
body.lesson_interface span, body.lesson_interface div { line-height:16px;  }
body.lesson_interface p.brbr { margin:0px 0px 0px 0px; padding:1px 0px 0px 13px; }
body.lesson_interface .pageinfo { line-height:14px; margin:0px 9px 0px 4px; } 
body.lesson_interface .progressinfo { width:100px; display:block; margin:4px 0px 0px 0px; }
div.inhalt_level1 { text-align:left; display:block; } 
div.inhalt_level2 { display:block; margin:0px 0px 0px 15px; font-size:12px; } 


body.lesson_interface img.iconkurs { padding:5px; border-style:none; }
body.lesson_interface img.progressimage { width:0px; height:5px; border-width:0px; }



/*************** Begin WBT - Hapag Llyood **********************************/
/* begin mw28*/
div.headlinestandard {
		position:absolute; top:28px; left: 65px;
		width:290px;
		z-index:3;
}

*html div.headlinestandard {
	position:absolute; top:28px; left: 65px;
}

div.Headline2Rows { 
	position:absolute; top:8px; left: 65px;
	width:290px;
}

*html div.Headline2Rows {
	position:absolute; top:9px; left: 65px;
}


div.headline2rows tr.text td {
	white-space:nowrap;
	padding: 0px 2px 0px 2px;
}

div.headline2rows tr.empty td {
	height:6px;
	padding: 0px 2px 0px 2px; 
}

div.headline2rows tr.text td.sequenceNumber { 
	text-align:right; width:26px;
}


div.headline2rows tr.empty td {font-size:0px; line-height:0px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }


/* end mw28*/

/*************** Font styles *****************************/
div.headline2rows tr.text td, div.headline2rows tr.empty td { color:#FFFFFF; }

div.headline2rows tr.text td, div.headline2rows tr.empty td  {
	font-size:11px; font-weight:bold; text-align:left; vertical-align:middle;
}

div.headline2rows tr.text td { background-color:#E75200; padding:1px;}


/************* info icon positions **************************/
div.infoimage { position: absolute; width: 20px; } /* use this class in every div */
div.info_largeimage_bottom { top: 385px; left: 286px; }
div.info_halfimage_first { top: 177px; left: 284px; }
div.info_halfimage_second { top: 380px; left: 284px; }
div.info_smallimage_center { top:276px; left: 284px; }
div.info_tinyimage_center { top:227px; left: 284px; }

/* dirty hack IE */
*html div.info_largeimage_bottom { top: 385px; left: 286px; }
*html div.info_halfimage_first { top: 177px; left: 284px; }
*html div.info_halfimage_second { top: 380px; left: 284px; }
*html div.info_smallimage_center { top:276px; left: 284px; }
*html div.info_tinyimage_center { top:227px; left: 284px; }

/*************** End WBT - Hapag Llyood **********************************/