﻿/*
 CSS definition for left colum 
 
 Incl. navigation & 3 search boxes, word cloud ...

*/

#leftcolumn, #leftcolumnTitle {
	padding-top: 9px;
	background: url('BGNav.gif') no-repeat 22px 0;
	width: 270px;
	text-align: left;
}

#leftcolumnTitle {
	margin-top: 12px;
}

#toc, #search, #aktuality {	
	margin: 0 35px;
	font-size: 75%;
}

#toc, #aktuality {
	margin-bottom: 2em;
}

#search {
	margin-right: 20px;	
	margin-left: 28px;	
}

#toc h2 {
	color: #031b63;
	margin-bottom: 30px;
	font-size:110%;
}

#toc li {
	margin-left: 20px;	
	margin-bottom: 2px;
	list-style-image: url('BULLETLi.gif');
	font-weight: bold;	
	color: #2342a1;
	line-height: 1.3;
}

#toc li li, #toc li li li, #toc li li li li {
	list-style-image: url('BULLETLiLi.gif');
	font-size: 100%;
}

#toc li.current {
	list-style-image: url('BULLETLiCurrent.gif');	
	color: #1C53F9;
	font-size: 110%;
	padding-left: 2px;
}

#toc li.current sup {
	color: #1C53F9;
	font-size: 70%;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
}

#toc li.current li sup {
	color: #2342a1;
}

#toc li.current li a:hover sup {
	color: #fff;
	background: #2342a1;
}

#toc li.current ul {
	font-size: 90%;
}


#toc ul ul {
	margin-top: 6px;	
	margin-bottom: 6px;	
}

#toc a {
	display: block;	
	padding: 2px;
}

#toc a:hover {
	text-decoration: none;	
}

#toc a:hover sup {
	color: #fff;
	background: #2342a1;
}

#toc a sup {
	color: #2342a1;
	font-size: 70%;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	bottom: 1ex;
	text-decoration: none;
}

#aktuality {	
	margin-bottom: 9px;
}

#aktuality h3 {
	color: #041a65;
	margin-bottom: 30px;
	background: none;
	padding: 0;
	font-size:110%;
}

#aktuality .akt {
	margin-bottom: 0;
}

#aktuality .akt p {
	color: #344ea3;
	margin: 0;
	font-size: 110%;
	line-height: 1.3;
}

#aktuality #aktmore{
	padding-top: 5px;
	font-size: 100%;	
	text-align: right;
}

#aktuality #aktmore a {
	font-weight: bold;	
	color: #2142a1;
}

#aktuality #aktmore a:hover {
	color: #fff;
}

#aktuality .akt a {
	color: #000;
	font-weight: bold;
}

#aktuality .akt a:hover {
	color: #fff;
}

#aktuality p.aktbody {
	color: #6a6a6a;
	padding-top: 3px;
}

/* blue box - search products & word cloud */

#searchProd {
	background: #b2c1ec;
}

#searchProd label {
	display: none;	
}

#searchProd legend {
	display: block;
	color: #fff;
	background: #73a5cf;
	width: 202px !important;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
	min-height: 14px;
	*margin-left: -7px; /* IE7 hack */
}

#searchProd legend span { /* FF is ignoring legend width */
	width: 202px !important; 	
	display: block;
	color: #fff;
}

#searchProd div {
	margin-top: 4px;

	margin-left: 10px;
	margin-right: 10px;

}

#searchProd div#wordcloud { 
	padding-bottom: 15px;	
}

#searchProd #p {
	background: url('BGinput.gif') 0px 3px repeat-x #fff;
	color: gray;	
	text-align: left;
	font-size: 90%;
	width: 155px;
	margin-right: 5px;
}

#searchProd input.image { 
	vertical-align: middle;
}

#wordcloud {
	text-align: justify;
	line-height: 1.4;਍	margin-bottom: 0;
}

#wordcloud h4 {
	background: url('HRSearch.gif') top center no-repeat;
	color: #031b63;	
	padding-top: 10px;
	padding-bottom: 5px;
}

/* green box - search doctors */

#searchDoc {
	margin-top: 3px;
	background: #a1be00;
}

#searchDoc legend {
	display: block;
	color: #fff;
	background: #859d01;
	width: 202px !important;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
	margin-bottom: 5px;
	*margin-left: -7px; /* IE7 hack */
}

#searchDoc legend span { /* FF is ignoring legend width */
	width: 202px !important; 	
	display: block;
	color: #fff;
}

#searchDoc label {
	display: none;	
}

#searchDoc #d {
	background: url('BGinput.gif') 0px 3px repeat-x #fff;
	color: gray;	
	text-align: left;
	font-size: 90%;
	width: 159px;
	margin-right: 5px;
	margin-left: 10px;	
}

#searchDoc input.image { 
	vertical-align: middle;
}


#searchDoc div {
	padding: 3px 0 5px;	
}

/* orange box - search pharmacies */

#searchPharm {
	margin-top: 3px;
	background: #ffae3b;
}

#searchPharm legend {
	display: block;
	color: #fff;
	background: #db9635;
	width: 202px !important;
	padding: 4px 10px 4px 10px;
	font-weight: bold;
	margin-bottom: 5px;
	*margin-left: -7px; /* IE7 hack */
}

#searchPharm legend span { /* FF is ignoring legend width */
	width: 202px !important; 	
	display: block;
	color: #fff;
}

#searchPharm label {
	display: none;	
}

#searchPharm #ph {
	background: url('BGinput.gif') 0px 3px repeat-x #fff;
	color: gray;	
	text-align: left;
	font-size: 90%;
	width: 159px;
	margin-right: 5px;
	margin-left: 10px;
}

#searchPharm input.image { 
	vertical-align: middle;
}

#searchPharm div {
	padding: 3px 0 5px;	
}

.nonactive {
	color: gray;	
}