@charset "utf-8";
/* CSS Document */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 28, 2015 */



@font-face {
	font-family: '../fonts/bank_gothicregular';
	src: url('../fonts/bank_gothic_medium-webfont.eot');
	src: url('../fonts/bank_gothic_medium-webfont.eot?#iefix') format('embedded-opentype'),  url('../fonts/bank_gothic_medium-webfont.woff2') format('woff2'),  url('../fonts/bank_gothic_medium-webfont.woff') format('woff'),  url('../fonts/bank_gothic_medium-webfont.ttf') format('truetype'),  url('../fonts/bank_gothic_medium-webfont.svg#bank_gothicregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
img {
	border: 0px;
}
body {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 95%;
	color: #666;
}
#gesamt1 a:link, #gesamt1 a:visited {
	text-decoration: none;
	color: #666;
}
#name a:link, #name a:visited, #user1 a:link, #user1 a:visited, #bild-gross a:link, #bild-gross a:visited {
	text-decoration: none;
}
#name a:link, #name a:visited, #bild-gross a:link, #bild-gross a:visited {
	color: #666;
}
#name a:link, #name a:visited {
	color: #e32a13;
}
#user1 a:link, #user1 a:visited {
	color: #999;
}
#gesamt3 a:link.shop-link, #gesamt3 a:visited.shop-link {
	text-decoration: underline;
}
#gesamt3 a:hover.shop-link {
	text-decoration: overline;
	color: #333;
}
#gesamt3 a:link.strich, #gesamt3 a:visited.strich {
	text-decoration: underline;
}
#gesamt3 a:hover.strich {
	text-decoration: overline;
}
#gesamt1 {
	margin: auto;
	margin-top: 10px;
	text-align: left;
	width: 60%;
	width: 786px;
	background-color: #f0f0f0;
	background-color: #fff;
}
#logo {
	float: left;
	margin-right: 20px;
	text-align: center;
	margin-left: -110px;
	position: relative;
	top: 30%;
}
#name {
	float: left;
	width: auto;
	position: relative;
}
#name .ph3 {
	margin-top: 4px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	font-family: '../fonts/bank_gothicregular';
	color: #e32a13;
	font-size: 1.7em;
}
#name, #user1 {
	position: relative;
	top: 50%;
}
#logo {
}
.clearen {
	clear: both;
}
#footer {
	background-color: #FfF;
}
#subnavi {
	padding-bottom: 25px;
	background-color: #fff;
	height: 115px;
	position: relative;
}
#user1 {
	/*margin-right:20px;*/
	float: right;
	width: auto;
	color: #999;
}
#gesamt1 #subnavi ul li {
	margin-right: 10px;
	list-style: none;
	float: right;
	display: inline;
	background-color: transparent;
}
#gesamt1 #subnavi h2 {
}
#gesamt2, #gesamt3 {
	clear: both;
	background-color: transparent;
}
#purist ul {
	font-size: 1.1em;
	line-height: 1.5em;
}
/*#gesamt3 { text-align:center; 
}*/
#mehr {
	background-color: transparent;
	clear: both;
	height: 60px;
	margin-top: 20px;
}
#bild-gross {
	background-color: #990000;
	background-color: transparent;
	width: 780px;
	height: 420px; /*height:400px; width:600px; margin:30px auto auto; */  /*position:relative; top:20px;*/
	text-align: center;
	vertical-align: middle;
}
#bild-gross-shop {
	width: 780px;
	height: 520px;
}
#bild-gross img {
	position: relative;
	top: 10%;
}
#purist-wrapper {
	text-align: center;
	margin: auto;
	width: 50%;
	height: 360px;
}
#purist {
	text-align: left;
	background-color: #fff;
	padding-top: 60px;
	font-size: 0.9em;
	height: 360px;
}
#purist ul {
	list-style-position: outside;
	list-style-type: circle;
	padding-left: 10px;
}
#user1 li, .kleiner3, .kleiner4 {
	font-size: 0.8em;
}
.kleiner3 {
	padding-top: 50px;
}
.kleiner4 {
	padding-top: 72px;
}
#bild-gross h3.links {
	float: left;
	width: auto;
	margin-left: 20px;
}
#bild-gross h3.rechts {
	float: right;
	width: auto;
	margin-right: 20px;
}
#bild-gross h3.links, #bild-gross h3.rechts {
	position: relative;
	top: 200px;
	font-size: 1.5em;
}
.links {
	text-align: left;
}
.abstand {
	margin-left: 93px;
	margin-top: 30px;
}
/*Boxen*/
#box1, #box2, #box3, #box7 {
}
#box7, box8 {
}
#box1 {
}
#box2 {
}
#box7 {
}
#box3 {
}
.masse1 {
	width: 100px;
	height: 60px;
	background-color: #fff200;
	float: left;
	background-image: url(../images/minis/PH%20mini100.png);
	background-repeat: no-repeat;
	background-position: center;
}
.masse2 {
	float: left;
	width: 80px;
	height: 60px;
	background-color: #8d6a97;
	background-image: url(../images/minis/Ph%20mini80.png);
	background-repeat: no-repeat;
	background-position: center;
}
.masse3 {
	float: left;
	width: 60px;
	height: 60px;
	background-color: #86c765;
	background-image: url(../images/minis/PH%20mini60.png);
	background-repeat: no-repeat;
	background-position: center;
}
.masse4 {
	float: left;
	width: 40px;
	height: 60px;
	background-color: #ed1c24;
	background-image: url(../images/minis/PH%20mini40.png);
	background-repeat: no-repeat;
	background-position: center;
}
.mehrbox1 {
	text-align: center;
	float: right;
	height: 60px;
	width: 100px;
	margin-top: 50px;
}
#purist ul li, .kleiner2, .kleiner {
	font-size: 0.9em;
	line-height: 1.5em;
}
.kleiner2 {
	margin-left: 240px;
}
.mini {
	display: block;
	font-size: 0.7em;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 200px;
	text-align: right;
	line-height: 0.5em;
}

#purist ul.vita-ul {
	line-height: 3em;
	list-style-type: none;
	list-style-position: outside;
}
#purist ul.vita-ul li {
	margin-bottom: 20px;
}
.shop {
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}
.shop-text {
	clear: both;
	padding-top: 5px;
	font-size: 0.9em;
	line-height: 1.5em;
}

.vita-text {
	font-size: 0.9em;
	line-height: 1.5em;
}
.pfeil {
	font-size: 1.5em;
}
.weiter {
	text-align: center;
	font-size: 1em;
	padding-top: 3px;
}
h3 {
	font-size: 1em;
}
.stop {
	color: #990000;
	font-weight: bold;
}
.untertitel {
	display: block;
	font-weight: normal;
	padding-top: 5px;
	font-size: 0.9em;
	line-height: 1.5em;
}
.referenz {
	text-align: left;
	line-height: 2em;
	color: #999;
	font-size: 0.8em;
	text-align: justify;
}
.unterstrich {
	color: #e32a13;
}