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

/* 
CSS 
written by M.Schwarz 2014
www.jamediaservice.de
*/

/* 1.BODY and PAGE
---------------------------------------------------------------------- */
html, body {
	/*font-family: "aktiv-grotesk-std";*/
	font-family: "futura-pt";
	font-weight: 400;
	color: #1E1E1E;
	color: rgba(30,30,30,0.75);
	color: rgba(0,0,0,0.6);
	font-size: 16px;
	line-height: 24px;
}
.wrapper {
	margin: 25px auto;
	width: 960px;
	position: relative;
}
/* 2.LAYOUT ELEMENTS
---------------------------------------------------------------------- */
div#logo {
	width: 100%;
	text-align: center;
}

div#mainPic {
	width: 100%;
	text-align: center;
}

div#logo img, div#mainPic img {
	max-width: 100%;
}

div.col50 {
	width: 47%;
	float: left;
}
.mrg-rgt {
	margin-right: 3%;
}
.mrg-lft {
	margin-left: 3%;
}

div#order-box {
	background-color:#F1F1F1; 
	padding: 15px 12px; 
}
div.centerBox {
	width: 100%;
	text-align: center;
}

/* 3.TEXTFORMAT
---------------------------------------------------------------------- */
h1{
	font-size: 4.0em;
	width: 100%;
	text-align: center;
	display: none;
}
h2 {
	font-size: 1.4em;
	width: 100%;
	text-align: center;
}
h3{
	font-size: 1.2em;
	padding-bottom:0px;
	margin-bottom:10px;
	letter-spacing:0.1em;		
}
h4{
	font-size: 1.3em;
	margin:8px 0px;
	color: #A4A4A4;
}
h5{
	font-size: 1.2em;
	padding-bottom:0px;
	margin-bottom:0px;
	letter-spacing:-0.01em;		
}
p{
	font-size: 1.0em;
}
a { color:#000000; text-decoration:underline;}

hr {
    border: 0px none;
    height: 1px;
    background-image: -moz-linear-gradient(left center , transparent, rgba(0, 0, 0, 0.75), transparent);
	margin-bottom: 25px;
}
strong {
	font-weight: 700;
}
em {
    font-weight: 400; font-style: italic;
}

/* 4.CLASSES
---------------------------------------------------------------------- */
.pro-blue {
	color: #000f9f;
}
.pro-red {
	color: #d62c2d;
}
.pro-green {
	color: #00925b;
}
.pro-yellow {
	color: #fbba00;
}
.pro-black {
	color: #000000;
}
.pro-head {
	text-transform: uppercase;
}
.font700 {
	font-weight: 700;
}
.flt-right {
	float: right;
}

.clear {
	clear: both;
}
.pp-btn {
	width: 50%;
	float: left;
	margin-left: 5%;
	text-align: left;
	letter-spacing: -0.03em;
}
.orderP {
	font-size: 1.0em;
	float: left;
	width: 45%;
	font-weight: normal;
}
.small {
	font-size: 0.8em;
	font-weight: normal;
}
.contactSmall {
	font-size: 0.7em;
	color: #999999;
	margin-top: 6px;
	letter-spacing: 0.1em;
}

/* MEDIA QUERIES */
@media screen and (max-width:960px) {
.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
.pp-btn { width: 50%; margin-left: 0%; min-width: 180px; box-sizing: border-box; }
.orderP { width: 50%; box-sizing: border-box; padding-right: 10px; min-width: 200px; }
}
@media screen and (max-width:768px) {
div.col50 { width: 100%; margin-bottom: 0px; }
.mrg-rgt { margin-right: 0%; }
.mrg-lft { margin-left: 0%; }
}