html, body {
    margin:0px;
    padding:0px;
    border:0px;
    background-color: #6699CC;
}    

#kopfbereich {
    background-color:#0000FF;
    top:0px;
    left:0px;
    width:800px;
    height:85px;
    padding:0px;
    margin:0px;
    z-index:1;
}    

a.top_link, a.top_link_first, a.top_link_self {
    display:block;
    position:absolute;
    top:67px;
    width:100px;
    text-align:center;
    height:18px;
    font-size:10px;
    font-weight:bold;
    padding:0px;
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    font-family:Arial, sans-serif;
    font-size:10px;
    font-weight:bold;
    letter-spacing:0.1em;
    text-align:center;
    margin-left:0px;
    margin-right:0px;
}

a.top_link_first {
    border-top:1px solid black;
}

a.top_link:link, a.top_link_first:link,
a.top_link:visited, a.top_link_first:visited {
    background-color:rgb(20,90,138);
    color:white;
}    
       
a.top_link_self:link, a.top_link_self:visited {
    background-color:#3399FF;
    color:white;   
}
a.top_link:hover, a.top_link_first:hover, a.top_link_self:hover,
a.top_link:active, a.top_link_first:active, a.top_link_self:active {
    background-position:top right;
    background-repeat:no-repeat;
    background-color:white;
    background-color:white;
    color:black;
}   
a.top_link:focus, a.top_link_first:focus, a.top_link_self:focus {
    background-position:top right;
    background-repeat:no-repeat;
    background-color:black;
    background-color:black;
    color:white;
}   

a#vereinsrekorde {
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    bottom:0px;
    left:150px;
    z-index:3;
}          

a#presse {
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    bottom:0px;
    left:250px;
    z-index:4;
}
a#sportlerdesjahres {
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    bottom:0px;
    left:350px;
    z-index:5;
} 

a#bildergalerie {
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    bottom:0px;
    left:450px;
    z-index:6;
}  

a#partner {
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    bottom:0px;
    left:550px;
    z-index:7;
}  

a#vereinsrekorde:hover, a#vereinsrekorde:active,
a#presse:hover, a#presse:active,
a#sportlerdesjahres:hover, a#sportlerdesjahres:active,
a#bildergalerie:hover, a#bildergalerie:active,
a#partner:hover, a#partner:active,  {
    z-index:8;
} 

#navigation {
    position:absolute;
    background-color:#0000FF;    
    top:85px;
    left:0px;
    height:480px;
    width:150px;
    padding:0px;
    margin:0px;
    z-index:2;
}   
a.navi, a.navi_first, a.navi_self {
    display:block;
    white-space:nowrap;
    overflow:hidden;
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    font-family:Arial, sans-serif;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;
    letter-spacing:0.1em;
    padding:3px;
    text-align:center;
    margin-left:0px;
    margin-right:0px;
} 
a.navi_first {
    border-top:1px solid black;
}
a.navi:link, a.navi_first:link,
a.navi:visited, a.navi_first:visited {
    background-color:rgb(20,90,138);
    color:white;
}            
a.navi_self:link, a.navi_self:visited {
    background-color:#3399FF;
    color:white;   
}
a.navi:hover, a.navi_first:hover, a.navi_self:hover,
a.navi:active, a.navi_first:active, a.navi_self:active {
    background-color:white;
    color:black;
}

a.navi:focus, a.navi_first:focus, a.navi_self:focus {
    background-color:black;
    color:white;
}
a.archiv_link, a.archiv_link_first, a.archiv_link_self {
    top:77px;
    font-size:10px;
    font-weight:bold;
    padding:0px;
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden;
    border-left:1px solid black;
    border-right:1px solid black;
    border-bottom:1px solid black;
    font-family:Arial, sans-serif;
    font-size:10px;
    font-weight:bold;
    letter-spacing:0.1em;
    text-align:center;
    margin-left:0px;
    margin-right:0px;
    background-color:rgb(20,90,138);
}
a.archiv_link:link {  
       font-size:10pt;
       font-family:Arial, sans-serif;
       font-weight: bold;
}
a.archiv_link:hover {
    background-color:white;
    color:black;
}
a.archiv_link:focus, a.archiv_link:focus, a.archiv_link:focus {
    background-color:black;
    color:white;
}

a:link {  font-size:10pt;
       color:#FFFFFF;
       font-family:Arial, sans-serif;
       font-weight: bold;
}

a:visited {  font-size:10pt;
          color:#FFFFFF;
          font-family:Arial, sans-serif;
          font-weight: bold;
}
a:hover {
    background-color:white;
    color:black;
}
a:focus {
    background-color:black;
    color:white;
}

#inhalt {
    position:absolute;
    top:85px;
    width:500px;
    margin-top:0px;
    margin-left:150px;
    margin-right:150px;
    background-color:#3399FF;
    color:#0000FF;
    padding:0px;
}

#features {
    position:absolute;
    background-color:#0000FF;
    top:85px;
    left:650px;
    width:150px;
    height:480px;
    padding:0px;
    margin:0px;
}  
#logo {
    position:absolute;
    top:10px;
    left:15px;
    width:120px;
    height:65px;
    border:none;
}    

#logo-sommernachtslauf {
    position:absolute;
    top:10px;
    left:665px;
    width:120px;
    height:65px;
    border:none;
}    
#startbild {
    top:10px;
    padding-left:0px;
    width:500px;
    height:375px;
    border:none;
} 

#logo20 {
    position:absolute;
    top:235px;
    left:15px;
    width:120px;
    height:75px;
    border:none;
}

#sport-schmidt {
    position:absolute;
    top:315px;
    left:15px;
    width:120px;
    height:30px;
    border:none;
}  

#apotheke {
    position:absolute;
    top:350px;
    left:15px;
    width:120px;
    height:34px;
    border:none;
}  
#volvo {
    position:absolute;
    top:389px;
    left:45px;
    width:60px;
    height:83px;
    border:none;
}  
#tourgelbgif {
    position:absolute;
    top:100px;
    width:75px;
    height:25px;
    border:none;
}  
#fitforkidsgif {
    position:absolute;
    top:100px;
    width:75px;
    height:25px;
    border:none;
}  
#obere_navigation {
    top:85px;
    left:150px;
    border:none;
    width:459px;
    height:21px;
}    
 
h1, h2, h3, h4, h5, h6, p, ul, ol, table {
    margin-left:16px;
    margin-right:16px;
    font-family:Arial, sans-serif;
}
h1 {
     font-weight: bold;
     font-style:normal;
     font-size:20px;
     color:#0000FF;
     border-left:white solid 20px;
     border-bottom:white solid 4px;
     padding-left:10px;
     margin-top:10px;
     margin-bottom:6px;
}

h2 {
     font-weight: bold;
     font-style:normal;
     font-size:14px;
     line-height:1.1em;
     color:#0000FF;
     margin-top:12px;
     margin-bottom:4px;
}

h3 {
     font-weight: bold;
     font-style:normal;
     font-size:14px;
     line-height:1.1em;
     color:#0000FF;
     margin-top:12px;
     margin-bottom:4px;
}

h4, h5, {
     font-weight: bold;
     font-style:normal;
     font-size:14px;
     line-height:1.1em;
     color:#0000FF;
     margin-bottom:4px;
}
h6.navi   {
     margin-left:16px;
     font-weight: bold;
     font-style:normal;
     font-size:14px;
     line-height:1.1em;
     color:#3399FF;
     margin-top:16px;
     margin-bottom:4px;
     text-align:center;
}
h6.features   {
     margin-left:16px;
     font-weight: bold;
     font-style:normal;
     font-size:14px;
     line-height:1.1em;
     color:#3399FF;
     margin-top:0px;
     margin-bottom:4px;
}
h6   {
     margin-left:16px;
     margin-bottom:2px;
     font-weight: bold;
     font-style:normal;
     font-size:14px;
     line-height:1.1em;
     color:#0000FF;
     margin-top:0px;
     margin-bottom:4px;
}
p.intro {
    text-align:left;
    font-weight:normal;
    font-style:italic;
    font-size:100%;
    line-height:1.1em;
    margin-left:48px;
    color:#0000FF;
}

p.text {
    margin-left:16px;
    margin-right:16px;
    text-align:left;
    font-weight:normal;
    font-style:normal;
    font-size:11pt;
    background-color:#3399FF;
    color:#0000FF;
}
p.bilder {
    margin-left:0px;
    margin-right:0px;
    text-align:left;
    font-weight:normal;
    font-style:normal;
    font-size:11pt;
    background-color:#3399FF;
    color:#0000FF;
}
li {
    text-align:left;
    font-weight:normal;
    font-style:normal;
    font-size:100%;
    line-height:1.1em;
    color:#0000FF;
    margin-left:0px;
}

td,th {
    text-align:left;
    vertical-align:top;
    font-style:normal;
    font-size:100%;
    color:#0000FF;
}

th {
    font-weight:bold;
}    

div.inhaltkurz {
    background-color:#3399FF;
    width:500px;
    height:480px;
    padding:0px;
    margin:0px;
} 
div.inhaltlang {
    background-color:#3399FF;
    width:500px;
    height:100%;
    padding:0px;
    margin:0px;
} 
div.bilderlang {
    background-color:#3399FF;
    width:500px;
    height:100%;
    padding:0px;
    margin:0px;
} 
div.box_title {
    text-align:center;
    margin-top:2px;
    margin-left:0px;
    margin-right:0px;
    background-color:rgb(20,90,138);
    color:white;
    font-family:Arial, sans-serif;
    font-size:14px;
    font-weight:bold;
    padding:1px;
    border:black solid 1px;
}   

div.box_inhalt {
    margin-left:0px;
    margin-right:0px;
    margin-bottom:8px;
    background-color:rgb(20,90,138);
    border:black solid 1px;
    color:white;
    font-family:Arial, sans-serif;
    font-size:80%;
    font-weight:normal;
    padding:3px;
}     
 
a {  font-size:10pt;
     color:#FFFFFF;
     font-family:Arial, sans-serif;
     font-weight: bold;
}

}