<!-- :: start css optimised by dialog riggenbach, 2015 :: -->
<!-- :: styles from www.bag-ivi-swissmedic-fall.ch :: -->

<style type="text/css">

body {
	background-color:#FFF;
	width:921px;
	text-align:center;
	}

#container {
    background-color: rgb(256, 256, 256);
    margin: 30px auto 20px auto;
	padding: 20px;
    box-shadow: 5px 5px 10px 4px rgb(204,204,204);
    display        : block;
    /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    text-align    : left; 
    width        : 920px;
}

.a {
	font-family: Courier New, Courier, monospace;
	font-size:16px;
	color:#05536b; 
	line-height:20pt;
	text-align:left;
	}

.h1 { 
	font-family: Courier New, Courier, monospace;
	font-size:30px; 
	line-height:30pt;
	margin-top: 1em;
	font-weight: bold;
	color: #05536b; 
	text-decoration:none;
    margin-left: 0;
    margin-right: 0;
	}

.h1 ::selection
    {   color: #000000; background: #F0F ;    }
.h1 ::-moz-selection
    {   color: #000000; background: #F0F;    }

.h2 { 
	font-family: Courier New, Courier, monospace;
	font-size:22px; 
	line-height:32pt;
	margin-top: 2em;
	font-weight: bold;
	color: #05536b; 
	text-decoration:none;
    margin-left: 0;
    margin-right: 0;
	content: "\A";
	white-space: pre;
    }


/** 
 * ===============================    
 * MENUE
 * =============================== 
 */

ul { padding: 0; text-align: justify; }
li { display: inline-block; list-style: none; }

#button {
	font-size:14px;
	line-height:normal;
	font-family: "Courier New", Courier, monospace;
	border-bottom: 1px solid ;
	border-bottom-color:#05536b;
	}

#button ul {
	padding:20px 1px 5px 1px;
	list-style:none;
	}

#button li {
	float:left;
	margin:0;
	padding:0px 1px 0px 1px;
	}

#button a {
	
	padding:0px 30px 0px 30px;
	text-decoration:none;
	font-weight:bold;
	color:#05536b;
	}

#button a:hover {
	color:#000000;
	}

#button #current a {
	color:#000000;
	background-color: yellow;
	}



/** 
 * ===============================    
 * Mehr sehen
 * =============================== 
 */

/** 
grün:  #669933
rot: #c00
ocker: #e7c178
 */


/* always visible */
#mehr .holder {padding:0 0 20px 0; border:none; margin:0;}
#mehr .holder p {padding:0 0 0 0; margin:0;}

/* unclicked style div.more */
#mehr div.more i {float:left; margin:0; cursor:pointer; color:#776655;
	font-family:Courier New, Courier, monospace; 
	font-size:16px;
	line-height:20pt;
	text-decoration:none;}

#mehr div.more i.hide {display:none;}
#mehr div.more p {display:none;}
#mehr div.more img {display:none;}

/* clicked style div.click */
#mehr div.click i.show {display:none;}
#mehr div.click i.hide {display:block; text-align:left; font-style:normal;}
#mehr div.click p {display:block;}
#mehr div.click img {display:block; float:left; padding:0;}

/** 
 * ===============================    
 * ende Mehr sehen
 * =============================== 
 */
