/******************************
 * Typo
******************************/
html body {
font: normal 11px/14px Verdana, Arial, sans-serif;
color: #333;
}

h1 {
font: bold 12px/16px Verdana, Arial, sans-serif;
color: #009;
margin: 0 0 15px 0;
}

h2, h3 {
font: bold 11px/13px Verdana, Arial, sans-serif;
color: #009;
margin: 0 0 5px 0;
}

h3 {
color: #333;
}

strong {
font-size: 11px;
color: #009;
}


p {
margin: 0 0 15px 0;
}

sup {
font-size: 8px;
}

/* Typo Marginalspalte */
#marginal h3 {
margin: 0;
padding: 0 0 0 12px;
background: transparent url("../i/ly/bullet_marginal.gif") no-repeat 0 2px;
font-size: 10px;
color: #7F796D;
}

#marginal p {
font: normal 10px/13px Verdana, Arial, sans-serif;
}

span {
color: #f30;
font-weight: bold;
}

/******************************
 * Bilder
******************************/
a img {
border: none;
}

/******************************
 * Layout
******************************/
html body {
margin: 13px 0;
text-align: center;
background: #e8e2d7 url("../i/ly/bg_body.gif") repeat-x top left;
}

#container {
width: 758px;
margin: 0 auto;
padding: 0;
border: none;
background: #fff;
text-align: left;
}

#head {
margin: 0;
padding: 0;
border: none;
height: 145px;
background: transparent url("../i/ly/bly_bg_hd.jpg") no-repeat top left;
}

#logo {
margin: 0;
padding: 50px 0 0 103px;
border: none;
width: 230px;
height: 92px;
float: left;
}

#suche {
margin: 0 0 0 578px;
padding: 90px 0 0 0;
}

/* Suchfeld + Button */
#suche form {
border: none;
padding: 0;
margin: 0;
}

#suche input {
width: 100px;
font-size: 11px;
margin: 0 5px 0 0;
padding: 2px 0;
border: 1px solid #c0b7a4;
color: #333;
vertical-align: middle;
}

#suche input.suchbutton, #msuche input.suchbutton {
width: 20px;
height: 15px;
border: none;
padding: 0;
margin: 0;
vertical-align: middle;
}

#suche input:focus {background: #f9f8f6; }

#inhalt {
margin: 0;
padding: 45px 0 0 0;
border: none;
background: transparent url("../i/ly/bly_bg_inhalt.jpg") repeat-y top left;
}

#nav {
width: 180px
margin: 0;
padding: 0 0 0 25px;
border: none;
float: left;
voice-family: "\"}\"";
voice-family: inherit;
width: 155px;
}

#textmarginal {
margin: 0 0 0 210px;
padding: 0;
border: none;
}

#text {
margin: 0;
padding: 0;
border: none;
width: 338px;
float: left;
}

#marginal {
margin: 0 0 0 368px;
padding: 15px 35px 1px 10px;
border: none;
background: transparent url("../i/ly/bly_bg_marginal.gif") repeat-y top left;
}

#clear {
margin: 0;
padding: 0;
clear: both;
}

#footer {
margin: 0;
padding: 8px 35px 0 0;
border: none;
height: 44px;
background: transparent url("../i/ly/bly_bg_footer.jpg") no-repeat top left;
text-align: right;
color: #c0b7a4;
voice-family: "\"}\"";
voice-family: inherit;
height: 36px;
}

/******************************
 * Links
******************************/
a:link, a:visited {
display: inline;
color: #009;
background-color: transparent;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* Link Mitgliederbereich */
a:link.mitglieder, a:visited.mitglieder {
width: 115px;
display: block;
margin: 0;
padding: 3px 3px 3px 30px;
color: #f03;
border: none;
background: transparent url("../i/ly/mitglieder.gif") no-repeat 3px 3px;
}

a:hover.mitglieder {
border: none;
text-decoration: underline;
background: #ffff url("../i/ly/mitglieder.gif") no-repeat 3px 3px;
}

/* Links Footer */
#footer a:link, #footer a:visited {
color: #c0b7a4;
font-size: 10px;
}

#footer a:hover {
color: #c0b7a4;
text-decoration: underline;
}

/* Link PDF-Dokument */
a.pdf {
margin: 0;
padding: 0 0 0 25px;
border: none;
text-decoration: none;
background: transparent url("../i/ly/bly_acrobat.gif") no-repeat 0 0;
display: block;
height: 22px;
line-height: 22px;
}

a:hover.pdf, a:hover.info, a:hover.zurueck, a:hover.artikel  {
text-decoration: underline;
}

/* Link Info-Doc */
a.info {
margin: 0;
padding: 0 0 0 18px;
border: none;
text-decoration: none;
background: transparent url("../i/ly/bly_doc.gif") no-repeat 0 0;
}

/* Link Zurueck-Pfeil */
a.zurueck {
margin: 0;
padding: 0 0 0 18px;
border: none;
text-decoration: none;
background: transparent url("../i/ly/bly_zurueck_pfeil.gif") no-repeat 0 3px;
}

/* Link zum Artikel */
a.artikel {
margin: 0;
padding: 0 18px 0 0;
border: none;
text-decoration: none;
background: transparent url("../i/ly/bly_zum_artikel.gif") no-repeat right 3px;
}

/******************************
 * Listen im Text
******************************/
#text ul {
margin: 0;
padding: 0 0 10px 0;
border: none;
list-style: none;
}

#text li {
margin: 0;
padding: 0 0 5px 15px;
border: none;
background: transparent url("../i/ly/bly_bullet_text.gif") no-repeat 0 3px;
}

/* Klassen */
#text ul.adressblock li {
margin: 0;
padding: 0 0 1px 0;
border: none;
background: none;
}

/******************************
 * Navigation
******************************/

#nav ul {
margin: 0;
padding: 0;
border: none;
list-style: none;
background: transparent url("../i/ly/dot_linie.gif") repeat-x bottom left;
}

#nav li {
width: 155px;
margin: 0;
padding: 6px 0 5px 0;
border: none;
background: transparent url("../i/ly/dot_linie.gif") repeat-x top left;
}

/* Links in der Navigation */
#nav li a:link, #nav li a:visited {
margin: 0;
padding: 0 5px 0 11px;
border: none;
display: block;
text-decoration: none;
color: #7F796D;
background: transparent url("../i/ly/bly_pfeil_flieder.gif") no-repeat 0 3px;
}

#nav li a:hover {
color: #f03;
background: transparent url("../i/ly/bly_pfeil_rot.gif") no-repeat 0 3px;
}

/* Klassen */
#nav li a:link.hi, #nav li a:visited.hi {
color: #7F796D;
background: transparent url("../i/ly/bly_pfeil_rot.gif") no-repeat 0 3px;
}

#nav li a:hover.hi, #nav li.sub a:hover.hi {
color: #f03;
background: transparent url("../i/ly/bly_pfeil_rot.gif") no-repeat 0 3px;
}

#nav li.sub {
width: 155px;
padding: 0 0 4px 10px;
background: none;
voice-family: "\"}\"";
voice-family: inherit;
width: 145px;
}	


/******************************
 * Formulare
******************************/
form {
margin: 0 0 15px 0;
padding: 0;
}

input, fieldset, legend, label, textarea, select {
font: normal 11px/14px Verdana, Arial, sans-serif;
}

fieldset {
margin: 0;
border: 1px solid #c0b7a4;
padding: 0 15px 5px 15px;
}

legend {
border: 1px solid #c0b7a4;
margin: 0;
padding: 5px;
background-color: #f9f8f6;
}

label {
float: left;
width: 30%;
margin: 10px 5px 5px 0;
}

fieldset input, textarea {
width: 60%;
border: 1px solid #c0b7a4;
margin: 10px 0 5px 0;
color: #333;
}

select {
margin: 10px 0 5px 0;
}

textarea {
height: 80px;
}

input:focus, textarea:focus {
background: #f9f8f6; 
}

/* Sonderklassen */
input.submit {
border: 1px solid #c0b7a4;
color: #333;
background-color: #f9f8f6;
width: 60%;
margin: 5px 0 5px 0;
}

input.submitklein {
border: 1px solid #c0b7a4;
color: #333;
background-color: #f9f8f6;
width: auto;
margin: 10px 0 5px 0;
}

/******************************
 * Mitgliederblock
******************************/
#mitglied {
border: 1px solid #c0b7a4;
margin: 0 0 15px 0;
padding: 5px;
background: #f9f8f6; 
}

#mitglied ul {
margin: 0 0 5px  0;
padding: 0;
list-style: none;
}

#mitglied li {
margin: 0;
padding: 0;
background: none;
}
