/* default.css 

 Cascaded stylesheet for quality-coach.ch
 Author and copyright: Joerg Hau <joerg.hau(at)quality-coach.ch>
 All rights reserved.
 
*/

body	{
	font-family: Helvetica,Geneva,Arial,sans-serif;
	font-style:normal;
	font-size:0.94em;
	color: #333333;
	background-color:#ffffff;
	margin: 3em;
	}

h1,h2 {
	font-family: Palatino,serif;
	color: #555555;
	font-weight:bold;
	margin-top:1.1em;
	padding-bottom:0.3em;
	}

h1 {
	border-bottom: solid 1px #d52b1e;
	}

h1:before { content:url(../img/qualitycoach-logo-20.png) " " ; }

/*
h1:after { display: table;
			font-size:0.7em;
			color: #d52b1e;
			content:"COVID-19: We are fully operational." ; 
		  }
*/
h2	{
	/* border-top: solid 1px silver; */
	background-color: #eeeeee; 
	padding: 0.2em;
	}

/* header level 3 are in the left margin */ 
h3	{
  	width:150px;
  	margin-left:-180px;
  	padding-left:10px;
  	float:left; 
  	clear:left;
	text-align:right;
	margin-top:0em;
	padding-right:1em;	
	}

h4	{
	/* border-top: solid 1px silver; */
	background-color: #dddddd; 
	padding: 0.3em;
	}
	
/* section markers for h3 */	
/*
.sec{
	background-image: url("./imap.png");
	background-repeat: repeat-y;
	}
*/
	
/* main stuff: indented */
.main {
	margin-left: 190px;
	}

/* anything that is fully on the left */
.left 	{
  	float:left;
  	clear:left;
	margin-right:1em;
	margin-left: -175px;
	}
	
/* The language "navigation" items */
.lang	{ 
	position:absolute; 
	top:3em; 
	right:3em; 
	}
 
.client  {
    /* border: solid gray 1px; */
    padding:0.5em;
    background-color:#e8e8e8;
 	}
 	 
/* style for quotes */
blockquote {
	/* border-left: 10px solid #ccc; */
	font-style:italic;
	font-size:100%;
	color:#555555;
	margin: 0.5em 10px;
  	padding: 0.5em 5px;
  	quotes: "\201C""\201D""\2018""\2019";
	width: 80%;
	}

blockquote:before {
  	color: #778899;
  	content: open-quote;
  	font-size: 3em;
  	line-height: 0.1em;
  	margin-right: 0.25em;
  	vertical-align: -0.4em;
 	}
 	
blockquote:after {
  	color: #778899;
  	content: close-quote;
  	font-size: 3em;
  	line-height: 0.2em;
  	vertical-align: -0.5em;
 	}

/* styles for forms */

fieldset {
  border:1px solid silver;
  }
label, input {
  display: inline-block;
  }
label {
  width:15%;
  text-align:right; 
  float:left;
  margin-right:0.5em;
  }
.label2 {
  margin-left:15%;
  width:70%;
  text-align:left; 
  }    
legend {
  padding: 0.1em 0.5em;
  margin:1em;
  border:1px solid silver;
  color:darkgray;
  font-size:85%;
  text-align:right;
  }


/* quality-coach.ch text colour */
.qc {
	color:#d52b1e;
	font-weight:bold;
	}

/* red border left */	
.rbl {
	border-left: solid 1px #d52b1e;
	padding-left: 1em;
	}

/* begin CSS for definition list and bullet list */
dl,ul
	{
	margin: 1em 0;
	padding: 0;
	}
dt	/* definition title */
	{ 
	margin-left: 0;
	margin-top: 0.7em;
	margin-bottom: 0.3em;
	font-weight: bold; 
	}
dd	/* definition item */
	{
	border-left: 2px solid #f00000;
	width: 85%;
	margin: 0 0 0 3em;
	padding: 0 0 .5em .5em;
	}
li	/* list item, same style as dd  */
	{
	list-style-type: none;	/* hide bullet, replace by red bar */
	border-left: 2px solid #d52b1e;
	width: 85%;
	margin: 0 0 0 3em;
	padding: 0 0 .5em .5em;
	}
	
/* end CSS for definition list and bullet list */

/* begin CSS for navigation bar */
ul.nav, ul.nav2  { 
	margin: 0;
	margin-left: 190px;
    padding: 0; 
	text-align: center;
	height: 2.5em;
	font-weight: bold;
	}
	
ul.nav2  {	/* only this one gets a border */ 
	border-top: 1px solid silver;
	clear: left;   /* fixes a bug in firefox */
	}

ul.nav li, ul.nav2 li {
    list-style: none;
    display: inline;
    border-left: none;
    margin: 0; 
    padding: 0;
    }
    
ul.nav a, ul.nav span, ul.nav2 a, ul.nav2 span {
    float: left; 
    width: 7.3em;
    margin: 0.4em;
    padding: 0.2em 0.6em;
  	}

ul.nav span, ul.nav2 span {
    color: #ffffff;
    background-color:#d52b1e;
  	}
 	
  /* Workaround Internet Explorer 5.x */
* html ul.nav a, * html ul.nav span {
    width: 7em; 
    w\idth: 6em;
  }

/* This does not work yet ... */
/*  
.active {
	list-style-position: inside;
    border: 1px solid green;
    }	
*/
ul.nav div,ul.nav2 div {
     clear: left;
  }
  
/* end CSS for navigation bar */

tt,pre 	{
	font-family: monospace, helvetica-Narrow, arial-Narrow, courier-new, courier;
	color:#20b2aa;
	font-size:0.9em;
	}


.footer	{
	clear: both;	
	color: gray;
	vertical-align: top;
	text-align:center;
	font-style:normal;
	font-size:0.75em;
	padding-top:3em;
	padding-bottom:1em;
	}

a.ext:before {
	content:url("./off.png");
	}

a.mail:before {
	content:url("./mail.png");
	}

.ext	{
	list-style-image:url("./off.png");
	}

.int	{
	list-style-image:url("./home.png"); 
	}

.pdf:before {
	content:url("./pdf.png");
	}

.reg:before {
	content:url("./register.png");
	}

li.time:before {
	content:url("./clock.png");
	}

li.tpub:before {
	content:url("./calendar.png");
	}

li.tint:before {
	content:url("./meeting.png");
	}

img { 
	border: none; 
	}

img.hdr {
	background-color: #ffffff;
	border:none;
	}
	
p.warn {
  	font-weight:bold;
   	color:#d52b1e;
    border: solid #d52b1e 1px;
    padding:0.5em;
  	}

/* box around text */
.hilite {
  	font-weight:bold;
   	color:black;
    /* border: solid #d52b1e 1px; */
    border: solid green 1px;
	padding:1.5em 1.5em 1.5em 95px;
    background-repeat: no-repeat;
    /* background-image: linear-gradient(to right, rgba(255,0,0,0.5), rgba(255,0,0,0.1)),url('biohazard.png'); */
    background-image: linear-gradient(to right, rgba(0,255,0,0.5), rgba(0,255,0,0.1)),url('biohazard.png');
    }

.course	/* make the training courses stand out  */
	{
	list-style-type: none;	
    border: solid #d52b1e 1px;
    background-color: whitesmoke;
    padding: 0 1em 1em 1em;
	width: 90%;
	margin: 1em 0 1em 0 ;
    background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(255,255,255,0.9), rgba(255,255,255,0.6)),url('../img/bkgd-tr1.jpg');    
 	}

.hint	/* similar to training courses  */
	{
	list-style-type: none;	
    border: solid #d52b1e 1px;
    background-color: whitesmoke;
    padding: 0 1em 1em 1em;
	width: 90%;
	margin: 1em 0 1em 0 ;
 	}


a[href^="mailto"]:hover:after { content: " > " attr(title); }
.floatleft { float: left; text-align: left; }
.floatright { float: right; text-align: right; }

a:link 	{ color: blue; text-decoration:none }
a:visited { color: grey; text-decoration:none }
a:hover	{ color: #d52b1e; background-color:#dddddd; text-decoration:underline }

/* minimalist table style */
.minimal
	{
	font-size:0.90em;
	border-collapse:collapse;
	text-align:center;
	margin-top:1em;
	margin-bottom:2em;
	}
.minimal th
	{
	font-weight: bold;
	color: #555555;
	padding: 5px 4px;
	border-bottom: 2px solid silver;
	border-top: 2px solid silver;
	}
.minimal td
{
	border-bottom: 1px solid silver;
	color: #555555;
	padding: 3px 4px;
}
.minimal tbody tr:hover td
	{
	color: black;
	background-color:#eeeeee
	}
.td-left 
	{ 
	text-align:left; 
	}