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



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


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

p {
/* font-size: 0.8em; */
margin: 0px;     /* 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: 1.5em;
}

acronym {
cursor: help;
}

/* StefanRank: since the border attribute on img is not html4.01strict,
remove the unwanted a-border on all img tags inside a tags */
a img {
border: 0pt none;
}

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


.homepage h1 {
font-size: 1.1em;
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;
}

#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 form {
text-align: left;   /* undo justify for forms */
}

.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 ***/

.w3c { 
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; */
}

.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 */
}



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

@font-face {
  font-family: Orex;
  src: local("ClassicTrash"), local("ClassicTrash2"),
    url("/fonts/clasict2.ttf"), url("/fonts/clasict2.otf");
}
.orexlogo {
  font-family: Orex, Helvetica, Arial;
  color: black;
  font-size: 7em;
}

.bold {
  font-weight: bold;
}

.todo {
  border: 3px solid red;
}