/* *** css für STARTSEITE mineralquelle-scuol.ch *** */
/* *** css by miss monorom www.intensivstation.ch *** */
/*
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* angepasst und erweitert durch SgrafiX, Uster im Juli 2008 */

/* permanent Scrollbalken erzwingen (damit Darstellung nicht springt) :*/
html { height: 100% } 
body { min-height: 101%; }

body {
background-color:#A4BCD7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.80em;
color:#333333;
padding:0px;
margin:0px;
text-align: center;
}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 750px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #8AA8CA; /*#8AA8CA*/
border: 1px solid #8AA8CA;/*#6A9BCD*/
text-align:left;
}

/* ---------- Kopf -------------- */
#banner {
/*background-color:#6A9BCD #658CBA #8AA8CA; #544939 #401613 #583A38*/
background-color: #658CBA ;

text-align: left;
padding: 0px;
margin: 0px;
border-bottom:1px none #6A9BCD;
}

#banner img {
padding:0px;
margin: 0px;
vertical-align: top;
} 

#banner table .text
{
	font-size:1.0em;
  /*color: braun #544939;  blau #8AA8CA */
   color: #ECECED;  
	font-weight:bold;
	padding-left:5px;
	line-height:24px;
	letter-spacing: 1px;
}

#banner table .textklein
{
	font-size:0.85em;
  /*color: braun #544939;  blau #8AA8CA */
   color: #ECECED;  
	font-weight:bold;
	letter-spacing: 0;
	padding-left:15px;
}

#banner table .titel
{
	font-size:24px;
  /*color: braun #544939;  blau #8AA8CA */
   color: #ECECED; 
	font-weight:bold;
	padding-left:25px;
	line-height:28px;
	letter-spacing:3px;
	height:100px;
}

/* -----------------Inhalt--------------------- #ffffff*/
#content {
background-color: #8AA8CA ; /* #FDFDFC */
padding: 0px;
padding-left:20px;
padding-right: 20px;
padding-bottom: 20px;
background-image: url(../Bilder/verlaufhintergrund2.gif);

}

div#content { 
min-height:291px;
}


#content h1, h2 {
color: #ECECED; /* #4F90C8; #EBEBE0 #564B47;*/
}
#content h1 {
font-size:1.4em;
line-height:1.5em;
margin:0px;
padding: 25px 0px 0px 5px;
letter-spacing: 0px;
/* text-transform:uppercase; */
}

#content h2 {
font-size:0.9em;
font-weight:bold;
margin:0px;
padding: 20px 10px 0px 10px;
}

#content p {
color: #000000; /* #EBEBE0 */
font-size:1.0em;
line-height:1.4em;
margin:0px;
padding: 15px 0px 0px 5px;
text-align: justify;
font-weight:normal;
}

#content li {
font-size:0.75em;
list-style: none;
margin:0px;
margin-bottom:20px;
margin-left:-28px;
list-style-position: outside;
}

#content  a  {
text-decoration:none;
color:#333333 !important;
font-weight:bold;
}

#content a:hover  {
text-decoration:underline;
color:#658CBA !important;
}

.fett {
	color:#658CBA;
	font-weight:bold;
}
/* --------------left navigavtion------------- */
#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

#left li {
list-style: none;
margin:0px;
margin-bottom:10px;
margin-left:-28px;
list-style-position: outside;
}

#left li a {
font-size: 0.85em;
font-weight: bold;
text-decoration:none;
color:#FDFDFC;
}

#left li a:hover {
text-decoration: underline;
color:#666666;
}

#left #menu{
	margin-top:20px;
}



/* -----------footer--------------------------- */

#copyright {
height: 20px;
background-color: #658CBA ; /* braun  #564B47 #544939 */
width:750px;
}

#copyright p {
font-size:0.80em;
font-weight:normal;
text-align:left;
color:#FFFFFF;
margin:0px;
padding: 3px 10px 2px;
}




/* SLIDESHOW */
#slideshow {
 height:193px !important; /* hier Hoehe der Slideshow-Bilder angeben */
 position:relative;
}
#slideshow img {
 display:none;
 position:absolute;
 top:0; 
 left:-522px;
}

#slideshow img.start {
 display:block;
}

#tabs4 {
	float: left;
	width: 100%;
	line-height: normal;
}

#tabs4 li {
	display: inline;
	margin: 0;
	padding: 0;

}

#tabs4 ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0;
	padding: 0;
}