/* CSS Document => www.casasilvana.ch */

html {
	background-color: #fff4b1;
	background-image: url(image/store.gif);
}

body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff4b1;
	color: #000000;
	}
	
* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
.farbe4 {
	color: #99ccff;
	}	
	
.farbe4fett {
	color: #99ccff;
	font-weight: bold;
	}	
	
.farbe5 {
	color: #330000;
	}	
	
.farbe5fett {
	color: #330000;
	font-weight: bold;
	}	
	
.farbe3 {
	color: #003399;
	}	
	
.farbe3fett {
	color: #003399;
	font-weight: bold;
	}	

.farbe1 {
	color: #fff4b1;
	}	
	
.farbe1fett {
	color: #fff4b1;
	font-weight: bold;
	}	

.schwarzfett {
	color: #000000;
	font-weight: bold;
	}

.fett {
	font-weight: bold;
	}

h1, h3, h4 {
	font-weight: bold;
	}

a {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
	}
	
a:link, a:active, a:visited {
	color: #003399;
	font-weight: bold;
	text-decoration: none;
	}
			
a:hover {
	color: #fff4b1;
	background-color: #003399;
	}
	
h1 {
	margin: 15px;
	margin-left: 0px;
	font-size: 16pt;
	line-height: 24pt; 
	letter-spacing: 0.5pt;
	vertical-align: top;
	color: #003399;
	}
	
h3.home {
	line-height: 14pt;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 0px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 7px;
	}
	
h4 a:link, h4 a:visited, h4 a:active {
	text-decoration: none;
	color: #330000;
	font-weight: normal}
	
h4 a:link span, h4 a:visited span, h4 a:active span {
	text-decoration: none; 
	font-weight: normal;
	}
	
h4 a:hover {
	color: #fff4b1;
	text-decoration: none;
	font-weight: normal;
	}
	
h4 a:hover span {
	color: #330000;
	text-decoration: none;
	font-weight: normal;
	}
	
h5 a, h5 a:link, h5 a:hover {
	font-weight: bold;
	}

h2 {
	font-weight: normal;
	font-size: 9pt;
	text-transform: uppercase;
	letter-spacing: 2pt; 
	background-color: transparent;
	color: #330000;
	line-height: 20px;
	height: 20px;
	}
	
h2.rubrik {
	padding-bottom: 10px;
	}
	
h2.fehler {
	background-color: #6699ff;
	color: #ffffff;
	padding: 0px 5px 0px 5px;
	font-weight:normal;
	letter-spacing: 0.5pt; 
	margin-bottom: 30px;
	}	

h4, h5 {
	margin: 0px;
	margin-top: 20px;
	}
	
h3 {
	font-size: 16pt;
	line-height: 16pt;
	font-weight: bold;
	margin: 0px;
	margin-top: 20px;	
	padding-bottom: 10px;
	color: #6699ff;
	}
	
h4 {
	font-size: 12pt;
	line-height: 18pt;
	font-weight: bold;
	}

h5 {
	margin-top: 28px;
	font-size: 10pt;
	line-height: 15pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #99ccff;
	text-transform: uppercase;
	letter-spacing: 1pt; 
	}
	
p {
	font-size: 10pt;
	line-height: 15pt;
	color: #003399;
	padding-bottom: 8pt;
	}
	
p span.bold {
	font-weight: bold;
	color: #003399;
	}

label {
	color: #003399;
	}

div.formzeile {
	display:block; 
	position:relative; 
	height: 25px; 
	clear:left;
	}
	
h2.form {
	margin-bottom: 30px;
	}
	
label.links {
	position:relative; 
	float:left; 
	width:130px;
	}

label.rechts {
	position:relative; 
	float:left; 
	width: 65px;
	text-align: right;
	margin-left: 20px;
	margin-right: 10px;
}

input.submit {
	background-color: #003399;
	color: #fff4b1;
	padding:5px;
	width: 150px;
	margin-top: 110px; 
	margin-left: 130px;
	}

p.kontaktadresse {
	margin-top: 25px;
	line-height: 25px; 
	}	

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	color: #003399;
	font-size: 10pt;
	}
	
input[text] {
	width: 380px;
	}	

textarea {
	width: 332px;
	}	

input#ankunft, input#abreise, input#personen, input#zimmer{
	width: 112px;
	}	
	
input.felder, textarea.felder, input.felderfloat, textarea.felderfloat {
	position:relative;
	padding:2px 5px 2px 5px;
	}	
	
input.fehlerfeld, textarea.fehlerfeld, input.fehlerfeldfloat, textarea.fehlerfeldfloat {
	position:relative;
	padding:2px 5px 2px 5px;
	background-color: #99ccff;
	}	

input.felderfloat, textarea.felderfloat, input.fehlerfeldfloat, textarea.fehlerfeldfloat {
	float: left;
	}

#inhalt {
	position: absolute;
	left: 50%;
	width: 872px;
	height: 648px;
	margin-left:-436px;
	padding: 0px;
	font-size: 9pt;
	font-family: Arial, Helvetica, Sans-Serif;
	overflow: hidden;
	display: block;
	}
	
#kern {
	position: absolute;
	padding: 0px;
	overflow: auto;
	left: 175px;
	margin: 0px;
	display: block;
	height: 452px;	
	width: 522px;
	border: 0px;
	top: 139px;
	z-index: 30;
	}
	
#kopfbereich {
	position: absolute;
	width: 872px;
	height: 109px;
	background-color: #003399;
	background-image: url(image/head5.jpg);
	repeat: no-repeat;
	}
	
#kopfbereich2 {
	position: absolute;
	top: 109px;
	width: 872px;
	height: 30px;
	background-image: url(image/top_hg.gif);
	repeat: no-repeat;
	}
	
#linkesband {
	position: absolute;
	top: 139px;
	left: 0px;
	background-image: url(image/mid_left_hg.gif);
	height: 452px;
	width: 175px;
	repeat: repeat-y;
	}	
	
#rechtesband {
	left: 697px;
	top: 139px;
	position: absolute;
	background-image: url(image/mid_right_hg.gif);
	height: 452px;
	width: 175px;
	repeat: repeat-y;
	}

#mitte {
	position: absolute;
	top: 139px;
	left: 175px;
	position: absolute;
	background-image: none;
	background-color: #fff4b1;
	height: 452px;
	width: 522px;
}	
		
#Navigation {  
	position: absolute;
	margin: 0px;
	padding: 0px;
	border: 0px;
	left: 20px;
	top: 153px;
	z-index: 40;
	}
	
#Navigation li{
	list-style: none;
	clear: left;
	}
	
#Navigation li ul{
	}
	
#Navigation ul{
	float: left;
	}

#Navigation ul ul{
	position: absolute;
	left: 98px;
	}	
	
#Navigation li a{
	display: block;
	height: 30px;
	width: 98px;
	line-height: 30px;
	margin: 0px;
	padding-left: 3px;
	color: #003399;
	background-color: transparent;
	font-weight: normal;
	z-index: 40;
	float: left;
	}
	
#Navigation li li a{
	display: block;
	width: 120px;
	padding-left: 10px;
	background-color: #99ccff;
	}
	
#Navigation li a:hover{
	color: #fff4b1;
	background-color: #003399;	
	}
	
#Navigation li ul li {
	display: none;
	}
		
#Navigation li:hover ul.current li{
	background-color: #fff4b1;	
	display: block;
	}
		
#Navigation li ul li.current{
	font-weight: bold;
	}
		
#Navigation li:hover li{
	display: block;
	font-weight: normal;
	}
	
#Navigation li li a{
	overflow: hidden;
	}
		
#Navigation li li a:hover, #Navigation li li a.current{
	}
	
#Navigation li a.current {
	font-weight: bold;
	}	
	
#linkespalte {
	position: relative;
	z-index: 10;
	float: left;
	width: 250px;
}

#rechtespalte {
	position: relative;
	z-index: 12;
	width: 580px;
	float: left;
	margin-left: 25px;
}

#bottom_hg {
	position: absolute;
	top: 591px;
	width: 100%;
	height: 30px;
	background-image: url(image/bottom_hg.gif);
	repeat: no-repeat;	
	display: block;
}

#bottombar { 
	text-align: center;
	position: absolute;
	top: 618px;
	width: 100%;
	height: 27px;
	background-color: #003399;
	background-image: url(image/bottom_bar.gif);
	repeat: no-repeat;
	overflow: hidden;
	display: block;
	}

#bottombar span {
	line-height: 30px;
	margin-left: 10px;
	margin-right: 0px;
	display: inline;
	color: #fff4b1;
	}

#bottombar span a, #bottombar span a:link, #bottombar span a:visited, #bottombar span a:active {
	font-weight: bold;
	color: #fff4b1;
	}
	
#bottombar span a:hover {
	font-weight: bold;
	color: #003399;
	background-color: #fff4b1;
	}

.zimmer {
	margin-top:0px;
	padding-top:0px;
}

div.zimmer {
	clear: both;
	padding-top: 20px;
	padding-bottom: 10px;
}

h3.zimmer {
	padding-top:0px;
}

ul.features {
	font-size: 10pt;
	line-height: 15pt;
	color: #003399;
	padding-bottom: 8pt;
	list-style-type: disc;
	padding-left: 15px;
}

p.spalte1t, p.spalte2t,  p.spalte3t,  
p.spalte1, p.spalte2,  p.spalte3,  
p.spalte1b, p.spalte2b,  p.spalte3b {  
	position:relative;  
	float: left; 
	padding:2px;
	padding-left: 0px;

	}	

p.spalte2t, p.spalte2, p.spalte2b {  
	float: left; 
	width: 100px;
	text-align: right;
	padding-left:15px;
 	padding-right:15px; 
	}	

p.spalte3t, p.spalte3, p.spalte3b { 
	width: 110px; 
	text-align: right;
	padding-right:5px; 
	}	

p.spalte1t, p.spalte2t,  p.spalte3t {
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight:bold;
	}

p.spalte1t, p.spalte2t, p.spalte3t {
 	background-color: #99ccff;
	}

p.spalte1, p.spalte2, p.spalte3 {
 	background-color: #ffffff;
	}

p.spalte1b, p.spalte2b, p.spalte3b {
 	background-color: #fff4b1;
	}

p.spalte1, p.spalte1t, p.spalte1b {
	clear:left; 
	width: 260px; 
	text-align:left;
	}

	
#composing_foreign {
	padding: 20px 0px 20px 0px;
}
	
/* Ende Cascading Stylesheet */