/*
** Ludwig Weinzierls 'bossa' style sheet for CSS2-capable browsers.
** Copyright Ludwig Weinzierl - http://weinzierl.name/
** License: Copyright by L. Weinzierl, 2006
** Version: 0.3
**
**   In Brazil, when someone does anything with "bossa" (com bossa), 
**   it meant (and still does) that the "something" is performed with particular charm and flair.
**   -- Wikipedia
**
*/

/* All IE4Win dangerous stuff is wrapped in @media screen {*/
/* Despite good progress IE4 is not ready for primetime */
/* This stylesheet is therefore still hidden from IE4 */

/* B A S I C   S T Y L I N G */
/*****************************/

body {
  /*font-size: small;*/
  font-family: "DejaVu LGC Sans", "DejaVu Sans", "Bitstream Vera Sans", Verdana, Geneva, sans-serif;
  background: #ffffff;
  color: #999;
  margin: 0;
  /*line-height: 1.5em;*/
}

/*Hide from IE4Win*/
@media screen {
body {
  padding: 0 !important; /*reset body padding for modern browsers*/
}
}

h1 {
  font-size: 1.44em;
  font-weight: bold;
  border: solid 0px;
  /*padding-top: 0.8em; Removed here, but added to bottom of .note*/
  padding-bottom: 0.3em;
  margin: 0;
  color: #999;
  background: inherit;
  padding-bottom: 0.05em;
  /*border-bottom: 2px solid #e0e5ef;*/
}
   
h2{
  font-size: 1.2em;
  font-weight: bold;
  border: solid 0px;
  padding-top: 0.8em;
  padding-bottom: 0.3em;
  margin: 0;


  color: #999;
  background: inherit;
  /*padding-bottom: 0.025em;*/
  /*border-bottom: 1px solid #e0e5ef;*/
}   

p, #Content p {
  font-weight: normal;
  border: 0;
  padding: 0;
  margin: 0;
  margin-bottom: 1em;
}

ul {
  line-height: 1.5em;
  list-style-type: none;
  margin: .3em 0 0 1.5em;
  padding: 0;
}

ol {
  line-height: 1.5em;
  margin: .3em 0 0 3.2em;
  padding: 0;
  list-style-image: none;
}

li {
  margin-bottom: .1em;
}



/* C L E A R   C L A S S */
/*************************/

.visualClear {
  clear: both;
}


/* H E A D E R */
/***************/

#Header, #Footer {
  width: 80%;
  height: 4em;
  background: #ffffff;
  color: #999;
  text-decoration: none;
  margin: 1em;
}

#Logo {
  font-size: small;
  display: inline;
  float: left;
  position: relative;
  left: 1em;
  z-index: 99;
}

#Logo li{
  list-style: none;
  /*color: #499cd1;*/
  background: #499cd1;
  margin: 0;
  padding: 0;
  width: 2em;
  height: 2em;
  position: absolute;
}

#Logo .box1 {left: 0;   top: 0;}
#Logo .box2 {left: 2em; top: 2em;}
#Logo .box3 {left: 4em; top: 0;}
#Logo .box4 {left: 6em; top: 2em;}
#Logo .box5 {left: 8em; top: 0;}


#Logo a, #Logo a:visited, #Logo a:hover, #Logo a:visited:hover  {
  outline: none;
  color: #499cd1;
}

#Logo span {
  font-size: xx-large;
  position: absolute;
  left: 5em;
}

#Logotype {
  font-size: xx-large;
  position: absolute;
  left: 3em;
}


/* F O O T E R */
/***************/

#Footer {
  height: 2em;
}

#Footer p {
  padding-left: 1em;
  padding-right: 1em;  
  width: 25em;	
  display: inline;
  margin-top: 0.3em;
}


/*Hide from IE4Win*/
@media screen {
#Footer p.created {
  float: left;
}
}

/*Hide from IE4Win*/
@media screen {
#Footer p.modified {
  text-align: right;
  float: right; 
}
}


/*  M E N U */
/************/

/*Hide from IE4Win*/
@media screen {
#Menu {
  float: left;
  margin: 0; /*margin is avoided due to ie bugs*/
  padding: 3em 0 1em 1em; /*padding is used instead*/
}
}

/*Hide from IE4Win*/
@media screen {
#Menu ul {
  background-color: #ffffff;
  margin: 0;
  padding: 0.8em 0 0.8em 0;
  line-height: 2.0em;
}
}

#Menu li {
  margin: 0;
  padding: 0;
}

/*Hide from IE4Win*/
@media screen {
#Menu a, #Menu span {
  display: block;
  color: #999;
  background-color: #ffffff;
  width: 9em;
  margin: 0;
  padding: 0 0 0 4em;
  text-decoration: none;
}
}

#Menu span {
    font-weight: bold;
    color: #999;
}

#Menu li.last a, #Menu li.last span {
  border-bottom: none; 
}



/*  C O N T E N T */
/******************/

/*Hide from IE4Win*/
@media screen {
#Content {
  float: left;
  margin-left: 0%;
  width: 60%;
  padding: 2em;

}
}

/*IE4*/
#Content {
  float: left;
  width: 60%;
  padding: 2em;
  padding-top: 0em;
  margin: 1em;
  margin-top: 0em;
}
/*IE4 end*/

/* color submenu  #6a7389;*/
/* color logo #32405c;*/
/* color headings #475a7f;*/

/* LVHAF says Eric Meyer*/
/* I say LVHFA */
a:link {
  color: #499cd1;
  text-decoration: none;
}

a:visited {
  color: #d46b6e;
}				

a:hover, a:visited:hover {
  outline: none;
  outline: none;
  background-color: #eaeaea;
  text-decoration: underline;
  color: #499cd1;
}

a:visited:hover {
  color: #d46b6e;
  text-decoration: underline;
}

a:focus, a:visited:focus {
  /*outline: 2px solid #32405c;
  outline-offset: -2px;
  outline: 2px solid #32405c;*/

  outline:  none;
  outline-offset: -2px;
  outline: none;

  /*-moz-mac-focusring;*/

  text-decoration: none;
  color: #499cd1;
}

a:visited:focus {
  /*outline: 2px solid #6a7389;*/
  color: #499cd1;
}

a:active, a:visited:active {
  outline:  none;
  outline-offset: -2px;
  outline: none;
  /*background-color: #b5c3df;*/
  text-decoration: underline;
  color: #499cd1;
}

a:visited:active {
  color: #d46b6e;
}

/*
 * Simple Frame, is working ok
#Content a:focus {
  outline: 1px solid #656664;
  outline: 1px solid #656664;
}
*/

.url{
  font-family: "DejaVu LGC Sans Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Menlo, "Lucida Console", "Andale Mono", "Liberation Mono", Monaco, monospace; 
  /*letter-spacing:0.05em*/
}

a.mailto{
  text-decoration: none;
  border-bottom: 1px solid;
}

a.external{
  text-decoration: none;
  border-bottom: 1px solid;
}

a.internal {
  text-decoration: none;
  border-bottom: 1px dashed;
}



/* I N F O B A R  */
/******************/

#Infobar {
  float: left;
  width: 10em;
  height: 30em;
  background-color: #edf2f2;
  color: #6a7389;
  margin-top: 4em;
  margin-left: 1em;
  padding-top: 2em;
  padding-left: 0px;
  padding-right: 1em;
  padding-bottom: 2em;
}


/* A N N O U N C E M E N T */
/***************************/

.Note {
  padding: 1em;
  color: inherit;
  background-color: #edf2f2;
  border: 2px solid #e0e5ef; 
  margin-bottom: 0.8em;
}


/* F I G U R E S */
/*****************/

div.figure {
  margin-bottom: 1.5em;
}

div.figure div {
  font-weight: bold;
  font-size: 80%;
}


/* F O R M S */
/*************/

form {
  width: 75%;
}

textarea {
  width: 100%;
  color: inherit;

}

input, textarea {
  color: inherit;
  border: 2px solid #dddddd; 
  background: #ffffff;
  margin: 0;
  padding: 0.5em;
  font-family: inherit;
  font-size: inherit;
}

/*Hide from IE4Win*/
@media screen {
form p {
  border-top: 2px solid #dddddd;
  border-left: 2px solid #dddddd;
  border-right: 2px solid #dddddd;
  border-bottom: none;
  width: 5em;
  padding: 0 0 0 0.5em;
  margin: 1em 0 0 1em;
}
}

.button {
  margin-top: 1em;
  color: inherit;
  background: #ffffff;
}


/*I could not get rid of the outline for submit and cancel button*/
/*outline:none; does not do it, outline:none; draws an additional outline*/
/*This is used here to draw the second outline in the same color as the background */
/*over the 'natural' outline*/
/*Definitely a hack;-). If you know how to do it properly, please let me know ...*/
.button:focus {
  outline: solid;
  outline-offset: -10px; 
  outline-color: #b5c3df;
  text-decoration: none;
  color: #32405c;
  background-color: #b5c3df;
}



/*   outline: none;
  -moz-mac-focusring; */

/*Hide from IE4Win*/
@media screen {
#submit {
  float: left;
}
}

/*Hide from IE4Win*/
@media screen {
#cancel {
  float: right;
}
}


/* M I S C */
/***********/

/* hide hCard region info */
.region {
  display: none;
}

abbr.dtstart {
  text-decoration: none;
  font-variant: small-caps;
  border: none;
  display: block;
  padding-bottom: 0.2em;
  font-weight: normal;
  font-size: small;
}

span.summary {
}

kbd.key {
  font-family: "DejaVu LGC Sans Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Menlo, "Lucida Console", "Andale Mono", "Liberation Mono", Monaco, monospace;
  /*font-style: oblique;*/
  padding: 0em 0.3em;
  border-right: 1px solid #656664;
  border-bottom: 1px solid #656664;
  background-color: #edf2f2;
  cursor: default;
}

.hiddenlink {

}

a.hiddenlink:link, a.hiddenlink:visited, a.hiddenlink:hover {
	color: inherit; 
	background: inherit;
        text-decoration: none; 
	cursor: text;
} 

table#accesskeys td, table#modifierkeys td, table#accesskeys th, table#modifierkeys th{
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}


#raster {
  display: block;
  position: absolute;
  width: 1em;
  height: 15em;
  /*position: absolute;*/
}

blockquote {
  /*margin: 0, 5em, 0, 5em;*/
  font-style: italic;
}

blockquote div.before {
  text-align: right;
  position: relative;
  font-style: italic;
  font-size: 5em;
  color: #e0e5ef;
  width: 1em;
}

blockquote div.after{
  position: relative;
  bottom: 0.1em;
  font-style: italic;
  font-size: 5em;
  color: #e0e5ef;
  width: 1em;
}

blockquote div{
	float: left;
        width: 8em;
}



/* Quotes */

/*deutsch  „ “*/
/*deutsch  ‚ ‘*/
/* oder */
/*deutsch  » «*/
/*deutsch  › ‹*/

/*english  ‘ ’*/
/*english  “ ”*/

abbr {letter-spacing:0.1em}


/*
** CSS3 rules for
** Ludwig Weinzierls 'bossa' style sheet for CSS2-capable browsers.
** Copyright Ludwig Weinzierl - http://weinzierl.name/
** License: Copyright by L. Weinzierl, 2006
** Version: 0.2
**
**   In Brazil, when someone does anything with "bossa" (com bossa), 
**   it meant (and still does) that the "something" is performed with particular charm and flair.
**   -- Wikipedia
**
*/

#Header, #Footer, #Menu ul, #Sidebar, .Note, input, textarea, .button {
  border-radius: 12px;
}

form p {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

div.bodyText {
  /*column-width: 20em;*/ /*Validator: 5mm is not a column-width value : 5mm ??? */
  /*column-gap: 2em;*/
  max-width: 46em; /*Validator: 5mm is not a column-width value : 5mm ??? */
  min-width: 20em;
}