/* General Style 
#00C33a
#0032C3
#faae00
*/
body {
	background:color:rgb(235,245,250);
	font-size:100%;
	margin:0em;
	padding:0em;
}

#bild1 {
    position:relative;
    /* background-color:rgb(255,255,255); */ /* blau */
    width: 96%;
    height: 126px;
    top: 0px;
    left: 0px;
    margin:.0em 0em .3em 0em;
}
plus {
	line-height:0.2em; /* Zeilenabstand Lauftext*/
	font-family:Helvetica;
	font-weight:100;
	font-size:14px;
	color:rgb(90,90,90); /* Lauftext */
	margin:0px;
	padding:0px;
	text-align:left;
	letter-spacing: 0px;
}
mehr {
color:rgb(190,45,56);
font-weight: bold;
line-height: 0;
}
xmehr {
position:relative;   
font-family:Helvetica;
font-style:normal;    
font-size: 20px;    
color:rgb(190,45,56);
line-height: 1.4;	
height: 200px;
width: 220px;
text-align:left; /* Lauftext */
top: -280px;
left: 660px;    
}
x1 {
font-weight: bold;
}
mampf {
position:relative;	
top: -16px;	
}
vempf {
position:relative;	
left: -18px; 
top: 6px;	
}
zempf {
position:relative;	
left: -18px; 	
top: 12px;	
}
#text1 {
    position:relative;
    background-color:rgb(255,255,255); /* weiss */
    margin:6px;
	padding:0em;
    height: 126px;
    width: 60%;
    text-align:left; /* Lauftext */
    padding-left: 0px;
    top: -136px;
    left: 126px;
}
#text1:first-line {
font-size: 14px;
color: red;
} 

#qual {
	position:relative;
    top: -80px;	
}
h22 {
    line-height:1.25em; /* Zeilenabstand Lauftext*/
	font-family:Helvetica;
    font-size: 14px;
    margin:0px;
	/* font-weight:100; */
	/*color:rgb(88,88,88); *//* Lauftext Grauer Hgrd */
    font-style: 0;
    text-indent: 0px;
    visibility: visible;
    text-decoration: none;
    /* display: block; */
}

h1 {
	font-size:1.4em;
	line-height:2.8em;
	font-family:Helvetica;
	font-style:Light;
	font-weight:100;
	color:#000000; /* DIABETOLOGISCHE */
	margin:0em;
}
h2 {
	font-size:1.563em;
	line-height:1.8em;
	font-family:Helvetica;
	font-weight:100;
	color:#b61d33; /* Dr. med. Gabriela Krob */
	margin:0em;
	padding:1em;
	text-align:left;
}
h3 {
	list-style:square;
	font-family:Helvetica;
    font-size:1.2em;
	font-weight:100;
	color:#2F2D2C; /* ??? */
	line-height:1.25em;
	padding:0em;
	margin:0.313em 0em 0.313em 0em;
}
h4 {
	font-size:1.2em;
	font-family:Helvetica;
	font-weight:100;
	color:rgb(240,20,20); /* Dr. med. Gabriela Krob */
	margin:1em;
	padding:1em;
}
h6 {
	font-size:1em;
	font-family:Helvetica;
	font-weight:100;
	color:rgb(200,30,20); 
	margin:1em;
	padding:1em;
}
ht {
font-family : Verdana, Helvetica, sans-serif;
color : rgb(20, 80, 100);
color :     gray;
text-decoration : none;
font-style : normal;
line-height : 1.4;
}
p {
	line-height:1.25em; /* Zeilenabstand Lauftext*/
	font-family:Helvetica;
	font-weight:100;
	color:#2F2D2C; /* Lauftext */
	margin:0em 2em 0em 0em;
	padding:1.25em;
	text-align:left;
}

ul {
	margin:0px;
	padding:0px;
}

li2 {
color:rgb(60,60,60);
background:rgb(215,230,235);
line-height:1.55em;
}

li {
	list-style:square;
	font-family:Helvetica;
    font-size:1em;
	font-weight:100;
	color:#2F2D2C; /* ??? */
	line-height:1.25em;
	margin:0em;
	padding:0em;
	margin:0.313em 0em 0.313em 0em;
}
article img {
	width:90%;
	height:auto;
	max-width: 100%;
}

article4 img {
   width:110px;
	height:auto;
	max-width: 100%; 
    margin:1em;
    padding:1.4em;
    box-shadow:0px 0px 10px -5px #4c4948;
	border-radius:5px;
}
a {
	text-decoration: none;
	background:rgb(170,200,220); /* Links Hgrd */
}

/* On Top Bar */
#menubar {
	display:block;
	background:color:rgb(235,245,250); /* Balken ganz oben */
}
#menubar ul {
	display:block;
	width:2em;
	padding:0.9em;
}
#menubar ul li {
	display:inline;
}
#menubar ul li a.menubutton {
	display:none;
}
/* header */
header {
	display:block;
	background:#FFFFFF; 	/* Balken DIABETOLOG SCHWERP. */
	text-align:center;
}
/* Navigation */

nav {
	display:block;
	height:3em;
	background:rgb(170,200,220); 	/* Balken oben Hgrd Menue */
	text-align:center;
}

nav ul {
	display:block;
}

nav ul li {
	display:inline;
	margin:0em 0.188em 0em 0.188em;
}

nav ul li a {
	color:#454040; 			/* Startseite Text */
	font-size: 1.25em;
	line-height:2.9em;
	padding:0.563em 0.938em 0.375em 0.983em;
	transition:background 0.2s;
	-webkit-transition:background 0.2s;
}

nav ul li a:hover {
	background:#566259;/* mouse Over Startseite */
	color:#FFFFFF;
	border-bottom: 0.188em solid #E7590B; /* oranger Strich Startseite */
}
nav ul li a.active {
	border-bottom: 0.188em solid #E7590B;
}

myline {
border-bottom: 0.188em solid #E7590B;    
}
/* content Area */

#main {
	display:block;
	width:96%;
	max-width:980px;
	margin:1.25em auto;
	padding:0em;
}

#main article {
	display:inline-block;
	width:96% /* width:65.3%  */
	background:#FFFFFF; /* ??? */
	vertical-align: top;
	margin:2em;
	padding:2em;
	text-align:left;
}

#main article img {
	max-width:560px;
	box-shadow:0px 0px 10px -5px #4c4948;
	border-radius:5px;
}
#main article2 img {
	max-width:300px;
	box-shadow:0px 0px 10px -5px #4c4948;
	border-radius:5px;
}
#main article3 img {
	max-width:300px;
	box-shadow:0px 0px 10px -5px #4c4948;
	border-radius:5px;
}
#main article4 img {
	max-width:100px;
	box-shadow:0px 0px 10px -5px #4c4948;
	border-radius:5px;
}
/* start RECHTS Stehend */
/* end RECHTS stehend */

#main aside section {
	margin-bottom:0.5em;
	background:rgb(200,226,236); /* Hgrd Fonds alle Artikel */
	border-bottom: 0.188em solid #E7590B; /* Orange Linie */
}

#main article h2 {
	padding:1em 1.8em 1em 1.8em; /* Abstand li - Dr. med. */
}

#main aside section ul {
	padding:0em 1.875em 1.25em 2.5em;
}

/* Footer */
footer {
	position: fixed;
	padding: 0px;
	bottom: 0;
	left: 0;
	right: 0;
}

footer {
	display:block;
	background:rgb(170,200,220);
	text-align:center;
}

footer ul {
	display:block;
	width:100%;
	max-width:980px;
	text-align:left;
	margin:0px auto;
}
footer ul li {
	display:inline;
	font-size:1em;
	line-height:2.8em;
	color:rgb(245,250,255);
	padding:0em 0.625em 0em 0.625em;
}
footer ul li a {
	color:#000000;
}
/* gk Style */
@media screen and (max-width:900px) {
	body {
		font-size:86%;
	}
}

@media screen and (max-width:700px) {
	#main aside, #main article {
		width:100%;
		display:block;
		margin:0.625em 0em 0.625em 0em;
	}	
}
@media screen and (min-width:650px) {
	nav.nav {
		display:block !important;
	}
}

@media screen and (max-width:650px) {
	body {
		font-size:82%;
	}
	#menubar ul li a.menubutton {
		display:block;
	}
	nav {
		display:none;
		height:auto;
	}		
	nav ul li {
		display:block;
		margin:0.3em 0em 0.3em 0em;
	}
}

mehr {
color:#b61d33;    
}