/* css released under Creative Commons ShareAlike License v1.0 - http://creativecommons.org/licenses/sa/1.0/  */
/* All associated graphics copyright 2004, Peter Schuetz */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. */
/* The CSS itself may freely be used for anything you wish, but the associated graphics belong to the designer. */
/* What you may use - .css files. What you may not use - .jpg, .gif, and .png files. */

/* basic elements */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin: 10px;
	padding: 0px;
}

h3 {
	font-size: 130%;
	margin-bottom: 5px;
	color: #003399;	
}

/* Global styles*/ 
a:link {
	color: #039;
}

a:visited {
	color: #039;
}

a:hover {
	color: #060;	
}

a:active {
	color: #060;
}

acronym {
	font-style: normal;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	cursor: help;
	}

/* table styles 
* valid for all tables
*/

table {
	font-size: 95%;
} 

th {
	margin-bottom: 0px;
	color: #000;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #7D775C;
	background-color: #DDD;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}



/* Site sections */

#container { 
}


/* The Holiday list table 
* 
*/
.holiday_list {

}


/* 
* row0 and row1 are used for alternate line colours  
* valid for weekday holidays (Mon to Fri)
*/
tr.row0 {
	color: #000000;
	background-color: #FFF;
}
tr.row1 {
	color: #000000;
	background-color: #EEE;
}
/* 
* row0w and row1w are used for alternate line colours  
* valid for weekend holidays (Sat & Sun)
*/
tr.row0sat {
	color: #777;
	background-color: #FFF;
}
tr.row1sat {
	color: #777;
	background-color: #EEE;
}
tr.row0sun {
	color: #CC0000;
	background-color: #FFF;
}
tr.row1sun {
	color: #CC0000;
	background-color: #EEE;
}
/* 
* row_ft is used to display a "today holiday"
*/
tr.row_ft {
	color: #000;
	background-color:#CBFFB3;
}

/* 
* row0_past and row1_past are used for alternate line colours 
* valid for past dates
*/
tr.row0_past {
	background-color: #FFF;
	color:#999999;
}
tr.row1_past {
	background-color: #EEE;
	color:#999999;
}
/* 
* rowactive is used to mark the current line (Mouse over) 
* in the holidays list
*/
tr.rowactive {
	color:#000000;
	background-color: #CBFFB3;
}

/* Table cells
* .lft (left)
* is used in all tables for the first cell from left
*
* Here's a sample table:
* <row class=..>,<td class=lft>,<td class=ctr><td class=rgt></tr>
*/
/* .lft (left) */
td.lft {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* .ctr (center) */
td.ctr {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
/* .rgt (right) */
td.rgt {
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* 
* Table definitions for the geographic selection table
*/
#geo_table  {
	width: 100%;
/*	margin-top: 10px; */
	margin-top: 0;
	margin-bottom: 0;
	border-top: none;
/*	border-left: none;
	border-right: none; */
	border-left:#060 2px solid;
	border-right:#060 2px solid; 
	border-bottom:#060 2px solid;
	border-collapse:collapse;
	background-color:#fff;
	padding:0;
}


#search_table {
	width: 100%;
	background-color:#eeeeee;
	padding-left: 10px;
	margin: 0 0 10px 0;
}
/* 
* Cell definitions for the geographic selection table
*/
#geo_table tr {
	padding: 0;
	margin:0;
	border: none;
}
#geo_table td {
	padding: 0;
	margin:0;
	border: none;
}
#geo_table td.geo_pfad {
	margin:0;
	padding: 10px;	
	background-color:#eee;
	border-top:#060 2px solid;
}
#geo_table td.geo_auswahl {
/*	padding-left: 10px; */
	padding-bottom: 10px;
	background-color:#eeeeee;

}
#geo_table img {
	padding-left: 10px;
}

#geo_menu {
	margin: 0;	
	padding:0;
	z-index: 10;
}

#geo_section {
	margin: 0;	
	padding:0;
	z-index: 9;
}

.geo_instruction {
	margin: 0 10px 0 0;
	padding-top: 3px;	
	padding-left: 10px;
	padding-right: 10px;
/*	padding-bottom: 3px;	 */
	background-color:#C00;
	color:#FFF;
	font-weight: bold;
	font-size: 90%;
/*	size: 120%;	 */
}

.geo_choosemap a {
	margin:0;
	padding-top: 3px;	
	padding-left: 6px;	
	padding-right: 6px;
/*	padding-bottom: 3px;	*/
	background-color:#390;
	color:#FFF;
	border-top:#060 1px solid;
	border-left:#060 1px solid;
	border-right:#060 1px solid;	
	font-size: 90%;
}
.geo_choosemap_active {
	font-weight:bold;
	background-color:#eee;	
	padding-top: 3px;	
	padding-left: 6px;	
	padding-right: 6px;
	padding-bottom: 1px !important; 
	border-top:#060 1px solid;
	border-left:#060 1px solid;
	border-right:#060 1px solid;	
	font-size: 90%;
}


/* Menubar Contents */
#content_nav {
	margin:0;
	padding:0;
	z-index:21;
}

#content_nav a {
	margin:0;
	padding-top: 3px;	
	padding-left: 6px;	
	padding-right: 6px;
/*	padding-bottom: 3px;	*/
	background-color:#390;
	color:#FFF;
	border-top:#060 1px solid;
	border-left:#060 1px solid;
	border-right:#060 1px solid;	
	font-size: 90%;
}

.content_nav_active {
	font-weight:bold;
	background-color:#eee;	
	padding-top: 3px;	
	padding-left: 6px;	
	padding-right: 6px;
	padding-bottom: 2px !important; 
	border-top:#060 1px solid;
	border-left:#060 1px solid;
	border-right:#060 1px solid;	
	font-size: 90%;
}
.content_nav_sep {
	padding: 0 5px 0 0;
}
/* ------------------------------------------- */


.content_subnav {
	margin:0;
	padding: 0 0 3px 0;
	z-index:21;
	border-bottom:#060 2px solid;	
}

.content_subnav a {
	margin:0;
	padding-top: 3px;	
	padding-left: 6px;	
	padding-right: 6px;
	padding-bottom: 3px;	
/*	padding-bottom: 3px;	*/
	background-color:#390;
	color:#FFF;
	border-top:#060 1px solid;
	border-left:#060 1px solid;
	border-right:#060 1px solid;	
	border-bottom:#066 1px solid;	
	font-size: 90%;
}

.content_subnav_active {
	font-weight:bold;
	background-color:#eee;	
	padding-top: 3px;	
	padding-left: 6px;	
	padding-right: 6px;
	padding-bottom: 5px; 
	border-top:#060 1px solid;
	border-left:#060 1px solid;
	border-right:#060 1px solid;	
	font-size: 90%;
}


/* ------------------------------------ */

.content_member {
	margin:0;
	padding: 0 0 3px 0;
	z-index:21;
	border-bottom:#C90 2px solid;
}

.content_member a {
	margin:0;
	padding-top: 3px;	
	padding-left: 6px;	
	padding-right: 6px;
	padding-bottom: 3px;	
	background-color:#FC3;
	color:#000;
	border-top:#C90 1px solid;
	border-left:#C90 1px solid;
	border-right:#C90 1px solid;	
	border-bottom:#C90 1px solid;	
	font-size: 90%;
}

.content_member_active {
	font-weight:bold;
	background-color:#eee;	
	padding-top: 3px;	
	padding-left: 6px;	
	padding-right: 6px;
	padding-bottom: 5px; 
	border-top:#C90 1px solid;
	border-left:#C90 1px solid;
	border-right:#C90 1px solid;	
	font-size: 90%;
}
.content_member_sep {
	margin: 0 20px 0 0;
}


#content_prefs {
	background-color:#EEEEEE;
	border-left:#060 2px solid;
	border-right:#060 2px solid; 
	border-top:#060 2px solid; 
	margin:0;
	padding: 10px;	
	z-index:20;
}

#content_part {
	border-top:#060 2px solid;
	border-left:#060 2px solid;
	border-right:#060 2px solid; 
	border-bottom:#060 2px solid; 
	margin:0;
	padding: 10px;	
	z-index:20;
}

#content_part h3 {
	font-size: 130%;
	margin-bottom: 8px;
	color: #003399;	
}

#friends_section {
	background-color:#3C0;
	border:#090 2px solid; 
	margin:0;
	padding: 10px;	
	z-index:20;
	font-weight: bold;
	color: #FFF;
}
/* ------------------------------------ */


/* table for calendar view */
/* global */
.calendar {
}

.cal_week_title {
	font-weight: bold;
	text-align: center;
	background: #ddd;
	color: #000;
}

.cal_day_title {
	text-align: center;
	background: #eee;
	color: black;
}
.cal_week_nr {
	text-align: center;
	background: #eee;
	color: black;
	font-weight: bold;
	font-style:italic;
}

/* table fields */
.cal_past_day {
	text-align: right;
	background-color: #eee;
	color: #999;
}
.cal_past_day  a {
	font-weight: bold;
	background-color: #EEE;
	color: #CC6600;
	text-decoration: none;
}
.cal_past_day  a:hover {
	font-weight: bold;
	background-color: #EEE;
	color: #CC0000;
	text-decoration: underline;
}
.cal_today {
	font-weight: bold;
	text-align: right;
	background-color: #039;
	color: #FFF;
}
.cal_today  a {
	font-weight: bold;
	background-color: #039;
	color: #FFFFFF;
	text-decoration: none;
}
.cal_today  a:hover {
	font-weight: bold;
	background-color: #039;
	color: #FFFFFF;
	text-decoration: underline;
}
/*  Normal days */
.cal_week_day {
	text-align: right;
	color: black;
}
.cal_saturday_day {
	text-align: right;
	color: #777;
}
.cal_sunday_day {
	text-align: right;
	color: #C00;
}
/*  Holydays  (marked with a link) */
.cal_week_day  a, .cal_saturday_day  a, .cal_sunday_day  a {
	font-weight: bold;
	color: #039;
	text-decoration: underline;
}
.cal_week_day  a:hover, .cal_saturday_day  a:hover, .cal_sunday_day  a:hover {
	font-weight: bold;
	color: #039;
	text-decoration: underline;
}

.wtag {
	text-align: center;
	padding: 4px;
}
.ftag {
	font-weight: bold;
	padding: 4px;
}
.datum {
	font-weight: bold;
	padding: 4px;
}
.todaydatum {
	font-weight: bold;
	background-color: #FFF;
	color: red;
	padding: 4px;
}
.pastdatum {
	font-weight: bold;
	color: #999;
	padding: 4px;
}

.ferientag {
	border-color: #748FA9;
	border-style: solid;
	border-width: 1px;
}
.ferientag_prov {
	border-color: #69C;
	border-style: solid;
	border-width: 1px;
}

.savebutton {
	font-weight:bold;
}

input.url {
	background-color: #CBFFB3;
}

/* ------------------------------------------------------------------------ */
/* specific divs */


/* pageHeader */ 
#pageHeader h1 { 
    margin : 0;
    padding :0;
    height : 70px;
    width : 170px;
    background : #FFFFFF url(head_2009_1.jpg) no-repeat;
}

#pageHeader h2 { 
}

#pageHeader h1 span, #pageHeader h2 span {
	display: none;
}

#quickSummary {
	margin-left: 180px; 
	width: 770px;
}

#quickSummary p {
	font-size: 130%;
	font-style: normal;
	font-weight: bold;
	color: #003399;
	margin-top: 0px;
	margin-bottom: 10px;
	letter-spacing: 1px;
}

#preamble {
	margin-left: 180px;
	width: 770px;
	font-weight: bold;
}
#preamble p {
	margin : 0;
	color: #C00;
	background-color: #FFF;
}
	
/* eq with *supportingText* from "css zen garden" */ 
#substance {
	position: absolute;
	left: 180px;
	top: 10px;
	width: 770px;
}


h2#head_geo {
	margin-top: 0;
	padding: 10px;
	border-left:#060 2px solid;
	border-right:#060 2px solid;
	border-bottom:#060 2px solid;
}


#substance h4 {
	font-size: 115%;
	color: #003399;	
	margin-bottom: 5px;	
}

#substance li {
	list-style-type: square;
	padding-top: 3px;
	padding-bottom: 5px;
	list-style-position: outside;
}

/* styles for div and span whithin the *substance* part */
.subtitle {
	font-size: 110%;
	font-weight: bold;
/*	margin-top: 1em;  */
/*	margin-bottom: 0.5em; */
}

.important {
	font-weight: bold;
	color: #CC0000;
}
.comment {
	font-style: italic;
	font-size: 90%;
	color: #666;
}
.box {
	font-size:95%;
	border: 1px solid #000;
	background-color: #fff;
	padding: 10px;
	margin-top: 10px;
}

.ical {
	background-image: url(ical_icon.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 1px;
	padding-bottom: 1px;

}

.rahmenrot {
	margin-top: 2px;	
	border-top-color: #EEE;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #EEE;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.config {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #eee;
}

.config select {
		background-color:#FFFF99;
}

#substance p {
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}


#subnav {
	margin: 0;
}

#subnav a {
	margin: 4px;
	color: #003399;
	background-color:#EFEFEF;
}

#substance p.lead {
	display: block;
	margin-bottom: 1.5em;
	color: #003399;
}

#footer { 
	margin-top: 20px;
	margin-bottom: 20px;
	width: 770px;	
	text-align: left; 
	border-top:1px solid #CBCBC2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}


#linkList {
	position: absolute;
	font: 12px verdana, sans-serif;
	top: 80px;
	color: #000;
	border-right: 1px solid #EEEEEE;
	background-color: #FFF;
	width: 160px;
	margin: 0;
}


#linkList h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 5px;
}


#linkList a {
	display: block;
	padding: 4px 8px 8px;
	margin: 0;
	text-decoration: none;
	background-color: #FFF;
	border-bottom:#060 1px solid; 
	
}

#linkList a:link {
	color: #003399;
}
#linkList a:hover {
	background: #390;
	color: #FFFFFF;
}
#linkList a:active {
	background: #CC0000;
	color: #FFFFFF;
}

.site_nav_sep,.favorites_nav_sep,.download_nav_sep {
	display: none;
}

#linkList select {
	margin-left: 8px;
}

#linkList .lang_nav a {
	display: inline;
	padding: 1px 5px 5px;
	margin: 0;
	text-decoration: none;
	color: #003399;
	background-color: #FFF;
}

#linkList .export_nav a {
	display: inline;
	padding: 1px 0px 1px;
	margin: 0;
	text-decoration: none;
	color: #003399;
	background-color: #FFF;
}

#google_nav a:hover {
	background-color: #C00;
	color: #FFF;
}

.lang_nav a:hover {
	color: #CC0000;
}


.failed {
	color:#FFFFFF;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:thin;
	background-color: #990000;
	margin: 10px;
	padding: 10px;
}
.alarm {
	color:#FFFFFF;
	border-color:#990000;
	border-style:solid;
	border-width:thin;
	background-color: #CC0000;
	margin: 3px;
	padding: 3px;
}
.confirm {
	color:#FFFFFF;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:thin;
	background-color:#009900;
	margin: 6px;
	padding: 6px;
}

.hilfetext {
	font-size:90%;
	color: #999999;
}

.hinweis {
	color:#000;
	border-color:#99CC99;
	border-style:solid;
	border-width:thin;
	background-color:#CCFFCC;
	margin: 10px;
	padding: 10px;
}


.gueltig {
	font-weight: bold;
	padding: 3px;
}
.ungueltig {
	padding: 3px;
}

.typ0 {
	margin-left: 0px;
}

.typ10 {
	margin-left: 5px;

}
.typ20 {
	margin-left: 25px;
}
.typ30 {
	margin-left: 45px;
}
.typ40 {
	margin-left: 60px;
}

#substance .infobox {
	display:block;
	width: 200px;
	left: 330px;
	float: right;
	color: #000;
	background-color: #FFF;
	border-color: #003399;
	border-width: 1px;
	border-style: solid;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-left: 5px;
}
#substance .infobox h3 {
	font-size: 100%;
	border: none;
	margin-bottom: 3px;
	padding-top: 3px;
	color: #003399;
} 
#substance .infobox p {
	font-size: 85%;
}

/* -------------- */
#infobox {

	left: 543px;
	top: 190px;
	position: absolute;
/*	height: 620px; */
	width:  200px;

	display:block;
/*	width: 200px;
	left: 330px;
*/
	float: right;
	color: #000;
	background-color: #FFF;
	border-color: #003399;
	border-width: 1px;
	border-style: solid;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-left: 5px;
}
#infobox h3 {
	font-size: 100%;
	border: none;
	margin-bottom: 3px;
	padding-top: 3px;
	color: #003399;
} 
#infobox p {
	font-size: 85%;
}
/* -------------- */



.legend {
	font-size: 85%;
	color: #003399;
}


/* link partners of Feiertagskalender.ch */
#extraDiv1 {
	left: 610px;
	top: 110px;
	position: absolute;
	height: 100px;
	width: 150px;

}

#extraDiv2 {
	left: 980px;
	top: 230px;
	position: absolute;
	height: 620px;
	width:  180px;
}

#extraDiv3 {
	left: 400px;
	top: 12px;
	position: absolute;
	height: 20px;
	width:  354px;
	font-weight:bold;
	font-size: 90%;
	text-align:right;
	color:#FFFFFF;
	background-color: transparent;
}
#extraDiv3 a {
	color: #FFFFFF;
	text-decoration:none;
}

#extraDiv4 {
	left: 602px;
	top: 93px;
	position: absolute;
	height: 20px;
	width:  154px;
	font-weight:bold;
	font-size: 90%;
	text-align:right;
	color:#FFFFFF;
	background-color: transparent;
}
#extraDiv4 a {
	color: #FFFFFF;
	text-decoration:none;
}

#extraDiv6 {
	left: 980px;
	top: 0px;
	position: absolute;
	height: 140px;
	width:  180px;

}

#wordcloud {
	border:#ccc 1px solid;
	padding:0.2em;
	text-align:justify;
}
#wordcloud a {
	text-decoration:none;
}

.christian_sign {

}

.no_print {

}