/* Style-Sheets vancouver.ca123.info 02.09.2007 inklusive Browserweiche*/
/* A. von Dorst */
/* - utf8 - */

/* generell fuer alle Bilder in allen Bereichen */
	/* Groesse fuer Bilder im linken und rechten Bereich ohne Container - B:180px H:npx */
	/* Groesse fuer Bilder im linken und rechten Bereich innerhalb des Container - B:172px H:npx */
	/* Groesse fuer Bilder im mittleren Bereich innerhalb des Containers - B:270px H:npx */


body {
	color: #67604a;
	background-color: #fcf7d4;
	padding: 1%;
	min-width: 946px;
	font-size: 100.01%;
	font-family: 'Trebuchet MS', Arial, Sans-Serif, Serif;
}


/* Farben */
#inhalt11, #inhalt12, #inhalt13, #inhalt14, .conli, .conre, .conreo {
	border-style: solid;
	border-color: #67604a;
	background-color: #f3eac7;
	color: inherit;
	}
	#inhalt0, #inhalt1 {
		background-color: inherit;
		color: inherit;
}


/* generelle Schriftgestaltung */
h1, h2, h3, h4, h5, h6 {
		color: #aa4746;
		background-color: inherit;
		line-height: 1.2em;
		margin: 8px 10px 0px 10px;
	}
	h1 {
		font: 2.4em "Palatino Linotype";
		/*font-size: 2.4em;*/
		letter-spacing: -1px;
		padding: 10px 8px 6px 0;
		border-bottom: 1px solid #d89655;
		}
		h2 {
			font: 1.7em "Palatino Linotype";
			/*font-size: 1.6em;*/
			padding: 10px 8px 6px 0;
			}
		h3 {
			font: 1.3em "Palatino Linotype";
			/*font-size: 1.2em;*/
			}
		h4 {
			font: 1.1em "Palatino Linotype";
			/*font-size: 1.0em;*/
			}
		h5 {
			font-size: 1.0em;
			}
		h6 {
			font-size: 0.9em;
}

p {
	font-size: 1.0em;
	line-height: 1.3em;
	padding: 0;
	margin: 4px 10px 4px 10px;
	}
	p.block {
		text-align: justify;
}


/* So sehen generell die HyperLinks aus */
a:link, a:visited, a:hover, a:active {
	font-variant: normal;
	font-weight: bold;
	background-color: inherit;
	text-decoration: underline;
	}
	a:link, a:visited {
		color: #0077a2;
		}
	a:hover, a:active {
		color: #aa4746;
		}


/* Blatt Aufteilung und Gestaltung */
/* generelle Positionierung auf der Seite und Minimierung der Schriftgroesse */
#inhalt0 {
	margin: auto;
	font-size: 0.9em;
	}
	#inhalt0, #inhalt1 {
		width: 946px;
		border: 0;
		padding: 0;
		}
		#inhalt1 {
			background-color: #fcf7d4;
			margin: 0px;
		}

				/* inhalt10 ist speziell fuer den Text ueber der Seite */
				#inhalt10 h1.ueb1, #inhalt10 h2.ueb2, #inhalt10 p.ueb3 {
					font-family: 'Trebuchet MS', Arial, Sans-Serif, Serif;
					font-size: 10px;
					line-height: 11px;
					border: 0;
					margin: 0 0 1px 0;
				}
				#inhalt10 h1.ueb1, #inhalt10 h2.ueb2 {
					font-weight: bold;
					letter-spacing: 1px;
					padding: 0 10px 0 0;
					float: left;
				}
				#inhalt10 p.ueb3 {
					/*line-height: 1.0em;*/
					padding: 0;
				}

			/* Beginn der Seitengestaltung */
			/* inhalt11 ist fuer die Kopfgestaltung - Kopfgrafik als Hintergrund */
			#inhalt11 {
				width: 944px;
				height: 180px;
				border-width: 1px 1px 0 1px;
				margin: 0;
				padding: 0;
				background: url(/pics/kopf.jpg) 0 0 no-repeat;
				float: left;
				}

			/* generelles fuer den linken, mittleren und rechten Bereich */
			#inhalt12, #inhalt13, #inhalt14 {
				padding: 2px;
				float: left;
				}


/* linker Bereich */
				#inhalt12 {
					width: 180px;
					border-width: 0 0 1px 1px;	
					margin: 0;
					}
					#inhalt12 h4, h5, h6 {
							margin: 8px 2px 2px 3px;
							/*letter-spacing: -1px;*/
							}
					#inhalt12 p {
						font-size: 0.9em;
						line-height: 1.3em;
						margin: 2px 2px 4px 3px;
						/*letter-spacing: -1px;*/
						}
					#inhalt12 img {
						border: 0;
						padding: 0;
						margin: 0.5px 0;
						width: 180px;
						}
						#inhalt12 .conli {
							color: inherit;
							background-color: #e5e1ce;
							border-width: 1px;
							padding: 2px;
							margin: 2px 1px;
							}
						#inhalt12 .conli img {
							width: 172px;
							padding: 0;
							border: 0;
							margin: 0 0 -2px 0;
							}


/* mittlerer Bereich */
				#inhalt13 {
					width: 570px;
					min-height: 1500px;
					border-width: 0 1px 1px 1px;
					margin: 0 0 20px 0;
					}

					/* Aufzählung */
					#inhalt13 ul, #inhalt13 ol{
						list-style:url(pics/bullet_stern3.png) outside;
						/*list-style-type: circle;*/
						}
						#inhalt13 li {
							font-size: 1.0em;
							line-height: 1.1em;
							margin: 6px 10px 6px 10px;
					}

					/* Statuszeile in der Mitte ganz oben */
					#active {
						font-family: Arial, Sans-Serif, Serif;
						color: #fcf7d4;
						padding: 3px 10px 3px 10px;
						margin: -2px -2px 4px -2px;
						background-color: #67604a;
						}
						#active span {
							font-weight: bold;
							font-size: 1.1em;
						}

					/* Platzaufteilung 1-spaltige und 2-spaltige Inhalte */
					#inhalt13 div.mgb, #inhalt13 div.mlrb {
						border: 0;
						margin: 0;
						padding: 0;
						float: left;
						}

						/* Container fuer 1-spaltige Inhalte */
						#inhalt13 div.mgb {
							width: 570px;
							}

						/* suchfeld Google */
						#inhalt13 div.suchfeld {
							padding: 5px 10px 0 10px;
							}

						/* Container fuer 2-spaltige Inhalte */
						/* muss immer in den Container fuer 1-spaltige Inhalte gelegt werden */
						#inhalt13 div.mlrb {	
							width: 285px;
							}
						/* Bildergroessen im 2-spaltigen Mittleren Bereich - speziele Bestimmung fuer 1-paltig*/
						#inhalt13 div.mlrb img, #inhalt13 div.mgb img.bildl,  #inhalt13 div.mgb img.bildr {
								border: 1px solid #67604a;
								padding: 2px 2px 2px 2px;
								margin: 5px 2px 2px 5px;
								width: 270px;
								}
								#inhalt13 div.mgb img.bildl {
									float: left;
									margin: 5px 12px 2px 8px;
									}
								#inhalt13 div.mgb img.bildr {
									float: right;
									margin: 5px 8px 2px 12px;
									}
							#inhalt13 div.mlrb p {
								line-height: 1.3em;
								text-align: justify;
								}
								#inhalt13 div.mlrb p.cr {
									font-family: Sans-Serif;
									font-size: 0.7em;
									line-height: 0.7em;
									padding: 0;
									margin: -2px 4px 10px 6px;
									}

							/* Hinweis-Boxen im mittleren 1-spaltigen und 2-spaltigen Bereich (orange)*/
							#inhalt13 .hinweis1, #inhalt13 .hinweis2 {
								padding: 2px;
								margin: 10px;
								border: 1px solid #ffcf51;
								color: inherit;
								background-color: #fff78d;
								text-align: justify;
								}
								#inhalt13 .hinweis1 {
									width: 544px;
									}
								#inhalt13 .hinweis2 {
									width: 259px;
									}
								#inhalt13 .hinweis1 span, #inhalt13 .hinweis2 span {
									color: #de9417;
									background-color: inherit;
									font-size: 1.3em;
									}
									#inhalt13 .hinweis1 p, #inhalt13 .hinweis2 p {
									font-style: italic;
									font-weight: bold;
									line-height: 1.4em;
								}

							/* Fehler/Achtung-Boxen im mittleren 1-spaltigen und 2-spaltigen Bereich (rot)*/
							#inhalt13 .achtung1, #inhalt13 .achtung2 {
								padding: 2px;
								margin: 10px;
								border: 1px solid #f59eb4;
								color: inherit;
								background-color: #f8d2d8;
								text-align: justify;
								}
								#inhalt13 .achtung1 {
									width: 544px;
									}
								#inhalt13 .achtung2 {
									width: 259px;
									}
								#inhalt13 .achtung1 span, #inhalt13 .achtung2 span {
									color: #ea262d;
									background-color: inherit;
									font-size: 1.3em;
									}
									#inhalt13 .achtung1 p, #inhalt13 .achtung2 p {
									font-style: italic;
									font-weight: bold;
									line-height: 1.4em;
								}

							/* Erfolg/InOrdnung/Info-Boxen im mittleren 1-spaltigen und 2-spaltigen Bereich (gruen)*/
							#inhalt13 .okio1, #inhalt13 .okio2 {
								padding: 2px;
								margin: 10px;
								border: 1px solid #9fcd8c;
								color: inherit;
								background-color: #cee5b9;
								text-align: justify;
								}
								#inhalt13 .okio1 {
									width: 544px;
									}
								#inhalt13 .okio2 {
									width: 259px;
									}
								#inhalt13 .okio1 span, #inhalt13 .okio2 span {
									color: #3c6a27;
									background-color: inherit;
									font-size: 1.3em;
									}
									#inhalt13 .okio1 p, #inhalt13 .okio2 p {
									font-style: italic;
									font-weight: bold;
									line-height: 1.4em;
								}


/* rechter Bereich */
				#inhalt14 {
					width: 180px;
					border-width: 0 1px 1px 0;
					margin: 0;
					}
					#inhalt14 h4, h5, h6 {
						margin: 8px 2px 2px 3px;
						/*letter-spacing: -1px;*/
						}
					#inhalt14 p {
						font-size: 0.9em;
						line-height: 1.3em;
						margin: 2px 2px 4px 3px;
						/*letter-spacing: -1px;*/
						}
					#inhalt14 img {
						border: 0;
						padding: 0;
						margin: 1px 0;
						width: 180px;
						}
						#inhalt14 .conre, #inhalt14 .conreo {
							color: inherit;
							background-color: #e5e1ce;
							border-width: 1px;
							padding: 2px;
							margin: 2px 1px;
							/*letter-spacing: -1px;*/
							}
						#inhalt14 .conre img, #inhalt14 .conreo img {
							width: 172px;
							padding: 0;
							border: 0;
							margin: 0 0 -2px 0;
							}
						#inhalt14 .conreo {
							margin: -2px 1px 2px 1px;
}


/* Das Hauptmenue (meisst im linken Bereich)*/
#menukopf, #menufuss, .menu, #menus1 {
	font-family: Arial, Sans-Serif, Serif;
}

#menukopf, .menuhotel {
	padding: 0 4px 0 6px;
	border: 0;
	margin: -2px 1px 2px 1px;
	color: #fcf7d4;
	background-color: #67604a;
	}
	#menukopf, .menuhotel p {
		padding: 3px 0 3px 0;
		margin: 0;
		letter-spacing: normal;
		font-size: 1.1em;
		line-height: 1.3em;
		font-weight: bold;
		text-align: center;
		}
#menufuss {
	padding: 0 4px 0 6px;
	margin: 2px 1px;
	color: #fcf7d4;
	background-color: #67604a;
	}
	#menufuss p {
		padding: 2px;
		margin: 0;
		letter-spacing: normal;
		font-size: 0.8em;
		text-align: center;
		}
	#menufuss a {
		color: #fcf7d4;
		background-color: inherit;
		font-weight: bold;
		text-decoration: none;
		border: 0;
		}
	.menu a {
		display: block;
		padding: 4px 2px;
		border: 1px solid #00577f;
		margin: 3px 1px;
		font-size: 1.0em;
		text-align: center;
		text-decoration: none;
		}
		.menu a:link, .menu a:visited {
			text-decoration: none;
			color: #fcf7d4;
			background-color: #0077a1;
		}
		.menu a:hover, .menu a:active, .menu a:focus {
			padding: 4px 2px 4px 8px;
			text-align: left;
			text-decoration: none;
			color: #aa4746;
			background-color: #ffdeb0;
			border-top: 1px solid #ebb67e;
			border-right: 1px solid #ebb67e;
			border-bottom: 1px solid #ebb67e;
			border-left: 6px solid #67604a;
		}
		/* Ein Submenue(1); wird nicht auf jeder Seite benoetigt */
		#menus1 a {
			display: block;
			padding: 4px 2px;
			border: 1px solid #00abbd;
			margin: 3px 1px 3px 9px;
			font-size: 0.9em;
			text-align: center;
			text-decoration: none;
			}
			#menus1 a:link, #menus1 a:visited {
				text-decoration: none;
				color: #fcf7d4;
				background-color: #00b1bf;
			}
			#menus1 a:hover, #menus1 a:active, #menus1 a:focus {
				padding: 4px 2px 4px 8px;
				text-align: left;
				text-decoration: none;
				color: #aa4746;
				background-color: #fceac6;
				border-top: 1px solid #ebb67e;
				border-right: 1px solid #ebb67e;
				border-bottom: 1px solid #ebb67e;
				border-left: 6px solid #AC9E76;
}


/* Container fuer die Werbebloecke */
/* wpml und wpmr im 1-spaltigen Text - wpmlr im 2-spaltigen Text - wpm ist ohne float Mitte 1-spaltig */
.wpm, .wpml, .wpmr, .wpmlr {
	border: 0px;
	padding: 0px;
	}
	.wpm, .wpml, .wpmr {
		margin: 4px 10px 4px 10px;
		}
	.wpml {
		float: left;
		}
	.wpmr {
		float: right;
		}
	.wpmlr {
		margin: 4px 7px 4px 7px;
		float: left;
}

.wplr {
	border: 0px;
	padding: 0px;
	margin: 4px 2px 2px 3px;
}