*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

/*
    allgemeine Style-Definitionen
*/

body
{
	color:#5C2E2E;
	font-size: 1.5em;
    line-height: 1.5em;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
 	background:#F6EDD5 url(../pic/hintergrund.png) repeat-x;
	text-align: justify;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	margin: 0px 20px 50px 60px;
}

/*
    Überschriften
*/

h1, h2, h3
{
    line-height: 1.5em;
	font-weight: bold;
	text-align: left;
	margin-top: 1em;
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}

h1
{
    font-size: 1.6em;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.2em;
}

/*
    Links
*/

a, a:visited
{
	color: #5C2E2E;
}

a:hover, a:active
{
	color: #FF0000;
	text-decoration: none;
}

/* externe Links */

a.extern
{
	font-style: italic;
}

a:hover.extern, a:active.extern
{
	color: red;
	text-decoration: none;
}

/*
    Text
*/

.zitat
{
	font-style: italic;
	margin-left: 0;
}

.zitat-ueberschr
{
	font-style: italic;
	font-weight: bold;
	margin-left: 0;
}

.wichtig
{
	font-weight: bold;
	font-family:'bold';
}

/* Umbrüche */

hr
{
	color:#F6EDD5;
	height:0.094em;
	margin: 1.250em 0 1.250em;
}

br.next {
	clear: both
}

/*
    Tabellen
*/

td
{
	vertical-align:top;
}

/*
    Aufzählungen
*/

ol, ul,{
	list-style-position: outside;
	margin-left: 40px;
}

li
{
	margin-top: 0em;
}

/*
    Quotes
*/

q
{
	quotes: "„" "“" "‚" "‘";
}


/*
	Stichworte
*/

.st-s /*siehe*/
{
	margin-top: 2em;
}

.st-o /*Ort*/
{
	margin-top: 1.5em;
	font-weight: bold;
	line-height: 1em;
}

.st-l /*Link*/
{
	margin-left: 1em;
	line-height: 1em;
}


/*
    Bilder
*/

img
{
	border-width:0;
}

img.titel
{
	margin: 0 auto;
	display: block;
	height: auto;
	width: 55%;
	height: auto;
	margin-top: 60px;
	margin-bottom: 60px;
}

img.menu
{
	position:fixed; top:60px; left:10px;
	width: 40px;
	height: 40px;
	text-decoration: none;
	display: block;
}

img.re, img.li, img.mi
{
	float: none;
	margin: 0 auto;
	display: block;
	width: 55%;
	height: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}


/*
    responsive
*/

@media only screen and (min-width: 600px)
{
	img.re
	{
		float: right;
		width: auto;
		height: auto;
		margin-left: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	img.li
	{
		float: left;
		width: auto;
		height: auto;
		margin-right: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	img.mi, img.titel
	{
		margin: 0 auto;
		display: block;
		width: auto;
		height: auto;
	}

	img.titel
	{
		margin-top: 60px;
		margin-bottom: 60px;
	}

	img.mi
	{
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.zitat, .zitat-ueberschr, ol, ul, ol.zitat, ul.zitat
	{
		margin-left: 1em;
		padding-left: 1em ;
		list-style-position: outside;
	}

@media only screen and (min-width: 800px)
{

	img.mi, img.titel
	{
		margin: 0 auto;
		display: block;
		width: auto;
		height: auto;
	}

	img.titel
	{
		margin-top: 60px;
		margin-bottom: 60px;
	}

	img.mi
	{
		margin-top: 30px;
		margin-bottom: 30px;
	}

}