html, body {
   text-align:center;
   background:url(bilder/hintergrund.gif);
   color:#808080;
}

#seitenbereich {
   margin:0 auto;
   text-align:left;
   width:1000px;
   background-color:#0c0c0c;
 }

#kopfzeile {
   background:url(bilder/fusszeile.gif) repeat-x;
   border-top:2px solid black;
   height:75px;
   margin-top:30px;
   text-align:right;
   vertical-align:bottom;
 }

#judobanner {
   width:1000px;
   height:200px;
   margin:0px;
 }

#navi { 
   float:left;
   border-right:1px solid grey; 
   border-left:1px solid grey; 
   margin:0px;
 }

#navi a , #navi a:visited , #navi a:active {
   display:block;
   background-color:#0c0c0c;
   color:#808080;
   text-decoration:none ;
   text-align:center;
   width:200px;
   font-size: 86%;
   line-height: 28px;
   font-family: verdana,"Trebuchet MS",arial, helvetica, verdana, tahoma, sans-serif;
   margin:0px;
   border-top:solid 1px #0c0c0c;
   border-bottom:solid 1px #000;
   font-style:italic;
   font-weight:bold;
 }

#navi a:hover {
   background-color:#000;
   color:green;
   text-decoration:none ;
   border-top:solid 1px #1f1f1f;
   border-bottom:solid 1px #1F1F1F;
   font-family:purisa;
 }

#Besucherticker {
   margin-left:26em;
 }

#inhalte {
   margin-left:14em;
   margin-top:70px;
   margin-bottom:4em;
   margin-right:30px;
 }

#startbild {
   margin-top:40px;
 }

#ejubanner {
   background:url(bilder/ejubanner.jpg) no-repeat;
   height:117px;
   width:650px;
   margin-left:7em;
 }

#animationspagat {
   background:url(bilder/animado1.gif) no-repeat;
   width:170px;
   height:113px;
   margin-top:50px;
   margin-left:25em;
 }

#fusszeile {
   clear: both;
   background:url(bilder/fusszeile.gif) repeat-x;
   border-top:2px solid black;
   border-bottom:6px solid black;
   height:60px;
   margin-bottom:30px;
 }

hr / {
   margin-top:3em;
   margin-bottom:30px;
 }

h1 {
   text-align:center;
   color:green;
 }

.animation-tomoenage {
   background:url(bilder/tomoe-nage.gif) no-repeat;
   width:200px;
   height:100px;
   margin-top:30px;
   margin-left:15em;
 }

h2 {
   color:maroon;
   text-align:center;
   margin-top:80px;
 }

#kodokan-emblem {
   background:url(bilder/kodokan-emblem.gif) no-repeat;
   width:290px;
   height:288px;
   margin-left:10em;
   padding-left:20em;
 }

#plan {
   background:url(bilder/plan.jpg) no-repeat;
   padding-left:15em;
 }
#Tsuri-goshi {
   background:url(bilder/Tsuri_goshi.gif) no-repeat;
   margin-left:30em;
   margin-top:10px;
   width:188px;
   height:210px;
 }

#sukuinage {
   background:url(bilder/sukuinage1.gif) no-repeat;
   margin-left:30em;
   width:279px;
   height:400px;
 }

#sasaetsu {
   background:url(bilder/sasaetsu.gif) no-repeat;
   margin-left:30em;
   width:153px;
   height:184px;
 }

#haraigoshi {
   background:url(bilder/haraigoshi.gif) no-repeat;
   margin-left:30em;
   width:194px;
   height:188px;
 }

#hikikomigaeshi {
   background:url(bilder/hikikomigaeshi.gif) no-repeat;
   margin-left:30em;
   width:250px;
   height:205px;
 }

#ipponseoi {
   background:url(bilder/ipponseoi.gif) no-repeat;
   margin-left:30em;
   width:202px;
   height:194px;
 }

#kataguruma {
   background:url(bilder/kataguruma.gif) no-repeat;
   margin-left:30em;
   width:218px;
   height:202px;
 }

#oguruma {
   background:url(bilder/oguruma.gif) no-repeat;
   margin-left:30em;
   width:218px;
   height:228px;
 }

#ko-soto-gake {
   background:url(bilder/Ko_soto_gake.gif) no-repeat;
   margin-left:30em;
   width:218px;
   height:228px;
 }

#ouchigari {
   background:url(bilder/ouchigari.gif) no-repeat;
   margin-left:30em;
   width:218px;
   height:228px;
 }

#osotogari {
   background:url(bilder/osotogari.gif) no-repeat;
   margin-left:30em;
   width:218px;
   height:228px;
 }

#ushirogoshi {
   background:url(bilder/ushirogoshi.gif) no-repeat;
   margin-left:30em;
   width:218px;
   height:228px;
 }

#uranage {
   background:url(bilder/uranage.gif) no-repeat;
   margin-left:30em;
   width:218px;
   height:228px;
 }

/*Spamschutz gästebuch*/
input#email_address, label[for="email_address"] {
    display:none;
 }
 

/*die überschriften gold machen*/


/*
#navi a:link { color:white; text-decoration:none; }
#navi a:visited { color:white; text-decoration:none; }
#navi a:focus { color:white; text-decoration:underline; }
#navi a:hover { color:red; text-decoration:underline; }
#navi a:active { color:white; text-decoration:none; }
*/


/*
    * ä -> ä
    * Ä -> Ä
    * ö -> ö
    * Ö -> Ö
    * ü -> ü
    * Ü -> Ü
    * ß -> ß
    * € -> €
    * & -> &
    * < -> &lt;
    * > -> &gt;
    * ” -> &quot;


http://judoinfo.com/animate.htm
*/