@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%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	position: relative;
	display: block;
	margin:-45px auto;
}
.aktivmenu {
	color: #000;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	
}
#menu a {
	color: #000;
	font-size: 1em;
	line-height: 1.8em;
	font-weight: bold;
	text-decoration: none;
}
.free_menu {
	float:left;
	#margin-left:0px;
	margin-right:auto;
}
.free {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
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:28%; 
              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(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//links.png);}
        #dock #network {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//share.png);}
        #dock #menu {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//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_icon {
	clear: both;
	float: right;
}		
/*------------------------------------------*/


.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: -86px;
	margin-bottom: 50px;
}


/*------------------------------------------*/
#social_network {
	clear: both;
	float: right;
	margin-left: auto;
	width: 63%;
	display: block;
	margin-right: 20.9408%;
	margin-left: 30.9408%;
}
/* ==== sozialeNetzwerke  ==== */
#Netzwerkpostion {
	clear: none;
	float: left;
	margin-right: 0px;
	top: 0px;
	left:20px;
	margin-bottom: 0px;
	margin-top: -437px;
}
/* ==================================================
   social-icons
================================================== */

.social-icons {
	margin: 0;
	padding: 0;
	margin-right: 10px;
	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: 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: 30px;
	margin-right: auto;
	width: 55%;
	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: -180px;
	position: relative;
	max-width: 60%;
	height: 80px;
}
.PaintingLogoPosition {
	width: 15%;	
}
#mailPhone {
	clear: both;
	float: left;
	width: 98%;
	margin-right: 0.0408%;
	margin-left: 0.9408%;
	padding-left:5.0000
	display: block;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 300;
	color: #FC0;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #333;
}
#emailPostion {
	float: left;
	margin-top: -197px;
	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: 90%;
	margin-left: 5.0000%;
	margin-right: auto;
	display: block;
	padding-left: 5.0000%;
	padding-right: 0.0000%;
	position: relative;
	margin: -95px auto;
	font-weight: normal;
	color: #FFF;
	padding-left: 22px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.menuePosition {
	clear: both;
	float: left;
	margin 0px auto;
	margin-bottom: 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;
	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 -------------*/
/*---*** 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;
}
.revolvermaps {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 23%;
	padding-left: 0.1050%;
	padding-right: 62.00%;
	display: block;
	top: -90px;
	left:-60px;
	margin-bottom: 0px;
	padding-top:-20px;
	padding-bottom:-40px;
	height: 50px;
	margin-top: 0px;
	position:relative;
}
  /* --------------[  END effect  ]----*/
/*   übertragung  */
#body-header-time {
	clear: both;
	float: none;
	margin-left: 0;
	width: 65.0000%;
	padding-left: 0.1050%;
	padding-right: 10.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: 10px;
	font-weight: bold;
	color: #FFF;
	top:15px;
	position: relative;
	text-align: center;
	left:0px;
}
#body-header-navi {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:0px auto;
	top:0px;
}
ul#gallery_categories_widget {
	background-color: rgba(237, 227, 197, 0.00);
	height: 20px;
	width: 500px;
	margin-left:0px;
	padding-right:0px;	
}                                               
#sidebar {
	background-color: rgba(237, 227, 197, 0.00);
	margin: -20px auto;
	clear: both;
	float: none;
	display: block;
	width: 77.8673%;
	margin-left:12px;
	left:25px;
	padding-left: 4.985%;
	padding-right: 0.985%;
	padding-bottom:0px;
	margin-right: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	position: relative;
	margin:0px auto;
	text-align: center;
	top:80px;
}
/* ============= 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;
}

#galleryContainer-header-left {
	clear: both;
	float: right;
	margin-left: auto;
	margin:0px;
	width: 100%;
	display: block;
	top: 0px;
}
#gallery-header-artist-logo {
	clear: both;
	float: right;
	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-nicht.png);
	background-repeat: no-repeat;
	margin: -1130px auto;
	height: 120px;
	top: 0px;
	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: 30px auto;
	margin-bottom:20px;
	top:0px;
	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 ====================== */  
.rss-design {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 44px;
	border: 1px solid #31292b;
	background-image: url(MG_archiv/css_design/transparent_rss3.png);
	background-repeat: repeat-x;	/*----vordergrund farbe-----*/
	
	/*--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(101, 128, 107, 0.30);/*---- 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 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;     	
}
#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;
}
.rss-position {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	height: 25px;
	width: 25px;
	margin:0px auto;
	top:35px;
	margin-bottom:30px;
	position: relative;	
}
.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;
	margin: 20px auto;
	margin-bottom:-100px;
}
#soc-networks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(235, 200, 94, 0.80);
	height: 2px;
	top: 162px;
	position: relative;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	-webkit-box-shadow: 0px 0px 10px 5px #333333;
	-moz-box-shadow: 0px 0px 10px 5px #333333;
	box-shadow: 0px 0px 10px 5px #333333;

}
#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;
	float: none;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: -245px;
	top: 0;
	left:0px;
	padding-left: 0.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-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_Me {
	clear: both;
	float: left;
	margin-left: 0.5000%;
	margin-right: 30.0000%;
	width: 27.5%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin: -60px auto;
	left:0px;
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 8.5000%;
	margin-right: 40.0000%;
	width: 84.5000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: 0px;
	margin-bottom: 10px;
	display: block;
	height: 25px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
}
.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: 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: 30%;
	display: block;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 8px;
	margin: 0px auto;
	top: 0px;
	position: relative;
	background-color: rgba(1, 1, 1, 00.0);	
}
/* ==================================================
   Social Area
================================================== */
/*----- für postionern sozial netzwerks in center Footer ------*/
#social-area {
    text-align: center;
}

#social-area #social ul {
	margin: 0;
	padding: 0;
	
	
}
/*----- für postionern sozial netzwerks in float recht Footer ------*/
#social-area #social ul li {
	display: inline-block;
	margin-left: 2px;
	list-style: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 10px 0px #860e1e;
	-moz-box-shadow: 0px 0px 10px 0px #860e1e;
	box-shadow: 0px 0px 10px 0px #860e1e;
}

#social-area #social ul li:first-child {
	margin-left: 0;
}
/*----- für postionern sozial netzwerks hintergrund farbe und grosse Footer ------*/
#social ul li a {
	background-color: #67665a;
	display: block;
	width: 16px;/*-----100px------*/
	height: 16px;
	-webkit-transition: all 400ms ease-out 0s;
	-moz-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);	
	
}
/*----- für postionern sozial netzwerks Footer ------*/
#social ul li a span {
	display: inline-block;
	margin: 0;
	color: #fff;
	font-size: 16px;/*-----font 32------*/
	line-height: 16px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}

#social ul li:hover a,/*----- für rot hover effckt ------*/
#social ul li.active a {
	background-color: #FF9933;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

#social ul li:hover a span,
#social ul li.active a span {
	color: #e0dece;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
}

/* ==================================================
   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: 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:150px;
	
	-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: 30px;
	display: block;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 5px;
	position: relative;
	top:150px;
	cursor: pointer;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	margin: 0px auto;
	font-weight: bold;
	border: 1px solid #6d1723;
	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: 13px; }
#navigation ul { list-style: none; list-style-position: outside; font-size: 8px; font-family: Verdana, Geneva, sans-serif, cursive; font-weight: 400; margin-right:10px; }
#navigation ul li { display: inline; padding-left: 5px; }/*----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; }

.share {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	padding-right:20px;
	width: 100%;
	height: 20px;
	display: block;
	position: relative;
	left:-5px;
	top: -70px;
}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 100%;
	height: 30px;
	display: block;
	position: relative;
	margin: -405px auto;
	top: 380px;
}
#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: 18px;
	height: 16px;
	width: 165px;
	padding: 0 2px 0 2px;
	float: left;
	border: none;
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	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;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#bodyContainer {/*---- body Rahm ---*/
	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:115px 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:0px; 
		
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#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;
}
.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;
}
.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;
}
.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;
	
}
/*-----------*/
#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: 185px;
	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 ====================== */   


/* gallery */
/* ====================== START PORTFOLIO GALLERY ====================== */  

/* ====================== END PORTFOLIO GALLERY ====================== */        
.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: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; }
/*  ===================================== */ 

/* ============ übertragung contact  === */
#contact-container {
	clear: both;
	float: left;
	margin-left: -30px;
	width: 100%;
	display: block;
	-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(234, 181, 141, 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;
	height: auto;
	margin-bottom:130px;
	margin-top:20px;
	padding-bottom:40px;
	
}
.design-container {
	clear: both;
	float: left;
	width: 94%;
	display: block;
	padding-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: -170px;
	margin-top: 30px;
	padding-bottom: 50px;
	padding-left: 5.0000px;
	padding-right: 5.0000px;
	background-color: rgba(96, 24, 25, 0.20);
	-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 #000; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	position: relative;
}
/* ======================  CONTENT Map ====================== */ 
/*google maps*/
.google-map-frame iframe { padding:3px; border:1px solid #acabab; max-width:auto; width:auto; } 

#view-map {
	clear: both;
	float: none;
	margin-left: 50px;
	margin-right: auto;
	width: auto;
	display: block;
	background-color: rgba(254, 254, 254, 0.10);
	-webkit-box-shadow: 0px 0px 5px 2px #333333;
	-moz-box-shadow: 0px 0px 5px 2px #333333;
	box-shadow: 0px 0px 50px 2px #333333;
	position: relative;
	text-align: center;
}
/* header map */
.header-map {position:relative;border-top:8px solid #aaa371;padding-bottom:10px;background:#b3b2b2;margin-bottom:8px;}
.header-map iframe {}
.header-map #map-wrap {width:auto; height:0px; overflow:hidden;}
.header-map #map-wrap.opened {width:auto; height:400px;overflow:hidden;}
.header-map #map {width:auto; height:400px;}
.header-map .tab-label {display:block;width:59px;height:20px;background:url('MG_archiv/css_design/map-tab.png') no-repeat;position:absolute;bottom:-20px;right:30px;padding:0 25px 0 10px;line-height:15px;color:#221f1f;font-family:'Droid Sans', sans-serif;font-size:0.857em;text-shadow:1px 1px 2px #fff;}
.header-map .shadow {position: relative; top:0;left:0;height:5px;width:auto;}
/* ====================== END CONTENT map ====================== */ 
/* ---- PHP CONTACT und Info. ---- */
.hauptcontainer_contacttabelle {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left:0.0000%;
	padding-right:0.0000%
	display: block;
	width: 95%;
	left:0px;
	top:280px;
	padding-top:0px;
	margin:760px auto;
	margin-bottom:0px;
	padding-bottom:-150px;
	text-align: center;	
	text-shadow: 1px 1px 0px black;
}
#hauptcontainer_position {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%
	padding-right:0.0000%
	display: block;
	width: 90%;
	left: 0px;
	top: 0px;
	padding-top: 0px;
	margin-bottom: -150px;
	padding-bottom: -150px;
	text-align: center;
	background-color: #06C;
	height: 100px;
	margin-top: 0px;
	position: relative;
}

#contact-tabelle-container {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0.0000%
	padding-right:0.0000%
	width: 40.1836%;
	padding-left:0.10000%;
	padding-right:0.10000%
	display: block;
	margin-bottom:0px;
	margin: 0px auto;
	text-align: center;	
	
}
.tabelle-position {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 330px;
	height: 515px;
	padding-left: 0.10000%;
	padding-right:0.10000%;
	display: block;
	margin-bottom: -170px;
	margin: 0px auto;
	padding-top:25px;
	padding-bottom:-100px;
	background-color: rgba(148, 209, 132, 0.35);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 3px solid #444;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	vertical-align: middle;
	color: #FFF;
	font-size: 12px;
	text-align: center;	
	text-shadow: 1px 1px 0px black;
	font-style: normal;
}
#contact-info-container {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-left: auto;
	width: 390px;
	padding-left: 10.0000%;
	padding-right:0.1000;
	display: block;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	border: 2px;
	color: #000;
	font-size: 12px;
	font-style: normal;
	margin:0px auto;
	padding-bottom:0px;
}
.contact-info-container-position {
	clear: both;
	float: none;
	margin-left: auto;
	margin-left: auto;
	width: 110%;
	padding-left: 0.0000%;
	padding-right:0.0000;
	display: block;
	margin-bottom: 0px;
	font-size: 12px;
	font-style: normal;
	margin:-1225px auto;
	padding-bottom:-100;
	text-align: center;
	color: #FFF;
	top:0px;
	letter-spacing: 1px;
	text-shadow: 1px 1px 5px black;
}
.contact_animation {
	clear: both;
	float: left;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 110%;
	padding-left: -6.0000%;
	padding-right: 0%;
	display: block;
	left: -27px;
	top:-5px;
	margin-bottom: 0px;
	text-align: center;
	position: relative;
	height: 7px;
	margin-top: -7px;
}
#text-info-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60.0550%;
	display: block;
	margin-bottom:10px;
	padding-bottom:-5px;
	padding-left:25px;
	padding-top:-5px;
	background-color: rgba(148, 209, 132, 0.10);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #000;
	border-radius: 10px;
	text-align: left;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	vertical-align: middle;
	margin:0px auto;
	margin-bottom:10px;
}
#KEEP-TOUCH {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 11px;
	padding-top: 5px;
	font-style: normal;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #74521d;
	
}
.text_deko:after {
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.text_deko hover {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.keep-span {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 2px;
	color: #c0cd50;
	font-size: 12px;
	letter-spacing: 2px;	
	line-height:1.0em;
	text-shadow: 1px 1px 0px black;
	margin-bottom: 0px;
}
.info_artist_contact {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	border-bottom: 4px solid #4b6d43;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:3px;
	letter-spacing: 2px;	
	line-height:2.0em;
}
.text_dekoration {
	color: #FFF;
	font-size: 12px;
}
.text_dekoration a {
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	text-shadow: 1px 1px 0px black;
	color: #cdda5a; font-weight: bold} /*Navy Blue*/
a:hover, a:focus {color: #53553e; font-weight: bold} /*Green*/
a:visited {color: #e15ef4; font-weight: bold} /* Purple */
.contact_phone {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:10px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:10px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
}
.contact_phone_img {
	#text-shadow: 1px 0px 10px black;
}
.contact_mail_img {
	#text-shadow: 1px 0px 10px black;
}
.artist-bild {
	clear: both;
	float: left;
	margin-left: auto;
	width: 220px;
	padding-left: 0%;
	padding-right: 0%;
	margin-right: auto;
	left: 0px;
	right: 0px;
	display: block;
	margin-bottom: 0px;
	background-color: rgba(148, 209, 132, 0.50);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #444;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 10px;

}
/*----*/

#body_soc_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 95%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 0.000%;
	margin:-20px auto;
	margin-bottom:0px;
	left:0px;
	
}
/*--- <<<<<<<< [  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: -30px;
	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: 24px;
	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;
	height: 14px;
	-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;
	padding-bottom:1px;
}
/*--- <<<<<<<< [  MG header Kopf Blau ENDE  ] >>>>>>>>>---*/ 
.pageLanguage_container {
	clear: both;
	float: right;
	margin-left: 0px;
	margin-right: 0px;
	padding-left:0.0000%;
	padding-right:10.0000%;
	width: 65.0000%;
	left:0px;
	display: block;
	position: relative;
}
#pageLanguage {
	clear: none;
	float: left;
	margin-left: 0px;
	margin-right: 100px;
	width: 75%;
	padding-left: -10.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;
}
#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: -200px auto;
	margin-bottom:0px;
	padding-top: 105px;
	padding-bottom: 5px;
	background-color: rgba(90, 34, 20, 0.00);
}
#Footer_bider_show_Position {
	background-color: rgba(90, 34, 20, 0.00);
	top: 0px;
	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;
}
.required_fields {
	margin-bottom:0px;
	margin-top:0px;
}
/* ---------------================ Footer Bilder Show =================--------     */
/*  *******   */
#contact-footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* ====================== END PHP CONTACT und Info.  ====================== */ 
/* ============ übertragung contact  ENDE === */
/* ====================== Übertragung CSS Contact bis hier ====================== */       
   
}
/* ********** 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%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
}
.aktivmenu {
	color: #000;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;
	
}
#menu a {
	color: #000;
	font-size: 1em;
	line-height: 1.8em;
	font-weight: bold;
	text-decoration: none;
}
.free_menu {
	float:left;
	#margin-left:0px;
	margin-right:auto;
}
.free {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
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:28%; 
              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(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//links.png);}
        #dock #network {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//share.png);}
        #dock #menu {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//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_icon {
	clear: both;
	float: right;
}		
/*------------------------------------------*/

.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: 30.3673%;
	padding-left:0.0000%;
	padding-right:0.0000%
	margin-left: 1.9408%;
	margin-right: 24.9408%;
	padding-left:14.9408%;
	display: block;	
	height: 113px;
	left:20px;
	margin: 0px auto;
	margin-bottom: 50px;
	position: relative;
	top:-50px;
}

/*------------------------------------------*/
#social_network {
	clear: both;
	float: right;
	margin-left: auto;
	width: 98.5918%;
	display: block;
	margin: -60px auto;
	left;50px;
}

/* ==== sozialeNetzwerke  ==== */
#Netzwerkpostion {
	clear: both;
	float: right;
	margin-right: 20px;
	top: 0px;
	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: 20px;
}

.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: 4.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: none;
	float: right;
	width: 44.7755%;
	margin-left: auto;
	margin-right: 0.00%	
	display: block;
	padding-left:75.00%;
	padding-right:0.00%;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: #FC0;
	left:30px;
	letter-spacing: 1px;
	position: relative;
	text-shadow: 1px 0px 0px #333;	
}
#emailPostion {
	top: 0px;
	margin-right: 0px;
	float: right;
	margin-top: -240px;
	margin-bottom: 0px;
	position: relative;
}
.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: 85.5918%;
	margin-left: 20.0408%;
	margin-right: auto;
	display: block;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	letter-spacing: -1px;
	color: #FFF;
	padding-top: 3px;
	top:-90px;
}
.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 -------------*/
/*---*** body-gallery ***----*/
.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-bottom: 0px;
	margin-left: auto;
}
.revolvermaps {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: auto;
	width: 23%;
	padding-left: 0.1050%;
	padding-right: 65.00%;
	display: block;
	top: -90px;
	left:-65px;
	margin-bottom: 0px;
	padding-top:-20px;
	padding-bottom:-40px;
	height: 50px;
	margin-top: 0px;
}
#body-header-time {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 70.0000%;
	padding-left: 0.0000%;
	padding-right: 0.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: 15px;
	left:-35px;
	position: relative;
}
#body-header-navi {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 65.0000%;
	padding-left: 8.0000%;
	padding-right: 0.0000%;
	display: block;
	margin:-490px auto;
	top:0px;
	
}
ul#gallery_categories_widget {
	background-color: rgba(237, 227, 197, 0.00);
	height: 20px;
	width: 500px;
	margin-left:0px;
	padding-right:0px;	
}                                               
#sidebar {
	background-color: rgba(237, 227, 197, 0.00);
	margin: 0px auto;
	clear: both;
	float: none;
	display: block;
	width: 77.8673%;
	margin-left:12px;
	left:0px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	padding-bottom:0px;
	margin-right: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	text-align: center;
}
/* ============= 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;
}

#galleryContainer-header-left {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin:0px;
	width: 100%;
	display: block;
	top: 0px;
	left:0px;
	margin: 250px auto;
	text-align: center;
}
#gallery-header-artist-logo {
	clear: both;
	float: right;
	margin-left: 0.0000%;
	margin-right: 0.0000%;
	display: block;
	width: 35.3673%;
	padding-left: 1.085%;
	padding-right: 1.085%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/mg_logo5c-keine.png);
	background-repeat: no-repeat;
	margin: -720px auto;
	height: 120px;
	top: 0px;
	margin-left:0px;	
}
#gallery-position-container {
	clear: both;
	float: left;
	margin-left: 0.0000%;
	margin-right: 20.0000%;
	width: 100%;
	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: 30px auto;
	margin-bottom:20px;
	top:0px;
	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 ====================== */  
.rss-design {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 44px;
	margin:-160px auto;/*--- Footer SCO positionieren --- */
	border: 1px solid #31292b;
	background-image: url(MG_archiv/css_design/transparent_rss3.png);
	background-repeat: repeat-x;	/*----vordergrund farbe-----*/
	
	/*--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(101, 128, 107, 0.30);/*---- 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 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;     	
}
#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:-115px auto;
	position: relative;
	top:-35px;	
}
.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: 60%;
	display: block;
	background-color: rgba(235, 200, 94, 0.80);
	height: 2px;
	top: 162px;
	position: relative;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	-webkit-box-shadow: 0px 0px 10px 5px #333333;
	-moz-box-shadow: 0px 0px 10px 5px #333333;
	box-shadow: 0px 0px 10px 5px #333333;

}
#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:-155px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	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;
	border-width: 0px;
	border-style: solid;

}
.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_Me {
	clear: both;
	float: left;
	margin-left: 0.5000%;
	margin-right: 30.0000%;
	width: 27.5%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	padding-bottom: -150px;
	margin-bottom: -150px;
	margin: 50px auto;
	left:0px;
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 8.5000%;
	margin-right: 40.0000%;
	width: 84.5000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: -30px;
	margin-bottom: -100px;
	display: block;
	height: 25px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
}
.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
================================================== */
/*----- für postionern sozial netzwerks in center Footer ------*/
#social-area {
    text-align: center;
	
}

#social-area #social ul {
	margin: 0;
	padding: 0;
}
/*----- für postionern sozial netzwerks in float recht Footer ------*/
#social-area #social ul li {
	display: inline-block;
	margin-left: 2px;/*---zwiechen abstand  sozial netzwerks apps ---*/
	list-style: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 10px 0px #860e1e;
	-moz-box-shadow: 0px 0px 10px 0px #860e1e;
	box-shadow: 0px 0px 10px 0px #860e1e;
}

#social-area #social ul li:first-child {
	margin-left: 0;
}
/*----- für postionern sozial netzwerks hintergrund farbe und grosse Footer ------*/
#social ul li a {
	background-color: #67665a;
	display: block;
	width: 22px;/*-----100px------*/
	height: 22px;
	-webkit-transition: all 400ms ease-out 0s;
	-moz-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);	
	
}
/*----- für postionern sozial netzwerks Footer ------*/
#social ul li a span {
	display: inline-block;
	margin: 0;
	color: #fff;
	font-size: 18px;/*-----font 32------*/
	line-height: 22px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}

#social ul li:hover a,/*----- für rot hover effckt ------*/
#social ul li.active a {
	background-color: #FF9933;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

#social ul li:hover a span,
#social ul li.active a span {
	color: #e0dece;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
}

/* ==================================================
   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: 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:150px;
	
	-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: 30px;
	display: block;
	text-align: center;
	padding-top: 0px;
	padding-bottom: -5px;
	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: 13px; }
#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: 20px; }/*----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; }

.share {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 80%;
	height: 20px;
	display: block;
	position: relative;
	top: -75px;
}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 4%;
	height: 30px;
	display: block;
	position: relative;
	top: 390px;
}
#Footer_go_up {
	clear: none;
	float: right;
	margin-left: 3.9550%;
	margin-right: 0.00%;
	width: 82%;
	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: 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: 18px;
	height: 16px;
	width: 165px;
	padding: 0 2px 0 2px;
	float: left;
	border: none;
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	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;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#bodyContainer {/*---- body Rahm ---*/
	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:75px 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;
}
.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;
}
.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;
}
.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;
	
}
#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: 115px;
	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 */
/* ==================================================*/

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

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




/* ====================== END SIDEBAR ====================== */   


/* gallery */
/* ====================== START PORTFOLIO GALLERY ====================== */  

/* ====================== END PORTFOLIO GALLERY ====================== */        
   
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.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: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; }
/*  ================================================  */

/* ============ übertragung contact  === */
#contact-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	-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(234, 181, 141, 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;
	height: auto;
	margin-bottom:230px;
	margin-top:20px;
	padding-bottom:10px;
	
}
.design-container {
	clear: both;
	float: none;
	width: 94%;
	display: block;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -220px;
	margin-top: 30px;
	padding-bottom: 165px;
	padding-left: 5.0000px;
	padding-right: 5.0000px;
	background-color: rgba(96, 24, 25, 0.20);
	-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 #000; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	position: relative;
	text-align:center;
}
/* ======================  CONTENT Map ====================== */ 
/*google maps*/
.google-map-frame iframe { padding:3px; border:1px solid #acabab; max-width:auto; width:auto; } 

#view-map {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	display: block;
	background-color: rgba(254, 254, 254, 0.10);
	-webkit-box-shadow: 0px 0px 5px 2px #333333;
	-moz-box-shadow: 0px 0px 5px 2px #333333;
	box-shadow: 0px 0px 50px 2px #333333;
	position: relative;
	text-align: center;
}
/* header map */
.header-map {position:relative;border-top:8px solid #aaa371;padding-bottom:10px;background:#b3b2b2;margin-bottom:8px;}
.header-map iframe {}
.header-map #map-wrap {width:auto; height:0px; overflow:hidden;}
.header-map #map-wrap.opened {width:auto; height:400px;overflow:hidden;}
.header-map #map {width:auto; height:400px;}
.header-map .tab-label {display:block;width:59px;height:20px;background:url('MG_archiv/css_design/map-tab.png') no-repeat;position:absolute;bottom:-20px;right:30px;padding:0 25px 0 10px;line-height:15px;color:#221f1f;font-family:'Droid Sans', sans-serif;font-size:0.857em;text-shadow:1px 1px 2px #fff;}
.header-map .shadow {position: relative; top:0;left:0;height:5px;width:auto;}
/* ====================== END CONTENT map ====================== */ 
/* ---- PHP CONTACT und Info. ---- */
.hauptcontainer_contacttabelle {
	clear: both;
	float: left;
	margin-left: 0;
	padding-left:17.10000%;
	padding-right:0.10000%
	display: block;
	width: 100%;
	left:0px;
	top:280px;
	padding-top:0px;
	margin:-40px auto;
	margin-bottom:-400px;
	padding-bottom:-100px;
	text-shadow: 1px 1px 0px black;
}
#hauptcontainer_position {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0%;
	padding-right:0.0000%
	display: block;
	width: 90%;
	left: 0px;
	top: 0px;
	padding-top: 0px;
	margin-bottom: -150px;
	padding-bottom: -150px;
	text-align: center;
	background-color: #06C;
	height: 100px;
	margin-top: 0px;
	position: absolute;
}

#contact-tabelle-container {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 40.1836%;
	padding-left:0.10000%;
	padding-right:0.10000%
	display: block;
	margin-top:50px;
	text-align:center;
	margin-bottom:0px;	
}
.tabelle-position {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	height: 515px;
	padding-left: 8.10000%;
	padding-right:0.10000%;
	display: block;
	margin-bottom: -700px;
	margin: 250px auto;
	padding-top:25px;
	padding-bottom:-100;
	background-color: rgba(148, 209, 132, 0.35);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 3px solid #444;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	vertical-align: middle;
	color: #FFF;
	left:0px;
	top:390px;
	font-size: 12px;
	text-shadow: 1px 1px 0px black;
	font-style: normal;
	text-align:center;
	position: relative;
}
#contact-info-container {
	clear: both;
	float: none;
	margin-left: auto;
	margin-left: auto;
	width: 400px;
	padding-left: 0.0000%;
	padding-right:60.0000;
	display: block;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	border: 2px;
	color: #000;
	left:-40px;
	top:-1000px;
	font-size: 12px;
	text-align:center;
	font-style: normal;
	margin:0px auto;
	padding-bottom:0px;
	position: relative;
}
.contact-info-container-position {
	clear: both;
	float: none;
	margin-left: auto;
	margin-left: auto;
	width: 110%;
	padding-left: 0.0000%;
	padding-right: 0.0000;
	display: block;
	margin-bottom: 0px;
	font-size: 12px;
	font-style: normal;
	margin: -1000px auto;
	padding-bottom: -100;
	text-align: center;
	color: #FFF;
	top: 0px;
	right: 20px;
	letter-spacing: 1px;
	text-shadow: 1px 1px 5px black;
	position: relative;
}
.contact_animation {
	clear: both;
	float: left;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 110%;
	padding-left: -6.0000%;
	padding-right: 0%;
	display: block;
	left: -27px;
	top:-5px;
	margin-bottom: 0px;
	text-align: center;
	position: relative;
	height: 7px;
	margin-top: -7px;
}
#text-info-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60.0550%;
	display: block;
	margin-bottom:10px;
	padding-bottom:-5px;
	padding-left:25px;
	padding-top:-5px;
	background-color: rgba(148, 209, 132, 0.10);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	vertical-align: middle;
	margin:0px auto;
	text-align: left;
	margin-bottom:10px;
}
#KEEP-TOUCH {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 11px;
	padding-top: 5px;
	font-style: normal;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #74521d;
	
}
.text_deko:after {
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.text_deko hover {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.keep-span {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 2px;
	color: #c0cd50;
	font-size: 12px;
	letter-spacing: 2px;	
	line-height:1.0em;
	text-shadow: 1px 1px 0px black;
	margin-bottom: 0px;
}
.info_artist_contact {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	border-bottom: 4px solid #4b6d43;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:3px;
	letter-spacing: 2px;	
	line-height:2.0em;
}
.text_dekoration {
	color: #FFF;
	font-size: 12px;
}
.text_dekoration a {
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	text-shadow: 1px 1px 0px black;
	color: #cdda5a; font-weight: bold} /*Navy Blue*/
a:hover, a:focus {color: #53553e; font-weight: bold} /*Green*/
a:visited {color: #e15ef4; font-weight: bold} /* Purple */
.contact_phone {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:10px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:10px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
}
.contact_phone_img {
	#text-shadow: 1px 0px 10px black;
}
.contact_mail_img {
	#text-shadow: 1px 0px 10px black;
}
.artist-bild {
	clear: both;
	float: left;
	margin-left: auto;
	width: 236px;
	padding-left: 0%;
	padding-right: 0%;
	margin-right: auto;
	left: 0px;
	right: 0px;
	display: block;
	margin-bottom: 0px;
	background-color: rgba(148, 209, 132, 0.50);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #444;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	margin-top: 10px;
	margin-bottom: 10px;

}
/*----*/

#body_soc_container {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 78%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 3.000%;
	text-align:center;
	margin:0px auto;
	margin-bottom:10px;
	top:-20px;
	left:0px;	
}
/*--- <<<<<<<< [  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: -25px;
	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: 24px;
	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;
	height: 14px;
	-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;
	padding-bottom:1px;
}
/*--- <<<<<<<< [  MG header Kopf Blau ENDE  ] >>>>>>>>>---*/ 
.pageLanguage_container {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-left:0.0000%;
	padding-right:0.0000%;
	width: 70.0000%;
	left:65px;
	display: block;
	position: relative;
}
#pageLanguage {
	clear: none;
	float: left;
	margin-left: 0px;
	margin-right: 100px;
	width: 65%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	padding-top: 0px;
	padding-bottom: 0px;
	display: block;
	height: auto;
	right: 0px;
	margin: 0px 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;
}
#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: -200px auto;
	margin-bottom:0px;
	padding-top: 105px;
	padding-bottom: 5px;
	background-color: rgba(90, 34, 20, 0.00);
}
#Footer_bider_show_Position {
	background-color: rgba(90, 34, 20, 0.00);
	top: 0px;
	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;
}
.required_fields {
	margin-bottom:0px;
	margin-top:0px;
}
/* ---------------================ Footer Bilder Show =================--------     */
/*  *******   */
#contact-footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* ====================== END PHP CONTACT und Info.  ====================== */ 
/* ============ übertragung contact  ENDE === */
/* ====================== Übertragung CSS Contact bis hier ====================== */  
}


/************** 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;
	position: relative;
}
.aktivmenu {/* "aktivmenu"  */
	color: #000;
	font-size: 1em;
	line-height: 1.5em;
	font-weight: bold;	
}
#menu a {
	color: #000;
	font-size: 1em;
	line-height: 1.8em;
	font-weight: bold;
	text-decoration: none;
}
.free_menu {
	float:left;
	#margin-left:0px;
	margin-right:auto;
}
.free {
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
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:28%; 
              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(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//links.png);}
        #dock #network {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//share.png);}
        #dock #menu {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//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:90px; 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_icon {
	clear: both;
	float: right;
}
/*--------"aktivmenu ENDE"--------*/
.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.4000%;
	padding-left:0.0000%;
	padding-right:8.0000%;
	display: block;	
	margin-right: auto;
	height: 113px;
	margin: 0px aüto;
	margin-bottom: 56px;
	position: relative;
	padding-left:0px;
	top:-65px;
}

/*------------------------------------------*/
#social_network {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	padding-left:0.0000%;
	padding-right:12.0000%;
	width: 80%;
	display: block;
	margin: 0px auto;
	margin-bottom: 15px;
}

/* ==== sozialeNetzwerke  ==== */
#Netzwerkpostion {
	clear: both;
	float: right;
	margin-right: auto;
	top: -80px;
	margin-bottom: 0px;
	margin-left: auto;
	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: 20.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: -305px;
	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: -275px;
	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: 10.0000%;
	padding-left: 10.0000%;
	margin-right: auto;
	margin-left: 10px;
	font-family: Pablo Impallari,
	font-weight: normal;
	font-size: 14px;
	color: #FFF;
	left: 60px;
	left: 70px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.menuePosition {
	text-align: center;
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:auto;
	z-index: 99;
	height: 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 -------------*/

#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;
}
.revolvermaps {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 23%;
	padding-left: 0.1050%;
	padding-right: 55.00%;
	display: block;
	top: -95px;
	left:-60px;
	margin-bottom: 0px;
	padding-top:-20px;
	padding-bottom:-40px;
	height: 50px;
	margin-top: 0px;
}
#body-header-time {
	clear: both;
	float: left;
	margin-left: 0;
	width: 40.0000%;
	padding-left: 3.1050%;
	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:20px;
	position: relative;
}
#body-header-navi {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:0px auto;
	top:0px;
}
ul#gallery_categories_widget {
	background-color: rgba(237, 227, 197, 0.00);
	height: 20px;
	width: 500px;
	margin-left:0px;
	padding-right:0px;	
}                                               
#sidebar {
	background-color: rgba(237, 227, 197, 0.00);
	margin: -80px auto;
	clear: both;
	float: left;
	display: block;
	width: 70.8673%;
	margin-left:12px;
	left:-60px;
	padding-left: 2.000%;
	padding-right: 0.985%;
	padding-bottom:0px;
	margin-right: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	position: relative;
}
/*-----------*/

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

#galleryContainer-header-left {
	clear: both;
	float: right;
	margin-left: auto;
	margin:0px;
	width: 100%;
	display: block;
	top: 0px;
}
#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; 
}

/* ====================== 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 ====================== */  
.rss-design {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 44px;
	margin-bottom:20px;
	border: 1px solid #31292b;
	background-image: url(MG_archiv/css_design/transparent_rss3.png);
	background-repeat: repeat-x;	/*----vordergrund farbe-----*/
	
	/*--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(101, 128, 107, 0.30);/*---- 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 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;
}
#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;
	margin: 0px auto;
	top:-150px;
}
.rss-position {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 35px;
	width: 35px;
	margin: -50px auto;
	position: relative;
	top:65px;
}
.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;
}
#soc-networks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(235, 200, 94, 0.80);
	height: 2px;
	top: 162px;
	position: relative;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	-webkit-box-shadow: 0px 0px 10px 5px #333333;
	-moz-box-shadow: 0px 0px 10px 5px #333333;
	box-shadow: 0px 0px 10px 5px #333333;

}
#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: 50px;
	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-my {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	display: block;
	padding-left: 0px;
	padding-top: 0px;
	margin:-40px auto;
	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_Me {
	clear: both;
	float: left;
	margin-left: 0.5000%;
	margin-right: 30.0000%;
	width: 27.5%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin: 50px auto;
	margin-bottom: 120px;
	left:0px;
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 8.5000%;
	margin-right: 40.0000%;
	width: 84.5000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: -100px;
	margin-bottom: 180px;
	display: block;
	height: 25px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
}
.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: 215px;
	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
================================================== */
/*----- für postionern sozial netzwerks in center Footer ------*/
#social-area {
    text-align: center;
}

#social-area #social ul {
	margin: 0;
	padding: 0;
	
	
}
/*----- für postionern sozial netzwerks in float recht Footer ------*/
#social-area #social ul li {
	display: inline-block;
	margin-left: 15px;
	list-style: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 10px 0px #860e1e;
	-moz-box-shadow: 0px 0px 10px 0px #860e1e;
	box-shadow: 0px 0px 10px 0px #860e1e;
}

#social-area #social ul li:first-child {
	margin-left: 0;
}
/*----- für postionern sozial netzwerks hintergrund farbe und grosse Footer ------*/
#social ul li a {
	background-color: #67665a;
	display: block;
	width: 32px;/*-----100px------*/
	height: 32px;
	-webkit-transition: all 400ms ease-out 0s;
	-moz-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);	
	
}
/*----- für postionern sozial netzwerks Footer ------*/
#social ul li a span {
	display: inline-block;
	margin: 0;
	color: #fff;
	font-size: 28px;/*-----font 32------*/
	line-height: 32px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: all 400ms ease-out 0s;	
	   -moz-transition: all 400ms ease-out 0s;
		 -o-transition: all 400ms ease-out 0s;
		    transition: all 400ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
		-ms-transform: rotateY(180deg);
		 -o-transform: rotateY(180deg);
			transform: rotateY(180deg);
}

#social ul li:hover a,/*----- für rot hover effckt ------*/
#social ul li.active a {
	background-color: #FF9933;
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

#social ul li:hover a span,
#social ul li.active a span {
	color: #e0dece;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
		-ms-transform: rotateY(0deg);
		 -o-transform: rotateY(0deg);
			transform: rotateY(0deg);
}

/* ==================================================
   Ende Social Area
================================================== */
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 10px;
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 20px;
	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: 150px auto;
	top: 280px;
	
	-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:425px;
	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: 34px; }
#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;
	width: 80%;
	height: 20px;
	display: block;
	position: relative;
	top: -50px;
}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 100%;
	height: 30px;
	display: block;
	position: relative;
	top: 390px;
}
#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] */
.search_positionieren{
	clear: both;
	height: 36px;
	display: block;
	padding: 0px 10px 0px 30px;/*---- recht links Positionieren----*/
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
	position: relative;
	top:-50px;
	z-index:20;
}
#Header_Search  {
	clear: both;
	height: 36px;
	display: block;
	padding: 0px 10px 0px 30px;/*---- recht links Positionieren----*/
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
	position: relative;
	padding-top:5px;
	top:-45px;
	bottom:5px;
	z-index:20;
}
#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: 18px;
	height: 16px;
	width: 165px;
	padding: 0 2px 0 2px;
	float: left;
	border: none;
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	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 ====================== */  

#bodyContainer {/*---- 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:45px auto;
	text-align: center;
	background-image: url(css_design/header-back1300.jpg);
	background-repeat: repeat;
	/*---*/
	background-color: rgba(109, 23, 35, 0.25);/*---- 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:-280px;	
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#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;
}
.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;
}
.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;
}
.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;
	
}
/* ====================== END Übertragung ====================== */        
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */   
.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:0px 35px 0px 10px; }
#slider.elegant ul li .caption-top .text, #slider.elegant ul li .caption-bottom .text { padding:20px 30px; }
/* ====================== Übertragung CSS Contact ====================== */  
/* ============ übertragung contact  === */
#contact-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	-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(234, 181, 141, 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;
	height: auto;
	margin-bottom:230px;
	margin-top:10px;
	padding-bottom:10px;
	
}
.design-container {
	clear: both;
	float: left;
	width: 94%;
	display: block;
	padding-top: 20px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: -200px;
	margin-top: 30px;
	padding-bottom: 0px;
	padding-left: 5.0000px;
	padding-right: 5.0000px;
	background-color: rgba(96, 24, 25, 0.20);
	-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 #000; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	position: relative;
}
/* ======================  CONTENT Map ====================== */ 
/*google maps*/
.google-map-frame iframe { padding:3px; border:1px solid #acabab; max-width:auto; width:auto; } 

#view-map {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	display: block;
	background-color: rgba(254, 254, 254, 0.10);
	-webkit-box-shadow: 0px 0px 5px 2px #333333;
	-moz-box-shadow: 0px 0px 5px 2px #333333;
	box-shadow: 0px 0px 50px 2px #333333;
	position: relative;
	text-align: center;
}
/* header map */
.header-map {position:relative;border-top:8px solid #aaa371;padding-bottom:10px;background:#b3b2b2;margin-bottom:8px;}
.header-map iframe {}
.header-map #map-wrap {width:auto; height:0px; overflow:hidden;}
.header-map #map-wrap.opened {width:auto; height:400px;overflow:hidden;}
.header-map #map {width:auto; height:400px;}
.header-map .tab-label {display:block;width:59px;height:20px;background:url('MG_archiv/css_design/map-tab.png') no-repeat;position:absolute;bottom:-20px;right:30px;padding:0 25px 0 10px;line-height:15px;color:#221f1f;font-family:'Droid Sans', sans-serif;font-size:0.857em;text-shadow:1px 1px 2px #fff;}
.header-map .shadow {position: relative; top:0;left:0;height:5px;width:auto;}
/* ====================== END CONTENT map ====================== */ 
/* ---- PHP CONTACT und Info. ---- */
.hauptcontainer_contacttabelle {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left:0.0000%;
	padding-right:0.0000%
	display: block;
	width: 90%;
	left:0px;
	top:280px;
	padding-top:0px;
	margin:50px auto;
	margin-bottom:-150px;
	padding-bottom:-150px;
	text-align: center;
	text-shadow: 1px 1px 0px black;
}
#hauptcontainer_position {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0%;
	padding-right:0.0000%
	display: block;
	width: 90%;
	left: 0px;
	top: 0px;
	padding-top: 0px;
	margin-bottom: -150px;
	padding-bottom: -150px;
	text-align: center;
	background-color: #06C;
	height: 100px;
	margin-top: 0px;
	position: absolute;
}
#contact-tabelle-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 360px;
	padding-left:10.10000%;
	padding-right:-10.10000%
	display: block;
	left:0px;
	margin-top:50px;
	margin-bottom:0px;
	margin-right: auto;		
}
.tabelle-position {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 45.1000%;
	height: 570px;
	padding-left: 0.10000%;
	padding-right:0.10000%;
	display: block;
	left:30px;
	right:-100px;
	margin-bottom: -100px;
	margin-right: auto;
	margin: 0px auto;
	padding-top:25px;
	padding-bottom:-100;
	background-color: rgba(148, 209, 132, 0.35);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 0px solid #444;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	vertical-align: middle;
	color: #FFF;
	font-size: 12px;
	text-shadow: 1px 1px 0px black;
	font-style: normal;
	top:55px;
}
#contact-info-container {
	clear: none;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 300px;
	padding-left: 10.0000%;
	padding-right: -10.1000%;
	display: block;
	margin-bottom: 0px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	border: 2px;
	right:0px;
	color: #000;
	font-size: 12px;
	font-style: normal;
	margin: 0px auto;
	padding-bottom: 0px;
}
.contact-info-container-position {
	clear: none;
	float: left;
	margin-left: auto;
	margin-right: 0px;
	width: 75%;
	padding-left: 0.0000%;
	padding-right: 0.1000%;
	display: block;
	margin-bottom: 0px;
	font-size: 12px;
	font-style: normal;
	margin: 730px auto;
	padding-bottom: 0px;
	margin-bottom: -600px;
	color: #FFF;
	left: 0px;
	right:0px;
	top:330px;
	letter-spacing: 1px;
	text-shadow: 1px 1px 5px black;
	position: absolute;
}
.contact_animation {
	clear: both;
	float: left;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 110%;
	padding-left: -6.0000%;
	padding-right: 0%;
	display: block;
	left: -27px;
	top:-5px;
	margin-bottom: 0px;
	text-align: center;
	position: relative;
	height: 7px;
	margin-top: -7px;
}
#text-info-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 95%;
	display: block;
	margin-bottom:10px;
	padding-bottom:-5px;
	padding-left:25px;
	padding-top:-5px;
	background-color: rgba(148, 209, 132, 0.10);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #000;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	vertical-align: middle;
	height: 100%;
}
#KEEP-TOUCH {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 11px;
	padding-top: 0px;
	font-style: normal;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #74521d;
	margin-bottom: 10px;
	margin-top:-10px;
	
}
.text_deko:after {
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.text_deko hover {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	color:#339;
}
.keep-span {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	border: 2px;
	color: #c0cd50;
	font-size: 12px;
	letter-spacing: 2px;	
	line-height:1.0em;
	text-shadow: 1px 1px 0px black;
}
.info_artist_contact {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	border-bottom: 4px solid #4b6d43;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:3px;
	letter-spacing: 2px;	
	line-height:2.0em;
	margin-bottom: 10px;
	margin-top:-10px;
}
.text_dekoration {
	color: #FFF;
	font-size: 12px;
}
.text_dekoration a {
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
	text-shadow: 1px 1px 0px black;
	color: #cdda5a; font-weight: bold} /*Navy Blue*/
a:hover, a:focus {color: #53553e; font-weight: bold} /*Green*/
a:visited {color: #e15ef4; font-weight: bold} /* Purple */
.contact_phone {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:5px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail {
	-webkit-transition: all 0.7s ease; transition: all 0.7s ease;
	text-shadow: 0px 0 15px #000;
	font-family: Tahoma, Geneva, sans-serif;
	text-shadow: 1px 1px 0px black;
	color: #FFFFFF;
	font-size: 12px;
	padding-top:8px;
	letter-spacing: 1px;	
	line-height:1.0em;
}
.contact_mail a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
}
.contact_phone_img {
	#text-shadow: 1px 0px 10px black;
}
.contact_mail_img {
	#text-shadow: 1px 0px 10px black;
}
.artist-bild {
	clear: both;
	float: left;
	margin-left: auto;
	width: 236px;
	padding-left: 0%;
	padding-right: 0%;
	margin-right: auto;
	left: 0px;
	right: 0px;
	display: block;
	margin-bottom: 15px;
	background-color: rgba(148, 209, 132, 0.00);
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 5px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	border: 2px solid #444;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	margin-top: 30px;
	height: 100%;
}
/*----*/

#body_soc_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 57%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 0.000%;
	margin:0px auto;
	left:0px;
	right: 0px;	
}
/*--- <<<<<<<< [  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: 24px;
	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;
	height: 14px;
	-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;
	padding-bottom:1px;
}
/*--- <<<<<<<< [  MG header Kopf Blau ENDE  ] >>>>>>>>>---*/ 
.pageLanguage_container {
	clear: both;
	float: right;
	margin-left: 0px;
	margin-right: 70px;
	padding-left:0.0000%;
	padding-right:0.0000%;
	width: 27.0000%;
	left:0px;
	display: block;
	position: relative;
}
#pageLanguage {
	clear: none;
	float: left;
	margin-left: 0px;
	margin-right: 100px;
	width: 70%;
	padding-left: -10.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;
}
#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: -200px auto;
	margin-bottom:0px;
	padding-top: 105px;
	padding-bottom: 5px;
	background-color: rgba(90, 34, 20, 0.00);
}
#Footer_bider_show_Position {
	background-color: rgba(90, 34, 20, 0.00);
	top: 0px;
	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;
}
.required_fields {
	margin-bottom:0px;
	margin-top:0px;
}
/* ---------------================ Footer Bilder Show =================--------     */
/*  *******   */
#contact-footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/* ====================== END PHP CONTACT und Info.  ====================== */ 
/* ============ übertragung contact  ENDE === */
/* ====================== Übertragung CSS Contact bis hier ====================== */  
/* sharethis css */



.body_soc_container      {display:inline !important; float:right; height:20px;  z-index:99; }
.body_soc_container span {height:20px; cursor:pointer;  z-index:100; display:inline-block; }
.st_facebook_large         {background: url("/images/buttons/facebook.png") no-repeat scroll left top transparent; padding:0 -10px 0 0; }
.st_instagram_large       {background: url("/images/buttons/instagram.png") no-repeat scroll left top transparent; padding:0 -10px 0 0; }
.st_twitter_large       {background: url("/images/buttons/twitter.png") no-repeat scroll left top transparent; padding:0 -10px 0 0; }
.st_blogger_large         {background: url("/images/buttons/blogger.png") no-repeat scroll left top transparent; padding:0 -10px 0 0; }
.st_googleplus_large         {background: url("/images/buttons/google+.png") no-repeat scroll left top transparent; padding:0 -10px 0 0; }
.st_pinterest_large         {background: url("/images/buttons/pinterest.png") no-repeat scroll left top transparent; padding:0 -10px 0 0; }
.st_tumblr_large         {background: url("/images/buttons/tumblr.png") no-repeat scroll left top transparent; padding:0 -10px 0 0; }
.st_email_large            {background: url("/images/buttons/email.png") no-repeat scroll left top transparent; padding:0 -10px 0 0; } 
.st_sharethis_large           {background: url("/images/buttons/sharethis.png") no-repeat scroll left top transparent; padding:0 -10px 0 0; } 


}