/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;
}

/*
Set initial font styles
*/
body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}


@font-face {
    font-family: 'mavschrift';
    src: url('https://www.ayurveda-seelisberg.ch/webfontkit/webfont.eot');
    src: url('https://www.ayurveda-seelisberg.ch/webfontkit/webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.ayurveda-seelisberg.ch/webfontkit/webfont.woff') format('woff'),
         url('https://www.ayurveda-seelisberg.ch/webfontkit/swebfont.ttf') format('truetype'),
         url('https://www.ayurveda-seelisberg.ch/webfontkit/webfont.svg#savoye_letplain') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

/*
if img is inside "a" it would have 
borders, we don't want that
*/
img {
   border: 0;
}

/*
default link styles
*/
/* set all links to have underline and bluish color */
a,
a:link 
a:active {
   text-decoration: underline;
/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */
   background-color: inherit; 
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #18507C;                /* a different color can be used for visited links */
}


/* remove underline on hover and change color */
a:hovers {
   text-decoration: none;
   background-color: #C3D4DF;
   color: #385C72;
}

/*****************
basic layout 
*****************/
body {
background: #b6d1c8;
   color: #333;
   // margins:1em;    /* gives some air for the pagewrapper */
}

.body-default {
background: #b6d1c8;
   color: #333;
   // margins:1em;    /* gives some air for the pagewrapper */
}

.body-blue {
background: #768fa6;
   color: #333;
   // margins:1em;    /* gives some air for the pagewrapper */
}

.body-red {
background: #bb9797;
   color: #333;
   // margins:1em;    /* gives some air for the pagewrapper */
}

/* center wrapper, min max width */

.pagewrapper_default{
min-width: 936px;
background: #d2e3dd  url(/uploads/images/background2.jpg) 50% 0 no-repeat; 
margin: 0 auto;
}

.pagewrapper_red {
min-width: 936px;
background: #e3d6d0 url(/uploads/images/background2_red.jpg) 50% 0 no-repeat; 
margin: 0 auto;
}

.pagewrapper_blue {
min-width: 936px;
background: #d1dbe4 url(/uploads/images/background2_blue.jpg) 50% 0 no-repeat; 
margin: 0 auto;
}

div#footer_spacer {
height: 7px;
background: #e7efea url(/uploads/images/footer_background_spacer.png) 49.999% 0 no-repeat;
margin: 0 auto;
}

.footer-default {
width: 936px;
height: 130px;
background: #b6d1c8 url(/uploads/images/footer_background_default.png) 50% 0 no-repeat;
margin: 0 auto;
}

.footer-blue {
width: 936px;
height: 130px;
background: #768fa6 url(/uploads/images/footer_background_default.png) 50% 0 no-repeat;
margin: 0 auto;
}

.footer-red {
width: 936px;
height: 130px;
background: #bb9797 url(/uploads/images/footer_background_default.png) 50% 0 no-repeat;
margin: 0 auto;
}

div#sidebar2 {
float: left; 
background-color: #d9edd6; 
width: 220px; 
height: 500px; 
margin-top:293px; 
}

.sidebar_default {
 
width: 2px; 
height: 350px; 
margin-top:293px; 
padding-top: 40px;
padding-left: 25px;
}

.kategorien {
  font-size: 40px; /* font size for h1 */
   font-family: mavschrift, serif;
line-height: 45px;
color: #c18b18;
   margin: 0;
width: 180px;
padding-bottom: 5px;
font-weight: normal;
border-bottom: 1px dotted #c18b18;
margin-bottom: 20px;
}

.sidebar_red {

width: 2px; 
height: 350px; 
margin-top:293px; 
padding-top: 40px;
padding-left: 25px;
}

.sidebar_blue { 
width: 2px; 
height: 350px; 
margin-top:293px; 
padding-top: 40px;
padding-left: 25px;
}


div#contentwrapper {
min-width: 936px;
width: 936px;
margin: 0 auto;
}

div#footer_main {
min-width: 936px;
width: 936px;
height: 20px;
margin: 0 auto;
padding-bottom: 20px;
padding-top: 0px;
margin-top: -18px;
margin-left: -6px;
background: url(/uploads/images/footer_bg.png) no-repeat;
}

div#content-wrapper {
background: url(/uploads/images/background_bild3.png) repeat-y;
margin-bottom: 0px;
padding-bottom: 0px;
}

div#content-picture {
padding-left: 39px;
padding-top: 130px;
z-index: 2;
display:block;
position: relative;
}

div#special-placeholder {
padding-left: 640px;
margin-top: -105px;
z-index: 3;
display: block;
position: absolute;
}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it so that the image wont cut off
*/
div#header {
   height: 117px;    /* adjust according your image size */      
margin-top: -385px;    
width: 917px;
margin-left: 2px;
z-index: 1;
}

.header-logo {
z-index:10;
position: relative;
background: url(/uploads/images/logo2.png);
width: 295px;
height: 122px;
}

.header-logo-blue {
z-index:10;
position: relative;
background: url(/uploads/images/logo_blue.png);
width: 295px;
height: 122px;
}

.header-logo-red {
z-index:10;
position: relative;
background: url(/uploads/images/logo_red.png);
width: 295px;
height: 122px;
}

.header-logo-default {
z-index:10;
position: relative;
background: url(/uploads/images/logo2.png);
width: 295px;
height: 122px;
}

div#second_navi {
padding-top: 11px;
text-align: right; 
line-height: 19px; 
color: #567575; 
z-index:1000;
display:block;
position: relative;
text-decoration: none;
}

.second_navi a {
text-decoration: none;
color: #567575; 
}

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

.ihrenachricht textarea {
width: 450px; height: 100px; margin-bottom: 20px;
}

.hide1 textarea {
width: 450px; height: 100px; margin-bottom: 20px;
color: #6f6f6f;
}


div#choose_color1 {
float: left;
padding-left: 10px;
padding-top: 14px;
line-height: 16px; 
color: #567575; 
}

div#choose_color2 {
float: left;
padding-left: 10px;
padding-top: 11px;
line-height: 16px; 
color: #567575; 
z-index:1000;
display:block;
position: relative;
}

.vatabutton {
background: url("https://www.ayurveda-seelisberg.ch/uploads/images/vata_choose.png");
border: 0px;
padding: 0px;
margin: 0px;
width: 42px;
height: 35px;
cursor: pointer;
}

.pittabutton {
background: url("https://www.ayurveda-seelisberg.ch/uploads/images/pitta_choose.png");
border: 0px;
padding: 0px;
margin: 0px;
width: 42px;
height: 35px;
cursor: pointer;
}

.kaphabutton {
background: url("https://www.ayurveda-seelisberg.ch/uploads/images/kapha_choose.png");
border: 0px;
padding: 0px;
margin: 0px;
width: 42px;
height: 35px;
cursor: pointer;
}

div#header h1 a {
/* you can set your own image here */
   background: #385C72 url(images/cms/logo1.gif) no-repeat 0 12px; 
   display: block;
   height: 80px;             /* adjust according your image size */
   text-indent: -999em;  /* this hides the text */
   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}

/* position for the search box */
div#search {
   float: right;
   width: 23em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div.breadcrumbs {
   padding: 1em 0 1.2em 0; /* CSS short hand rule first value is top then right, bottom and left */
   font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */
   margin: 0 1em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
   border-bottom: 1px dotted #000;
}

 div.breadcrumbs span.lastitem { 
   font-weight:bold; 
 } 


div#main {
   margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
   margin-right: 2%; /* and some air on the right */
}




/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted black;
   margin: 1em;
}

/* relational links under content */
div.left49 {
  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */
}

div.right49 {
  float: right;
  width: 49%;
  text-align: right;
}




/********************
CONTENT STYLING
*********************/
.muster_waehlen {width: 300px;}

#home-topnavi1 {font-family: Times, Time New Roman, serif; font-size: 16px; color: #a8181f; padding-top: 77px; padding-left: 64px;}
#home-topnavi1 a {text-decoration: none; color: #a8181f;}
#home-topnavi1 a:hover {color: #79070d}

#home-topnavi2 {font-family: Times, Time New Roman, serif; font-size: 16px; color: #a8181f; padding-top: 77px; padding-left: 10px;}
#home-topnavi2 a {text-decoration: none; color: #a8181f;}
#home-topnavi2 a:hover {color: #79070d}

#bottom_navi_home {clear: both; text-align: center; padding-top: 12px; font-family: Times, Times New Roman, serif; font-size: 14px; color: #882d1b;}
#bottom_navi_home a {text-decoration: none; color: #882d1b}
#bottom_navi_home a:hover {color: #79070d}

.tr1 {
vertical-align: top;
}

.td1 {
background-color: #ffffff;
width: 220px;
padding-top: 10px; 
padding-bottom: 10px; 
padding-left: 10px; 
padding-right: 10px; 
border-top: 1px solid #cccccc;
}

.td2 {
background-color: #e9f7e4;
width: 190px;
padding-top: 10px; 
padding-bottom: 10px; 
padding-left: 10px; 
padding-right: 10px; 
border-top: 1px solid #cccccc;
}

.td3 {
background-color: #dfe8f9;
width: 190px;
padding-top: 10px; 
padding-bottom: 10px; 
padding-left: 10px; 
padding-right: 10px; 
border-top: 1px solid #cccccc;
}

.td4 {
background-color: #fee6d8;
width: 190px;
padding-top: 10px; 
padding-bottom: 10px; 
padding-left: 10px; 
padding-right: 10px; 
border-top: 1px solid #cccccc;
}

div#content {
width: 530px;
padding-top: 330px;
padding-left: 60px;
text-align: {left;}
background: #f5f9f6;
color: #2b5252;
line-height: 25px;
min-height: 536px;
margin-right: 77px;
}

div#content2 {
padding-left: 40px;
padding-top: 45px;
float: left;
width: 916px;
background-image2: url(uploads/images/kosmetik/kosmetik_main_background.gif);
}

div#contentshop {
padding-left: 30px;
padding-top: 20px;
float: left;
margin-left: 0px;
margin-top: 0px;
width:690px;
background-images: url(uploads/images/kosmetik/kosmetik_main_background.gif);
}

div#content3 {
padding-left: 1px;
padding-top: 45px;
float: left;
width: 954px;
background-image: url(uploads/images/kosmetik/kosmetik_main_background.gif);
}

ol li {
padding-bottom: 15px;
}

ol li span {
font-weight: normal;
}

/* HEADINGS */
div#content h1 {
   font-size: 40px; /* font size for h1 */
   font-family: mavschrift, serif;
line-height: 45px;
color: #c18b18;
   margin: 0;
width: 527px;
padding-bottom: 5px;
font-weight: normal;
border-bottom: 1px dotted #c18b18;
margin-bottom: 20px;
}

div#content p.ersterabsatz:first-letter {
font-family: mavschrift, serif;
font-size: 75px;
line-height: 50px;
color: #c18b18;
padding-top: 4px; padding-right: 8px; padding-left: 3px;
float: left;
}

p.pollersterabsatz:first-letter {
font-family: mavschrift, serif;
font-size: 46px;
line-height: 40px;
color: #c18b18;
padding-top: 0px; padding-right: 10px; padding-left: 10px;
float: left;
margin-tops: -7px;
margin-bottom: 0px;
font-weight: normal;
}

.pollnumber {
font-family: mavschrift, serif;
font-size: 46px;
line-height: 30px;
color: #c18b18;
padding-top: 0px; padding-right: 10px; padding-left: 10px;
float: left;
margin-top: -7px;
font-weight: normal;
}

.pricetables .number {
font-family: mavschrift, serif;
font-size: 46px;
line-height: 15px;
color: #c18b18;
padding-top: 0px; padding-right: 0px;
float: left;
font-weight: normal;
}

.pricetables .klammer {
font-family: mavschrift, serif;
font-size: 46px;
line-height: 8px;
color: #c18b18;
padding-top: 0px; padding-left: 12px; 
font-weight: normal;
}

.pricetables .days {
font-family: mavschrift, serif;
font-size: 40px;
line-height: 8px;
color: #c18b18;
padding-top: 0px; padding-left: 0px; 
font-weight: normal;
}

p.pollersterabsatz {
margin: 0px;
padding: 0px;
}

.pollquestion {
line-height: 16px;  font-weight: bold; border: 1px solid #e1e1e1; padding: 10px; background: #ececec;
}

.pollanswer {
border-bottom: 1px dotted #505050; border-left: 1px dotted #505050; border-right: 1px dotted #505050; margin-lefts: 10px; margin-rights: 10px; padding-top: 12px; padding-bottom: 10px;
}

.pollanswer .desc {
font-size: 9px;
}

.fragebogen_button {
width: 256px;
  height: 33px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/uploads/images/fragebogen_auswerten.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.fragebogen_button_en {
width: 256px;
  height: 33px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/uploads/images/fragebogen-auswerten-en.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.fragebogen_button_fr {
width: 256px;
  height: 33px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/uploads/images/fragebogen-auswerten-fr.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#m5b45cfbrp_submit {
width: 256px;
  height: 33px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/uploads/images/nachricht_absenden.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#m0eb73fbrp_submit {
width: 256px;
  height: 33px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/uploads/images/reservation_absenden.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

#m86883fbrp_submit {
width: 256px;
  height: 33px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(/uploads/images/bestellung_absenden.png) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* for IE 5.x */
}

.auswertung4, .auswertung3, .auswertung2, auswertung1 {
background: #fff1d2;
padding: 20px;
}

.auswertung4 p, .auswertung3 p, .auswertung2 p, auswertung1 p {
padding-bottom: 10px;
margin: 0px;
}

div#content2 h1 {
   font-size: 21px; /* font size for h1 */
   font-family: times, serif;
color: #b90400;
line-height: 35px;
   margin: 0;
border-bottom: 1px solid #ba0400;
width: 790px;
margin-left: 50px;
}

div#content3 h1 {
   font-size: 21px; /* font size for h1 */
   font-family: times, serif;
color: #b90400;
line-height: 35px;
   margin: 0;
border-bottom: 1px solid #ba0400;
width: 527px;

}

div#bild {
padding-top: 35px;
padding-left: 22px;
width: 285px;
float: left;
}

div#bild2 {
padding-top: 35px;
padding-left: 0px;
width: 307px;
float: left;
}

div#bild3 {
padding-left: 3px;
width: 316px;
float: left;
}

div#bildshop {
padding-left: 3px;
width: 214px;
float: left;
}

div#content-block {
float: left;
}

div#content-text {
padding-top: 20px;
padding-bottom: 20px;
font-family: times, serif;
font-size: 15px;
width: 480px;
color: #ba0400;
line-height: 20px;
}



div#content h2 {
	color: #294B5F; 
	font-size: 1.5em; 
	text-align: left; 
/* some air around the text */
	padding-left: 0.5em;
	padding-bottom: 1px;
/* set borders around header */
	border-bottom: 1px solid #e7ab0b; 
	border-left: 1.1em solid #e7ab0b; 
        line-height: 1.5em;
/* and some air under the border */
        margin: 0 0 0.5em 0;
}
div#content h3 {
   color: #c59227; 
   font-size: 32px;
font-family: mavschrift, serif;
font-weight: normal;
   line-height: 20px;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #c59227; 
   font-size: 14px;
   font-family: helvetica;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

.formh4 {
color: #c59227; 
   font-size: 14px;
   font-family: helvetica;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
   font-weight: bold;
padding-top: 8px;

}

div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* END HEADINGS */

/* TEXT */
p {
   font-size: 1em;
   margin: 0 0 1.5em 0; /* some air around p elements */
   line-height: 21px;
   padding: 0;
}

blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}

/* Separating the divs on the template explanation page, with some bottom-border */
div.templatecode {
  margin: 0 0 2.5em;
}

/* END TEXT */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
   font-size: 1.0em;
   line-height: 1.4em;
   margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

.home-default {
background: url(/uploads/images/pilgerheim-closed.jpg);
width: 870px;
height: 707px;
}

.home-blue {
background: url(/uploads/images/top/home-blue.jpg);
width: 870px;
height: 707px;
}

.home-red {
background: url(/uploads/images/top/home-red.jpg);
width: 870px;
height: 707px;
}

.home-en-default {
background: url(/uploads/images/top/home-en.jpg);
width: 870px;
height: 707px;
}

.home-en-blue {
background: url(/uploads/images/top/home-en-blue.jpg);
width: 870px;
height: 707px;
}

.home-en-red {
background: url(/uploads/images/top/home-en-red.jpg);
width: 870px;
height: 707px;
}


.home-fr-default {
background: url(/uploads/images/top/home-fr.jpg);
width: 870px;
height: 707px;
}

.home-fr-blue {
background: url(/uploads/images/top/home-fr-blue.jpg);
width: 870px;
height: 707px;
}

.home-fr-red {
background: url(/uploads/images/top/home-fr-red.jpg);
width: 870px;
height: 707px;
}

/* END LISTS */