@charset "UTF-8";

*:not(ul){
	margin: 0px;
	padding:0px;
	outline: none;
}

/* Code aus Kurs*/
html {
	height: 100%;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: Verdana, sans-serif;
	background-color: #c5ccd4;
	text-align: justify;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
img {
	border: none;
}
abbr {
  border-bottom: 1px dotted blue;
}
/*Ende Code aus Kurs*/

.clearboth {
	clear: both;
}
sub,
sup {
  font-size: 0.75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}


/*Headerbereich Anfang*/
	header h1, header h4, header h5, header h6 {
		color: #000;
		padding: 10px 0 0 0;
		text-shadow:0 -1px 0 rgba(0,0,0,0.5);
		text-align: center;
		font-size: 20px;
		font-size: 2rem;
	}

	header h1:after, header h4:after, header h5:after, header h6:after {
		padding: 15px;
		content: "powered by PharmaHelp®"; 
		font-size: 10px; 
		font-size: 1rem;
		font-weight:normal;
	}
	
	/*Page Navigation Anfang*/
		#Button_Sextant{
			height: 1px;
			width: auto;
			padding: 2.5px 0px 0 0;
			margin-right: 0px;
			visibility: hidden;
		}
	/*Page Navigation Ende*/

	/*Site Navigation Anfang*/
		#Button_ship {
			height: 1px;
			width: auto;
			padding: 2.5px 0 0 0;
			visibility: hidden;
		}

		#Button_Symptome_2, #Button_Substanzklasse_2, #Button_Varia_2, #Button_Home_2, .Button_nav_2{
			height: 35px;
			width: auto;
			padding: 2px 0 0 0;
			margin-left: 0px;
			visibility: hidden;
		}
/*Headerbereich Ende*/


/*Asideelement Anfang*/
#menu_gross {
	position: fixed;
	z-index: 1;
	left: 0px;
	top: 1px;
	width: 1px;
	visibility: hidden;
} 


/*Asideelement Ende*/


/*Sectionelement Anfang*/
.monographie {
	position: relative;
	float:left;
	left: 0px;
	width: auto;
	padding-left: 5px;
	/*width: 600px;*/
	margin-top: 20px;
	margin-right:0px;
	/*border: solid 1px #000; nur zum Entwickeln später wieder entfernen*/
}
article {
	margin: 0px 5px 10px 5px;
	padding: 7px 5px;
	background-color: #fff;
	box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	border-radius: 10px;
	border: 1px solid #a1a7ae;
	background-image: -webkit-linear-gradient(top, #eee, #fff);
	background-image: -moz-linear-gradient(top, #eee, #fff);
	background-image: -ms-linear-gradient(top, #eee, #fff);
	background-image: linear-gradient(top, #eee, #fff);
	font-size: 14px;
	font-size: 1.4rem;
}

div.Definition, div.Info, div.Ursache , div.Kontakt, div.Arzt, div.Prophylaxe, div.Behandlung, div.Fragen, div.Symptome, div.Diagnose, div.Schwangerschaft, div.Tipps, div.Komplikationen{
	font-size: 12px;
	font-size: 1.2rem;
}
div.eins, div.zwei, div.drei, div.vier, div.fuenf, div.sechs, div.sieben, div.acht, div.neun, div.zehn, div.elf, div.zwoelf{
	font-size: 12px;
	font-size: 1.2rem;
}

article h1 {
	color: #000;
	padding: 0 0 0 0;
	text-shadow:0 0 0 rgba(0,0,0,0.5); /*früher: text-shadow: 0 -1px 0 rgb(0,0,0,0.5);*/
	font-size: 14px;
	font-size: 1.4rem;
}


.inArtikel, .inArtikel2, .inArtikel3 {
	margin-top:0px;
	line-height: 1.4;
	text-align:justify;
	font-weight: normal;
}

.inArtikel {
	margin-bottom:3px;
	font-size: 12px;
	font-size: 1.2rem;
}

.inArtikel2 {
	margin-bottom:2px;
	font-size:11px;
	font-size: 1.1rem;
}

.inArtikel3 {
	margin-bottom:1px;
	font-size: 10px;
	font-size: 1rem;
}

.Legende {
	font-size: 9px;
	font-size: 0.9rem;
	width: 100%;
	margin-top:0px;
	margin-bottom:3px;
}

.Legende_Auf1 , .Legende_Auf2{
	margin:0px;
	margin-left:5px;
	font-size: 9px;
	font-size: 0.9rem;
	margin-top:0px;
	margin-bottom:3px;
}
.Legende_Auf1 {
	padding-left: 0px;
}

.Legende_Auf2 {
	padding-left: 20px;
}


p {
	margin-top:5px;
	line-height: 1.4;
	text-align:justify;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}

p.ueberschrift{
	margin: 10px 0 0 0;
	line-height: 1.4;
	text-align: justify;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}

.pueber2 {
	margin-top: 3px;
	font-size: 11px;
	font-size: 1.1rem;
}


ul.monographie1, ol.monographie1{
	margin:0px;
	margin-left:5px;
	padding-left: 15px;
	line-height: 1.4;
	padding-bottom: 5px;
	padding-top: 3px;
	font-size: 12px;
	font-size: 1.2rem;
}
ul.listnone_1{
	list-style-type: none;
	text-indent:-20px;
	margin:0px;
	margin-left:5px;
	padding-left: 25px;
	line-height: 1.4;
	padding-bottom: 5px;
	padding-top: 3px;
	font-size: 12px;
	font-size: 1.2rem;
}

ul.monographie1 {
	font-weight: normal;
}

ol.monographie1{
	font-weight: bold;
}


ul.monographie2, ol.monographie2, ol.monographie2b{
	margin:0px;
	line-height: 1.4;
	padding-bottom: 3px;
	font-size: 11px;
	font-size: 1.1rem;
}

ul.monographie2 {
	padding-left:12px;
	font-weight: normal;
}

ol.monographie2 {
	padding-left:17px;
	font-weight: normal;
}

ol.monographie2b{
	font-weight: bold;
	padding-left:17px;
}


ul.monographie3, ol.monographie3{
	margin:0px;
	padding-left:15px;
	line-height: 1.4;
	padding-bottom: 3px;
	font-size: 10px;
	font-size: 1rem;
	font-weight: normal;
}

/*
ul.monographie4{
	margin:0px;
	padding-left:10px;
	line-height: 1.4;
	padding-bottom: 3px;
	font-size: 0.9em;
	list-style-type: none;
}

ul.monographie4 li:before {content: "\2011\a0"}
*/

ul.monographie4{
	margin:0px;
	padding-left:15px;
	line-height: 1.4;
	padding-bottom: 3px;
	font-size: 10px;
	font-size: 1rem;
	list-style-image: url(images/hyphen01.png);
}
ol.monographie4{
	margin:0px;
	padding-left:15px;
	line-height: 1.4;
	padding-bottom: 3px;
	font-size: 10px;
	font-size: 1rem;
}

/*
ul.monographie4{
	margin:0px;
	padding-left:15px;
	line-height: 1.4;
	padding-bottom: 3px;
	font-size: 0.9em;
	list-style-type: hyphen;
}
*/

article.Definition, article.eins {
	border-left: solid 2px red;
}
h1#Definition, h1#eins {
	color: red;
}

article.Info, article.zwei {
	border-left: solid 2px #FF007F;
}
h1#Info, h1#zwei {
	color: #FF007F;
}

article.Symptome, article.drei {
	border-left: solid 2px purple;
}
h1#Symptome, h1#drei {
	color: purple;
}

article.Diagnose, article.vier {
	border-left: solid 2px #3D1368;
}
h1#Diagnose, h1#vier {
	color: #3D1368;
}


article.Komplikationen, article.fuenf {
	border-left: solid 2px navy;
}
h1#Komplikationen, h1#fuenf {
	color: navy;
}

article.Ursache, article.sechs {
	border-left: solid 2px blue;
}
h1#Ursache, h1#sechs {
	color: blue;
}

article.Arzt, article.sieben {
	border-left: solid 2px #0C6DAE;
}
h1#Arzt, h1#sieben {
	color: #0C6DAE;
}

article.Prophylaxe, article.acht {
	border-left: solid 2px teal;
}
h1#Prophylaxe, h1#acht {
	color: teal;
}

article.Behandlung, article.neun {
	border-left: solid 2px green;
}
h1#Behandlung, h1#neun {
	color: green;
}

article.Tipps, article.zehn {
	border-left: solid 2px gray
}
h1#Tipps, h1#zehn {
	color: gray;
}

article.Fragen, article.elf {
	border-left: solid 2px maroon;
}
h1#Fragen, h1#elf {
	color: maroon;
}

article.Schwangerschaft, article.zwoelf {
	border-left: solid 2px olive;
}
h1#Schwangerschaft, h1#zwoelf {
	color: olive;
}

/* fuchsia; silver; black; gray; lime; yellow; olive; white; aqua sind noch als Farben möglich. Geeignet sind noch olive, gray, black, */

#Bild_Nuggi {
	width: 25px;
	height: auto;
}

.Bild_1000, .Bild_750, .Bild_600, .Bild_500, .Bild_400 {
	width:100%;
	height: auto;
}
.Bild_200{
	max-width: 150px;
}
.Bild_300{
	max-width: 250px;
}

.Bild_400{
	max-width: 300px;
}
.Bild_500{
	max-width: 400px;
}

.Bild_600 {
	max-width: 450px;
}

.Bild_750{
	max-width: 500px;
}
.Bild_1000{
	max-width: 1000px;
}


h1:before {
	display:block;
	content: " ";
	margin-top: -75px;
	height:75px;
	visibility:hidden;
}
a.text:link    {color:blue;}
a.text:visited {color:blue;}
a.text:hover   {color:red;}
a.text:active  {color:red;}

a.text_k:link    {color:blue; font-size:10px; font-size:1rem;}
a.text_k:visited {color:blue;}
a.text_k:hover   {color:red;}
a.text_k:active  {color:red;}
/*Sectionelement Ende*/


/*Drop-down-Menu - Anfang*/
.dropit_site {
	padding: 0;
	margin: 0 0px 0 0;
	float: right;
	visibility: hidden;
}

.dropit_side {
	padding: 0;
	margin: 0 0px 0 0;
	float: left;
	visibility:hidden;
}
/*Drop-down-Menu - Ende*/