/*Allgemeine Formatierungen*/
body {   font-family: Calibri;
         background-color:lightgrey;}
#rahmen {
         position:relative;
         top:10px;
         left:0;
         width:800px;
         padding:20px;
         margin:0 auto;
         border:2px solid #b0c4de;
         background-color:white;}

/*Linkformatierungen*/

a:link { color: #778899;
         text-decoration:none;}
a:visited {
         color: #778899;
         text-decoration:none;}
a:active{
         color: #ffa500;
         text-decoration:none;}
a:hover {
         color: #ffa500;}

/*Tabellenformatierungen*/

table {  margin-left:auto;
         margin-right:auto;
         border:1px solid #b0c4de;
         letter-spacing: 1px;}
td {     font-family: Tahoma;
         font-weight:bold;
         text-align: center;
         padding: 0.5em 1em;
         background-color: #eeeeee; }

/*Textkörperformatierungen*/

h1 {     font-family:Tahoma;
         color:#b0c4de;
         text-align: center;
         text-shadow: 0.1em 0.1em 0.05em #333;
         border-bottom:3px solid #778899;}
h2 {     font-family:Tahoma;
         text-align:center;
         color:#808080;}
h3 {     font-family:Tahoma;
         color:#778899;}
p {      font-family:Tahoma;
         color:#808080;}
ul {     font-family:Tahoma;
         text-align:center;
         color: #808080;}
blockquote {
         color: #808080;}

/*Klassen*/

.zentriert{      text-align:center;}
.pixtitle{       font-size:0.8em;
                 text-align:center;
                 color:#b0c4de;
                 line-height:40px;
                 text-decoration:overline;}
.box {           border:1px outset gray;
                 margin:.5em;
                 padding:.5em;
                 background-color:#eeeeee;}
.tshadow {       text-shadow:#000000 2px -1px 2px; }
.bshadow {       box-shadow:6px 6px 6px #666;}
.bg {            background-color:#eeeeee;}

#bild {  position:relative; top:10px; left:0 ; width:500px; height:333px; margin:0 auto; box-shadow:6px 6px 6px #666;}
#thumb { position:relative; top:10px; left:0 ; width:200px; height:133px; margin:0 auto; box-shadow:6px 6px 6px #666;}


/*Speziell für zweispaltige Anzeige*/

  div#Seite { text-align: left; margin: 0 auto; width: 760px; height: 310px; padding: 0.5em; border: 1px solid #b0c4de;  }

  ul#Navigation {           font-size: 0.91em; float: left; width: 22em;  margin: 0; padding: 0; }
  ul#Navigation li {        list-style: none; margin: 0; padding: 0.5em;  }
  ul#Navigation a {         display: block; padding: 0.2em; font-weight: bold; }
  ul#Navigation a:link {    color: #778899; background-color: #eee; }
/*ul#Navigation a:visited { color: #666; background-color: #eee; }*/
  ul#Navigation a:hover {   color: black; background-color: white; }
  ul#Navigation a:active {  color: white; background-color: gray; }

  div#links {    float: left; margin-left: 6em; padding: 0 1em; }
  div#links h1 { font-size: 1.5em; margin: 0 0 1em; }
  div#links h2 { font-size: 1.2em; margin: 0 0 1em; }
  div#links p {  font-size:1em; margin: 1em 0; }

  div#rechts {           margin-left: 22em; padding: 0 1em; }
/*div#rechts h1 { font-size: 1.5em; margin: 0 0 1em; }*/
/*div#rechts h2 { font-size: 1.2em; margin: 0 0 1em; }*/
  div#rechts p {  font-size:1em; margin: 1em 0; }