/* *** css für UNTERSEITEN 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: #A1BAD8; /* #A4BCD7 #A1BAD8*/
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; */
background-color: white;
border: 1px solid #8AA8CA;
background-image: url(../Bilder/verlaufhintergrund2.gif);
background-repeat: repeat-x;
text-align:left;
}

/* ---------- Kopf -------------- */
#banner {
/*background-color: #658CBA; #8AA8CA #544939*/
text-align: left;
padding: 0px;
margin: 0px;
border-bottom:1px none #FFFFFF;
}

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

}
 


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

* html #banner table .text {
		font-size:1.2em;
}

#banner table .textklein
{
	font-size:0.8em;
  /*color: braun #544939;  blau #8AA8CA */
   color: #ECECED;  
	font-weight:bold;
	letter-spacing: 0;

}

#banner table .titel
{
	font-size:20px;
  /*color: braun #544939;  blau #8AA8CA */
   color: #658CBA;  
	font-weight:bold;
	padding-left:20px;
	line-height:28px;
	letter-spacing: 1px;
	height:100px;
}

/* -----------------Inhalt--------------------- #ffffff*/
#content {
background-color: #FDFDFC;
padding: 0px;
margin-left: 228px;
margin-right: 0px;
padding-bottom: 20px;
}
div#content { 
min-height:390px;
height:expression(this.scrollHeight > 600 ? "auto":"390px"); 
}


#content h1, h2 {
color:#4F90C8;
}

#content h1 {
font-size:1.1em;
line-height:1.5em;
letter-spacing: 1px;
margin:0px;
padding: 28px 5px 10px 20px;
text-transform:uppercase;
}

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

#content p {
color: #000000;
font-size:0.95em;
line-height:1.4em;
margin:0px;
padding: 5px 10px 0px 20px;
text-align:left;

}

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

#content li a, #content  a  {
text-decoration:underline;
color:#564B47;
}

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

/* --------------left navigavtion------------- */
#left {
float: left;
width: 200px; /* nicht 220px */
margin: 0px;
padding: 0px;
}


#left li {
list-style: none;
margin:0px;
margin-left:-30px;
margin-bottom:15px;
list-style-position: outside;
width: 220px;
}

#left li a {
font-size: 1.0em;
font-weight: bold;
text-decoration:none;
letter-spacing: 1px;
color:#4A73A4; /* weiss #FDFDFC*/
}

#left li a:hover {
text-decoration: none;
color:#564B47;
}

#left li a.aktiv {
text-decoration: none;
color:#564B47;
}

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

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

#copyright {
height: 20px;
background-color: #658CBA; /* braun #564B47 */
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;
}

/* Hack für Safari <3 */
/* alle Browser */  
#slideshow img {
left:-518px;}
/* alle Browser außer Safari*/
#slideshow img {
left:-522px;# }
#slideshow img {
left:-522px;}

/* für IE 6 */
* html #slideshow img {
left:-520px;}


#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;
}