/**************************************************/
/* Ferienclub Oberglatt                           */
/* http://www.ferienclub-oberglatt.ch.vu/         */
/* Copyright 20011                                */
/* Version 0.20, 03.02.2011                       */
/* Author: R. Zollinger                           */
/**************************************************/

/* ============ whole page ============ */
/* body */
body {
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	color: #000080; /*#ffffff;*/
	background-color: #bbeaea; /*#ffcc33;*/
	margin: 0px;
	padding: 0px;
	background-image: url('../../ferienclub2011/images/bluepap.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;
	color: #000080;
	font-size:1.2em;
	text-align:center;
	height:1.8em;
	/*background-image: url('../../images/blachenmuster.gif');
	background-repeat: repeat*/
}
div.screenheadmiddle {
	/*background-image: url('../../ferienclub2009/images/swiss_bg.png');
	background-repeat: repeat-x;
	background-position: center center; */
	height: 100px;
	text-align:center;
	font-weight:500;
	font-family: eras bold itc, cooper black, impact, tahoma, arial, helvetica, sans-serif;
	color: #EB9500; /*#ffcc33;*/
	padding-top:5px;
	padding-bottom:5px;
	font-size:2.5em;
	vertical-align: middle;
	text-transform: uppercase;
	font-variant: normal;
	text-outline: 1px 1px #000000; 
}
span.screenheadmiddle2 {
	/*background-color: #292929; */ /*#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;*/
	color: #EB9500;
	margin-top: 0px;
	padding-top:10px;
	padding-bottom:5px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	/* background-image: url('../../ferienclub2010/images/wr_wht.gif');
	background-repeat: repeat; */
	/*background-color: #8A692D; */ /*#009933*/; /* #ffcc33; */
	background-color: #ffdd00;
	background:  -moz-linear-gradient(top left, #060075, #060075, #ffffff, #FFE100, #FFE100);
	background:  -webkit-gradient(linear, left top, right bottom, from(#060075), to(#FFE100));
	background:  -ms-filter: “progid:DXImageTransform.Microsoft.gradient(start Colorstr= #060075, endColorstr= #FFE100)”;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-collapse: collapse;
	border-top-color: #000000;
	border-left-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
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: #000080;
}

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

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

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

/* ============ navigation ============ */
/* ------------ head nav ------------ */
#headnav {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0px;
	font-size: 0.9em;
	font-weight: bold;
	color: #000080;
	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: #D6D6D6;
	border-left-color: #D6D6D6;
	border-right-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
}

a.headnav-off, a.headnav-off:link, a.headnav-off:visited, a.headnav-off:hover {
	color: #000080;
	text-decoration: none;
}
a.headnav-on, a.headnav-on:link, a.headnav-on:visited, a.headnav-on:hover {
	color: #000080;
	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-image: url('../../ferienclub2010/images/graph.jpg'); */
	background-repeat: repeat;
	background-color: #FFE100; /*#009933*/; /* #ffcc33; */
	border-top-style: solid;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-collapse: collapse;
	border-top-color: #000000;
	border-left-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
}


.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: #8A692D;*/ /*#009933*/; /* #ffcc33; */
	border-top-style: ridge;
	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: #000000;
	border-left-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	text-align:left;
	font-family: tahoma, arial, helvetica, sans-serif;
	color:#000000; /*#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: #000080; /*#679AA3;*/
	text-decoration: none;
}
a.mainnav-on, a.mainnav-on:link, a.mainnav-on:visited, a.mainnav-on:hover {
	color: #000080;
	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: #000080;
	clear:none;
}

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


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

h2 {
	font-family: eras bold itc, cooper black, impact, tahoma, arial, helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: 500; /* 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.1;
	padding-right:0px;
	margin-right:20px;
	color: #000080;
}

div.box p, div.box ul, div.box ol {
	line-height:1.1;
	color: #000000;
}

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:#000080; 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 : #000080;
  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 -------------- */

img {
	border:none;
}

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: solid;
	border-top-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-collapse: collapse;
	border-top-color: #000000;
	border-left-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	background-color: #FFE100;
	/* background-image: url('../../ferienclub2010/images/paper013.gif'); */
	background-repeat: repeat;
}

div.box a, a:link, a:visited, a:hover, a:active, a:focus {
	color:#000080; text-decoration:underline;
}



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

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 ridge #000080;
	height:20px;
	margin-left: 190px;
}

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


/* -------------- 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%;
}