/* style sheet metadata ****************************************** */
/*                                                                 */
/* project:	Hof Langenberg                                    */
/* website:      www.hof-langenberg.de                             */
/* function:     style sheet für inhalte                           */
/* author:       k. langenberg                                     */
/* date:         oct-2008                                          */
/* version:                                                        */
/*                                                                 */



/* Abschluss unten *** Links ************************************* */

#lg-bottom p a {
    color: #3a6181;
    background: transparent;
    text-decoration: none;
    padding: 1px 4px;
    outline: none;
    }
#lg-bottom p a:hover, #lg-bottom p a:active {
    color: #fff;
    background: #4094ad;
    text-decoration: none;
    }
#lg-bottom p span {
    border: 1px solid #3a6181;
    padding: 1px 0;
    }

#lg-bottom td a:hover, #lg-bottom td a:active {
    color: #006;
    background: transparent;
    text-decoration: none;
    }



/* Inhalte allgemein *** Überschriften *************************** */

h1,h2,h3,h4,h5,h6 {
    color: #785846;
    font-weight: normal;
    font-style: italic;
    font-family: Georgia,Chicago,Charcoal,"Times New Roman",serif;
    padding: 0.75em 0 0 0.75em;
    margin: 0.75em 0 0.5em;
    }
h1 {
    font-size: 1.6em;            /*24*/
    border: 1px solid #ddc0a3;
    border-width: 0 0 1px 0;
    padding: 3px 0 0 0.75em;
    }
h2 {
    font-size: 1.4em;            /*21*/
    }
h3 {
    font-size: 1.2em;            /*18*/
    }
h4 {
    font-size: 1.05em;           /*16*/
    }
h5 {
    font-size: 0.95em;           /*14*/
    }
h6 {
    font-size: 0.8em;            /*12*/
    font-style: normal;
    }



/* Inhalte allgemein *** Links im Text *************************** */

#lg-inhalte a {
    outline: none;
    }
#lg-inhalte :link:focus, #lg-inhalte :visited:focus {
    color: #000000;
    background-color: #ffffff;
    border-bottom: 1px solid #6a4f2f;
    text-decoration: none;
    }
#lg-inhalte :link {
    color: #1d619d;
    border-bottom: 1px solid #5e7e98;
    text-decoration: none;
    }
#lg-inhalte :visited {
    color: #2f4f6a;
    border-bottom: 1px solid #c4d0da;
    text-decoration: none;
    }
#lg-inhalte :link:hover, #lg-inhalte :visited:hover {
    color: #000000;
    background-color: #e3f2ff;
    border-bottom: 1px solid #9b391f;
    text-decoration: none;
    }
#lg-inhalte :link:active, #lg-inhalte :visited:active {
    color: #f88100;
    background-color: #005ab9;
    text-decoration: none;
    }

a.exlink:link {                      /* Links zu externen Websites */
    background: url(graphics/link-exl.gif)
                no-repeat
                left center;
    padding-left: 13px;
    }
a.exlink:visited {
    background: url(graphics/link-exv.gif)
                no-repeat
                left center;
    padding-left: 13px;
    }
a.exlink:hover, a.exlink:active {
    background: url(graphics/link-exh.gif)
                no-repeat
                left center;
    padding-left: 13px;
    }



/* Inhalte allgemein *** Absätze ********************************* */

p {
    margin: 0.5em 0;
    }

p:lang(fr) {
    quotes: '« ' ' »';
    }
p:lang(de) {
    quotes: '»' '«' '\2039' '\203a';
    }
:lang(fr) > q {
    quotes: '« ' ' »';
    }
:lang(de) > q {
    quotes: '»' '«' '\2039' '\203a';
    }



/* Inhalte allgemein *** Listen ********************************** */

dl {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    }
dd {
    margin-bottom: 0.2em;
    }
dt {
    margin-top: 0.2em;
    }


ol > li {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    }
ul > li {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    }

ol {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    }
ol.la {
    list-style-type: lower-latin;
    list-style-type: lower-alpha;
    }
ol.d  {
    list-style-type: decimal;
    }
ol.ur  {
    list-style-type: upper-roman;
    }
ol.ua {
    list-style-type: upper-latin;
    list-style-type: upper-alpha;
    }

ul {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    list-style-image: url(../graphics/hl-bullet.gif);
    }



/* Inhalte allgemein *** Bilder im Text ************************** */

#lg-inhalte div.bild-mittig {
    padding-left: 1em;
    margin: 0.5em 0;
    }
#lg-inhalte div.bild-mittig img {
    border: 1px solid #c0c0c0;
    }

#lg-inhalte div.bild-rechts-2 {
    padding: 0;
    border: none;
    margin: 1em 0.5em 1em 1.5em;
    float: right;
    }
#lg-inhalte div.bild-rechts {
    background-color:#ffffff;
    padding: 0.5em;
    border: 1px solid #ddc0a3;
    margin: 0.5em 0 0.5em 1em;
    float: right;
    }
#lg-inhalte div.bild-rechts img {
    vertical-align: bottom;
    }

#lg-inhalte div.bild-galerie {
    padding: 1em 0;
    margin: 0 auto;
    }


/* Inhalte allgemein *** Kontaktformular ************************* */

.button1 {
    color: #524c37;
    font-size: 0.8em;
    font-weight: normal;
    background-color: #e3deba;
    vertical-align:middle;
    padding: 3px 1em;
    border-width: 2px;
    border-style: solid;
    border-color: #f1efdd #a5a290 #a5a290 #f1efdd;
    margin: 0;
    }
.button2 {
    color: #524c37;
    font-size: 1em;
    font-weight: bold;
    background-color: #f4f1dc;
    width: 15em;
    text-align: center;
    padding: 3px 0;
    border-width: 2px;
    border-style: solid;
    border-color: #ffffff #adaca1 #adaca1 #ffffff;
    margin: 1em 0.5em 0;
    }


div.contactform {
    background: url(../graphics/form-back.jpg)
                fixed
                260px -860px
                no-repeat
                #bcc0be;
    text-align: left;
    padding: 0;
    border: none;
    margin: 0;
    max-width: 740px;   /*  max-width geht nicht mit IE bis Version 6  */
    }
* html div.contactform {       /*  Dies gilt nur für IE bis Version 6  */
    width: 690px;
    }
div.contactform:hover {
    background: url(../graphics/form-back.jpg)
                fixed
                260px -1710px
                no-repeat
                #e9eae9;
    }

form.contact {
    padding: 0.5em;
    border: none;
    }

form.contact fieldset {
    color: #524c37;
    background: url(../graphics/form-back.jpg)
                fixed
                260px -1710px
                no-repeat
                #e9eae9;
    margin-bottom: 0.5em;
    border: 1px solid #ffffff;
    }
form.contact:hover fieldset {
    color: #000000;
    background: url(../graphics/form-back.jpg)
                fixed
                260px -2560px
                no-repeat
                #a6aba8;
    }
form.contact fieldset fieldset {
    padding: 0;
    border: none;
    margin: 0;
    }

form.contact fieldset legend
    {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0;
    margin: 0 0 2px;
    }

form.contact fieldset input {
    margin: 0;
    float: left;
    clear: both;
    }

form.contact fieldset label {
    margin: 0.2em;
    display: block;
    }
form.contact fieldset label em {
    font-size: 0.95em;
    }

form.contact fieldset ol{
    padding: 0;
    margin: 0;
    }
form.contact fieldset li {
    list-style: none;
    padding: 5px;
    margin: 0;
    clear: both;
    }

.form2 {
    font-size: 16px;
    color: #000;
    background: url(../graphics/form-back.jpg)
                fixed
                260px -2560px
                no-repeat
                #d3d5d4;
    width: 23em;
    padding: 0;
    border: 1px solid #ffffff;
    margin: 0;
    }
div.contactform:hover .form2 {
    background: url(../graphics/form-back.jpg)
                fixed
                260px -3410px
                no-repeat
                #e9eae9;
    }
div.contactform .form2:focus {
    color: #325;
    background: #ffffff;
    border: 1px solid #8d6442;
    }




/* Allgemeine Deklarationen ************************************** */

#lg-inhalte p.divider {
    clear: both;
    }




/* Allgemeine Deklarationen *** nur für Druck ******************** */

.printonly {
    display: none;
    }




/* Besonderes *** Anfahrtkarte mit Schieber ********************* */

div.online-karte {
    background: #dddddd;
    padding: 8px 0 0;
    border: none;
    margin: 0;
    width: 702px;
    height:488px;
    }

ul.slider {
    padding: 0;
    border: none;
    margin: 0;
    position: relative;
    }

ul.slider li {
    padding: 0;
    border: 1px solid #ffffff;
    border-width: 1px 0;
    margin: 430px 0 0 0;
    display: block;
    float: left;
    width: 83px;
    height: 2em;
    }

ul.slider li span.map {
    background: url(../graphics/Anfahrtkarte.jpg)
                no-repeat;
    padding: 0;
    border: 1px solid #ffffff;
    margin: 0;
    width: 668px;
    height: 409px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    }
ul.slider li.sl-01 {
    background: #a1d888;
    border-left: 1px solid #ffffff;
    width: 85px;
    }
ul.slider li.sl-01 span.map {
    background-position: -2004px 0;
    }
ul.slider li.sl-01:hover span.map {
    background-position: 0 0;
    z-index: 2;
    }
ul.slider li.sl-02 {
    background: #9fd491;
    }
ul.slider li.sl-02 span.map {
    background-position: -2004px 0;
    }
ul.slider li.sl-02:hover span.map {
    background-position: -668px 0;
    z-index: 2;
    }
ul.slider li.sl-03 {
    background: #9cd09a;
    }
ul.slider li.sl-03 span.map {
    background-position: -2004px 0;
    }
ul.slider li.sl-03:hover span.map {
    background-position: -1336px 0;
    z-index: 2;
    }
ul.slider li.sl-04 {
    background: #9acca3;
    }
ul.slider li.sl-04 span.map {
    background-position: -2004px 0;
    }
ul.slider li.sl-04:hover span.map {
    background-position: -2004px 0;
    z-index: 2;
    }
ul.slider li.sl-05 {
    background: #97c7ac;
    }
ul.slider li.sl-05 span.map {
    background-position: -2004px 0;
    }
ul.slider li.sl-05:hover span.map {
    background-position: -2672px 0;
    z-index: 2;
    }
ul.slider li.sl-06 {
    background: #95c3b5;
    }
ul.slider li.sl-06 span.map {
    background-position: -2004px 0;
    }
ul.slider li.sl-06:hover span.map {
    background-position: -3340px 0;
    z-index: 2;
    }
ul.slider li.sl-07 {
    background: #92bfbe;
    }
ul.slider li.sl-07 span.map {
    background-position: -2004px 0;
    }
ul.slider li.sl-07:hover span.map {
    background-position: -4008px 0;
    z-index: 2;
    }
ul.slider li.sl-08 {
    background: #90bbc7;
    border-right: 1px solid #ffffff;
    width: 85px;
    }
ul.slider li.sl-08 span.map {
    background-position: -2004px 0;
    }
ul.slider li.sl-08:hover span.map {
    background-position: -4676px 0;
    z-index: 2;
    }




/* Besonderes *** Linkliste, Sitemap etc. *********************** */

div#linklist {
    padding: 1em 0;
    border: none;
    margin: 0 auto;
    }
#linklist ul.columns {
    list-style-image: none;
    list-style-type: none;
    background: url(../graphics/list-back-2.jpg)
                no-repeat;
    padding: 0.5em 2%;
    border: 1px solid #3a6181;
    border-width: 0;
    margin: 0.5em 1%;
    width: 44%;
    min-height: 200px;
    float: left;
    }
#linklist ul {
    margin-left: 1.5em;
    padding-left: 0;
    }
#linklist li {
    margin: 3px 0;
    }
#linklist .divider {
    clear: both;
    }
#linklist h4 {
    padding: 1px;
    }







/* Ende ********************************************************** */