/* General Element Styling */

body {
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	text-align: center;
/*	background: url(/sitepic/basilisk_back1.png) no-repeat bottom right; */
/*	background-color: Fuchsia; */
	/* where does the right space of 14 pixel come from (makes a scrollbar) ??? */
	/* search: "Unwanted horizontal scrollbar" "width:100%" */
	/* it's the width 100% of footer (and why not container???) */
	margin: 1px;
	padding: 0;
}

a 
{
	text-decoration:none;
	font-weight:bold;
}
	
p,h1,pre 
{
	/* margin:0px 10px 10px 10px; */
}
		
h1 
{
/*	padding-top:10px;*/
font-variant: small-caps;
}

/*	
select
{
	width: 170px;
	border: 1px solid #CDDDA6;
	background: #f1edcf;
}
*/

/*** Overall container ***/
#container {
	max-width: 980px; 
	min-width: 680px; 
	padding: 0;
/*	clear: left; */
	text-align: left;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-style: solid;
	border-color: #542D1C;
}

/*** Header ***/
#header {
	background: transparent url(/sitepic/sulp1_head.gif) repeat-x top left; 
	padding-left: 200px;
	height: 100px; /*	margin: 0 20px 10px;*/
	font-weight: bold;
	text-align: left;
	border-top: 0;
	border-bottom: 1px;
	border-left: 0;
	border-right: 0;
	border-style: solid;
	border-color: #542D1C;
}

/*** Content wrapper ***/
#wrap {
	clear:both;
	font-size:0.9em;
	padding:0;
	margin-top: 0;
/*	background-color: Blue; */
}

/*** Side columns ***/

#leftcontent,#rightcontent {
	margin:0;
	padding-top: 4px;
/*	padding:0 5px 5px;*/
	width:195px;
/*	background-color: Red; */
}

#leftcontent {
	float: left;
/*	margin-right: 10px;*/
	padding-left: 5px;
}

#rightcontent {
	float: right;
/*	margin-left: 10px;*/
}

/*** Center Content container ***/

#centercontent {	
/*	background-color: Olive; */
	margin:0 200px;
}

/*** Footer ***/

#footer 
{
	clear: both;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 5px 7px;
	text-align: center;
	background: url(/sitepic/basilisk_back1.png) no-repeat bottom right;
/* setting width to 100% will cause a right margin and a horizontal scrollbar in	
	both ie and ff */
/*	width: 100% */
}

#footer a {
	font-weight:bold;
}

/*** Text format ***/
.small {
	font-size:0.8em;
}

.large {
	font-size:1.4em;
}

.center {
	text-align:center;
}

/* some alignment (not currently used) */
.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

/*** Various classes ***/
.clearingdiv {
	clear:both;
	height:1px;
/*	width:1px; */
}

.hide 
{
	display:none;
}

/* Lists general */
ul
{
	margin: 0;
	padding: 2px;
	list-style: none;
}

ul li
{
	padding: 2px 0px 2px 4px;
	margin: 0px;
}
	
/* center wrapper (allows, among others, images to be centered and 100% wide) */
.centerwrapper, .cimagewrapper, .bibliowrapper, .glosswrapper
{
 	float: left; 
	width: 100%;
}

/* center image */
.cimage
{
	padding: 5px;
	text-align: center;
}

.cimage img
{
	text-align: center; 
}

#titlebar 
{
/*	background: transparent url(/sitepic/background_trans/half_F1EDCF.gif); */
	background: transparent url(/sitepic/background_trans/half_FFFFFF.gif);
	margin: 0;
	height: 40px;
	padding-left: 10px;
}
	
/* menu */
#menubar 
{
/*	background: transparent url(/sitepic/background_trans/half_F1EDCF.gif); */
	background: transparent url(/sitepic/background_trans/half_FFFFFF.gif);
	height: 30px;
	margin: 0px;
	padding: 0;
	padding-left: 10px;
}

#menubar ul
{
	margin: 0;
	padding: 0;
}

#menubar li
{
	float: left;
	padding: 0 13px 0 0;
	margin: 0;
	list-style: none;
}
	
#menubar li a 
{
	font-variant: small-caps;
/*	text-transform: uppercase; */
	margin-top: 0px;
}
	
/* search bar */
#searchbar 
{
/*	background: transparent url(/sitepic/background_trans/half_F1EDCF.gif); */
	background: transparent url(/sitepic/background_trans/half_FFFFFF.gif);
	height: 30px;
	font-variant: small-caps;
/*	text-transform: uppercase; */
}

#searchbar ul
{
	padding: 0;
	margin: 0px;
	list-style: none;
	display: inline;
}

#searchbar li #searchfield
{
	float: left;
}

#searchbar li #langsel
{
	float: right;
}

#searchbar li ul li
{
	display: inline; 
	padding: 0px 5px;
}

#searchbar .searchbox
{
	font-size: 10px;
	width: 100px;
	vertical-align: text-bottom; 
	height: 1.2em;
	line-height: 1.2em;
	border: 1px solid #542D1C;
	background: #FFFFFF; 
}

#searchbar .button
{
	width: auto;
	vertical-align: middle;
}

/* language selector */

#langsel
{
/*	font-size: 12px; */
	font-size: 16px;
}

/* gazetteer navigation */
#gaznav
{
	width: 190px;
}
	
#gaznav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: dotted 1px;
}
	
/* Pad left from second level on */	
#gaznav ul li ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 10px;
}

#gaznav li
{
	padding: 0;
	margin: 0;
	border-bottom: dotted 1px;
}

#gaznav a, #gaznav li a, #gaznav li a:visited
{
	text-decoration: none;
	color: inherit;
}

#gaznav a:hover
{
	font-weight: bold;
	letter-spacing: 0;
}

/* glossar */
#glossarabc, #biblioabc
{
	margin: 2px 10px;
	padding: 0;
}

#glossarabc ul, #biblioabc ul
{
	/*width: 100%;*/
}

#glossarabc li, #biblioabc li
{
	float: left;
	padding: 0 3px 0 2px;
	margin: 0px;
	list-style: none;
}
	
#glossarlist, #bibliolist
{
	clear: left; 
	font-size: 12px;	
}

#glossarlist ul.vert
{
	list-style-type: none;
}

#glossarlist ul.vert li
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	border-top: dotted 1px;
}

#glossarlist ul.glossrow 
{
	clear: left;
	list-style-type: none;
	height: 2.5em;
	padding: 0;
	margin: 0;
}

#glossarlist ul.glossrow li 
{
	float: left;
	width: 80px;
	padding: 0;
	margin: 0;
	border: none;
}

#glossarlist ul.glossrow li.name 
{ /* size your columns individually at the expense of »
  slightly bloated markup (labelling each appropriate <li> with this class) */
	width: 120px;
}

#glossarlist ul.glossrow li.desc 
{
	padding-right: 0;
	width: auto;
}

.map
{
	margin-top: 5px;
}

/* image navigation block, including image */
.imgnavigator
{
	float: left;
	padding: 0 5px 0 5px;
}

/* the navigator itself (prev, home, next) */
.imgnav, .centerhome
{
	margin: 7px 0 5px 0; 
	font-size: 10px;
	width: 100%; 
/*	display: block; */
}

.imgnavprev
{
	width: 33%;
	float: left;
}

.imgnavhome
{
	width: 33%;
	text-align: center;
	float: left;
}

.imgnavnext
{
	width: 33%;
	text-align: right;
	float: right;
}

.centerhome
{
	text-align: center;
}

/************************/
/***  search result   ***/
/************************/
.srch_cat
{
	padding: 5px 5px 12px 5px;
}

.srch_cat_title
{
	font-weight: bold;
}

.srch_cat_table
{
	width: 100%;
	border-collapse: collapse;
}

.srch_cat_table thead
{
	/*	background-color: #F2EADA; */
/*	background-color: #F8F3ED; */
}

.srch_cat_table thead tr td
{
/*	border-bottom: medium solid #471721; */
	border-bottom: 2px solid #543B1C;
}

.srch_cat_table tbody tr td
{
	border-bottom: 1px solid #543B1C;
}

/*******************/
/***  mail form  ***/
/*******************/
.mailForm
{
	padding: 10px;
	float: left;
}

.mailForm #mailTitle
{
  font-weight: bold;
  text-align: center;
  margin: 5px 10px 15px 10px;
}

.mailForm label, .mailForm input, .mailForm select, .mailForm textarea
{ 
  display: block;
  float: left;
  margin-bottom: 10px;
}

.mailForm input, .mailForm select, .mailForm textarea 
{ 
  width: 250px;
}

.mailForm label 
{
 text-align: right; 
 padding-right: 10px;
 width: 100px;
}

.mailForm br 
{
  clear: left; /* clear floating of labels and inputs */
}

/* following does not work in ie */
.mailForm input[type="submit"]
{
/*  background-color: #F2EADA; */

  background-color: #F8F3ED;
  float: none;
  margin-left: 110px;
  width: auto;
}

/* this is for ie, strange (1/2 margin) seems to help */
/*  but only, if it is the primary button */
.mailForm .mailSubmit
{
  background-color: #F2EADA;
  margin-left: 55px;
  width: auto;
}

.mailForm #mailReqHint
{
  float: none;
  margin-left: 110px;
  text-align: right;
}

.warning
{
	color: Red;
	font-weight: bold;
}

/***********************************/
/***  plain text, e.g. "about"   ***/
/***********************************/
.plainText
{
	padding: 0 15px 5px 15px;
	text-align: center;
}

.plainText h3
{
	text-align: center;
}

/*******************************************/
/***  link list, e.g. "credits, links"   ***/
/*******************************************/
.linkList
{
	padding: 0 15px 5px 15px;
	text-align: center;
}

.linkList li
{
	margin-top: 5px;
}

/*** ****** ***/
/*** colors ***/
/*** ****** ***/
body, #container
{
	color: #542D1C;
/*	background-color: #F1EDCF;  */
}

pre 
{
	color:blue;
}

li a,
#menubar li a, 
#searchbar li a, 
#glossarabc li a, #glossarabc li a:visited,
.imgnav a, .centerhome a,
#footer a
{
	color: #542d1c;
}

#gaznav li.subactive, #gaznav li.subactive a, #gaznav li.subactive a:visited
{
	border-color: #542D1C;
	color: #FFA57F;
}

a:hover, 
#langsel li.active, #langsel li:hover, #langsel li.active a, #langsel li a:hover, 
	#gaznav li:hover, #gaznav li a:hover, 
		#gaznav li.active , #gaznav li.active a, #gaznav li.active a:visited, 
		#gaznav li.subactive a:hover, #gaznav li.inactive a:hover, #gaznav li.inactive a:visited:hover,
	#glossarabc li a:hover,
	#menubar a:hover,
	#rightcontent li a:hover, #rightcontent li a:visited:hover,
	#footer a:hover
{
	color: #FF4C00;
}

#gaznav li.active , #gaznav li.active a, #gaznav li.active a:visited
{
	background-color: #EBFFBF;
}

/* has to be defined after active and normal */
#gaznav li.inactive, #gaznav li.inactive a, #gaznav li.inactive a:visited
{
	border-color: #542D1C;
	color: #542D1C;  
}

#rightcontent li a
{
	color: #260DA3;
}

#rightcontent li a:visited
{
	color: #6458A3;
}

#rightcontent img
{
	width: 190px;
}

#noresult
{
   color: Red;
}

.mailForm input, .mailForm select, .mailForm textarea
{
	border-color: #542d1c;
	border-style: solid;
	border-width: 1px;
}

/*** ***** ***/
/*** fonts ***/
/*** ***** ***/

body
{
/*	font: 16px/1.2 Garamond, Verdana, Arial, Helvetica, sans-serif;*/ /*background: #DDB7A6;*/
	font: 16px/1.2 Verdana, Arial, Helvetica, sans-serif; 
}

#leftcontent 
{
	font-size: 12px;
}

#rightcontent 
{
	font-size:10px
}

#titlebar
{
	font-size: 12px;
	line-height: 1.1em;
}
			
#titlebar h1
{
	font-size: 32px;
	line-height: 1.1em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
}

#gaznav
{
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	letter-spacing: 0;
}