/**********************************
 * TITLE: p-coa.ch Screen Stylesheet  * 
 **********************************/
/* ##### Common Styles ##### */
body {
  color: black;
  background-color: rgb(121,166,255);
  background-image:url(./../images/bg_body.gif);
  background-repeat:repeat-x;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 73%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0 0 20px 0;
}
html > body {
  font-size: 9pt;
}

.doNotDisplay {
  display: none !important;
}

/* ##### General positioning ##### */
#center {
  width:958px;	/* 1024px - 6px border left - 20px border right (incl. scrollbar) - 2x20px blue border*/
  text-align:center;
  margin:auto;	/* zentrieren */
  margin-top:20px;
  margin-bottom:0px;
  background-color: rgb(255,255,255);
  background-image:url(./../images/bg_center.gif);
  background-repeat:repeat-y;
}
#left {
  text-align:left;
}
/* ##### Header ##### */
#header {
  color: inherit;
  background-color: rgb(102,153,255);
  height:60px;
}
.headerTitle {
  margin: 0;
  font-size:200%;
  height:60px;
  padding: 0 0 3px 20px;
  color:rgb(255,255,255);
  vertical-align:middle;
  line-height:60px;
}
.headerRightSlogan{
	float:right;
	font-family:Arial;
	font-size:16px;
	margin:0px;
	padding:35px 10px 0 0;
	color:rgb(255,255,255);
	font-style:italic;
	font-weight:bold;
}
.subHeader {
  background-color:rgb(0,0,0);
  /*
  background-image:url(./../images/bg_subheader.gif);
  background-repeat:repeat-x;
  */
  color:rgb(255,255,255);
  height:20px;
  line-height:20px;
  font-size: 100%;
  text-align: center;
}
.subHeader a {
  color:rgb(255,255,255);
  background-color:rgb(0,0,0);
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding:0 4px 0 4px;
}
.subHeader a:hover {
  color:rgb(0,0,0);
  background-color:rgb(255,255,255);
}
.subHeader .thisArea {
  color: rgb(235,172,70);
  color: rgb(166,140,83);
  color:rgb(216,210,195);
}
/* ##### Left Side Bar ##### */
.leftSideBar {
  width: 180px;	/* same value in #main-copy left-margin */
  height:480px;
  float: left;
  clear: left;
  background-color: rgb(230,223,207);
}
.leftSideBarImage {
  margin: 20px 10px 20px 10px;
}
.leftSideBar .sideBarTitle {
  color: rgb(64,64,64);
  background-color: rgb(230,223,207);
  font-weight: bold;
  margin: 0;
  padding: 1ex 1ex 1ex 1.75ex;
}
.leftSideBar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0 0 0 0;
  padding: 0;
}
.leftSideBar li {
  margin: 0ex;
  padding: 0 0 10px 10px;
}
.leftSideBar a {
  color: rgb(102,152,255);
  background-color: transparent;
  text-decoration: none;
}
.leftSideBar a:hover {
  color: rgb(64,64,64);
  background-color: transparent;
  text-decoration: none;
}
.leftSideBar .sideBarText {
  color: rgb(166,140,83);
  background-color: transparent;
  line-height: 1.25em;
  margin: 1ex 0.25ex 1.5em 1.75ex;
  padding: 0;
  display: block;
}
.leftSideBar .sideBarText a {
  text-decoration: underline;
}
.leftSideBar .sideBarText a:hover {
  text-decoration: none;
}
.leftSideBar .thisPage {
  color: rgb(64,64,64);
  background-color: transparent;
  font-weight: bold;
}

/* ##### Right Side Bar ##### */
.rightSideBar {
  width: 15em;	/* same value in #main-copy padding (right) */
  margin: 20px 1.75ex 40px 0;
  padding: 0;
  float: right;
  clear: right;
  border: 1px solid rgb(216,210,195);
}
[class~="rightSideBar"] {
  margin-right: 1.5ex;
}
.rightSideBar .sideBarTitle {
  color: black;
  font-size:0.9em;
  background-color: rgb(230,223,207);
  font-weight: bold;
  margin: 1.25ex 1ex;
  padding: 0.9ex 1ex;
}
.rightSideBar a {
  color: rgb(64,64,64);
  background-color: transparent;
  text-decoration: underline;
  font-weight: bold;
}
.rightSideBar a:hover {
  text-decoration: none;
}
.rightSideBar .sideBarText {
  line-height: 1.5em;
  font-size:0.9em;
  margin: 0;
  padding: 0 2ex 1em 2ex;
}
.rightSideBarMore a{
	color:rgb(64,64,64);
	float:right;
	margin-top:-30px;
	margin-right:15px;
	text-decoration:none;
}
.rightSideBarMore a:hover{
	text-decoration:none;
}
/* ##### Main Copy ##### */
#main-content {
  color: black;
  background-color: white;
  text-align: justify;
  line-height: 1.5em;
  margin: 0 0 0 180px;	/* same value in leftSideBar width */
  margin: 0 0 0 0;
  padding: 0.5ex 20em 1em 2em;	/* 17 em -> same value in rightSideBar width */
  border-left: 1px solid rgb(216,210,195);
  border-left: 180px solid rgb(230,223,207);
}
#main-content h1 {
  color: rgb(51,102,204);
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 175%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin:28px 0px 18px 0px;
}
#main-content h2 {
  color: rgb(51,102,204);
  background-color: transparent;
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 125%;
  font-weight: bold;
  font-style: italic;
  text-align: left;
  margin: 0.25em 0 0 0;
}
#main-content a {
  color: rgb(64,64,64);
  background-color: transparent;
  text-decoration: underline;
}
#main-content a:hover {
  text-decoration: none;
}
p {
  text-align: left;	/* without this style -> block*/
  margin: 1em 0 1.5em 0;
  padding: 0;
  line-height:1.75em;
}

/* ##### Footer ##### */
#footer {
  color: black;
    background-color: rgb(216,210,195);
  font-size: 92%;
  text-align: center;
  line-height: 18px;
  margin: 0px;	/* put in 180px right margin to let leftSideBar appear on top */
  padding: 5px 0px 5px 0px;
  clear: both;
}
* html #footer {  /* nur fuer Internet Explorer */
  padding: 5px 0px 5px 365px;
}
#footer a {
  color: black;
  text-decoration: underline;
  font-weight: bold;
}
#footer a:hover {
  text-decoration: none;
}
/* ##### TagClouds ##### */
.TagCloudXS{
  font-size:9px;
}
.TagCloudS{
  font-size:11px;
}
.TagCloudM{
  font-size:13px;
}
.TagCloudL{
  font-size:15px;
  font-weight:bold;
}
.TagCloudXL{
  font-size:17px;
  font-weight:bold;
}
/* ##### TagClouds in Infobox ##### */
.sideBarText .TagCloudXS{
  font-size:9px;
}
.sideBarText .TagCloudS{
  font-size:10px;
}
.sideBarText .TagCloudM{
  font-size:11px;
}
.sideBarText .TagCloudL{
  font-size:12px;
  font-weight:bold;
}
.sideBarText .TagCloudXL{
  font-size:13px;
  font-weight:bold;
}