/**************************************************/
/* Ferienclub Oberglatt                           */
/* http://www.ferienclub-oberglatt.ch.vu/         */
/* Copyright 2005                                 */
/* Version 0.15, 04.02.2005                       */
/* Author: R. Zollinger                           */
/**************************************************/

/* ============ whole page ============ */
/* body */
body {
	font-size: 100%;
	font-family: comic sans ms, arial, helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff; /*#ffffff;*/
	background-color: #009933; /*#ffcc33;*/
	margin: 0px;
	padding: 0px;
	background-image: url('../../ferienclub2007/images/rock00592461.jpg');
	background-repeat: repeat;
	/* verhindert Mozilla-Zucken
     * > Firefox 1.5
     */
    overflow-y: scroll;
}

/* boarder around whole page */
#pagenormal, .pagenormal {
	margin: 0px;
	padding: 0px;
}



/* ============ header ============ */
/* screenhead */
#screenhead {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

div.screenheadtop {
	height: 10px;
	/*background-image: url('../../images/blachenmuster.gif');
	background-repeat: repeat*/
}
div.screenheadmiddle {
	background-image: url('../../ferienclub2007/images/footprint2.gif');
	background-repeat: repeat-x;
	background-position: center center;
		height: 100px;
	text-align:center;
	font-weight:800;
	font-family: stencil, comic sans ms, arial, helvetica, sans-serif;
	color: #93E137; /*#ffcc33;*/
	padding-top:5px;
	padding-bottom:5px;
	font-size:3em;
	vertical-align: middle;
	text-transform: uppercase;
}
div.screenheadmiddle2 {
	/*background-color:*/ #000000; /*#009933;*/
	/*border-color: #003399;
	border-style:dotted;
	border-width:5px;*/
	/*border-top-style: dotted;
	border-top-width: 5px;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom-style: dotted;
	border-bottom-width: 5px;
	border-collapse: collapse;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;*/
	margin-top: 0px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left: 10px;
	padding-right: 10px;
		vertical-align: middle;
}
div.screenheadbottom {
	height: 10px;
	/*background-image: url('../../images/blachenrand.gif');
	background-repeat: repeat-x;*/
}

/* unitlogo */
div.unitlogo-1,
a.unitlogo-1, a.unitlogo-1:link, a.unitlogo-1:visited, a.unitlogo-1:hover, a.unitlogo-1:focus {
	font-variant: small-caps;
	font-size: 26px;
	font-weight: bolder;
	text-decoration: none;
	color: #000000;
}

div.unitlogo-2,
a.unitlogo-2, a.unitlogo-2:link, a.unitlogo-2:visited, a.unitlogo-2:hover, a.unitlogo-2:focus {
	font-variant: small-caps;
	font-size: 36px;
	font-weight: bolder;
	text-decoration: none;
	color: #000000;
}

/* speciallogo */
div.speciallogo,
a.speciallogo, a.speciallogo:link, a.speciallogo:visited, a.speciallogo:hover, a.speciallogo:focus {
	text-decoration: none;
	color: #000000;
}
div.speciallogo {
	margin-left: 20px;
	border: none;
}

/* logo main organisation */
div.mainorglogo {
	border: none;
	float:right;
}

/* ============ navigation ============ */
/* ------------ head nav ------------ */
#headnav {
	text-align: right;
	background-color: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
	border-top-style: none;
	border-top-width: 0px;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-collapse: collapse;
	border-top-color: #ffffff;
	border-left-color: #ffffff;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
}

a.headnav-off, a.headnav-off:link, a.headnav-off:visited, a.headnav-off:hover {
	color: #94E331;
	text-decoration: none;
}
a.headnav-on, a.headnav-on:link, a.headnav-on:visited, a.headnav-on:hover {
	color: #E3BD32;
	text-decoration: underline;
}


/* ------------ main nav ------------ */
/*nav block */
#navblock {
	float:left;
	margin-left:10px;
	width: 170px;
	margin-right:20px;
	margin-top:50px;
}

/* main nav */
#mainnav {
	/* position:relative; */
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	background-color: #1C1C1C; /*#009933*/; /* #ffcc33; */
	border-top-style: none;
	border-top-width: 0px;
	border-left-style: dashed;
	border-left-width: 5px;
	border-right-style: dashed;
	border-right-width: 5px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-collapse: collapse;
	border-top-color: #967D21;
	border-left-color: #967D21;
	border-right-color: #967D21;
	border-bottom-color: #967D21;
}


.mainnav-lev1, .mainnav-lev2, .mainnav-lev3,
.mainnav-lev1-on, .mainnav-lev2-on, .mainnav-lev3-on {
	text-decoration:none;
	text-align: left;
	vertical-align: top;
	background-color: #1C1C1C; /*#009933*/; /* #ffcc33; */
	border-top-style: solid;
	border-top-width: 1px;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-collapse: collapse;
	border-top-color: #967D21;
	border-left-color: #967D21;
	border-right-color: #967D21;
	border-bottom-color: #967D21;
	text-align:left;
	font-family: comic sans ms, arial, helvetica, sans-serif;
	color:#93E137; /*#FF8A00;*/
	padding-top:5px;
	padding-bottom:5px;
	font-size:1.2em
	vertical-align:middle;
}
.mainnav-lev1 {
	padding-left:28px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
	font-size: 1em;
	font-weight:bold;
}
.mainnav-lev1-on {
	padding-left:8px;
	padding-right:8px;
	padding-top:8px;
	padding-bottom:8px;
	font-size: 1em;
	font-weight:bold;
}

.mainnav-lev2 {
	padding-left:48px;
	padding-top:4px;
	padding-bottom:4px;
	font-size: 1em;
	border: none;
}

.mainnav-lev2-on {
	padding-left:28px;
	padding-top:4px;
	padding-bottom:4px;
	font-size: 1em;
	border: none;
}

.mainnav-lev3 {
	padding-left:68px;
	padding-top:2px;
	padding-bottom:2px;
	font-size: 0.9em;
	border: none;
}

.mainnav-lev3-on {
	padding-left:48px;
	padding-top:2px;
	padding-bottom:2px;
	font-size: 0.9em;
	border: none;
}

a.mainnav-off, a.mainnav-off:link, a.mainnav-off:visited, a.mainnav-off:hover {
	color: #629621;
	text-decoration: none;
}
a.mainnav-on, a.mainnav-on:link, a.mainnav-on:visited, a.mainnav-on:hover {
	color: #E3BD32;
	text-decoration: none;
}


/* ------------ service nav ------------ */
#servicenav {
	text-align: right;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 0.8em;
	color: #ffffff;
	clear:none;
}

a.servicenav-off, a.servicenav-off:link, a.servicenav-off:visited, a.servicenav-off:hover {
	color: #94E331;
	text-decoration: none;
}
a.servicenav-on, a.servicenav-on:link, a.servicenav-on:visited, a.servicenav-on:hover {
	color: #E3BD32;
	text-decoration: underline;
}


/* ============ content ============ */
/* ------------ headings ------------ */
/* h1 reserved */

h2 {
	font-size: 1.4em;
	font-weight: 700; /* normal, lighter, bold, bolder oder 100-900, 100: extra dünn, 500: medium, 700: bold */
	font-style: normal;
	font-variant: normal;
	font-stretch: normal;
	word-spacing: 0px;
	letter-spacing: 4px;
	text-decoration : none;
	text-transform: none;
	text-shadow: none;
	text-align: left;
	vertical-align: bottom;
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	clear:right;
}
.untertitel, .zwischentitel1, h3 {
	font-size: 1.2em;
	font-weight: 600; /* normal, lighter, bold, bolder oder 100-900, 100: extra dünn, 500: medium, 700: bold */
	font-style: normal;
	font-variant: normal;
	font-stretch: normal;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-decoration : none;
	text-transform: none;
	text-shadow: none;
	text-align: left;
	vertical-align: bottom;
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	clear:none;
}
h4 {
	font-size: 1.0em;
	font-weight: 600; /* normal, lighter, bold, bolder oder 100-900, 100: extra dünn, 500: medium, 700: bold */
	font-style: normal;
	font-variant: normal;
	font-stretch: normal;
	word-spacing: 0px;
	letter-spacing: 0px;
	text-decoration : none;
	text-transform: none;
	text-shadow: none;
	text-align: left;
	vertical-align: bottom;
	vertical-align: bottom;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
}


	/* ------------ contentblocks ------------ */



/* contentblocks with 1, 2 or 3 cols */
div.contentblock-1col, div.contentblock-2col, div.contentblock-3col {
	min-height:400px;
	margin-right: 15px;
}


/* contentblocks with 1 or 2 cols */

div.contentblock-1col table, div.contentblock-2col table {
	clear:right;
}

div.contentblock-1col h3, div.contentblock-1col h4, div.contentblock-1col h5,
div.contentblock-1col h6, div.contentblock-1col h7,
div.contentblock-2col h3, div.contentblock-2col h4, div.contentblock-2col h5,
div.contentblock-2col h6, div.contentblock-2col h7 {
	margin-right:15px;
}


/* contentblocks with 2 or 3 cols */
div.contentblock-2col, div.contentblock-3col {
	margin-left:200px;
}


/* contentblocks with 1 col */
div.contentblock-1col {
	margin-left: 15px;
}

/* contentblocks with 2 cols */

/* contentblocks with 3 cols  */
div.contentblock-3col p, div.contentblock-3col ul, div.contentblock-3col ol, div.contentblock-3col dl,
div.contentblock-3col dl, div.contentblock-3col h3, div.contentblock-3col h4, div.contentblock-3col h5,
div.contentblock-3col h6, div.contentblock-3col h7 {
	margin-right:240px;
	padding-right:0px;
}


div.contentblock-3col div.image-right {
	margin-right:240px;
	text-align:right;
}

div.contentblock-3col div.image-right div.picture-caption {
	margin-right:0px;
	text-align:right;
	width:100%;
}

div.contentblock-3col div.image-center {
	margin-right:240px;
	text-align:center;
}

div.contentblock-3col div.image-center div.picture-caption {
	margin-right:0px;
	text-align:center;
	width:100%;
}

div.contentblock-3col .tablemargin {
	padding:0px;
	width:100%;
	margin-right:240px;
}
/* because of ie bug */
div.content > .tablemargin {
	width:auto;
}


/* reset margins for boxes */
div.box p {
	margin-right:0px;
	margin-left:0px;
}

div.box ul, div.box ol, div.box dl {
	padding-left:0px;
	margin-left:15px;
	margin-right:0px;
	padding-right:0px;
}

.boxtitle, div.box h3, div.box h4, div.box h5, div.box h6, div.box h7 {
	font-size:1em;
	font-weight:bold;
	line-height:1;
	padding-right:0px;
	margin-right:20px;
	color: #94E331;
}

div.box p, div.box ul, div.box ol {
	line-height:1;
}

div.box-border div.tablemargin {
	margin-right:0px;
	margin-bottom:0px;
	width :200px;
	padding:0px;
}

div.box-border table {
	margin-bottom:0px;
	padding-bottom:0px;
}

div.box-border ul, div.box-border ol {
	margin-bottom:0px;
	padding-bottom:0px;
}

/* correct ie bug */
ul p, ul.disc p, ul.square p,  ul.circle p, ol.decimal p,
ol.upper-roman p, ol.lower-roman p, ol.upper-alpha p, ol.lower-alpha p {
	margin-right:0px;
}

/* remove margin for ul in ul, without removing 3col margin */
ul ul.disc, ul ul.square, ul ul.circle, ul ol, ol ul,
ol ol.decimal, ol ol.upper-roman, ol ol.lower-roman,
ol ol.upper-alpha, ol ol.lower-alpha,
ul ol.decimal, ul ol.upper-roman, ul ol.lower-roman,
ul ol.upper-alpha, ul ol.lower-alpha,
ol ul.disc, ol ul.square, ol ul.circle {
	margin-right:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}


#mainpage {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}

.content {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}

/* ------------ links ------------ */
/* links in general */
a, a:link, a:visited, a:hover, a:active, a:focus { color:#E3BD32; text-decoration:underline; }


/* ------------ text ------------ */
/* paragraph */
p {
	line-height:1.3;
	padding:0px;
	margin:0px;
	margin-bottom:6px;
}
.lead {
	font-weight:bold;
}
.textindent {
	text-indent: 10px;
}
.lineheight1 {
	line-height:1;
}

/* picture caption */
.picture-caption {
	padding-top:6px;
	font-style:italic;
}


/* clear floats, resets vertical align*/
div.clearfloat {
	clear:both;
	padding-right:15px;
}

/* ---- lists ---- */

/* lists */
p.list-caption { font-weight:bold; }

ul, ol, dl, menu, dir {
	margin:0px;
	margin-left:25px;
	margin-bottom:10px;
	padding:0px;
}

/* for big ordered lists*/
ol {
	margin-left:40px;
}

ul {
  font-size : 1em;
  color : #ffffff;
  background : transparent;
}

ul.disc {
  list-style-type : disc;
}

ul.square {
  list-style-type : square;
}

ul.circle {
  list-style-type : circle;
}

ol.decimal {
  list-style-type : decimal;
}

ol.upper-roman {
  list-style-type : upper-roman;
}

ol.lower-roman {
  list-style-type : lower-roman;
}

ol.upper-alpha {
  list-style-type : upper-alpha;
}

ol.lower-alpha {
  list-style-type : lower-alpha;
}


/* ---- tables ---- */
caption {
	font-weight:bold;
	line-height:1.2;
}
tr { vertical-align:top; }
th {
	text-align:left;
	font-weight:bold;
}
.tablehead {
	text-align:left;
	font-weight:bold;
}

.contenttable {
	margin-bottom:20px;
}

/* ie bug */
table {
	font-size:1em;
}


table.contenttable {
  empty-cells: show;
  border-collapse: collapse;
}
table.contenttable tr {
  vertical-align: top;
}
table.contenttable tr.rowheading {
  font-weight: bold;
}

table.plain {
  border-style: none;
}




div.contentblock-3col .tablemargin {
	padding:0px;
	width:100%;
	margin-right:240px;
}
/* because of ie bug */
div.content > .tablemargin {
	width:auto;
}

/* ---- forms --- */
/* ---- sitemap ---- */

/* -------------- images, boxes -------------- */

div.box-border, .float-right, .float-left {
	width:220px;
}

.float-left, .float-right, .image-right, .image-left, .image-center, .box-border, .image-float-right, .image-float-left {
	margin-bottom:20px;
}

.float-right {
text-align: center;
}

.float-right, div.box-border {
	float:right;
	clear:right;
	padding:0px;
}
div.box-border {
	border-top-style: dashed;
	border-top-width: 5px;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom-style: dashed;
	border-bottom-width: 5px;
	border-collapse: collapse;
	border-top-color: #967D21;
	border-left-color: #967D21;
	border-right-color: #967D21;
	border-bottom-color: #967D21;
		background-color: #1C1C1C;
}

/* because of different border in ie moz*/
div.box-border {
	max-width:220px;
}

div.box {
	text-align:left;
	margin-top:5px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}

.image-left {
	text-align:left;
}

.image-center {
	text-align:center;
}

.image-right {
	text-align:right;
}


.image-float-left {
	float:left;
	padding:10px
}

.image-float-right {
	float:right;
	padding:10px
}

.float-left {
	float:left;
	clear:left;
	margin-right:10px;
}


/* ============ footer ============ */
#footerblock {
	margin-top:20px;
	margin-left:0px;
	margin-right:0px;
	padding-top:10px; /* standard */
	width: 100%;
	float:none;
	clear:both;
	background-repeat: no-repeat;
	background-position: top center;
}

#footerline {
	float:none;
	margin-top:20px;
	border-top:5px dashed #ffffff;
	height:20px;
	margin-left: 190px;
}

div.footertext {
	font-size:1em;
	margin:0px;
	margin-bottom:10px;
	padding-top:3px;
	float:left;
	color: #ffffff;
}


/* -------------- COMMON MARGINS / WIDTHS -------------- */
/* -------------- SILVA IMAGE CLASSES / BOX -------------- */
/* -------------- different columntypes -------------- */
/* -------------- COLORS -------------------- */

/* because of ie bug */
div.content > .tablemargin {
	width:auto;
}
div.content {
	overflow:hidden;
}

/* remove it for mozilla */
h2 + div.content {
	overflow: visible;
}
.content {
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}