*, *: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
*/
html {
	height: 100%;
	width: 100%;
}

body {
	margin: 0;
	padding: 0;
	color: #3e3e3e;
	font-size: 1.2em;
    line-height: 1.5em;
		font-family:'normal';
	background-color: #f1f1f1;
	background-image:url(../pic/hgrd-menu.png);
	background-repeat: repeat-y;
	text-align: justify;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
 }

/*
	Schrift
*/

b
{
	font-family:'bold', sans-serif;
}

i
{
	font-family:'italic', sans-serif;
}

@font-face
{
	font-family: 'normal';
	src: url('../../fonts/montserrat/light.woff2')  format('woff2');
}

@font-face
{
	font-family: 'bold';
	src: url('../../fonts/montserrat/regular.woff2')  format('woff2');
}

@font-face
{
	font-family: 'italic';
	src: url('../../fonts/montserrat/lightitalic.woff2')  format('woff2');
}

@font-face
{
	font-family: 'boecklin';
	src: 	url('../../fonts/boecklin/boecklin.woff2') format('woff2');
}

/*
    id für Text
*/

#text
{
	margin: 0px 20px 0px 210px;
	width: auto;
	padding-bottom: 20px;
	position:absolute; top:0; left:0;
	vertical-align:top;
}

/*
    Überschriften
*/

h1, h2, h3, h4
{
    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;
}
h4
{
    font-size: 1.2em;
	margin-left: 30px;
}


tr.ike, td.ike {
	margin: 0;
	padding: 0;
}

td {
	vertical-align:top;
}

a:link, a:visited {
	color: #3e3e3e;
	font-weight: bold;
}

a:hover, a:active {
	color: #de0000;
	font-weight: bold;
	text-decoration: none;
}

/* externe Links */

a[href^='http://'], a[href^='https://']
{
	font-style: italic;
	padding-right: 18px;
	background: url('../pic/link-ext0.svg') right no-repeat;
}
a[href^='http://']:hover, a[href^='http://']:active, a[href^='https://']:hover, a[href^='https://']:active
{
	background: url('../pic/link-ext1.svg') right no-repeat;
}

/*
    Quotes
*/

q
{
	quotes: "»" "«" "›" "‹" "‚" "’";
}


/*
    classes für Menu-Einträge
*/

table.menu {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 180px;
}

tr.menu {
	height:35px;
}

.menu-0akt {
	font-weight: bold;
	font-size: 25px;
	color: #969696;
	margin-left: 10px;
	font-size: 1.4em;
}

.menu1-0akt {
	font-size: 20px;
	color: #969696;
	margin-left: 20px;
	font-size: 1.2em;
}

img.menu {
	margin: 0px 0px 10px 20px;
	display: block;
}

a.menu {
	margin-left: 10px;
	color: #f1f1f1;
	text-decoration: none;
	font-size: 1.4em;
}

a.menu1 {
	margin-left: 20px;
	color: #f1f1f1;
	text-decoration: none;
	font-size: 1.2em;
}

a.impressum {
	color: #f1f1f1;
	font-weight: normal;
	text-decoration: none;
	border: 0;
	position: fixed;
	left: 10px;
	bottom: 15px;
}

a.menu:hover, a.menu:active, a.impressum:hover, a.impressum:active {
	color: #de0000;
}

	/* Umbruch */

	hr
	{
		color: black;
		height: 0.188em;
		margin: 1.250em;
	}

	br.next {
		clear: both;
	}


/*
    Bilder
*/

img {
	border-width: 0px;
	margin: 0px;
}

img.mi
{
	margin: 0 auto;
	display: block;
	width: 75%;
	height: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

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


/*
    responsive
*/

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

	img.mi
	{
		margin: 0 auto;
		display: block;
		width: auto;
		height: auto;
		margin-top: 30px;
		margin-bottom: 30px;
	}

}

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

	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;
	}

}