/* Style-Sheets vancouver.ca123.info 03.04.2008 inklusive Browserweiche*/
/* speziell ohne rechten Bereich */
/* A. von Dorst */
/* - utf8 - */

/* generell fuer alle Bilder in allen Bereichen */
/* Groesse fuer Bilder im linken Bereich ohne Container - B:180px H:npx */
/* Groesse fuer Bilder im linken Bereich innerhalb des Container - B:172px H:npx */
/* Groesse fuer Bilder im mittleren Bereich innerhalb des Containers - B:362px 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, #inhalt13or, .conli {
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";
letter-spacing: -1px;
padding: 10px 8px 6px 0;
border-bottom: 1px solid #d89655;
}
h2 {
font: 1.7em "Palatino Linotype";
padding: 10px 8px 6px 0;
}
h3 {
font: 1.3em "Palatino Linotype";
}
h4 {
font: 1.1em "Palatino Linotype";
}
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, #inhalt13or {
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;
}
#inhalt12 p {
font-size: 0.9em;
line-height: 1.3em;
margin: 2px 2px 4px 3px;
}
#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 */
#inhalt13or {
width: 755px;
min-height: 850px;
border-width: 0 1px 1px 1px;
margin: 0 0 20px 0;
}


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

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

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

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

/* Container fuer 2-spaltige Inhalte */
/* muss immer in den Container fuer 1-spaltige Inhalte gelegt werden */
#inhalt13or div.mlrb {	
width: 377px;
}
/* Bildergroessen im 2-spaltigen Mittleren Bereich - speziele Bestimmung fuer 1-paltig*/
#inhalt13or div.mlrb img, #inhalt13or div.mgb img.bildl,  #inhalt13or div.mgb img.bildr {
border: 1px solid #67604a;
padding: 2px 2px 2px 2px;
margin: 5px 2px 2px 5px;
width: 362px;
}
#inhalt13or div.mgb img.bildl {
float: left;
margin: 5px 12px 2px 8px;
}
#inhalt13or div.mgb img.bildr {
float: right;
margin: 5px 8px 2px 12px;
}
#inhalt13or div.mlrb p {
line-height: 1.3em;
text-align: justify;
}
#inhalt13or 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)*/
#inhalt13or .hinweis1, #inhalt13or .hinweis2 {
padding: 2px;
margin: 10px;
border: 1px solid #ffcf51;
color: inherit;
background-color: #fff78d;
text-align: justify;
}
#inhalt13or .hinweis1 {
width: 729px;
}
#inhalt13or .hinweis2 {
width: 351px;
}
#inhalt13or .hinweis1 span, #inhalt13or .hinweis2 span {
color: #de9417;
background-color: inherit;
font-size: 1.3em;
}
#inhalt13or .hinweis1 p, #inhalt13or .hinweis2 p {
font-style: italic;
font-weight: bold;
line-height: 1.4em;
}

/* Fehler/Achtung-Boxen im mittleren 1-spaltigen und 2-spaltigen Bereich (rot)*/
#inhalt13or .achtung1, #inhalt13or .achtung2 {
padding: 2px;
margin: 10px;
border: 1px solid #f59eb4;
color: inherit;
background-color: #f8d2d8;
text-align: justify;
}
#inhalt13or .achtung1 {
width: 729px;
}
#inhalt13or .achtung2 {
width: 351px;
}
#inhalt13or .achtung1 span, #inhalt13or .achtung2 span {
color: #ea262d;
background-color: inherit;
font-size: 1.3em;
}
#inhalt13or .achtung1 p, #inhalt13or .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)*/
#inhalt13or .okio1, #inhalt13or .okio2 {
padding: 2px;
margin: 10px;
border: 1px solid #9fcd8c;
color: inherit;
background-color: #cee5b9;
text-align: justify;
}
#inhalt13or .okio1 {
width: 729px;
}
#inhalt13or .okio2 {
width: 351px;
}
#inhalt13or .okio1 span, #inhalt13or .okio2 span {
color: #3c6a27;
background-color: inherit;
font-size: 1.3em;
}
#inhalt13or .okio1 p, #inhalt13or .okio2 p {
font-style: italic;
font-weight: bold;
line-height: 1.4em;
}

/* Empfehlung/ExternLink-Boxen im mittleren 1-spaltigen und 2-spaltigen Bereich (blau)*/
#inhalt13or .exli1, #inhalt13or .exli2 {
padding: 2px;
margin: 10px;
border: 1px solid #b3bed1;
color: inherit;
background-color: #d3e1f7;
text-align: justify;
}
#inhalt13or .exli1 {
width: 729px;
}
#inhalt13or .exli2 {
width: 351px;
}
#inhalt13or .exli1 span, #inhalt13or .exli2 span {
color: #002b73;
background-color: inherit;
font-size: 1.3em;
}
#inhalt13or .exli1 p, #inhalt13or .exli2 p {
font-style: italic;
font-weight: bold;
line-height: 1.4em;
}


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

#menukopf {
padding: 0 4px 0 6px;
border: 0;
margin: -2px 1px 2px 1px;
color: #fcf7d4;
background-color: #67604a;
}
#menukopf 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;
}