/* August 2005 Copyright vektorrausch - Digitale Medien, Kiel */
/* CSS fuer Hotel "Der Seehof" */

/* Struktur-TAGs*/

body, html {
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-3dlight-color: #D7D2BE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #D7D2BE;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-arrow-color: #D7D2BE;
background-image: url(../images/backgr.jpg);
background-position: top left;
background-repeat: repeat-y;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
padding: 0;
margin: 0;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 18px;
padding: 0px;
margin: 0px;
}

#main {
margin-left: 20px;
width: 780px;
text-align: left;
}

#plus {
position: fixed;
margin-left: 818px;
bottom: 0px;
width: 162px;
height: 450px;
}

.plusfeld {
border: solid #D7D2BE 1px;
padding: 5px;
}

.plusplan {
border: solid #D7D2BE 1px;
padding: 0 0 10px 0;
}

#head {
display: block;
height: 120px;
width: 780px;
background-color: #edeadb;
}

#indexpic {
display: block;
height: 330px;
width: 780px;
background-color: #edeadb;
}

#menu {
display: block;
height: 30px;
width: 780px;
background-image: url(../images/backmenu.gif);
background-repeat: repeat-x;
}

#content {
display: block;
height: auto;
width: 780px;
background-color: #EFECDD;
}

#submenu {
display: block;
width: 250px;
float: left;
margin-top: 30px;
}

#textli {
display: block;
width: 230px;
height: 200px;
float: left;
padding-left: 15px;
clear:both;
}

#textli2 {
display: block;
width: 360px;
height: 200px;
float: left;
padding-left: 15px;
margin-top: 0px;
}


#text {
margin: 35px 15px 0px 260px;
padding-left: 15px;
border-left: solid;
border-color: #D7D2BE;
border-width: 1px;
}

#text2 {
margin: 50px 15px 20px 15px;
}

#text3 {
margin: 0px 15px 0px 375px;
padding-left: 15px;
border-left: solid;
border-color: #D7D2BE;
border-width: 1px;
}


#foot {
display: block;
height: 40px;
width: 780px;
margin-top: 20px;
text-align:center;

}

#english {
display:none; /* Flaggen verstecken, bis englische Texte kommen */
position: absolute;
left: 800px;
top: 20px;
}

#panpic {
text-align: center;
}

.logo {
float: right;
margin-right: 10px;
margin-top: 3px;
}

.liste {
list-style-image:
}

/* Text-TAGs */


a:link, 
a:visited {
color: #404270;
text-decoration: none;
}
a:active, 
a:hover {
color: #404270;
text-decoration: underline;
}

#foot {
font-size: 10px;
color: #A29675;
padding: 4px 4px;
}

#foot ul li,
#foot2 ul li{
display: inline;
list-style: none;
margin-right: 25px;
}

#foot ul a:link, 
#foot ul a:visited,
#foot2 ul a:link, 
#foot2 ul a:visited {
font-size: 10px;
color: #A29675;
padding: 4px 4px;
text-decoration: none;
}
#foot ul a:active, 
#foot ul a:hover,
#foot2 ul a:active, 
#foot2 ul a:hover {
font-size: 10px;
color: #404270;
padding: 4px 4px;
text-decoration: none;
}

.hmenuA,
#menu a.hmenuA,
#menu a:link.hmenuA,
#menu a:visited.hmenuA {
color: #7E775E;
text-decoration: none;
font-size: 12px;
font-style: italic;
padding-left: 12px;
padding-right: 12px;
line-height: 28px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #CCBF93;
border-left-color: #CCBF93;
}

.hmenuB {
color: #7E775E;
font-style: italic;
text-decoration: none;
font-size: 12px;
padding-left: 12px;
padding-right: 12px;
line-height: 28px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CCBF93;
}


#menu a:link, #menu a:visited {
color: #ffffff;
text-decoration:none;
font-size: 12px;
font-style: italic;
padding-left: 8px;
padding-right: 8px;
line-height: 28px;
}
#menu a:active, #menu a:hover {
color: #7E775E;
text-decoration:none;
font-size: 12px;
font-style: italic;
padding-left: 8px;
padding-right: 8px;
line-height: 28px;
}

.buchenA {
display: block;
height: 30px;
width: 140px;
color: #404270;
margin-top: 20px;
padding-left: 15px;
text-decoration:none;
font-size: 12px;
font-style: italic;
}
a.buchen:link, a.buchen:visited {
display: block;
height: 30px;
width: 140px;
color: #404270;
padding-top: 20px;
padding-left: 15px;
text-decoration:none;
font-size: 12px;
font-style: italic;
}
a.buchen:active, a.buchen:hover {
display: block;
height: 30px;
width: 140px;
color: #404270;
padding-left: 15px;
text-decoration:none;
font-style: italic;
font-size: 12px;
}

#submenu span {
display: block;
height: 30px;
width: 140px;
color: #404270;
padding: 6px 0px 0px 15px;
text-decoration:none;
font-size: 12px;
font-style: italic;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D7D2BE;
background-image: url(../images/subaktiv.gif);
}


#submenu a:link, #submenu a:visited {
display: block;
height: 30px;
width: 140px;
color: #404270;
padding: 6px 0px 0px 15px;
text-decoration:none;
font-size: 12px;
font-style: italic;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D7D2BE;
background-image: url(../images/suboff.gif);
}

#submenu a:active, #submenu a:hover {
display: block;
height: 30px;
width: 140px;
color: #404270;
padding: 6px 0px 0px 15px;
text-decoration:none;
font-size: 12px;
font-style: italic;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D7D2BE;
background-image: url(../images/subaktiv.gif);
}

h1 {
color: #404270;
font-size: 14px;
font-style: italic;
font-weight: lighter;
line-height: 18px;
background: url(../images/schiff.gif) left top no-repeat;
padding-left: 20px;
}

h2, h3 {
color: #404270;
font-size: 12px;
font-style: italic;
font-weight: lighter;
line-height: 18px;
}

.texthead {
color: #404270;
text-decoration:none;
font-size: 12px;
font-style: italic;
line-height: 18px;
}

.fliess {
color: #000000;
text-decoration:none;
font-size: 11px;
line-height: 18px;
}

.fliessbold {
color: #000000;
text-decoration:none;
font-size: 11px;
font-weight: bold;
line-height: 18px;
}

a.fliessL:link, a.fliessL:visited {
color: #000000;
text-decoration:none;
font-size: 11px;
line-height: 18px;
}
a.fliessL:active, a.fliessL:hover {
color: #404270;
text-decoration: underline;
font-size: 11px;
line-height: 18px;
}

.nachobenA {
float: right;
text-decoration:none;
color: #404270;
}
a.nachoben:link, a.nachoben:visited {
float: right;
text-decoration:none;
color: #404270;
}
a.nachoben:aktive, a.nachoben:hover {
float: right;
text-decoration:none;
color: #404270;
}

.formular {
height: 18px;
width:auto;

}

.line {
color: #D7D2BE;
}


/* Bild - TAGs */

#text img {
border: 1px solid #D7D2BE;
}

.bild {
float: left;
margin-right: 20px;
margin-bottom: 5px;
}

.bildre,#bildre {
float: right;
margin-left: 20px;
margin-bottom: 10px;
border: 1px solid #D7D2BE;
clear: right;
}

.bildmi,#bildmi {
margin-bottom: 5px;
}

.clear {
    clear: both;
}

ul {
    padding: 0 0 10px 20px;
    list-style: disc;
}

ul ul {
    padding-left: 0 0 0 10px;
}


span.red {color:#CC0033}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:11px;
    overflow: auto;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}
#SpryContactForm {
  overflow: auto;
}