/* Allgemeiner Teil */

* {
margin: 0;
padding: 0;
}

html {
height: 100%;
font-size: 62.5%;
scrollbar-arrow-color:#5F0407;
scrollbar-face-color:#FAE9CF;
scrollbar-highlight-color:#320000;
scrollbar-3dlight-color:#6A0903;
scrollbar-shadow-color:#FFD382;
scrollbar-darkshadow-color:#320000;
scrollbar-track-color:#FAE9CF;
}

.test img {
margin: 0px 10px 10px 0;
padding: 2px;
border: 1px solid #600;
}

.foto {
float: left;
margin: 0px 10px 10px 0;
padding: 2px;
border: 1px solid #600;
}

body 
{
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
background: #FAE9CF url("images/hintergrund.jpg");
}

.cleaning-box { 
min-height: 1px;
}

.cleaning-box:after {
display: block; 
clear: both; 
visibility: hidden; 
height: 0px; 
font-size: 0; 
content: " ";
}

.clear {
height: 0px; 
clear: both;
}

.block {
display: table;
margin: auto;
min-width: 350px;
}

.line {
background: url("images/line.gif") no-repeat center 0;
margin-top: 20px;
margin-bottom: 20px;
height: 21px;
}

/* Header */

#header {
height: 170px;
margin: 0px;
padding-bottom: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
color: #FFE09E;
text-align: center;
background: #510A0B url("images/rot.jpg");
}

/* Titel */
#titel {
font-family: garamond, times, "times new romans", serif;
font-size: 4.0em;
letter-spacing: 3px;
font-weight: bold;
margin: 0 auto;
padding: 30px 0 2px 0;
color: #FFF0D0;
}

/* Untertitel */
#slogan {
font-family: times, "times new romans", serif;
font-size: 1.0em;
color: #FFE09E;
letter-spacing: 2px;
margin: 0 auto;

padding: 0px;
}

#header img {
padding: 0 0px;
}

/* Menu */

#menu-box {
background: #FFD382 url("images/menu-bg.gif") 0 0;
border-bottom: 1px solid #D98242;

}

#menu {
margin: 0 auto;
list-style: none;
text-align: left;
letter-spacing: 1px;
}

#menu li {
display: inline;
text-align: center;
line-height: 32px;
}

#menu li a {
float: left;
display: block;
font-weight: normal;
padding: 0 18px;
border-right: 1px solid #CB9C49;
text-decoration: none;
font-family: times,'times new romans',garamond, serif;
color: #990000;
font-size: 1.1em;
}

#menu li a:hover, #menu li a.active {
background: #FFC771 url("images/menu-bg-hover.gif") repeat-x 0 0;
}

/* Einstellungen für die linke und die rechte Spalte */

#menucontainer_links {
float:left;
width:270px;
padding:5px;
margin: 20px 10px 5px 0px;
}

#menucontainer_rechts {
float:right;
width:170px;
padding:5px;
margin:20px 5px 5px 5px;
border: 1px solid #660000;
line-height:30px;
}

.rechts h4 {
font-family: garamond,"times new romans",serif;
font-size: 1.5em;
text-align: center;
border-top: 1px solid #98615F;
background: url("images/h3bg.gif") no-repeat bottom center;
padding: 2px 0 16px 0;
color: #a80;
font-variant: small-caps;
margin: 0;
}

.rechts a, .rechts a:visited {
color: #410909;
text-decoration: none;
font-weight: bolder;
}

.rechts a:hover {
text-decoration: underline;
}



/* Boxen */

.red-box-body {
width: 270px;
line-height:30px;
background: #5F0407 url('images/red-box-body.gif') repeat-y 0 0;
margin-bottom: 18px;
}

.red-box-top {
background: transparent url('images/red-box-top.gif') no-repeat left top;
}

.red-box-bottom {
background: transparent url('images/red-box-bottom.gif') no-repeat left bottom;
padding: 5px 24px 25px 25px;
}

.red-box-body h3 {
font-family: garamond,"times new romans",serif;
color: #FFDE8F;
font-style: italic;
margin: 7px 0 7px 0;
text-align: left;
font-size: 1.8em;
border-bottom: 1px solid #663333;
}

.red-box-body p {
color: #FFDE8F;
line-height: 1.8;
margin-bottom: 45px;
}

.red-box-body .sitemap {
border-top: 1px solid #663333;
}


.red-box-body a:link, .red-box-body a:visited {
color: #FFE09E;
text-decoration: none;
font-size: 1.0em;
padding: 0 10px;
font-style:italic;
}

.red-box-body a:hover {
text-decoration: underline;
}

.red-box-body img {
float: left;
line-height: 30px;
padding-top: 4px;
}



/* Kontaktbox */

.kontaktbox-body {
width: 270px;
background: #FFC14F url("images/kontaktbox-body.gif") repeat-y 0 0;
margin-bottom: 18px;
}

.kontaktbox-top {
background: transparent url("images/kontaktbox-top.gif") no-repeat left top;
}

.kontaktbox-bottom {
background: transparent url("images/kontaktbox-bottom.gif") no-repeat left bottom;
padding: 5px 24px 15px 25px;
}

.kontaktbox-body h3 {
color: #3C0808;
margin: 10px 7px 8px 0;
font-size: 14px;
border-bottom: 1px solid #98615F;
}

.kontaktbox-body address {
margin-bottom: 19px;
font-size: x-small;
line-height: 20px;
}

.kontaktbox-body a:link, .kontaktbox-body a:visited {
color: #410909;
text-decoration: none;
font-weight: bolder;
font-size: x-small;
}

.kontaktbox-body a:hover {
text-decoration: underline;
}


/* Textformatierung */

#inhalt {
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
margin-top:10px;
max-width: 1100px;
}

/* Überschriften */

#inhalt h1 {
font-family: garamond,times,"times new romans",serif;
font-size: 2.5em;
text-align: center;
font-weight: bold;
color: #3F0707;
letter-spacing: 2px;
margin-bottom: 30px;
line-height:1.5em;
}

h1 span {
font-size:2.0em;
font-family: "monotype corsiva", georgia, serif;
padding-right: 2px;
}

h1 img {
padding: 0 2px;
}

#inhalt h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.7em;
color: #3F0707;
margin-bottom: 9px;
letter-spacing: 1px;
text-align: center;
}

#inhalt h2 span {
font-family: "monotype corsiva", georgia, serif;
}

#inhalt h3 {
font: 1.5em Georgia, "Times New Roman", Times, serif;
color: #3F0707;
padding: 2px 0 2px 9px;
margin-bottom: 9px;
}

#inhalt h4 {
font: 1.1em Georgia, "Times New Roman", Times, serif;
color: #3F0707;
font-weight: bold;
padding: 2px 0 2px 9px;
margin-bottom: 9px;
}

/* Absätze */

#inhalt p {
color: #505050;
line-height: 1.5em;
margin-bottom: 15px;
}

#inhalt .absatz:first-letter {
float:left;
font-size:4.0em;
font-family:algerian,courier,sans-serif;
line-height:0.5em;
padding-right: 2px;
}

/* Einstellungen für die Sitemap*/
#gruppierung {
display: table;
margin: auto;
}

#gruppierung fieldset {
margin-bottom: 20px;
padding: 10px;
}

#gruppierung  fieldset h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.01em;
color: #600;
font-weight: bold;
padding: 2px 0 2px 9px;
margin-bottom: 9px;
margin-top: 15px;
text-align: left;
}

#gruppierung legend {
margin-bottom: 5px;
margin-left: 10px;
color: #000066;
}

#gruppierung ul {
margin-top:10px;
margin-bottom:10px;
}

#gruppierung .unterlink li {
list-style: circle;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#gruppierung .unterlink a:link, #gruppierung .unterlink a:visited {
text-decoration: underline;
font-size: x-small;
}

#gruppierung .unterlink a:hover {
text-decoration: none;
}

#gruppierung fieldset ul li {
list-style-type: disc;
list-style-image:none;
line-height: 1.3em;
}

#gruppierung fieldset div {
display: table;
margin: 0px;
padding: 0px;
}
#gruppierung fieldset div li {
display: inline-block;
margin: 4px 0px;
width: 100px;
text-align: center;
float: left;
}

/* Ende der Sitemap*/

#inhalt blockquote {
margin-bottom: 19px;
font-size: x-small;
color: #3C0808;
font-style:italic;
}


#inhalt .symbol {
margin-bottom: 20px;
}

#inhalt .symbol p:first-letter {
float:left;
font-size:4.0em;
font-family:algerian,courier,sans-serif;
line-height:50%;
padding-right: 2px;
}

#inhalt .symbol span {
font-weight: bold;
}

#inhalt .symbol img {
float: left;
clear: none;
padding-right: 2px;
}

.sternzeichensymbol {
text-align: center;
margin-bottom: 30px;
}

/* Toplink */
#inhalt .top {
margin-top: 50px;
text-align: center;
font-weight: bold;
font-size: 1.3em;
}

#inhalt .top a, .top a:visited {
color: #505050;
text-decoration: underline;
padding: 4px 6px;
font-size: 0.8em;
}

#inhalt .top a:hover {
text-decoration: none;
background-color: #660000;
color: #C0C0C0;
}

strong {
font-weight:bold;
}


/* Copyright */
#inhalt .cu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style:italic;
font-size: xx-small;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
color: #505050;
text-align: center;
        }
#inhalt .cu p {
margin-top: 5px;
}


/* Ende der Texteinstellungen */

/* Links */
#inhalt a:link, #inhalt a:visited {
color: #410909;
text-decoration: underline;
font-weight: bolder;
}

#inhalt a:hover {
text-decoration: none;
}

/* Listen */

/* Nummerierte Listen */
ol {
color: #600;
font: 600 1.0em garamond,times,serif;
font-style:italic;
padding-right: 40px;
}
 
ol span {
font-size: 1.0em;
font-family: "times new romans",times,serif;
color: #505050;
font-style: normal;
margin-left: 25px;
}

ol li {
margin-left: 25px;
padding: 10px 0;
}

/* Normale Listen */



#inhalt ul li {
list-style-image: url("images/bullet.gif");
margin-left: 50px;
padding: 5px 0;
color: #600;
font-style: italic;
font-weight: bold;
}

.pl {
margin-bottom: 10px;
text-align: center;
}
.pl img {
padding: 2px;
border: 1px solid #600;
}

/* Tabellen */

table {
margin: 20px auto;
font-size: 1em;
border-collapse: collapse;
}

table caption {
margin-top: 10px;
padding: 0 0 0.5em 3px;
font-family: garamond,times,serif;
font-size: 1.2em;
font-weight: bold;
text-align: left;
}

table th, table td {
text-align: left;
vertical-align: top;
padding: 4px 7px !important;
padding: 6px 10px;
}


thead th {
color: #740;
border-top: 2px solid #600;
border-bottom: 1px solid #600;
}

tbody td {
border-bottom: 1px solid #D6B8A0;
line-height: 1.5em;
}

tbody td span {
font-weight: bold;
}

/* tbody td:hover {
background-color: #EDD4AE;
}
*/

/* Kontaktformular */

.kontaktformular  {
width:  400px;
margin: 20px auto;
padding:10px;
}

.kontaktformular fieldset {
margin: 10px 0;
}

.kontaktformular legend {
background: #660000;
color: #fff;
padding: 3px 5px;
border: 1px solid #ddd;
text-transform: uppercase;
margin-left: 5px;
}

.kontaktformular label {
width: 150px;
float: left;
padding: 3px 10px;
margin: 3px 0;
font-weight: bold;
}
          
.kontaktformular input, .kontaktformular textarea {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #666666;
border-top: 1px solid #666666;
background: #ddc;
padding: 0px 3px;
margin: 3px 0;
width: 200px;
overflow: auto;
}

.kontaktformular .field:active, .kontaktformular .field:focus, .kontaktformular .field:hover {
background: #ffff88;
}

.kontaktformular .spamfrage:active, .kontaktformular .spamfrage:focus, .kontaktformular .spamfrage:hover {
background: #ffff88;
}

.kontaktformular textarea:active, .kontaktformular textarea:focus, .kontaktformular textarea:hover {
background: #ffff88;
}

.label {
width:100px;
padding:0px;
}

.buttons {
text-align: center;
}
.buttons input {
width:80px;cursor: pointer;
}
.buttons input {
background: #555555;
color: #fff;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-bottom:2px solid #666666;
border-right:2px solid #666666;
}
.buttons input:hover {
background: #555555;
color: #fff;
border-top:2px solid #ddd;
border-left:2px solid #ddd;
border-bottom:2px solid #fff;
border-right:2px solid #fff;
}

.kontaktformular .spamfrage {
width:50px;
text-align: center;
color: #333333;
} 


/* Fußbereich der Page */

#footer {
clear: both;
background: #300 url("images/footer.jpg") no-repeat top center;
height: 40px;
margin: 0px auto -20px;
padding: 20px 0;
font-size: x-small;
color: #C0C0C0;
text-align: center;
font-style: italic;
}

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

#footer a:hover {
color: #FAE9CF;
text-decoration: none;
}

#footer p {
line-height: 1.6em;
margin-top: 4px;
}

/* Awardbereich */

/* Übersicht */

.award {
display: table;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.award li {
display: inline-block;
margin: 4px 0px;
width: 130px;
height: 130px;
text-align: center;
float: left;
}
.award li div {
display: table;
}
.award li div div {
display: block;
width: 130px;
height: 140px;
background-image: url('images/awardhg.gif');
background-position: 0% 50%;
background-repeat: no-repeat;
}

.athumb img {
border: 1px solid #C0C0C0;
margin-top:15px;
padding: 2px;
}
.athumb:hover img {
border-color: #666666;
}

/* Toplisten */
.topliste {
text-align:center;
}
a:link .topliste {
margin: 0px 10px 10px 0;
padding: 2px;
border: 1px solid #C0C0C0;
}
a:visited .topliste {
margin: 0px 10px 10px 0;
padding: 2px;
border: 1px solid #C0C0C0;
}
a:hover .topliste {
border-color: #666666;
}

.center {
text-align:center;
}

.bild{
margin: 0px 10px 10px 0;
padding: 2px;
border: 1px solid #666666;
}

a:link .bild {
margin: 0px 10px 10px 0;
padding: 2px;
border: 1px solid #C0C0C0;
}
a:visited .bild {
margin: 0px 10px 10px 0;
padding: 2px;
border: 1px solid #C0C0C0;
}
a:hover .bild {
border-color: #666666;
}

/* Bilder mit Fließtext */
.bild-links {
float: left;
clear: none;
margin: 10px 10px 10px 0;
padding: 2px;
border: 1px solid #666666;
}

.bild-rechts {
float: right;
clear: none;
margin: 10px 10px 10px 0;
padding: 2px;
border: 1px solid #666666;
}

/* Suchfeld */

form.suche {
width: 201px;
position: absolute;
top: 163px;
right: 14px;
}

#picture-input {
position: absolute; 
top: 0;
left: 0;
overflow: hidden;
width: 162px;
height: 26px;
background: url("images/suche.png") 0 0 no-repeat;
border: 0;
}

#picture-input input {
position: relative;
top: 5px;
left: 15px;
width: 123px;
border: 0;
letter-spacing: 1px;
background-color: #FFF4D5
}

form.suche input.sbutton {
letter-spacing: 1px;
padding-left: 0;
font-weight: bold;
color: #FFFFFF;
position: absolute;
top: 0;
right: 0;
}

form.suche label {
display: none;
}

#geschenke {
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
display: table;
font-weight: bold;
color: #505050;
}
#geschenke LI {
display: inline-block;
width: 140px;
height: 200px;
float: left;
}
#geschenke LI DIV {
display: table
}
#geschenke LI DIV DIV {
display: block;
width: 120px;
height: 120px;

}
#geschenke img {
padding: 2px;
margin: 0px 10px 10px 0;
border: 1px solid #C0C0C0;
}

#geschenke a:hover img{
border-color: #666666;
}

#seitennavi {
text-align: center;
color: #505050;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 70px;
font-size: 1.2em;
}

#aktiv {
font-weight: bold;
}

#seitennavi a, #seitennavi a:visited {
color: #505050;
text-decoration: underline;
padding: 4px 6px;
font-size: 0.8em;
}

#seitennavi a:hover {
text-decoration: none;
background-color: #660000;
color: #C0C0C0;
}

/*  Suche  */

/*  Text über dem Suchergebnis  */
#text {
text-align: center;
}
/*  Suchwort im Text  */
.hitword {
color: #3F0707;
font-weight: bold;
font-style: italic;
}

.fett {
font-weight: bold;
}

/* die Nummer des Eintrags */
span.nr {
margin-left: 20px;
letter-spacing:-1px;
font-weight: bold;
color : #000000;
}