/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
	/* =========== HEADER STARTS =========== */
	
.container .contactForm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.container eleven:hover {
	 color: #fff;
}
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
textarea {
    width: 100%;
    border: solid 2px #66523e;
    border-bottom-color: #66523e;
    border-top-color: #66523e;
    color: #bd9b79;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:12px;/* zwichen contact form masse ******/
    background-color: rgba(61,61,61, 0.8) !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    outline: none !important;
    -moz-box-shadow: 0 5px 20px rgba(10,10,10,.1)inset;
    -webkit-box-shadow: 0 5px 20px rgba(10,10,0,.1)inset;
    -o-box-shadow: 0 5px 20px rgba(10,10,10,.1)inset;
    box-shadow: 0 5px 20px rgba(10,10,10,.1)inset;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;	
}
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
textarea:hover{
    width: 100%;
    border: solid 2px #66523e;
    border-bottom-color: #66523e;
    border-top-color: #66523e;
    color: #fff;
	text-shadow: 0px 0px 1 #000;
}
/*   ***  */
.body .standard-form {display:block;margin:0;padding:0;}
	.body .standard-form {margin-top:24px;width:90%;}
	
	/* ======================================================================= */
	.body .standard-form form input, .body .standard-form form textarea {
		width:335px;
		height:35px;
		border:2px solid #434340;/*  border:1px contact from color */
		background-color:#ffffff;
		display:block;
		margin-bottom:35px;
		text-indent:5px;
		color:#bd9b79; /*  text color innere contact form */
		-webkit-box-shadow: inset 2px 2px 1px 1px #F60;/*  border:1px contact from color */
        box-shadow: inset 2px 2px 1px 1px #F60;/*  border:1px contact from color */
		-webkit-box-shadow: 0px 0px 10px 1px #333333;
	-moz-box-shadow: 0px 0px 10px 1px #333333;
	box-shadow: 0px 0px 10px 1px #333333;
	-webkit-box-shadow: 0px 0px 10px 1px #111111;
	-moz-box-shadow: 0px 0px 10px 1px #111111;
	box-shadow: 0px 0px 10px 1px #111111;
	}
	.body .maps {margin:15px 0 15px 0;}
	.body .standard-form form input:focus, .body .standard-form form textarea:focus {border:1px solid #bfbfbf; }
	.body .standard-form form textarea {width:100%;max-width:100%;height:180px; padding-top:6px;overflow:hidden;}
	.body .standard-form form .submit {margin-right:0;float:right;}
	.body .standard-form form .submit .button {margin-right:0;}
	.body .standard-form.compressed {margin:0 0 0 18px;}
	.body .standard-form.compressed form input {width:100%; float:left;margin:0 10px 16px 0;}
	.body .standard-form.compressed.style-2 {margin:0 0 10px 0;}
	.body .standard-form.compressed.style-2 form input {float:none;}
	.body .standard-form.compressed form input.extend, .body .standard-form.compressed form textarea {width:100%;clear:both;margin:0 10px 16px 0; }
	.body .standard-form.compressed form .submit {margin-right:18px;}
	.body .standard-form p.note {width:100%;}
	/* =========== SIDEBAR STYLES =========== */
/*  ======================= ******* ==================== */
	.body .body-wrapper {/* { contact } */
	width: auto;
	margin: auto;
	min-height: 50px;
	position: relative;
	z-index: 10;
	margin-top:-650px;
	top: 0px;/*  contact posietionieren */
	
}
	.body .body-wrapper .content {
		padding-top:6px;
		padding-left:10px;
		padding-right:10px;
		position:relative;
		z-index:10;
	}
	.header .page-title h1 {/* titei */
		font-size:37px;
		font-style:italic;
		font-family:"Open Sans";
		font-weight:600;
		color:#ffffff;
		text-shadow: 1px 1px 1px #1c1c1c;
		position:relative;
		top:-27px;
		z-index:10000;
	}
	
	/* =========== BODY STARTS =========== */
	.side-shadows {
		background:url(../../../MG-Design_css/images/design/side-shadows-960.png) left top no-repeat transparent;
		width:1031px;
		height:309px;
		position:absolute;
		z-index:0;
		left:-18px;
		top:0;
		overflow:hidden;
	}
	body55 {
		background:url(../../../MG-Design_css/images/patterns/diag-lines-light.png) top left repeat #e1e1e1;
	}
	.body {
		width:100%;
		position:relative;
		z-index:90;
	}
	.body .body-round/-nicht aktiv {
		background:url(../../../MG-Design_css/images/design/55bodyTop-960.png) left top no-repeat transparent;
		width:980px;
		height:7px;
		margin:auto;
	}
	.body .error-404 {width:100%;}/* x */
	.body .error-404 h1 {
		font-size:40px;
		margin:auto;
		font-weight:600;
		font-family:"Open Sans";
		text-align:center;
		font-style:italic;
		text-shadow: 0px 1px 1px #ffffff;
		margin-bottom:40px;
	}
	
	.body .callout h4 {
		font-weight:bold;
		font-style:italic;
	}
	.body .callout span {
		padding-bottom:2px;
		color:#3aa9d2;
	}
	.body .callout.standard h4 {/* x */
		font-weight:600;
		font-size:22px;
		font-style:normal;
	}
	.body .callout .subtitle {/* x */
		font-family: "Open Sans";
		font-size:13px;
		margin-bottom:0;
		position:relative;
		top:-1px;
	}
	.body .callout .link-location {
		font-family: "Open Sans";
		font-size:11px;
		margin-bottom:0;
		position:relative;
		top:-2px;
		margin-bottom:-5px;
	}
	.body .callout .link-location a {margin:0 3px 0 3px;}
	.body .callout .button-wrap {float:right;position:relative;display:block;}
	.body .callout-hr, .body .hr{
		position:relative;
		left:-7px;
		margin-top:12px;
		margin-bottom:3px;
		width:974px;
	}
	.body .callout-hr {
		height:37px;
		width:975px;
		top:-7px;
		margin-bottom:0px;
		background:url(((../../../MG-Design_css/images/design/callout.png) top left no-repeat transparent;
	}
	.body .hr {
		height:0px;
		background-color:#C00; /* linie contact info */
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     border-bottom: 1px solid rgba(0,0,0,0.25);
	}
	.body span.hr,.body span.empty-hr { 
		width:100%;
		padding:0;
		left:0;
		top:0;
		height:5px;
		width:100%;
		background:url../../../MG-Design_css/images/design/diag-hr.png) repeat-x transparent;
		display:block;
		margin:0 0 40px 0;
	}
	.body p span.hr {
		margin:10px 0 10px 0;
	}
	.body span.hr.lip-quote {
		margin-top:16px;
		margin-bottom:15px;
	}
	.body span.empty-hr {background:none;margin-bottom:0;}
	.body .callout a.medium-button {
		float:right;
		margin-top:10px;
	}	
	.body .callout a.medium-button span {/* x */
		font-size:15px;
		font-family:"Open Sans";
		font-weight:600;
		font-style:italic;
		color:#ffffff;
		padding:4px 19px 6px 22px;
	}
	.body .callout.intext {
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-webkit-box-shadow: inset 0px 0px 3px 3px #e3e2e2;
        box-shadow: inset 0px 0px 3px 3px #e3e2e2;
		background:#ecebeb;
		position:relative;
		margin-bottom:40px;
	}
	.body .callout.intext .content {margin:0;padding:10px 15px 0 15px;}
	.body .callout.intext .content h4 {	/* x */
		font-size:20px;
		margin:0;
		line-height:20px;
		color:#393939;
		padding-bottom:11px;
		padding-top:14px;
		font-weight:600;
		font-family:"Open Sans";
		font-style:normal;
	}
	.body .callout.intext .content .subtitle {/* x */
		margin:0;
		padding-bottom:25px;
		font-size:14px;
		line-height:14px;
		font-weight:normal;
		font-style:normal;
		color:#535151;
	}
	.body .callout.intext .intext-button  {width:100%;}
	.body .callout.intext .intext-button a {
		width:100%;
		top:22px;
		position:relative;
		text-align:center;
		font-size:19px;
		right:15px;
	}
	.circles .columns {/* { contact } */
		-moz-box-sizing: border-box;
		box-sizing:border-box;
		background:#fdfdfd;
		border-radius: 100%;
		padding: 2px;
		position: relative;
		max-width:205px;
		z-index:10000;
		border:1px solid #dbdbdb;
		margin:0 40px 31px 0;
		transition: all 0.13s cubic-bezier(0.75,0.16,0.98,0.48) 0s;
	}
	.circles li.columns:last-child, .circles li.columns.last-child {margin-right:0;}
	.circles .columns .icon {
		position:relative;
		width:100%;
		padding-top:22px;
		border:1px solid #eaeaea;
		background-color:#fdfdfd;
		box-sizing:border-box;
		-moz-box-sizing: border-box;
		border-radius:100% 100% 100% 100%;
		z-index:10000;
		transition: all 0.13s cubic-bezier(0.75,0.16,0.98,0.48) 0s;
	}
	.circles .columns .icon:hover, .circles .columns:hover,.circles .columns:hover .icon {border-color:#3f98b9;}
	.circles .columns .icon .content {
		text-align:center;
	}
	.circles .columns .icon h5 {
		font-size:16px;
		font-weight:600;
		color:#393939;
		padding-top:4px;
		margin-bottom:4px;
		font-family:"Open Sans";
	}
	.circles .columns .icon .content span.hr {
		height:4px;
		width:100%;
		background:url(../../../MG-Design_css/images/design/drops/diag-pattern.png) repeat-x transparent;
		margin:0 0 7px;
	}
	.circles .columns .icon p {
		line-height:14px;
		font-size:11px;
		padding-bottom:39px;
		color:#393939;
		max-width:75%;
		margin:auto;
	} 
	.circles .columns a .icon .content {
		display:block;
	}
	.circles .columns a .icon .content div {
		width:39px;
		height:39px;
		margin:3px auto 7px auto;
	}
	.one-third.column .border {
		background:url(../../../MG-Design_css/images/design/img-thirds-shadow.png) center 140px no-repeat;
		padding-bottom:13px;
	}
	.portfolio-item.column.one-third .content{
		background:url(../../../MG-Design_css/images/design/noise.png) repeat #eeeeee;
		padding:5px;
		border:1px solid #d9d9d9;
	}
	.search .searchbox-submit {
		border:0px;
		background-color:transparent;
		position:relative;
		left:5px;
		display:inline-block;
		float:left;
		position:relative;
		top:5px;
		width:20px;
		height:20px;
	}
	.body .blog h5, .body .blog h5 a, .body .sidebar h5 {
		font-size:17px;
		color:#454545;
		font-weight:600;
	}
	.body .blog h5 a:hover {color:#e7e6e6;}
	.body .blog .info {
		margin:7px 0 15px 0;
		padding:6px 0 7px 0;
		border-top:1px solid #e7e6e6;
		border-bottom:1px solid #e7e6e6;
		font-size:9px;
		color:#999999;
	}
	.body .blog .info span {color:#e7e6e6;}
	.body .blog .border {margin-bottom:20px;}
	.body .blog .border.shadow {background:url(../../../MG-Design_css/images/design/shadow-full-body-blog.png) center 274px no-repeat transparent;padding-bottom:25px;margin-bottom:-10px;}
	.body .blog .border.shadow img {border:1px solid #e0e0e0;background-color:#e5e5e5;}
	.body .blog .description .button span {color:#f1f1f1;}
	.body .blog p {
		margin-bottom:9px;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		color:#494949;
		line-height:17px;
	}
	.body .pagination {
		padding:0 0 9px 0;
		margin:0 0 0 0;
	}
	.body .pagination span {
		float:left;
		padding-top:5px;
		line-height:11px;
		font-size:11px;
		margin-right:5px;
	}
	.body .pagination ul.pages li {
		float:left;
		padding:0;
		margin:0 0 0 8px;
	}
	.body .pagination ul.pages li a {
		padding:5px 10px;
		background-color:#e6e6e6;
		border:1px solid #dfdfdf;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset 1px 1px 1px 1px rgba(205, 205, 205, .1);
        box-shadow: inset 1px 1px 1px 1px rgba(205, 205, 205, .1);
	}
	.body .pagination ul.pages li.active a, .body .pagination ul.pages li a:hover {
		background-color:#e1e1e1;
		border:1px solid #d1d1d1;
	}
	.body .pagination ul.pages li.active a:hover {
		color:#3aa9d2;
	}
	.body .blog .foot {
		margin-top:33px;
		padding-bottom:12px;
		background:url(../../../MG-Design_css/images/design/diag-hr.png) bottom left repeat-x transparent;
	}
	.body .blog blockquote, blockquote.full {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:18px;
		font-style:normal;
		font-weight:normal;
		padding:19px 19px 19px 63px;
		margin:17px 0 20px 0;
		border-left:2px solid #3aa9d2;
		background:url(../../../MG-Design_css/images/design/quotes.png) 10px 15px no-repeat #e0e0e0;
	}
	blockquote.full {margin:5px 0 41px 0;background-color:#e8e7e7;}
	.body .blog .border {position:relative;}
	.body .blog .border .meta {
		background:url(../../../MG-Design_css/images/design/img-meta.png) right top no-repeat transparent;
		min-width:61px;
		min-height:46px;
		position:absolute;
		left:622px;
		top:15px;
		z-index:100;
		padding:0;
		margin:0;
	}
	.body .blog .border .meta p, .body .blog .border .meta p span {
		line-height:15px;
		text-align:center;margin:auto;
		font-family:"Open Sans"; font-size:20px;font-weight:600; color:#ffffff;
	}
	.body .blog .border .meta p span {font-size:10px;display:block;padding-bottom:1px;}
	/**
	
	/*   **************  */
	
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.contact_animation img{
			height:6px;
			position:relative;
		}	
	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
.contact-form-container {
	clear: both;
	float: left;
	margin-left: 0.00%;
	margin-right: 0.00%;
	width: 100%;
	left: -50px;
	margin-top: -180px;
	display: block;
	width: 100.00%;
	position: relative;
	padding-left: 0.00%;
	padding-right: 0.00%;
}
.contact-form-info {
	clear: both;
	float: left;
	margin-left: 0.00%;
	margin-right:0.00%;
	width: 80%;
	margin-top:-240px;
	left:-40px;
	top:0px;
	display: block;
	font-size: 14px;	
	padding-left: 0.00%;
	padding-right: 0.00%;
}
/* -------------------------- App Store  */
.intro_stores {
	clear: both;
	float:left;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width: 100.00%;
	height:auto;
	display: block;
	position: absolute;
	padding-left:0.00%;
	padding-right:2.00%;
	left:60px;
	margin-top:170px;
	top:440px;
}
.intro_stores li {
	clear: both;
	float: left;
	display: block;
	text-decoration: none;
}
.cstore-position{ float: left; clear:left padding: 0; margin: 0; width: 100.00%; margin-bottom:15px;}
.cstore-position div{ float: left; padding: 0; margin: 0; list-style: none; width: 100px; height: auto; margin-top:1px; margin-left: 25px; cursor:pointer; cursor:hand;
}
.cstore-position div span { display: none;}
#hinter-footer {
	clear: both;
	padding-left: auto;
	padding-right: auto;
	text-align:center;
	width: 100%;
	height:100px;
	background-color: rgba(28, 29, 34, 0.60);
	display: inline-block;
	margin-top:0px;
	top:1100px;
	position:relative;

}
/* -------------------------- MG-linklauf */
.MG-linklauf {
	clear: both;
	margin-left: auto;
	margin-right:auto;
	padding-left:-10.00%;
	padding-right:50.00%;
	text-align:center;
	width: 15%;
	height:auto;
	margin-top:400px;
	top:100px;
	left:-60px;
	display: block;
	position: relative;
}	
.body .body-wrapper {/* { contact } */
	width: 80%;
	margin: -170px auto;
	min-height: 50px;
	position: relative;
	z-index: 10;
	top:-80px;
	left:-40px;
	background-color: transparent;
	background-color: rgba(128, 32, 10, 0.50);/* backgrund */
	background-position: left top;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 1.3), 0 0 60px rgba(0, 0, 0, 0.0) inset;
    moz-box-shadow:0 1px 4px rgba(0, 0, 0, 1.3), 0 0 40px rgba(0, 0, 0, 0.0) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 1.3), 0 0 40px rgba(0, 0, 0, 0.0) inset;
}
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
textarea {
    width: 80%;
    border: solid 2px #66523e;
    border-bottom-color: #66523e;
    border-top-color: #66523e;
}
.contact .contactForm {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/*  ================================================== */		
		.header .shadow {
			background: url(../../../MG-Design_css/images/design/nav-shadow-768.png) top left no-repeat transparent;
			height:45px;
			width:759px;
		}
		.body .map {margin-top:18px;width:940px;background:center 265px no-repeat;height:293px;}
		.body .map iframe {padding:4px;background:#e6e6e6;border:1px solid #c2c2c2;width:930px;}
		.header .logo {max-width:219px;position:relative;}
		.header .logo img {width:100%;position:relative;}
		.body .callout h4 {font-size:18px;}
		.body .callout p.subtitle {font-size:13px;}
		.side-shadows {
			background:url(../../../MG-Design_css/images/design/side-shadows-768.png) left top no-repeat transparent;
			width:832px;
			height:541px;
			position:absolute;
			z-index:0;
			left:-21px;
			top:15%;
			overflow:hidden;
		}
		.body .body-round/-nicht aktiv {
			background:url(../../../MG-Design_css/images/design/bodyTop-768.png) left top no-repeat transparent;
			width:790px;
			height:8px;
			margin:auto;
		}
		/* { contact } */
		
		.body .callout-hr, .body .hr {
			position:relative;
			left:-6px;
			width:782px;
		}
		.clients .client {width:184px;}
		
		/* Image styles */
		.clients .client img {width:85%;}
		.one-third.column .border {
			background:url(../../../MG-Design_css/images/design/img-thirds-shadow-small.png) center 110px no-repeat;
		}
		.one-third.column .border img {
			max-width:224px;
		}
		.one-third.column.portfolio-item .shadow {background:url(../../../MG-Design_css/images/design/shadow-portfolio-four.png) transparent no-repeat;}
		/* END OF IMAGE STYLES */
		.body .team img {margin:0 0 13px 0;}
		
		.body .sidebar {left:-20px;width:183px;}
		.body .sidebar h5 {font-size:16px;}
		.body .sidebar ul.blogs li img, .body .sidebar ul.img-list li img {max-width:45px;max-height:40px;overflow:hidden;padding:2px;}
		.body .sidebar ul.blogs li {margin-bottom:0;padding:0;}
		.body .sidebar ul.blogs li p {top:-10px;font-size:10px;max-width:96px;position:relative;line-height:12px;margin-bottom:5px;}
		.body .sidebar ul.blogs li p a {font-size:11px;display:block;line-height:13px;margin:8px 0 0 0;}
		.body .sidebar ul.blogs li p span {display:none;}
		.body .sidebar .tabbed-area .tcontent ul.blogs li p span {display:block;line-height:14px;margin-top:0;}
		.body .sidebar .tabbed-area .tcontent .blogs p a {margin-top:10px;}
		/* ===== */
		
#body-header-bider-show {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	top:0px;
	margin-top:0px;
	height: auto;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	position: absolute;
	margin-bottom:0px;
	padding-bottom:0px;
}
.Contact-Container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	top:0px;
	margin-top:0px;
	height: auto;
	padding-left: 0.0%;
	padding-right: 0.0%;
	margin: auto;
	position:relative;
}
Contact-Container h5{
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
	color: #F60;
	letter-spacing: 1px;
	text-shadow: 2px 2px 0 #000;
}
/*  */
.standard-form h4{/* color Contact Form */
	clear: both;
	float: left;
	display: block;
	color:#F60;
	text-shadow: 1px 1px 0 #000;
	letter-spacing: 2px;
}
.standard-form p{/* color Contact Form */
	color:#6CF;
}
h4.semi {
	clear: both;
	width: 100%;
}
.contact-title h1{
	clear: both;
	float:left;
	margin-left: 0px;
	margin-right: auto;
	width: 60%;
	display: block;
	top: -20px;
	left:-40px;
	position: relative;
	margin-top: 0px;
	color: #54483a;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 38px;
	font-weight: bold;
	text-shadow: 2px 2px 0 #000;
}
.Submit-button {
	clear: both;
	float:left;
	margin-left:0.00%;
	color:#CCC;
	left:40px;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
	padding:5px 35px 5px 35px;
    text-decoration: none;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
     border-bottom: 1px solid rgba(0,0,0,0.25);
     font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
     outline:none;
     position:relative;
  	 letter-spacing: 1px;
     margin:20px;
     background:transparent url(buttonover.png) repeat-x top left;
     white-space:nowrap;
}  
.Submit-button:hover{
     background-color: #777;
}
.Submit-button:active{
     top: 1px;
     left:1px;
}
.color-red{
     background-color: #312b22;
     border: 1px solid #F00;
     olor: #FFF;
     text-shadow: 1px 1px 4px #000;
     font-family: "Palatino Linotype";
}
.color-red:hover{
      background-color:#372005;
}
.Contact-form {
	clear: both;
	float: left;
	margin-left: 0.00%;
	margin-right:40.00%;
	width: 60%;
	display: block;
	top:0px;
	margin-top:0px;
	color:#6CF;
}
.Contact-info {
	clear: both;
	float: right;
	margin-left: 40.00%;
	margin-right:0.00%;
	width: 100%;
	display: block;
	top:0px;
	margin-top:0px;
}
.Contact-info-position {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	top:0px;
	margin-top:0px;
}

.body .standard-form.compressed form input {width:242px;float:left;margin:0 10px 16px 0;}
.body .standard-form.compressed form input.extend, .body .standard-form.compressed form textarea {width:496px;clear:both;margin:0 10px 16px 0;}
		.body .standard-form.compressed form .submit {margin-right:14px;float:right;}
		.body .map iframe {width:739px;}
		.body .standard-form p.note {width:416px;}
		/* Start of Portfolios */
		.body .portfolio.standard.three .shadow {background:none;}
		.body .portfolio.three img {width:226px;}
		.body .portfolio.two img {width:354px;}
		.body .portfolio-container {width:768px;}
		.body .portfolio.standard.one .item {max-width:738px;}
		.body .portfolio.standard.four .item {max-width:169px;}
		.body .portfolio.standard.five .item {max-width:129px;}
		.body .portfolio.standard.four .shadow {background:none;}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.body .callout.standard h4 {font-size:20px;}
		.header .shadow {
			background: url(../../../MG-Design_css/images/design/nav-shadow-480.png) top left no-repeat transparent;
			height:27px;
			width:474px;
			top:-10px;
		}
		.header.slider-expand .shadow {top:-25px;margin-bottom:0;}
		.header .nav .standard ul.tabs li a {font-size:14px;}
		.header .logo img {width:90%;top:4px;position:relative;}
		.body .callout h4 {font-size:18px;}
		.body .callout p.subtitle {font-size:13px;}
		.side-shadows {
			background:url(../../../MG-Design_css/images/design/side-shadows-480.png) left top no-repeat transparent;
			width:504px;
			height:541px;
			position:absolute;
			z-index:0;
			left:-22px;
			top:15%;
			overflow:hidden;
		}
		.clients .client {text-align:center;width:211px;margin:auto;float:none;margin-bottom:20px;}
		.clients .client img {width:100%;}
		.body .callout-hr, .body .hr {
			left:-7px;
			width:454px;
		}
		.body .hr {left:-17px;}
		.body .callout h4 {
			line-height:25px;
			margin-bottom:9px;
			text-align:center;
		}
		.body .callout .subtitle {
			font-size:14px;
			font-style:italic;
			text-align:center;
			padding-bottom:6px;
		}
		.circles li.columns {max-width:197px;height:197px;}
		.circles .columns .icon {height:100%;}
		.circles li.columns:nth-child(even) {margin-right:0;}
		.body .callout .link-location {text-align:center;padding-bottom:6px;}
		.body .callout .button-wrap {
			text-align:center;
			position:relative;
			display:inline-block;
		}
		.body .callout .button-wrap .search {float:none;}
		.body .callout .button-wrap .wrapper {
			display:inline-block;
			margin-left:6px;
		}
		/* IMAGE STYLES */
		.one-third.column .border img {
			max-width:407px;
		}
		.one-third.column .border {
			background:url(../../../MG-Design_css/images/design/img-thirds-shadow-large.png) center 193px no-repeat;
		}
		/* END OF IMAGE STTYLES */
		.header .nav {
			background:url(../../../MG-Design_css/images/design/nav-480.png) top left repeat-x transparent;
			height:109px;
			margin-bottom:0;
			padding-bottom:0;
			width:100%;
		}
		/* Nav System Begins */
		.header .nav .standard {
			display:none;
		}
		.header .nav .mini {
			display:block;
			width:100%;
		}
		.header .nav .mini .logo {
			margin:auto;
			text-align:center;
		}
		.header .nav .mini .logo {max-width:100px;top:2px;position:relative;}
		.header .nav .mini .logo img {width:100%;top:0px;position:relative;}
		.header .nav .mini .logo img {
			width:auto;
			height:auto;
			margin:auto;
			text-align:center;
		}
		.header .page-title .rg {
			display:none;
		}
		.header .page-title h1 {
			font-size:34px;
			top:-16px;
		}
		/* Start of Dropdown Navagation */
		.header .nav .mini .navagation-wrapper {
			width:100%;
			margin:auto;
			text-align:center;
		}
		.header .nav .mini .navagation {
			padding:3px;
			width:90%;
			margin:auto;
			margin-top:8px;
			border:none;
			background-color:#f4f3f3;
			color:#4e4e4e;
			font-family:"Open Sans";
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			-webkit-box-shadow:  1px 1px 2px 0px #000000;
        	box-shadow:  1px 1px 2px 0px #000000;
		}
		.one-third.column.portfolio-item .shadow {background:url(../images/design/shadow-portfolio-three.png) transparent no-repeat;margin:auto;}
		.one-third.column.portfolio-item {background:url(../images/design/shadow-portfolio-three.png) transparent no-repeat;margin-bottom:10px;}
		.body .callout .button-wrap .shadow {left:145px;}
		/* Dropdown Navagation Ends */
		.body .callout.intext .intext-button  {width:90%;margin:auto;}
		.body .callout.intext .intext-button a {
			top:0;
			position:relative;
			text-align:center;
			font-size:19px;
			right:0;
			margin-bottom:20px;
		}
		/* =========== SIDEBAR STYLES =========== */
		.body .sidebar {padding:0;}
		.body .sideborder {display:none;}
		.body .sidebar ul.blogs li {padding-bottom:9px;border-bottom:1px dashed #d8d7d7;}
		.body .sidebar ul.img-list li {margin:0 0 15px 10px;}
		.body .sidebar ul.img-list li:first-child, .body .sidebar ul.img-list li.nosp {margin:0;}
		.body .sidebar ul.img-list li:nth-child(3n) {margin-right:10px;}
		.body .sidebar .tabbed-area .tcontent {padding:10px 20px 10px 20px;}
		.body .sidebar .tabbed-area .tcontent .blogs li {padding-bottom:10px;}
		/* =========== SIDEBAR STYLES ENDS =========== */
		/* =========== BLOG STYLES =========== */
		/*** Style 2 ***/
		.body .blog.style-2 .meta {width:100%;margin:0 0 10px 0;}
		.body .blog.style-2 .description {width:100%;}
		/*** Style 3 ***/
		.body .blog .border .meta {left:380px;}
		/*** Style 4 ***/
		.body .blog.style-4 {max-width:100%;margin:0 0 35px 0;padding:0;}
		.body .blog.style-4 .description {margin:0 0 0 6px;float:none;width:100%;display:block;margin:0;}
		.body .blog.style-4 .border {position:relative;width:100%;float:none;}
		/*** Blog Post ***/
		.body .blog.post {max-width:421px;}
	
		.body .standard-form.compressed {margin:0;padding:0;}
		.body .standard-form.compressed form input {width:100%;}
		.body .standard-form.compressed form input.extend, .body .standard-form.compressed form textarea {width:100%;}
		.body .standard-form.compressed form .submit {margin:0 0 5px 0;}
		.body .map {background-image:none;padding:0;margin:5px 0 0 0;}
		.body .map iframe {width:410px;}
		.body .hr.mapdv {display:none;}
		.body .filter {margin-bottom:16px;}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.body .sidebar-right {padding-right:0;}
		.body .sidebar-left {padding-right:0;}
		.body .body-round/-nicht aktiv {
			width:460px;
			height:7px;
		}
		.body .sidebar ul.cloud li a:hover {
			font-weight:600;
		}
		/* ===========  BLOG STYLES  =========== */
		.body .blog {
			max-width:453px;
		}
		
		.body .blog .border.shadow {background:none;margin-bottom:11px;padding:0;}
		.body .body-wrapper {/* { contact } */
			width:460px;
			left:10px;
		}
		/*** Blog Post ***/
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
.body .standard-form {margin-top:-124px;width:100%; position:relative;}
.side-shadows {
	width:371px;
	height:542px;
	position:absolute;
	left:-26px;
}
input[type=subject]{
	position:relative;
	display:block;
	max-width:310px;  
	width: 310px;
	margin-right: 10px;
}

.body .body-round/-nicht aktiv {
	width:320px;
	height:8px;
}
.body .body-wrapper {/* { contact } */
	width:320px;
	left:-26px;
	background-color: transparent;
	background-color: rgba(173, 44, 14, 0.0);/* backgrund */
	background-position: left top;

}
.header .shadow {
	height:26px;
	width:320px;
	top:-10px;
}
.header.slider-expand .shadow {top:-25px;margin-bottom:0;}
.clients .client {
	width:100%;
	text-align:center;
	margin-bottom:20px;
	border-top:none; 
}
.clients .client a { display:inline-block; }
.body .callout-hr, .body .hr {
	left:-7px;
	width:314px;
}
.body .callout .button-wrap .shadow {left:85px;}
.body .hr {left:-7px;}

		
		/* =========== SIDEBAR STYLES =========== */
		.body .sidebar ul.img-list li img {max-width:40px;max-height:40px;padding:2px;}
		.body .sidebar ul.img-list li {margin:0 0 15px 4px;}
		.body .sidebar ul.img-list li:nth-child(3n) {margin-right:4px;}
		/* =========== SIDEBAR STYLES ENDS =========== */
	
		.body .map iframe {width:290px;}
		.body .standard-form p.note {width:220px;}
		.body .filter h5 {display:none;}
		
		.body .filter h5 {display:none;}
		.body .filter ul.options li {margin-bottom:5px;}
		.body .filter ul.options {float:left;}
	
		/* Start of Portfolios */
		.body .portfolio.standard.three .item,.body .portfolio.standard.four .item,.body .portfolio.standard.five .item {margin-bottom:24px;}
		.body .portfolio.standard.four .shadow,.body .portfolio.standard.five .shadow {left:0;background:url(../images/design/shadow-portfolio-three.png) transparent;height:15px;width:299px;}
		.body .portfolio-container {width:100%;position:relative;}
		.body .portfolio.two img {width:100%;margin:0;}
		.body .portfolio.two .item {margin-right:0;margin-bottom:16px;}
		.body .portfolio .item {margin-bottom:10px;}
		.body .portfolio.standard.one .item {max-width:290px;}
		.body .portfolio.standard.four .item,.body .portfolio.standard.five .item {width:96%;max-width:96%;}
		.body .portfolio.info .item img {max-width:290px;}
		.footer.style-2 .patch {
			height:25px;
		}
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 600;
	src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/PRmiXeptR36kaC0GEAetxn5HxGBcBvicCpTp6spHfNo.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	src: local('Open Sans Extrabold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}