HTML, BODY {
	height: 100%;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
/* Gesamter Bilschirm */
BODY {
    padding: 0;
    margin: 0;
    color: #000;
    background-color: #FEFECC;
    font-size: 16px;
}

TEXTAREA, TABLE  { font-family: Arial, Helvetica, sans-serif;}

HR { display: none;}

DIV, P { margin-top: 0px}

IMG { border: none; }

.clearer {
	clear: both;
	line-height: 0.001em;
	margin: 0px 0px -2px 0px;
	padding: 0px;
}
DIV[class="clearer"] {
	margin: 0px 0px 0px 0px;
}
/* Inhalt (= 3 Spalten) im Verhältnis zum Gesamtbild */
#header, #basis, .basisHeader, .borderBottomRight  {
    width: 95%;                         /* total width */
    min-width: 48em;                    /* always good to have on full width liquid CSS layouts, google "min-width IE" for JS solutions there */
    max-width: 66em;
    padding-right: 20px;                /* shadow */
    margin: 0 auto;
    /* neu 28.07.2008 */
    margin-left: 60px;
    
    margin-right: 10px;
    text-align: left;
}

/* Überschrift mit Wappen und LUBW */
#header {
    height: 70px;
}
	.wappen {
		float: left;
	}
	
	.basisHeaderTitle {
		float: left;
	}
	/* LUBW-Logo */	
	.basisHeaderClaim {
		margin: 0px 0px 0px 0px;
		float: right; 
		line-height: 52px;
	}
	DIV[class="basisHeaderClaim"] {
		margin: 0px 0px 0px 0px;
	}
	
.searchForm{
	/* Sortier- und Suchfunktion, wird beim Drucken ausgeblendet > Print.css */
}

#basis {
	/* background-image: url(/xfaweb/img/border/right.gif); */
	background-repeat: repeat-y;
	background-position: top right;
}

/* Zeile oberhalb der drei Spalten (zur LUBW, zum UM) */
.basisHeader {
	background-image: url(/xfaweb/img/border/right_top_gelb.gif); 
	background-repeat: no-repeat;
	background-position: top right;
	background-color: #ffffff;
}

.headerNote {
	text-align: right;
	margin: 0px 3px 0px 0px;
	padding: 0px 20px 0px 0px;
	line-height: 18px;
}

/* Gesamtfläche unterhalb der drei Spalten */
#outer {
    width: auto;
    padding-right: 15.125em;            /* right column width */
    padding-bottom: 4em;
    padding-left: 16.9375em;            /* left column width */
    background-color: #ffffff;      /* center column colour */
}

/* Breite Darstellung */
#outer-full {
    width: auto;
    padding-right: 0.125em;            /* right column width */
    padding-bottom: 4em;
    padding-left: 16.9375em;            /* left column width */
    background-color: #ffffff;      /* center column colour */
}

/* Mittlere Spalte */
#inner {
  width: 100%;
  margin: 0;
	background-color: #ffffff;
}

/* Linke Spalte */
.main {
	width: 16.9375em;                   /* left column width */
  margin-left: -16.9375em;            /* _negative_ left column width */
  float: left;
  position: fixed;                    /* position: relative causes rendering bug in IE Win */
	z-index: 10;
}

DIV[class="main"] {
    position: relative; 
}

#innerMain {
  width:14.9375em;                   /* left column width minus 2em */
  overflow: hidden;
	position: relative;
	z-index: 12;
}

.toContent, .headerText {	display: none;}

.content {
	
}

.contentColContainer {
    width: 100%;
    float: left;
    position: relative;
    z-index: 12;
    border : 0px;
}

.contentCol {
    padding-right: 2em;
    border : 0px;
}
.contentCol {
    border-top: 1px solid transparent;         /* fix Win IE bug */
}

.infoCol {
    width: 15.125em;                    /* right column width */
    margin-right: -15.125em;            /* negative-right column width */
    float: left;
    position: relative;
    overflow: hidden;
	z-index: 11;
}
.innerInfoCol {

}

.footnoteLeft A, .footnoteRight A, .footnote A, .subentriesImage A {
	font-size: 70%;
	font-weight: bold;
}
.footerBar {
	line-height: 40px;
	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 20px 20px;
	background-image: none;
	border-top: 1px dashed #AFB695;
}

#FooterInfo {
	display: none;
}

/* BOTTOM */
.borderBottomRight {
	height: 25px; 
	/* background-image: url(/xfaweb/img/border/bottom_left.gif); */
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FEFECC;
	padding: 0px 0px 0px 20px;
}

.borderBottom {
	height: 25px; 
	/* background-image: url(/xfaweb/img/border/bottom.gif); */
	background-repeat: repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	
}
/* Mozilla & Opera code */
#outer > #inner[id] {
    border: 1px solid transparent;
    border-width: 0 0 1px 1px;
}

DIV[class="main"] {
    margin-right: 2px;
}

DIV[class="contentColContainer"] {
    margin: 0 -2px 0 -2px;
}

DIV[class="infoCol"] {
    padding-left: 1px;
}

DIV[class="innerInfoCol"] {
    width: 15.2em;
    overflow: hidden;
}

.main,
.contentCol {
    border-top: 1px solid #FFF;         /* fix Win IE bug */
}
/* TOOL-ELEMENTS*/
.clearall, .break {
    height: 0;
    width: auto !important;
    overflow: hidden;
    float: none !important;
    clear: both;
}

.none {
    display: none;
}

.first {
    margin-top: 0 !important;
}


/********************************/
.imageContainerRight {
	margin: 0px 20px 5px 0px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: top left;
	width: 20em;
	line-height: 105px
}
.imageRightCaption {
	padding-bottom: 27px
}

.imageContainerMiddle {
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 0px 5px 0px;
}	

/******* LAYOUT ****************/
/* 
 * Links 
 */

A, A.smallColor {
        color:#296E4B;	
	/*color: #9b7118; Blöder Braunton!*/
	text-decoration: none;
}
A:hover { text-decoration: underline; }

A.entry {
	font-weight: bold;
	display: block;
}

A.linked {
	padding-left: 18px;
}
/* *** Navigator ***/
A.enabledTreeEntry {	color: #9b7118; }

A.enabledTreeEntry:hover { color: #9b7118; text-decoration: underline; }

A.disabledTreeEntry {	color: gray; }
/* *** Navigator END ***/
INS {
	color: #7F7F7F;
	text-decoration: none;
	padding: 0px 7px 0px 0px;
	margin: 0px;
}

/* The path of an entry in the Contents form */
#pathLink { 
	margin: 0px 3.1em 22px 0px;
	padding: 0px 0px 5px 0px;
	background-image: url(/xfaweb/img/border/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
}

A.small:link { color: gray; }

A.inactive, A.inactive
{
	color: silver;
}

A.onlineHelp {
	background-image: url(/xfaweb/etc/ContextHelp.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 2px 20px;
	margin: 0px
}
A.onlineHelp:hover {
	color: red;
}

/* ******* font-size ****************/
H1 { font-size: 100%; letter-spacing: 0.01in; }
H2 { font-size: 90%; }
H3 { font-size: 88%; }
H4 { font-size: 100%;}

TABLE { font-size: 100%; }

.headerNote, .footerBar {
	font-size: 80%;
	font-weight: bold;
}

#innerMain div {
	font-size: 70%;
}

#innerMain h4, .boxHeader {
	font-size: 60%;
}

.abstract, A.previewTopicTitle, .contentText {
	font-size: 75%;
}

.subentries, #pathLink, .imageRightCaption, A.smallArrow, .meldungen, .listText {
	font-size: 70%;
}

.moreInfo, .levelBox, .teaserBox, .levelBoxBorder, .levelBoxSearch, .listContainer{
	font-size: 80%;
}

A.linked, A.link, A.linkBold, A.view, A.external, A.next, A.back, 
A.download, A.booklet, A.zoom, A.email, A.top, A.print, A.recommend,
A.footer, A.enabledTreeEntry, A.disabledTreeEntry, .titleInfo, 
A.onlineHelp, A.arrow, A.smallColor {
	font-size: 88%;
}

LABEL, INPUT, TEXTAREA, SELECT, OPTION {
	font-size: 90%;
}

.teaserContent h4, .medium, .productText {
	FOnt-size: 95%;
}
.productText A { font-size: 100% }
searchArea {
	font-size: 100%;
	font-weight: bold;
}

.large { font-size: 100%; font-weight: bold; }
.small, .textComment { font-size: 88%;}
.smaller { font-size: 80%;}
/*
 *  navigationsboxen
 */
#innerMain h4, .boxHeader {
	letter-spacing: 0.01in;
	padding: 2px 5px 2px 13px;
	margin: 0px;
	background-color: #7EA792;	
	color: #ffffff;
	letter-spacing: 0.01in; 
} 


.navBox {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0.825em 0px;
	overflow: hidden;
	background-color: #e3e7d8; 
}

#innerMain ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
		
#innerMain li {
	padding: 0;
	margin: 0;
	border: none;
	display: inline;
}		
		
	A.levelItem1, A.levelItem1_ON, A.levelItem1_ON2, A.levelItem1_ON3, A.levelItem1_OVER, A.levelItem2, A.levelItem2_ON, A.levelItem3, A.levelItem3_ON, A.levelItem4, A.levelItem4_ON {
		/*width:14.9375em;*/
		display: block;
		padding: 2px 5px 3px 20px;
		margin: 0px 0px 0px 0px;
		background-color: #e3e7d8;
		color: #333333;
		font-weight: bold;
		text-decoration: none;
		background-image: url(/xfaweb/img/nav/nav1.gif);
		background-repeat: no-repeat;
		border-bottom: 1px solid #ffffff;
		}

	A.levelItem1_ON {
		background-image: url(/xfaweb/img/nav/nav1_ON.gif);
		border-bottom: none;	
		}	
	A.levelItem1_ON2{
		background-image: url(/xfaweb/img/nav/nav1_ON1.gif);	
		}	
	A.levelItem1_ON3 {}
	A.levelItem1_OVER {
		background-image: url(/xfaweb/img/nav/nav1_ON1.gif);
		border-bottom: none;
		}
	A.levelItem1:hover, A.levelItem1_ON:hover, A.levelItem1_ON2:hover, A.levelItem1_ON3:hover, A.levelItem1_OVER:hover, A.levelItem4:hover, A.levelItem4_ON:hover {
		background-color: #ffffff;
		color: black;
		text-decoration: none;
		}
	A.levelItem2, A.levelItem2_ON {
		background-image: none;
		background-color: #f0f5e7;
		border-left: 5px solid #7EA792;
		font-weight: normal;
		padding: 2px 5px 2px 13px;
		}
	A.levelItem2_ON {
		background-image: url(/xfaweb/img/nav/nav2.gif);
		}
	A.levelItem2:hover {
		background-color: #ffffff;
		color: black;
		background-image: url(/xfaweb/img/nav/nav2.gif);
		text-decoration: none;
		}
		
	A.levelItem3, A.levelItem3_ON, A.levelItem4, A.levelItem4_ON  {
		background-image: none;
		background-color: #f6f9f1;
		border-left: 5px solid #a0bfaf;
		font-weight: normal;
		padding: 2px 5px 2px 28px;
		margin: 0px 0px 0px 0px;
		}	

	A.levelItem3:hover {
		background-color: #ffffff;
		background-image: url(/xfaweb/img/nav/nav3.gif);
		color: black;
		text-decoration: none;
		}	
	A.levelItem3_ON {
		background-color: #ffffff;
		background-image: url(/xfaweb/img/nav/nav3.gif);
		}
	A.levelItem4, A.levelItem4_ON {
		padding: 2px 5px 2px 41px;
		margin: 0px 0px 0px 0px;
	}
	A.levelItem4:hover, A.levelItem4_ON  {
		background-image: url(/xfaweb/img/nav/nav4.gif);
	}
	
	A.levelItem3_ON:hover, A.levelItem2_ON:hover {
		color: black;
		text-decoration: none;
		}

.levelBox, .levelBoxBorder, .levelBoxSearch {	
	background-color: #e3e7d8;
	padding: 5px 7px 7px 7px;
	margin: 0px 0px 10px 0px;
	width: 100%;
}
.levelBoxBorder, .levelBoxSearch {	border-left: 5px solid #a0bfaf;}

.levelBoxSearch {
	background-image: url(/etc/Find.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 5px 7px 7px 60px;
	height: 100%;
	width: 15.125em;
}

#Search {

}

.boxHeader {
	width: 100%;
} 

.searchArea {
	display: block;
	vertical-align: middle;
}

.teaserBox {
	clear: both;
	background-color: #d1e8dd;
	padding: 1px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	width: 100%;	
}

.teaserContent h4, .teaserBox H4 {
	margin-bottom: 0px;
	margin-top: 0px; 
}

.teaserImage {
	width: 80px;
	height: 100%;
	padding: 0px;
	margin: 0px 5px 0px 0px;
	float: left;
}
.teaserInfo {
	clear: both;
	margin-top: -6px;
}
DIV[class="teaserInfo"] { margin-top: 0px}

.teaserContent {
	padding: 0px 0px 0px 0px;
	height: 100%;
}


A.link, A.linkBold, A.view, A.external, A.next, A.back, A.download, A.booklet, 
A.zoom, A.email, A.top, A.print, A.recommend, A.smallArrow, A.arrow {
	padding: 0px 0px 0px 18px;
	background-image: url(/xfaweb/img/icons/link.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
A.linkBold {font-weight: bold;}
A.view {	background-image: url(/xfaweb/img/icons/view.gif);}
A.external {background-image: url(/xfaweb/img/icons/external.gif);}
A.next, A.smallArrow, A.arrow {	background-image: url(/xfaweb/img/icons/next.gif);}
A.back {	background-image: url(/xfaweb/img/icons/back.gif);}
A.download {background-image: url(/xfaweb/img/icons/download.gif);}
A.booklet {	background-image: url(/xfaweb/img/icons/booklet.gif);}
A.zoom {	background-image: url(/xfaweb/img/icons/zoom.gif);}
A.email {	background-image: url(/xfaweb/img/icons/email.gif);}
A.top {		background-image: url(/xfaweb/img/icons/top.gif);}
A.print {	background-image: url(/xfaweb/img/icons/print.gif);}
A.recommend{background-image: url(/xfaweb/img/icons/recommend.gif);padding: 0px 0px 0px 24px;}

A.footer { padding: 0px 10px 0px 0px;}

.comment, .commentLevel2 {
	display: block;
	color: #717171;
	font-style: italic;
	font-weight: normal;
	padding: 0px 15px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.commentLevel2 {
	margin: 0px 20px 0px 0px;
}
/*********************************************************************/
/*
 * END with UVMBW layout
 */
 
.top { 	height: 1px; }

.titleBar {	
    width: 100%;
    float: left;
    position: relative;
	z-index: 12;
} 
DIV [class="titleBar"] {  
	margin: 0 -2px 0 -2px;			/* 3 column fix */
}
 
.title {
	margin: 0px 0px 0px 0px;
	padding:  0px 2em 13px 0px;
	border-top: 1px solid transparent; 
    border-top: 1px solid #FFF;
}
.titleInfo {	 
    width: 15.125em;                    /* right column width */
    margin: 0px -15.125em 0px 0px;      /* negative-right column width */
   	padding: 1px 0px 0px 0px;
	float: left;
    position: relative;
    overflow: hidden;	
}

.title2 {
	margin: 13px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	clear: left;
/*	background-image: url(/xfaweb/img/border/line.gif);
	background-repeat: repeat-x;
	background-position: bottom left; */
}

.title3 {
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 5px 0px;	
	clear: left;	
}

.pressImage {
	float: left;
	padding: 0px 17px 17px 0px;
	margin: 0px;
}

.listContainer {
	clear: both;
	background-image: url(/xfaweb/img/border/line.gif);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	vertical-align : text-top;
}
.listText {
	padding: 0px 0px 3px 0px;
}

.listImageContainer {
	float: right;
	padding: 5px 0px 5px 15px;
	margin: 0px;
	text-align : right;
}

.listImage {
	padding: 0px;
	margin: 0px;
	border: 1px solid black;
	display: inline;
}
.previewTopic {
	border: 1px solid #339933;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	width: 100px;
	height: 140px;
	text-align: left;
	overflow: hidden;
}

.previewTopic IMG {
	margin: 0px;
	padding: 0px 2px 0px 2px;
	height: 88px;
	width:96px;
}
.previewTopic DIV {
	padding: 4px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
	height: 100%;
}

A.previewTopicTitle {
	color: #339933;
}

.initial {
	float: left;
	background-image: url(/xfaweb/img/initial.gif);
	background-repeat: no-repeat;
	width: 32px;
	margin: 0px 0px 0px 2px;
	padding: 0px;
}

.line, .subline {
	background-image: url(/xfaweb/img/border/line.gif);
	background-repeat: repeat-x;
	background-position: top left;
	line-height: 1px;
	margin: 5px 0px 5px 18px;
	padding: 0px 0px 0px 0px;
}
.subline {
	margin: 5px 0px 5px 0px;
}


.abstract {	 /* BASIS TEXT */
	padding-bottom: 14px;
}

.textComment {
	color: #717171;
}

.subentries, .subnav, .meldungen {
	padding: 5px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	background-image: url(/xfaweb/img/border/line.gif);
	background-repeat: repeat-x;
	background-position: top left;
	position: relative;
}

.meldungen {
	margin: 3px 0px 0px 0px; 
	padding: 5px 0px 5px 0px;}

.subentry {
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

.subentryIcon {
	clear: left;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px -2px 0px 0px;
}
DIV[class="subentryIcon"] {
	margin: 0px 0px 0px 0px;
}

.subentryTitle {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.subentryPath {
	padding-left: 18px;
}

.subentryComment {	
	padding: 0px 0px 0px 18px;
	margin: 0px;
}
.moreInfo {
	display: block;
}

.image {
	margin-bottom: 14px;
}


.uploadsHeader  {
	font-weight: bold;
	margin-bottom: 7px;
}

.uploadsIcon {
	float: left;
	padding-right: 3px;
	padding-bottom: 14px;
}

.uploadsContent {
	margin-bottom: 2px;
}

.uploadsBottom {
	margin-top: 7px;
}

.footnoteLeft {
	float: left;
	width: 16.9375em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	white-space: nowrap;
	line-height: 1em;
}

.footnoteRight {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0 0px 0px 0px;
	display: inline;
	line-height: 1em;
	width: 15.125em;
}

.footnote {
	margin: 0px 0px 0px -3px;
	padding: 0px 0px 0px 0px;
	display: inline;
	line-height: 1em;
	width:30em;
	float:left;
	white-space: nowrap;
}

DIV[class="footnote"] { margin: 0px 0px 0px -3px; }

/*
 * Miscellaneous
 */

/* A table used in various places */
.tableHeader 
{
	font-weight: bold;
	background-color: #e3e7d8;
}

.tableCell
{
	background-color: #f0f5e7;
}

.brighterTableCell
{
	background-color: #E9E9F6;
}

/* Answers for a thread in a forum*/
.answers
{
	background-color: #F6F6F6;
}

.brighterAnswers
{
	background-color: #FBFBFB;
}

.error {
	color: red;
	font-weight: bold;
}

.textIndent {
 	padding-left: 94px
}
DIV[class="textIndent"] {
	padding-left: 90px;
}

/* The notification dialog */
.notifyHeader  
{
	font-weight: bold;
	color: white;
	background-color: navy;
	padding: 7px;
	margin-top: 100px;
	margin-bottom: 0px;
	text-align: center;
}

.notifyBody
{
	font-size: 133%;
	font-weight: bold;
	color: Navy;
	background-color: #ffdab9;
	text-align : center;
	padding: 14px;
	min-height: 100px;
}

/* eg Address display */
.objectHeader
{
	font-size: 200%;
	font-weight: bold;
	color: white;
	background-color: navy;
	padding: 7px;
	text-align: center;
}

.objectBody
{
	color: Navy;
	background-color: #ffdab9;
	margin: 0px;
}

/* The descriptors list of the thesaurus */
.thesaurusDescriptorsList 
{
	font-style: italic; 
}


/* Calendar */
A.grey   { background-color: #e3e7d8; color: #9b7118; font-weight: bold}
A.grey:hover { color: #9b7118;}
.tgrey { background-color: #d6d6d6; }	

/* TESTBEREICH: Suchmaske */

#sortierkriteriumKey{
	position:relative;
	width:90px;
	float:left;
	text-align:right;
	
	border:solid;
	border-width:1px;
	border-color:red;
}
#attributKey{
	position:relative;
	left:5px;
	width:50px;
	float:left;
	text-align:right;
	
	border:solid;
	border-width:1px;
	border-color:red;
}
#suchbegriffKey{
	position:relative;
	left:0px;
	width:90px;
	float:left;
	text-align:right;
	
	border:solid;
	border-width:1px;
	border-color:red;
}
#verknuepfungKey{
	position:relative;
	left:0px;
	width:90px;
	float:left;
	text-align:right;
	
	border:solid;
	border-width:1px;
	border-color:red;
}
#sortierkriteriumValue{
	position:relative;
	left:5px;
	width:100px;
	float:left;
	
	border:solid;
	border-width:1px;
	border-color:blue;
}
#attributValue{
	position:relative;
	left:5px;
	width:auto;
	
	
	border:solid;
	border-width:1px;
	border-color:blue;
}
#suchbegriffValue{
	position:relative;
	left:5px;
	width:190px;
	float:left;
	
	border:solid;
	border-width:1px;
	border-color:blue;
}
#verknuepfungValue{
	position:relative;
	left:5px;
	width:230px;
		
	border:solid;
	border-width:1px;
	border-color:blue;
}
#buttonOk{
	position:relative;
	left:5px;
	width:40px;
	
	
	border:solid;
	border-width:1px;
	border-color:blue;
}

/******* LAYOUT END ************/