@font-face {
font-family: UniversLTStd-LightCn;
src: url("/uploads/fonts/UniversLTStd-LightCn.otf") format("opentype");
}
@font-face {
font-family: UniversLTStd-LightCnObl;
src: url("/uploads/fonts/UniversLTStd-LightCnObl.otf") format("opentype");
}
@font-face {
font-family: UniversLTStd-Cn;
src: url("/uploads/fonts/UniversLTStd-Cn.otf") format("opentype");
}
@font-face {
font-family: UniversLTStd-CnObl;
src: url("/uploads/fonts/UniversLTStd-CnObl.otf") format("opentype");
}
@font-face {
font-family: UniversLTStd-BoldCn;
src: url("/uploads/fonts/UniversLTStd-BoldCn.otf") format("opentype");
}
@font-face {
font-family: UniversLTStd-BoldCnObl;
src: url("/uploads/fonts/UniversLTStd-BoldCnObl.otf") format("opentype");
}

/* Allgemeine Definitionen */

* {margin: 0; padding: 0; border: 0;}

body {background-color: #f7eb97;  font-family: UniversLTStd-LightCn, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.4em; font-style:normal; color: #000; letter-spacing: 0.05em;}

body a {
	color:  #000;
	line-height: 1em;
	text-decoration: none;
}


/* Header */

#logo {
	position: absolute;
	top: 10px;
	left: 15px;
	font-family: UniversLTStd-Cn, Helvetica, Arial, sans-serif; font-size: 38px; line-height: 43px; font-style:normal; color: #000; letter-spacing: 0.07em;
}

#strichlein {
	position: absolute;
	top: 155px;
	left: 15px;
width: 40px;
	border-top: solid #000 4px;
}

#adresse {
	position: absolute;
	top: 10px;
	left: 445px;
	width: 500px;
}

.adressblock {
	position: relative;
	float: left;
	margin-right: 30px;
	letter-spacing: 0.08em;
}


.abstandnach {
	line-height: 2em;
}

.abstand {
	line-height: 1.4em;
}


/* Seitenbreite */

#seitenbreite {
	position: absolute;
	width: 900px;
}

/* About Textfeld */

#about {
	position: relative;
	float: left;
	margin-top: 170px;
	padding-left: 70px;
	margin-bottom: 60px;
	width: 780px;
}

.spalte1 {
	position: relative;
	float: left;
	margin-top: 30px;
margin-bottom: 20px;
	margin-right: 20px;
	width: 340px;
}

.spalte2 {
	position: relative;
	float: left;
	top: 30px;
	width: 400px;
}

.btn1 {
	position: absolute;
	right: 0px;
	text-transform:lowercase;
letter-spacing: 0.08em;
}

.btn1 img {
	float: left;
	margin-top: 1px;
	margin-right: 5px;
}

.btn1 a {
	text-decoration: underline;
}

.btn1 a:hover {
	font-family: UniversLTStd-LightCnObl, Helvetica, Arial, sans-serif;;
}




/* Ebene 1: Layout */

#spiegel1 {
	position: relative;
	float: left;
margin-bottom: 80px;
	margin-left: 15px;
	width: 800px;
}


/* Ebene 2: Zeilen */

.kategorie {
	position: static;
	float: left;
	width: 1000px;
	margin-bottom: 25px;
}

.kategoriename {
	position: relative;
	float: left;
	font-family: UniversLTStd-LightCn, Helvetica, Arial, sans-serif;;
letter-spacing: 0.08em;
	text-transform:lowercase;
}

.kategoriename a {
	text-decoration: underline;
}

.kategoriename a:hover {
	font-family: UniversLTStd-LightCnObl, Helvetica, Arial, sans-serif;;
}



.box {
	position: relative;
	float: left;
margin-top: 4px;
	margin-left: 30px;
	width: 690px;
}



.box1 {
	position: relative;
	float: left;
	margin-left: 60px;
}



.indexbild {
	display: inline-block;
	vertical-align: top;
	margin-right: 7px;
	margin-bottom: 10px;
}

.indexbild img{
	vertical-align: top;
	display: block;
	margin-bottom: 5px;
}

.indexbild img:hover {
    -webkit-filter: hue-rotate(334deg);
    -ms-filter: hue-rotate(334deg);
    filter: hue-rotate(334deg);
}

.indexbild img:hover, 
.indexbild img:active { CSS-Eigenschaften; -webkit-user-select: none; -webkit-touch-callout: none}


/* Ebene 4: Abstände */




/* Ebene 5: Spezifische */

.bildbox {
	position: relative;
float: left;
	margin-top: 30px;
margin-right: 30px;
	display: inline-block;
}

.bildbox img{
	margin-bottom: 20px;
}


.textbox {
	position: relative;
float: left;
	margin-top: 40px;
	width: 300px;
	margin-bottom: 10px;
}







/* Ebene 6: Textformate */
.bold {
	font-family: UniversLTStd-Cn, Helvetica, Arial, sans-serif;;
}

.underline {
	text-decoration: underline;
}

/* Stylesheet: styles Modified On 2016-11-03 15:50:33 */