@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%;
}
body {
	background-image: url(MG_archiv/css_design/body-back.jpg);
	background-repeat: repeat;	
}
/*
	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. */

#kopf-textbeweg {
	clear: both;
	float: left;
	background-color: rgba(108, 105, 104, 0.85);
	height: 11px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.tile {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FF0;
	width: 100%;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	font-weight: bold;
}
.MG_Artworkspresentation_container {
position: absolute;
right:0;
top:1px;
width: 100%;
}
.presentation Artist {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FF0;
}
..MG_Artworkspresentation_container {
position: absolute;
right:0;
top:1px;
width: 100%;
}
.MG_Artworkspresentation_container .portlet {
background-color: transparent;
}
.MG_Artworkspresentation_container .portletCollection {
margin: 0;
width: 7800px;
}
.MG_Artworkspresentation_container .portletCollection .portletHeader {
display: none;
}
.MG_Artworkspresentation_container .portletCollection .presentation {
float: left;
}
.MG_Artworkspresentation_container .portletCollection .presentation img {
display: none;
}
.MG_Artworkspresentation_container .portletCollection .Artist a {
	color: #0F0 !important;
}
.MG_Artworkspresentation_container .portletCollection .ArtMG a {
	color: #0CF !important;
}
/* */

.portlet a {
text-decoration: none;
color: Blue;
}
.portlet a.tile {
display: block;
color: #000000;
}

/* *************************/

#farbHeaderkopf {
	background-color: rgba(108, 105, 104, 0.85);
	height: 40px;
	width: 100%;
	clear: both;
}
.kopfpainting-Logo {
	height: 100px;
	width: 100%;
	background-image: url(MG_archiv/css_design/header-back.jpg);
	background-repeat: repeat;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	
	-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 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 	
}
/*------------ gridContainer --------------*/
#
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	max-width: 480px;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:-45px auto;
}
.aktivmenu {
	
}
li {
	color: #000;
	font-size: 1em;
	line-height: 1.8em;
	font-weight: bold;
}
	body{margin:0px; font-family:Arial, Sans-Serif; font-size:12px;}
        /* dock */
    #dock{margin:0px; padding:0px; list-style:none; position:fixed; top:0px; height:100%; 
              z-index:100;  background-color: rgba(250, 248, 247, 0.50); left:0px;}
        #dock > li {width:30px; height:100px; margin: 0 0 1px 0; background-color:#dcdcdc;
                     background-repeat:no-repeat; background-position:left center;}
        
        #dock #MG_links {background-image:url(MG_archiv/css_design/links.png);}
        #dock #network {background-image:url(MG_archiv/css_design/share.png);}
        #dock #menu {background-image:url(MG_archiv/css_design/menu.png);}

        #dock > li:hover {background-position:-35px 0px;}
        
        /* panels */
        #dock ul li {padding:5px; border: solid 1px #F1F1F1;}/*--farb Hinter Text --*/
        #dock ul li:hover {background:#D3DAED url(item_bkg.png) repeat-x; border: solid 1px #A8D8EB;}
        #dock ul li.header, #dock ul li .header:hover {background:#D3DAED url(header_bkg.png) repeat-x;border: solid 0px #F1F1F1;}/*--farb2 Hinter Text --*/
      
        #dock > li:hover ul {display:block;}
        #dock > li ul {position:absolute; top:10px; left:-180px;  z-index:-1;width:100px; display:none;
                       background-color: rgba(250, 248, 247, 0.50); border:solid 0px #969696; padding:0px; margin:-10px; list-style:none;}/*--farb background --*/
        #dock > li ul.docked { display:block;z-index:-2;}
        
        .dock,.undock{float:right;}
       .undock {display:none;}
        #content {margin: 10px 0 0 60px;}
/*------------------------------------------*/


.MG {
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.animation/MG_animation_p.gif);
	background-repeat: no-repeat;
	height: 113px;
	width: 12%;
	margin-right: 0.9408%;
	margin-left: 75.9408%;
	float: right;
	margin-top: -85px;
	margin-bottom: 50px;
}
/*------------------------------------------*/
#social_network {
	clear: both;
	float: right;
	margin-left: auto;
	width: 75%;
	display: block;
	margin-right: 10.9408%;
	margin-left: 40.9408%;
}
/* ==== sozialeNetzwerke  ==== */
#Netzwerkpostion {
	clear: none;
	float: right;
	margin-right: 0px;
	top: 0px;
	left:30px;
	margin-bottom: 0px;
	margin-top: -110px;
}
/* ==================================================
   social-icons
================================================== */

.social-icons {
	margin: 0;
	padding: 0;
	margin-right: 10px;
	float:right;	
}

.social-icons li {
	display: inline-block;
	margin-left: 0px;
}

.social-icons li:first-child {
	margin-left: 0;
}
/*------- effckt haver vordergrund------*/
.social-icons li a{
	color: #fff;
	font-size: 14px;
	line-height: 1em;
	width: 22px;
	height: 22px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: opacity 0.1s linear 0s;	
	   -moz-transition: opacity 0.1s linear 0s;
		 -o-transition: opacity 0.1s linear 0s;
		    transition: opacity 0.1s linear 0s;
}
/*------- effckt haver------*/
.social-icons li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}/*==== Ende Social === */
/*-------------------------*/
#PaintingLogo {
	clear: none;
	float: left;
	margin-left: 2px;
	margin-right: auto;
	width: 95%;
	display: block;
	background-image: url(MG_archiv/css_design/paintingart-logo.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: -10px;
	margin-top: -175px;
	position: relative;
	max-width: 60%;
	height: 80px;
}
.PaintingLogoPosition {	
}
#mailPhone {
	clear: both;
	float: left;
	width: 45%;
	margin-right: auto;
	margin-left: 50px
	display: block;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 300;
	color: #FC0;
	letter-spacing: -0.80%;
	text-shadow: 1px 0px 0px #333;	
}
#emailPostion {
	margin-top: -195px;
	margin-bottom: 0px;
	text-align: right;
}
.Mail-img {
	margin: right 0px;
	float: right;
	margin-top: 0px;
	margin-right: 190px;
	margin-left: 0px;
	margin: 0px auto;
}
.email {
	top: 0px;
	clear: right;
	margin: -20px auto;
	margin-right: 20px;
	float: right;
	color: #585856;
}
#HeaderMenu {/*---- menu Header ------*/
	clear: both;
	float: left;
	width: 100%;
	margin-right: 20.9408%;
	margin-left: 30.9408%;
	display: block;
	position: relative;
	margin: -95px auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	padding-left: 22px;
}
.menuePosition {
	clear: both;
	float: left;
	margin 0px auto;
	margin-bottom: 0px;
}
/*---- menu box ------*/
.impressum_menu {
	font-family: Pablo Impallari,
	font-size: 12px;
	font-weight: 300;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;	
}
.impressum_menu a {
	text-decoration: none;	
}
/*---- menu box ------*/
.menu_bild_position {
	float: left;
	clear: both;
	margin-left: 0px;
	margin-right: auto;
	width: 100%;
	display: block;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom:30px;
	height: auto;
	z-index: 99;
	position: relative;
	font-family: 'Oswald', Dosis, sans-serif;
}
.menu_bild_position h4{
	float: left;
	clear: both;
	margin-left: 20px;
	margin-right: auto;
	color: #d4724c;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 1.1em;
	position: relative;
	margin 100px auto;
	top: 200px;
}
.menu_bild_position a{
	float: left;
	clear: both;
	margin-left: 20px;
	margin-right: auto;
	color: #d4724c;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 1.1em;
	position: relative;
	margin 0px auto;
	top: 60px;
}
.media_titel_text {
	float: left;
	clear: both;
	width: 100%;
	margin-left: 20px;
	margin-right: auto;
	color: #d4724c;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 0.8em;
	position: relative;
	margin 70px auto;
	top:50px;
}
.gallery_titel_text {
	float: left;
	clear: both;
	width: 100%;
	margin-left: 20px;
	margin-right: auto;
	color: #d4724c;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 13px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 0.8em;
	position: relative;
	margin 0px auto;
	top: 20px;
}
.menu_position_left {
	float: left;
	clear: both;
	margin-left: 0px;
	margin-right: auto;
	width: 47.50%;
	display: block;
	z-index: 99;
	margin: 0px auto;
	position: absolute;
	padding-right: 0.0000%;
	padding-left: 0.0000%;
}
.menu_position_mitte{
	float: center;
	clear: both;
	margin-left: 60.00%;
	margin-right: auto;
	width: 50%;
	display: block;
	margin: 0px auto;
	z-index: 99;
	left:70px;
	padding-top: -300px;
	padding-right: 0.0000%;
	padding-left: 0.0000%;
	position: relative;
}
.menu_position_right {
	float: right;
	clear: right;
	margin-left: auto;
	margin-right: 0px;
	width: 50%;
	display: block;
	margin: 0px 0px 0px;
	z-index: 99;
	position: absolute;
	padding-left: 30.0000%;
	padding-right: 0.0000%;
}
.menu_right {float: left; margin:-100px 50px 50px; width: 100%; margin-left:-100px; position: relative; }
#gallery_logos_position {
	clear: both;
	float: center;
	margin-left: auto;
	margin-right: auto;
	width: 0%;
	display: block;
	padding-left: 2%;
	padding-right: 5%;
	padding-top: -300em;
	margin-bottom:20px;
	z-index: 99;	
	height: auto;
	margin-top: -160px;
	margin-bottom: 0px;
}
/*--A" Gallery Bild "--*/
.MG-gallery-img {
	clear: both;
	float: right;
	margin-left:auto;
	margin-right:5.0000%;
	width: 45.5918%;
	padding-left:0.0000%;
	padding-right:0.0000%;
	right: 0px;
	left: 0px;
	top: 0px;
	z-index: 99;
	height: auto;
	top:65px;
	padding-top: -670em;
	margin-top: 0px auto;
	margin-bottom:0px;
	position: relative;
}
/*--B" Gallery MG Logo "--*/
.menu-MG_gallerylogo {
	float: left;
	margin-left: 0.0000%;
	margin-right: 35.0000%;
	width: 0.00%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 35.0000%;
	margin: 10px auto;
	padding-top: 0px;
	left: 0px;
	height: auto;
	z-index: 99;
	position: absolute;
}
/*--C" Gallery Painting Logo "--*/
.MG_menu-logo {/* für painting art logo position */
	clear: both;
	margin-left: 0.0000%;
	margin-right: auto;
	width: 0.00%;
	padding-left: 0.0000%;
	padding-right: 50.0000%;
	margin: 30px auto;
	padding-top: 0px;
	position: absolute;
	left: -150px;
	top: 0px;
	margin-bottom: 20px;
	z-index: 99;
	height: auto;
	display: block;
}
/*--D" Gallery Painting backgrund "--*/
.gallery_container {
	width: 100%;
	height:250px;
	z-index: 1000;
}
/*--A" Media Artist Bild "--*/
.MG-media-img {
	clear: both;
	float: left;
	width: 0%;
	right: 0px;
	left: 10px;
	top: 10px;
	z-index: 99;
	padding-top: -550em;
	margin-top: 0px;
	margin-bottom: -10px;
	position: relative;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6c8699;
	vertical-align: middle;
	height: auto;
}
/*--B" Media MG Logo "--*/
.MG_media_support {float: right; width: 25.5918%;  margin-left:auto; margin-right:auto; margin: -100px auto; z-index: 99; margin-bottom:-50px; height: auto;}
.MG_mediaLogo_position {float: center; width: 99.5918%; margin: -150px auto;}
#mediaPaintinglogo_position {
	float: right;
	margin-left:0.0000%;
	margin-right:10.0000%;
	width: 65.5918%;
	height: auto;
	padding-left:0.0000%;
	padding-right:0.0000%;
	margin-bottom: -70px;/*  gesamt bhintergrung groß endrung */
}
/*--C" Media Painting Logo "--*/
.MG_menugallery-Paintinglogo {
	float: right;
	margin-left:45.0000%;
	margin-right:0.0000%;
	width: 40.5918%;
	padding-left:45.0000%;
	padding-right:0.0000%;
	margin: -150px auto;
	padding-top:0px;
	z-index: 99;
	height: auto;
}
/*--D" MG Logo "--*/
.menu-MG_logo {
	float: right;
	margin-left: auto;
	margin-right: auto;
	width: 9.2918%;
	padding-left: 2%;
	padding-right: 25%;
	padding-top: 0px;
	z-index: 99;
	height: auto;
	margin-top: 0px;
	margin-bottom: -55px;
}
/*--E" network_menulist "  */
.network_menulist {
	margin-left:10px;
	margin-right:auto;
	width: 40.5918%;
	padding-left:20px;
	padding-right:auto;
	position:relative;
	padding-top: 0px;
	top: 0px;
}
.MG_linke {
	top:30px;
	position:relative;
}

/*--F" media network  */
.MG_linke a {
	float: left;
	clear: left;
	padding-left:25.0000%;
	padding-right:auto;
	padding-top:15px;
	padding-bottom:15px;
	left:10px;
	margin-left:20.0000%;
	margin-right:auto;
	width: 40.5918%;
	margin: -5px auto;
}
/*--G" media network backgrund masse  */
.Media_web_container {
	width: 100%;
	height:250px;
	z-index: 99;
}
/*--H" media network Rext go to web & ... site  */
.web_network {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0px;
	text-shadow: 1px 0px 0px black;
	color: #FFF;
}
.menu_position_left b {
	font-size: 12px;
	letter-spacing: -0.5px;
}
.MG_menu-Paintinglogo {
	float: left;
	width: 70.5918%;
	margin-left:40.0000%;
	margin-right:5.0000%;
	margin-right:auto;
	margin: -10px auto;
	padding-top:0px;
	z-index: 99;
	margin-bottom: -55px;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign/css_Painting_art/css_Menu-ico/MG-Menu-Gallery.png1);
	background-repeat: repeat;
}
.menu-titel {
	float: left;
	top: 60px;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top:0px;
	padding-bottom: 0px;
	z-index: 99;
	background-color: rgba(0,51,204,0.4);/* 2- (1 und 2 baham)hintergrung farbe */
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #F63;
	box-shadow: 0px 0px 5px 2px #F63;
}
.MG_linke {
	float: left;
	width: 70.5918%;
	z-index: 99;
	margin: -20px auto;
}
.menu_footer {float: left; width: 99.5918%; margin: -30px auto;}
/*---- menu box ------*/
h1 {
	font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
	color: #333;
	margin: 0;
	z-index: 99;
	padding: 5px 0;
}
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	z-index: 99;
	color: #fff;
}
.container {width: auto; margin: 0px auto;}
ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	font-size: 1.15em;
	z-index: 99;
	background-image: url(MG_archiv/css_design/topnav1_s.gif);
	background-repeat: repeat-x;	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 0px solid #555;
	z-index: 99;	
}
ul#topnav li a {
	float: left;
	padding: 2px 5px;/*---- Breit und Menu Abstand-----*/
	display: block;
	color: #f0f0f0;
	z-index: 99;
	text-decoration: none;	
}
ul#topnav li:hover {
	background-image: url(MG_archiv/css_design/topnav1_a.gif);
	background-repeat: repeat-x1;
	background-color: rgba(0,51,255,0.6);
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	padding-bottom: 0px;
	z-index: 99;
	padding-top: 0px;/*---- farb hinter schrift Titel------*/
}
ul#topnav li span {
	float: left;
	padding: 0px 0;
	position: absolute;
	left: 0; top:20px;/*---- menu und hintermenu Abstand ------*/
	display: none;
	z-index: 99;
	width: 103%;
	/*---- farb hinter grund Menu ------*/
	color: #fff;
	background-color: rgba(96, 24, 25, 2.90);/* 2- (1 und 2 baham)hintergrung farbe */
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	border:5px solid #6d1723; 
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 5px;
	padding-bottom:-1px;
	padding-top:-1px;/*---- farb hinter schrift Titel------*/
}
ul#topnav li:hover span { display: block; z-index: 99;}
ul#topnav li span a {
	display: inline;
	color: #a1c3db;/*  menu innen text color */
	z-index: 99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-shadow: 1px 1px 0px black;
}
ul#topnav li span a:hover {
	text-decoration: underline;
	background-image: url(../css_design/topnav1_a.gif);
	background-repeat: repeat-x1;
	background-color: rgba(37, 24, 84, 0.70);
	border:1px solid #6d1723; 
    border-radius: 10px;
	z-index: 99;
    -webkit-border-radius: 10px;
    -moz-border-radius: 5px;
	padding-bottom:-1px;
	padding-top:-1px;;/*---- farb hinter schrift Titel------*/
}
/*--------- Ende Menu -------------*/
/*--- <<<<<<<< [  MG header Kopf Blau  ] >>>>>>>>>---*/ 
.container_logoblau {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 12%;
	padding-left: 0.5000%;
	padding-right: 0.0000%;
	display: block;
	margin: 0px auto;
	top: 0px;
	left: -20px;
	position: relative;
}
#headerkopf_MG_logoblau {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 10%;
	padding-left: 0.0000%;
	padding-right: 22.0000%;
	display: block;
	margin: 0px auto;
	top: -45px;
	left: -120px;
	right:90px;
	position: absolute;
	z-index: 99;
	padding-top: 0px;
	margin-bottom: -70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 0.8em;
	font-style: normal;
	font-weight: 300;
	color: #333;
	}
.MG_logoblau_position {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 6%;
	padding-left: 0.0000%;
	padding-right: 10.0408%;
	margin-bottom:0px;
	display: block;
	margin: -50px auto;	
	position: absolute;
}
	.desc { color:#6b6b6b;}
	.desc a {color:#0092dd;}
	.dropdown {
	width: 100px;
	float: left;
	font-family: Arial,
	Helvetica, Sans-Serif;
	font-size: 0.825em;
	color: #000;
	text-align: left;
}       
	.dropdown dd, .dropdown dt, .dropdown ul {
	margin: 0px;
	padding: 25px;
	margin-left:
	130px;}		
	.dropdown dd {
	position:
	relative;
	margin-left: -10px;
	position: relative;
}	
.dropdown a, .dropdown a:visited {
	color:#816c5b;
	text-decoration:none;
	outline:none;
	-webkit-box-shadow: 0px 0px 10px 2px #171717;
	-moz-box-shadow: 0px 0px 10px 2px #171717;
	box-shadow: 0px 0px 10px 2px #171717;
	
	-webkit-box-shadow: 0px 0px 15px 2px #a9b4a7;
	-moz-box-shadow: 0px 0px 15px 2px #a9b4a7;
	box-shadow: 0px 0px 15px 2px #a9b4a7;
	
	/*-- hiermit alle ecke sind rund -*/
	border:1px solid #50584e; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;   
}
.dropdown a:hover {
	color:#5d4617;
}	
.dropdown dt a:hover {
	color:#5d4617;
	border: 0px solid #d0c9af;
}
.dropdown dt a {
	background:#e4dfcb url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.icons_png3288px/MG.png) no-repeat scroll right center;
	padding-right:0px;
	border:0px solid #d4ca9a;
	width:0px;	
}
.dropdown dt a span {
	cursor:pointer;
	float: left;
	display:block;
	padding:0px;
}
.dropdown dd ul {
	background:#e4dfcb none repeat scroll 0 0;
	border:1px solid #d4ca9a;
	color:#C5C0B0;
	display:none;
	left:5px;
	padding:5px 5px; position:absolute;
	top:2px; width:auto;
	min-width:120px;
	
	-webkit-box-shadow: 0px 0px 5px 2px #000000;
	-moz-box-shadow: 0px 0px 10px 2px #000000;
	box-shadow: 0px 0px 15px 2px #000000;
	
	/*-- Rund Ecke -*/
	border:1px solid #eece11; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;  
	list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:1px; display:block;}
.dropdown dd ul li a:hover { background-color:#fff;} 
.dropdown img.flag {
	border: none;
	vertical-align: middle;
	position: relative;
	float: right;} 
.MG_link_titel {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 8px;
	border-bottom: 1px solid #74521d;	
}
.mail-_MG_blaulogo {
	font-size: 8px;
}
/*--- <<<<<<<< [  MG header Kopf Blau ENDE  ] >>>>>>>>>---*/ 
#bodyHouptContainer {/*---- body Rahm rot border ---*/
	clear: both;
	float: left;
	margin-left: auto;
	margin-left: auto;
	width: 98%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:120px auto;
	text-align: center;
	background-image: url(css_design/header-back1300.jpg);
	background-repeat: repeat;
	/*---*/
	background-color: rgba(109, 23, 35, 0.10);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:8px solid #6d1723; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	margin-bottom:-100px;
	padding-bottom:-100px; 
		
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#about-headerShow {
	clear: both;
	float: none;
	margin-left: -50px;
	margin-right: 20px;
	width: 98.50%;
	padding-left: 0.0000%;
	padding-right: 0.9550%;
	height: auto;
	display: block;
	left: 0px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: -160px auto;
	/*--ecke rund/--*/
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/
	
	background-color: rgba(109, 23, 35, 0.00);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
.textheader1 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 1.1em;
	line-height:0.9em;
}
.mgLogo {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 20%;
	padding-left:80.00%;
	padding-right:0.00%;
	text-align:right;
	display: block;
	top:-110px;
	position:relative;
}
.textheader2 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 0.9em;
	line-height:1.1em;
}
.textheader3 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 1.0em;
	line-height:1.1em;
}
.text span {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	left: 20px;
	display: block;
	text-align: center;
	position: relative;
}
.text h2 {
	clear: both;
	float: left;
	margin-left: 20px;
	margin-right: auto;
	width: auto;
	display: block;
}
.special-font .zeichen {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1.1em;
	line-height:1.7em;
	margin:-20px auto;
}
#AboutShowFilter {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	margin: 90px auto;
	background-image: url(MG_archiv/show-images/bild02.png);
	background-repeat: no-repeat;
}
/* slider */
#slider {position:relative;background-color: rgba(3, 3, 3, 0.10); url('images/bg/bg-light.png') center bottom no-repeat;}
#slider img{margin:0; padding:0;display:block;}
#slider.fixed-image img {width:auto;height:auto;max-width:100%;}
#slider .shadow{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10px;
	left: 0;
	background: url('images/shadow-slider.png') no-repeat top center;
	z-index: 10;	
}
/*  ==== A ========= Handy ==================  Übertragung  ============= 4.11.2014 ====================  */
#body_houpt_imagescontainer {
	clear: both;
	float: left;
	margin-left: auto;
	margin-left: auto;
	width: 98%;
	max-width: 480px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:0px auto;
	text-align: center;
	margin-bottom:0px;
	margin: 0px auto;
}
#body_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 93%;
	display: block;
	margin:-20px auto;
}

#Artist-container {
	clear: both;
	float: left;
	margin-left: -12.5000%;
	margin-right:0.0000%;
	width: 95.3673%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
}
#artist-logo {
	clear: both;
	float: right;
	margin-left: 0;
	display: block;
	width: 53.3673%;
	padding-left: 0.985%;
	padding-right: 21.985%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo.png);
	background-repeat: no-repeat;
	margin:0px auto;
	margin-right: auto;
	margin-left: 0px;
	position: relative;
	text-align: center;
	height: 150px;
	top:-400px;
}
.artist-logo-position {
	clear: none;
	float: right;
	margin-left: 0;
	width: 65.9795%;
	display: block;
	margin: 0px auto;
	right: 0px;
	position: relative;
}

#gallery-info-container {
	clear: none;
	float: right;
	margin-left: 10.0408%;
	margin-right: 0.0408%;
	width: 48.9795%;
	padding-left: 10.0408%;
	padding-right: 0.0408%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cellspacing="0"; 
	cellpadding="5";
	margin: 0px auto;
	top:0px;
}


/*  ************ [  Ende Übertragung 4.11.2014  ] **************  */
/* ========== web SCO Networks ============ END Übertragung ====================== */
/* === 1 =====<<<<<<<<<<<<<<<<  Übertragung Media Artist in Sotcial netwoks und suchmaschinen >>>>>>>>>>>>>>>>======= */
.haouptcontainer_medianetworks {
	width: 90.2%;
	max-width: 480px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	height: auto;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
}
#hauptcontainer_left {/* <<<<<<<<  left >>>>>>>>>>> */
	clear: both;
	float: left;
	margin-left: 0px;
	width: 39.5673%;
	display: block;
	padding-left:0.0000%;
	padding-right:0.0000%;
	background-color: rgba(15, 15, 15, 0.35);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	height: 1600px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin: -95px auto;
	left:-25px;
}
#uhr_kalender {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	padding-left: 1px;
	padding-right: 1px;
	padding-top:2px;
	padding-bottom: 2px;
	display: block;
	height: 0px;
	text-align: center;
	margin:0px auto;
}
/* --- Art MG Social Networks ---- */
#MG_netwoks {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	max-width: 100%;
	width: 208px;
	position: relative;
	height: 40px;
	left: -40px;
	margin-top: -15px;
	margin-bottom: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	
}
#MG_netwoks ul {
	list-style: none;
	position: relative;
	width: 165px;
}
#MG_netwoks ul li {
	float: left;
	padding: 0px;
	padding-bottom: 5px;
	padding-top:10px;	 
}
#MG_netwoks ul img {/*---social networks --- */
	border: 0px solid #111111;
	border-width: 2px 2px 2px;
	width: 243px;
	height: 50px;
}
#MG_netwoks ul a:hover img {
	border: 0px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
#MG_netwoks ul a:hover {
	color: #ee5558;
}
#MG_netwoksContainer {
	clear: both;
	float: none;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 25px;
	padding-left: 0px;
	display: block;
	width: 165px;
	height: 950px;
	display: block;
	padding-left: 0px;
	padding-right: 5px;
	position: relative;
	margin: -35px auto;
	border: 1px solid #ee5558;
	background-color: rgba(20, 1, 2, 0.75);
	text-align: center;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
#livejournal_google_reader {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 200px;
	padding-left: 0.005%;
	padding-right: 0.055%;
	display: block;
	position: relative;
	top: 40px;
	left:-44px;
	height: 100px;
}
#livejournal_google_reader li {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	text-decoration: none;
	list-style-type:none;
}

/* --- Art Mg Social Networks ENDE --- */

/* <<< A <<<< [  web MG Art Socialnetworks  ] >>>>>>>>>>>> */
#MG_Art_WebNetworks {
	clear: both;
	margin: 0px;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	max-width: 100%;
	width: 156px;
	position: relative;
	height: 1450px;
	left: 6px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #444;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	margin: -45px auto;
}
.MG_Art_container_position {
	clear: both;
	margin:0px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	width: 162px;
	position: relative;
	height: 1508px;
	left: -10px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/	
	background-color: rgba(109, 23, 35, 0.80);
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
#MG_webnetwoks {
	left:30px;
	top:10px;
}
.panel-body li {
	text-decoration: none;
	list-style-type:none;
}
.panel-body li a:hover img {
	border: 0px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body ul a:hover img {
	border: 2px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body li a:hover {
	color: #ee5558;
}
.panel-footer {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	display: block;
	background-color: #444;
	padding-left: auto;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: auto;
	width: auto;
}
.panel-footer a {
	text-decoration: none;
	list-style-type: none;
	overflow: visible;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.MG_backgrund {
	margin: 0px;
	width: auto;
	height: 30px;
	background-color: #444;
	position: relative;
	border: 1px solid #ee5558;
	margin: 0px auto;
	padding-top:5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	left:2px;
}
.MGartWeb {
	width: 160px;
	position: relative;
	margin-left: 0px;
	margin-right: auto;
	left:0px;
}
.bild_position {
	clear: both;
	margin: 0px;
	float: right;
	width: 154px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	padding-left:0px;
	padding-right:0px;
	left:3px;
}
.row {
	clear: both;
	margin:0px;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	width: 158px;
	left 0px;
	position: relative;
}
/* <<< E <<<< [  web MG Art Socialnetworks ENDE  ] >>>>>>>>>>>> */
.pageLanguage_container {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: auto;
	width: 45.8000%;
	display: block;
	right:0px;
	position: relative;
}
#pageLanguage {
	clear: none;
	float: left;
	margin-left: 0px;
	margin-right: 100px;
	width: 100%;
	padding-left: -10.0000%;
	padding-right: 0.0000%;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	height: auto;
	right: 0px;
	margin: 40px auto;
	background-color: rgba(157, 166, 146, 0.65);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
}

#hauptContainer_center {/* <<< 1 <<<< [  center  ] >>>>>>>>>>>> */
	clear: none;
	float: left;
	margin-left: 0.0000%;
	width: 100%;
	display: block;
	padding-left:0.0000%;
	padding-right:0.0000%;
	text-align: center;
	background-color: rgba(157, 166, 146, 0.55);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	height: 1550px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin:110px auto;
	top:-40px;
	left:0px;
}
<!---- [  fb Masoud Ghafouri ] ------>
.hauptcontainer_fb_MG_A {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 570px;
	display: block;
	margin: 40px auto;
	text-align: center;
	position: relative;
}
#container_fb_position_MG_A {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left:0.5000%;
	padding-right: 0.5000%;
	width: auto;
	height: 500px;
	display: block;
	text-align: center;
	background-color: #a6b6a8;
	margin: 0px auto;
	position: relative;
}
.fb_headerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_position_MG_A {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
	margin: -30px auto;
}
.fb_footerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_comment_MG_A {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;
	
}
.comment_backgrund_MG_A {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;	
	background-color: #FFFFFF;
	-webkit-box-shadow: 1px 0px 2px 1px #3c423d;
	-moz-box-shadow: 1px 0px 2px 1px #3c423d;
	box-shadow: 1px 0px 2px 1px #3c423d;	
}
.sosialnetworks_fb-MG_A {
	clear: both;
	float: none;
	margin-left: 1.0408%;
	width: 100%;
	display: block;
	top:0px;
	text-align: center;
	margin: 5px auto;
	position: relative;
}
<!---- [  fb Ostad Masoud Ghafouri ] ------>
.hauptcontainer_fb_MG_B {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 470px;
	display: block;
	text-align: center;
	margin: 0px auto;
	position: relative;
}
#container_fb_position_MG_B {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.8000%;
	padding-right: 1.5000%;
	width: auto;
	height: 500px;
	display: block;
	text-align: center;
	background-color: #a6b6a8;
	margin: 5px auto;
	position: relative;
}
.fb_headerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_position_MG_B {
	clear: none;
	float: left;
	margin-left: -0.9000%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_footerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_comment_position {
	background-color: #a62437;	
}
.fb_comment_MG_B {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;
}
.comment_backgrund_MG_B {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;
	background-color: #fff;	
	-webkit-box-shadow: 1px 0px 2px 1px #3c423d;
	-moz-box-shadow: 1px 0px 2px 1px #3c423d;
	box-shadow: 1px 0px 2px 1px #3c423d;		
}
#fb-root {
	padding-top: 2px;
	background-color: #a6b6a8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}
.sosialnetworks_fb-MG_B {
	clear: both;
	float: none;
	margin-left: 1.0408%;
	width: 100%;
	display: block;
	top:-10px;
	text-align: center;
	margin: 15px auto;
	position: relative;
}
<!---- [  fb Iran Art ] ------>
.hauptcontainer_fb_iranart {
	clear: none;
	float: none;
	margin-left: 3.0408%;
	width: 440px;
	height: 630px;
	display: block;
	text-align: center;
	margin: 0px auto;
}
#container_fb_position_iranart {
	clear: none;
	float: none;
	margin-left: -10.0000%;
	padding-left: -10.8000%;
	padding-right: 1.8000%;
	width: 550px;
	height: 530px;
	display: block;
	text-align: center;
	margin: -510px auto;
	position: relative;
}
.fb_headerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_position_iranart {
	clear: none;
	float: left;
	margin-left: 1.0000%;
	padding-left: 0.8000%;
	right:0px;
	width: auto;
	display: block;
	text-align: center;
	margin: -155px auto;
	position: relative;
	background-color: #FFFFFF;
}
.fb_footerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_comment_iranart {
	clear: none;
	float: left;
	margin-left: 1.0408%;
	width: auto;
	display: block;
	left:10px;
	text-align: center;
	margin: 80px auto;
}
.comment_backgrund_iranart {
	clear: none;
	float: left;
	margin-left: 1.0408%;
	width: auto;
	display: block;
	text-align: center;
	margin: 80px auto;
	background-color: #fff;
}
.sosialnetworks_fb-iranart {
	clear: both;
	float: none;
	margin-left: 1.0408%;
	width: 100%;
	display: block;
	top:-75px;
	text-align: center;
	margin: 0px auto;
	position: relative;
}
<!---- [  fb Rangin Art ] ------>
.hauptcontainer_fb_ranginart {
	clear: none;
	float: none;
	margin-left: 3.0408%;
	width: 440px;
	height: 630px;
	display: block;
	text-align: center;
	margin: 0px auto;
}
#container_fb_position_ranginart {
	clear: none;
	float: none;
	margin-left: -5.0000%;
	padding-left: 0.8000%;
	padding-right: 1.5000%;
	width: 545px;
	height: 520px;
	display: block;
	text-align: center;
	
	margin: 820px auto;
	position: relative;
}
.fb_headerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_position_ranginart {
	clear: none;
	float: left;
	margin-left: -0.9000%;
	width: auto;
	right:5px;
	display: block;
	background-color: #fff;
	text-align: center;
	margin: -155px auto;
	position: relative;
}
.fb_footerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_comment_ranginart {
	clear: none;
	float: left;
	margin-left: 1.0408%;
	width: auto;
	height: 120px;
	display: block;
	text-align: center;
	padding-top:-10px;
	margin: 80px auto;
}
.comment_backgrund_ranginart {
	clear: none;
	float: left;
	margin-left: 1.0408%;
	width: auto;
	display: block;
	background-color: #fff;
	text-align: center;
	margin: 80px auto;
	
}
.sosialnetworks_fb-ranginart {
	clear: both;
	float: none;
	margin-left: 1.0408%;
	width: 100%;
	display: block;
	top:-75px;
	text-align: center;
	margin: 80px auto;
	position: relative;
}
<!---- [  fb ENDE ] ------>
.haupt_container_right {
	clear: both;
	float: right;
	width:28.5714%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	position: relative;
	left:100px;
	right:0px;
	margin: 0px auto;
}
/* <<<<<<<<< 1 <<<<<<<<<< [  right  ] >>>>>>>>>>>>>>>>>>>> */
#container_right {
	clear: none;
	float: none;
	margin-left: 0.0000%;
	margin-right: 0.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 60.0014%;
	display: block;
	height: 1535px;
	left: 100px;
	background-color: rgba(109, 23, 35, 0.55);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	margin:0px auto;
	top:175px;
	padding-bottom:0px;
	margin-bottom:0px;
	text-align: center;
	position: relative;
}
.header_container_right {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 100%;
	right: 0px;
	left: 0px;
	display: block;
	margin: 0px auto;
	padding-top:110px;
	top: 0px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	
	
}
.header_container_right_amination {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 220px;
	height: 150px;
	right: 0px;
	left: 0px;
	display: block;
	margin: 0px auto;
	padding-top:20px;
	top: -3360px;
	text-align: center;
	position: relative;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo.png);
	background-repeat: no-repeat;
}
.pinterest_Follow_My {
	clear: both;
	float: none;
	margin-left: auto;
	margin-left: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 240px;
	right: 0px;
	left: 0px;
	right:0px;
	display: block;
	height: auto;
	margin: 0px auto;
	top:-3350px;
	text-align: center;
	position: relative;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
.fb_like {
	clear: both;
	float: none;
	margin-left: auto;
	margin-left: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 240px;
	right: 0px;
	left: 0px;
	right:0px;
	display: block;
	background-color: #fff;
	margin: 0px auto;
	top:-3330px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
	text-align: center;
}
.instagme_flollow {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: 0.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 240px;
	right: 0px;
	left: 0px;
	right:0px;
	display: block;
	background-color: #fff;
	height: auto;
	margin: -3310px auto;
	text-align: center;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
.google_plus_artist_backgrund-11 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #dc8229;
	height: 328px;
	margin: 0px auto;
	position: relative;
	text-align: center;
}
#widget_g-plus_Followers {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	height: 300px;
	margin: 0px auto;
	top:0px;
	position: relative;
	text-align: center;
}
#google-plus_artist_follow {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #d8f3dc;
	height: 304px;
	margin: -30px auto;
	top:0px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;
	position: relative;
	text-align: center;
}
#google-plus_artist_follow h4 {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-left: auto;
	padding-left: auto;
	padding-right: 0.0000%;
	display: block;
	margin: -5px auto;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6c7a6f;
	position: relative;
	text-align: center;
}
.titel_google_followers {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-left: auto;
	padding-top:7px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	margin: 10px auto;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F93;
}
#google-plus_artis {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #dc8229;
	height: 294px;
	margin: -5px auto;
	top: 0px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.google_title_text {
	width: 250px;
	height: 20px;
	background-color: #dc8229;
	padding-top: 15px;	
	margin: -330px auto; 
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	padding-top: 2px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;	
}
.google_title_artis_A {
	width: 250px;
	color:#FFF;
	text-align: center;
	position: relative;
	margin: 0px auto;
	top:-13px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#google-plus_artis_art {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #dc8229;
	height: 294px;
	margin: 50px auto;
	top: 0px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.google_title_text_art {
	width: 250px;
	height: 20px;
	background-color: #dc8229;
	padding-top: 15px;
	margin: -330px auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	padding-top: 2px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;	
}
.google_title_artis_B {
	width: 250px;
	color:#FFF;
	text-align: center;
	position: relative;
	margin: 0px auto;
	top:-13px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.tweets_artist {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 160px;
	height: 500px;
	right: 0px;
	left: 25px;
	right:0px;
	display: block;
	height: auto;
	background-color: #fff;
	margin: 50px auto;
	text-align: center;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	vertical-align: middle;
	position: relative;
}
#hauptcontainer_bodyfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* <<<<<<<<<<<<<<<<<<<[ Artist in Sotcial netwoks und suchmaschinen ENDE ]>>>>>>>>>>>>>>>>>>> */
.MG_weblinke { 
}
.artist_by_media {
	clear: both;
	margin-left: auto;
	margin-right: 20px;
	width: 105px;
	padding-left: 0.0000%;
	padding-right: 0.9550%;
	height: 304px;
	padding-top: 5px;
	margin: -325px auto;
	margin-left: 10px;
	background-color: #C66;
	letter-spacing: 1px;
	font-size: 0.8em;
	line-height: 0.8em;
	color: #CCC;
	font-weight: bold;
	position: relative;
	font-size: 12px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 5px 2px #333333;
	font-family: Verdana, Geneva, sans-serif;
}
#suchmaschinen_container {/* <<<< 1 <<<<<<[ suchmaschinen ]>>>>>>>>>> */
	clear: both;
	float: none;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	display: block;
	width: 380px;
	height: auto;
	background-color: #CCC;
	margin: -30px auto;
	margin-bottom:200px;	
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/	
	background-color: rgba(109, 23, 35, 0.80);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
}
.artist_bei_suchmaschinen li {
	clear: none;
	float: left;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #06C;
	padding-left: 0px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: 0.5px;
	font-size: 0.8em;
	line-height: 1.0em;
	color: #CCC;
	left:-30px;
	font-weight: bold;
	position: relative;
	font-size: 10px;
	padding-left:1px;
}
a {
	text-decoration: none;
}
.suchmaschinen_show {
	width="96%;
	height: 260px;
	margin-top: -10px;
	margin-left: 0px;
	padding-top: 10px;
	border: 1px solid #ccc;
	border-radius: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 10px 2px #000000;
	background-color: rgba(216, 227, 230, 0.80);
}
.suchmaschinen_haeder {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin: -10px auto;
	letter-spacing: 0.2px;
	font-size: 1.0em;
	line-height: 1.0em;
	color: #666;
	font-weight: bold;
}
.suchmaschinen_position ul {
	text-decoration: none;
	float: left;
	color: #06C;
	font-weight: bold;
	padding-left: 10px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
}
.suchmaschinen_footer {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin: -15px auto;
	letter-spacing: 1.5px;
	font-size: 0.7em;
	line-height: 2.5em;
	color: #666;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px auto;
}

/* <<<<<<<<<<<<<<<<<<<[ bei_suchmaschinen ende ]>>>>>>>>>>>>>>>>>>> */
/* ========<<<<<<<<<<<<<<<<  ENDE Übertragung About Us >>>>>>>>>>>>>>>>>>>============== */        
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */   



/* ====================== Header Bilder Show ====================== */        
/* caption right */
#slider.elegant ul li .caption-right, #slider.elegant ul li .caption-left { width:200px; height:100%; }
#slider.elegant ul li .caption-top, #slider.elegant ul li .caption-bottom { width:100%; height:auto; }
#slider.elegant ul li .caption-right .text, #slider.elegant ul li .caption-left .text { padding:0px 35px 0px 10px; }
#slider.elegant ul li .caption-top .text, #slider.elegant ul li .caption-bottom .text { padding:20px 30px; }
/* ====================== Header Bilder Show ====================== */ 

/*  []  */
/*---*** body-gallery ***----*/
#body-gallery-container {
	clear: both;
	display: block;
	width: 98%;	
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	position: relative;
	text-align: center;
	top:0px;
	left:0px;
	margin:0px auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin:0px auto;
}

.artist-info {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	margin-left: 0.9500%;
	margin-right:20.9500%;
	width: 55.3673%;
	padding-left: 0.985%;
	padding-right: 20.985%;
	margin: 150px auto;
	margin-right: auto;
	margin-left: 0px;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3b3c36;
	top:-250px;
	left:-30px;
}
.artist-name {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f3ca5b;
	top:0px;
}
#images-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:-400px auto;
	top:0px;
	-webkit-box-shadow: 0px 0px 10px 0px #333333;
	-moz-box-shadow: 0px 0px 10px 0px #333333;
	box-shadow: 0px 0px 10px 0px #333333;	
}

/*   *******   fest CSS  bis hier *********   */
/*   übertragung  */
#body-header-time {
	clear: both;
	float: none;
	margin-left: 0;
	width: 60.0000%;
	padding-left: 1.0000%;
	padding-right: 20.9550%;
	display: block;
	margin-right: auto;
	margin: 0px auto;
	padding-bottom: 0px;
	letter-spacing: 2px;
	text-shadow: 1px 0px 0px black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	top:40px;
	position: relative;
	text-align: center;
	left:-30px;
}

/* ============= body-header-navi rest css bei ( START SIDEBAR ) in ende ============ */
#switch-container {
	clear: both;
	float: left;
	margin-left: 40.0000%;
	margin-right: auto;
	width: 40.0000%;
	padding-left: 45.0000%;
	padding-right: 0.0000%;
	display: block;
	margin: 110px 0px;
	position: relative;
}
/* -------------/  switch  /-------------*/
a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	display: block;
	background: url(MG_archiv/css_design/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }
/* -------------/  Kopf Titel Text   /-------------*/
h1 span { 	color: #e7ff61; }
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #ccc;
}

#gallery-header-artist-logo1 {
	clear: both;
	float: left;
	margin-left: 30.000%;
	margin-right: 0.000%;
	display: block;
	width: 20.3673%;
	padding-left: 43.000%;
	padding-right: 0.000%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/mg_logo5c_nichaktiv.png);
	background-repeat: no-repeat;
	margin: -100px auto;
	height: 120px;
	top: 180px;
	left: 150px;
	text-align: center;
	position: relative;
}
#gallery-position-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90%;
	width: auto;
	display: block;
	margin: -250px auto;
	text-align: center;
	position: static;
	padding-bottom:0px;	
}
#pagination {/*seiten blaten  */
	clear: both;
	width: 100%;
	display: block;
	margin: 0px auto;
	margin-bottom:0px;
	top:-70px;
	position: relative;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top:0px;
	padding-bottom:-2px;
	-webkit-box-shadow: 0px 0px 5px 2px #333333;
	-moz-box-shadow: 0px 0px 15px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
}
.general-pagination group {
	margin: 0px auto;
	top: 0px;
	
}
/* ====================== START PAGINATION ====================== */
.general-pagination { height:18px; margin:0 auto; text-align:center; clear:both; margin-bottom:15px; margin-top:-30px; }
.general-pagination span { display:none; }
.general-pagination a { display:inline-block; margin-right:4px; padding:0 5px; line-height:17px; text-align:center; background-color: rgba(235, 200, 94, 0.15); top repeat-x; border:1px solid #aeaeae; color:#918e8e; font-size:12px; }
.general-pagination a.selected { background-position:0 -24px; color:#3e3c3c; }
.general-pagination a:hover { background-position:0 -49px; color:#3e3c3c; text-decoration:none; }

/*border-radius*/
.general-pagination a, .general-pagination span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
/* ====================== END PAGINATION ====================== */ 
/*  [][  ENDE  ][][][][][][][][][][][  Übertragung ENDE ][][][][][][][][][][][][][]  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   war hier - - - - - */
/* Übertragung */

#gallery-footer-rss-container {
	clear: none;
	float: left;
	margin-left: 0px;
	width: 70.0000%;
	padding-left: 8.1050%;
	padding-right: 0.9550%;
	display: block;
	margin-right: auto;
	margin:0px auto;/* *** nur RSS Position endrung *** */
}
.rss-position {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	height: 25px;
	width: 25px;
	margin: 0px auto;
	top:45px;/* ***  nur RSS postionieren *** */
	margin-bottom:10px;
	position: relative;	
}
.rss-text {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 40.0000%;
	padding-left: 35.1050%;
	padding-right: 0.0550%;
	display: block;
	margin-right: auto;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC3;
	top:-35px;
	margin:-35px;
}
.rss-position span {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-left: 10px;
	text-align: center;
}
.rss-text {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 40.0000%;
	padding-left: 35.1050%;
	padding-right: 0.0550%;
	display: block;
	margin-right: auto;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC3;
	top:85px;
}
#sitelang {
	clear: both;
	float: right;
	margin-left: 0;
	width: 200px;
	display: block;
	height: 45px;
	margin: -400px auto;
	top: 0px;
	color: #333;
}
#gallery-footer-container { /*  *** socialnetworks Footer positionieren *** */
	clear: both;
	float: right;
	margin-left: auto;
	width: 70.0000%;
	padding-left: 0.1050%;
	padding-right: 6.9550%;
	display: block;
	margin-right: 0px;
	margin:0px;
	left:-300px;
	margin-bottom:20px;/*  *** lange endrung *** */
}
#gallery-footer-info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #968970;
	height: 0px;
	text-align: center;
	position: relative;
	padding-bottom:0px;
	padding-top:10px;
	margin-top: 0px;
	top:200px;
}
.gallery-footer-kopf {
	clear: both;
	margin-left: 0;
	display: block;
	margin-top: -120px;
	top: 0;
	left:0px;
	padding-left: 20.0000%;
	padding-right: 0.0000%;
	text-align: center;
	position: relative;
	padding-top:0px;
}
.text-copyright {
	width: 100%;
	height: 400px
	position: relative;
	font-size: 12px;
	font-weight: normal;
}
.text-copyright a {
	font-size: 11px;
	position: relative;
	text-decoration: none;	
}
#like-My1 p {
	
	padding-left: 0px;
	top:-20px;
	padding-top: -30px;
	padding-bottom:60px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.like_Mir {
	clear: both;
	float: left;
	display: block;
	margin-left: 50.0000%;
	margin-right: 0.0000%;
	width: 10.9%;
	padding-left: 20.5000%;
	padding-right: 2.0000%;
	margin: -70px auto;
	left: 0px;
	text-align: center;	
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 8.0000%;
	margin-right: 40.0000%;
	width: 86%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: -10px;/* *** facebook postionieren *** */
	display: block;
	height: 20px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
}
.MA iframe {
	width:480px; height:35px; position: relative;
}
.titel_img {
	clear: both;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 70px;
}


#soc-networks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 95%;
	display: block;
	
	height: 0px;
	top: -1562px;
	left: -10px;
	padding-right:20px;
	position: relative;
	
}
#extra_network {
  clear: both;
	float: right;
	margin-left: auto;
	margin-right:0px;
	padding-left:7.9990%;
	padding-right:0.9990%;
	width: 85.36%;
	left:-10px;
	display: block;
	margin:3px auto;
	position: absolute;
}
#FooterSocialnet { /* positionieren in CSS -  RSS nur sotcialnetwork font ohne hintergrund*/ 
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 30%;
	display: block;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 8px;
	margin: 0px auto;
	top: 0px;/* *** nur sotcalnetwork font postionieren * A ** */
	position: relative;
	background-color: rgba(1, 1, 1, 00.0);	
}
/* ==================================================
   Social Area
================================================== */

/* ==================================================
   Ende Social Area
================================================== */

.container{
	width: 100%;
	height: auto;
	z-index: -1;
	float: right;
	margin: 0px auto;
}

.homeBox {
	position: relative;
	float: right;
	display: block;
}
.homeBox .one_fourth {
	text-align: center;
	overflow: hidden;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #e37575), color-stop(0, #FAFAFA) );/*----vordergrund farbe-----*/
	border: 1px solid #E1E1E1;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	height: 90px;
	width: 126px;
	margin-right: 24px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	
}
.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths {
	position: relative;
	margin: 0;
	margin-right: 3.8%;
	float: left;
}

.homeBox .one_fourth div, .homeBox .last div {
	padding: 5px;/*----bild symbol position war auf 10px-----*/
}
.homeBox .one_fourth:hover{
	background:#252525;

}
.homeBox .one_fourth .boxImage {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox .one_fourth:hover .boxImage {
	position: relative;
	-webkit-animation: moveFromTop 350ms ease;
	-moz-animation: moveFromTop 350ms ease;
	-ms-animation: moveFromTop 350ms ease;
}
.homeBox .one_fourth h2 {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox .one_fourth:hover h2 {
	position: relative;
	color:#EAEAEA;/*--- hinter grund Titel Text farbe ---*/
	-webkit-animation: moveFromTop 200ms ease;
	-moz-animation: moveFromTop 200ms ease;
	-ms-animation: moveFromTop 200ms ease;
}
.homeBox .one_fourth .boxDescription {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.homeBox .one_fourth:hover .boxDescription {
	position: relative;
	color:#EAEAEA;/*--- hinter grund Text farbe ---*/
	-webkit-animation: moveFromBottom 500ms ease-in-out;
	-moz-animation: moveFromBottom 500ms ease-in-out;
	-ms-animation: moveFromBottom 500ms ease-in-out;
}
@-webkit-keyframes moveFromTop {
    from {
        top: -600px;
    }
    to {
      	top: auto;
    }

}

@-moz-keyframes moveFromTop {

    from {
        -moz-transform: translateY(-600%);
    }
    to {
        -moz-transform: translateY(0%);
    }

}

@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-600%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        bottom: -400px;
    }
    to {
       	top: auto;
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(400%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(400%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
/*-----Ende Footer Menu beweg -----*/

#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 60px;
	display: block;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 7px;
	position: relative;
	cursor: pointer;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	font-family: "Courier New", Courier, monospace;
	background-color: rgba(1, 1, 1, 00.2);	
	margin: 0px auto;
	top:120px;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
}
#Footer a {
	text-decoration: none;
}
#footer_navigation {
	clear: both;
	float: right;
	margin-left: 30.9800%;
	margin-right: 5.9800;;
	width: 100%;
	height: 25px;
	display: block;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	top:145px;
	cursor: pointer;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	margin: 0px auto;
	font-weight: bold;
	background-color: rgba(125, 18, 46, 00.8);
	-webkit-box-shadow: 2px 0px 15px 2px #111111;
	-moz-box-shadow: 2px 0px 15px 2px #111111;
	box-shadow: 2px 0px 15px 2px #111111;	
}
#navigation { float: right; padding-top: 5px; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 9px; font-family: Verdana, Geneva, sans-serif, cursive; font-weight: 400; margin-right:30px; }
#navigation ul li { display: inline; padding-left: 6px; }/*----abstand zwichen text menu---*/
#navigation ul li a { color: #999; }
#navigation ul li a:hover,
#navigation ul li.active a { color: #fff; text-decoration: none; }

.footerEnde1 {
	clear: both;
	float: left;
	position: relative;
	height: 25px;
	width: 100%;
	top:190px;
	margin: 0px auto;
	background-color: #4f4737;
}
.share {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 10px;
	width: 90%;
	height: 20px;
	display: block;
	position: relative;
	top: -100px;
}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 100%;
	height: 30px;
	display: block;
	position: relative;
	top: -45px;
}
#Footer_go_up {
	clear: both;
	float: right;
	margin-left: 0;
	width: auto;
	margin-right: 1.9408%;
	margin-left: 1.9408%;
	display: block;
	padding-top: 0px;
	padding-right: auto;
	padding-bottom: 0px;
	padding-left: 10px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	top:0px;
}

.Footer_Position {
	color:rgb(153,153,153);
	color:rgba(153,153,153,0);
	text-shadow:0 0 5px #aaa;
	text-align:left;
	font-size:8px;
}
#FooterRight-hintergrund {
	background-color: rgba(80, 26, 16, 0.00);
	width: 100%;
	height: 0px;
	top:0px;
}
/*-----------------***************---------------/
/* [6. Bottom] */

#bottom {
	clear: both;		
	height: 25px;
	z-index:1;
	top:0px;
	margin: 0px auto;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* [MG Blau Logo Footer recht] */
#Header_Search {
	height: 36px;
	padding: 0px 10px 0px 30px;/*---- recht links Positionieren----*/
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
}
#top{
	color: #8e857c;
	text-shadow: 1px 1px 0 #101010;
	font-size: 10px;
	line-height: 14px;
	float: right;
}
#top div {
		padding: 37px 5px 0 0;/*---- oben unten Positionieren----*/
		display: table-cell;
		vertical-align: top;
	}
#top div a {
		color: #8e857c;
		margin: 0 15px 0 0;
		padding: 0 0 0 15px;
		background-repeat: no-repeat;
		background-position: 0 2px;
}
#top div a:hover{
		color: #f5f2eb;
		background-position: 0 -18px;
}
#top form {
	display: table-cell;
	vertical-align: top;
	width: 195px;
	height: 36px;
	padding: 2px 0 0 22px;
	background-image: url(MG_archiv/css_design/search-zoom.png);
	background-repeat: no-repeat;
}
#top form input {
	line-height: 10px;
	height: 16px;
	width: 165px;
	padding: 0 2px 0 2px;
	float: left;
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}
#top form a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#top form a:hover {
	background-position: center -17px;
}
.searchformhead{
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 15%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Übertragung */
/* ====================== Übertragung ====================== */  





#Footer_bider_show {/*----- FooterBilder-Show -----*/
	clear: both;
	float: right;
	width: 100%;
	margin-left: 0.0408%;
	margin-right: 0.0408%;
	display: block;
	position: relative;
	min-width: auto;
	text-align: center;
	margin: 0px auto;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(90, 34, 20, 0.00);
}
#Footer_bider_show_Position {
	background-color: rgba(90, 34, 20, 0.00);
	top: 150px;
	position: relative;
	background-image: url(MG_archiv/css_design/logo_footerShow.png);
	background-repeat: repeat-x;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
/* ---------------================ Footer Bilder Show =================--------     */

#outerContainer { width:100%; height:136px; margin:auto; position:relative; margin-left:auto; margin-right:auto; text-align:center;}
#imageScroller { width:100%; height:136px; position:relative; background-color: rgba(80, 26, 16, 0.25); background-image: url(MG_archiv/css_design/footer_BilderShow.png); background-repeat: repeat-x; }
#viewer {
	width: 96.5450%;
	height: 136px;
	overflow: hidden;
	position: relative;
	top: 0px;
	float: right;
	margin-top: -10;
	margin-left: 30.0408%;
	margin-right: 1.5408%;
}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }

/* ====================== END SIDEBAR ====================== */   
       
.read-more, .more-link {
    background: url("MG_archiv/images/bg-button-light.png") repeat-x scroll left top #F4F4F8;
    border: 1px solid #D8D8DC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #787D8C !important;
    float: left;
    font-size: 12px;
    margin: 15px 0 20px;
    padding: 4px 12px;
    text-decoration: none;
    clear:both;
    text-shadow: 1px 1px 0 white;
}
.read-more:hover, .more-link:hover {
    background: none repeat scroll 0 0 #F9F9FB;
    border: 1px solid #C4C4C8;
    color: #464B5A !important;
}   
      
   
}
/* ********** ENDE Layout 1 für Handy *********** */


































/*********** Begin *********** 2 ************************/
#kopf-textbeweg {
	clear: both;
	float: left;
	background-color: rgba(108, 105, 104, 0.85);
	height: 11px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.tile {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FF0;
	width: 100%;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	font-weight: bold;
}
.MG_Artworkspresentation_container {
position: absolute;
right:0;
top:1px;
width: 100%;
}
.presentation Artist {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FF0;
}
..MG_Artworkspresentation_container {
position: absolute;
right:0;
top:1px;
width: 100%;
}
.MG_Artworkspresentation_container .portlet {
background-color: transparent;
}
.MG_Artworkspresentation_container .portletCollection {
margin: 0;
width: 7800px;
}
.MG_Artworkspresentation_container .portletCollection .portletHeader {
display: none;
}
.MG_Artworkspresentation_container .portletCollection .presentation {
float: left;
}
.MG_Artworkspresentation_container .portletCollection .presentation img {
display: none;
}
.MG_Artworkspresentation_container .portletCollection .Artist a {
	color: #0F0 !important;
}
.MG_Artworkspresentation_container .portletCollection .ArtMG a {
	color: #0CF !important;
}
/* */

.portlet a {
text-decoration: none;
color: Blue;
}
.portlet a.tile {
display: block;
color: #000000;
}

#farbHeaderkopf {
	background-color: rgba(108, 105, 104, 0.85);
	height: 40px;
	width: 100%;
	clear: both;
}
.kopfpainting-Logo {
	height: 100px;
	width: 100%;
	background-image: url(MG_archiv/css_design/header-back.jpg);
	background-repeat: repeat;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	
	-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 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 	
}

/* Layout für Tablet-PCs: 481 bis 768 px. Erbt Stile vom: Layout für Mobilgeräte. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	max-width: 768px;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.aktivmenu {
	
}
li {
	color: #000;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
}
	body{margin:0px; font-family:Arial, Sans-Serif; font-size:12px;}
        /* dock */
    #dock{margin:0px; padding:0px; list-style:none; position:fixed; top:0px; height:100%; 
              z-index:100;  background-color: rgba(250, 248, 247, 0.50); left:0px;}
        #dock > li {width:30px; height:100px; margin: 0 0 1px 0; background-color:#dcdcdc;
                     background-repeat:no-repeat; background-position:left center;}
        
        #dock #MG_links {background-image:url(MG_archiv/css_design/links.png);}
        #dock #network {background-image:url(MG_archiv/css_design/share.png);}
        #dock #menu {background-image:url(MG_archiv/css_design/menu.png);}

        #dock > li:hover {background-position:-35px 0px;}
        
        /* panels */
        #dock ul li {padding:5px; border: solid 1px #F1F1F1;}/*--farb Hinter Text --*/
        #dock ul li:hover {background:#D3DAED url(item_bkg.png) repeat-x; border: solid 1px #A8D8EB;}
        #dock ul li.header, #dock ul li .header:hover {background:#D3DAED url(header_bkg.png) repeat-x;border: solid 0px #F1F1F1;}/*--farb2 Hinter Text --*/
      
        #dock > li:hover ul {display:block;}
        #dock > li ul {position:absolute; top:10px; left:-180px;  z-index:-1;width:100px; display:none;
                       background-color: rgba(250, 248, 247, 0.50); border:solid 0px #969696; padding:0px; margin:-10px; list-style:none;}/*--farb background --*/
        #dock > li ul.docked { display:block;z-index:-2;}
        
        .dock,.undock{float:right;}
       .undock {display:none;}
        #content {margin: 10px 0 0 60px;}
/*------------------------------------------*/
.MG {
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.animation/MG_animation_p.gif);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	width: 20.3673%;
	margin-left: 0.9408%;
	margin-right: auto;
	padding-left:10.9408%;
	display: block;	
	height: 113px;
	margin: 0px auto;
	margin-bottom: 50px;
	position: relative;
	top:-55px;
	left:40px;
}
/*------------------------------------------*/
#social_network {
	clear: both;
	float: right;
	margin-left: auto;
	width: 98.5918%;
	display: block;
	margin: -30px auto;
	left;50px;
}

/* ==== sozialeNetzwerke  ==== */
#Netzwerkpostion {
	clear: both;
	float: right;
	margin-right: 20px;
	top: -55px;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
/* ==================================================
   social-icons
================================================== */

.social-icons {
	margin: 0;
	padding: 0;
	margin-right: 30px;
	float:right;	
}

.social-icons li {
	display: inline-block;
	margin-left: 5px;
}

.social-icons li:first-child {
	margin-left: 0;
}
/*------- effckt haver vordergrund------*/
.social-icons li a{
	color: #fff;
	font-size: 17px;
	line-height: 1em;
	width: 18px;
	height: 18px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: opacity 0.1s linear 0s;	
	   -moz-transition: opacity 0.1s linear 0s;
		 -o-transition: opacity 0.1s linear 0s;
		    transition: opacity 0.1s linear 0s;
}
/*------- effckt haver------*/
.social-icons li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}/*==== Ende Social === */
/*------------------------------------------*/
#PaintingLogo {
	clear: both;
	float: left;
	width: 45.3673%;
	margin-left: 6.0408%;
	display: block;
	background-image: url(MG_archiv/css_design/paintingart-logo.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: -10px;
	margin-top: -275px;
	margin-right: auto;
	padding-right: 60px;
	padding-left: 0px;
	position: relative;
	height: 80px;
}
#mailPhone {
	clear: both;
	float: right;
	width: 42.7755%;
	margin-left: 90.0408%;
	margin-right: 0.0408%;	
	display: block;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #FC0;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #333;
	margin-right: -26px;
	margin-left: auto;
	top:-30px;
}
#emailPostion {
	top: 0px;
	margin-right: 0px;
	float: right;
	margin-top: -240px;
	margin-bottom: 0px;
}
.Mail-img {
	margin: right 0px;
	float: right;
	margin-top: 0px;
	margin-right: 190px;
	margin-left: auto;
	margin: 0px auto;
}
.email {
	top: 0px;
	clear: right;
	margin: -20px auto;
	margin-right: 20px;
	float: right;
	color: #585856;
}
#HeaderMenu {
	clear: both;
	float: left;
	width: 80.5918%;
	margin-left: 20.0408%;
	margin-right: auto;
	display: block;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	left:0px;
	padding-top: 3px;
	top:-87px;
}
.menuePosition {
	margin: -155px auto;
	padding-right: 0px;	
}
.impressum_menu {
	font-family: Pablo Impallari,
	font-size: 12px;
	font-weight: 300;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;	
}
.impressum_menu a {
	text-decoration: none;	
}
/*---- menu box ------*/
.menu_bild_position {
	float: left;
	clear: both;
	margin-left: 0px;
	margin-right: auto;
	width: 100%;
	display: block;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom:30px;
	height: auto;
	z-index: 99;
	position: relative;
}
.menu_bild_position h4{
	color: #d4724c;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 20px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 1.1em;
}
.media_titel_text {
	float: left;
	clear: both;
	width: 100%;
	margin-left: 20px;
	margin-right: auto;
	color: #d4724c;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 0.8em;
	position: relative;
	margin 70px auto;
	top:50px;
}
.gallery_titel_text {
	float: left;
	clear: both;
	width: 100%;
	margin-left: 20px;
	margin-right: auto;
	color: #FFCC66;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 0.8em;
	position: relative;
	margin 0px auto;
	top: 35px;
}
.menu_position_left {
	float: left;
	clear: both;
	margin-left: 0px;
	margin-right: auto;
	width: 50.00%;
	display: block;
	z-index: 99;
	margin: 0px auto;
	position: absolute;
	padding-right: 0.0000%;
	padding-left: 0.0000%;
}
.menu_position_mitte{
	float: center;
	clear: both;
	margin-left: 0px;
	margin-right: auto;
	width: 50.00%;
	display: block;
	margin: 0px auto;
	z-index: 99;
	padding-top: -300px;
	padding-right: 0.0000%;
	padding-left: 10.0000%;
	position: relative;
}
.menu_position_right {
	float: right;
	clear: both;
	margin-left: 0px;
	margin-right: auto;
	width: 99.5918%;
	display: block;
	margin:0px 0px 0px;
	position: absolute;
	display: block;
	z-index: 99;
	position: relative;
	padding-left:30.0000%;
	padding-right: 0.0000%;
}
.menu_right {float: left; margin:-100px 50px 50px; width: 100%; margin-left:-100px; position: relative; }
.gallery_container {
	width: 100%;
	height:280px;
}
#gallery_logos_position {
	clear: both;
	float: center;
	margin-left: auto;
	margin-right: auto;
	width: 25.5918%;
	display: block;
	padding-left: 2%;
	padding-right: 5%;
	padding-top: -300em;
	margin-bottom:20px;
	z-index: 99;	
	height: auto;
	margin-top: -160px;
	margin-bottom: 0px;
}
/*--A" Gallery Bild "--*/
.MG-gallery-img {
	clear: both;
	float: right;
	margin-left:auto;
	margin-right:5.0000%;
	width: 45.5918%;
	padding-left:0.0000%;
	padding-right:0.0000%;
	right: 0px;
	left: 0px;
	top: 0px;
	z-index: 99;
	height: auto;
	top:70px;
	padding-top: -670em;
	margin-top: 0px auto;
	margin-bottom:0px;
	position: relative;
}
/*--B" Gallery MG Logo "--*/
.menu-MG_gallerylogo {
	float: left;
	margin-left: 0.0000%;
	margin-right: 35.0000%;
	width: 0.00%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 35.0000%;
	margin: 10px auto;
	padding-top: 0px;
	left: 0px;
	height: auto;
	z-index: 99;
	position: absolute;
}
/*--C" Gallery Painting Logo "--*/
.MG_menu-logo {/* für painting art logo position */
	clear: both;
	margin-left: 0.0000%;
	margin-right: auto;
	width: 0.00%;
	padding-left: 0.0000%;
	padding-right: 50.0000%;
	margin: 30px auto;
	padding-top: 0px;
	position: absolute;
	left: -150px;
	top: 0px;
	margin-bottom: 20px;
	z-index: 99;
	height: auto;
	display: block;
}
/*--A" Media Artist Bild "--*/
.MG-media-img {
	clear: both;
	float: left;
	width: 30.5918%;
	right: 0px;
	left: 20px;
	top: 40px;
	z-index: 99;
	padding-top: -550em;
	margin-top: 0px;
	margin-bottom: 20px;/* hier mit kann hintergrung vergrossen */
	position: relative;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6c8699;
	vertical-align: middle;
	height: auto;
}
/*--B" Media MG Logo "--*/
.MG_media_support {float: right; width: 25.5918%;  margin-left:auto; margin-right:auto; margin: -100px auto; z-index: 99; margin-bottom:-50px; height: auto;}
.MG_mediaLogo_position {float: center; width: 99.5918%; margin: -150px auto;}
#mediaPaintinglogo_position {
	float: right;
	margin-left:0.0000%;
	margin-right:10.0000%;
	width: 65.5918%;
	height: auto;
	padding-left:0.0000%;
	padding-right:0.0000%;
	margin-bottom: -70px;/*  gesamt bhintergrung groß endrung */
}
/*--C" Media Painting Logo "--*/
.MG_menugallery-Paintinglogo {
	float: right;
	margin-left:45.0000%;
	margin-right:0.0000%;
	width: 40.5918%;
	padding-left:45.0000%;
	padding-right:0.0000%;
	margin: -150px auto;
	padding-top:0px;
	z-index: 99;
	height: auto;
}
/*--D" MG Logo "--*/
.menu-MG_logo {
	float: right;
	margin-left: auto;
	margin-right: auto;
	width: 9.2918%;
	padding-left: 2%;
	padding-right: 25%;
	padding-top: 0px;
	z-index: 99;
	height: auto;
	margin-top: 0px;
	margin-bottom: -55px;
}
/*--E" network_menulist "  */
.network_menulist {
	margin-left:10px;
	margin-right:auto;
	width: 40.5918%;
	padding-left:20px;
	padding-right:auto;
	position:relative;
	padding-top: 0px;
	top: -20px;
}
.MG_linke {
	top:0px;
	position:relative;
}

/*--F" media network  */
.MG_linke a {
	float: left;
	clear: left;
	padding-left:25.0000%;
	padding-right:auto;
	padding-top:15px;
	padding-bottom:15px;
	left:10px;
	margin-left:20.0000%;
	margin-right:auto;
	width: 40.5918%;
	margin: -5px auto;
}
/*--G" media network backgrund masse  */
.Media_web_container {
	width: 100%;
	height:200px;
}
/*--H" media network Rext go to web & ... site  */
.web_network {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0px;
	text-shadow: 1px 0px 0px black;
	color: #FFF;
}
.menu-titel {
	float: left;
	margin-bottom: 6px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 5px;
}
.menu-titel b{
	width: 99.5%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #FFF;
}
.MG_menu-Paintinglogo {
	float: left;
	width: 70.5918%;
	margin-left:40.0000%;
	margin-right:5.0000%;
	margin-right:auto;
	margin: -10px auto;
	padding-top:0px;
	z-index: 99;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign/css_Painting_art/css_Menu-ico/MG-Menu-Gallery.png1);
	background-repeat: repeat;
}
.menu-titel {
	float: left;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top:0px;
	padding-bottom: 0px;
	z-index: 99;
	background-color: rgba(0,51,204,0.4);/* 2- (1 und 2 baham)hintergrung farbe */
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 10px 2px #F63;
	box-shadow: 0px 0px 10px 2px #F63;
}
.MG_linke1 {
	float: left;
	width: 70.5918%;
	z-index: 99;
	margin: -20px auto;
}

.menu_footer {float: left; width: 99.5918%; margin: -30px auto;}
/*---- menu box ------*/
h1 {
	font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
	color: #333;
	margin: 0;
	z-index: 99;
	padding: 5px 0;
}
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	z-index: 99;
	color: #fff;
}
.container {width: auto; margin: 0px auto;}
ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	font-size: 1.15em;
	z-index: 99;
	background-image: url(MG_archiv/css_design/topnav1_s.gif);
	background-repeat: repeat-x;	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 0px solid #555;
	z-index: 99;	
}
ul#topnav li a {
	float: left;
	padding: 2px 10px;/*---- Breit und Menu Abstand-----*/
	display: block;
	color: #f0f0f0;
	z-index: 99;
	text-decoration: none;	
}
ul#topnav li:hover {
	background-image: url(MG_archiv/css_design/topnav1_a.gif);
	background-repeat: repeat-x1;
	background-color: rgba(0,51,255,0.6);
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	padding-bottom: 0px;
	z-index: 99;
	padding-top: 0px;/*---- farb hinter schrift Titel------*/
}
ul#topnav li span {
	float: left;
	padding: 0px 0;
	position: absolute;
	left: 0; top:25px;/*---- menu und hintermenu Abstand ------*/
	display: none;
	z-index: 99;
	width: 103%;
	/*---- farb hinter grund Menu ------*/
	color: #fff;
	background-color: rgba(96, 24, 25, 0.80);/* 2- (1 und 2 baham)hintergrung farbe */
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	border:5px solid #6d1723; 
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 5px;
	padding-bottom:-1px;
	padding-top:-1px;/*---- farb hinter schrift Titel------*/
}
ul#topnav li:hover span { display: block; z-index: 99;}
ul#topnav li span a {
	display: inline;
	color: #a1c3db;/*  menu innen text color */
	z-index: 99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-shadow: 1px 1px 0px black;
}
ul#topnav li span a:hover {
	text-decoration: underline;
	background-image: url(../css_design/topnav1_a.gif);
	background-repeat: repeat-x1;
	background-color: rgba(37, 24, 84, 0.70);
	border:1px solid #6d1723; 
    border-radius: 10px;
	z-index: 99;
    -webkit-border-radius: 10px;
    -moz-border-radius: 5px;
	padding-bottom:-1px;
	padding-top:-1px;;/*---- farb hinter schrift Titel------*/
}
/*--------- Ende Menu -------------*/
/*--- <<<<<<<< [  MG header Kopf Blau  ] >>>>>>>>>---*/ 
.container_logoblau {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 10%;
	padding-left: 0.0000%;
	padding-right: 15.0000%;
	display: block;
	margin: 0px auto;
	top: 0px;
	left: -20px;
	position: relative;
}
#headerkopf_MG_logoblau {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 10%;
	padding-left: 0.0000%;
	padding-right: 18.0000%;
	display: block;
	margin: 0px auto;
	top: -20px;
	left: -105px;
	right:90px;
	position: absolute;
	z-index: 99;
	padding-top: 0px;
	margin-bottom: -70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 0.8em;
	font-style: normal;
	font-weight: 300;
	color: #333;
	}
.MG_logoblau_position {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 6%;
	padding-left: 0.0000%;
	padding-right: 10.0408%;
	margin-bottom:0px;
	display: block;
	margin: -50px auto;	
	position: absolute;
}
	.desc { color:#6b6b6b;}
	.desc a {color:#0092dd;}
	.dropdown {
	width: 100px;
	float: left;
	font-family: Arial,
	Helvetica, Sans-Serif;
	font-size: 0.825em;
	color: #000;
	text-align: left;
}       
	.dropdown dd, .dropdown dt, .dropdown ul {
	margin: 0px;
	padding: 25px;
	margin-left:
	130px;}		
	.dropdown dd {
	position:
	relative;
	margin-left: -10px;
	position: relative;
}	
.dropdown a, .dropdown a:visited {
	color:#816c5b;
	text-decoration:none;
	outline:none;
	-webkit-box-shadow: 0px 0px 10px 2px #171717;
	-moz-box-shadow: 0px 0px 10px 2px #171717;
	box-shadow: 0px 0px 10px 2px #171717;
	
	-webkit-box-shadow: 0px 0px 15px 2px #a9b4a7;
	-moz-box-shadow: 0px 0px 15px 2px #a9b4a7;
	box-shadow: 0px 0px 15px 2px #a9b4a7;
	
	/*-- hiermit alle ecke sind rund -*/
	border:1px solid #50584e; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;   
}
.dropdown a:hover {
	color:#5d4617;
}	
.dropdown dt a:hover {
	color:#5d4617;
	border: 0px solid #d0c9af;
}
.dropdown dt a {
	background:#e4dfcb url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.icons_png3288px/MG.png) no-repeat scroll right center;
	padding-right:0px;
	border:0px solid #d4ca9a;
	width:0px;	
}
.dropdown dt a span {
	cursor:pointer;
	float: left;
	display:block;
	padding:0px;
}
.dropdown dd ul {
	background:#e4dfcb none repeat scroll 0 0;
	border:1px solid #d4ca9a;
	color:#C5C0B0;
	display:none;
	left:5px;
	padding:5px 5px; position:absolute;
	top:2px; width:auto;
	min-width:120px;
	
	-webkit-box-shadow: 0px 0px 5px 2px #000000;
	-moz-box-shadow: 0px 0px 10px 2px #000000;
	box-shadow: 0px 0px 15px 2px #000000;
	
	/*-- Rund Ecke -*/
	border:1px solid #eece11; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;  
	list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:1px; display:block;}
.dropdown dd ul li a:hover { background-color:#fff;} 
.dropdown img.flag {
	border: none;
	vertical-align: middle;
	position: relative;
	float: right;} 
.MG_link_titel {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 8px;
	border-bottom: 1px solid #74521d;	
}
.mail-_MG_blaulogo {
	font-size: 8px;
}
/*--- <<<<<<<< [  MG header Kopf Blau ENDE  ] >>>>>>>>>---*/ 
.body-gallery-container {
	width: 99.675%;
	padding-left: -10.1625%;
	padding-right: 1.1625%;
	
	clear: both;
	display: block;
	max-width: 768px;
	margin: auto;
	position: relative;
	text-align: center;
	top:0px;
	left:-20px;
	margin:0px auto;
	margin-right: auto;
	margin-left: auto;
}

#body-header-time {
	clear: both;
	float: left;
	margin-left: -0px;
	margin-right: auto;
	width: 68.0000%;
	padding-left: 0.0000%;
	padding-right: 40.0000%;
	display: block;
	margin: 0px auto;
	padding-bottom: 0px;
	letter-spacing: 2px;
	text-shadow: 1px 0px 0px black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	top: 40px;
	left:-50px;
	position: relative;
}

/* ============= body-header-navi rest css bei ( START SIDEBAR ) in ende ============ */
#switch-container {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 30.0000%;
	padding-left: 11.2050%;
	padding-right: 0.9550%;
	display: block;
	position: relative;
	top:-560px;
}
/* -------------/  switch  /-------------*/
a.switch_thumb {
	width: 122px;
	height: 26px;
	line-height: 26px;
	padding: 0;
	display: block;
	background: url(MG_archiv/css_design/switch.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}
a:hover.switch_thumb {
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
a.swap { background-position: left bottom; }
/* -------------/  Kopf Titel Text   /-------------*/
h1 span { 	color: #e7ff61; }
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #ccc;
}


#gallery-header-artist-logo {
	clear: both;
	float: right;
	margin-left: 0.0000%;
	margin-right: 0.0000%;
	display: block;
	width: 35.3673%;
	padding-left: 12.085%;
	padding-right: 8.5085%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/mg_logo5c.png);
	background-repeat: no-repeat;
	margin: -100px auto;
	height: 120px;
	top: -10px;
	margin-left:0px;
}
#gallery-position-container {
	clear: both;
	float: left;
	margin-left: 0.0000%;
	margin-right: 20.0000%;
	width: 100%;
	width: auto;
	display: block;
	margin: -790px auto;
	text-align: center;
	position: static;
	padding-bottom:40px;
	margin-bottom:0px;
	left:0px;
	/*---*/
	background-color: rgba(78, 89, 158, 0.10);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:5px solid #6d1723; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle; 
}
#pagination {/*seiten blaten  */
	clear: both;
	width: 100%;
	display: block;
	margin: 0px auto;
	margin-bottom:20px;
	top:-70px;
	position: relative;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top:0px;
	padding-bottom:-2px;
	-webkit-box-shadow: 0px 0px 5px 2px #333333;
	-moz-box-shadow: 0px 0px 15px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
}
.general-pagination group {
	margin: 0px auto;
	top: 0px;
	
}
/* ====================== START PAGINATION ====================== */
.general-pagination { height:18px; margin:0 auto; text-align:center; clear:both; margin-bottom:15px; margin-top:-30px; }
.general-pagination span { display:none; }
.general-pagination a { display:inline-block; margin-right:4px; padding:0 5px; line-height:17px; text-align:center; background-color: rgba(235, 200, 94, 0.15); top repeat-x; border:1px solid #aeaeae; color:#918e8e; font-size:12px; }
.general-pagination a.selected { background-position:0 -24px; color:#3e3c3c; }
.general-pagination a:hover { background-position:0 -49px; color:#3e3c3c; text-decoration:none; }

/*border-radius*/
.general-pagination a, .general-pagination span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
/* ====================== END PAGINATION ====================== */  

#gallery-footer-rss-container {
	clear: none;
	float: left;
	margin-left: 0px;
	width: 70.0000%;
	padding-left: 8.1050%;
	padding-right: 0.9550%;
	display: block;
	margin-right: auto;
}
.rss-position {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	height: 30px;
	width: 30px;
	margin:-25px auto;
	position: relative;
	top:90px;	
}
.rss-text {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 40.0000%;
	padding-left: 35.1050%;
	padding-right: 0.0550%;
	display: block;
	margin-right: auto;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC3;
	top:100px;
}
.rss-position span {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-top: 0px;
	margin-left: 10px;
	text-align: center;
}
#sitelang {
	clear: both;
	float: right;
	margin-left: 0;
	width: 200px;
	display: block;
	height: 45px;
	margin: -400px auto;
	top: 0px;
	color: #333;
}
#gallery-footer-container {
	clear: none;
	float: right;
	margin-left: auto;
	width: 70.0000%;
	padding-left: 0.1050%;
	padding-right: 6.9550%;
	display: block;
	margin-right: 0px;
}
#soc-networks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 69%;
	display: block;
	top: -1065px;
	left: 52px;
	padding-left: 108px;
	position: relative;

}
#extra_network {
  clear: both;
	float: right;
	margin-left: auto;
	margin-right:0px;
	padding-left:7.9990%;
	padding-right:0.9990%;
	width: 85.36%;
	left:15px;
	display: block;
	margin:3px auto;
	position: absolute;
}
#gallery-footer-info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #968970;
	height: 0px;
	text-align: center;
	position: relative;
	padding-bottom:0px;
	padding-top:10px;
	margin-top: 0px;
	top:70px;
}
.gallery-footer-kopf {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top:45px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	top: 0;
	left:0px;
	text-align: center;
	position: relative;
	padding-top:0px;
}
.text-copyright {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	font-size: 12px;
	font-weight: normal;
	border-width: 0px;
	border-style: solid;
	text-align: center;
	margin:0px auto;
	position: relative;
	top:-10px;
}
.text-copyright a {
	font-size: 11px;
	position: relative;	
	text-decoration: none;
}
.like-my {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	display: block;
	margin:-50px auto;
	padding-left: 0px;
	padding-top: 20px;
	text-align: center;
}
#like-my1 p {
	
	padding-left: 0px;
	top:-20px;
	padding-top: -30px;
	padding-bottom:60px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.like_Mir {
	clear: both;
	float: left;
	display: block;
	margin-left: 0.0000%;
	margin-right: 0.0000%;
	width: 7.9000%;
	padding-left: 8.5000%;
	padding-right: 2.0000%;
	margin: -110px auto;
	left:0px;
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 8.0000%;
	margin-right: 40.0000%;
	width: 86%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: -40px;
	margin-bottom: 20px;
	display: block;
	height: 20px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
}
.MA {
	width:550px; height:35px; position: relative;
}
.titel_img {
	clear: both;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 70px;
}
/* ---------------=================================--------     */
#outerContainer { width:100%; height:136px; margin:auto; position:relative; margin-left:auto; margin-right:auto; text-align:center;}
#imageScroller { width:100%; height:136px; position:relative; background-color: rgba(80, 26, 16, 0.45); url(images/imageScrollerBG1.png) no-repeat; }
#viewer {
	width: 100%;
	height: 136px;
	overflow: hidden;
	position: relative;
	top: 0px;
	float: right;
	margin-top: -10;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }

/*  ________________________outerContainer */
/* js-disabled class - set image sizes so they all fit in the viewer */
/* ==================================================*/
.container{
	width: 100%;
	height: auto;
	z-index: -1;
	float: right;
	margin: 0px auto;
}

.homeBox {
	position: relative;
	float: right;
	display: block;
}
.homeBox .one_fourth {
	text-align: center;
	overflow: hidden;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #e37575), color-stop(0, #FAFAFA) );/*----vordergrund farbe-----*/
	border: 1px solid #E1E1E1;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	height: 90px;
	width: 126px;
	margin-right: 24px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	
}



.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths {
	position: relative;
	margin: 0;
	margin-right: 3.8%;
	float: left;
}

.homeBox .one_fourth div, .homeBox .last div {
	padding: 5px;/*----bild symbol position war auf 10px-----*/
}



.homeBox .one_fourth:hover{
	background:#252525;

}



.homeBox .one_fourth .boxImage {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover .boxImage {
	position: relative;
	-webkit-animation: moveFromTop 350ms ease;
	-moz-animation: moveFromTop 350ms ease;
	-ms-animation: moveFromTop 350ms ease;
}



.homeBox .one_fourth h2 {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover h2 {
	position: relative;
	color:#EAEAEA;/*--- hinter grund Titel Text farbe ---*/
	-webkit-animation: moveFromTop 200ms ease;
	-moz-animation: moveFromTop 200ms ease;
	-ms-animation: moveFromTop 200ms ease;
}





.homeBox .one_fourth .boxDescription {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover .boxDescription {
	position: relative;
	color:#EAEAEA;/*--- hinter grund Text farbe ---*/
	-webkit-animation: moveFromBottom 500ms ease-in-out;
	-moz-animation: moveFromBottom 500ms ease-in-out;
	-ms-animation: moveFromBottom 500ms ease-in-out;
}





@-webkit-keyframes moveFromTop {
    from {
        top: -600px;
    }
    to {
      	top: auto;
    }

}

@-moz-keyframes moveFromTop {

    from {
        -moz-transform: translateY(-600%);
    }
    to {
        -moz-transform: translateY(0%);
    }

}

@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-600%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}



@-webkit-keyframes moveFromBottom {
    from {
        bottom: -400px;
    }
    to {
       	top: auto;
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(400%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(400%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
/*-----Ende Footer Menu beweg -----*/

/*  ================================= {{{{{{{      }}}}}}}}}}}}}  ============================== */
/* ==================================================*/

#FooterSocialnet {/* positionieren in CSS -  RSS */ 
	clear: both;
	float: left;
	margin-left: 0;
	margin-right:auto;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 8px;
	margin: 0px auto;
	top:-2px;
	position: relative;
	background-color: rgba(80, 26, 56, 00.00);
}

/* ==================================================
   Social Area
================================================== */

/* ==================================================
   Ende Social Area
================================================== */
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 60px;
	display: block;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 2px;
	position: relative;
	cursor: pointer;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	font-family: "Courier New", Courier, monospace;
	background-color: rgba(1, 1, 1, 00.2);	
	margin: 0px auto;
	top:140px;
	
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
}
#Footer a {
	text-decoration: none;
}
#footer_navigation {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 100%;
	height: 30px;
	display: block;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	top:142px;
	cursor: pointer;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	margin: 0px auto;
	font-weight: bold;
	background-color: rgba(125, 18, 46, 00.8);
	-webkit-box-shadow: 2px 0px 15px 2px #111111;
	-moz-box-shadow: 2px 0px 15px 2px #111111;
	box-shadow: 2px 0px 15px 2px #111111;		
}

#navigation1 { float: right; padding-top: 13px; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 11px; font-family: Verdana, Geneva, sans-serif, cursive; font-weight: 400; margin-right:30px; }
#navigation ul li { display: inline; padding-left: 25px; }
#navigation ul li a { color: #999; }
#navigation ul li a:hover,
#navigation ul li.active a { color: #fff; text-decoration: none; }



.footerEnde1 {
	clear: both;
	float: left;
	position: relative;
	height: 25px;
	width: 100%;
	top:160px;
	margin: 42px auto;
}
.share {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 80%;
	height: 20px;
	display: block;
	position: relative;
	top: -90px;
}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 4%;
	padding-left:5.0000%;
	padding-right:0.0000%;
	height: 30px;
	display: block;
	position: relative;
	top: -55px;
}
#Footer_go_up {
	clear: none;
	float: left;
	margin-left: 1.9550%;
	margin-right: 2.9550%;
	width: 95%;
	height: 0px;
	display: block;
	text-align: center;
	position: relative;
	top: 0px;
	text-align: center;
}

.Footer_Position {
	color:rgb(153,153,153);
	color:rgba(153,153,153,0);
	text-shadow:0 0 5px #aaa;
	text-align:left;
	font-size:8px;
}
#FooterRight-hintergrund {
	background-color: rgba(80, 26, 16, 0.00);
	width: 100%;
	height: 0px;
	top:0px;
}
/*-----------------***************---------------/
/* [6. Bottom] */

#bottom{

	clear: both;		
	height: 25px;
	z-index:1;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* [MG Blau Logo Footer recht] */

#Header_Search{
	height: 36px;
	padding: 0px 0px 0px 40px;/*---- recht links Positionieren----*/
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
}
#top{
	color: #8e857c;
	text-shadow: 1px 1px 0 #101010;
	font-size: 10px;
	line-height: 14px;
	float: right;
}
#top div{
	padding: 35px 0px 0 0;/*---- oben unten Positionieren----*/
	display: table-cell;
	vertical-align: top;
	}
#top div a{
	color: #8e857c;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	}
#top div a:hover{
	color: #f5f2eb;
	background-position: 0 -18px;
	}
#top form{
	display: table-cell;
	vertical-align: top;
	width: 217px;
	height: 36px;
	padding: 2px 0 0 22px;
	background-image: url(MG_archiv/css_design/search-zoom.png);
	background-repeat: no-repeat;
	}
#top form input {
	line-height: 10px;
	height: 16px;
	width: 165px;
	padding: 0 2px 0 2px;
	float: left;
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}
#top form a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#top form a:hover {
	background-position: center -17px;
}
.searchformhead{
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 15%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#bodyHouptContainer {/*---- body Rahm ---*/
	clear: both;
	float: left;
	margin-left: auto;
	margin-left: auto;
	width: 98%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:80px auto;
	text-align: center;
	background-image: url(css_design/header-back1300.jpg);
	background-repeat: repeat;
	/*---*/
	background-color: rgba(109, 23, 35, 0.10);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:8px solid #6d1723; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	margin-bottom:-80px; 
		
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#about-headerShow {
	clear: both;
	float: none;
	margin-left: -50px;
	margin-right: 20px;
	width: 98.50%;
	padding-left: 0.0000%;
	padding-right: 0.9550%;
	height: auto;
	display: block;
	left: 0px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: -180px auto;
	/*--ecke rund/--*/
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/
	
	background-color: rgba(109, 23, 35, 0.00);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
.textheader1 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 1.1em;
	line-height:0.9em;
}
.mgLogo {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 20%;
	padding-left:80.00%;
	padding-right:0.00%;
	text-align:right;
	display: block;
	top:-110px;
	position:relative;
}
.textheader2 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 0.9em;
	line-height:1.1em;
}
.textheader3 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 1.0em;
	line-height:1.1em;
}
.text span {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	left: 20px;
	display: block;
	text-align: center;
	position: relative;
}
.text h2 {
	clear: both;
	float: left;
	margin-left: 20px;
	margin-right: auto;
	width: auto;
	display: block;
}
.special-font .zeichen {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1.1em;
	line-height:1.7em;
	margin:-20px auto;
}
#AboutShowFilter {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	margin: 90px auto;
	background-image: url(MG_archiv/show-images/bild02.png);
	background-repeat: no-repeat;
}
/* slider */
#slider {position:relative;background-color: rgba(3, 3, 3, 0.10); url('images/bg/bg-light.png') center bottom no-repeat;}
#slider img{margin:0; padding:0;display:block;}
#slider.fixed-image img {width:auto;height:auto;max-width:100%;}
#slider .shadow{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10px;
	left: 0;
	background: url('images/shadow-slider.png') no-repeat top center;
	z-index: 10;
	
}
/*  ===== B ========= Mite =================  Übertragung  ============= 4.11.2014 ====================  */
#body_houpt_imagescontainer {
	clear: both;
	float: left;
	margin-left: auto;
	margin-left: auto;
	width: 98%;
	max-width: 768px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:0px auto;
	text-align: center;
	margin-bottom:0px;
	top:0px;
}

/*  ***** ENDE Übertragung  === 4.11.2014 *****  */
#body_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 68%;
	left:0px;
	display: block;
	margin: -25px auto;
	position: relative;
}

#Artist-container {
	clear: both;
	float: left;
	margin-left: -12.5000%;
	margin-right:0.0000%;
	width: 95.3673%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
}
#artist-logo {
	clear: both;
	float: right;
	margin-left: 0;
	display: block;
	width: 53.3673%;
	padding-left: 0.985%;
	padding-right: 21.985%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo.png);
	background-repeat: no-repeat;
	margin:0px auto;
	margin-right: auto;
	margin-left: 0px;
	position: relative;
	text-align: center;
	height: 150px;
	top:-400px;
}
.artist-logo-position {
	clear: none;
	float: right;
	margin-left: 0;
	width: 65.9795%;
	display: block;
	margin: 0px auto;
	right: 0px;
	position: relative;
}
#gallery-info-container {
	clear: none;
	float: right;
	margin-left: 10.0408%;
	margin-right: 0.0408%;
	width: 48.9795%;
	padding-left: 10.0408%;
	padding-right: 0.0408%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cellspacing="0"; 
	cellpadding="5";
	margin: -150px auto;
	top:0px;
}
#container {
	clear: none;
	float: right;
	margin-left: -7.0408%;
	margin-right: 0.0008%;
	width: 40.9795%;
	padding-left: 0.0000%;
	padding-right: 0.0408%;
	display: block;
}
/* ========== web SCO Networks ============ END Übertragung ====================== */
/* === 2 =====<<<<<<<<<<<<<<<<  Übertragung Media Artist in Sotcial netwoks und suchmaschinen >>>>>>>>>>>>>>>>======= */
.haouptcontainer_medianetworks {
	width: 90.2%;
	max-width: 768px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	height: auto;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
}
#hauptcontainer_left {/* == 2 ==<<<<<<<<  left >>>>>>>==== */
	clear: both;
	float: left;
	margin-left: 0px;
	width: 42.3673%;
	display: block;
	padding-left:0.0000%;
	padding-right:0.0000%;
	background-color: rgba(15, 15, 15, 0.35);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	height: 1625px;
	padding-bottom:-2400px;
	margin-bottom:-2400px;
	margin: -1630px auto;
	left:0px;
}
#uhr_kalender {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	padding-left: 1px;
	padding-right: 1px;
	padding-top:2px;
	padding-bottom: 2px;
	display: block;
	height: 0px;
	text-align: center;
	margin:0px auto;
}
/* --- Art MG Social Networks ---- */
#MG_netwoks {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	max-width: 100%;
	width: 208px;
	position: relative;
	height: 40px;
	left: -40px;
	margin-top: -15px;
	margin-bottom: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	
}
#MG_netwoks ul {
	list-style: none;
	position: relative;
	width: 165px;
}
#MG_netwoks ul li {
	float: left;
	padding: 0px;
	padding-bottom: 5px;
	padding-top:10px;	 
}
#MG_netwoks ul img {/*---social networks --- */
	border: 0px solid #111111;
	border-width: 2px 2px 2px;
	width: 243px;
	height: 50px;
}
#MG_netwoks ul a:hover img {
	border: 0px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
#MG_netwoks ul a:hover {
	color: #ee5558;
}
#MG_netwoksContainer {
	clear: both;
	float: none;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 8px;
	padding-left: 0px;
	display: block;
	width: 165px;
	height: 950px;
	display: block;
	padding-left: 0px;
	padding-right: 5px;
	position: relative;
	margin: -30px auto;
	border: 1px solid #ee5558;
	background-color: rgba(20, 1, 2, 0.75);
	text-align: center;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
#livejournal_google_reader {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 200px;
	padding-left: 0.005%;
	padding-right: 0.055%;
	display: block;
	position: relative;
	top: 135px;
	left:-30px;
	height: 100px;
}
#livejournal_google_reader li {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	text-decoration: none;
	list-style-type:none;
}

/* --- Art Mg Social Networks ENDE --- */
.MG_backgrund {
	margin: 0px;
	width: auto;
	height: 30px;
	background-color: #444;
	position: relative;
	border: 1px solid #ee5558;
	margin: 0px auto;
	padding-top:5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	padding-top:5px;
	left:2px;
}
.MGartWeb {
	width: 160px;
	position: relative;
	margin-left: 0px;
	margin-right: auto;
	left:-2px;
}
/* --- Art Mg Social Networks ENDE --- */

/* <<< B <<<< [  web MG Art Socialnetworks  ] >>>>>>>>>>>> */
#MG_Art_WebNetworks {
	clear: both;
	margin: 0px;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	max-width: 100%;
	width: 156px;
	position: relative;
	height: 1450px;
	left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #444;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	margin: -40px auto;
}
.MG_Art_container_position {
	clear: both;
	margin:0px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	width: 162px;
	position: relative;
	height: 1508px;
	left: 5px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/	
	background-color: rgba(109, 23, 35, 0.80);
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
#MG_webnetwoks {
	left:30px;
	top:10px;
}
.panel-body li {
	text-decoration: none;
	list-style-type:none;
}
.panel-body li a:hover img {
	border: 0px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body ul a:hover img {
	border: 2px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body li a:hover {
	color: #ee5558;
}
.panel-footer {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	display: block;
	background-color: #444;
	padding-left: auto;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: auto;
	width: auto;
}
.panel-footer a {
	text-decoration: none;
	list-style-type: none;
	overflow: visible;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.bild_position {
	clear: both;
	margin: 0px;
	float: right;
	width: 154px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	padding-left:0px;
	padding-right:0px;
	left:3px;
}
.row {
	clear: both;
	margin:0px;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	width: 158px;
	left 0px;
	position: relative;
}
/* <<< B <<<< [  web MG Art Socialnetworks ENDE  ] >>>>>>>>>>>> */
.pageLanguage_container {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: auto;
	width: 45.0000%;
	display: block;
	position: relative;
}
#pageLanguage {
	clear: none;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
	width: 65%;
	padding-left: -10.0000%;
	padding-right: 0.0000%;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	height: auto;
	right: 0px;
	left:20px;
	margin: 50px auto;
	background-color: rgba(157, 166, 146, 0.65);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
}

#hauptContainer_center {/* <<< 2 <<<< [  center  ] >>>>>>> */
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 99.9795%;
	display: block;
	padding-left:0.0000%;
	padding-right:0.0000%;
	text-align: center;
	background-color: rgba(157, 166, 146, 0.55);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	height: 1520px;
	margin:1875px auto;
	top:0px;
	left:0px;
	padding-bottom:0px;
	margin-bottom:0px;
}
<!---- [  fb Masoud Ghafouri ] ------>
.hauptcontainer_fb_MG_A {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 570px;
	display: block;
	margin: 0px auto;
	text-align: center;
	position: relative;
}
#container_fb_position_MG_A {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left:0.5000%;
	padding-right: 0.5000%;
	width: auto;
	height: 475px;
	display: block;
	text-align: center;
	background-color: #a6b6a8;
	margin: 0px auto;
	position: relative;
}
.fb_headerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_position_MG_A {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
	margin: -30px auto;
}
.fb_footerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_comment_MG_A {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;
}
.comment_backgrund_MG_A {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;	
	background-color: #FFFFFF;
	-webkit-box-shadow: 1px 0px 2px 1px #3c423d;
	-moz-box-shadow: 1px 0px 2px 1px #3c423d;
	box-shadow: 1px 0px 2px 1px #3c423d;	
	margin: 5px auto;
}
.sosialnetworks_fb-MG_A {
	clear: both;
	float: none;
	margin-left: 1.0408%;
	width: 100%;
	display: block;
	top:0px;
	text-align: center;
	margin: 5px auto;
	position: relative;
}
<!---- [  fb Ostad Masoud Ghafouri ] ------>
.hauptcontainer_fb_MG_B {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 470px;
	display: block;
	text-align: center;
	margin: 105px auto;
	position: relative;
}
#container_fb_position_MG_B {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.8000%;
	padding-right: 1.5000%;
	width: auto;
	height: 500px;
	display: block;
	text-align: center;
	background-color: #a6b6a8;
	margin: 5px auto;
	position: relative;
}
.fb_headerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_position_MG_B {
	clear: none;
	float: left;
	margin-left: -0.9000%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_footerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
fb_comment_position {
	background-color: #a62437;	
}
.fb_comment_MG_B {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;
}
.comment_backgrund_MG_B {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;
	background-color: #fff;	
	-webkit-box-shadow: 1px 0px 2px 1px #3c423d;
	-moz-box-shadow: 1px 0px 2px 1px #3c423d;
	box-shadow: 1px 0px 2px 1px #3c423d;		
}
#fb-root {
	padding-top: 2px;
	background-color: #a6b6a8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
.sosialnetworks_fb-MG_B {
	clear: both;
	float: none;
	margin-left: 1.0408%;
	width: 100%;
	display: block;
	top:0px;
	text-align: center;
	margin: 5px auto;
	position: relative;
}
<!---- [  fb Iran Art ] ------>
.hauptcontainer_fb_iranart {
	clear: none;
	float: none;
	margin-left: 3.0408%;
	width: 440px;
	height: 630px;
	display: block;
	text-align: center;
	margin: 0px auto;
}
#container_fb_position_iranart {
	clear: none;
	float: none;
	margin-left: -10.0000%;
	padding-left: -10.8000%;
	padding-right: 1.8000%;
	width: 550px;
	height: 530px;
	display: block;
	text-align: center;
	margin: -510px auto;
	position: relative;
}
.fb_headerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_position_iranart {
	clear: none;
	float: left;
	margin-left: 1.0000%;
	padding-left: 0.8000%;
	right:0px;
	width: auto;
	display: block;
	text-align: center;
	margin: -155px auto;
	position: relative;
	background-color: #FFFFFF;
}
.fb_footerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_comment_iranart {
	clear: none;
	float: left;
	margin-left: 1.0408%;
	width: auto;
	display: block;
	left:10px;
	text-align: center;
	margin: 80px auto;
}
.comment_backgrund_iranart {
	clear: none;
	float: left;
	margin-left: 1.0408%;
	width: auto;
	display: block;
	text-align: center;
	margin: 80px auto;
	background-color: #fff;
}
.sosialnetworks_fb-iranart {
	clear: both;
	float: none;
	margin-left: 1.0408%;
	width: 100%;
	display: block;
	top:-75px;
	text-align: center;
	margin: 0px auto;
	position: relative;
}
<!---- [  fb Rangin Art ] ------>
.hauptcontainer_fb_ranginart {
	clear: none;
	float: none;
	margin-left: 3.0408%;
	width: 440px;
	height: 630px;
	display: block;
	text-align: center;
	margin: 0px auto;
}
#container_fb_position_ranginart {
	clear: none;
	float: none;
	margin-left: -5.0000%;
	padding-left: 0.8000%;
	padding-right: 1.5000%;
	width: 545px;
	height: 520px;
	display: block;
	text-align: center;	
	margin: 820px auto;
	position: relative;
}
.fb_headerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_position_ranginart {
	clear: none;
	float: left;
	margin-left: -0.9000%;
	width: auto;
	right:5px;
	display: block;
	background-color: #fff;
	text-align: center;
	margin: -155px auto;
	position: relative;
}
.fb_footerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_comment_ranginart {
	clear: none;
	float: left;
	margin-left: 1.0408%;
	width: auto;
	height: 120px;
	display: block;
	text-align: center;
	padding-top:-10px;
	margin: 80px auto;
}
.comment_backgrund_ranginart {
	clear: none;
	float: left;
	margin-left: 1.0408%;
	width: auto;
	display: block;
	background-color: #fff;
	text-align: center;
	margin: 80px auto;
	
}
.sosialnetworks_fb-ranginart {
	clear: both;
	float: none;
	margin-left: 1.0408%;
	width: 100%;
	display: block;
	top:-75px;
	text-align: center;
	margin: 80px auto;
	position: relative;
}
<!---- [  fb ENDE ] ------>
/* <<<<<<<<<<<<<<<<<<<<<<<< 2 <<<<<<<<<<<<< [  right  ] >>>>>>> */
.haupt_container_right {
	clear: none;
	float: right;
	width:42.5714%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	position: relative;
	left:100px;
	right:0px;
	margin: 0px auto;
}
#container_right {
	clear: none;
	float: right;
	margin-left: 0.0000%;
	margin-right: 0.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 50.0014%;
	display: block;
	height: 1480px;
	left:0px;
	background-color: rgba(109, 23, 35, 0.55);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
	margin:0px auto;
	top:-3135px;
	padding-bottom:-2400px;
	margin-bottom:-4000px;
	text-align: center;
}
.header_container_right {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 100%;
	right: 0px;
	left: 0px;
	display: block;
	margin: 0px auto;
	padding-top:110px;
	top: 0px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	
}
.header_container_right_amination {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 220px;
	height: 150px;
	right: 0px;
	left: 0px;
	display: block;
	margin: 30px auto;
	padding-top:20px;
	top: 0px;
	text-align: center;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo.png);
	background-repeat: no-repeat;
}
.pinterest_Follow_My {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: 0.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 240px;
	right: 0px;
	left: 0px;
	right:0px;
	display: block;
	height: auto;
	top:-25px;
	margin: 0px auto;
	text-align: center;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
}
.fb_like {
	clear: both;
	float: none;
	margin-left: auto;
	margin-left: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 240px;
	right: 0px;
	left: 0px;
	right:0px;
	display: block;
	background-color: #fff;
	margin: 0px auto;
	top:-10px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
	text-align: center;
}
.instagme_flollow {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 240px;
	right: 0px;
	left: 0px;
	right:0px;
	display: block;
	background-color: #fff;
	height: auto;
	margin: 0px auto;
	top:10px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
	text-align: center;
}
.google_plus_artist_backgrund-11 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #dc8229;
	height: 328px;
	margin: 0px auto;
	position: relative;
	text-align: center;
}
#widget_g-plus_Followers {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	height: 300px;
	margin: 0px auto;
	top:0px;
	position: relative;
	text-align: center;
}
#google-plus_artist_follow {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #d8f3dc;
	height: 304px;
	margin: -30px auto;
	top:0px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;
	position: relative;
	text-align: center;
}
#google-plus_artist_follow h4 {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-left: auto;
	padding-left: auto;
	padding-right: 0.0000%;
	display: block;
	margin: -5px auto;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6c7a6f;
	position: relative;
	text-align: center;
}
.titel_google_followers {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-left: auto;
	padding-top:7px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	margin: 10px auto;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F93;
}
#google-plus_artis {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #dc8229;
	height: 294px;
	margin: -5px auto;
	top: 0px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.google_title_text {
	width: 250px;
	height: 20px;
	background-color: #dc8229;
	padding-top: 15px;	
	margin: -330px auto; 
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	padding-top: 2px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;	
}
.google_title_artis_A {
	width: 250px;
	color:#FFF;
	text-align: center;
	position: relative;
	margin: 0px auto;
	top:-13px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#google-plus_artis_art {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #dc8229;
	height: 294px;
	margin: 50px auto;
	top: 0px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.google_title_text_art {
	width: 250px;
	height: 20px;
	background-color: #dc8229;
	padding-top: 15px;
	margin: -330px auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	padding-top: 2px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;	
}
.google_title_artis_B {
	width: 250px;
	color:#FFF;
	text-align: center;
	position: relative;
	margin: 0px auto;
	top:-13px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.tweets_artist {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: 0.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 200px;
	height: 500px;
	right: 0px;
	left: 30px;
	right:0px;
	display: block;
	height: auto;
	background-color: #fff;
	margin: 80px auto;
	text-align: center;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	vertical-align: middle;
}
#hauptcontainer_bodyfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* <<<<<<<<<<<<<<<<<<<[ Artist in Sotcial netwoks und suchmaschinen ENDE ]>>>>>>>>>>>>>>>>>>> */
.MG_weblinke { 
}
#suchmaschinen_container {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	display: block;
	width: 590px;
	height: auto;
	background-color: #CCC;
	margin: -70px auto;
	margin-bottom:75px;
	
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/
	
	background-color: rgba(109, 23, 35, 0.80);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
.CodeMirror.fromTextArea {
  overflow: auto;
  height: auto; overflow: visible;
  position: relative;
  outline: none;
  min-height: 300px; /* the minimum height */
}		
.artist_bei_suchmaschinen li {
	clear: none;
	float: left;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #06C;
	padding-left: 0px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: 0.5px;
	font-size: 0.8em;
	line-height: 1.0em;
	color: #CCC;
	font-weight: bold;
	position: relative;
	font-size: 12px;
	padding-left:4px;
}
a {
	text-decoration: none;
}
.suchmaschinen_show {
	width="88%;
	height: 320px;
	margin-top: -10px;
	margin-left: 0px;
	padding-top: 10px;
	border: 1px solid #ccc;
	border-radius: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 10px 2px #000000;
	background-color: rgba(216, 227, 230, 0.80);
}
.suchmaschinen_haeder {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin: -10px auto;
	letter-spacing: 0.5px;
	font-size: 1.2em;
	line-height: 1.0em;
	color: #666;
	font-weight: bold;
}
.suchmaschinen_position ul {
	text-decoration: none;
	float: left;
	color: #06C;
	font-weight: bold;
	padding-left: 10px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
}
.suchmaschinen_footer {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin: -15px auto;
	letter-spacing: 1.5px;
	font-size: 0.7em;
	line-height: 2.5em;
	color: #666;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px auto;
}
.artist_by_media {
	clear: both;
	margin-left: auto;
	margin-right: 20px;
	width: 105px;
	padding-left: 0.0000%;
	padding-right: 0.9550%;
	height: 304px;
	padding-top: 5px;
	margin: -325px auto;
	margin-left: 10px;
	background-color: #C66;
	letter-spacing: 1px;
	font-size: 0.8em;
	line-height: 0.8em;
	color: #CCC;
	font-weight: bold;
	position: relative;
	font-size: 12px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 5px 2px #333333;
	font-family: Verdana, Geneva, sans-serif;
}

/* <<<<<<< 2 <<<<<<<<<<<<[ bei_suchmaschinen ende ]>>>>>>>>>>>>>>>>>>> */
/* ========<<<<<<<<<<<<<<<<  ENDE Übertragung About Us >>>>>>>>>>>>>>>>>>>============== */        
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */   








/* ====================== Header Bilder Show ====================== */        
/* caption right */
#slider.elegant ul li .caption-right, #slider.elegant ul li .caption-left { width:300px; height:100%; }
#slider.elegant ul li .caption-top, #slider.elegant ul li .caption-bottom { width:100%; height:auto; }
#slider.elegant ul li .caption-right .text, #slider.elegant ul li .caption-left .text { padding:0px 45px 0px 10px; }
#slider.elegant ul li .caption-top .text, #slider.elegant ul li .caption-bottom .text { padding:20px 30px; }
/* ====================== Header Bilder Show ====================== */
/*   ******* fest CSS ab hier  ************   */
/*-- C --*** body-gallery ***----*/
.body-gallery-container {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	margin: 250px auto;		
}
#Footer_bider_show {/*----- FooterBilder-Show -----*/
	clear: both;
	float: right;
	width: 100%;
	margin-left: 0.0408%;
	margin-right: 0.0408%;
	display: block;
	position: relative;
	min-width: auto;
	text-align: center;
	margin: 0px auto;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(90, 34, 20, 0.00);
}
#Footer_bider_show_Position {
	background-color: rgba(90, 34, 20, 0.00);
	top: 145px;
	position: relative;
	background-image: url(MG_archiv/css_design/logo_footerShow.png);
	background-repeat: repeat-x;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
/* ---------------================ Footer Bilder Show =================--------     */

#outerContainer { width:100%; height:136px; margin:auto; position:relative; margin-left:auto; margin-right:auto; text-align:center;}
#imageScroller { width:100%; height:136px; position:relative; background-color: rgba(80, 26, 16, 0.25); background-image: url(MG_archiv/css_design/footer_BilderShow.png); background-repeat: repeat-x; }
#viewer {
	width: 96.5450%;
	height: 136px;
	overflow: hidden;
	position: relative;
	top: 0px;
	float: right;
	margin-top: -10;
	margin-left: 30.0408%;
	margin-right: 1.5408%;
}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }

/*  ________________________outerContainer */
/* js-disabled class - set image sizes so they all fit in the viewer */
/* ==================================================*/    
   
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.read-more, .more-link {
    background: url("MG_archiv/images/bg-button-light.png") repeat-x scroll left top #F4F4F8;
    border: 1px solid #D8D8DC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #787D8C !important;
    float: left;
    font-size: 12px;
    margin: 15px 0 20px;
    padding: 4px 12px;
    text-decoration: none;
    clear:both;
    text-shadow: 1px 1px 0 white;
}
.read-more:hover, .more-link:hover {
    background: none repeat scroll 0 0 #F9F9FB;
    border: 1px solid #C4C4C8;
    color: #464B5A !important;
}

}


/************** PC ******************* 3 **************************************/
#kopf-textbeweg {
	clear: both;
	float: left;
	background-color: rgba(0, 0, 0, 0.85);
	height: 15px;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
}
.tile {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FF0;
	width: 100%;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	font-weight: bold;
}
.MG_Artworkspresentation_container {
position: absolute;
right:0;
top:1px;
width: 100%;
}
.presentation Artist {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FF0;
}
..MG_Artworkspresentation_container {
position: absolute;
right:0;
top:1px;
width: 100%;
}
.MG_Artworkspresentation_container .portlet {
background-color: transparent;
}
.MG_Artworkspresentation_container .portletCollection {
margin: 0;
width: 7800px;
}
.MG_Artworkspresentation_container .portletCollection .portletHeader {
display: none;
}
.MG_Artworkspresentation_container .portletCollection .presentation {
float: left;
}
.MG_Artworkspresentation_container .portletCollection .presentation img {
display: none;
}
.MG_Artworkspresentation_container .portletCollection .Artist a {
	color: #0F0 !important;
}
.MG_Artworkspresentation_container .portletCollection .ArtMG a {
	color: #0CF !important;
}
/* */

.portlet a {
text-decoration: none;
color: Blue;
}
.portlet a.tile {
display: block;
color: #000000;
}

/* *************************/

#farbHeaderkopf {
	background-color: rgba(54, 56, 61, 0.60);
	height: 30px;
	width: 100%;
	clear: both;
}
.kopfpainting-Logo {
	height: 100px;
	width: 100%;	
	background-image: url(MG_archiv/css_design/header-back.jpg);
	background-repeat: repeat;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	
	-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 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
     	
}


/* 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: 98%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.aktivmenu {
	
}
li {
	color: #000;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
}
	body{margin:0px; font-family:Arial, Sans-Serif; font-size:12px;}
        /* dock */
    #dock{margin:0px; padding:0px; list-style:none; position:fixed; top:0px; height:100%; 
              z-index:100;  background-color: rgba(250, 248, 247, 0.50); left:0px;}
        #dock > li {width:30px; height:100px; margin: 0 0 1px 0; background-color:#dcdcdc;
                     background-repeat:no-repeat; background-position:left center;}
        
        #dock #MG_links {background-image:url(MG_archiv/css_design/links.png);}
        #dock #network {background-image:url(MG_archiv/css_design/share.png);}
        #dock #menu {background-image:url(MG_archiv/css_design/menu.png);}

        #dock > li:hover {background-position:-35px 0px;}
        
        /* panels */
        #dock ul li {padding:5px; border: solid 1px #F1F1F1;}/*--farb Hinter Text --*/
        #dock ul li:hover {background:#D3DAED url(item_bkg.png) repeat-x; border: solid 1px #A8D8EB;}
        #dock ul li.header, #dock ul li .header:hover {background:#D3DAED url(header_bkg.png) repeat-x;border: solid 0px #F1F1F1;}/*--farb2 Hinter Text --*/
      
        #dock > li:hover ul {display:block;}
        #dock > li ul {position:absolute; top:10px; left:-180px;  z-index:-1;width:100px; display:none;
                       background-color: rgba(250, 248, 247, 0.50); border:solid 0px #969696; padding:0px; margin:-10px; list-style:none;}/*--farb background --*/
        #dock > li ul.docked { display:block;z-index:-2;}
        
        .dock,.undock{float:right;}
       .undock {display:none;}
        #content {margin: 10px 0 0 60px;}
/*------------------------------------------*/
.MG {
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.animation/MG_animation_p.gif);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	width: 34.3673%;
	margin-left: 0px;
	margin-right: auto;
	padding-left:-30.0000%;
	padding-right:30.0000%;
	display: block;	
	height: 113px;
	margin: 0px aüto;
	margin-bottom: 56px;
	position: relative;
	padding-left:0px;
	top:-60px;
	left:20px;
}
/*------------------------------------------*/
#social_network {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 80%;
	display: block;
	margin: 0px auto;
	margin-bottom: 15px;
}

/* ==== sozialeNetzwerke  ==== */
#Netzwerkpostion {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 100%;
	top: -105px;
	position: relative;
}
/* ==================================================
   social-icons
================================================== */

.social-icons {
	margin: 0;
	padding: 0;
	margin-right: 25px;
	float:right;	
}

.social-icons li {
	display: inline-block;
	margin-left: 10px;
}

.social-icons li:first-child {
	margin-left: 0;
}
/*------- effckt haver vordergrund------*/
.social-icons li a{
	color: #fff;
	font-size: 20px;
	line-height: 1em;
	width: 20px;
	height: 20px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: opacity 0.1s linear 0s;	
	   -moz-transition: opacity 0.1s linear 0s;
		 -o-transition: opacity 0.1s linear 0s;
		    transition: opacity 0.1s linear 0s;
}
/*------- effckt haver------*/
.social-icons li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}/*==== Ende Social === */
/*-------------------------*/
#PaintingLogo {
	clear: both;
	float: left;
	width: 18.9673%;
	margin-left: 0.5408%;
	display: block;
	background-image: url(MG_archiv/css_design/paintingart-logo.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: -10px;
	margin-top: -300px;
	margin-right: auto;
	padding-right: auto;
	padding-left: 0px;
	position: relative;
	height: 80px;
	left: 10px;
}
#mailPhone {
	clear: none;
	float: right;
	width: 38.5755%;
	display: block;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	color: #FC0;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #333;
	margin-right: 25px;
	margin-left: auto;
	
}
#emailPostion {
	top: 0px;
	margin-right: -35px;
	float: right;
	margin-top: -265px;
	margin-bottom: 0px;
}
.Mail-img {
	margin: right 0px;
	float: right;
	margin-top: 0px;
	margin-right: 190px;
	margin-left: auto;
	margin: 0px auto;
}
.email {
	top: 0px;
	clear: right;
	margin: -20px auto;
	margin-right: 20px;
	float: right;
	color: #585856;
}
#HeaderMenu {
	clear: both;
	float: right;
	margin-left: 50.0408%;
	width: 72.5918%;
	display: block;
	margin: -110px auto;
	position: relative;
	padding-right: 150px;
	padding-left:0px
	margin-right: auto;
	margin-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #FFF;
	left:60px;
	left:70px;
}
.menuePosition {
	text-align: center;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:auto;
}
.impressum_menu {
	font-family: Pablo Impallari,
	font-size: 12px;
	font-weight: 300;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;	
}
.impressum_menu a {
	text-decoration: none;	
}
/*---- menu box ------*/
.menu_bild_position {
	float: left;
	clear: both;
	margin-left: 0px;
	margin-right: auto;
	width: 100%;
	display: block;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom:30px;
	height: auto;
	z-index: 99;
	position: relative;
}
.menu_bild_position h4{
	color: #d4724c;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 20px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 1.1em;
}
.menu_position_left {
	float: left;
	clear: both;
	margin-left: 0px;
	margin-right: auto;
	width: 36.5918%;
	height: auto;
	display: block;
	z-index: 99;
	margin: 0px auto;
	position: absolute;
	padding-right: 0.0000%;
	padding-left: 0.0000%;
}
.gallery_container b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-shadow: 1px 1px 0px black;
	color: #FFF;
}
.Media_web_container b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 600;
	text-shadow: 1px 1px 0px black;
	color: #FFF;
}
.menu_position_mitte{
	float: center;
	clear: both;
	margin-left: auto;
	margin-right: 40.00%;
	width: 30.5918%;
	display: block;
	margin: 0px auto;
	z-index: 99;
	padding-top: -300px;
	padding-right: 30.0000%;
	padding-left: 0.0000%;
	position: relative;
}
.menu_position_right {
	float: right;
	clear: both;
	width: 99.5918%;
	display: block;
	margin: 0px;
	position: absolute;
	display: block;
	z-index: 99;
	position: relative;
	padding-left: 30%;
	padding-right: 0%;
	height: auto;
}
.menu_right {float: left; margin:-100px 50px 50px; width: 100%; margin-left:-100px; position: relative; }
.gallery_container {
	width: 100%;
	height:250px;
}
#gallery_logos_position {
	clear: both;
	float: left;
	margin-left: 15.00%;
	margin-right: auto;
	width: 25.5918%;
	display: block;
	padding-left: 2%;
	padding-right: 5%;
	padding-top: -200em;
	margin-bottom:20px;
	z-index: 99;	
	height: auto;
	margin-top: 80px;
}
/*--A" Gallery Bild "--*/
.MG-gallery-img {
	clear: both;
	float: center;
	width: 35.5918%;
	margin-left: 45.0000%;
	margin-right: 50.0000%;
	top: 20px;
	z-index: 99;
	padding-top: 0em;
	margin-top: 0px auto;
	margin-bottom: 20px;
	position: absolute;	
}
/*--B" Gallery MG Logo "--*/
.menu-MG_gallerylogo {
	float: right;
	margin-left:85.0000%;
	margin-right:0.0000%;
	width: 25.5918%;
	padding-left:85.0000%;
	padding-right:0.0000%;
	margin: -65px auto;
	padding-top:0px;
	left:450px;
	z-index: 99;
}
/*--C" Gallery Painting Logo "--*/
.MG_menu-logo {/* für painting art logo position */
	float: left;
	margin-left: 0.0000%;
	margin-right: auto;
	width: 68.5918%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin: 20px auto;
	padding-top: 0px;
	z-index: 99;
	position: relative;
}
            /*       [  web and Network ]       */
/*--A" Media Artist Bild "--*/
.MG-media-img {
	clear: both;
	margin-left:55.0000%;
	margin-right:0.0000%;
	float: center;
	width: 27.5918%;
	padding-left:0.0000%;
	padding-right:0.0000%;
	right: 0px;
	left: 10px;
	top: 50px;
	z-index: 99;
	padding-top: 0em;
	margin-top: 0px auto;
	margin-bottom: 40px;
	position: absolute;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6c8699;
	vertical-align: middle;
}
/*--B" Media MG Logo "--*/
.MG_media_support {float: right; width: 13.5918%;  margin-left:auto; margin-right:auto; margin: 0px auto; z-index: 99; margin-bottom: 30px; top:-50px;}
.MG_mediaLogo_position {float: center; width: 99.5918%; margin: -50px auto;}
#mediaPaintinglogo_position {
	float: right;
	margin-left:0.0000%;
	margin-right:10.0000%;
	width: 65.5918%;
	padding-left:0.0000%;
	padding-right:0.0000%;
}
/*--C" Media Painting Logo "--*/
.MG_menugallery-Paintinglogo {
	float: right;
	margin-left:45.0000%;
	margin-right:0.0000%;
	width: 30.5918%;
	padding-left:45.0000%;
	padding-right:0.0000%;
	margin: -70px auto;
	padding-top:0px;
	z-index: 99;
	height: auto;
}
/*--D" MG Logo "--*/
.menu-MG_logo {
	float: right;
	margin-left: auto;
	margin-right: auto;
	width: 9.2918%;
	padding-left: 2%;
	padding-right: 25%;
	padding-top: 30px;
	z-index: 99;
	height: auto;
	margin-top: 0px;
	margin-bottom: -55px;
}
/*--E" network_menulist "  */
.network_menulist {
	margin-left:10px;
	margin-right:auto;
	width: 40.5918%;
	padding-left:20px;
	padding-right:auto;
	position:relative;
	padding-top: 0px;
	top: -25px;
}
/*--F" media network  */
.MG_linke a {
	float: left;
	clear: left;
	padding-left:25.0000%;
	padding-right:auto;
	padding-top:15px;
	padding-bottom:15px;
	padding-top:10px;
	left:40px;
	margin-left:20.0000%;
	margin-right:auto;
	width: 40.5918%;
	margin: -5px auto;
}
/*--G" media network backgrund masse  */
.Media_web_container {
	width: 100%;
	height:300px;
	z-index: 99;
}
/*--H" media network Rext go to web & ... site  */
.web_network {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0px;
	text-shadow: 1px 0px 0px black;
	color: #FFF;
}
.menu-titel {
	float: left;
	margin-bottom: 6px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 5px;
}
.MG_menu-Paintinglogo {
	float: left;
	width: 70.5918%;
	margin-left:40.0000%;
	margin-right:5.0000%;
	margin-right:auto;
	margin: -10px auto;
	padding-top:0px;
	z-index: 99;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign/css_Painting_art/css_Menu-ico/MG-Menu-Gallery.png1);
	background-repeat: repeat;
}
.menu-titel {
	float: left;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-top:0px;
	padding-bottom: 0px;
	z-index: 99;
	background-color: rgba(0,51,204,0.4);/* 2- (1 und 2 baham)hintergrung farbe */
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 10px 2px #F63;
	box-shadow: 0px 0px 10px 2px #F63;
}
.MG_linke1 {
	float: left;
	width: 70.5918%;
	z-index: 99;
	margin: -20px auto;
}

.menu_footer {float: left; width: 99.5918%; margin: -30px auto;}
/*---- menu box ------*/
h1 {
	font: 4.7em normal Georgia, 'Times New Roman', Times, serif;
	color: #333;
	margin: 0;
	z-index: 99;
	padding: 5px 0;
}
h1 small{
	font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	z-index: 99;
	color: #fff;
}
.container {width: auto; margin: 0px auto;}
ul#topnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	list-style: none;
	position: relative;
	font-size: 1.15em;
	z-index: 99;
	background-image: url(MG_archiv/css_design/topnav1_s.gif);
	background-repeat: repeat-x;	
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	border-right: 0px solid #555;
	z-index: 99;	
}
ul#topnav li a {
	float: left;
	padding: 2px 15px;/*---- Breit und Menu Abstand-----*/
	display: block;
	color: #f0f0f0;
	z-index: 99;
	text-decoration: none;	
}
ul#topnav li:hover {
	background-image: url(MG_archiv/css_design/topnav1_a.gif);
	background-repeat: repeat-x1;
	background-color: rgba(0,51,255,0.6);
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	padding-bottom: 0px;
	z-index: 99;
	padding-top: 0px;/*---- farb hinter schrift Titel------*/
}
ul#topnav li span {
	float: left;
	padding: 0px 0;
	position: absolute;
	left: 0; top:25px;/*---- menu und hintermenu Abstand ------*/
	display: none;
	z-index: 99;
	width: 103%;
	/*---- farb hinter grund Menu ------*/
	color: #fff;
	background-color: rgba(96, 24, 25, 0.80);/* 2- (1 und 2 baham)hintergrung farbe */
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	border:5px solid #6d1723; 
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 5px;
	padding-bottom:-1px;
	padding-top:-1px;/*---- farb hinter schrift Titel------*/
}
ul#topnav li:hover span { display: block; z-index: 99;}
ul#topnav li span a {
	display: inline;
	color: #a1c3db;/*  menu innen text color */
	z-index: 99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-shadow: 1px 1px 0px black;
}
ul#topnav li span a:hover {
	text-decoration: underline;
	background-image: url(../css_design/topnav1_a.gif);
	background-repeat: repeat-x1;
	background-color: rgba(37, 24, 84, 0.70);
	border:1px solid #6d1723; 
    border-radius: 10px;
	z-index: 99;
    -webkit-border-radius: 10px;
    -moz-border-radius: 5px;
	padding-bottom:-1px;
	padding-top:-1px;;/*---- farb hinter schrift Titel------*/
}
/*--------- Ende Menu -------------*/
/*--- <<<<<<<< [  MG header Kopf Blau  ] >>>>>>>>>---*/ 
.container_logoblau {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 15%;
	padding-left: 0.0000%;
	padding-right: 5.0000%;
	display: block;
	margin: 0px auto;
	top: 0px;
	left: -10px;
	position: relative;
}
#headerkopf_MG_logoblau {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 10%;
	padding-left: 0.0000%;
	padding-right: 18.0000%;
	display: block;
	margin: 0px auto;
	top: -20px;
	left: -105px;
	right:90px;
	position: absolute;
	z-index: 99;
	padding-top: 0px;
	margin-bottom: -70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 0.8em;
	font-style: normal;
	font-weight: 300;
	color: #333;
	}
.MG_logoblau_position {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 6%;
	padding-left: 0.0000%;
	padding-right: 10.0408%;
	margin-bottom:0px;
	display: block;
	margin: -50px auto;	
	position: absolute;
}
	.desc { color:#6b6b6b;}
	.desc a {color:#0092dd;}
	.dropdown {
	width: 100px;
	float: left;
	font-family: Arial,
	Helvetica, Sans-Serif;
	font-size: 0.825em;
	color: #000;
	text-align: left;
}       
	.dropdown dd, .dropdown dt, .dropdown ul {
	margin: 0px;
	padding: 25px;
	margin-left:
	130px;}		
	.dropdown dd {
	position:
	relative;
	margin-left: -10px;
	position: relative;
}	
.dropdown a, .dropdown a:visited {
	color:#816c5b;
	text-decoration:none;
	outline:none;
	-webkit-box-shadow: 0px 0px 10px 2px #171717;
	-moz-box-shadow: 0px 0px 10px 2px #171717;
	box-shadow: 0px 0px 10px 2px #171717;
	
	-webkit-box-shadow: 0px 0px 15px 2px #a9b4a7;
	-moz-box-shadow: 0px 0px 15px 2px #a9b4a7;
	box-shadow: 0px 0px 15px 2px #a9b4a7;
	
	/*-- hiermit alle ecke sind rund -*/
	border:1px solid #50584e; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;   
}
.dropdown a:hover {
	color:#5d4617;
}	
.dropdown dt a:hover {
	color:#5d4617;
	border: 0px solid #d0c9af;
}
.dropdown dt a {
	background:#e4dfcb url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.icons_png3288px/MG.png) no-repeat scroll right center;
	padding-right:0px;
	border:0px solid #d4ca9a;
	width:0px;	
}
.dropdown dt a span {
	cursor:pointer;
	float: left;
	display:block;
	padding:0px;
}
.dropdown dd ul {
	background:#e4dfcb none repeat scroll 0 0;
	border:1px solid #d4ca9a;
	color:#C5C0B0;
	display:none;
	left:5px;
	padding:5px 5px; position:absolute;
	top:2px; width:auto;
	min-width:120px;
	
	-webkit-box-shadow: 0px 0px 5px 2px #000000;
	-moz-box-shadow: 0px 0px 10px 2px #000000;
	box-shadow: 0px 0px 15px 2px #000000;
	
	/*-- Rund Ecke -*/
	border:1px solid #eece11; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;  
	list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:1px; display:block;}
.dropdown dd ul li a:hover { background-color:#fff;} 
.dropdown img.flag {
	border: none;
	vertical-align: middle;
	position: relative;
	float: right;} 
.MG_link_titel {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 8px;
	border-bottom: 1px solid #74521d;	
}
.mail-_MG_blaulogo {
	font-size: 8px;
}
/*--- <<<<<<<< [  MG header Kopf Blau ENDE  ] >>>>>>>>>---*/ 
#body-gallery-container {
	clear: both;
	display: block;
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	position: relative;
	text-align: center;
	top:-100px;
	margin:0px auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#body-header-time {
	clear: both;
	float: left;
	margin-left: -10.0000%;
	width: 28.0000%;
	padding-left: -10.0000%;
	padding-right: 50.9550%;
	display: block;
	margin-right: auto;
	margin: 0px auto;
	padding-bottom: 0px;
	letter-spacing: 2px;
	text-shadow: 1px 0px 0px black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	top:30px;
	left:-35px;
	position: relative;
}

/* ============= body-header-navi rest css bei ( START SIDEBAR ) in ende ============ */


#gallery-header-artist-logo {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 8.3673%;
	padding-left: 0.985%;
	padding-right: 10.985%;
	background-image: url(http://www.iranart.eu/MG.artarshiv/MG.logos/mg_logo5c.png);
	background-repeat: no-repeat;
	margin: -110px auto;
	height: 120px;
	top: 0px;
	position: static;
}
#gallery-position-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	width: auto;
	display: block;
	margin: -160px auto;
	text-align: center;
	position: static;
	padding-bottom:0px;
	
	/*---*/
	background-color: rgba(78, 89, 158, 0.10);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:8px solid #6d1723; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle; 
}
#pagination {/*seiten blaten  */
	clear: both;
	width: 100%;
	display: block;
	margin: 80px auto;
	margin-bottom:30px;
	top:-10px;
	position: relative;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top:0px;
	padding-bottom:-2px;
	-webkit-box-shadow: 0px 0px 5px 2px #333333;
	-moz-box-shadow: 0px 0px 15px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
}
.general-pagination group {
	margin: 0px auto;
	top: 0px;	
}
/* ====================== START PAGINATION ====================== */
.general-pagination { height:18px; margin:0 auto; text-align:center; clear:both; margin-bottom:15px; margin-top:-30px; }
.general-pagination span { display:none; }
.general-pagination a { display:inline-block; margin-right:4px; padding:0 5px; line-height:17px; text-align:center; background-color: rgba(235, 200, 94, 0.15); top repeat-x; border:1px solid #aeaeae; color:#918e8e; font-size:12px; }
.general-pagination a.selected { background-position:0 -24px; color:#3e3c3c; }
.general-pagination a:hover { background-position:0 -49px; color:#3e3c3c; text-decoration:none; }

/*border-radius*/
.general-pagination a, .general-pagination span { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
/* ====================== END PAGINATION ====================== */  

#gallery-footer-rss-container {
	clear: none;
	float: left;
	margin-left: 0px;
	width: 70.0000%;
	padding-left: 8.1050%;
	padding-right: 0.9550%;
	display: block;
	margin-right: auto;
	position: relative;
}
.rss-position {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 35px;
	width: 35px;
	margin: 50px auto;
	top:10px;
	margin-bottom:10px;
	left:5px;
	position: relative;
}
.rss-text {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 40.0000%;
	padding-left: 35.1050%;
	padding-right: 0.0550%;
	display: block;
	margin-right: auto;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC3;
	top:105px;
}
.rss-position span {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-top: 0px;
	margin-left: 10px;
	padding-top:0px;
	position: relative;
}
#sitelang { /*    ???    */
	clear: both;
	float: right;
	margin-left: 0;
	width: 200px;
	display: block;
	height: 45px;
	margin: -400px auto;
	top: 0px;
	color: #333;
}
#gallery-footer-container {
	clear: none;
	float: right;
	margin-left: auto;
	width: 70.0000%;
	padding-left: 0.1050%;
	padding-right: 6.9550%;
	display: block;
	margin-right: 0px;
}

#gallery-footer-info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #968970;
	height: 0px;
	text-align: center;
	position: relative;
	padding-bottom:0px;
	padding-top:10px;
	margin-top: 0px;
	top:200px;
}
.gallery-footer-kopf {
	clear: both;
	margin-left: 0;
	display: block;
	margin-top: -145px;
	top: 0;
	left:0px;
	text-align: center;
	position: relative;
	padding-top:0px;
}
.text-copyright {
	width: 100%;
	height: 400px
	position: relative;
	font-size: 12px;
	font-weight: normal;
}
.text-copyright a {
	font-size: 11px;
	position: relative;
	text-decoration: none;	
}
#like-my1 p {
	
	padding-left: 0px;
	top:-20px;
	padding-top: -30px;
	padding-bottom:60px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.like_Mir {
	clear: both;
	float: left;
	display: block;
	margin-left: 0.0000%;
	margin-right: 0.0000%;
	width: 7.9000%;
	padding-left: 6.5000%;
	padding-right: 2.0000%;
	margin: -60px auto;
	left:0px;
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 14.5000%;
	margin-right: 20.0000%;
	width: 78.5%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: -40px;
	margin-bottom: 10px;
	display: block;
	height: 25px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
	position: relative;
}
.MA iframe {
	width:550px; height:35px; position: relative;
}
.titel_img {
	clear: both;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 70px;
}
#Footer_bider_show {/*----- FooterBilder-Show -----*/
	clear: both;
	float: right;
	width: 100%;
	margin-left: 0.0408%;
	margin-right: 0.0408%;
	display: block;
	position: relative;
	min-width: auto;
	text-align: center;
	margin: 0px auto;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(90, 34, 20, 0.00);
}
#Footer_bider_show_Position {
	background-color: rgba(90, 34, 20, 0.00);
	top: 95px;
	position: relative;
	background-image: url(MG_archiv/css_design/logo_footerShow.png);
	background-repeat: repeat-x;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
/* ---------------=================================--------     */

#outerContainer { width:100%; height:136px; margin:auto; position:relative; margin-left:auto; margin-right:auto; text-align:center;}
#imageScroller { width:100%; height:136px; position:relative; background-color: rgba(80, 26, 16, 0.25); background-image: url(MG_archiv/css_design/footer_BilderShow.png); background-repeat: repeat-x; }
#viewer {
	width: 96.5450%;
	height: 136px;
	overflow: hidden;
	position: relative;
	top: 0px;
	float: right;
	margin-top: -10;
	margin-left: 30.0408%;
	margin-right: 1.5408%;
}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }

/*  ________________________outerContainer */
/* js-disabled class - set image sizes so they all fit in the viewer */
/* ==================================================*/
.container{
	width: 100%;
	height: auto;
	z-index: -1;
	float: right;
	margin: 0px auto;
}

.homeBox {
	position: relative;
	float: right;
	display: block;
}
.homeBox .one_fourth {
	text-align: center;
	overflow: hidden;
	background-image: linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -o-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -moz-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -ms-linear-gradient(bottom, #F3F3F3 100%, #FAFAFA 0%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(1, #e37575), color-stop(0, #FAFAFA) );/*----vordergrund farbe-----*/
	border: 1px solid #E1E1E1;
	-moz-box-shadow: 0px 1px 0px #ecebeb;
	-webkit-box-shadow: 0px 1px 0px #ecebeb;
	height: 90px;
	width: 126px;
	margin-right: 24px;
	-webkit-transition: background 0.5s linear;
	-moz-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
	
}



.one_half, .one_third, .two_thirds, .one_fourth, .three_fourths, .one_fifth, .two_fifth, .three_fifths, .four_fifths {
	position: relative;
	margin: 0;
	margin-right: 3.8%;
	float: left;
}

.homeBox .one_fourth div, .homeBox .last div {
	padding: 5px;/*----bild symbol position war auf 10px-----*/
}



.homeBox .one_fourth:hover{
	background:#252525;

}



.homeBox .one_fourth .boxImage {
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover .boxImage {
	position: relative;
	-webkit-animation: moveFromTop 350ms ease;
	-moz-animation: moveFromTop 350ms ease;
	-ms-animation: moveFromTop 350ms ease;
}



.homeBox .one_fourth h2 {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover h2 {
	position: relative;
	color:#EAEAEA;/*--- hinter grund Titel Text farbe ---*/
	-webkit-animation: moveFromTop 200ms ease;
	-moz-animation: moveFromTop 200ms ease;
	-ms-animation: moveFromTop 200ms ease;
}





.homeBox .one_fourth .boxDescription {
	color: #4B4A4A;
	margin: 0 0 10px 0;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}



.homeBox .one_fourth:hover .boxDescription {
	position: relative;
	color:#EAEAEA;/*--- hinter grund Text farbe ---*/
	-webkit-animation: moveFromBottom 500ms ease-in-out;
	-moz-animation: moveFromBottom 500ms ease-in-out;
	-ms-animation: moveFromBottom 500ms ease-in-out;
}





@-webkit-keyframes moveFromTop {
    from {
        top: -600px;
    }
    to {
      	top: auto;
    }

}

@-moz-keyframes moveFromTop {

    from {
        -moz-transform: translateY(-600%);
    }
    to {
        -moz-transform: translateY(0%);
    }

}

@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-600%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}



@-webkit-keyframes moveFromBottom {
    from {
        bottom: -400px;
    }
    to {
       	top: auto;
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(400%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(400%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
/*-----Ende Footer Menu beweg -----*/

#FooterSocialnet { /* positionieren in CSS -  RSS */ 
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 8px;
	margin: 0px auto;
	top: -6px;
	position: relative;
	background-color: rgba(1, 1, 1, 00.0);
}
/* ==================================================
   Social Area
================================================== */

/* ==================================================
   Ende Social Area
================================================== */
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 55px;
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 0px;
	position: relative;
	cursor: pointer;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	font-family: "Courier New", Courier, monospace;
	background-color: rgba(1, 1, 1, 00.35);	
	margin: 0px auto;
	top: 90px;
	
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 10px 2px #111111;
	box-shadow: 0px 0px 15px 2px #111111;
}
#Footer a {
	text-decoration: none;
}
#footer_navigation {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 100%;
	height: 22px;
	display: block;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 5px;
	position: relative;
	top:90px;
	cursor: pointer;
	letter-spacing: 2px;
	text-shadow: 0px 1px 1px black;
	margin: 0px auto;
	font-weight: bold;
	background-color: rgba(125, 18, 46, 00.8);
	-webkit-box-shadow: 2px 0px 15px 2px #111111;
	-moz-box-shadow: 2px 0px 15px 2px #111111;
	box-shadow: 2px 0px 15px 2px #111111;		
}

#navigation1 { float: right; padding-top: 13px; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 11px; font-family: Verdana, Geneva, sans-serif, cursive; font-weight: 400; margin-right:30px; }
#navigation ul li { display: inline; padding-left: 30px; }
#navigation ul li a { color: #999; }
#navigation ul li a:hover,
#navigation ul li.active a { color: #fff; text-decoration: none; }

.share {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	padding-left:25px;
	width: 60%;
	height: 20px;
	display: block;
	position: relative;
	top: -90px;
}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 100%;
	height: 30px;
	display: block;
	position: relative;
	top: -105px;
}
#Footer_go_up {
	clear: both;
	float: right;
	margin-left: 0;
	width: auto;
	margin-right: 1.9408%;
	margin-left: 1.9408%;
	display: block;
	padding-top: 0px;
	padding-right: auto;
	padding-bottom: 0px;
	padding-left: 10px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	top:0px;	
}

.Footer_Position {
	color:rgb(153,153,153);
	color:rgba(153,153,153,0);
	text-shadow:0 0 5px #aaa;
	text-align:left;
	font-size:8px;
}
#FooterRight-hintergrund {
	background-color: rgba(80, 26, 16, 0.00);
	width: 100%;
	height: 0px;
	top:0px;
}
/*-----------------***************---------------/
/* [6. Bottom] */

#bottom {
	clear: both;		
	height: 25px;
	z-index:1;
	top:0px;
	margin: 0px auto;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* [MG Blau Logo Footer recht] */
#Header_Search {
	height: 36px;
	padding: 0px 10px 0px 30px;/*---- recht links Positionieren----*/
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
}
#top{
	color: #8e857c;
	text-shadow: 1px 1px 0 #101010;
	font-size: 10px;
	line-height: 14px;
	float: right;
}
#top div {
	padding: 37px 5px 0 0;/*---- oben unten Positionieren----*/
	display: table-cell;
	vertical-align: top;
	}
#top div a {
	color: #8e857c;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
	background-repeat: no-repeat;
	background-position: 0 2px;
}
#top div a:hover{
	color: #f5f2eb;
	background-position: 0 -18px;
}
#top form {
	display: table-cell;
	vertical-align: top;
	width: 217px;
	height: 36px;
	padding: 2px 0 0 22px;
	background-image: url(MG_archiv/css_design/search-zoom.png);
	background-repeat: no-repeat;
}
#top form input {
	line-height: 10px;
	height: 16px;
	width: 165px;
	padding: 0 2px 0 2px;
	float: left;
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}
#top form a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#top form a:hover {
	background-position: center -17px;
}
.searchformhead{
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 15%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#bodyHouptContainer {/*---- body Rahm ---*/
	clear: both;
	float: left;
	margin-left: auto;
	margin-left: auto;
	width: 98%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:50px auto;
	text-align: center;
	background-image: url(css_design/header-back1300.jpg);
	background-repeat: repeat;
	/*---*/
	background-color: rgba(109, 23, 35, 0.10);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:8px solid #6d1723; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	margin-bottom:-100px; 
		
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#about-headerShow {
	clear: both;
	float: none;
	margin-left: -50px;
	margin-right: 20px;
	width: 98.50%;
	padding-left: 0.0000%;
	padding-right: 0.9550%;
	height: auto;
	display: block;
	left: 0px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: -190px auto;
	/*--ecke rund/--*/
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/
	
	background-color: rgba(109, 23, 35, 0.00);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
.textheader1 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 1.5em;
	font-family: Verdana, Geneva, sans-serif;
}
.mgLogo {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 20%;
	padding-left:80.00%;
	padding-right:0.00%;
	text-align:right;
	display: block;
	top:-105px;
	position:relative;
}
.textheader2 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 12px;
	line-height:1.4em;
}
.textheader3 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 12px;
	line-height:1.5em;
}
.text span {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	left: 20px;
	display: block;
	text-align: center;
	position: relative;
}
.text h2 {
	clear: both;
	float: left;
	margin-left: 20px;
	margin-right: auto;
	width: auto;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height:1.4em;
	font-weight: bold;
}
.special-font .zeichen {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1.1em;
	line-height:1.7em;
	margin:-20px auto;
}
#AboutShowFilter {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	margin: 90px auto;
	background-image: url(MG_archiv/show-images/bild02.png);
	background-repeat: no-repeat;
}
/* slider */
#slider {position:relative;background-color: rgba(3, 3, 3, 0.10); url('images/bg/bg-light.png') center bottom no-repeat;}
#slider img{margin:0; padding:0;display:block;}
#slider.fixed-image img {width:auto;height:auto;max-width:100%;}
#slider .shadow{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10px;
	left: 0;
	background: url('images/shadow-slider.png') no-repeat top center;
	z-index: 10;
	
}
/*  ====== C ======================  übertragung  ================ 11.2014 ================  */ 
#body_houpt_imagescontainer {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-left: auto;
	width: 98%;
	max-width: 1232px;
	padding-left: 7.0000%;
	padding-right: 1%;
	display: block;	
	padding-top:2%;
	margin:10px auto;
	position: relative;
	margin-bottom:0px;
	top:0px;
}
#body_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 45%;
	display: block;
	padding-left: -100.0000%;
	padding-right: 20.000%;
	margin:-40px auto;
	left:-100px;
	
}

/* ================  */
#Artist-container {
	clear: both;
	float: left;
	margin-left: -12.5000%;
	margin-right:0.0000%;
	width: 75.3673%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
}
#artist-logo {
	clear: both;
	float: right;
	margin-left: 0;
	display: block;
	width: 53.3673%;
	padding-left: 0.985%;
	padding-right: 21.985%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo.png);
	background-repeat: no-repeat;
	margin:0px auto;
	margin-right: auto;
	margin-left: 0px;
	position: relative;
	text-align: center;
	height: 150px;
	top:-400px;
}
.artist-logo-position {
	clear: none;
	float: right;
	margin-left: 0;
	width: 65.9795%;
	display: block;
	margin: 0px auto;
	right: 0px;
	position: relative;
}
/*  =================  */
#gallery-info-container {
	clear: none;
	float: left;
	margin-left: 10.0408%;
	margin-right: 0.0408%;
	width: 28.9795%;
	padding-left: 10.0408%;
	padding-right: 0.0408%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cellspacing="0"; 
	cellpadding="5";
	margin: -150px auto;
	top:0px;
}
#soc-networks-container {
	clear: both;
	float: center;
	margin-left: 0;
	width: 48.9000%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 0px auto;
	padding-left:100.0000%;
	padding-right:0.0000%;
	text-align: center;
}
#soc-networks {
	clear: both;
	float: center;
	margin-left: auto;
	margin-right: auto;
	width: 20.6%;
	right: 0px;
	margin: 0px auto;
	padding-top: 0px;
	top: -5px;
	left: 30px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	text-align: center;
}
#extra_network {
  clear: both;
	float: center;
	margin-left: auto;
	margin-right:0px;
	padding-left:7.9990%;
	padding-right:0.9990%;
	width: 30.36%;
	left:60px;
	display: block;
	margin:3px auto;
	position: relative;
	height: 0px;
	text-align: center;
	
}

/*  ************ [  Ende Übertragung 4.11.2014  ] **************  */
                        
/*-- C --*** body-gallery ***----*/
.body-gallery-container {
	width: 90.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	margin: 250px auto;	
}

/* ========== web SCO Networks ============ END Übertragung ====================== */
/* === 3 =====<<<<<<<<<<<<<<<<  Übertragung Media Artist in Sotcial netwoks und suchmaschinen >>>>>>>>>>>>>>>>======= */
.haouptcontainer_medianetworks {
	width: 90.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	height: auto;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
}
#hauptcontainer_left {/* <<<<< 3 <<<<<  left >>>>>>>>>> */
	clear: both;
	float: left;
	margin-left: 0px;
	width: 17.3673%;
	display: block;
	margin-left:0px;
	margin-right:auto;
	padding-left:0.0000%;
	padding-right:0.0000%;
	background-color: rgba(15, 15, 15, 0.35);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	height: 1515px;
	padding-bottom:-2400px;
	margin-bottom:-2400px;
	margin: 35px auto;
	left:-20px;
}
#uhr_kalender {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	padding-left: 1px;
	padding-right: 1px;
	padding-top:2px;
	padding-bottom: 2px;
	display: block;
	height: 0px;
	text-align: center;
	margin:0px auto;
}
/* --- Art MG Social Networks ---- */
#MG_netwoks {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	max-width: 100%;
	width: 208px;
	position: relative;
	height: 40px;
	left: -40px;
	margin-top: -15px;
	margin-bottom: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 0px;
	
}
#MG_netwoks li{
	width: 178px;
	height: auto;
}
#MG_netwoks ul {
	list-style: none;
	position: relative;
	width: 165px;
}
#MG_netwoks ul li {
	float: left;
	padding: 0px;
	padding-bottom: 5px;
	padding-top:10px;	 
}
#MG_netwoks ul img {/*---social networks --- */
	border: 0px solid #111111;
	border-width: 2px 2px 2px;
	width: 243px;
	height: 50px;
}
#MG_netwoks ul a:hover img {
	border: 0px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
#MG_netwoks ul a:hover {
	color: #ee5558;
}
#MG_netwoksContainer {
	clear: both;
	float: none;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-right: 8px;
	padding-left: 0px;
	display: block;
	width: 165px;
	height: 950px;
	display: block;
	padding-left: 0px;
	padding-right: 5px;
	position: relative;
	margin: -30px auto;
	border: 1px solid #ee5558;
	background-color: rgba(20, 1, 2, 0.75);
	text-align: center;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
#livejournal_google_reader {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 200px;
	padding-left: 0.005%;
	padding-right: 0.055%;
	display: block;
	position: relative;
	top: 20px;
	left:-30px;
	height: 100px;
}
#livejournal_google_reader li {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	text-decoration: none;
	list-style-type:none;
}
/* --- Art Mg Social Networks ENDE --- */

/* <<< B <<<< [  web MG Art Socialnetworks  ] >>>>>>>>>>>> */
#MG_Art_WebNetworks {
	clear: both;
	margin: 0px;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	max-width: 100%;
	width: 156px;
	position: relative;
	height: 1450px;
	left: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #444;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	margin: -35px auto;
}
.MG_Art_container_position {
	clear: both;
	margin:0px;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	width: 162px;
	position: relative;
	height: 1508px;
	left: 5px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/	
	background-color: rgba(109, 23, 35, 0.80);
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
#MG_webnetwoks {
	left:30px;
	top:10px;
}
.panel-body li {
	text-decoration: none;
	list-style-type:none;
}
.panel-body li a:hover img {
	border: 0px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body ul a:hover img {
	border: 2px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body li a:hover {
	color: #ee5558;
}
.panel-footer {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	display: block;
	background-color: #444;
	padding-left: auto;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: auto;
	width: auto;
}
.panel-footer a {
	text-decoration: none;
	list-style-type: none;
	overflow: visible;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
.MG_backgrund {
	margin: 0px;
	width: auto;
	height: 30px;
	background-color: #444;
	position: relative;
	border: 1px solid #ee5558;
	margin: 0px auto;
	padding-top:5px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	left:2px;
}
.MGartWeb {
	width: 160px;
	position: relative;
	margin-left: 0px;
	margin-right: auto;
	left:-2px;
}
.bild_position {
	clear: both;
	margin: 0px;
	float: right;
	width: 154px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: center;
	padding-left:0px;
	padding-right:0px;
	left:3px;
}
.row {
	clear: both;
	margin:0px;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	padding-right: 0px;
	display: block;
	width: 158px;
	left 0px;
	position: relative;
}
/* <<< E <<<< [  web MG Art Socialnetworks ENDE  ] >>>>>>>>>>>> */
.pageLanguage_container {
	clear: both;
	float: right;
	margin-left: 0px;
	margin-right: 50px;
	padding-left:0.0000%;
	padding-right:0.0000%;
	width: 25.0000%;
	left:-50px;
	display: block;
	position: relative;
}
#pageLanguage {
	clear: none;
	float: left;
	margin-left: 0px;
	margin-right: 100px;
	width: 80%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	height: auto;
	right: 0px;
	margin: -20px auto;
	background-color: rgba(157, 166, 146, 0.65);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
}
/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< E <<<< [  center  ] >>>>>>>>>>>> */
#hauptContainer_center {
	clear: none;
	float: left;
	margin-left: 0.0000%;
	width: 54%;
	display: block;
	padding-left:0.0000%;
	padding-right:0.0000%;
	text-align: center;
	background-color: rgba(157, 166, 146, 0.55);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	height: 1520px;
	padding-bottom:-2400px;
	margin-bottom:-2400px;
	margin:35px auto;
	top:0px;
	left:20px;
}
<!---- [  fb Masoud Ghafouri ] ------>
.hauptcontainer_fb_MG_A {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 570px;
	display: block;
	text-align: center;
	margin: 0px auto;
	position: relative;
}
#container_fb_position_MG_A {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.8000%;
	padding-right: 0.8000%;
	width: auto;
	height: 475px;
	display: block;
	text-align: center;
	background-color: #a6b6a8;
	margin: 5px auto;
	position: relative;	
}
.fb_headerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_position_MG_A {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
	margin: -30px auto;
}
.fb_footerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_comment_MG_A {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;
}
.comment_backgrund_MG_A {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;	
	background-color: #FFFFFF;
	-webkit-box-shadow: 1px 0px 2px 1px #3c423d;
	-moz-box-shadow: 1px 0px 2px 1px #3c423d;
	box-shadow: 1px 0px 2px 1px #3c423d;	
}

.sosialnetworks_fb-MG_A {
	clear: both;
	float: none;
	margin-left: 1.0408%;
	width: 100%;
	display: block;
	top:0px;
	text-align: center;
	margin: 5px auto;
	position: relative;
}
<!---- [  fb Ostad Masoud Ghafouri ] ------>
.hauptcontainer_fb_MG_B {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 570px;
	display: block;
	text-align: center;
	margin: 150px auto;
	position: relative;
}
#container_fb_position_MG_B {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.8000%;
	padding-right: 1.5000%;
	width: auto;
	height: 500px;
	display: block;
	text-align: center;
	background-color: #a6b6a8;	
	margin: 5px auto;
	position: relative;
}
.fb_headerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_position_MG_B {
	clear: none;
	float: left;
	margin-left: -0.9000%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_footerContainer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: auto;
	display: block;
	text-align: center;
}
.fb_comment_position {
	background-color: #a62437;	
}
.fb_comment_MG_B {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;
}
.comment_backgrund_MG_B {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	margin: 5px auto;
	background-color: #fff;	
	-webkit-box-shadow: 1px 0px 2px 1px #3c423d;
	-moz-box-shadow: 1px 0px 2px 1px #3c423d;
	box-shadow: 1px 0px 2px 1px #3c423d;	
}
.sosialnetworks_fb-MG_B {
	clear: both;
	float: none;
	margin-left: 1.0408%;
	width: 100%;
	display: block;
	top:0px;
	text-align: center;
	margin: 5px auto;
	position: relative;
}
#fb-root {
	padding-top: 2px;
	background-color: #a6b6a8;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;	
}
<!---- [  fb ENDE ] ------>
.haupt_container_right {/* <<<< 3 <<<< [  right  ] >>>>>>>>>>> */
	clear: none;
	float: right;
	width:27.5714%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	position: relative;
	left:70px;
	right:0px;
}
#container_right {
	clear: none;
	float: right;
	margin-left: 0.0000%;
	margin-right: 0.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 27.0014%;
	display: block;
	height: 1520px;
	left:0px;
	background-color: rgba(109, 23, 35, 0.55);/*---- farb hinter grund ------*/
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
	margin:0px auto;
	top:35px;
	padding-bottom:0px;
	margin-bottom:60px;
	text-align: center;
}
.header_container_right {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 100%;
	right: 0px;
	left: 0px;
	display: block;
	margin: 0px auto;
	padding-top: 110px;
	top: 0px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;	
}
.header_container_right_amination {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 220px;
	height: 150px;
	right: 0px;
	left: 0px;
	display: block;
	margin: 30px auto;
	padding-top:20px;
	top: 0px;
	text-align: center;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo.png);
	background-repeat: no-repeat;
}
.pinterest_Follow_My {
	clear: none;
	float: none;
	margin-left: auto;
	margin-right: 0.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 240px;
	right: 0px;
	left: 0px;
	right:0px;
	display: block;
	height: auto;
	margin: 0px auto;
	text-align: center;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
}
.fb_like {
	clear: both;
	float: none;
	margin-left: auto;
	margin-left: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 240px;
	right: 0px;
	left: 0px;
	right:0px;
	display: block;
	background-color: #fff;
	height: 300px;
	margin: 0px auto;
	top:0px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
	text-align: center;
}
.instagme_flollow {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 240px;
	right: 0px;
	left: 0px;
	right:0px;
	display: block;
	background-color: #fff;
	height: auto;
	margin: 0px auto;
	top:50px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	position: relative;
	text-align: center;
}
.google_plus_artist_backgrund {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #dc8229;
	height: 328px;
	margin: 0px auto;
	position: relative;
	text-align: center;
}
#widget_g-plus_Followers {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 250px;
	height: 300px;
	margin: 0px auto;
	top:0px;
	position: relative;
	text-align: center;
}
#google-plus_artist_follow {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #d8f3dc;
	height: 304px;
	margin: -30px auto;
	top:0px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;
	position: relative;
	text-align: center;
}
#google-plus_artist_follow h4 {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-left: auto;
	padding-left: auto;
	padding-right: 0.0000%;
	display: block;
	margin: -5px auto;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6c7a6f;
	position: relative;
	text-align: center;
}
.titel_google_followers {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-left: auto;
	padding-top:7px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	margin: 10px auto;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #F93;
}
#google-plus_artis {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #dc8229;
	height: 294px;
	margin: -5px auto;
	top: 0px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.google_title_text {
	width: 250px;
	height: 20px;
	background-color: #dc8229;
	padding-top: 15px;	
	margin: -330px auto; 
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	padding-top: 2px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;	
}
.google_title_artis_A {
	width: 250px;
	color:#FFF;
	text-align: center;
	position: relative;
	margin: 0px auto;
	top:-13px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.google_title_text_art {
	width: 250px;
	height: 20px;
	background-color: #dc8229;
	padding-top: 15px;
	margin: -330px auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
	padding-top: 2px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;	
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;	
}
.google_title_artis_B {
	width: 250px;
	color:#FFF;
	text-align: center;
	position: relative;
	margin: 0px auto;
	top:-13px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#google-plus_artis_art {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 254px;
	right: 0px;
	left: 0px;
	display: block;
	background-color: #dc8229;
	height: 294px;
	margin: 50px auto;
	top: 0px;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	vertical-align: middle;
	text-align: center;
	position: relative;
}
.tweets_artist {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	width: 170px;
	height: 400px;
	right: 0px;
	left: 20px;
	right:0px;
	display: block;
	height: auto;
	background-color: #fff;
	margin: 50px auto;
	text-align: center;
	-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 105px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #6d1723;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	vertical-align: middle;
	position: relative;
}
#hauptcontainer_bodyfooter {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 422px
	display: block;
}
/* <<<<<<<<<<<<<<<<<<<[ Artist in Sotcial netwoks und suchmaschinen ENDE ]>>>>>>>>>>>>>>>>>>> */
.MG_weblinke { 
}
#suchmaschinen_container {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	display: block;
	width: 740px;
	height: auto;
	background-color: #CCC;
	margin: 0px auto;
	margin-bottom:125px;
	padding-bottom:10px;
	
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/
	
	background-color: rgba(109, 23, 35, 0.80);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
.artist_by_media {
	clear: both;
	margin-left: auto;
	margin-right: 20px;
	width: 105px;
	padding-left: 0.0000%;
	padding-right: 0.9550%;
	height: 304px;
	padding-top: 5px;
	margin: -325px auto;
	margin-left: 10px;
	background-color: #C66;
	letter-spacing: 1px;
	font-size: 0.8em;
	line-height: 0.8em;
	color: #CCC;
	font-weight: bold;
	position: relative;
	font-size: 12px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 5px 2px #333333;
	font-family: Verdana, Geneva, sans-serif;
}
.artist_bei_suchmaschinen li {
	clear: none;
	float: left;
	margin-left: auto;
	margin-right:auto;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #06C;
	padding-left: 0px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	letter-spacing: 0.5px;
	font-size: 0.8em;
	line-height: 1.0em;
	color: #CCC;
	font-weight: bold;
	position: relative;
	font-size: 12px;
	padding-left:6px;
}
a {
	text-decoration: none;
}
.suchmaschinen_show {
	width="690px;
	height: 320px;
	margin-top: -10px;
	margin-left: 0px;
	padding-top: 10px;
	border: 1px solid #ccc;
	border-radius: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 10px 2px #000000;
	background-color: rgba(216, 227, 230, 0.80);
}
.suchmaschinen_haeder {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin: -10px auto;
	letter-spacing: 0.5px;
	font-size: 1.2em;
	line-height: 1.0em;
	color: #666;
	font-weight: bold;
}
.suchmaschinen_position ul {
	text-decoration: none;
	float: left;
	color: #06C;
	font-weight: bold;
	padding-left: 10px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
}
.suchmaschinen_footer {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin: -15px auto;
	letter-spacing: 1.5px;
	font-size: 0.7em;
	line-height: 2.5em;
	color: #666;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px auto;
}

/* <<<<<<<<<<<<<<<<<<<[ bei_suchmaschinen ende ]>>>>>>>>>>>>>>>>>>> */
/* ========<<<<<<<<<<<<<<<<  ENDE Übertragung About Us >>>>>>>>>>>>>>>>>>>============== */        
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */   
.read-more, .more-link {
    background: url("MG_archiv/images/bg-button-light.png") repeat-x scroll left top #F4F4F8;
    border: 1px solid #D8D8DC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #787D8C !important;
    float: left;
    font-size: 12px;
    margin: 15px 0 20px;
    padding: 4px 12px;
    text-decoration: none;
    clear:both;
    text-shadow: 1px 1px 0 white;
}
.read-more:hover, .more-link:hover {
    background: none repeat scroll 0 0 #F9F9FB;
    border: 1px solid #C4C4C8;
    color: #464B5A !important;
}
/* ====================== Header Bilder Show ====================== */        
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ 

/* caption right */
#slider.elegant ul li .caption-right, #slider.elegant ul li .caption-left { width:400px; height:100%; }
#slider.elegant ul li .caption-top, #slider.elegant ul li .caption-bottom { width:100%; height:auto; }
#slider.elegant ul li .caption-right .text, #slider.elegant ul li .caption-left .text { padding:5px 50px 0px 10px; }
#slider.elegant ul li .caption-top .text, #slider.elegant ul li .caption-bottom .text { padding:20px 30px; }

}