/* ########## Pfefferminzmuseum Eichenau,, 2005 ########## */

.klein { font-size: 10px; }
.browsebox { width:470px; font-size:10px; margin-bottom:2px; background-color:#D6E7D6; text-align:center; }
.browsebox a { font-size:12px; }

/* ### Google-Search ### */
div#googlesearch input { border-style: solid; border-width: 1px; border-color:#666;  }

/* #### FREE CAP #### */
.tx-srfreecap-pi2-image { margin-left: 1em; }
.tx-srfreecap-pi2-cant-read { font-size: 10px; color:#000000; }

/* #### ECARDS ### */
.tx-srsendcard-pi1 input[type=text], .tx-srsendcard-pi1 textarea { border-style: solid; border-width: 1px; border-color:#666; font-size:12; color:#333333; width:290px; margin-bottom:10px; }
.tx-srsendcard-pi1 .inputfield { border-style: solid; border-width: 1px; border-color:#666; font-size:12; color:#333333; width:290px; margin-bottom:10px; }
.tx-srsendcard-pi1-error-message { color: #CC0000; margin: 0 0 .2em 0;  }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-form { width:300px; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card { width:300px; margin: 2em 70px; border-style: solid; border-width: 1px; border-color: #35006d; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-sent .tx-srsendcard-pi1-emailmessage { width:450px; height:250px; }
.tx-srsendcard-pi1-card-text { margin: 5px; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-caption {  font-size: .8em; font-weight: bold; margin: .5em 0 2em 0; text-align: right; }

.tx-srsendcard-pi1-submit { clear: both; float: none; display: block; }
.tx-srsendcard-pi1-card-buttons { margin-left:70px;  }
.tx-srsendcard-pi1-card-buttons input { margin-bottom:5px }


.tx-srsendcard-pi1 .tx-srsendcard-pi1-card-series-header { text-align: center; font-weight: bold; font-size: 1em; margin: 0; padding-top: 1.1em; padding-bottom: 0; width: 96%; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dl { margin: 0; padding: 0; border-style: none; width: 100%; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dt, .tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dd { margin: 0; border-style: none; text-align: center; float: left; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dt { padding: .5em 0 0 0; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dd { padding: 0 0 .5em 0;}
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dt a, .tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector dd a { margin: 0 auto; padding: 0; border-style: none; width: auto;  }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector img { margin: 0; padding: 0; border-style: none; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-image-selector .tx-srsendcard-pi1-first-column { clear: left; }
* html .tx-srsendcard-pi1 dt.tx-srsendcard-pi1-image-selector-empty-cell { margin-bottom: .1em; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-video-clip-highlight { color: red; }
.tx-srsendcard-pi1 .tx-srsendcard-pi1-flash-clip-highlight { color: red; }


/* #### GÄSTEBUCH ### */
.tx-guestbook-list-header { width:470px; margin-top:20px; margin-bottom:2px; text-align:left;
                                        background-color:#DDD; color:#000; font-weight:bold; }
.tx-guestbook-list-header p { margin-bottom:4px; color:#000; }
.tx-guestbook-list-header a { margin-left:15px; }
.tx-guestbook-list-row { width:440px; padding-left:30px; }
.tx-veguestbook-pi1-browsebox-strong {  }
.tx-veguestbook-pi1 td {
   padding-right: 10px;
   vertical-align:top;
}
.tx-veguestbook-pi1 ul {
    margin-left:20px;
    font-size:10px;
    margin-bottom:20px;
}
.tx-veguestbook-pi1 li {
    display: inline;
    list-style: none;
    margin-right: 5px;
}

.tx-guestbook-list-entrycomment-title {font-weight: bold; }
.tx-guestbook-list-entrycomment { font-style: italic; }
.tx-guestbook-list-small { font-size: 10px; color: #666666; }
.tx-guestbook-latest-header { background-color: #539521; color: #FFFFFF; font-weight:bold; }
.tx-guestbook-latest-row { background-color: #FFFFFF; }
.tx-guestbook-latest-small { font-size: 9px; color: #666666; }
.tx-guestbook-form-inputfield-med { border-style: solid; border-width: 1px; border-color:#666; font-size:12; color:#333333; width:250px; height:20px; }
.tx-guestbook-form-inputfield-big { border-style: solid; border-width: 1px; border-color:#666; font-size:12; color:#333333; width:250px; height:20px; }
.tx-guestbook-form-textarea { border-style: solid; border-width: 1px; border-color:#666; font-size:12; color:#333333; width:250px; }
.tx-guestbook-form-obligationfield { color: #CC0000; }
.tx-guestbook-form-error { color: #CC0000; }


/* #### SUCHE ### */
.tx-indexedsearch-redMarkup { color: red; }
.searchresultheader { width:470px; margin-bottom:2px; 
                                background-color:#DDD; text-align:left; }
.searchresultheader p {  margin-bottom:4px; }
.searchresultdescription { margin-top:0px; width:450px; margin-left:20px; 
                                    font-size:10px; font-style:italic; }


/* #### NEWSLETTER #### */

.newsletter .newsletterinput { width:150px; border-color:#666; border-width:1px; border-style:solid; }
.newsletter td { vertical-align: top; }
.newsletter td.bezeichner { font-size:10px; padding-right: 10px; text-align:right; vertical-align:top; }
.newsletter td.fehler { color:red; text-align:left; font-size:10px; vertical-align:bottom; }
.newsletter td.buttons { padding-top:5px; padding-bottom:10px; }




div.TeaserBox a {
   position:absolute;
   top: 200px;
}


.chronikimpressum {
  font-size: 11px;
}

.chronikimpressum h3 {

  font-size: 11px
}


/* #### SUCHE #### */
.tx-indexedsearch-searchbox input.submitbutton { width:80px; }
.tx-indexedsearch-searchbox input.searchbox { width:150px; border-color:#666; border-width:1px; border-style:solid; }

	.tx-indexedsearch .tx-indexedsearch-whatis P .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
	.tx-indexedsearch P.tx-indexedsearch-noresults { text-align:left; font-weight:bold; }
        .tx-indexedsearch .tx-indexedsearch-rules h2 { font-size:10px; margin-bottom:5px; }
        .tx-indexedsearch .tx-indexedsearch-rules p { font-size:10px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title { background:#eeeeee; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P { font-weight:bold; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title P.tx-indexedsearch-percent { font-weight:normal; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P { font-style:italic; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr P .tx-indexedsearch-redMarkup { color:red; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeff; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TABLE { background:#cccccc; }
	.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { vertical-align:middle; }
	.tx-indexedsearch .tx-indexedsearch-res .noResume { color : #666666; }





/* #### NEWS #### */
.news-latest-item {
    margin-bottom: 20px;
}

.news-latest-item p {
    margin-bottom: 0px;
   font-size: 11px;

}
.news-latest-item a {
   font-size: 11px;
}
.news-latest-item h3 {
   font-size: 11px;
   text-weight: bold;
}
.news-list-container h3 {
   margin: 0px 0px 3px 0px;
   font-size: 12px;
   font-weight: bold;
}
.news-list-date {
   font-weight: normal;
}
.news-list-container p {
   margin: 0px;
   padding: 0px;
}
.news-list-morelink {
   margin: 3px 0px 15px 0px;
}
.news-single-item h2 {
   font-size: 12px;
   font-weight: bold;
}
.news-single-item h3 {
   font-size: 12px;
   font-weight: normal;
   margin-bottom: 20px;
   font-style: italic;
}


/* ##### Settings for right column ##### */
div#TeaserColumn3 h1 {
   font-size: 11px;
   text-weight: bold;
}

div#TeaserColumn3 {
   font-size: 11px;
}




/* ########## General settings ########## */
* {
    margin: 0px;
    padding: 0px;
    border: 0px;
    }
body {
    margin: 0px 0px 0px 56px;
    font-family: Arial;
    font-size: 12px;
    color: #222;
    background-image: url(global_background.gif);
    background-repeat: repeat-y;
    background-color: #CCC;
	}
a {
    font-size: 0.9em;
    letter-spacing: 0.1 em;
    color: #66CC00;
    font-weight: bold;
    text-decoration: none;
    }
a:hover {
    text-decoration: underline;
    }
a:hover img {
    text-decoration: none;
    }
p {
    margin: 0px 0px 1em 0px;
    font-size: 0.99em;
    }
h1 {

    font-size: 12px;
    font-weight: bold;
    margin: 25px 0px 3px 0px;
    }
h2 {
    margin: 0px 0px 8px 0px;
    }

/* ########## Logische richtige Anzeige der Navigation fýr Barrierefreiheit ########## */
.skip {
    position: absolute;
    left: -999px;
    width: 900px;
    }

/* ########## allgemeine Layoutangaben, Seiteneinteilung ########## */
/* der globale Container, in dem alles drin ist */
div#LayoutBox {
    width: 898px;
    }
/*  es wird h1 als Header benutzt damit im Anschluss die hierarchisch
    korrekte Verwendung von ýberschriften zweiten Grades ermýglicht wird */
div#LayoutHeader {
    height: 130px;

    background-image: url(header_background.jpg);
    background-color: #2B422D;
    }
div#LayoutHeader h1 {
    position: absolute;
    top: 0px;
    left: 520px;
    display: inline;
    margin: 0px;
    padding: 10px 15px 10px 15px;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    background-color: #66CC00;
    }
div#LayoutHeader img {
    padding: 0px;
    margin: -5px 0px -10px 0px;
    }
/* ########## META-NAVIGATION ########## */
 ul#LayoutHeaderMetaNavigation {
    padding: 0px 228px 0px 0px;
    height: 18px;
    font-size: 10px;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-align: right;
    color: #555;
    background-color: #333;
    }
ul#LayoutHeaderMetaNavigation li {
    display: inline;
    list-style: none;
    }
ul#LayoutHeaderMetaNavigation a {
    padding: 0px 10px 6px 10px;
    font-weight: bold;  
    text-decoration: none;
    color: #DDD;
    border-right: solid 1px #555;
    }
ul#LayoutHeaderMetaNavigation a:hover {
    background-color: #66CC00;
    }
ul#LayoutHeaderMetaNavigation .inaktiv {
    font-size: 0.9em;
    letter-spacing: 0.1 em;
    padding: 0px 10px 6px 10px;
    font-weight: bold;  
    text-decoration: none;
    color: #888;
    border-right: solid 1px #555;
    }

/* ########## LINKE NAVIGATION ########## */
div#NavigationColumn1 {
    position: absolute;
    left: 56px;
    top: 148px;
    width: 180px;
    }
div#NavigationColumn1 ul {
    width: 180px;
    list-style-type: none;
    }
div#NavigationColumn1 ul li {
    border-top: solid 1px white; letter-spacing: 0.1 em;
    }
/* ########## nav erster ebene ########## */
div#NavigationColumn1 ul li a, div#NavigationColumn1 ul li span {
    display: block;
    padding: 8px 0px 5px 30px;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    }
div#NavigationColumn1 ul li a:hover {
    text-decoration: none;

    }
/* ########## nav zweiter ebene ########## */
div#NavigationColumn1 ul ul li a, div#NavigationColumn1 ul ul li span {
    display: block;
    padding: 3px 0px 1px 30px;
    font-size: 11px;
    font-weight: bold;
    color: #FFF;
    background-repeat: no-repeat;
    }

/* ########### SUBMENU LEVEL 2 ###### */
ul.submenu_level2 {
    list-style-position:inside;
    list-style-image: url(link_arrow_narrow.gif);
}
ul.submenu_level2 li {
   padding: 0px 0px 2px 0px;
}

p.submenu_level2 {
}
p.submenu_level2 b {
   font-size: 11px;
   text-weight: bold;
}

/* ########## INHALT; MITTLERE SPALTE ########## */
div#InhaltColumn2 {
    position: absolute;
    top: 150px;
    left: 56px;
    width:480px;
    height: 400px;
    padding: 0em 0em 1em 0em;
    margin: 25px 0px 0em 190px;
    }
/* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
* html div#InhaltColumn2 {
    height: 1em;
    }
/* ########## RECHTE SPALTE ########## */
div#TeaserColumn3 {
    position: absolute;
    top: 155px;
    left: 740px;
    width: 156px;
    padding: 0px;
    margin: 25px 60px 0px 0px;
    }


div.TeaserBox, div.TeaserBoxRight {
    width: 156px;
    background-color: #D4E6D5;
    margin-bottom: 25px;
    }
div.TeaserBox img {
    display: block;
    margin: 0px;
    }
div.TeaserBoxRight img {
    height: 50px;
    width: 156px;
    display: block;
    margin: 0px;
    }
div.TeaserBox h2, div.TeaserBoxRight h2 {
    margin: 0px;
    color: #FFF;
    font-size: 14px;
    padding: 4px 0px 2px 4px;
    }
div.TeaserBoxRight h2 {
    margin: 0px;
    color: #FFF;
    font-size: 12px;
    padding: 2px 0px 1px 4px;
    }
div.TeaserBox p, div.TeaserBoxRight p {
    padding: 4px;
    font-size: 0.9em;
    color: #003300;
    }
div.TeaserBox a, div.TeaserBoxRight a {
    display: block;
    padding: 0px 4px 4px 4px;
    font-size: 0.9em;
    font-weight: bold;
    color: #003300;
    text-decoration: none;
    }
div.TeaserBox a:hover, div.TeaserBoxRight a:hover {
    text-decoration: underline;

    background-color: #D4E6D5;
    color: #003300;
}


/* #### ORTSCHRONIK #### */
.bildunterschrift {
    font-size: 10px;
}

/* #### Farben für die einzelnen Bereiche ### */
.museum {
    background-color: #006699;
}
.museumcur {
    background-color: #006699;
    background-image: url(navigationarrowwhite2.gif);
    background-repeat: no-repeat;
}.museumsubcur {
    background-color: #006699;
    background-image: url(navigationarrowwhite.gif);
    background-repeat: no-repeat;

}
.museumsub {
    background-color: #6699CC;
}

.museum a:hover {
    background-color: #006699;
}
.museumsub a:hover {
    background-color: #006699;
}
.pfefferminze {
    background-color: #66CC00;
}
.pfefferminzecur {
    background-color: #66CC00;
    background-image: url(navigationarrowwhite2.gif);
    background-repeat: no-repeat;
}
.pfefferminzesubcur {
    background-color: #66CC00;
    background-image: url(navigationarrowwhite.gif);
    background-repeat: no-repeat;
}
.pfefferminzesub {
    background-color: #99CC66;
}
.pfefferminze a:hover {
    background-color: #66CC00;
}
.pfefferminzesub a:hover {
    background-color: #66CC00;
}
.ortschronik {
    background-color: #AE4528;
}
.ortschronikcur {
    background-color: #AE4528;
    background-image: url(navigationarrowwhite2.gif);
    background-repeat: no-repeat;
}
.ortschroniksubcur {
    background-color: #AE4528;
    background-image: url(navigationarrowwhite.gif);
    background-repeat: no-repeat;
}
.ortschroniksub {
    background-color: #CC6633;
}
.ortschroniksub a:hover {
    background-color: #AE4528;
}
.normal {
    background-color: #999900;
}
.normalcur {
    background-color: #999900;
    background-image: url(navigationarrowwhite2.gif);
    background-repeat: no-repeat;
}
.normalsubcur {
    background-color: #999900;
    background-image: url(navigationarrowwhite.gif);
    background-repeat: no-repeat;
}
.normalsub {
    background-color: #CCCC33;
}
.normal a:hover {
    background-color: #999900;
}
.normalsub a:hover {
    background-color: #999900;
    background-image: url(navigationarrowwhite.gif);
    background-repeat: no-repeat;
}
