/* $Id: layout.css 665 2004-12-06 11:32:34Z joe $ */
/* CSS definition file containing sitestyles for layout */
/*
#main,#leftmatter,#footer,#header,#navifooter,#mainfooter,#footerbottom,#banner,#slogan,#homelink,#pagetitle,#layoutsel,#marginpar { 
  border:1px solid red;
}
*/
/* The main layout components */
#body { 
  background-color: rgb(245,245,255);
}
#alles { 
  position:relative;
  z-index:1;
/*  background-color:white;*/
  background-image:url('images/Background-withoutright.gif');
  background-repeat:repeat-y;
  border-right: 1px solid gray;
  width:797px; 
  overflow:hidden; 
}
#header { 
  position:static;
  z-index:2;
  background-image:url('images/bannerback.jpg'); 
  background-repeat:none;
  width:797px;
  height:75px;
  overflow:visible;
  border-bottom: 4px solid red;/*rgb(255,209,209);*/
}
/* hide from IE */
#leftmatter[id] {
  position:fixed;
  z-index:1;
  top:79px;
}
#leftmatter {
  float:left;
  padding: 20px 5px 5px 5px;
  width:140px;
  height:100%;
  max-width:126px;
  background-color: rgb(245,245,255);
  border-right:4px solid rgb(255,209,209);
}
#main {
  float:right;
  width:647px;
  max-width:617px;
  overflow:hidden;
  padding: 10px 30px 1px 20px;
  background-color:white;
}
/* Opera-7 */
html:first-child>b\ody #main  {
  width:607px;
  max-width:607px;
}
#footer {
/*  background-color:white;*/
  background-image:url('images/Background-withoutright.gif');
  background-repeat:repeat-y;
  border-right:1px solid gray;
  width:797px;
  overflow:visible;
  height: 4em;
}
/* Header elements */
#homelink {
  float:left;
  height:70px;
  width:130px;
}
#homelink img { 
  border:none;
  height:70px; 
  width:130px; 
}
#banner {
  float:left;
  width:500px; 
  padding:1px;
  margin: 0px 10px 0px 20px;
  text-align: center;
}
#slogan { 
  margin:0;
  padding: 3px 0px 3px 0px;
  border-bottom:0px none transparent;
}
#pagetitle { 
  padding: 8px 0px 3px 0px;
  margin:0;
}
/* Layout selectors */
#layoutsel {
  text-align:center;
  padding-top:3px;
  padding-bottom:2px;
  font-size:.85em;
  font-family: Tahoma,Verdana,Sans-serif,sans-serif; 
}
#layoutselstd { color:black; display:none; }
#layoutselplain { color:black; }
#layoutsel img { border:none; }
#externlinksel { 
  border-top:1px solid gray;
  border-bottom:1px solid gray;
  font-family: Tahoma,Verdana,Sans-serif,sans-serif; 
  padding:8px 0 0 3ex;
  text-indent:-3ex;
}
/* Page bottom elements */
#navifooter {
  float:left;
  width:120px;
  text-align:center;
  padding-top:10px;
}
#mainfooter {
  font-size:.85em; 
  text-align:right;
  padding-right:35px;
  float:right;
  width:600px;
}
#footerbottom {
  position:relative;
  display:none;
  z-index:0;
/*  background-image:url('images/background-bottom.gif');*/
  background-repeat:none;
  height:0px; 
  width:797px; 
  top:-1px;
}
#marginpar { 
  margin-top:0;
  margin-left:10px;
  text-indent:0cm;
  display:block;
}
/* Navigation bar stuff, 4 levels with the first 2 showing same */
.invisible { display:none; }
.navbar ul { 
  list-style-type:none; 
  list-style-position:inside; 
  margin:0; 
  padding:0; 
}
.navbar ul ul { 
  border-bottom:1px solid gray;
  margin: 0 0 8px 0; 
}
.navbar ul li { 
  margin:0; 
  padding:0; 
  width:100%;
  display:inline;
  border-top:1px solid gray;
}
/* hide from IE */
.navbar[class] ul li { 
  display:block;
}
.navbar a:link, .navbar a:visited, 
.navbar a:hover, .navbar a:active, .navbar a:focus { 
  padding: 2px 5px 2px 5px;
  margin-bottom: 1px;
  font-size: .85em; line-height: 1.2em; 
  font-family: Tahoma,Verdana,Sans-serif,sans-serif; 
  text-decoration:none;
  color: black;
  width:100%;
  display: block;
}
/* fix for Mozilla/Opera, who exceeds leftmatter with width:100%; */
.navbar a[href] { width:auto; }
.navbar ul ul ul { 
  margin-left:1ex;
}
.navbar ul a { 
  border:1px solid rgb(245,245,255);
  background-color:rgb(255,219,219);
}
.navbar ul ul ul a { 
  border:1px solid rgb(245,245,255);
  background-color:rgb(253,187,187);
  text-align:right;
}
.navbar ul ul ul ul a { 
  border:1px solid rgb(245,245,255);
  background-color: rgb(255,206,237);
  text-align:right;
}
.navbar a:hover, .navbar a:active, .navbar a:focus { 
  margin-bottom:1px;
  border: 1px solid rgb(227,131,192);
  background-color: rgb(255,138,138);
}
/* Form stuff */
.eingabe input.textinput { 
  background-color: #F5F5FF; 
  border-left: medium none #FBFCFD; 
  border-right: medium none #FBFCFD; 
  border-top: medium none #FBFCFD;
  border-bottom: 2px dotted #000000; 
}
.eingabe input.textinput:focus, .eingabe input.textinput:active {
  background-color: #ffffcc;
}
.eingabe textarea:focus {
  background-color: #ffffcc;
}
.eingabe label { 
  font: .95em/1.1em Tahoma,Verdana,Sans-serif,sans-serif; 
  text-align:right;
  margin-right:1ex;
  float:left;
  clear:left;
}
.eingabe textarea { 
  background-color: #F5F5FF; 
  border: 2px dotted #000000; 
}
input.submit { 
  background-color: #D6EBEB; 
  border: 1px #000000 solid; 
  margin: 1px; 
}
/* Miscellaneous */
a:link { color: rgb(255,40,0); text-decoration: none ; }
a:visited { color: rgb(204,40,0); text-decoration: none ; }
:link:hover { color: rgb(255,102,51); text-decoration: underline;}
:link:focus { color: rgb(255,102,51); text-decoration: underline;}
:link:active { color: rgb(255,51,0); text-decoration: none ; }
img.href { 
  border:none; 
  margin:0px 2px 0px 2px; 
  vertical-align:text-bottom; 
  white-space:nowrap;
  float:none;
}
hr { border:1px solid rgb(255,209,209); color:rgb(255,209,209); }
blockquote { background-color:#E5E5FF; padding:10px; border:none; }
.opaque,.opaque-active {
  height:1em;
  overflow:visible;
  opacity: .75;
  filter:Alpha(opacity=75);
  moz-opacity: .75; 
}
.opaque-active:hover,.opaque-active:focus,.opaque-active:active {
  opacity: 1;
  filter:Alpha(opacity=100);
  moz-opacity: 1; 
}
#externlinksel { display:none; }
.photo { background-color:#cccccc; }
/*.photo .caption { color: white; }*/
.photo img { border:1px solid red; }