/*
Theme Name: German Historical Institute London
Theme URI: http://www.ghil.ac.uk
Description: SCREEN Theme
Version: 1.8
Author: Projekt 77
Author URI: http://www.projekt-77.de
Author: Christoph Schönberger
Author URI: http://www.ghil.ac.uk
*/

/* LAST MOD

07-08-10	Create document
07-09-11	Change #615c6e to #413E4A, #66A9AE to #000000, #232c2c to #101414, #566c6e to #344243, #727272 to #555555, #D6BA1D to #E8D155, #50878D to #50878D
07-09-11	subnavigation 2, sitemap 1 to 3
07-09-12	#middle line-height 150 to 140
07-09-12	#content p, ul, ol = padding
07-09-12	News
07-09-12	title h1, h2, h3 sized
07-09-12	#middle .news_teaser h2
07-09-13	archiv news
07-09-13	search results
07-09-13	login internal area
07-09-13	table content
07-09-14	#teaser to .teaser
07-09-19	add events based on news list
07-09-19	.news_teaser .news_info p
07-09-19	#right .news_subheader
07-09-19	front resizer
07-09-20	#service edit display: inline to float: left
07-09-20	add #content
07-09-24	changed id to class top
07-10-01	news publications template_list
07-10-02	Edit MarkUp error
07-10-04	delete .pub_img
08-01-18	changed colour red #CC0000 to #CC3049
08-10-28        changes for library catalogue:
                  - removed background from #content_area
                  - #middle margin: 23px 23px 0 23px;


*/

/*

########## typo font content headlines ##########

Site title			#101414
title 1:			#566C6E

########## typo color ##########

default font		Verdana
typo content 		#413E4A
typo content a		#000000

########## default color  ##########

screen mint			#9FC5C9
screen ocka			#D6BA1D

nav mint light		#C4D4D5
nav mint light II 	#E5ECED

*/

/* ------------------------------------------ DEFAULT --------------------------------------------------- */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
/*	font-size: 70%;  */
	font-size: 11px;
	color: #413E4A;
	/* background: #FFFFFF url(../graphic/bg/bg_site.gif) repeat-y; */
	margin: 0;
	padding: 0;
}

html, body {height: 100%;}

a:link {
	color: #5688CD; // #50878D;
	/* background-color: #FFFFFF; */
	text-decoration: underline;
}

a:visited {
	color: #5688CD; // #50878D;
	/* background-color: #FFFFFF; */
	text-decoration: underline;
}

a:hover {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

a:active {
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

a:focus {
	color: #5688CD; // #50878D;
	background-color: #FFFFFF;
	text-decoration: none;
}

acronym {
	font-size: 100%;
	cursor: help;
	/* border-bottom: 1px dashed #413E4A; */
	border-bottom: 0;
}

abbr {
	font-size: 100%;
	cursor: help;
	/* border-bottom: 1px dashed #413E4A; */
	border-bottom: 0;
}

.invisible {visibility: hidden;}

.hide, #address {display: none;}

.hide_title, .hide_active, .jumptocontent, #search label {
	position: absolute;
  	top: -6000px;
	left: -6000px;
 	height: 1px;
	width: 1px;
}

a img {border: 0;}

table {
	border: 0;
	font-size: 100%;
}

.wrapper {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1%;
}

/* #### -> */


/* -------------------------------------------- TAB NAVIGATION -------------------------------------------------- */

#jumpmenu a:link, #jumpmenu a:visited {
	color: #000000;
	background: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	border: 2px solid #E8D155;
}

#jumpmenu a:hover, #jumpmenu a:active, #jumpmenu a:focus {
	font-size: 130%;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 5000px;
	left: 5150px;
	width: 24em;
	margin: 20px 0 0 0;
	padding: 20px 40px;
	white-space: nowrap;
	display: block;
	float: left;
	z-index: 100;
}

/* #### -> */

/* -------------------------------------------- LAYER --------------------------------------------------------- */

#site {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

	#header {
			width: 100%;
			height: 70px;
			color: #FFFFFF;
			background-color: #5688CD;
			border-bottom: 1px solid #FFFFFF;
			text-align: right;
			margin: 0;
			padding: 0;
			float: left;
		}

		#headline {
			width: 100%;
			height: 31px;
			color: #000000;
			background-color: #99CC33;
			border-bottom: 1px solid #99CC33; //#FFFFFF;
			margin: 0;
			padding: 0;
			float: left;
		}

		#search {
			width: 285px;
			text-align: right;
			margin: 0;
			padding: 0;
			float: left;
		}

	#content_area {
		width: 100%;
		min-width: 780px;
		color: #413E4A;
		/* background: #FFFFFF url(../graphic/bg/bg_content.jpg) repeat-y; */
		margin: 0;
		padding: 0;
		float: left;
	}

		#left {
			width: 285px;
			margin: 0;
			padding: 0;
			float: left;
		}

		#middle {
			color: #413E4A;
			background-color: #FFFFFF;
			line-height: 140%;
			/* margin: 23px 23px 0 53px; */
			margin: 23px 30px 0 30px;
			padding: 0;
		}

			#content {
				width: 100%;
				margin: 0;
				padding: 0;
				float: left;
			}

		#right {
			width: 170px;
			color: #413E4A;
			background-color: #FFFFFF;
			line-height: 150%;
			margin: 23px 20px 0 0;
			padding: 0;
			display: inline;
			float: right;
		}

/* #### -> */

/* -------------------------------------------- NAVIGATION --------------------------------------------------------- */

/* -------------------- mainnavigation -------------------- */

#mainnavigation {
	width: 205px;
	color: #000000;
	background-color: #C4D4D5;
	margin: 0 0 0 80px;
	padding: 0;
	list-style: none;
	display:inline;
	float: left;
}

	#mainnavigation li {
		width: 205px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: bold;
		line-height: normal;
		float: left;
	}

	li.main a:link, li.main a:visited {
		width: 183px;
		color: #000000;
		background-color: #C4D4D5;
		border-bottom: 1px solid #FFFFFF;
		margin: 0;
		padding: 2px 11px 3px 11px;
		text-decoration: none;
		float: left;
	}

	li.main a:hover, li.main a:active, li.main a:focus {
		color: #000000;
		background: #E5ECED url(../graphic/bg/bg_main.jpg) repeat-y right;
		text-decoration: underline;
	}

	li.main_a a:link, li.main_a a:visited {
		width: 183px;
		color: #000000;
		background: #E5ECED url(../graphic/bg/bg_main.jpg) repeat-y right;
		border-bottom: none;
		margin: 0;
		padding: 2px 11px 3px 11px;
		text-decoration: underline;
		float: left;
	}

	li.main_a a:hover, li.main_a a:active, li.main_a a:focus {
		color: #000000;
		background: none;
		background-color: #C4D4D5;
		text-decoration: none;
	}

/* #### -> */

/* ---------------------- subnavigation ---------------------- */

#subnavigation {
	width: 205px;
	color: #000000;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

	#subnavigation li {
		width: 205px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: normal;
		line-height: normal;
		float: left;
	}

	li.sub1 a:link, li.sub1 a:visited {
		width: 172px;
		border-bottom: none;
		margin: 0;
		padding: 2px 11px 3px 22px;
		text-decoration: none;
		float: left;
	}

	li.sub1 a:hover, li.sub1 a:active, li.sub1 a:focus {
		color: #000000;
		background: #FFFFFF url(../graphic/bg/bg_sub1.jpg) repeat-y right;
		font-weight: normal;
		text-decoration: underline;
	}

	li.sub1_a a:link, li.sub1_a a:visited {
		width: 172px;
		color: #000000;
		background: #E5ECED url(../graphic/bg/bg_sub1.jpg) repeat-y right;
		border-top: 1px solid #FFFFFF;
		border-bottom: none;
		font-weight: bold;
		margin: 0;
		padding: 2px 11px 3px 22px;
		text-decoration: underline;
		float: left;
	}

	li.sub1_a a:hover, li.sub1_a a:active, li.sub1_a a:focus {
		color: #000000;
		background: #E5ECED url(../graphic/bg/bg_main.jpg) repeat-y right;
		font-weight: bold;
		text-decoration: none;
	}

/* #### -> */

/* ---------------------- subnavigation 2 ---------------------- */

#subnavigation1 {
	width: 205px;
	color: #000000;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

	#subnavigation1 li {
		width: 205px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		font-weight: normal;
		line-height: normal;
		float: left;
	}

	li.sub2 a:link, li.sub2 a:visited {
		width: 161px;
		color: #000000;
		background: #E5ECED url(../graphic/bg/bg_sub1.jpg) repeat-y right;
		border: none;
		font-weight: normal;
		margin: 0;
		padding: 2px 11px 3px 33px;
		text-decoration: none;
		float: left;
	}

	li.sub2 a:hover, li.sub2 a:active, li.sub2 a:focus {
		color: #000000;
		background: #E5ECED url(../graphic/bg/bg_sub1.jpg) repeat-y right;
		font-weight: normal;
		text-decoration: underline;
	}

	li.sub2_a a:link, li.sub2_a a:visited {
		width: 161px;
		color: #000000;
		background: #E5ECED url(../graphic/bg/bg_sub1.jpg) repeat-y right;
		font-weight: bold;
		border: none;
		margin: 0;
		padding: 2px 11px 3px 33px;
		text-decoration: underline;
		float: left;
	}

	li.sub2_a a:hover, li.sub2_a a:active, li.sub2_a a:focus {
		color: #000000;
		background: none;
		background-color: #E5ECED;
		font-weight: bold;
		text-decoration: none;
	}

/* #### -> */

/* -------------------- breadcrumb -------------------- */

#breadcrumb {
	font-size: 90%;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0 0 36px 0;
	list-style: none;
}


	#breadcrumb li {
		margin: 0 5px 0 0;
		padding: 0;
		display: inline;
	}

	li.bread a:link, li.bread a:visited {
		color: #555555;
		background-color: #FFFFFF;
		margin: 0 5px 0 0;
		padding: 0;
		text-decoration: underline;
	}

	li.bread a:hover, li.bread a:active, li.bread a:focus {
		color: #555555;
		background-color: #FFFFFF;
		margin: 0 5px 0 0;
		padding: 0;
		text-decoration: none;
	}

/* #### -> */

/* -------------------- front resizer -------------------- */

#font_resizer_box {
	width: 170px;
	height: 30px;
	float: right;
	margin: 0 -40px 0 0;
	padding: 0 0 5px 0;
	/* border: 1px dotted grey; */
}

#font_resizer {
	width: 170px;
	margin: 0;
	padding: 0 0 5px 0;
}




.cReduceTextSize a:link, .cReduceTextSize a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 120%;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

	.cReduceTextSize a:hover, .cReduceTextSize a:active, .cReduceTextSize a:focus {
		font-family: "Times New Roman", Times, serif;
		font-size: 120%;
		color: #000000;
		background-color: #FFFFFF;
		font-weight: bold;
		margin: 0;
		padding: 0;
		text-decoration: underline;
	}

.cNormalTextSize a:link, .cNormalTextSize a:visited  {
	font-family: "Times New Roman", Times, serif;
	font-size: 140%;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}

	.cNormalTextSize a:hover, .cNormalTextSize a:active, .cNormalTextSize a:focus  {
		font-family: "Times New Roman", Times, serif;
		font-size: 140%;
		color: #000000;
		background-color: #FFFFFF;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0 5px;
		text-decoration: underline;
	}

.cEnlargeTextSize a:link, .cEnlargeTextSize a:visited {
	font-family: "Times New Roman", Times, serif;
	font-size: 160%;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
}

	.cEnlargeTextSize a:hover, .cEnlargeTextSize a:active, .cEnlargeTextSize a:focus {
		font-family: "Times New Roman", Times, serif;
		font-size: 160%;
		color: #000000;
		background-color: #FFFFFF;
		font-weight: bold;
		margin: 0;
		padding: 0 0 0 5px;
		text-decoration: underline;
	}

/* #### -> */

/* ---------------------- service ---------------------- */

#service {
	width: 170px;
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0 0 14px 0;
	float: left;
}

	#service li {
		margin: 0 8px 0 0;
		padding: 0;
		float: left;
	}

	li.serv a:link, li.serv a:visited {
		color: #555555;
		background-color: #FFFFFF;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}

	li.serv a:hover, li.serv a:active, li.serv a:focus {
		color: #555555;
		background-color: #FFFFFF;
		margin: 0;
		padding: 0;
		text-decoration: underline;
	}

	li.serv_a a:link, li.serv_a a:visited {
		color: #555555;
		background-color: #FFFFFF;
		margin: 0;
		padding: 0;
		text-decoration: underline;
	}

	li.serv_a a:hover, li.serv_a a:active, li.serv_a a:focus {
		color: #555555;
		background-color: #FFFFFF;
		margin: 0;
		padding: 0;
		text-decoration: none;
	}

/* #### -> */

/* #### -> */

/* -------------------------------------------- TITLE --------------------------------------------------------- */

/* ---------------------- site "logo" ---------------------- */

#header h1 {
	color: #FFFFFF;
		background-color: #5688CD;
		font-family: Georgia, "Times New Roman", Times, serif;
		text-shadow: 1px 1px 1px #314D73;
		font-size: 200%;
		line-height: normal;
		font-weight: normal;
		letter-spacing: 1px;
		text-transform: uppercase;
		margin: 29px 20px 0 0;
		padding: 0;
}

		#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active, #header h1 a:focus {
		color: #FFFFFF;
		background-color: #5688CD;
		text-decoration: none;
		}

/*
#header h1 {
	color: #101414;
	background-color: #5688CD; //#9FC5C9;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	line-height: normal;
	font-weight: bold;
	letter-spacing: 6px;
	text-transform: uppercase;
	margin: 0 20px 0 0;
	padding: 0;
}

	#header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:active, #header h1 a:focus {
		color: #101414;
		background-color: #5688CD; //#9FC5C9;
		text-decoration: none;
	}
*/
/* #### -> */

/* ---------------------- default ---------------------- */

#middle h1, #right h1 {
	color: #344243;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0 0 8px 0;
}

#middle h2, #right h2 {
	color: #344243;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0 0 8px 0;
}

	#middle .news_teaser h2, #middle .events_teaser h2 {
		color: #344243;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 125%;
		font-weight: bold;
		line-height: normal;
		margin: 0;
		padding: 0 0 4px 0;
	}

#middle h3, #right h3 {
	color: #413E4A;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0 0 4px 0;
}

/* #### -> */

/* -------------------------------------------- TEXT --------------------------------------------------------- */

/* ---------------------- default ---------------------- */

#content p, .teaser p {
	margin: 0;
	padding: 0 0 15px 0;
}

#content ol, .teaser ol {
	margin: 0 0 0 32px;
	padding: 0 0 15px 0;

}

#content ul, .teaser ul {
	margin: 0 0 0 20px;
	padding: 0 0 15px 0;
}

	#content li, .teaser li {
		margin: 0;
		padding: 0 0 4px 0;
	}

.red {
	color: #CC3049;
	background-color: #FFFFFF;
	font-weight: bold;
}

/* #### -> */

/* -------------------------------------------- SITEMAP --------------------------------------------------------- */

/* -------------------- sitemap layer 1 -------------------- */

dl.sitemap1  {
	margin: 20px 0 0 0;
	padding: 0;
}

.sitemap1 dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

	.sitemap1 .site1 a:link, .sitemap1 .site1 a:visited {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_more.gif) no-repeat;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0 20px;
		text-decoration: none;
	}

	.sitemap1 .site1 a:hover, .sitemap1 .site1 a:active, .sitemap1 .site1 a:focus {
		color: #000000;
		background: transparent url(../graphic/bg/bg_more_a.gif) no-repeat;
		text-decoration: underline;
	}

/* #### -> */

/* -------------------- sitemap layer 2 -------------------- */

dl.sitemap2 {
	margin: 5px 0 0 0;
	padding: 5px 0 0 20px;
}

.sitemap2 dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

	.sitemap2 .site2 a:link, .sitemap2 .site2 a:visited {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_more.gif) no-repeat;
		text-transform: none;
		margin: 0;
		padding: 0 0 0 20px;
		text-decoration: none;
	}

	.sitemap2 .site2 a:hover, .sitemap2 .site2 a:active, .sitemap2  .site2 a:focus {
		color: #000000;
		background: transparent url(../graphic/bg/bg_more_a.gif) no-repeat;
		text-decoration: underline;
	}

/* #### -> */

/* -------------------- sitemap layer 3 -------------------- */

dl.sitemap3 {
	margin: 5px 0 0 0;
	padding: 5px 0 0 20px;
}

.sitemap3 dt {
	margin: 0;
	padding: 0;
}

	.sitemap3 .site3 a:link, .sitemap3 .site3 a:visited {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_site3.gif) no-repeat;
		text-transform: none;
		margin: 0;
		padding: 0 0 0 10px;
		text-decoration: none;
	}

	.sitemap3 .site3 a:hover, .sitemap3 .site3 a:active, .sitemap3 .site3 a:focus {
		color: #000000;
		background: transparent url(../graphic/bg/bg_site3a.gif) no-repeat;
		text-decoration: underline;
	}

	.sitemap1 dd {
			color: #333333;
			background-color: transparent;
			margin: 0;
			padding: 0 0 10px 20px;
		}

		.sitemap3 dd {
			color: #333333;
			background-color: transparent;
			margin: 0;
			padding: 0 0 10px 10px;
		}

/* #### -> */

/* #### -> */

/* ---------------------- news ---------------------- */

/* ----------- overview ----------- */

.news_teaser {}

.news_info {
	font-size: 90%;
	color: #5688CD; // #50878D;
	background-color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

	.news_teaser .news_info p {
		font-size: 110%;
		margin: 0;
		padding: 0 0 4px 0;
	}

.news_subheader {
	margin: 2px 0 0 0;
	padding: 0 0 4px 0;
}

	#right .news_subheader {
		margin: 2px 0 0 0;
		padding: 0 0 16px 0;
	}

	#content .news_subheader p, .teaser .news_subheader p {
		margin: 0;
		padding: 0 0 2px 0;
	}

.news_more {
	margin: 0;
	padding: 0 0 20px 0;
}

	.news_more a:link, .news_more a:visited {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_more.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
	}

	.news_more a:hover, .news_more a:active,  .news_more a:focus {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_more_a.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
	}

/* #### -> */

/* ----------- single ----------- */

.news_subheader_single {
	margin: 8px 0 0 0;
	padding: 0;
}

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

.news_related {
	width: 100%;
	margin: 0;
	padding: 0 0 40px 0;
}

	.news_related img {vertical-align: middle;}


	 .news_related_single {
		line-height: 180%;
		margin: 0;
		padding: 0 0 15px 0;
	}

		/* .news_related_single img {
			margin: 0 0 -2px 0;
			padding: 0;
		} */

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

	.news_back a:link, .news_back a:visited {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_back.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
	}

	.news_back a:hover, .news_back a:active,  .news_back a:focus {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_back_a.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
	}

/* #### -> */

/* ----------- archiv ----------- */

ul#news_archiv {
	list-style: none;
	margin: 5px 0;
	padding: 0 0 20px 0;
}

	#news_archiv, #news_archiv li {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.news-amenu-item-year {
		color: #5688CD; // #50878D;
		background-color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 140%;
		line-height: 200%;
		border: none;
		margin: 0;
		padding: 0;
	}

.news_archiv_month {
	margin: 0;
	padding: 0 0 8px 0;
}

	.news_archiv_month a:link, .news_archiv_month a:visited {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_more.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
	}

	.news_archiv_month a:hover, .news_archiv_month a:active,  .news_archiv_month a:focus {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_more_a.gif) no-repeat;
		margin: 0 0 0 0;
		padding: 0 0 0 18px;
	}

/* #### -> */

/* ---------------------- events ---------------------- */

.events_teaser {
	width: 100%;
	margin: 0;
	padding: 0 0 15px 0;
	float: left;
}

.events_date {
	width: 120px;
	font-size: 110%;
	color: #5688CD; // #50878D;
	background-color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
	float: left;
}

.events_txt {
	margin: 0 0 0 130px;
	padding: 0;
}

	#content .events_txt p, .teaser .events_txt p {
		margin: 0;
		padding: 0 0 2px 0;
	}

/* #### -> */

/* ----------- puplication template_list ----------- */

.pub_date {
	width: 60px;
	font-size: 110%;
	color: #5688CD; // #50878D;
	background-color: #FFFFFF;
	font-weight: bold;
	margin: 0;
	padding: 0;
	float: left;
}

.pub_img {
	width: 140px;
	text-align: center;
	margin: 0 0 0 10px;
	padding: 0;
	float: left;
}

.pub_txt {
	margin: 0 0 0 70px;
	padding: 0;
}

	#content .pub_txt p {
		margin: 0;
		padding: 0 0 2px 0;
	}

/* #### -> */

/* #### -> */

/* ---------------------- to top ---------------------- */

.top  {
	width: 100%;
	margin: 10px 0 0 0;
	padding: 0 0 20px 0;
	float: left;
}

	.top a:link, .top a:visited {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_top.gif) no-repeat;
		margin: 0;
		padding: 0 0 0 18px;
		text-decoration: underline;
	}

	.top a:hover, .top a:active, .top a:focus {
		color: #5688CD; // #50878D;
		background: transparent url(../graphic/bg/bg_top_a.gif) no-repeat;
		margin: 0;
		padding: 0 0 0 18px;
		text-decoration: none;
	}

/* #### -> */

/* -------------------- table content default -------------------- */

caption {
	color: #344243;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	text-align: left;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 0 0 8px 0;
}

#content table {
	margin: 0;
	padding: 0 0 15px 0;
}

#content td {
	vertical-align: top;
	margin: 0;
	padding: 2px;
}

/* #### -> */

/* #### -> */

/* -------------------------------------------- FORM --------------------------------------------------------- */


		input, select {
			border : 1px solid #5688CD; // #247896;
			color : "#000";
			background-color : #fff;
			margin : 5px;
			font : "Verdana";
			font-size : 100%;
			padding : 4px;
			vertical-align : middle;
		}

		/*
		input:hover, select:hover {
			background-color : #EDF5DC; // #FFAAAA;
			font-size : 100%;
		}
		*/

		input:focus, select:hover {
			font-size : 100%;
		}

		/*
		.submit {
			border : 2px solid "#5688CD"; // "#247896";
			font-size : 100%;
			font-weight : bold;
		}
		*/


/* ---------------------- default ---------------------- */

#content form {
	width: 100%;
	margin: 0;
	padding: 0 0 15px 0;
	float: left;
}

.form_box {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

.form_label {
	clear: both;
	width: 140px;
	margin: 5px 0 2px;
	padding: 0;
	float: left;
}

.form_element {
	width: 50%;
	margin: 2px 0;
	padding: 0;
	float: left;
}

.form_send {
	width: 80%;
	margin: 0;
	padding: 0 0 0 10px;
	float: left;
}

/* #### -> */

/* ---------------------- search header ---------------------- */

#search form {
	width: 100%;
	margin: 7px 0 0 0;
	padding: 0;
}

	#search fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}

	#search .in_box, #content .in_box {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: #000000;
		background-color: #FFFFFF;
		border: 1px solid #C4D4D5;
		margin: 0;
		padding: 2px;
	}

		#search .in_box:focus, #content .in_box:focus {
			color: #000000;
			background: #FFFFFF url(../graphic/bg/bg_input.gif) right center no-repeat;
			border: 1px solid #C4D4D5;
			margin: 0;
			padding: 2px;
		}


	#search .s_button, #content .s_button {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 90%;
		font-weight: bold;
		color: #000000;
		background-color: #C4D4D5;
		border: none;
		margin: 0 0 0 5px;
		padding: 2px;
		cursor: pointer;
	}

	#content .s_button {
		margin: 3px 0 0 0;
        }

		#search .s_button:focus, #content .s_button:focus {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 90%;
			font-weight: bold;
			color: #000000;
			background: none;
			background-color: #C4D4D5;
			border: none;
			margin: 0 0 0 5px;
			padding: 2px;
			cursor: pointer;
		}

	#content .clear_button {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 90%;
		font-weight: bold;
		color: #FFFFFF;
		background-color: #CC3049;
		border: none;
		margin: 0;
		padding: 2px;
		cursor: pointer;
	}

		#content .clear_button:focus {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 90%;
			font-weight: bold;
			color: #FFFFFF;
			background: none;
			background-color: #CC3049;
			border: none;
			margin: 0;
			padding: 2px;
			cursor: pointer;
		}

/* #### -> */

/* -------------------- search results -------------------- */

.search_both {
	width: 100%;
	margin: 0;
	padding: 0;
}

.search_no {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
}

.search_content {
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0;
}

.search_path {
	width: 100%;
	font-size: 90%;
	font-weight: bold;
	line-height: normal;
	color: #666666;
	background-color: transparent;
	margin: 2px 0 4px 0;
	padding: 0;
}

	.search_path a:link, .search_path a:hover, .search_path a:active, .search_path a:focus {
		color: #5688CD; // #50878D;
		background-color: transparent;
	}

	.search_path a:visited {
		color: #5688CD; // #50878D;
		background-color: transparent;
	}

.search_specs {
	width: 100%;
	font-size: 90%;
	font-weight: bold;
	line-height: normal;
	color: #50878D;
	background-color: #FFFFFF;
	margin: 3px 0 30px 0;
	padding: 0;
}

.search_nav {
	width: 100%;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	margin: 20px 0 0 0;
	padding: 1px 0 20px 0
}

#content .search_both h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 125%;
	color: #344243;
	background-color: #FFFFFF;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 4px 0 2px 0;
}

	.search_both h2 a:link, .search_both h2 a:visited, .search_both h2 a:hover, .search_both h2 a:active .search_both h2 a:focus {
		font-size: 120%;
		color: #344243;
		background: #FFFFFF url(../graphic/bg/bg_search.gif) no-repeat top left;
		text-decoration: none;
		font-weight: bold;
		line-height: normal;
		margin: 20px 0 0 0;
		padding: 4px 10px 10px 25px;
	}

	.tx-indexedsearch-redMarkup {
		color: #344243;
		background-color: #FFD600;
		padding: 2px 4px;
	}

.tx-indexedsearch-res, .tx-indexedsearch {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

/* #### -> */

/* -------------------- login internal area-------------------- */

.login_txt {
	width: 40%;
	margin: 2px 0 0 0;
	padding: 0;
}

.login_input {
	width: 40%;
	margin: 0 0 10px 0;
	padding: 0;
}


#content .login_input input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: #000000;
		background-color: #FFFFFF;
		border: 1px solid #C4D4D5;
		margin: 0;
		padding: 2px;
}

	#content .login_input input:focus {
		color: #000000;
			background: #FFFFFF url(../graphic/bg/bg_input.gif) right center no-repeat;
			border: 1px solid #C4D4D5;
			margin: 0;
			padding: 2px;
	}

#content .login_input .log_send {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	color: #000000;
	background-color: #C4D4D5;
	border: none;
	margin: 5px 0;
	padding: 2px;
	cursor: pointer;
}

	#content .login_input .log_send:focus {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 90%;
		font-weight: bold;
		color: #000000;
		background: none;
		background-color: #FFFFFF;
		border: none;
		margin: 5px 0;
		padding: 2px;
		cursor: pointer;
	}

/*
   ###
   ### These are the formerly used styles for the GHIL library catalogue
   ###


		body {
			color : #000000;
			background-color : #fff;
			font : 12pt/14pt "Verdana";
			padding : 5px;
		}

		table.head {
			color : #fff;
			background-color : #5688CD; //#9FC5C9;
			line-height : 120%;
			font : "Verdana";
			border : 2px solid #5688CD; // #247896;
		}

		table.head2 {
			color : #fff;
			background-color : #5688CD; //#9FC5C9;
			line-height : 120%;
			font : "Verdana";
		}

		table {
			color : #000000;
			font : 11pt "Verdana";
			vertical-align : middle;
		}

		table.form {
			border : solid #5688CD; // #247896;
			color : #000000;
			font : 12pt/14pt "Verdana";
			vertical-align : middle;
		}

		input {
			border : 1px solid #5688CD; // #247896;
			color : #000;
			background-color : #fff;
			margin : 5px;
			font : "Verdana";
			font-size : 100%;
			padding : 2px 2px 2px 5px;
			vertical-align : middle;
		}

		input:hover {
			background-color : #EDF5DC; // #FFAAAA;
			font-size : 100%;
		}

		input:focus {
			font-size : 100%;
		}

		form {
			border : 1px solid #fff;
			background-color : #fff;
			font-size : 12px;
			line-height : 100%;
			padding : 5px;
		}

		form.edit {
			background-color : #fff;
			font-size : 12px;
			line-height : 100%;
			padding : 5px;
		}

		.submit {
			border : 2px solid #5688CD; // #247896;
			font-size : 100%;
			font-weight : bold;
		}

		a:link {
			color : #d6ba1d;
			text-decoration : none;
			font-weight : bold;
		}

		a:visited {
			color : #1b2c62;
			text-decoration : none;
			font-weight : bold;

		a:hover {
			color : #ee00ff;
			text-decoration : none;
			background-color : #ffffff;
		}

		a:active {
			color : #ee0000;
			background-color : #ffff99;
		}

*/


/* -------------------------------------------- LIBRARY --------------------------------------------------------- */


.status {
	font-style: italic;
}

.article {
	/* color: #777; */
}

.detailed_search {
	vertical-align: middle;
	text-align: left;
}

#index_block {
	width: 95%;
	padding: 10px;
	border : 1px solid #AAA;
	font-family: "Courier New", Courier, monospace;
	font-size: 120%;
	line-height: 1.5;
	text-align: left;
}

.index_line:hover, .index_line a:hover {
	background-color:  #EEE; // #EEDC78;  /* #E8D155; */
	}

.index_selector {
	width: 200px;
	}

.search_nav {
	font-size: 120%;
	line-height: 3;
	}

.tab_img {
        margin-top: 8px;
        }

.glist_table {
 	border-collapse: collapse;
 	border: 1px solid #AAA;
	}

.glist_table td {
 	padding: 5px;
	}

th {
	font-size: 120%;
	font-weight: normal;
}

th .disabled {
	border: 0;
	color: #CCC;
}

td.number {
	vertical-align: top;
	text-align : right;
	font-weight: bold;
}

td.count {
	vertical-align: top;
	text-align : right;
}

td.tickbox {
	vertical-align: top;
}

td.tickbox input {
	border: 0;
}

.record {
	padding: 12px;
	vertical-align: top;
	text-align : left;
}

td.year, th.year {
	width: 60px;
	border-left: 1px solid #ddd;
	text-align: center;
}

td.shelfmark, th.shelfmark {
	width: 120px;
	border-left: 1px solid #ddd;
}

.odd {
	background-color: #EEE;
	text-align: left;
	}

.even {
	text-align: left;
	}

.results {
	/* width: 640px; */
	text-align: left;
	font-size: 120%;
	margin-left: 40px;
	margin-right: 40px;
	border-bottom: 0;
}

.dummy_row {
	line-height: 5px;
}

.vol_num {
	text-align: right;
	vertical-align: top;
	padding-right: 8px;
	width: 100px;
}

.vol_num_level_1 {
	text-align: right;
	vertical-align: top;
	padding-right: 8px;
	width: 80px;
}

.vol_num_level_2 {
	text-align: right;
	vertical-align: top;
	padding-right: 8px;
	width: 120px;
}

/*
.vol_num_level_3 {
	text-align: right;
	vertical-align: top;
	padding-right: 8px;
	width: 180px;
}
*/

.index_nav {
       padding: 5px;
	}

#nav_top {
	text-align: center;
	margin-bottom: 20px;
	}

#nav_bottom {
	margin-top: 20px;
	text-align: center;
	}




#record_table_shelfmark {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	}

#record_table_shelfmark tr {
	vertical-align: top;
	}

#record_table_shelfmark td.data_field_label {
	width: 150px;
	}



#record_table_subject {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	}

#record_table_subject tr {
	vertical-align: top;
	}

#record_table_subject td.data_field_label {
	width: 150px;
	}

.shelfmark {
	font-weight: bold;
	}



.result_number {
	font-weight: bold;
	}


.disabled {
	color: #aaa;
	border: 1px dashed #ccc;
	font-size : 100%;
}

.arrow {
	font-size : 120%;
}

.arrow a:link {
	color: black;
}

.arrow a:visited {
	color: black;
}

.highlight {
	color: #5688CD; // #D6B91D; // #CF1919;
	font-size : 130%;
}

input.enabled:hover, select.enabled:hover {
	background-color : #EDF5DC; // #FFAAAA;
	font-size : 100%;
}

a:link, a:visited {
	text-decoration : none;
}

#qsearch_help {
	text-align: left;
}

.debug_hide {
	display: none;
}

.debug_show {
	display: block;
	padding: 8px;
	margin: 8px;
	border: 1px dashed #EEE; // #EEDC78;
}

.db_info {
	display: table-cell;
	padding-left: 24px;
	padding-right: 24px;
	text-align: center;
}

#last_update {
	float: left;
	text-align: left;
        color: #CCC;
        margin: 6px;
}
#last_update a {
	color: #CCC;
}

h4 {
	font-size : 120%;
	font-weight: bold;
	margin-top: 24px;
}

#header_date {
	display: none;
}