html  { margin: 0px; padding: 0px; height: 100% }
body                { background-color: white; margin: 0px; padding: 0px; height: 100%; scrollbar-3dlight-color: #0000FF; scrollbar-arrow-color: #0000FF; scrollbar-darkshadow-color: #666666; scrollbar-face-color: #828282; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #000000; scrollbar-track-color: #DEDFDE  }
#main      { margin-right: auto; margin-left: auto; width: 900px; height: auto }

#logo           { color: #31659c; font-weight: bold; font-size: 12px; font-family: Verdana; background: url(logo_neu.jpg) no-repeat; text-align: right; float: left; clear: none; position: absolute; z-index: 2; top: 24px; width: 210px; height: 80px; title: Detlef Hempel  }
#logotext    { color: #31659c; font-weight: bold; font-size: 12px; font-family: Verdana; float: left; clear: none; padding-top: 38px; padding-right: 12px; padding-left: 12px; position: absolute; z-index: 1; top: 24px; width: 210px; height: 40px; title: Detlef Hempel  }
#navi      { float: left; clear: none; position: absolute; top: 106px; width: 210px; height: auto }
#navi a            {
color: white;
text-decoration: none;
text-align: right;
float: left;
clear: none;
margin: 0px;
padding-left: 0px;
width: 210px }
#navi a:hover            { color: #31659c; text-decoration: none; background: #ff9a31 url(../style/navisub.jpg); text-align: right; float: left; clear: none; border-top: 1px solid #ffcf31; border-bottom: 1px solid #ff9a31; width: 210px }
#navi a:visited        {
color: white;
text-decoration: none;
text-align: right;
float: left;
clear: none;
width: 210px }
#navi a:visited:hover           {
color: #31659c;
text-decoration: none;
background-color: #ff9a31;
text-align: right;
float: left;
clear: none;
border-top: 1px solid #ffcf31;
border-bottom: 1px solid #ff9a31;
width: 210px }
#naviverlauf       { background-image: url(../style/naviunter.jpg); text-align: right; float: left; clear: none; border-top: 1px solid #009ace; width: 210px; height: 69px }
.naviverlauf { background-image: url(../style/naviunter.jpg); text-align: right; float: left; clear: none; border-top: 1px solid #009ace; width: 210px; height: 69px }
#bildoben             { color: #31659c; font-weight: bold; font-size: 14px; font-family: Verdana; float: left; clear: none; margin-left: 212px; padding-left: 22px; position: absolute; top: 24px; width: 610px; height: 80px }
#bildoben h1   { color: #31659c; font-variant: small-caps; font-weight: normal; font-size: 24px; text-transform: none; padding-top: 40px }
#glossaroben { color: #31659c; font-family: Verdana; float: left; clear: none; padding-left: 22px; position: absolute; top: 24px; left: 236px; width: 610px; height: 80px }
#bildoben td { font-size: 14px; font-family: Verdana }
#bildnlp { font-size: 14px; font-family: Verdana; background-image: url(delphin.jpg); float: left; clear: none; padding-left: 22px; position: absolute; top: 24px; left: 236px; width: 610px; height: 80px }
#mitte               { float: left; clear: right; margin-left: 212px; position: absolute; top: 106px; width: 450px; height: auto }
#headline       { background: #31699c url(backheadline.jpg); float: left; clear: none; padding-top: 4px; padding-bottom: 4px; padding-left: 24px; border-style: solid; border-width: 1px; border-color: #009ace #31659c #31659c #009ace; width: 450px; height: auto }
.headline { background: #31699c url(backheadline.jpg); float: left; clear: none; padding-top: 4px; padding-bottom: 4px; padding-left: 24px; border-style: solid; border-width: 1px; border-color: #009ace #31659c #31659c #009ace; left: 250px; width: 450px; height: auto }
#subline            { background: #ffa231 url(../style/backsubline.jpg); float: left; clear: none; padding-top: 6px; padding-bottom: 6px; padding-left: 24px; border-style: solid; border-width: 1px; border-color: #ffcf31 #ff9a31 #ff9a31 #ffcf31; left: 250px; width: 450px; height: auto }
.subline { background: #ffa231 url(backsubline.jpg); float: left; clear: none; padding-top: 6px; padding-bottom: 6px; padding-left: 24px; border-style: solid; border-width: 1px; border-color: #ffcf31 #ff9a31 #ff9a31 #ffcf31; left: 250px; width: 450px; height: auto }
#newseintrag {
color: #c60;
font-size: 75%;
font-family: "Comic Sans MS";
float: left;
clear: none;
padding-left: 24px;
left: 250px;
width: 450px }
#newsdate {
color: #2149b5;
font-size: 75%;
font-family: "Comic Sans MS";
text-decoration: underline;
float: left;
clear: none;
left: 250px;
width: 450px }
#shop  { color: black; font-weight: bold; font-size: 70%; font-family: Verdana; background-color: white; letter-spacing: 1px; float: left; clear: none; padding-right: 24px; border-style: dashed; border-width: 1px; border-color: #ffcf31 #ff9a31 #ff9a31 #ffcf31; width: 450px; height: 100% }
#shop a { color: #31639c; font-weight: bold; font-size: 70%; font-family: Verdana; text-decoration: none; background-color: white; letter-spacing: 1px }
#shop a:hover { color: #ff9c31; font-weight: bold; font-size: 70%; font-family: Verdana; text-decoration: none; background-color: white; letter-spacing: 1px }
#shop td  { font-family: Verdana; background-color: white; border-bottom: 1px dashed #ff9c31 }
#anmeldung { color: black; font-size: 12px; font-family: Verdana; letter-spacing: 1px; float: left; clear: none; margin: 0px; padding: 0px 12px; border-right: 1px dashed #ff9a31; border-left: 1px dashed #ffcf31; width: 450px; height: auto }
#content              { color: black; font-size: 12px; font-family: Verdana; background-color: white; letter-spacing: 1px; float: left; clear: none; padding-left: 24px; border-right: 1px dashed #ff9a31; border-left: 1px dashed #ffcf31; width: 450px; height: auto }
#content p { text-align: justify; margin-top: 0px; margin-right: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-left: 0px; width: 430px; height: auto }
#content li { width: 420px }
#content a    { color: #31659c; font-weight: bold; text-decoration: underline }
#content a:hover { color: #ff9a31; font-weight: bold; text-decoration: none }
.tdcontent { border-right: 1px dashed #ff9a31; border-left: 1px dashed #ffcf31 }
.content { color: black; font-size: 12px; font-family: Verdana; background-color: white; letter-spacing: 1px; float: left; clear: none; padding-left: 24px; border-right: 1px dashed #ff9a31; border-left: 1px dashed #ffcf31; width: 450px; height: auto }
.content a { color: #31659c; font-weight: bold; text-decoration: underline }
.content a:hover { color: #ff9a31; font-weight: bold; text-decoration: none }
#contentende    { color: white; font-weight: bold; font-size: 60%; font-family: Verdana; background: #31659c url(../style/backheadline.jpg); float: left; clear: none; padding-top: 6px; padding-bottom: 6px; padding-left: 24px; border-style: solid; border-width: 1px; border-color: #009ace #31659c #31659c #009ace; left: 250px; width: 450px; height: auto }
#contentende a { color: white; text-decoration: none }
#contentende a:hover { color: #ff9a31; text-decoration: none }
.contentende { color: white; font-weight: bold; font-size: 60%; font-family: Verdana; background: #31659c url(backheadline.jpg); float: left; clear: none; padding-top: 6px; padding-bottom: 6px; padding-left: 24px; border-style: solid; border-width: 1px; border-color: #009ace #31659c #31659c #009ace; left: 250px; width: 450px; height: auto }
.contentende a { color: white; text-decoration: none }
.contentende a:hover { color: #ff9a31; text-decoration: none }
.MainNavigation       { font-weight: bold; font-size: 14px; font-family: Verdana; background: #31659c url(../style/navimain.jpg); text-align: right; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #009ace; border-bottom: 1px solid #31659c; height: auto }
.ActiveMain { color: #31659c; font-weight: bold; font-size: 14px; font-family: Verdana; text-decoration: none; background: #ff9a31 url(../style/navisub.jpg); text-align: right; float: left; clear: none; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #ffcf31; border-bottom: 1px solid #ff9a31; width: 210px; height: auto }
.SubNavigation       { font-weight: bold; font-size: 12px; font-family: Verdana; background: #ffa231 url(../style/navisub.jpg); text-align: right; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid #ffcf31; border-bottom: 1px solid #ff9a31; height: auto }
.ActiveSub  { color: #31659c; font-weight: bold; font-size: 12px; font-family: Verdana; background: #ffa231 url(../style/navisub.jpg); text-align: right; float: left; clear: none; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid #ffcf31; border-bottom: 1px solid #ff9a31; width: 210px; height: auto }
.MainNavigation_rechts    { color: white; font-weight: bold; font-size: 14px; font-family: Verdana; text-decoration: none; background: #31659c url(navimain.jpg); float: left; clear: none; padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #009ace; border-bottom: 1px solid #31659c; width: 210px; height: auto }
.SubNavigation_rechts    { color: white; font-weight: bold; font-size: 12px; font-family: Verdana; text-decoration: none; background: #ffa231 url(navisub.jpg); float: left; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid #ffcf31; border-bottom: 1px solid #ff9a31; width: 210px; height: auto }
.ActiveSub_rechts  { color: #31659c; font-weight: bold; font-size: 14px; font-family: Verdana; text-decoration: none; background: #ffa231 url(navisub.jpg); float: left; padding-top: 4px; padding-bottom: 4px; border-top: 1px solid #ffcf31; border-bottom: 1px solid #ff9a31; width: 210px; height: auto }
.mehr {font-size: 75% }
#bildunter {
color: #2149b5;
font-size: 75%;
font-family: "Comic Sans MS" }
#glossarletter   {
color: white;
font-size: 120%;
font-family: Verdana;
background-color: gray;
float: left;
clear: left;
padding-top: 9px;
padding-bottom: 9px;
padding-left: 24px;
border-right: 1px solid #808080;
border-left: 1px solid #808080;
left: 250px;
width: 450px;
height: auto }
#glossarhead     { color: white; font-weight: bold; font-size: 90%; font-family: Verdana; background: #ffa231 url(../style/backsubline.jpg); float: left; clear: none; margin-bottom: 9px; padding-top: 1px; padding-bottom: 1px; padding-left: 24px; border-style: solid; border-width: 1px; border-color: #ffcf31 #ff9a31 #ff9a31 #ffcf31; left: 250px; width: 450px; height: auto }
#glossartext  {
color: black;
font-weight: bold;
font-size: 70%;
font-family: Verdana;
background-color: white;
letter-spacing: 1px;
float: left;
clear: left;
padding-top: 6px;
padding-left: 24px;
border-right: 1px dotted #ff9e00;
border-left: 1px dotted #ff9e00;
left: 250px;
width: 450px;
height: auto }
#glossartext a   { color: #ff9a31; text-decoration: none }
#glossartext a:hover  {
color: #ff9a31;
text-decoration: none }
#glossarlink {
color: #31659c;
float: left;
padding-left: 12px;
width: 90px;
height: auto }
#glossarlink a   { color: white; font-size: 120%; font-family: Verdana; text-decoration: none; background-image: url(../style/glossarlink.jpg); text-align: center; float: left; clear: none; margin: 2px; width: 30px; height: 30px }
#glossarlink a:hover   { color: #31659c; background-image: url(../style/glossarlinkover.jpg) }
#rechts   {
background-color: white;
float: left;
width: 200px;
height: auto }
#rechts a              { color: white; text-decoration: none; float: left; clear: none; margin: 0px; width: 210px }
#rechts a:hover              { color: #31659c; text-decoration: none; background: #ff9a31 url(../style/navisub.jpg); float: left; clear: none; border-top: 1px solid #ffcf31; border-bottom: 1px solid #ff9a31; width: 210px }
#rechts a:visited          { color: white; text-decoration: none; float: left; clear: none; width: 210px }
#rechts a:visited:hover             { color: #31659c; text-decoration: none; background-color: #ff9a31; float: left; clear: none; border-top: 1px solid #ffcf31; border-bottom: 1px solid #ff9a31; width: 210px }

#navirechts { background-color: white; float: left; margin-left: 2px; padding-bottom: 24px; width: auto; height: auto }
#buchtip  {
color: gray;
font-size: 70%;
font-family: Verdana;
float: left;
padding-top: 12px;
padding-left: 12px }
#buchtip a   { color: #ff9a31 }
#buchtip a:hover   { color: #31659c; text-decoration: none }
#newsdatum   { color: white; font-weight: bold; font-size: 70%; font-family: Verdana; background: #ffa231 url(../style/backsubline.jpg); float: left; clear: none; margin-bottom: 6px; padding-top: 2px; padding-bottom: 2px; padding-left: 24px; border-style: solid; border-width: 1px; border-color: #ffcf31 #ff9a31 #ff9a31 #ffcf31; width: 450px; height: auto }
#newshead  { color: white; font-weight: bold; font-size: 70%; font-family: Verdana; background: #31659c url(../style/backheadline.jpg); float: left; padding-top: 6px; padding-bottom: 6px; padding-left: 24px; border-style: solid; border-width: 1px; border-color: #ffcf31 #ff9a31 #ff9a31 #ffcf31; width: 450px; height: auto }
#aktuellenews   {
float: left;
margin-left: 2px;
width: 160px;
height: auto }
#aktnewshead      { color: white; font-weight: bold; font-size: 85%; font-family: Verdana; background: #31659c url(../style/newshead3.jpg); float: left; clear: both; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; border-style: solid; border-width: 1px; border-color: #42c6f7 #0094ce #0094ce #42c6f7; width: 160px }
#aktnewsdatum    { color: white; font-weight: bold; font-size: 70%; font-family: Verdana; background: #ff9a31 url(../style/newsdate3.jpg); padding-top: 2px; padding-bottom: 2px; padding-left: 12px; border-style: solid; border-width: 1px; border-color: #ffe79c #ffce31 #ffce31 #ffe79c; width: 100% }
#aktnewstext    { font-weight: bold; font-size: 70%; font-family: Verdana; padding-bottom: 7px; padding-left: 12px; border-right: 1px dashed #ffce31; border-left: 1px dashed #ffe79c; width: 100% }
#aktnewstext ul { width: 160px }
#aktnewstext a {
color: #31659c;
font-weight: bold;
font-family: Verdana;
text-decoration: none }
#aktnewstext a:hover  {
color: #ff9a31;
font-weight: bold;
font-family: Verdana;
text-decoration: underline }
#aktnewsende  {
background-color: #31659c;
float: left;
width: 100%;
height: auto }
#aktnewsende a   { color: white; font-weight: bold; font-size: 70%; font-family: Verdana; text-decoration: none; background: #31659c url(../style/newshead3.jpg); float: left; clear: both; padding-top: 4px; padding-bottom: 4px; padding-left: 12px; border-style: solid; border-width: 1px; border-color: #42c6f7 #0094ce #0094ce #42c6f7; width: 160px; height: auto }
#aktnewsende a:hover   { color: #31659c; font-weight: bold; font-size: 70%; font-family: Verdana; text-decoration: none; background: #ff9a31 url(../style/newsdate3.jpg); padding-top: 4px; padding-bottom: 4px; padding-left: 12px; border-style: solid; border-width: 1px; border-color: #ffe79c #ffce31 #ffce31 #ffe79c; width: 160px; height: auto }
#lehrtrainer_rechts  { background: #ff9a31 url(newsdate3.jpg); width: 100% }
#lehrtrainer_rechts a { color: white; font-weight: bold; font-size: 70%; font-family: Verdana; text-decoration: none; background: #31659c url(navimain.jpg); float: left; clear: none; margin: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; border-top: 1px solid #009ace; border-bottom: 1px solid #31659c; width: 100% }
#lehrtrainer_rechts a:hover  { color: #31659c; font-weight: bold; font-size: 70%; font-family: Verdana; text-decoration: none; background: #ffa231 url(navisub.jpg); float: left; clear: none; margin: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 12px; border-top: 1px solid #ffcf31; border-bottom: 1px solid #ff9a31; width: 100% }
.blau { color: #31659c }
.orange { color: #ff9a31 }
.head { color: #316b9c; font-weight: bold; font-size: 100%; letter-spacing: 1px }
.headgross { color: #316b9c; font-variant: normal; font-weight: bold; font-size: 140%; letter-spacing: 2px }
.letter { color: #316b9c; font-variant: normal; font-size: 160%; letter-spacing: 2px }
.fussnote { font-size: 75% }
hr  { margin-top: 12px; margin-bottom: 12px; border: dashed 1px #ff9a31 }
h1 { color: white; font-weight: lighter; font-size: 18px; font-family: Verdana; margin: 0px; padding: 0px }
h2 { color: white; font-weight: lighter; font-size: 18px; font-family: Verdana; margin: 0px; padding: 0px }
h3 { color: white; font-weight: bold; font-size: 14px; font-family: Verdana; margin: 0px; padding: 0px }
h4 { color: #31659c; font-family: Verdana }
strong { color: #31659c }
p { font-size: 12px }
ul  { color: #31659c; margin: 0px 0px 0px 24px; padding: 0px }
li   { color: #31659c; font-weight: bold; list-style-image: url(li.gif)}
#nachoben { font-size: 11px; font-family: Verdana; text-align: right }
#nachoben a { color: #ff9a31; font-weight: bold; text-decoration: none; text-align: right }
#nachoben a:hover { color: #31659c; font-weight: bold; text-decoration: none; text-align: right }
#linktext { color: #ff9a31 }
select  { font-weight: bold; font-size: 11px; margin-top: 6px; margin-bottom: 6px; padding: 2px }
input  { font-weight: bold; padding: 2px }
.nachoben { font-size: 11px; font-family: Verdana; text-align: right }
.nachoben a { color: #31659c; font-weight: bold; text-align: right }
.nachoben a:hover { color: #ff9a31; font-weight: bold; text-align: right }
html { height: 100% }