/*GENERAL STYLE*/
body
{
	font-size:100%;
	background: black;
	margin:0;
	padding:0;
	font-family: 'Helvetica', 'Arial', sans-serif;
}

h1
{
	font-size:1.8em;
	font-weight:bold;
	line-height:1.8em;
	margin:0em;
	padding-top:0.1em;
	padding-bottom:0.6em;
	text-align:center;
}

h2
{
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;
	margin:0em;
	padding-top:0.2em;
	padding-bottom:0.7em;
	text-align:center;
}

h3
{
	font-size:1.25em;
	font-weight:bold;
	line-height:1.25em;
	margin:0em;
	padding-top:0.2em;
	padding-bottom:0.5em;
	text-align:center;
}
	
p
{
	line-height:1.25em;
	margin:0em;
	padding-bottom:0.7em;
	text-align:justify;
	color:black;
}

a:visited
{
	color: #bf00bc;
	text-decoration: underline;
} 

ul
{
	list-style-type: disc;
	list-style-position: outside;
	margin:0em;
	padding-left:1em;
	padding-bottom:1em;
	overflow:auto; /* ohne das gibt es probleme mit float: der punkt steht dann im floatenden element*/
}

li
{
	line-height:1.25em;
}

img
{
	height:auto;
}

a
{ 
	color: purple;
}

#aside_right
{
	float:right;
	padding:0em 0em 0.5em 0.7em;
	border:0;
}
	
#aside_left
{
	float:left;
	padding:0em 0.7em 0.5em 0em;
	border:0;
}

#aside_border
{
	border: #808080 2px solid;
	padding:0.1em 0.1em 0.1em 0.1em;
}
	
#aside_shadow
{
	box-shadow: 0.2em 0.2em 0.5em black;
	padding:0.1em 0.1em 0.1em 0.1em;
}

#aside_border_shadow
{
	border: #808080 2px solid;
	padding:0.1em 0.1em 0.1em 0.1em;
	box-shadow: 0.2em 0.2em 0.5em black;
}
	
/*Content Area*/
#main
{
	line-height:1.25em;
	margin:0em 0em 0em 0em;
	background: #FFFFFF;
	text-align: justify;
	padding:0.1em 0.1em 0.1em 0.1em;
}

.textmarkerrosa
{
	background-color: #fcecd6;
	font-weight: bold;
}

/* Definiert den Block nach <summary>*/
details.Kinesio_PuL,
details.FAQ
{
	margin-bottom: 1em;
}

details > div
{
	border: 0.1em solid black;
	padding: 0.35em;
	padding-bottom: 0em;
    border-radius: 0.5em;
	background: #F0F0F0;
}

details > summary
{
	font-size:1.1em;
	font-weight:bold;
	line-height:1.1em;
	margin:0em;
	padding-top:0.2em;
	padding-bottom:0.5em;
	text-align:center;
	color:black;
}

details > summary.intext
{
	text-align:justify;
}

/* Spezielle Definitionen zum Navmenu mit details / summary*/
/* Darstellung Summary in der Liste: Untermenü zum Aufklappen*/
details.nav summary
{
	position:relative;
	font-size:1.0em;
	line-height:2em;
	margin:0em;
	padding: 0em;
	text-align:left;
	color: white;
}

/* Wird summary aufgeklappt, wird aus dem Hamburger ein X */
details[open].nav > summary {
    list-style-type: 'X';
}

/* Wird ein Untermenü aufgeklappt, wird der Button "gedrückt" */
details.nav details[open]>summary {
	border-top: 0.25em solid rgba(0, 0, 0, 0.25);
	border-left: 0.25em solid rgba(0,0,0, 0.25);
	border-bottom: 0.25em solid rgba(255, 255, 255, 0.25);
	border-right: 0.25em solid rgba(255, 255, 255, 0.25);
	background-color: rgba(128,64,128);
	color: white;
	font-style: italic;
}

details.nav details[open]>div {
	padding-top:0.7em;
}

/* Beim "home" ein Häuchen rechts einblenden */
details.nav a.home:before
{
	text-align:left;
	float:left;
	content:"\01F3E0\202F";
}

/* darstellung dder Buttons für Untermenüüberschriften und Links */
details.nav a,
details.nav summary
{
	padding: 0;
	height: 2.5em;
	line-height: 2.5em;
	color: purple;
	border-top: 0.25em solid rgba(255, 255, 255, 0.25);
	border-left: 0.25em  solid rgba(255, 255, 255, 0.25);
	border-bottom: 0.25em  solid rgba(0, 0, 0, 0.25);
	border-right: 0.25em  solid rgba(0,0,0, 0.25);
	padding-left: 0.5em;
	font-weight: bold;
    border-radius: 1em;
	background-color: #e8c8e8;
	color: #3a323a;
	margin-bottom:0.2em;
}

/* Erstes summary ist der Hamburger button */
details.nav > summary {
	text-align: center;
	position: relative;
	width: 2.1em;
	height: 2.1em;
	line-height: 2em;
	padding: 0em;
	text-indent: 0em;
	border-top: 0.25em solid rgba(255, 255, 255, 0.25);
	border-left: 0.25em  solid rgba(255, 255, 255, 0.25);
	border-bottom: 0.25em  solid rgba(0, 0, 0, 0.25);
	border-right: 0.25em  solid rgba(0,0,0, 0.25);
	background-color: #e8c8e8;
	color: #3a323a;
	box-shadow: 0.2em 0.2em 0.5em black;
	font-weight: bold;
	margin-bottom:1em;
	margin-top:0em;
    list-style-type: "\2630";
}

/* Links im NAV-Menü ohne Unterstreichen */
details.nav a
{
	display:block;
	text-decoration: none;
}
 
/* Block zur Darstellung der Menüeintragungen. */
details.nav div
{
	position:absolute;
	border: 0;
	padding: 0;
	padding-bottom: 0em;
	margin-bottom: 0em;
    border-radius: 1em;
	width:100%;
	background: rgba(0,0,0,1);
	box-shadow: 0.2em 0.2em 0.5em black;
}

/* Block zur Darstellung der Menüeintragungen. */
details.nav div *:last-child
{
	margin-bottom:0em;
}

/* Farbdefinitionen unterschiedliche NAV-Menülevel*/
/*
details.nav>div>a,
details.nav>div>details>summary
{
	background: rgba(192,192,128);
}
*/

details.nav>div>details>div>a,
details.nav>div>details>div>details>summary
{
/*	background: rgba(128,192,128);*/
	color: white;
	background-color: rgba(128,64,128);
}

details.nav>div>details>div>details>div>a,
details.nav>div>details>div>details>div>details>summary
{
	color: white;
	background-color: rgba(128,128,64);
}

details.nav>div>details>div>details>div>details>div>a
{
	color: white;
	background-color: rgba(64,64,128);
}

/* Legt fest, daß das Navmenü IMMER oben links platziert wird, egal wo man sich auf der Seite befindet. */
nav
{
	position: fixed;
	left: 0;
	top: 0;
}

.underimg
{
	font-size:0.8em;
	text-align:center;
}

.homeicon
{
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	color:black;
}

.textcenter
{
	text-align:center;
}

.textcentergrn
{
	text-align:center;
	color:green;
	font-size:150%;
}

/*Mobile Style - Mobile Ansicht*/
@media only screen and (max-width:1300px)
{
	body
	{
		font-size:0.9em;
	}
}

@media only screen and (max-width:1250px)
{
	body
	{
		font-size:0.8893em;
	}
}

@media only screen and (max-width:1200px)
{
	body
	{
		font-size:0.8786em;
	}
}

@media only screen and (max-width:1150px)
{
	body
	{
		font-size:0.8679em;
	}
}

@media only screen and (max-width:1100px)
{
	body
	{
		font-size:0.8571em;
	}
}

@media only screen and (max-width:1050px)
{
	body
	{
		font-size:0.8464em;
	}
}

@media only screen and (max-width:1000px)
{
	body
	{
		font-size:0.8357em;
	}
}

@media only screen and (max-width:950px)
{
	body
	{
		font-size:0.825em;
	}
}

@media only screen and (max-width:900px)
{
	body
	{
		font-size:0.8143em;
	}
}

@media only screen and (max-width:850px)
{
	body
	{
		font-size:0.8036em;
	}
}

@media only screen and (max-width:800px)
{
	body
	{
		font-size:0.7929em;
	}
}

@media only screen and (max-width:750px)
{
	body
	{
		font-size:0.7821em;
	}
}
	
@media only screen and (max-width:700px)
{
	body
	{
		font-size:0.7714em;
	}
}
	
@media only screen and (max-width:650px)
{
	body
	{
		font-size:0.7607em;
	}
}
	
@media only screen and (max-width:600px)
{
	body
	{
		font-size:0.75em;
	}
}
	
@media only screen and (max-width:500px)
{
	body
	{
		font-size:0.75em;
	}
}
	
@media only screen and (max-width:450px)
{
	body
	{
		font-size:0.75em;
	}
}