em, i {
    font-style: italic;
    font-weight: inherit;
}

b, strong {
    font-weight: bold;
    font-style: inherit;
}

h1              { font-size: 2em; margin: .67em 0; }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }

h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }


body {
	margin:5px;
	padding:0px;
	border-width:0px;
	font-size: 11px;
	color: black;
	font-family:Verdana,Arial,Helvetica,Univers,sans-serif;	
}

p			{font-size:12px;font-weight:normal;padding: 0; margin: 5px 0;}
div			{font-size:12px;}
span		{font-size:12px;;}
a, a:link, a:visited {
	font-weight:bold;
	font-size: 12px;
	color:#b50343;
	text-decoration:none;
}
a:hover {
	color:#888888;
	text-decoration:underline
}
select 		{font-size:10px;font-weight:normal;}
textarea 	{font-size:10px;font-weight:normal;}
input 		{font-size:10px;font-weight:normal; vertical-align:middle;}
form 		{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

h1		{font-size:15px; font-weight:bold;}
h2		{font-size:13px; font-weight:bold;}
h3		{font-size:11px; font-weight:bold;}
li		{font-size:12px;}
ul		{font-size:12px;}
ol		{font-size:12px;}


hr {
	border: none;
	border-top:1px solid #A6AEB0;

}
table {
	border-spacing:0;
	border-collapse: collapse;
}

a.small {  font-size:10px; color: #b50343;}

div#wrapper  {width: 1000px; height:100%; top: 0px; border: 0px; margin-left:auto; margin-right:auto;}

td.formError {}
td.formHeader { padding-top:10px;padding-bottom:5px;}
td.formLabel { vertical-align:top;width:180px;}
td.formField { }
td.formText { }

span.formText { font-size:12px; color: #000000;}
span.formHeader {  font-size:14px; font-weight:bold; color: #000000;}
span.formError { font-weight:normal; color: #aa3333;}
span.formLabel {font-weight:bold; color: #000000;}
span.formLabelError {  font-weight:bold; color: #aa3333;}
span.formGroupLabel {  font-size:11px; font-weight:normal; color: #000000;}
span.formGroupLabelError {  font-size:11px; font-weight:normal; color: #aa3333;}
label {  font-size:11px; font-weight:normal; color: #000000;}

span.data 			{  color: #000000;}
span.data_s 		{  font-size:10px; color: #000000;}
span.data_s_error	{  font-size:10px; color: #ff0000;}
span.error 			{  font-size:12px; color: #aa1010;font-weight:bold;}
span.label 			{  font-size:12px; color: #000000;font-weight:bold;}
span.labelError		{  font-size:12px; color: #aa3333;font-weight:bold;}
span.sublabel 		{  font-size:11px; color: #000000;font-weight:normal;}
span.sublabelError	{  font-size:11px; color: #aa3333;font-weight:normal;}
span.tabSep 		{  font-size:12px; color: #000000;font-weight:bold;text-decoration:none;}
span.headline1		{ font-size:15px;font-weight:bold;color:#000000;}
span.headline2		{ font-size:13px;font-weight:bold;color:#000000;}
span.headline3		{ font-size:11px;font-weight:bold;color:#000000;}
span.bar			{ font-size:12px;font-weight:normal;color:#ffffff;}
span.barHeadline	{ font-size:12px;font-weight:bold;color:#ffffff;}
span.barHeadlineError	{ font-size:12px;font-weight:bold;color:#ffff00;}
span.navHeadline	{ font-size:12px;font-weight:bold;color:#FFECF2;}
span.headerLabel	{ font-size:10px;font-weight:bold;color:#F9D218;text-decoration:none;}
span.headerData		{ font-size:10px;color:#000000;text-decoration:none;} 
span.root 			{ font-size:9px;font-weight:normal;color:#334c80;}

.errorBorder { border: 3px ridge #aa1010; padding: 5px; margin: 5px 0;}

a.tab 					{  font-size:12px; color: #000000;font-weight:bold;}
a.tab:hover				{ color:#FFFFFF;}
a.label 				{  font-size:12px; color: #000000;font-weight:bold;}
a.label:hover			{ color:#888888;}
a.labelError 			{  font-size:12px; color: #aa3333;font-weight:bold;}
a.labelError:hover		{ color:#888888;}
a.sublabel		 		{  font-size:11px; color: #000000;font-weight:normal;}
a.sublabel:hover		{ color:#888888;}
a.sublabelError 		{  font-size:11px; color: #aa3333;font-weight:normal;}
a.sublabelError:hover	{ color:#888888;}
a.button {
	background: url(../img/arrow-red.png) no-repeat left center;
	padding-left: 10px;
    font-size: 12px;
}
a.button:hover {
}
a.barButton {
	color: white;
	background: url(../img/arrow-red.png) no-repeat left center;
	padding-left: 10px;
}
a.barButton:hover {
	color:#b50343;
}
a.barPage 				{ font-size:10px; color: #ffffff;font-weight:normal;text-decoration:none; padding:2px}
a.barPage:hover			{ color:#b50343;}
a.barPageSelected		{font-size:12px; color: #ffffff;font-weight:bold;text-decoration:none; padding:2px}
a.barPageSelected:hover	{ color:#b50343;}
a.data		 			{  font-size:12px; color: #b50343;font-weight:bold;}
a.data:hover			{ color:#888888;}
a.headerData			{ font-size:10px;color:#000000;text-decoration:underline;} 
a.headerData:hover		{ color:#F9D218; } 
a.nav 					{ font-size:12px;font-weight:normal;color:#FFECF2;text-decoration:none;}
a.navBold 				{ font-size:12px;font-weight:bold;color:#FFECF2;text-decoration:none;}
a.navBold:hover			{ text-decoration:underline;}
a.nav:hover				{ color:#FFFFFF; text-decoration:underline;}
a.root 					{ font-size:9px;font-weight:normal;color:#334c80;text-decoration:underline;}
a:hover.root			{ color:#334c80;}
a.navHead 				{ font-size:12px;font-weight:bold;color:#000000;text-decoration:none;}
a.navHead:hover 		{ color:#888888;}
a.navHeadSub			{ font-size:12px;font-weight:normal;color:#000000;text-decoration:none;}
a.navHeadSub:hover 		{ color:#888888;}

tr.row0			{ background-color:#dcdcdc}
tr.row1			{ background-color:#ececec}
tr.sep			{ background-color:#000000;}
tr.navSep		{ background-color:#ffffff;}
tr.bar			{ background-color:#888888;height:20px;vertical-align:middle;}
tr.bottom		{ background-color:#0038a7;}
tr.headerLabel	{ background-color:#0038a7;}
tr.headerData	{ background-color:#E8EDF7;}

td.bar			{ background-color:#888888;}
td.label		{ background-color:#ececec;height:19px;vertical-align:top;}
td.data			{ background-color:#ececec;height:19px;}
td.labelEdit	{ background-color:#ececec;padding: 0px 0px 0px 0px;height:22px;}
td.dataEdit		{ background-color:#ececec;padding: 0px 0px 0px 0px;height:22px;}
td.row			{ height:22px; vertical-align:middle; padding-top:2px; padding-bottom:5px;}
td.headerLabel	{ background-color:#0038a7;}
td.headerData	{ background-color:#E8EDF7;}
td.example		{
	font-size:10px;
	padding:4px;
}
input.data		{ font-size:11px;border: #000000 1px solid;background-color: #f7f7f7;color:#000000; }
input.button	{  font-size:11px; color: #000000;height:17px;font-weight:bold;}
input.checkbox 	{ border: #000000 0px solid; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
textarea.data	{ font-size:11px;border: #000000 1px solid;background-color: #f7f7f7;color:#000000;}
img {
	border:none;
}

/* Styles für das bulletin-board */

#bulletin-board-container {
	margin:5px 0;
	margin-top:0;
	border:1px solid #DCDCB7;
}
#bulletin-board-container .header {
	background-color:#888888;
	color:white;
	font-weight:bold;
	padding:3px;
	vertical-align:middle;
}
#bulletin-board-container .header a {
	color: white;
}
#bulletin-board-container .header a:hover {
	color:#b50343;
}
#bulletin-board-container img {
	border:none;
}
#bulletin-board {
	overflow:auto;
	background-color:#FFFFD4;
}
#bulletin-board table {
	padding:5px;
	width:100%;
}
#bulletin-board table td {
	vertical-align:top;
	text-align:left;
}
#bulletin-board table td+td {
	text-align:right;
}
#bulletin-board .message {
	border-top:1px solid #DCDCB7;
	font-size:11px;
	text-align:justify;
	padding: 4px;
}
#bulletin-board .date {
	font-size:10px;
	color:#989898;
	text-align:right;
}

/* Stichwortliste */

#keywords-index {
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid black;
	padding:4px 0;
}
#keywords-index span,
#keywords-index a {
	padding:1px;
}

/* Tabellen: Titelergebnisliste, Merkliste, Bestelleingabeliste */

table#list {
	width:100%;
	border-collapse: collapse;
}
#list td {
	padding:5px;
	vertical-align:top;
}
#list td.col1 {			/* Erste Spalte */
	width:1em;
}
#list td.col1_1 {		/* Erste Zusatzspalte */
	width:2em;
}
#list td.col2 {			/* Zweite Spalte */
	width:5em;
}
#list td.col3 {			/* Dritte Spalte */
	width:110px;
}
#list td.col4 {			/* Vierte Spalte */
	width:auto;
}
#list td.col5 {			/* Fünfte Spalte */
	width:5em;
	text-align:right;
	vertical-align:bottom;
}
#list td.col6 {			/* Sechste Spalte */
	width:6em;
	text-align:right;
	vertical-align:bottom;
}
#list thead {
	font-weight:bold;
	font-size:12px;
}
#list thead td {
	padding:0;
	vertical-align:middle;
}

/* Main */

#wholePage {
    text-align:center;
}

#main {
	margin: 0 auto;
	width: 1000px;
    text-align:left;
}

/* Hauptrahmen der Seite */

div#border-top {
	height: 10px;
	width: 1000px;
	background: url(../img/border-top.png) no-repeat;
	font-size:0px;
}
div#border {
	width: 990px;
	background: url(../img/border.png) repeat-y;
	padding:0 5px;
}
div#border-bottom {
	height: 10px;
	width: 1000px;
	background: url(../img/border-bottom.png) no-repeat;
}
div#header {
	height:140px;
	background-image:url(../img/header.jpg);
	background-position: 0px -5px;
	border-bottom: 1px solid white;
	color:white;
}
div#header a {
	color:white;
}

table#frame {
	border-spacing:0;
	border-collapse: collapse;
	border: none;
	width:100%;
}
#left {
	color:white;
	padding:10px;
    width:169px;
	background-color: #990033;
	vertical-align:top;
	text-align: left;
	border-right:1px solid white;
}
#right {
    background-color: #ececec;
}
#left h1 {
	font-size: 13px;
	color:white;
	margin: 10px 0;
	border-bottom: 1px solid white;
}

#left h2 {
	font-size: 11px;
	font-weight: bold;
	color:white;
	margin: 5px 0;
}

#left ul {
	margin:0;
	padding:0;
	list-style-image:url(../img/right-white.gif);
	list-style-position: outside;
	/* Fix wird benötigt wenn bei den <li> Tags kein Textumbruch möglich ist
	   und somit die <td> mit eigentlich fester Breite vergrößert wird */
	/*overflow: auto;
	max-width: 169px;*/
	padding-left: 18px;
}
#left li {
	vertical-align:middle;
	padding: 0;
	margin: 0;
}
#left li.active a {
	font-weight: bold;
}

#left a {
	color:white;
	font-weight: normal;
}
#left select {
	width:169px;
}
#middle {
	border:0;
	padding:0px;
	background-color: #ececec;
	vertical-align:top;
	min-height: 400px;
}

div#middle_wrapper {
	clear: right;
	padding: 5px;
}

#top {
	padding: 3px;
	background-color: #990033;
	height: 20px;
}

#top img {
	border:none;
	vertical-align: middle;
}

#breadcrumb, #quicksearch  {
	padding:3px;
	background-color: #ececec;
	line-height:16px;
	border-bottom: 1px solid #990033;
}

#breadcrumb  {
	font-weight: bold;
	border-bottom: 1px solid #A6AEB0;
}

#footer {
	text-align:center;
	font-size: 10px;
	padding: 4px;
	border-right:1px solid white;
	border-top: 1px solid #A6AEB0;
    background-color: #ececec;
	vertical-align: bottom;
}

/* Sektionen mit Fieldset */

fieldset.section {
	border:1px solid #990033;
	padding: 5px;
	border-right: none;
	border-left: none;
}

fieldset.section legend {
	font-weight:bold;
}

fieldset.section input[type=submit],
fieldset.section input[type=button] {
	background-color: #990033;
	color: white;
}

/* Document Icons */

li.dociconon {
	list-style-image: url(../img/dociconon.png);
}
li.dociconoff {
	list-style-image: url(../img/dociconoff.png);
}

/* Pager Navigation Specific */

.pager-container {
	background-color: #888888;
	font-weight: bold;
	padding: 4px;
	color: white;
}
.pager {
	float: right;
}
.pager a {
	padding: 2px;
}
.pager a:hover {
	color: white;
}
.pager img {
	border: none;
	vertical-align: middle;
}
.pager .selected {
	padding: 2px;
	font-weight: bold;
}

.search-item {
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    padding:3px 10px 3px 10px;
    border:1px solid #fff;
    border-bottom:1px solid #eeeeee;
    white-space:normal;
    color:#555;

}
.search-item div.middleCol{
    font:inherit;
    margin:0 0 0 105px;
    width: 300px;
}

.search-item div.middleCol strong {
    font-weight:bold;    
    color:#222;
}

.search-item div.orderNo  {
    float: left;
    font-weight:normal;
    margin:0 0 0 0px;
    width:100px;
}

.search-item div.author {
    float: right;
    width:200px;
    font-weight:normal;
    margin:0 0 0 5px;
}

#loading-mask {
  position: absolute;
  left:     0;
  top:      0;
  width:    100%;
  height:   100%;
  z-index:  20000;
  background-color: white;
}
 
#loading {
  position: absolute;
  left:     50%;
  top:      50%;
  padding:  2px;
  z-index:  20001;
  height:   auto;
  margin:   -35px 0 0 -30px;
  opacity:  0.50;
}
 
#loading .loading-indicator {
  background: url(../img/extanim32.gif) no-repeat;
  color:      #555;
  font:       bold 13px tahoma,arial,helvetica;
  padding:    8px 42px;
  margin:     0;
  text-align: center;
  height:     auto;
}