/*	Generelle HTML-Vorgaben */

body, th, td {
	font: 10px verdana, arial, helvetica, sans-serif;
	color: #45423A;
}

body {
	position: absolute;
	
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

	margin: 0;
	padding: 0;
	color: #45423A;
	background-color: #AFA997;
	
	overflow: auto;
}

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

h1 {
    display: block;
    margin: 0;
    font: 28px times, serif;
    line-height: 1em;
    padding: 0 0 5px 0;
}

h2 {
	display: block;
	margin: 0;
	padding: 0;
	font: 24px times, serif;
	height: 34px;
}

h3 {
	display: block;
	margin: 0;
	padding: 0;
	font: 18px times, serif;
	height: 26px;
}


/* Hilfsklassen */

input, textarea {
	display: inline;
	font: 11px verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

.error {
	font-weight: bold;
	color: #970D0B;
}

.buttonToText {
	margin: 0;
	padding: 0;
	color: #970D0B;
	font: 10px verdana, arial, helvetica, sans-serif;
	background-color: #E9E1C9;
	border: 0;
}

.inputFld {

	font: 10px verdana, arial, helvetica, sans-serif;
	padding: 0 4px 0 4px;

	border-top: 1px solid #4E4E4E;
	border-left: 1px solid #4E4E4E;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}

.strong {
	font-weight: bold;
}


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

.block {
 	display: block;
 	border: 1px solid #0000dd;
}

.inline {
	display: inline;
}

noDist {
	padding: 0;
	margin: 0;
}

.row20 {
	display: inline;
	position: absolute;
	left: 20px;
	width: 200px;
 	border: 0px solid #0000dd;
}

.row25 {
	display: inline;
	position: absolute;
	left: 25px;
	width: 200px;
 	border: 0px solid #0000dd;
}

.row30 {
	display: inline;
	position: absolute;
	left: 30px;
	width: 200px;
 	border: 0px solid #0000dd;
}

.row65 {
	display: inline;
	position: absolute;
	left: 65px;
	width: 200px;
 	border: 0px solid #0000dd;
}

.row80 {
	display: inline;
	position: absolute;
	left: 80px;
	width: 200px;
 	border: 0px solid #0000dd;
}

.row90 {
	display: inline;
	position: absolute;
	left: 90px;
	width: 200px;
 	border: 0px solid #0000dd;
}

.row100 {
	display: inline;
	position: absolute;
	left: 100px;
	width: 200px;
 	border: 0px solid #0000dd;
}

.w25 	{width: 25px;}
.w50 	{width: 50px;}
.w80 	{width: 80px;}
.w88 	{width: 88px;}
.w90 	{width: 90px;}
.w100 	{width: 100px;}
.w120 	{width: 120px;}
.w175 	{width: 175px;}
.w180 	{width: 180px;}
.w200 	{width: 200px;}

.posBottom {
	position: absolute;
	bottom: 0;
}

.posLeft {
	position: absolute;
	left: 0;
}

.posRight {
	position: absolute;
	right: 0;
}

.alignLeft {
	text-align: left;
}

.alignRight {
	text-align: right;
}

.alignCenter {
	text-align: center;
}

.cover {
	margin: 0;
	padding: 0;
	margin-right: 15px;
	margin-bottom: 20px;
}

.scroll {
	overflow: auto;
}

.posHL {
	display: block;
	position: absolute;
	left: 95px;
	top: 70px;
}

.posPD {
	display: block;
	position: absolute;
	left: 125px;
	top: 105px;
}

.posPD .pullDown {
	display: inline;

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

.posPDF {
	display: block;
	position: absolute;
	left: 80px;
	top: 542px;
}


/* BODY-Vorgaben */

#bodyDef1 {

	/* BODY mit schmalem Streifen */

	background: url(../_images/bg_stripes_1.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #AFA997;
}

#bodyDef2 {

	/* BODY mit hohen Streifen */

	background: url(../_images/bg_stripes_2.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	background-color: #AFA997;
}



.posMonos {
	display: block;
	position: absolute;
	left: 850px;
	top: 110px;
}

/* Meta links */

#areaMeta {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 35px;
	height: 100%;
	background: url(../_images/bg_areaLeft.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
 	border: 0px solid #0000dd;
}

#bodyDef1 .posMeta {

	/* Layout-abhaengige MetaNav-Position */
	
	display: block;
	position: absolute;
	left: 0;
	top: 230px;
}

#bodyDef2 .posMeta {

	/* Layout-abhaengige MetaNav-Position */
	
	display: block;
	position: absolute;
	left: 0;
	top: 370px;
}

.posRororo {
	display: block;
	position: absolute;
	left: 0;
	top: 15px;
	width: 35px;
	height: 100px;
	z-index: 100;
}

/* Hauptnavigation und Tools */

#areaMainNav {
	display: block;
	position: absolute;
	left: 570px;
	top: 16px;
	width: 415px;
	border: 0px solid #dd0000;
}

#areaMainNav .inputFld {
	font: 10px verdana, arial, helvetica, sans-serif;
	width: 170px;
	padding: 0 4px 0 4px;

	border-top: 1px solid #4E4E4E;
	border-left: 1px solid #4E4E4E;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}

#areaMainNav .posNL {
    position: absolute;
    left: 55px;
    top: 35px;
    width: 220px;
}

#areaMainNav .posQS {
    position: absolute;
    right: 5px;
    top: 35px;
    width: 220px;
    text-align: right;
}

/* Stage-Unterbereiche */

#areaLeft {
	display: block;
	position: absolute;
	left: 95px;
	top: 180px;
	width: 240px;
	height: 320px;
	border: 0px solid #dd0000;
}

#areaMid {
	display: block;
	position: absolute;
	left: 410px;
	top: 180px;
	width: 290px;
	height: 320px;
	border: 0px solid #dd0000;
}

#areaMid input,
#areaMid 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: 200px;
	margin: 0;
	
	/* "padding" und "height" werden nur von Mozilla verarbeitet */
	padding: 0;
}

#areaList {
	display: block;
	position: absolute;
	left: 75px;
	top: 160px;
	width: 280px;
	height: 360px;
	overflow: auto;
	
	background: url(../_images/bg_list.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	background-color: #F2EDDF;	
}

#areaList .margin {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 240px;
	
	margin-top: 10px;
}

#areaOverview .posSL {
    display: block;
    position: absolute;
    left: 0px;
    top: -75px;
    width: 340px;
}

#areaSearchRes {
	display: block;
	position: absolute;
	left: 0px;
	top: 20px;
	width: 290px;
	height: 300px;
	border: 0px solid #dd0000;
}

.searchRes {
	display: block;
	margin: 5px 0 5px 0;
	padding: 5px 0 10px 0;
	border-bottom: 1px solid #A9A59C;
}

#areaRight {
	display: block;
	position: absolute;
	left: 780px;
	top: 180px;
	width: 200px;
	height: 320px;
	border: 0px solid #dd0000;
}

#areaRight .posCover {
	display: block;	
	position: absolute;
	width: 91px;
	right: 0;
	top: 0;
}

#areaRight .posDetails {
	display: block;
	position: absolute;
	right: 100px;
	top: 0px;
	width: 150px;
	height: 150px;
	border: 0px solid #00dd00;
}

#areaRight .posText {
	position: absolute;
	left: 0px;
	top: 180px;
	width: 200px;
	height: 110px;
	padding-right: 10px;
	border: 0px solid #0000dd;
}

html>body #areaRight .posText {
	width: 190px;
}

/* Home */

#areaHome {
	display: block;
	position: absolute;
	left: 570px;
	top: 195px;
	width: 430px;
	height: 160px;
	border: 0px solid #dd0000;
}

#areaHome .posTxt {
	display: block;
	position: absolute;
	left: 0px;
	top: 240px;
	width: 410px;
	border: 0px solid #dd0000;
}

#areaHome .cover {
	margin: 0;
	padding: 0;
	margin-right: 12px;
}

/* Overview */


#areaOverview {
	display: block;
	position: absolute;
	left: 410px;
	top: 180px;
	width: 340px;
	height: 330px;
	border: 0px solid #dd0000;
}

/*	Detail */

#areaDetails {
	display: block;
	position: absolute;
	left: 395px;
	top: 210px;
}

#areaDetails .posTools {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 150px;
	height: 250px;
}

#areaDetails .posCover {
	display: block;
	position: absolute;
	left: 175px;
	top: 0px;
	width: 152px;
	height: 250px;
}

#areaDetails .posText {
	display: block;
	position: absolute;
	left: 350px;
	top: 0px;
	width: 240px;
	height: 250px;
}

#areaDetails .scroll {
    position: absolute;
    left: 0;
    top: 50px;
    width: 240px;
    height: 200px;
    padding-right: 10px;
    overflow: auto;
}

html>body #areaDetails .scroll {
	width: 230px;
}

#areaDetails .buttonToText {
	margin: 0;
	padding: 0;
	color: #970D0B;
	font: 10px verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	background-color: #F2EDDF;
	border: 0;
}

#areaDetails .inputFld {
	display: block;
	font: 10px verdana, arial, helvetica, sans-serif;
	width: 240px;
	padding: 0 4px 0 4px;
	margin-top: 5px;
	border-top: 1px solid #4E4E4E;
	border-left: 1px solid #4E4E4E;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}











/* LINKS */

.txtLink,
.txtLinkSel,
.txtLink:link,
.txtLink:visited {
	color: #45423A;
	text-decoration: none;
}

.txtLinkSel,
.txtLink:hover,
.txtLink:active {
	color: #970D0B;
	text-decoration: none;
}

.yellowLink,
.yellowLinkSel,
.yellowLink:link,
.yellowLink:visited {
	color: #F2EDDF;
	text-decoration: none;
}

.yellowLinkSel,
.yellowLink:hover,
.yellowLink:active {
	color: #970D0B;
	text-decoration: none;
}
.redLink,
.redLinkSel,
.redLink:link,
.redLink:visited {
	color: #970D0B;
	text-decoration: none;
}

.redLinkSel,
.redLink:hover,
.redLink:active {
	text-decoration: none;
}

.mainNav,
.mainNavSel,
.mainNav:link,
.mainNav:visited {
	font-size: 12px;
	text-align: center;
	display: block;
	width: 136px;
	height: 17px;
	font-weight: plain;
	text-decoration: none;
	color: #5B5647;
	background-color: #CEC7B1;
	margin-right: 1px;
	float: left;
}

.mainNavSel,
.mainNav:hover,
.mainNav:active {
	font-weight: plain;
	color: #E9E1C9;
	background-color: #000000;
}

.bookNav,
.bookNavSel,
.bookNav:link,
.bookNav:visited {
	font-size: 10px;
	display: block;
	font-weight: plain;
	text-decoration: none;
	color: #5B5647;
	background-color: #CEC7B1;
	border-bottom: 1px solid #F2EDDF;
	padding: 2px 0 2px 12px;
}

.bookNavSel,
.bookNav:hover,
.bookNav:active {
	font-weight: bold;
	color: #E9E1C9;
	background-color: #000000;
}

.metaImpr,
.metaImprSel,
.metaImpr:link,
.metaImpr:visited {
	display: block;
	background-position: 0px 0px;
	width: 35px;
	height: 80px;
	background: url(../_images/meta_impr_1.gif);
	background-repeat:no-repeat;
}

.metaImprSel,
.metaImpr:hover,
.metaImpr:active {
	background: url(../_images/meta_impr_2.gif);
}

.metaCont,
.metaContSel,
.metaCont:link,
.metaCont:visited {
	display: block;
	background-position: 0px 0px;
	width: 35px;
	height: 70px;
	background: url(../_images/meta_cont_1.gif);
	background-repeat:no-repeat;
}

.metaContSel,
.metaCont:hover,
.metaCont:active {
	background: url(../_images/meta_cont_2.gif);
}

.monosListSel,
.monosList,
.monosList:link,
.monosList:visited {
	display: block;
	margin-left: 70px;
	padding: 0 0 0 10px;
	color: #000000;
	font-size: 10px;
	font-weight: plain;
	line-height: 14px;
	text-decoration: none;
}

.monosListSel,
.monosList:hover,
.monosList:active {
	font-weight: bold;
	color: #F7F4EB;
	background-color: #000000;	
}

.downloadPDF,
.downloadPDF:link,
.downloadPDF:visited {
    display: block;
    color: #ffffff;
    text-decoration:none;
    font-weight: plain;
    padding-left: 20px;
    background: url(../_images/symb_pdf.gif);
    background-repeat:no-repeat;
    background-position: 0 0;
}

.downloadPDF:hover,
.downloadPDF:active {
	color: #970D0B;
}

#areaDetails .downloadPDF,
#areaDetails .downloadPDF:link,
#areaDetails .downloadPDF:visited {
	color: #23211C;
	text-decoration:none;
	font-weight: plain;
	padding-left: 20px;
	background: url(../_images/symb_pdf.gif);
	background-repeat:no-repeat;
	background-position: 0 0;
}

#areaDetails .downloadPDF:hover,
#areaDetails .downloadPDF:active {
	color: #970D0B;
}



/* Liste mit Alphabet */

.charBlock {
	display: block;
	position: relative;
	padding: 10px 0 20px 0;
	border: 0px solid #dd0000;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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