/* default.css */
/* original implementation: J.Petrak */
/* graphic design and revision: M.C.Ludl */



/*** common full-page adjustments ***/


body {
	margin: 20px;
	padding: 0px;
	color: #002266;
	background-color: #FFFFFF;
	font-family: verdana, helvetica, arial, sans-serif, sans;
	font-size: 80%;     /* counter an IE bug */
}

p {
	/* font-size: 0.8em; */
	margin: 10px;     /* make NS and IE behave the same way */
	padding: 0px;
}

h1 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	/* line-height: 100%; */
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

ul {
	list-style-type: square;
	margin-left: 1em;
	padding-left: 1em;
}

acronym {
	cursor: help;
}


hr { 
  margin: 10px 0px 10px 0px;
  color: #4d5da5;
  background-color: #4d5da5;
  height: 3px;
  border: 0px;
}


/* ----------------------------------------------------------------- */
/*** re-definitions for the homepage ***/


.homepage h1 {
	color: #6B83B2;
	margin-bottom: 1em;
	/* border-bottom: 1px dotted #6B83B2;
	width: 100%; */
}



/* ----------------------------------------------------------------- */
/*** a few wrapper classes ***/


.wrapper {
	width: 100%;
	min-width: 400px;   /* doesn't work in IE, but I don't mind very much */
}

.outercolumnbox {
	background-color: #FFFFFF;
	border-left: 150px solid #FFFFFF;     /* where goes the color? */
	margin-right: 7%;   /* leave white space on the right side */
	width: auto;
}

.innercolumnbox {
	margin: 0px;
	width: 100%;
}

.clear {
	clear: both;
	overflow: hidden;   /* used for a min-height trick */
}



/* ----------------------------------------------------------------- */
/*** stuff for the page head that is common to all pages ***/


.head {
	width: 100%;
	background-color: #4D5EA5;   /* #6B83B2; */
	color: #FFFCF5;
	height: 100px;
}

/*** logo box ***/
.logo {
	/* float: left; */
	position: absolute;   /* preventing the wrapping seems impossible with floats (i.e. without explicit positioning) */
	left: 0px;
	height: 100px;
	width: 150px;
	background-color: #6B83B2;
	color: #FFFCF5;
}

.logo a {
	text-decoration: none;
}

/*** stuff (usually) to the right of the logo ***/
.headcontent {
	/* margin-left: 150px; */
	/* float: left; */
	position: absolute;   /* preventing the wrapping seems impossible with floats (i.e. without explicit positioning) */
	left: 150px;
	height: 100px;
	/* background-image: url(../images/yard3.gif); */   /* Not possible like this, needs to be relative */
	background-repeat: no-repeat;
}

.headcontent h1 {
	/* padding: 10px; */
}

.head h2 {
	padding: 10px;
	display: inline;
}



/* ----------------------------------------------------------------- */
/*** The navigation bar ***/


.navbar {
	font-size: 0.9em;
	font-variant: small-caps;
	margin-bottom: 15px;
}



/* ----------------------------------------------------------------- */
/*** The menu bar ***/


.menubar {
	/* width: 100%; */     /* do not specify a 100%-width, if using side-padding!!! */
	/* padding-left: 160px; */     /* padding is added to the width (???), making the menubar wider than the head >:-{ */
	padding-right: 7%;     /* align the search field with the white space on the right */
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #6B83B2;
	background-color: #C6CFE3;
	line-height: 2em;
}

.menubar a {
	/* position: relative; */   /* this has a strange vertical positioning effect (bye-bye, pixel-perfect code!) */
	/* left: 160px; */     /* on some screens the menubar grows too wide :-( */
	/* top: 1.0em; */      /* because of stupid IE I cannot float the buttons along the bottom perfectly :-( */
	margin-left: 0.4em;    /* left instead of right margin, when the buttons start from the extreme left */
	/* margin-right: 0.2em; */
	top: 0.2em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 0.8em;   /* in Opera small fonts (0.7em) look terrible */
	text-transform: uppercase;
	text-decoration: none;
	/* letter-spacing: 0.2em; */     /* on some screens the menubar grows too wide :-( */
	border-left: 1px solid #6B83B2;
	border-top: 1px solid #6B83B2;
	border-right: 1px solid #6B83B2;
	border-bottom: 1px solid #6B83B2;
	color: #002266;
	/* background-color: #E2E7F1; */
}

.menubar a:hover {
	background-color: #E2E7F1;
}

.menubar a:active {
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}



/* ----------------------------------------------------------------- */
/*** The search field ***/


#search {
	float: right;   /* this floats the search field to the right of the navibar; but only, if it occurs first */
	margin: 0;
	white-space: nowrap;
	padding: 0;
	white-space: wrap;
}

#search input {
	font-size: 85%;
}

#search #submit {
	width: 50px;
	font-size: 85%;
	background: #4444aa;
	color: #fff;
	padding: 0px 0px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	border-right: 1px solid #1111aa;
	border-bottom: 1px solid #1111aa;
	border-top: 1px solid #1111aa;
	border-left: 1px solid #1111aa;
}

#search #query {
	margin-left: 5px;
	width: 90px;
	font-size: 85%;
	border: 1px solid #1111aa;
	/* background: #dddddd; */
	background-color: #C6CFE3;
	padding: 0;
}

#search #query:hover, #search #query:focus {
	background: #fff;
}

#search #submit:hover, #search #submit:focus {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}



/* ----------------------------------------------------------------- */
/*** the submenu bar (left) ***/

/* StefanRank: list items with more than one line of text caused ugliness in Firefox
   I therefore removed the fixed height from li, replaced it with a bottom margin
   and reduced the line-height a tad :) */

.submenubar {
	/* background-color */
	float: left;
	position: relative;
	width: 130px;
	margin-left: -140px;
	padding-top: 43px;     /* align the submenu with the first line in the content (should be h1) */
	font-size: 0.9em;
	font-variant: small-caps;
	line-height: 1.4em;
	/* z-index: 10; */
}

.submenubar ul {
	margin: 0px;
	padding: 0px;
}

.submenubar li {
	list-style-type: none;
	margin: 0px 0px 0.6em 0px;
	padding: 0px;
}

.submenubar li a {
	color: #002266;
	text-decoration: none;
}

.submenubar li a:visited {
}

.submenubar li a:hover {
	text-decoration: underline;
}

.submenubar li a:active {
	background-color: #CDD4E1;
	color: #6B83B2;
}



/* ----------------------------------------------------------------- */
/*** main content ***/


.content {
	float: left;
	/* position: relative; */
	padding-top: 10px;
	margin-left: 10px;
	/* margin-right: 150px; */     /* I like to have white space to the right, but seemingly nobody else... :-( */
	line-height: 1.5em;
	text-align: justify;   /* justify the copy (fliesstext) in the content: is this desirable? */
	/* z-index: 11; */
}

.content p {
	margin: 0px;
	padding-bottom: 10px;
	text-align: justify;   /* justify the copy (fliesstext) in the content: is this desirable? */
	/* font-size:70%; */
}

.content ul {
	margin: 0px;
	padding-bottom: 10px;
}

.content li {
	margin: 0px;
	padding: 0px;
}

.content a {
	color: #3366CC;
	text-decoration: none;
}

.content a:hover {
	text-decoration: underline;
}

/* h1 with a thicker two-sided border */
/*
.content h1 {
	margin-bottom: 1em;
	padding-left: 0.3em;
	border-left: 3px solid #6B83B2;
	border-bottom: 3px solid #6B83B2;
	width: 100%;
}
*/

/* h1 with a thinner border along the bottom only */
.content h1 {
	color: #6B83B2;
	margin-bottom: 1em;
	/* border-top: 1px solid #6B83B2; */
	border-bottom: 1px dotted #6B83B2;
	width: 100%;
}

.content h2 {
	/* text-transform: uppercase; */
	/* font-weight:normal; */
	width: auto;
	margin-left: -7px;
	padding-left: 7px;
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	/* border-left: 3px solid #6B83B2; */
	/* border-bottom: 3px solid #6B83B2; */
}

.content h3 {
	text-transform: none;
	margin: 0px;
	padding-bottom: 10px;
}

/* picright/left + remark added by WG */
.picright {
	padding-left: 10px;
	float: right;
	background-color: #fff;
}

.picleft {
	padding-right: 10px;
	float: left;
	background-color: #fff;
}

.remark {
	font-size: 75%;
	padding: 0px;
	line-height: 1.1em;
	margin-top: 0px;
}


/* .bibcover + .clearleft added by STR */

.clearleft {
	clear: left;
}

.bibcover {
	/*float: left;*/
	vertical-align: middle;
	height: 80px;
	/*margin: 5px;*/
	border: 1px solid;
}

/* the following approaches all do not work with current browsers yet :(
  therefore we assign trodd and treven classes through JS on window load
.content tr:nth-child(2n+1)  {
	background-color: #fea;
}
.content tr:nth-child(2n)   {
	background-color: #aaf;
}
table.linefinder tr:not(:nth-child(2n+1)) { background-color : lime }
*/



.linefinder .trodd {
	background-color: #fff;
}

.linefinder .treven {
	background-color: #C6CFE3;
}

.border1 {
	border:  1px dotted #6b83b2;
}



/* ----------------------------------------------------------------- */
/*** the footer ***/


.footer {
	clear: both;     /* makes the use of a separate clear-div redundant */
	position: relative;
	float: left;
	width: 100%;
	border-top: 1px solid #9AA7C3;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 0.8em;
	bottom: 0;
	z-index: 12;
}

.pageinfo {
	margin-left: 160px;
}

.impressum {
	float: right;   /* makes the impressum float to the right of the footer; but only, if it occurs first */
	padding-right: 7%;     /* align the impressum with the white space on the right */
}



/* ----------------------------------------------------------------- */