@charset "UTF-8";
/* Einfache fließende Medien
   Hinweis: Für fließende Medien müssen Sie die Attribute 'height' und 'width' des Medium aus dem HTML-Code entfernen
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 unterstützt keine maximale Breite, verwenden Sie daher eine Standardbreite von 100% */
.ie6 img {
	width:100%;
}
/*
	Dreamweaver-Eigenschaften für fließende Raster
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Idee durch den Artikel "Responsive Web Design" von Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	und "Golden Grid System" von Joni Korpi
	http://goldengridsystem.com/
*/

/* Layout für Mobilgeräte: 480 px oder weniger. 
---------------------------------- */
  /* "  CSS Header footer in center-style.css "  */
/* ======================================= 
   " header-center-containter "  */
/* =============design_navi=============== */
#body-center-containter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	padding-left:0.00%;
	padding-right:0.00%;
	display: block;
	padding-top:0px;
	padding-bottom:-100px;
	position: relative;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	top: 65px; /* "header Position" */
	margin-top: -100px;
	margin-bottom: -500px;/* "footer Position" */
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #433b38;
	padding-left:1.00%;f
	padding-right:1.00%;
	position:relative;
	background-image: url(../../MG-Design_css/project-body-back.jpg);
	background-repeat: repeat;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 30px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
}
#headerback {
	margin-left: 0;
	width: 100%;
	height: 210px;
	margin: 0px; 
	top: 0px; /*  "Kopf header Position"  */
	margin-top:0px;/*  "header Position"  */
	padding-left: 0.00%;
	padding-right: 0.00%;
	display: block;
	position: relative;
	background-image: url(../../MGart-web-design/ba_he.jpg);
	background-repeat: repeat;
}
#header-center-containter {
	top:-170px;
	position:absolute;
}
#MG-headermenu {
	top:60px;
	left:0px;
	
}
#mgart-contact-app {
	top:10px;
	left:4.00%;
}
#body-header-time {
	clear: both;
	float: left;
	margin-left: 0;
	margin-right: auto;
	width: 100.00%;
	padding-left: 0.0000%;
	padding-right:0.0000%;
	display: block;
	margin: -15px auto;
	margin-bottom:0px;
	padding-bottom: 0px;
	letter-spacing: 1.7px;
	text-shadow: 1px 0px 0px black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a7a898;
	top:-122px;
	left:4.00%;
	z-index:1;
	position: relative;
}
#time {
	
}
.gif-design {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 4px;
	max-height:4px;
	padding-left:0.00%;
	padding-right:0.00%;
	display: block;
	position: relative;
	top:-148px;
	z-index:5;
}
#header-ranginart-icon {
	top:205px;
	left:4.00%;
}
.keywords-search {
	top:-155px;
}
#foot_text {
	clear: both;
	float: none;
	display: block;
	width: 100%;
	left:0px;
	text-align:center;
	padding-left:2.00%;
	padding-right:2.00%;
}
#foot_text font {
	clear: both;
	float: none;
	display: block;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: lighter;
	color: #990;
	font-size: 9px;
}
#SOC-Contact {
	top:25px;
	left:-6.00%;	
}
/*=====================================
  PRELOADER STYLES 
    ===================================*/
   #pre-div {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}
#loader {
	background-image: url(../../loader/loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 200px;
	left: 50%;
	margin: -100px 0 0 -100px;
	position: absolute;
	top: 50%;
	width: 200px;
}
/* ================================= */

/* ======================================= 
   " body-center-containter "  */
/* =============" Impressum "=============== */
/*  ================================== "footer-diaShow "  */
#body-center-containter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	padding-left:10.00%;
	padding-right:10.00%;
	display: block;
	top:-180px; /*  " Text impersion und text: (Legal disclaimer...) Position"  */
	position: relative;
}
#Impressum-Container {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	margin:0px;
	position: relative;
	padding-bottom:0px;
	margin-top:0;
	top:490px;
}
#Impressum_titel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-left: 8.0000%;
	padding-right:0.1000;
	text-align: left;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	position:relative;
	border: 2px;
	top:150px;
	left:-20px;
	margin-bottom:0px;	
	margin:190px auto; /* "zweichen abstand von info Tabele nach oben" */
}
.untertitle {
	clear: both;
	float: one;
	width: 100%;
	display: block;
	margin-left:auto;
	margin-right:auto;
	padding-left: 4.00%;
	padding-right: 0.00%;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 2px;
	color: #CCC;
	top:-650px; /* "Impressum Positionieren"  */
	position:relative;
	font-size: 38px;
	font-style: normal;
	margin-top:0px;
	text-shadow: 1px 0px 0 #000;
}
.title_text {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-left: 0.0000%;
	padding-right:0.1000;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	margin:-100px auto;
	padding-top:0px;
	margin-bottom:0px;
	margin:0px; /* "klick texen posizion" */
	top:-680px;
	margin-top:20px;
	border: 2px;
	color: #f7aa29;
	font-size: 20px;
	text-shadow: 1px 1px 0px black;
	font-style: normal;
	letter-spacing: 1.0px;
}
.untertext_line {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	padding-left: 0.00%;
	padding-right:0.00;
	background-color: #6d1723;
	height: 0px;
	width: 47.5000%;
	left: 50px;
	top:-500px;
	position:relative;
	margin:0px auto;
	margin-bottom:900px;/*  "body hinter grund lang kurz position "  */
}
/* =====================  contact-Container */
#contact-Container {
	clear: both;
	float:none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	left:30px;
	top:-980px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	margin: 0px auto;
	margin-bottom: -100px;/* "text abstand" */
	position: relative;
}
/* ------- */
#contact-info-container {
	clear: both;
	float: none;
	margin-left: 10.00%;
	margin-right: auto;
	width: 480px;
	padding-left: 0.00%;
	padding-right:0.00;
	text-align:center;
	display: block;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	border: 2px;
	color: #000;
	left:6.00%;
	font-size: 12px;
	font-style: normal;
	top:40px; /* "tabel info Parvin Postion" */
	margin:0px auto;
	padding-bottom:0px;
	position: relative;
}
.contact-info-container-position {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0.0000%;
	padding-right:0.1000;
	display: block;
	margin-bottom: 0px;
	font-size: 12px;
	top:300px;  /*  " tabel info position"  */
	font-style: normal;
	margin:-400px auto;
	padding-bottom:-100;
	color: #FFF;
	letter-spacing: 1px;
	text-shadow: 1px 1px 5px black;
}
.contact_animation {
	clear: both;
	float: none;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 110%;
	padding-left: -6.0000%;
	padding-right: 0%;
	display: block;
	left: -27px;
	top:-5px;
	margin-bottom: 0px;	
	position: relative;
	height: 7px;
	margin-top: -7px;
}
#text-info-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 62.0550%;
	top:-50px;
	display: block;
	margin-bottom:10px; /* "Text info Postion"  */
	padding-bottom:50px;
	padding-left:25px;
	padding-top:0px;
	background-color: rgba(148, 209, 132, 0.10);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #000;
	border-radius: 10px;
	text-align: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	vertical-align: middle;
	height: auto;
}
img.logoposition {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:10px;
	padding-bottom:2px;
	width: 27%;
	padding-right:20px;
	display: block;
	top:0px;
}
#KEEP-TOUCH {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 11px;
	padding-top: 20px;
	padding-bottom:10px;
	font-style: normal;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #74521d;
	
}
.text_deko:after {
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.text_deko hover {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.keep-span {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 2px;
	color: #c0cd50;
	font-size: 12px;
	letter-spacing: 2px;	
	line-height:1.0em;
	text-shadow: 1px 1px 0px black;
	margin-bottom: 0px;
	margin-top:-10px;
}
.info_artist_contact {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	border-bottom: 4px solid #4b6d43;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:3px;
	letter-spacing: 2px;	
	line-height:2.0em;
}
.text_dekoration {
	color: #FFF;
	font-size: 12px;
}
.text_dekoration a {
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	text-shadow: 1px 1px 0px black;
	color: #cdda5a; font-weight: bold} /*Navy Blue*/
a:hover, a:focus {color: #53553e; font-weight: bold} /*Green*/
a:visited {color: #e15ef4; font-weight: bold} /* Purple */
.contact_phone {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:10px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:10px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
}
.contact_phone_img {
	#text-shadow: 1px 0px 10px black;
	padding-top:10px;
}
.contact_mail_img {
	#text-shadow: 1px 0px 10px black;
}
.Mrs_Ganji-bild {
	clear: both;
	float: left;
	margin-left: auto;
	width: 200px;
	padding-left: 0%;
	padding-right: 0%;
	margin-right: auto;
	right: 0px;
	display: block;
	margin-bottom: 10px;
	margin-bottom:10px;
	background-color: rgba(148, 209, 132, 0.00);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #444;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	margin-top: 5px;
	height: auto;
}
/*----*/
#tabs-Container {
	clear: both;
	float: left;
	margin-left: -5.00%;
	margin-right: 0.00%;
	width: 100%;
	display: block;
	top: 1060px; /*  "hintergrund hoch kurz Position"  */
	padding-left: 0.00%;
	padding-right: 0.00%;
	margin-bottom: 0px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #96938c;
	left:0px;
	letter-spacing: 1px;
	font-size: 0.8em;
	line-height: 1.7em;
	overflow: hidden;
	margin-top: -700px; /*  "zwichen Text Position"  */
	padding-bottom:100px;
	margin-right: auto;
	list-style-type: none;
	position: relative;	
}
#tabs_container { /*  "Text Position"  */
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	top: -5px;
	left: -30px;
	margin-bottom: -20px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	color: #CCCCCC;
	font-size: 12px;
	font-weight: 100;
}
#tabs2 li {
	text-decoration: none;
}
#about-artist-text {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#info-Container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.titel_show {
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-right: 2px;
	width: auto;
	display: inline;
	position: relative;
	text-align:center;
	left:0px;
}
.Impressum_img {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	position: relative;
}
/*----*/
#footer-center-containter {
	clear: both;
	float: left;
	margin-top:250px;
	display: block;
}
/* ======================================= 
   "  CSS Header footer in center-style.css "  */
/* =============design_navi=============== */
.revolvermaps {
	clear: both;
	float: left;
	display: block;
	position: relative;
	top: 5px;
	margin-left:-2.00%;
}
/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

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

/* ======================================= 
   " header-center-containter "  */
/* =============design_navi=============== */
.gridContainer {
	width: 99.675%;
	padding-left: 4.1625%;
	padding-right: 4.1625%;
	padding-top: 50px;
	padding-bottom: -100px;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	top: 540px; /* "header Position" */
	margin-top: -100px;
	margin-bottom: -100px;/* "footer Position" */
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #433b38;
	padding-left:1.00%;
	padding-right:1.00%;
	position:relative;
	background-image: url(../../MG-Design_css/project-body-back.jpg);
	background-repeat: repeat;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 30px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
}
#headerback {
	margin-left: 0;
	width: 100%;
	height: 210px;
	margin: 0px; 
	top: 500px; /*  "Kopf header Position"  */
	margin-top:-500px;/*  "header Position"  */
	padding-left: 0.00%;
	padding-right: 0.00%;
	display: block;
	position: relative;
	background-image: url(../../MGart-web-design/ba_he.jpg);
	background-repeat: repeat;
}
#header-center-containter {
	top:-160px;
	position:absolute;
}
#header {
	top:0px;
}
#MG-headermenu {
	top:-20px;
	
}
#body-header-time {
	clear: both;
	float: left;
	margin-left: 0;
	margin-right: auto;
	width: 80.00%;
	padding-left: 0.0000%;
	padding-right:30.0000%;
	display: block;
	margin: -15px auto;
	margin-bottom:0px;
	padding-bottom: 0px;
	letter-spacing: 0.7px;
	text-shadow: 1px 0px 0px black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #a7a898;
	top:-5px;
	left:0px;
	z-index:-2;
	position: relative;
}
#time {
	
}
.gif-design {
	clear: both;
	float: left;
	top:490px;

}
#webdesign {
	top:65px;
}
.footer-info {
	clear: both;
	width:100%;
	margin-left:5.00%;
	margin-right:5.00%;
	top:370px;
	position: relative;
}
/*----*/
#footer-center-containter {
	clear: both;
	float: left;
	margin-top:240px;
	display: block;
}
#header-ranginart-icon {
	top:-20px;
	left:0.20%;
}
#mgart-contact-app {
	top:125px;
	left:3.00%;
}
.keywords-search {
	top:345px;
	left:-15px;
}
#SOC-Contact {
	top:0px;
	left:8.00%;	
}
/*=====================================
  PRELOADER STYLES 
    ===================================*/
   #pre-div {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}
#loader {
    background-image: url(../../loader/loader.gif);
    background-position: center center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
/* ================================= */
/* ======================================= 
   " body-center-containter "  */
/* =============design_navi=============== */
#body-center-containter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	padding-left:10.00%;
	padding-right:10.00%;
	display: block;
	top:-10px; /*  " Text impersion und text: (Legal disclaimer...) Position"  */
	position: relative;
}
#Impressum-Container {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	position: relative;
	padding-bottom:0px;
	margin-top:0;
	top:1100px;
}
/*  ================================== "body Impressum "  */
#Impressum_titel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-left: 6.00%;
	padding-right:6.00;
	text-align: center;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	border: 2px;
	left:-10.00%;
	top:-420px;
	margin:40px auto; /* "zweichen abstand von info Tabele nach oben" */
}
.untertitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 20.1000;
	text-align: left;
	top:-380px; /* "Impressum Positionieren"  */
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 2px;
	color: #CCC;
	font-size: 42px;
	font-style: normal;
	margin:0px auto;
}
.title_text {
	clear: both;
	float: left;
	margin-left: 0.00%;
	margin-right: 0.00%;
	width: 45%;
	display: block;
	padding-left: 0.0000%;
	padding-right:0.1000;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	margin:-720px auto; /* "klick texen posizion" */
	border: 2px;
	color: #f7aa29;
	left:-14.00%;
	font-size: 22px;
	text-shadow: 1px 1px 0px black;
	font-style: normal;
	letter-spacing: 2px;
}
.untertext_line {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	padding-left: 0.00%;
	padding-right:0.00;
	background-color: #6d1723;
	height: 0px;
	width: 47.5000%;
	left: 50px;
	top:80px;
	position:relative;
	margin:0px auto;
	margin-bottom:170px;/*  "body hinter grund lang kurz position "  */
}

/* ====================== contact-Container ====================== */ 
#Impressum_hauptcontainer {
	left:0.00%;
	position: relative;
	top:-160px;	
}
#contact-Container {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 100%;
	left: 0px;
	padding-left: 8.00%;
	padding-right: 8.00%;
	display: block;
	top:-150px;
	margin: 0px auto;
	margin-bottom: -400px; /* "text abstand" */
	padding-top:-0px;
	position: relative;	
}
/* ------- */
#contact-info-container {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 80%;
	padding-left: 0.00%;
	padding-right:0.00;
	display: block;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	border: 2px;
	color: #000;
	left:0px;
	top:150px; /* "tabel info Parvin Postion" */
	font-size: 12px;
	font-style: normal;
	position: relative;	
	margin:0px auto;
	padding-bottom:450px;
}
.contact-info-container-position { /*  " tabel info position"  */
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 600px;
	padding-left: 0.00%;
	padding-right:10.00;
	display: block;
	margin-bottom: 0px;
	font-size: 12px;
	font-style: normal;
	margin:0px auto;
	padding-bottom:-100;
	position: relative;
	left:-10px;	
	color: #FFF;
	top:-250px;  /*  " tabel info position"  */
	letter-spacing: 1px;
	text-shadow: 1px 1px 5px black;
}
.contact_animation {
	clear: both;
	float: left;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 110%;
	padding-left: -6.0000%;
	padding-right: 0%;
	display: block;
	left: -27px;
	top:-5px;
	margin-bottom: 0px;
	text-align: center;
	position: relative;
	height: 7px;
	margin-top: -7px;
}
#text-info-container {/*  "info position"  */
	clear: both;
	float: left;
	margin-left: 40.00%;
	width: 54.50%;
	display: block;
	margin-top:5px;
	margin-bottom:10px;/* "Text info Postion"  */
	padding-bottom:-5px;
	padding-left:25px;
	padding-top:-5px;
	background-color: rgba(148, 209, 132, 0.10);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	vertical-align: middle;
	height: auto;
}
img.logoposition {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:10px;
	padding-bottom:2px;
	width: 27%;
	padding-right:20px;
	display: block;
	top:0px;
}
#KEEP-TOUCH {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
	font-size: 11px;
	padding-top: 20px;
	padding-bottom:10px;
	font-style: normal;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #74521d;
	
}
.text_deko:after {
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.text_deko hover {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.keep-span {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 2px;
	color: #c0cd50;
	font-size: 12px;
	letter-spacing: 2px;	
	line-height:1.0em;
	text-shadow: 1px 1px 0px black;
	margin-bottom: 0px;
	margin-top:-10px;
}
.info_artist_contact {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	border-bottom: 4px solid #4b6d43;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:3px;
	letter-spacing: 2px;	
	line-height:2.0em;
}
.text_dekoration {
	color: #FFF;
	font-size: 12px;
}
.text_dekoration a {
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	text-shadow: 1px 1px 0px black;
	color: #cdda5a; font-weight: bold} /*Navy Blue*/
a:hover, a:focus {color: #53553e; font-weight: bold} /*Green*/
a:visited {color: #e15ef4; font-weight: bold} /* Purple */
.contact_phone {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:10px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:10px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
}
.contact_phone_img {
	#text-shadow: 1px 0px 10px black;
	padding-top:10px;
}
.contact_mail_img {
	#text-shadow: 1px 0px 10px black;
}
.Mrs_Ganji-bild {
	clear: both;
	float: left;
	margin-left: auto;
	width: 200px;
	padding-left: 0%;
	padding-right: 0%;
	margin-right: auto;
	right: 0px;
	display: block;
	margin-bottom: 20px;
	background-color: rgba(148, 209, 132, 0.00);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #444;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	margin-top: 5px;
	height: auto;
}
/*----*/
#tabs-Container {
	clear: both;
	float: left;
	margin-left: -5.00%;
	margin-right: 0.00%;
	width: 100%;
	display: block;
	top: -200px;
	padding-left: 0.00%;
	padding-right: 0.00%;
	margin-bottom: 0px;
	text-align: left;
	font-family: Verdana, Geneva, sans-serif;
	color: #96938c;
	left:0px;
	letter-spacing: 1px;
	font-size: 0.8em;
	line-height: 1.7em;
	overflow: hidden;
	margin-top: -150px;/*  "zwichen Text Position"  */
	padding-bottom:0px;
	margin-right: auto;
	list-style-type: none;
	position: relative;	
}
#tabs_container { /*  "Text Position"  */
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	top: -15px;
	left: -30px;
	margin-bottom: -20px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	color: #CCCCCC;
	font-size: 12px;
	font-weight: 100;
}
#tabs2 li {
	text-decoration: none;
}
#about-artist-text {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#info-Container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.titel_show {
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-right: 2px;
	width: auto;
	display: inline;
	position: relative;
	text-align:center;
	left:0px;
}
.Impressum_img {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	position: relative;
}
/*----*/
/* ======================================= 
   " footer-center-containter "  */
/* =============design_navi=============== */
.revolvermaps {
	clear: both;
	float: left;
	display: block;
	position: relative;
	top: 40px;
	margin-left:-6.00%;
}

}
/* Desktoplayout: 769 bis maximal 1232 px.  Erbt Stile von: den Layouts für Mobilgeräte und Tablet-PCs. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	position: static;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-top: -168px;
	margin-bottom: -1300px;
	padding-bottom: 0px;
	top: 210px;  /* "header Position" */
	position: relative;
	padding-top: 225px;
	padding-bottom: 5px;/* "footer Position" */
	background-color: #433b38;
	position: relative;
	background-image: url(../../MG-Design_css/project-body-back.jpg);
	background-repeat: repeat;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 30px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	border: 5px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	vertical-align: middle;
}
#headerback {
	margin-left: 0;
	width: 100%;
	height: 210px;
	margin: 0px;
	top: 0px; /*  "Kopf header Position"  */
	margin-top:0px;/*  "header Position"  */
	padding-left: 0.00%;
	padding-right: 0.00%;
	display: block;
	position: relative;
	background-image: url(../../MGart-web-design/ba_he.jpg);
	background-repeat: repeat;
}
#header-center-containter {
	top:-260px;
	position:absolute;
}
#MG-headermenu {
	top:240px;
	left:-10.00%;
	
}
#body-header-time {
	clear: both;
	float: left;
	margin-left: 0;
	margin-right: auto;
	width: 80.00%;
	padding-left: 0.0000%;
	padding-right:30.0000%;
	display: block;
	margin: -15px auto;
	margin-bottom:0px;
	padding-bottom: 0px;
	letter-spacing: 1.7px;
	text-shadow: 1px 0px 0px black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #a7a898;
	top:-410px;
	left:-10px;
	z-index:9;
	position: relative;
}
#time {
	
}
#header-ranginart-icon {
	margin-top:70px;
	left:-8.00%;
}
.gif-design {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 4px;
	max-height:4px;
	padding-left:0.00%;
	padding-right:0.00%;
	display: block;
	position: relative;
	top:0px;
	z-index:5;
}
#webdesign {
	top:137px;
}
#header {
	top:70px;
}
#mgart-contact-app {
	top:0px;
	left:10.00%;
	right:0px;
}
.keywords-search {
	top:-150px;
	left:-15px;
}
.footer-info {
	clear: both;
	width:100%;
	margin-left:5.00%;
	margin-right:5.00%;
	top:470px;
	position: relative;
}
#foot_text {
	clear: both;
	float: none;
	display: block;
	width: 100%;
}
#foot_text font {
	clear: both;
	float: none;
	display: block;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: lighter;
	color: #990;
	font-size: 12px;
}
#Contact-soc-container{
	width: 90%;	
	top:525px;
	left:-10.00%;
	
}
/*=====================================
  PRELOADER STYLES 
    ===================================*/
   #pre-div {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}
#loader {
	background-image: url(../../loader/loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
	height: 200px;
	left: 50%;
	margin: -100px 0 0 -100px;
	position: absolute;
	top: 50%;
	width: 200px;
}
/* ======================================= 
   " header-center-containter "  */
/* =============design_navi=============== */

/* ======================================= 
   " body-center-containter "  */
/* =============design_navi=============== */
#body-center-containter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	padding-left:10.00%;
	padding-right:10.00%;
	display: block;
	position: relative;
	top:350px; /*  " Text impersion und text: (Legal disclaimer...) Position"  */
}
#Impressum-Container {
	clear: both;
	float: none;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
	position: relative;
	padding-bottom:0px;
	margin-top:0;
	top:200px;
}
#Impressum_titel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-left: 0.0000%;
	padding-right:0.1000;
	text-align: left;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	letter-spacing: 4px;
	position:relative;
	border: 2px;
	top:0px;
	left:0px;	
	margin:0px auto;
}
.untertitle {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 0.1000;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 2px;
	color: #CCC;
	top:100px;
	position:relative;
	font-size: 42px;
	font-style: normal;
	margin-top:-750px;
	text-shadow: 1px 0px 0 #000;
}
.title_text {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	padding-left: 0.00%;
	padding-right:0.1000;
	text-align: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	margin:-500px auto;
	border: 2px;
	color: #f7aa29;
	font-size: 28px;
	text-shadow: 1px 1px 0px black;
	font-style: normal;
	letter-spacing: 1.0px;
}
.untertext_line {
	clear: both;
	float: left;
	margin-left: 40.0000%;
	margin-right: auto;
	display: block;
	padding-left: 0.0000%;
	padding-right:0.1000;
	background-color: #6d1723;
	height: 0px;
	width: 50.2000%;
	left: 95px;
	margin:-620px auto;
	margin-bottom:20px;
	position:relative;
}
/* ====================== contact-Container ====================== */ 
#contact-Container {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 100%;
	left: 0px;
	padding-left: 20.985%;
	padding-right: 0.0000%;
	display: block;
	margin: 0px auto;
	margin-bottom: -400px;
	position: relative;	
}
/* ------- */
#contact-info-container {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 440px;
	padding-left: 0.0000%;
	padding-right:0.0000;
	display: block;
	text-align: left;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	border: 2px;
	color: #000;
	left:0px;
	top:210px;
	font-size: 12px;
	font-style: normal;
	margin:0px auto;
	padding-bottom:0px;
	position:relative;
}
.contact-info-container-position {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 100%;
	padding-left: 10.00%;
	padding-right:10.00;
	display: block;
	margin-bottom: 0px;
	font-size: 12px;
	font-style: normal;
	margin:0px auto;
	padding-bottom:-100;
	color: #FFF;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px black;
	position:relative;
}
.contact_animation {
	clear: both;
	float: left;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 106%;
	padding-left: -6.0000%;
	padding-right: 0%;
	display: block;
	left: -17px;
	top:-5px;
	margin-bottom: 0px;
	text-align: center;
	position: relative;
	height: 7px;
	margin-top: -7px;
}
#text-info-container {/*  "1"  */
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.50%;
	display: block;
	margin-bottom:10px;
	padding-bottom:0px;
	padding-left:20px;
	padding-right:0px;
	padding-top:-5px;
	top:20px;
	background-color: rgba(148, 209, 132, 0.10);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	vertical-align: middle;
	position:relative;
	height: auto;
	left:32px;
}
img.logoposition {
	clear: both;
	float: left;
	margin-left: 0;
	padding-top:10px;
	padding-bottom:2px;
	width: 30%;
	display: block;
	top:0px;
}
#KEEP-TOUCH {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom:10px;
	font-style: normal;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #74521d;
	
}
.text_deko:after {
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.text_deko hover {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.keep-span {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 2px;
	color: #d6650a;
	font-size: 12px;
	letter-spacing: 2px;	
	line-height:1.0em;
	text-shadow: 1px 1px 0px black;
	margin-bottom: 0px;
	margin-top:-10px;
}
.info_artist_contact {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	border-bottom: 4px solid #4b6d43;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #ee9b09;
	font-size: 12px;
	padding-top:3px;
	letter-spacing: 2px;	
	line-height:2.0em;
}
font.info_artist_contact {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-right:0px;
}
.text_dekoration {
	color: #d6650a;
	font-size: 12px;
}
.text_dekoration a {
	text-decoration: none;
	font-size: 12px;
	text-shadow: 1px 1px 0px black;
	color: #F90; font-weight: bold} /*Navy Blue*/
a:hover, a:focus {color: #53553e; font-weight: bold} /*Green*/
a:visited {color: #e15ef4; font-weight: bold} /* Purple */
.contact_phone {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #edba61;
	font-size: 12px;
	padding-top:10px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #edba61;
	font-size: 12px;
	padding-top:10px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail a {
	text-decoration: none;
	color: #edba61;
	font-size: 14px;
}
.contact_phone_img {
	#text-shadow: 1px 0px 10px black;
	padding-top:10px;
}
.contact_mail_img {
	#text-shadow: 1px 0px 10px black;
}
.Mrs_Ganji-bild {
	clear: both;
	float: left;
	margin-left: auto;
	width: 200px;
	padding-left: 0%;
	padding-right: 0%;
	margin-right: auto;
	right: 0px;
	display: block;
	margin-bottom: 20px;
	background-color: rgba(148, 209, 132, 0.00);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #444;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	margin-top: 5px;
	height: auto;
}
/*----*/
#Impressum_hauptcontainer {
	left:-14.00%;
	position: relative;
	top:-40px;	
}
#tabs_container p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:normal;
	line-height: 2;
	letter-spacing: 1px;
	font-size: 1.1em;
	line-height: 1.5em;	
}
#tabs-Container {
	clear: both;
	float: left;
	margin-left: -5.00%;
	margin-right: 0.00%;
	width: 100%;
	display: block;
	top: -200px;
	padding-left: 0.00%;
	padding-right: 0.00%;
	margin-bottom: 0px;
	text-align: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #96938c;
	left:0.00%;
	letter-spacing: 1px;
	font-size: 1.8em;
	line-height: 1.7em;
	overflow: hidden;
	margin-top: 0px;
	padding-bottom:0px;
	margin-right: auto;
	list-style-type: none;
	position: relative;	
}
#tabs2 li {
	text-decoration: none;/*  "2"  */
	top: -25px;
	left:0.00%;
	position: relative;
}
#tabs2 ul {
	width: 70%; /*  "3"  */
}
#about-artist-text {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#info-Container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.titel_show {
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-right: 2px;
	width: 100%;
	max-width:220px;
	display: inline;
	position: relative;
	text-align:center;
	left:0px;
}
.Impressum_img {
	float: left;
	width: 20%;
	margin-left: 0px;
	margin-right: auto;
	position: relative;
}
/* "" */
#footer-center-containter {
	clear: both;
	float: left;
	margin-top:245px;
	display: block;
}
/* ======================================= 
   " footer-center-containter "  */
/* =============design_navi=============== */
.revolvermaps {
	clear: both;
	float: left;
	display: block;
	position: relative;
	top: 50px;
	margin-left:-4.00%;
}
/* ======================================= 
   " hinter footer "  */
/* =============design_navi=============== */

}