/* standard.css */

body       { background-color: #ccf;
             color: #330;
             margin: 0;
             font-family: Arial, sans-serif; }

p          { margin-top: 4px;
             margin-bottom: 8px; }

h2         { font-size: 11pt;
             margin-top: 0;
             margin-bottom: 18px;
             font-weight: normal; }

h3         { font-size: 12pt;
             margin: 0;
             padding: 0;
             font-weight: normal; }

ul         { list-style-type: square;
             margin-top: 3px; }

table      { text-align: left;
             border-spacing: 0; }

table#bilder { text-align: center;
               width: 95%;
             border-spacing: 0; }

table#bildindex { vertical-align: middle;
               width: 640px;
             border-spacing: 1px; }

th         { vertical-align: top;
             font-size: 11pt; }

td         { vertical-align: top;
             font-size: 11pt; }

.top       { vertical-align: top; }
.u         { text-decoration: underline; }

a:link     { color: #000;
             background-color: #fff; }

a:hover, a:focus    { color: #30f;
                      background-color: #fff;
                      text-decoration: underline; }

a:visited  { color: #306; }

ul#linklist a:hover { font-weight: bold; }

ol, ul, li { margin-bottom: 2px; }

div#headline { background-image: url(../img/logoarabisch.png);
               margin: 0;
               padding: 0;
/*               width: 800px; */
               height: 98px;
               color: blue;
               text-align: right;
               font-size: 11pt;
               font-weight: normal; }

ul#Navigation { font-family: Arial, sans-serif;
                font-size: 9.5pt; 
                float: left;
                width: 156px;
                margin: 0;
                padding: 0 2px 0 4px; }

ul#Navigation li { font-family: sans-serif;
                   font-weight: bold;
                   color: black;
                   background-color: yellow;
                   list-style: none;
                   margin: 8px 0;
                   padding: 0; }

ul#Navigation a { display: block;
                  padding: 0 ;
                  font-weight: normal;
                  background-color: #ccf;
                  width: 156px;
                  height: 20px;}

ul#Navigation a.bs { display: inline;
                  padding: 0 ;
                  font-weight: normal;
                  background-color: yellow;
                  width: 156px;
                  height: 20px;}


ul#Navigation a:link { padding: 0px;
                       color: black;
                       background-color: #ccf; }

ul#Navigation a:visited { color: #000;
                          background-color: #ccf; }

ul#Navigation a.bs:visited { color: #000;
                          background-color: yellow; }

ul#Navigation a:hover { background-image: url(../img/kamelkleinlaufendb160.gif);
                        width:156px; height:30px;
                        background-color: #ccc;
                        font-weight: bold;
                        padding: 10px 0 0 0;
                        margin: 0; }

ul#Navigation a.bs:hover { background-image: none;
                        background-color: #ccf;
                        font-weight: bold;
                        padding: 0;
                        margin: 0; }

ul#Navigation a:active { color: white;
                         background-color: gray; }

div#Inhalt {  background-color: #FDF5E6;
              font-family: Arial, sans-serif;
              margin: 0 0 0 160px;
              padding: 0; }

div#InhaltB {  background-color: #ccf;
              margin: 0 0 0 160px;
              width: 642px;
              padding: 0; }

div#footer {  /* background-image: url(../img/mosaik-q.png); */
              text-align: right;
              height: 10px;
              margin: 4px 0 0 160px;}


div#IInhalt { margin: 0 8px 0 14px;
              padding: 8px 6px ;
              font-family: Arial, sans-serif;
              font-size: 11pt; }

div#small { font-size: 8pt;
            font-weight: normal; }

/* oben rechts unten links
   o rl u
   ou rl 
   orul */