/*
About this document
---------------------------------------------------
Project:		BASE
Filename:		"dc_screen.css"
Date:			05.12.2008
Author:			Renata Mitrenga


Last modified
---------------------------------------------------
Version:		0.0
Date:			
Modifier:		


Sections of this document
---------------------------------------------------

	=Globale Angaben
		=Allgemeines
		=globale Linkdefinition
	=Formulare
	=Header
	=MainContent
		=einfache und erweiterte Suche
	=Trefferliste + Drilldowns
		=Trefferliste
		=Drilldowns
	=Footer
*/


/* ---------------------------- Globale Angaben ----------------------------- */

	/* ---- Allgemeines ---- */
	html, body, form, fieldset, input, button, h1, h2, h3, h4, p, pre, ul, ol, dl {
		margin:			0;
		padding:		0;
	}

	body {
		/*font-size:	in header.tpl;*/
		font-family:	Verdana,Tahoma,Arial,Helvetica,sans-serif;
		line-height:	1.5;
		background: 	#FFF;
		width:			100%;
		color:			#333333;
		min-width:		1000px; 
	}
	img {
		border:			0; 
	}
	h1 {
		font-size:		1.2em;
		line-height:	1.2em;
		letter-spacing: -0.02em;
	}
	h2 {
		font-size:		1.2em;
		color:			#9AAD24;
		line-height:	1.2em;
		margin:			0.5em 0 0.5em 0 ;
	}
	.ClearBoth {
		clear: 			both;
	}		
	.Hidden, .Print {
		display:		none;
	}
	.DashedLine {
		border-bottom:	1px dashed #b6c828;
	}			
	.BetweenLines {
		margin:			0.2em 15px 0.2em 15px;
	}
	.Left {
		float:			left; 
	}		
	.Right {
		float:			right; 
	}
	
	/* ---- globale Linkdefinition ---- */
	a:visited, a:link, a:active, a:hover {
		text-decoration:none;
		color:			#9AAD24; 
		font-weight:	bold;
	}
	a.White:visited, a.White:link, a.White:active, a.White:hover {
		color:			#FFF; 
	}	
	a.Grey:visited, a.Grey:link, a.Grey:active, a.Grey:hover {
		color:			#333333; 
	}
	a.Orange:visited, a.Orange:link, a.Orange:active, a.Orange:hover {
		color:			#F59F00; 
	}
	a.GreenNormal:visited, a.GreenNormal:link, a.GreenNormal:active, a.GreenNormal:hover {
		color:			#9AAD24; 
		font-weight:	normal;
	}	
	a.GreyNormal:visited, a.GreyNormal:link, a.GreyNormal:active, a.GreyNormal:hover {
		color:			#333333; 
		font-weight:	normal;
	}		
	.Url a:visited, .Url a:link, .Url a:active, .Url a:hover {
		color:			#333333; 
		font-weight:	normal;
	}			
/* ----------------------------  Formulare ----------------------------- */

	.TextField {
		border:			1px solid #CFCFCF;
		font-family:	Verdana,Tahoma,Arial,Helvetica,sans-serif;
		font-size:		1.1em;
		padding:		0.15em 0.1em 0.15em 0.1em;
		color:			#333333;
		height:			auto;
		margin:			0;
	}
	.Submit {
		background: 	#FFF;
		border:			1px solid #CFCFCF;
		width:			7.5em;
		height:			1.7em;
		color:			#F59F00;
		font-weight:	bold;
		padding:		0 0.5em 0 0.5em;
		margin:			0;
		text-align:		center;
		cursor:			hand;
		font-size:		1.1em;
	}

	select {
		border:			1px solid #B4B2BD;
		color:			#333333;
		font-family:	Verdana,Tahoma,Arial,Helvetica,sans-serif;
		font-size:		0.9em;
		padding:		0.2em 0.1em 0.2em 0.1em;
		width:			50%;
		float:			left;
		margin:			0;
		/*height:			1.9em;*/
	}	
	
	label {
		margin: 		0 0 0 1.7em ;
		display:		block;
		padding:		0 0 0.2em 0;
	}
	fieldset {
		border:			none;
	}

/* ----------------------------  Header ----------------------------- */
	#Header {
		width:			100%;
		position:		relative;
		margin:			0 0 2em 0;
	}
	#Header:after {	
		clear:			both;
		content:		".";
		display:		block;
		height:			0;
		visibility:		hidden;
	}	
	#BaseLogoBox {
		position:		relative;
		min-width:		253px;
		width:			26.1%;
		background:		#FFF;
		height:			61px;
	}
	#BaseLogo {
		margin:			2px 0 0 15px;
	}
	#HeaderLeft {
		margin:			-12px 0 0 0;
		background:		#B4CA29;
		display:		block;
		width:			73.0%;
		min-width:		600px;
		float:			left;

	}
	#Menu {
		font-weight:	bold;
		color:			#FFF;
		padding:		32px 0 3px 0;
		margin-left:	35.8%;
		width:			63.6%;
		display:		block;
	}
	
	#HeaderRight {
		margin:			-12px 0 0 0;
		background:		#B4CA29;
		float:			left;
		width:			26.9%;
	}	
	#Language {
		font-weight:	bold;
		text-align:		right;
		margin:			26px 0 0 0;
		padding:		1px 14px 3px 0;
		background:		#FFF;
	}
	a.SmallFont:visited, a.SmallFont:link, a.SmallFont:active, a.SmallFont:hover {
		text-decoration:none;
		color:			#F59F00; 
		font-size:		0.95em;
	}
	a.MediumFont:visited, a.MediumFont:link, a.MediumFont:active, a.MediumFont:hover {
		text-decoration:none;
		color:			#F59F00; 
		font-size:		1.2em;
	}	
	a.LargeFont:visited, a.LargeFont:link, a.LargeFont:active, a.LargeFont:hover {
		text-decoration:none;
		color:			#F59F00; 
		font-size:		1.45em;
		margin:			0 8px 0 0;
	}	
/* ----------------------------  MainContent ----------------------------- */
	
	#MainContent {
		margin:			0 15px 1.3em 15px;	
		clear:			both;
		width:			auto;
	}

	#MainContent:after {	
		clear:			both;
		content:		".";
		display:		block;
		height:			0;
		visibility:		hidden;
	}		
	/* ---- einfache und erweiterte Suche ---- */		
	
	#BasicSearch, #AdvancedSearch   {
		width: 			42%;
		min-width:		13em;
		float: 			left;
		margin:			0 2.7% 1.5em 0;
		padding:		0;
	}
			
	#WordForms, #Source, #BaseGoogle {
		width:			26.3%;
		min-width:		10em;
		float: 			left;
		margin:			0 0 1.5em 0;
		padding:		0;
	}
	#Thesaurus, #PublicationYear, #Statistics {
		width:			26.3%;
		min-width:		10em;
		float: 			right;
		margin:			0 0 1.5em 0;
		padding:		0;
	}	
	.Border {	
		background:		#EFF3D7;
		border:			1px dotted #B4CA29;
		padding:		1em;
	}
	
	.Line {
		height:			0.35em;
		overflow:		hidden;
		background:		#B4CA29;
		margin:			0.4em 0 0.8em 0;
	}	
	.LeftOfLabel {
		float:			left;
		width:			1.7em;
		margin:			0.2em 0 0 0;
	}
	#BasicSearch .Border, #WordForms .Border, #Thesaurus .Border, #PublicationYear .Border, #Source .Border, #BaseGoogle .Border, #Statistics .Border {
		min-height:		5.1em;
	}
	#Statistics .Border {
		line-height:	1.7em;	
	}
	#BasicSearch .Submit {
		float: 			right;
		margin:			1.3em 0 0 0;
	}
	#BasicSearch .TextField {
		width:			99.3%;
		float:			right;
	}
	#AdvancedSearch .TextField {
		width:			48%;
		float:			right;
		margin:			0 0 1.04em 0;
	}
	#AdvancedSearch	select {
		width:			49%;
	}
	#AdvancedSearch .Border {
		min-height:		16.9em;
	}

	#AdvancedSearch .Submit {
		float: 			right;
	}
	#PublicationYear select {
		width:			75%;
	}
	#Source select {
		width:			100%;
	}
	#PublicationYear .TextField {
		width:			21%;
		float:			right;
	}
	#PublicationYear label {
		float:			right;
		margin:			0.5em 0 0 0;
	}
	#DocumentType {
		margin:			0 0 1.5em 0;
	}
	#DocumentType .Border {
		min-height:		5.8em;
	}
	#DocumentType .Border:after {	
		clear:			both;
		content:		".";
		display:		block;
		height:			0;
		visibility:		hidden;
	}		
	.DocumentTypeColumn1 {
		width:			20.8%;
		float:			left;
	}
	.DocumentTypeColumn2 {
		width:			24.7%;
		float:			left;
	}
	.DocumentTypeColumn3 {
		width:			15.9%;
		float:			left;
	}
	.DocumentTypeColumn4 {
		width:			14%;
		float:			left;
	}
	.DocumentTypeColumn5 {
		width:			11.3%;
		float:			left;
	}
	.DocumentTypeColumn6 {
		width:			12.8%;
		float:			left;
	}			
						
/* ----------------------------  Trefferliste + Drilldowns ----------------------------- */	

		
	#ResultsDrilldowns {
		margin:			2em 15px 0 15px;
	}
	/* ---- Trefferliste ---- */
	#ResultsBox {
		width:			71%;
		float:			left;
		margin:			-1.9em 0 0 0; 
	}
	.Results {
		margin:			1.9em 0 2.2em 0;
	}
	
	.ResultsContent {
		border-left:	1px dotted #B4CA29;
		margin:			-0.2em 0 0 0;
		padding:		0 0 0.5em 0;
	}
	.Item {
		clear:			both;
		margin:			0 0 0.2em 0.5em;
	}
	.ItemLeft {
		float:			left;
		/*width:		Angabe in verify_css_languages.inc.php */
		font-weight:	bold;
	}
	.ItemRight {
		margin-top:		0; 
		margin-bottom:	0; 
		margin-right:	0;
		/*margin-left:	Angabe in verify_css_languages.inc.php */
		overflow:hidden;
	}
	
	.Metadata {
		background:		#EFF3D7; 
	}
	
	/* ---- Drilldowns ---- */
	#DrilldownBox {
		width:			26.3%;
		float:			right;
		margin:			0;
	}
	.Drilldown, .DrilldownHistory {
		margin:			0 0 1.8em 0;
	}

	.Drilldown select {
		width:			100%;
		margin:			0.5em 0 0 0;
		/*font-size:		0.9em*/
	}
	.Drilldown option {
		width:			auto;
	}
	.Drilldown .Submit {
		float:			right;
		margin:			0.5em 0 0 0;
		width:			5em;
	}
	.Drilldown .Border {
		padding:		 0.5em 1.2em 1em 1.2em ;		
	}
	
	.DrilldownHistory .Border {
		padding:		1em 1.2em 1em 1.2em ;		
	}
	
/* ----------------------------  Footer ----------------------------- */
	#Footer {
		font-size:		0.95em;
		color:			#969296;	
		width:			100%;
	}
	#FooterText {
		padding:		1em 1em 2.2em 15px;	
		float:			left;	
	}
	#BibLogo {
		float:			right;
		margin:			1.3em 0 0 0;
	}
	#UniLogo {
		float:			right;
		margin:			1.3em 15px 0 1.2em;
	}