/* ######################## Text Structure ############################## */

h1 { text-align:left;
     margin-bottom:0.2cm;
     margin-top: 0.0cm;
   }

h5 { text-align:center; 
     margin-top:0.1cm;
     margin-bottom:0.3cm; }

pre {
  border: 3px dotted black;
  padding: 1.5em;
  background-color: silver;
}

hr { margin-top:0.2cm;
     margin-bottom:0.5cm;
     margin-left:3cm; 
     margin-right:3cm;
	border:1px solid black; }

ul {list-style-type:square}

li {margin:0.5cm; }

img {
  border:none;
}

a { font-style:none; }
a:link { color:darkblue; }    /* noch nicht besuchte Ziele */
a:visited { color:blue; } /* besuchte Ziele */
a:hover { font-style:underline; }   /* Verweise bei "MouseOver" */
/* a:active { CSS-Eigenschaft:Wert; ... } */ /* Angeklickte Verweise */
a:focus { font-style:underline; }   /* Verweise, die Fokus erhalten */

table { 
  border: none;
}

td { 
  border:none;
}

td.code {
  padding-right:2em;
  font-family:courier,verdana,helvetica;
}

/* ######################## Layout ############################## */

body {	
  background-color:#99CCCC; 
  color:black;
  font-family:verdana,helvetica,courier;
  text-align: center;
  /* border: solid blue 1px; */
}

div {
  /* zentrieren von div elementen */
  margin: 0 auto;
  text-align: left;
  /* border: solid 1px; */
  border: none;
}

/* Id for special announcements on top of the site */
#special {
  margin: 2em;
  border: 1px red solid;
  padding: 1em;
}

#shadow {
  /* border: solid blue 1px; */
  /* background-color: gray; */
  /* the logo size */ 
  width: 720px;
  padding: 0px;
  margin: 0 auto;
}

#navigation {
  /* Drop Shadow */
  /* position:relative; top:1px; left:-1px; */
  /* border: solid blue 1px; */
  background-image:url(img/navigation-bg.png); 
  background-repeat:no-repeat;
  background-position:0px 0px;

  color: white;
  font-variant:small-caps;
  text-align: center;
  padding: 0px;
  margin: 0px;
}

#navigation a {
  /* border: solid blue 1px; */
  border-right: solid white 1px;
  padding-left: 1.0em;
  padding-right: 1.0em;
  text-decoration: none;
  color: white;
  font-size: large;
}

#navigation a.last {
  border: none;
}

#navigation a.selected {
  color: blue;
}

#navigation img {
  padding:0em;
  margin:0em;
  text-align: left;
  position:relative; top:0px; left:0px;
  background-color: #99CCCC;
  /* border: solid blue 1px; */
}

#navigation img.right {
  position:relative; top:0px; left:34px;
}

#logo {
  /* Drop Shadow */
  /* position:relative; top:1px; left:-1px; */

}

#content {
  /* Drop Shadow */
  /* position:relative; top:1px; left:-1px; */

  background-color: white;
  border-right: solid black 1px;
  border-top: solid black 1px;
  border-left: solid black 1px;
  border-bottom: solid black 1px;

  margin: 0px;
  padding: 3em;
}

#footer {
  background-color: black;
  color: white;
  text-align: left;
  font-size: small;
  padding: 0em;
  margin: 0em;
}

#footer p {
  padding: 0em;
  margin: 0em;
  padding-left: 1em;
  padding-right: 1em;
  text-align:right;
}