.colFG {
	color: #F4BF05;
}

.colBG {
	background-color: #F4BF05;
}

div {
	border: 0px solid #dd0000;
}

body {
	position: absolute;
	color: #ffffff;
	font: 11px verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #000000;
	overflow: auto;
	
}

img, object, table, form {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
}

input, textarea {

	font: 11px verdana, arial, helvetica, sans-serif;
	border: 0;
	margin: 0;
	padding: 2px;
}


p {
	display: block;
	margin: 0 0 6px 0;
	padding: 0;
}

.error {
	display: inline;
	color: #ffffff;
	background-color: #970D0B;
}

.errorStrong {
	display: block;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #ffffff;
	background-color: #970D0B;
}

.floatOff {
	float: none;
	clear: both;
}

.w50 {
	width: 50px;
}

.w75 {
	width: 75px;
}

.w100 {
	width: 100px;
}

.w120 {
	width: 120px;
}

.w150 {
	width: 150px;
}

.w175 {
	width: 175px;
}

.w200 {
	width: 200px;
}

.w275 {
	width: 275px;
}

.noMargin {
	margin: 0;
	padding: 0;
}

.table {
	display: block;
	position: relative;
	border: 1px solid #0000dd;
	margin: 0;
	padding: 0;
}

.row {
	display: block;
	position: relative;
	border: 1px solid #00dd00;
	margin: 0;
	padding: 0;
}

.cell1 {
	display: block;
	position: relative;
	width: 80px;
	border: 1px solid #0000dd;
	vertical-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

.cell2 {
	display: block;
	position: relative;
	width: 80px;
	border: 1px solid #0000dd;
	vertical-align: center;
	margin: 0;
	padding: 0;	
}


.centerV {

	vertical-align: middle;
}


.wFull {
	width: 100%;
}

.posLeft {
	text-align: left;
	float: left;
}

.pos150 {
	position: relative;
	left: 10px;
}

.posRight {
	text-align: right;
}

.block {
	display: block;
	position: relative;
	border: 1px solid #dd0000;
	padding: 0;
	margin: 0;
}

.small {
	font-size: 10px;
	line-height: 13px;
}

.normal {
	font-size: 11px;
}

/* <hr> Klassen */

.lineHigh {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #333333;
}

.lineLow {
	display: block;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #ffffff;
}

/* Groesse der Hauptbereiche */

#areaStage {
	display: block;
	position: relative;
	width: 1000px;
	height: 595px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-align: left;
}

#areaNav {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 140px;
	height: 100%;
	float: left;

	/* Default-Werte, wenn kein Skin definiert wird */
	/*
	background: url(../_images/bg_fade_red.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	*/
	
	background-color: #575A58;
}

#areaLeft {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 315px;
	height: 100%;
	color: #000000;
	background-color: #cccccc;
	float: left;
}

#areaLeft2Col {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 625px;
	height: 100%;
	background-color: #000000;
	float: left;
}


#areaMid {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 310px;
	height: 100%;
	background-color: #5A5959;
	float: left;
}

#areaMid .info {
    position: absolute;
    font-size: 10px;
    left: 0;
    top: 170px;
}

#areaMid2Col {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 515px;
	height: 100%;
	background-color: #000000;

	background: url(../_images/bg_fade_dark.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #000000;
	
	float: left;
}

#areaRight {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 205px;
	height: 100%;
	background: url(../_images/bg_fade_gray.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #989898;
	float: left;
}


/*	Sub-Bereiche und Positionen */

#rowohltLogo {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 140px;
	height: 60px;

	/* Default-Werte */	
	/*
	background: url(../_images/logo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	*/
}

#navMain {
	display: block;
	position: absolute;
	top: 110px;
	left: 0;
	width: 100%;
}

#navSub {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}


#wwwAmLit {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 25px;
	height: 220px;

	/* Default-Werte */
	/*
	background: url(../_images/am_lit.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	*/
}


/*	areaLeft	*/

#areaLeft .header {
	display: block;
	position: absolute;
	left: 20px;
	top: 20px;
}

#areaLeft .pullDown {
	display: inline;

	/* Safari ignoriert alles ausser der Breite! */
	/* font-family: times, verdana, arial, helvetica, sans-serif; */
	font-size: 11px;
	font-weight: bold;
	width: 245px;
	margin: 0;
	
	/* "padding" und "height" werden nur von Mozilla verarbeitet */
	padding: 0 0 0 20px;
}

#areaLeft .content {
	display: block;
	position: absolute;
	left: 0;
	top: 85px;
	width: 100%;
	height: 480px;
}

#areaLeft .contentFlash {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #000000;
}

#areaLeft .margin {
	display: block;
	position: absolute;
	left: 20px;
	top: 0px;
	width: 275px;
	height: 480px;
}

#areaLeft h1 {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

#areaLeft .book {
	margin-bottom: 10px;
}

#areaLeft .book h1 {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}

#areaLeft .book h2 {
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}

#areaLeft .book h3 {
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}




/*	areaMid	*/

#areaMid .header {
	display: block;
	position: absolute;
	left: 20px;
	top: 40px;
}

#areaMid .content {
	display: block;
	position: absolute;
	left: 0;
	top: 85px;
	width: 100%;
	height: 480px;
}

#areaMid .margin {
	display: block;
	position: absolute;
	left: 20px;
	top: 0px;
	width: 275px;
	height: 500px;
}

#areaMid .image {
	display: block;
	top: 0;
	left: 0;
	margin-bottom: 15px;
	width: 135px;
	height: 210px;
}

#areaMid .functions {
	display: block;
	position: absolute;
	top: 0;
	left: 155px;
}

#areaMid h1 {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#areaMid h2 {
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#areaMid p {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#areaMid .formNormal input,
#areaMid .formNormal textarea {
	margin: 2px 0 10px 0;
}

#areaMid .formTable input,
#areaMid .formTable textarea {
	display: inline;
	margin: 2px 0 2px 0;
}

#areaMid .pullDown {
	display: inline;

	/* Safari ignoriert alles ausser der Breite! */
	/* font-family: times, verdana, arial, helvetica, sans-serif; */
	font-size: 11px;
	font-weight: bold;
	width: 275px;
	margin: 0;
	
	/* "padding" und "height" werden nur von Mozilla verarbeitet */
	padding: 0;
}

#areaMid .read {
	display: block;
	width: 100%;
	height: 272px;

}

#areaMid2Col .header {
	display: block;
	position: absolute;
	top: 0;
	left: 80px;
}

#areaMid2Col .content {
	display: block;
	position: absolute;
	top: 135px;
	left: 80px;
	width: 335px;
}

#areaMid2Col ul {
	list-style-type: disc;
	padding-left: 15px;
	margin: 0;
	font-weight: bold;
}

#areaMid2Col li {	
	padding: 0;
	margin-bottom: 10px;
}

/*	areaRight	*/

#areaRight .content {
	display: block;
	position: relative;
	left: 0;
	top: 85px;
	width: 100%
	height: 480px;
}

#areaRight .margin {
	display: block;
	position: absolute;
	left: 35px;
	top: 0px;
	width: 165px;
	height: 480px;
}

#areaRight .read {
    display: block;
    width: 100%;
    height: 250px;
}

#areaRight .marginSmall {
	display: block;
	position: absolute;
	left: 20px;
	top: 0px;
	width: 180px;
	height: 480px;
}

#areaRight .image {
	display: block;
	top: 0;
	left: 0;
	margin-bottom: 10px;
	width: 170px;
}

#areaRight h1 {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}

#areaRight h2 {
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}

#areaRight h3 {
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#areaRight .header {
	display: block;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#areaRight p {
	display: block;
	font-size: 10px;
	color: #ffffff;
	padding: 0;
	margin: 0;
}



.scroll {
	overflow: auto;
}

/* Pfeildefinitionen */

#arrowGray {
	display: block;
	position: absolute;
	top: 0;
	left: 455px;
	z-index: 20;
}

#arrowGray .left {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 310px;
	height: 20px;
	background: url(../_images/arrow_gray_left.gif);
	background-position: 0px 0px;
	background-repeat: repeat-X;
}

#arrowGray .right {
	display: block;
	position: absolute;
	top: 0;
	left: 310px;
	width: 205px;
	height: 20px;
	z-index: 11;
	background: url(../_images/arrow_gray_left.gif);
	background-position: 0px 0px;
	background-repeat: repeat-X;
}

#arrowGray .arrow {
	display: block;
	position: absolute;
	top: 0;
	left: 485px;
	z-index: 12;
	width: 60px;
	height: 280px;
	background: url(../_images/arrow_gray_arrow.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#arrowGray .hl {
	display: block;
	position: absolute;
	top: 0;
	left: 310px;
	z-index: 15;
}


#arrowGray .textWhatsNext {
	width: 235px;
	height: 45px;
	background: url(../_images/arrow_txt_whatsnext.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#arrowGray .textAutor {
	width: 235px;
	height: 45px;
	background: url(../_images/arrow_txt_author.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#arrowGray .textTopAct {
	width: 235px;
	height: 45px;
	background: url(../_images/arrow_txt_topact.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#arrowGray .textSpotlight {
	width: 235px;
	height: 45px;
	background: url(../_images/arrow_txt_spotlight.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#arrowCol {
	display: block;
	position: absolute;
	top: 0;
	left: 455px;
	z-index: 30;
}

#arrowCol .left {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 310px;
	height: 20px;
	/*
	background: url(../_images/arrow_col_left.gif);
	background-position: 0px 0px;
	background-repeat: repeat-X;
	*/
}

#arrowCol .arrow {
	display: block;
	position: absolute;
	top: 0;
	left: 280px;
	z-index: 11;
	width: 60px;
	height: 150px;
	/*
	background: url(../_images/arrow_col_arrow.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	*/
}

#arrowCol .hl {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
}

#arrowCol .textWhatsNew {
	width: 310px;
	height: 45px;
	/*
	background: url(../_images/at_whats_new_yellow.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	*/
}

#arrowCol .textReview {
	width: 310px;
	height: 45px;
	/*
	background: url(../_images/at_whats_new_yellow.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	*/
}



/*	Links */

/* navMain */

.navMainBtnSel,
.navMainBtn,
.navMainBtn:link,
.navMainBtn:visited {
	display: block;
	height: 18px;
	padding: 2px 2px 2px 15px;
	text-decoration: none;
	margin-top: 1px;
	color: #ffffff;
	
	/* Default-Werte */
	/*
	background: url(../_images/www.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	*/
	background-color: #988436;
}

html>body .navMainBtnSel,
html>body .navMainBtn,
html>body .navMainBtn:link,
html>body .navMainBtn:visited {
	height: 14px;
}

.navMainBtnSel,
.navMainBtn:hover,
.navMainBtn:active {
	/*
	background: url(../_images/www_hl.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	*/
	color: #000000;
	background-color: #ffffff;
}

/* navSub */

.navSubBtnSel,
.navSubBtn,
.navSubBtn:link,
.navSubBtn:visited {
	display: block;
	height: 18px;
	padding: 2px 2px 2px 15px;
	color: #000000;
	background-color: #787979;
	text-decoration: none;
	margin-top: 1px;
}

html>body .navSubBtnSel,
html>body .navSubBtn,
html>body .navSubBtn:link,
html>body .navSubBtn:visited {
	height: 14px;
}

.navSubBtnSel,
.navSubBtn:hover,
.navSubBtn:active {
	color: #000000;
	background-color: #ffffff;
}

.authorsListSel,
.authorsList,
.authorsList:link,
.authorsList:visited {
	display: block;
	margin-left: 25px;
	padding: 0;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	text-decoration: none;
}


.authorsListSel,
.authorsList:hover,
.authorsList:active {
	background-color: #ffffff;	
}

.linkPDF,
.linkPDF:link,
.linkPDF:visited {
	color: #ffffff;
	text-decoration:none;
	font-weight: bold;
	padding: 0px 20px 0px 0px;
	margin-right: 5px;
	background: url(../_images/symbPDF.gif);
	background-repeat:no-repeat;
	background-position: right;
	background-color: #999999;
}

.linkPDF:hover,
.linkPDF:active {
	color: #000000;
	background-color: #ffffff;
}

.linkHLSel,
.linkHL,
.linkHL:link,
.linkHL:visited {
	margin: 0;
	padding: 0 1px 0 1px;
	font-weight: bold;
	color: #ffffff;
	background-color: #999999;
	text-decoration: none;
}

.linkHLSel,
.linkHL:hover,
.linkHL:active {
	color: #000000;
	background-color: #ffffff;
}

.linkHome,
.linkHome:link,
.linkHome:visited {

	display: block;
	margin: 0;
	padding-top: 10px;
	width: 350px;
	font-size: 11px;
	font-weight: bold;
	color: #C6A626;
	text-decoration: none;
	/* Default-Werte */
	/*
	background: url(../_images/arrow_home.gif);
	background-position: 285px 0px;
	background-repeat: no-repeat;
	*/
}

.linkHome:hover,
.linkHome:active {
	color: #ffffff;
	/* Default-Werte */
	/*
	background: url(../_images/arrow_home_hl.gif);
	background-position: 285px 0px;
	background-repeat: no-repeat;
	*/
}

.metaSel,
.meta,
.meta:link,
.meta:visited {
	display: block;
	padding:1px 5px 1px 15px;
	width: 120px;
	height: 10px;
	font-size: 10px;
	margin-top: 1px;
	color: #ffffff;
	text-decoration: none;
	background: url(../_images/arrow_small_white.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

html>body .metaSel,
html>body .meta,
html>body .meta:link,
html>body .meta:visited {
	width: 100px;
	height: 13px;
}

.metaSel,
.meta:hover,
.meta:active {
	color: #000000;
	background: url(../_images/arrow_small_black.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
	background-color: #ffffff;
}





/*	----------	*/







/*	----------	*/

/* Buchstaben-Liste */

.charBlock {
	display: block;
	position: relative;
	padding: 0px 0 6px 0;
	background-position: 10px 10px;
}

.charA {
	background: url(../_images/_chars/char_a.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charB {
	background: url(../_images/_chars/char_b.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charC {
	background: url(../_images/_chars/char_c.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charD {
	background: url(../_images/_chars/char_d.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charE {
	background: url(../_images/_chars/char_e.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charF {
	background: url(../_images/_chars/char_f.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charG {
	background: url(../_images/_chars/char_g.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charH {
	background: url(../_images/_chars/char_h.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charI {
	background: url(../_images/_chars/char_i.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charJ {
	background: url(../_images/_chars/char_j.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charK {
	background: url(../_images/_chars/char_k.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charL {
	background: url(../_images/_chars/char_l.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charM {
	background: url(../_images/_chars/char_m.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charN {
	background: url(../_images/_chars/char_n.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charO {
	background: url(../_images/_chars/char_o.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charP {
	background: url(../_images/_chars/char_p.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charQ {
	background: url(../_images/_chars/char_q.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charR {
	background: url(../_images/_chars/char_r.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charS {
	background: url(../_images/_chars/char_s.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charT {
	background: url(../_images/_chars/char_t.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charU {
	background: url(../_images/_chars/char_u.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charV {
	background: url(../_images/_chars/char_v.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charW {
	background: url(../_images/_chars/char_w.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charX {
	background: url(../_images/_chars/char_x.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charY {
	background: url(../_images/_chars/char_y.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.charZ {
	background: url(../_images/_chars/char_z.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

/* Teaser-Block */

#areaMid .teaser {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

#areaMid .teaser .part1 {
	display: block;
	height: 10px;
	background: url(../_images/border1_1.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

#areaMid .teaser .part2 {
	display: block;
	background: url(../_images/border1_2.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	padding: 0;
	margin: 0;
	padding-left: 15px;
	padding-right: 5px;
}

#areaMid .teaser .part3 {
	display: block;
	height: 10px;
	background: url(../_images/border1_3.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
}

#areaMid .teaser h1 {
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 2px;
}

#areaMid .teaser h2 {
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#areaMid .teaser h3 {
	display: block;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#areaMid .teaser .head {
	display: block;
	margin-bottom: 5px;
}

#areaMid .teaser p {
	display: block;
	font-size: 10px;
	color: #ffffff;
	padding: 0;
	margin: 0;
}