@charset "utf-8";
/* CSS Webanwendung Statistik Methadonprogramme BAG */

/* Contentbereich */
#webInnerContentFree {
	margin-left:240px;
}

/* Modul Bereiche */
.module {
	margin:5px 0;
	padding:0;
	width:515px;
}

.module .borderbox {
	border:1px solid #dddddd;
	margin:5px 0;
	position:relative;
}

.module .outsideLegend {
	margin:5px 0;
}

.module table {
	margin:0;
	padding:0;
	table-layout:fixed;
}

.module td,.module th {
	line-height:12px;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}

.module a,.module a:hover,.module a:visited {
	text-decoration:underline;
}

.module .breadcr {
	margin-bottom:20px;
}

.module h2 select option{
	font-size:16px;
}

.module .bottomNav {
	float:left;
	margin:0;
	padding-right:20px;
	width:150px;
}

.module strong.error {
	background-color:tomato;
	color:orange;
	display:inline-block;
	margin-right:5px;
}

/* Karten */
#moduleMap {
	display:none;
}

.moduleMap {
	width:718px;
}

.moduleMap .textBlock {
	width:180px;
	float:right;
}

.moduleMap #dynText {
	margin-top:10px;
	
}

.moduleMap p.captionColor {
	margin:0px 0px 5px 25px;
	
}

.moduleMap span.captionColorBox {
	display:inline-block;
	width:20px;
	margin-left:-25px;
	margin-right:5px;
	border:1px solid #666666;
}

#moduleMapAltText {
	color:#666;
}

.anmerkung {
	font-size:11px;
	margin-bottom:8px;
	width:640px;
}

.anmerkung p {
	margin-bottom:0;
	margin-top:0;
}

.anmerkung h4 {
	margin-bottom:8px;
	margin-top:16px;
}

ul.ctbl{width:140px; display:inline-block; vertical-align:top;}

/* Tabelle */
.module .liste {
	border-bottom:1px solid #cccccc;
	border-collapse:collapse;
	border-spacing:0;
	margin-left:0;
	margin-top:0;
	table-layout:fixed;
}

.module .liste td {
	border:0 solid #cccccc;
	font-size:11px;
	padding:1px 4px;
	text-align:right;
}

.module .liste th {
	border:0 solid #cccccc;
	border-top-width:1px;
	font-size:11px;
	font-weight:normal;
	padding:1px 2px 2px;
	text-align:left;
	vertical-align:top;
}

.module .liste td.s,.module .liste th.s {
	border-right-width:1px;
}

.module .liste td.l,.module .liste th.l {
	text-align:left;
}

.module .liste td.r,.module .liste th.r {
	text-align:right;
}

.module .liste td.b,.module .liste th.b {
	font-weight:bold;
}

.module .liste a,.module .liste a:visited {
	text-decoration:none;
}

.module .liste a:hover {
	text-decoration:underline;
}

.module .liste .sortindicator {
	font-size:9px;
	padding-left:2px;
}

.module .liste i {
	color:#006699;
	font-style:normal;
}

.module .liste tr.r1 {
	background-color:#e4e4e4;
	text-align:right;
}

.module .liste tr.r2 {
	background-color:#ffffff;
	text-align:right;
}

.module .liste tr:first-child td {
	border-top:1px solid #cccccc;
}

.module thead {
	background-color:#ffffff;
}

.module thead a {
	color:#006699;
}

.module thead th.r a,.module thead th.r a:hover{
	text-decoration:none;
}

.module thead th.x {
	background-color:#006699;
}

.module thead th.x a, .module thead th.x a:hover {
	color:white;
	text-decoration:none;
}

/* Schweiz Zeile */
.module .rtot td {
	color:#595959;
	font-weight:bold;
}

/* Balkendiagramm */
.graphArea {
	width:718px;
}
.graphArea p {
	font-size:11px;;
}

.graphArea .textBlock {
	width:180px;
	float:right;
}

.graphArea .textBlock p {
	margin:2px 0px 6px 0px;
}

.graphArea .textBlock p.captionColor {
	margin:0px 0px 5px 25px;
	
}
.graphArea .textBlock img {
	width:20px;
	height:12px;
	display:inline-block;
	margin-left:-25px;
	margin-right:5px;
	vertical-align:bottom;
}

.barGraph  {
	position:relative;
}

.barGraph table {
	border-collapse:collapse;
	border-spacing:0;
	margin-left:0;
	margin-top:0;
	table-layout:fixed;
}

.barGraph .graphBarLayer {
	position:absolute; 
	z-index:1; 
}

.barGraph .graphScaleLayer	{
	z-index:0; 
	border:1px solid #dddddd; 
}

.barGraph td,.barGraph td p {
	margin:0px; 
	padding:0px;
}

.barGraph .graphBarLayer p {
	line-height:12px;
}

.barGraph .graphScaleLayer p{
	text-align:center;
	float:left; 
	padding-bottom:5px;
}

.barGraph td.graphTopicCol {
	vertical-align:middle;
}

.barGraph td.graphTopicCol p {
	margin:0px 5px 0px 10px;
}

.barGraph td.graphBarCol {
	padding:4px 0px 2px 0px;
}

.barGraph .graphBarCol img {
	height:12px;
	margin:0px 0px 1px 0px;
	max-width:100%;
}

.barGraph .graphBarLayer tr.selected {
	background:url(images/bg_semitransparent.png) repeat;
}




#tooltip { 
	padding:0px; 
	width:150px; 
}

#tooltip p {
	background-color:white; 
	border:1px solid #cccccc; 
	padding:2px 10px 2px 10px; 
	margin:-1px 0px 0px 0px; 
}