body                    { color: #333; font-size: 85%; font-family: arial, hevetica, sans-serif; line-height: 105%; text-align: center; margin: 0; padding: 0   }
a:link  { color: #1c76a4 }
a:visited  { color: #1c76a4 }
a:hover, a:active  { color: #959595;}
h2 { color: #959595; font: bold 105%; margin: 0 }
h3    { color: #c3c3c3; font: bold 100% Helvetica, Geneva, Arial, SunSans-Regular, sans-serif }
h4 { color: #1c76a4; font: bold 105%/110% ; margin: 0 0 12px; }
b { color: #1C76A4; font: bold 105%; margin: 0 }
hr { color: silver; }
#hr { color: #c4c4c4; border-bottom: 1px dashed silver }
#smalletters { color: #fff; font-size: 1px; text-align: left }
#bigletters { color: #676767; font-size: 120%; text-align: left; }
#bigletters_blau { color: #1C76A4; font-size: 130%; text-align: left }
#navigation { color: #191919; font-size: 90%;}
#container     { background-color: #fff; text-align: left; width: 800px; margin-right: auto; margin-left: auto; border: solid 1px silver   }
iframe { margin: 0 0 0 300; padding: 0px; border: dashed 1px #676767 }
#header { background: #fff url(../pics/DJJR_Logo_header3.gif) no-repeat; width: 798px; height: 170px; border-bottom: 0 solid #fff  }
#header h1 { color: #89a7b9; font: bold 140%; text-align: left; margin: 10; padding: 0 }
#center { text-align: left; margin-right: auto; margin-left: auto; padding: 0; border: solid 0px #676767; width: 700px }
#aussencontainer      { text-align: left; margin-top: 0px; margin-right: auto; margin-left: auto; padding: 0; border: solid 6px white; width: 705px }
#mainnavigation { text-align: center; float: left; clear: both; border-bottom: 0px solid #fff }
#mainnavigation ul { font-size: 90%; text-decoration: none; list-style-type: none; list-style-position: outside; margin: 6px 0 0; padding: 0 }
#mainnavigation li  { background: url(../../../reiterbg.gif)url(../../reiterbg.gif) repeat-x center; text-align: center; display: inline; margin-right: 4px; padding: 0; float: left }
#mainnavigation li a:hover { color: #b22222; text-decoration: none }
#mainnavigation a  { color: #000; text-decoration: none; background: url(../../../reiterlinks.gif)url(../../reiterlinks.gif) no-repeat left top; margin: 0; padding-left: 3px; float: left }
#mainnavigation a span  { background: url(../../../reiterrechts.gif)url(../../reiterrechts.gif) no-repeat right top; display: block; padding: 3px 6px 2px 3px }
#mainnavigation a span { float: none }
#mainnavigation a span b { color: #b22222; font: bold 90%; text-decoration: none; background-color: #fff; margin: 0; padding: 0; border: solid 0px #fff }
#text { font-size: 90%; margin: 0 20px 20px 0 }
#textfooter { font-size: 85%; }
#tabelle { font-size: 115%; line-height: 110% }
#tabelle a { color: #fff ; font-size: 90%; text-decoration: none; }
#tabelle a:hover { color: #231f20 }
#tabelle2 { font-size: 115%; line-height: 110%; }
#tabelle2 a { font-size: 100%; text-decoration: none; }
#tabelle2 a:hover { color: #231f20; }
#tabelle3 { font-size: 100%; line-height: 110%; }
#menu h1  { color: black; font-size: 110%; font-weight: bold; text-align: left; margin: 10; padding: 0 }
#menu              { font-size: 90%; background-color: #fff5ee; margin: 15pt 0 0; padding-left: 5px; width: 150px; height: 280px; float: left; border-style: solid; border-width: 1px; border-color: #676767 #676767 #676767 #ebe6d0 }
#menu a { color: #000 }
#menu a:hover { color: #fff }
#menu li b  { color: #b16241; font-weight: bold }
#menu ul  { line-height: 145%; list-style-type: none; margin-left: 10; padding-left: 10 }
#menu ul ul { font-size: 80%; list-style-type: circle }
#contents             { font-size: 95%; background-color: #fff; width: 710px; margin: 2px 15px 20px 25px; padding-right: 15px; padding-left: 15px; border-style: solid; border-width: 0; }
#contents p { line-height: 135% }
#contents2 { font-size: 95%; background-color: #fff; width: 685px; margin: 10px 5px; padding-right: 5px; padding-left: 5px; border: solid 1px #676767; }
#box { background-color: #cccc99; float: right; margin-top: 0px; margin-right: 0px; border-style: solid; border-width: 1px; border-color: #676767 #ebe6d0 #676767 #676767; width: 250px }
#box p { font-size: 90%; line-height: 130%; margin: 10px; padding-right: 15px; padding-left: 15px }
#box h1 { color: #cc6633; font-weight: bold; font-size: 100%; background-color: #fff; text-align: left; margin: 0; padding: 5 5 5 8 }
.imagefloat   { float: right; margin: 6 0pt 10px 10px; padding: 2px; border: solid 0px #676767 }
#footernav { color: #000; font-size: 90%; background-color: #fff; margin: 0 0 5px; padding: 0px 0; border-top: 1px solid #000; border-bottom: 1px solid #000 }
#footernav ul { list-style-type: none; margin: 0 0 0 10px; padding: 0; border-left: 1px solid #000 }
#footernav li { display: inline; padding: 0 10px; border-right: 1px solid #000 }
#footernav li a { color: #000; text-decoration: none }
#footernav li a:hover  { color: #fff; text-decoration: none; background-color: #b16241 }
#footernav li b   { color: #b16241; font-size: 110%; text-decoration: none; background-color: #fff; margin: 0; padding: 0; border: solid 0 #fff }
#footer { color: #272900; font-size: 80%; background-color: #fff; text-align: right; clear: both; padding: 5px }
#sitemap a { color: #000 }
#sitemap a:hover { color: #fff }
#sitemap li b { color: #b22222; font-weight: bold }
#sitemap ul    { font-size: 100%; line-height: 110%; list-style-type: circle; margin-left: 10; padding-left: 10 }
#sitemap ul ul { font-size: 80%; list-style-type: circle }