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

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


.MG {
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.animation/MG_animation_p.gif);
	background-repeat: no-repeat;
	height: 113px;
	width: 12%;
	margin-right: 0.9408%;
	margin-left: 70.9408%;
	float: right;
	margin-top: -70px;
	margin-bottom: 50px;
}


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

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

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

.social-icons li:first-child {
	margin-left: -5;
}
/*------- effckt haver vordergrund------*/
.social-icons li a{
	color: #fff;
	font-size: 0px;
	line-height: 1em;
	width: 0px;
	height: 0px;
	
	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: 5px;
	margin-right: auto;
	width: 75%;
	display: block;
	background-image: url(../css_design/paintingart-logo.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: -10px;
	margin-top: -170px;
	position: relative;
	max-width: 60%;
	height: 80px;
}
.PaintingLogoPosition {	
}
#mailPhone {
	clear: both;
	float: left;
	width: 41%;
	margin-right: 80.9408%;
	margin-left: 0.00%;
	display: block;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: 300;
	color: #FC0;
	left:-60px;
	letter-spacing: 0px;
	text-shadow: 1px 0px 0px #333;
}
#emailPostion {
	margin-top: -190px;
	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;
}
.header_share_plus {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 15.00%;
	width: 100%;
	padding-left: 15.00%;
	padding-right: 20.00%;
	height: 30px;
	display: block;
	position: relative;
	top: 0px;
	right:0px;
}
#HeaderMenu {/*---- menu Header ------*/
	clear: both;
	float: left;
	width: 100%;
	margin-left: 2.0000%;
	margin-right: auto;
	display: block;
	padding-left: 2.0000%;
	padding-right: 0.0000%;
	margin: -93px auto;
	font-weight: 900;
	color: #FFF;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom: 30px;
}
.menuePosition {
	clear: both;
	float: left;
	margin 0px auto;
	margin-bottom: 0px;
}
/*---- menu box ------*/
.menu_bild_position {
	float: left;
	clear: both;
	margin-left: 0px;
	margin-right: auto;
	width: 100%;
	display: block;
	padding-right: 0%;
	padding-left: 0%;
	padding-bottom:30px;
	height: auto;
	z-index: 99;
	position: relative;
	font-family: 'Oswald', Dosis, sans-serif;
}
.menu_bild_position h4{
	float: left;
	clear: both;
	margin-left: 20px;
	margin-right: auto;
	color: #d4724c;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 1.1em;
	position: relative;
	margin 100px auto;
	top: 200px;
}
.menu_bild_position a{
	float: left;
	clear: both;
	margin-left: 20px;
	margin-right: auto;
	color: #d4724c;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 1.1em;
	position: relative;
	margin 0px auto;
	top: 60px;
}
.media_titel_text {
	float: left;
	clear: both;
	width: 100%;
	margin-left: 20px;
	margin-right: auto;
	color: #d4724c;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 0.8em;
	position: relative;
	margin 70px auto;
	top:50px;
}
.gallery_titel_text {
	float: left;
	clear: both;
	width: 100%;
	margin-left: 20px;
	margin-right: auto;
	color: #d4724c;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 13px;
	font-weight: 500;
	font-style: Light;
	text-shadow: 1px 1px 0px black;
	letter-spacing: 1px;
	line-height: 0.8em;
	position: relative;
	margin 0px auto;
	top: 20px;
}
.menu_position_left {
	float: left;
	clear: both;
	margin-left: 0px;
	margin-right: auto;
	width: 47.50%;
	display: block;
	z-index: 99;
	margin: 0px auto;
	position: absolute;
	padding-right: 0.0000%;
	padding-left: 0.0000%;
}
.menu_position_mitte{
	float: center;
	clear: both;
	margin-left: 60.00%;
	margin-right: auto;
	width: 50%;
	display: block;
	margin: 0px auto;
	z-index: 99;
	left:70px;
	padding-top: -300px;
	padding-right: 0.0000%;
	padding-left: 0.0000%;
	position: relative;
}
.menu_position_right {
	float: right;
	clear: right;
	margin-left: auto;
	margin-right: 0px;
	width: 50%;
	display: block;
	margin: 0px 0px 0px;
	z-index: 99;
	position: absolute;
	padding-left: 30.0000%;
	padding-right: 0.0000%;
}
.menu_right {float: left; margin:-100px 50px 50px; width: 100%; margin-left:-100px; position: relative; }
#gallery_logos_position {
	clear: both;
	float: center;
	margin-left: auto;
	margin-right: auto;
	width: 0%;
	display: block;
	padding-left: 2%;
	padding-right: 5%;
	padding-top: -300em;
	margin-bottom:20px;
	z-index: 99;	
	height: auto;
	margin-top: -160px;
	margin-bottom: 0px;
}
/*--A" Gallery Bild "--*/
.MG-gallery-img {
	clear: both;
	float: right;
	margin-left:auto;
	margin-right:5.0000%;
	width: 45.5918%;
	padding-left:0.0000%;
	padding-right:0.0000%;
	right: 0px;
	left: 0px;
	top: 0px;
	z-index: 99;
	height: auto;
	top:65px;
	padding-top: -670em;
	margin-top: 0px auto;
	margin-bottom:0px;
	position: relative;
}
/*--B" Gallery MG Logo "--*/
.menu-MG_gallerylogo {
	float: left;
	margin-left: 0.0000%;
	margin-right: 35.0000%;
	width: 0.00%;
	display: block;
	padding-left: 0.0000%;
	padding-right: 35.0000%;
	margin: 10px auto;
	padding-top: 0px;
	left: 0px;
	height: auto;
	z-index: 99;
	position: absolute;
}
/*--C" Gallery Painting Logo "--*/
.MG_menu-logo {/* für painting art logo position */
	clear: both;
	margin-left: 0.0000%;
	margin-right: auto;
	width: 0.00%;
	padding-left: 0.0000%;
	padding-right: 50.0000%;
	margin: 30px auto;
	padding-top: 0px;
	position: absolute;
	left: -150px;
	top: 0px;
	margin-bottom: 20px;
	z-index: 99;
	height: auto;
	display: block;
}
/*--D" Gallery Painting backgrund "--*/
.gallery_container {
	width: 100%;
	height:250px;
	z-index: 1000;
}
/*--A" Media Artist Bild "--*/
.MG-media-img {
	clear: both;
	float: left;
	width: 0%;
	right: 0px;
	left: 10px;
	top: 10px;
	z-index: 99;
	padding-top: -550em;
	margin-top: 0px;
	margin-bottom: -10px;
	position: relative;
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6c8699;
	vertical-align: middle;
	height: auto;
}
/*--B" Media MG Logo "--*/
.MG_media_support {float: right; width: 25.5918%;  margin-left:auto; margin-right:auto; margin: -100px auto; z-index: 99; margin-bottom:-50px; height: auto;}
.MG_mediaLogo_position {float: center; width: 99.5918%; margin: -150px auto;}
#mediaPaintinglogo_position {
	float: right;
	margin-left:0.0000%;
	margin-right:10.0000%;
	width: 65.5918%;
	height: auto;
	padding-left:0.0000%;
	padding-right:0.0000%;
	margin-bottom: -70px;/*  gesamt bhintergrung groß endrung */
}
/*--C" Media Painting Logo "--*/
.MG_menugallery-Paintinglogo {
	float: right;
	margin-left:45.0000%;
	margin-right:0.0000%;
	width: 40.5918%;
	padding-left:45.0000%;
	padding-right:0.0000%;
	margin: -150px auto;
	padding-top:0px;
	z-index: 99;
	height: auto;
}
/*--D" MG Logo "--*/
.menu-MG_logo {
	float: right;
	margin-left: auto;
	margin-right: auto;
	width: 9.2918%;
	padding-left: 2%;
	padding-right: 25%;
	padding-top: 0px;
	z-index: 99;
	height: auto;
	margin-top: 0px;
	margin-bottom: -55px;
}
/*--E" network_menulist "  */
.network_menulist {
	margin-left:10px;
	margin-right:auto;
	width: 40.5918%;
	padding-left:20px;
	padding-right:auto;
	position:relative;
	padding-top: 0px;
	top: 0px;
}
.MG_linke {
	top:30px;
	position:relative;
}

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

#bodyHouptContainer {/*---- body Rahm rot border ---*/
	clear: both;
	float: left;
	margin-left: auto;
	margin-left: auto;
	width: 98%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:145px auto;
	text-align: center;
	background-image: url(../../css_design/header-back1300.jpg);
	background-repeat: repeat;
	/*---*/
	background-color: rgba(109, 23, 35, 0.10);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:8px solid #6d1723; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	margin-bottom:-100px;
	padding-bottom:-100px; 	
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#about-headerShow {
	clear: both;
	float: none;
	margin-left: -50px;
	margin-right: 20px;
	width: 98.50%;
	padding-left: 0.0000%;
	padding-right: 0.9550%;
	height: auto;
	display: block;
	left: 0px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: -160px auto;
	/*--ecke rund/--*/
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/
	
	background-color: rgba(109, 23, 35, 0.00);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
.textheader1 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 0.8em;
	line-height:0.9em;
}
.mgLogo {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 20%;
	padding-left:80.00%;
	padding-right:0.00%;
	text-align:right;
	display: block;
	top:-110px;
	position:relative;
}
.textheader2 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 0.6em;
	line-height:0.9em;
}
.textheader3 {
	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.0em;
}
.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(../show-images/bild02.png);
	background-repeat: no-repeat;
}
/* slider */
#slider {position:relative;background-color: rgba(3, 3, 3, 0.10); url('images/bg/bg-light.png') center bottom no-repeat;}
#slider img{margin:0; padding:0;display:block;}
#slider.fixed-image img {width:auto;height:auto;max-width:100%;}
#slider .shadow{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10px;
	left: 0;
	background: url('../../images/shadow-slider.png') no-repeat top center;
	z-index: 10;
	
}
/*  ==== A ========= Handy ==================  Übertragung  ============= 4.11.2014 ====================  */
#body_houpt_imagescontainer {
	clear: both;
	float: left;
	margin-left: auto;
	margin-left: auto;
	width: 98%;
	max-width: 480px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:0px auto;
	text-align: center;
	margin: 0px auto;
	position:relative;
	margin-bottom:-450px;
	padding-bottom:-400px;
	top:-130px; 
}
#body_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position:relative;
	margin: 100px auto;
	margin-bottom:-100px;
}
#bodyheaderlink {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	padding-left: 2.2000%;
	text-align: left;
	color: #3CF;
	margin: 20px auto;
	font-size: 11px;
	margin-bottom:25px;
}
#Artist-container {
	clear: both;
	float: left;
	margin-left: -12.5000%;
	margin-right:0.0000%;
	width: 95.3673%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
}
#artist-logo {
	clear: both;
	float: right;
	margin-left: 0;
	display: block;
	width: 53.3673%;
	padding-left: 0.985%;
	padding-right: 21.985%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo.png);
	background-repeat: no-repeat;
	margin:0px auto;
	margin-right: auto;
	margin-left: 0px;
	position: relative;
	text-align: center;
	height: 150px;
	top:-400px;
}
.artist-logo-position {
	clear: none;
	float: right;
	margin-left: 0;
	width: 65.9795%;
	display: block;
	margin: 0px auto;
	right: 0px;
	position: relative;
}
#bodyHeadercontainer_R {
	clear: both;
	float: left;
	margin-left: 2.0408%;
	width: 100%;
	display: block;
	margin:478px auto;
}
.titel_container_R {
	clear: both;
	clear: none;
	float: left;
	display: block;
	width: 86.2795%;
	padding-left: 0.0008%;
	padding-right: 18.0008%;
	height: 40px;
	left:-5px;
	top:55px;
	margin-top: -30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	background-color: rgba(88, 18, 27, 0.80);
}
.text_container_R {
	clear: both;
	clear: none;
	float: center;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFC;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
	position: relative;
	padding-left: 0.0008%;
	padding-right: 0.0008%;
	text-align: center;
	left:50px;
}
#gallery-info-container {
	clear: none;
	float: right;
	margin-left: 10.0408%;
	margin-right: 0.0408%;
	width: 48.9795%;
	padding-left: 10.0408%;
	padding-right: 0.0408%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cellspacing="0"; 
	cellpadding="5";
	margin: 150px auto;	
}
.gallery-body-info-container {
	clear: both;
	float: left;
	margin-left: -10.0408%;
	margin-right: 0.0408%;
	width: 100%;
	padding-left: 0.0408%;
	padding-right: 0.0408%;
	display: block;
	left:-20px;
	position: relative;
	margin: 0px auto;
	top:0px;
}
.bildinfo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #c5c2be;
	padding-right: 0px;
	padding-left: -5.00%;
	margin-top: 0px;
	text-shadow: 1px 0px 0px black;
	text-align: left;
	left:-20px;
}
.bildinfo2 {
	clear: both;
	float: left;
	color: #FFCC66;
	text-shadow: 1px 0px 0px black;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0px;
	margin-top: 15px;
	text-align: left;
}
#bodyHoupt_img {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-right: auto;
	width: auto;
	display: block;
	padding-left: 0%;
	padding-right: 1%;
	height: auto;
	top: -1405px;
	position: relative;
	margin-top: 0px;
}

.bodyHoupt_imgPosition {
	width: auto;
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: auto;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo1.png);
}
#body_contianer_info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 110%;
	display: block;
}
.img_colors ul {
	width: 100%;
	height: auto;	
}
#artwork-color {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: auto;
	width: 105%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	position: relative;
	top: -550px;
	left:-30px;
	margin: -350px auto;
	overflow: hidden;
	border:0px solid #C60;
}
.img_colors {
	width: auto;
	height: auto;	 
}
.img_colors ul {list-style:none;}

#schemeDisplay {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 25px;
	position: relative;
}
.backgrund_images {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: 0.0000%;
	display: block;
	width: 81%;
	right:-10px;
	padding-left: 5.0000%;
	padding-right: 0.0000%;
	background-color: rgba(109, 23, 35, 0.25);
	height: 0px;
	margin: 0px auto;
	position: relative;
	
}
.backgrund_images {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: 0.0000%;
	display: block;
	width: 0%;
	right:-10px;
	left:-100px;
	padding-left: -10.0000%;
	padding-right: 0.0000%;
	background-color: rgba(109, 23, 35, 0.25);
	height: 0px;
	margin: -260px auto;
	position: relative;
	
}
/* Haupt imag shutz */
#print-artworkImages-Position {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	top: 0px;
	margin: 0px auto;
	margin-bottom: auto;
	padding-bottom: 0px;
}
.ARTimg-backgrund {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-right: auto;
	display: block;
	width: 380px;
	padding-left: 0.00%;
	padding-right: 0.00%;
	position: relative;
	height:auto;
	left: 0px;
	top:-10px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
<!---" haupt img Schutz "--->
.panel-body li {
	text-decoration: none;
	list-style-type:none;
}
.panel-body li a:hover img {
	border: 0px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body ul a:hover img {
	border: 2px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body li a:hover {
	color: #ee5558;
}
.MG_img{
	clear: both;
	margin:0px;
	float: none;
	margin-left: 0px;
	margin-right: auto;
	position: relative;
	padding-right: 0px;
	display: block;
	width: 98%;
	height: auto;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	left 0px;
	
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/	
	background-color: #b5b8a8;
	-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: 2px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
#body_imagesContainer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	height:auto;
	display: block;
	margin-left: 0.0000%;
	padding-left: 0.2000%;
	padding-right: 0.0000%;
	margin: -1475px auto;
	position: relative;
}

/* ===== Gallery zoom and images ====== */
.zoom-info {
	width: 530px;
	font-size: 14px;
	font-style: normal;	
}
/*  position zwei haupt bild und text info  */
#zoom-bild-show {
	position: relative;
	width: 900px;
	height: 550px;
	pading: 0px;
	border: 0px;
	min-width: auto;
	text-align: left;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	left: 0px;
	overflow: auto;
	overflow: hidden;
	visibility: visible;
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:5px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* info Text und vier Bilder postion */
.zoom-desc {
	float: left;
	margin-left: 10px;
	width: 310px;
	margin-bottom: 10px;
	position: relative;
}
/* A Display part/ vier bilder */
.zoom-small-image {
	border:4px solid #CCC;
	float:left;
	margin-bottom:0px;
}
/* Display part/ vier bilder */
.zoom-small-image2 {
	border:4px solid #CCC;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
}
/* B vier Bilder position*/
.contaner_Gallery {
	clear: both;
	float: left;
	margin-left: -40px;
	margin-right: auto;
	width: 450px;
	height: auto;
	margin-top:150px;
	top: 100px;
}
.MG_ArtGallery {
	width: 100%;
	height: auto;
}
/*------------------*/
.with text {
	color: #F63;
}
.content {
	
	background: #848c9c;
	background: linear-gradient (to top, #848c9c 0%, #687080 50%,  #a7bc5 100%);
	background:-webkit-linear-gradient (bottom, #848c9c 0%, #687080 50%, #a7b1c5 100%);
	padding-top: 30px;
	padding-bottom:30px;
}
.Gallery {
	width: 450px;
	margin: auto;
}
.Gallery ul {
	list-style:none;
}
.Gallery li {
	width: auto;
	float:left;
	margin: 0px;	
}
.Gallery img {
	display:block;
	padding:0px;
	background:#b5b8a8;/* color for padding Drei Bider */
	border:1px solid #CCC;
	box-shadow:1px 1px 2px #000;			
}
.Gallery img: hover {
	border:1px solid #fff;			
}
.Gallery {
	width: 752px;
	margin: auto;
}

/* ======= Gallery zoom and images END ======= */
#comment_container {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: 0.0408%;
	width: 78.9795%;
	padding-left: 10.6000%;
	padding-right: 0.0000%;
	display: block;
	top: -150px;
	left:-10px;
	margin-bottom:-350px;
	padding-bottom:-350px;
	margin: -300px auto;
	position: relative;
	
}
#comment_container span {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990;
}
.signatur_backgrund {
	clear: both;
	float: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	background-image: url(../css_design/handsignatur55.png);
	height: 200px;
	margin: -430px auto;
	background-repeat: no-repeat;
	position: relative;
	text-align: center;
	top: -240px;
	left:-20px;
}
#comment_bemerken {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: 0px;
	width: 75.3673%;
	left: 0px;
	padding-left: 7.2000%;
	padding-right: 0.0000%;
	display: block;
	margin: -730px auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #CF3;
	top: 210px;
	text-align: left;
	position: relative;
}
#submit {
	/* background:url(images/submit.png); */
	width: 140px;
	height: 30px;
	text-align: center;
	/* text-indent:-9999px; */
	border: none;
	margin-top: 20px;
	cursor: pointer;
	margin-left: 30px;
	background-color: #bbb39c;
	border: 1px solid #a4a486;
	-moz-box-shadow: 0px 2px 7px 1px #411313;
	-webkit-box-shadow: 0px 2px 7px 1px  #411313;
	box-shadow: 0px 2px 7px 1px  #411313;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #a4a486;
	border-radius: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color:#79543b;
	position:relative;
}

/* Styles the submit hover */	
#submit:hover {
	color:#fff;
	background-color: #896d58;
	opacity:0.9;
}

/* Styles the cancel button*/	
#cancel {
	/* background:url(images/cancel.png); */
	width:80px;
	height:20px;
	text-align: center;
	/* text-indent:-9999px; */
	border:none;
	margin-top:20px;
	cursor:pointer;
	margin-left:5px;
	background-color: #bbb39c;
	position:relative;
	
	border: 1px solid #a4a486;
	-moz-box-shadow: 0px 2px 7px 1px #411313;
	-webkit-box-shadow: 0px 2px 7px 1px  #411313;
	box-shadow: 0px 2px 7px 1px  #411313;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #a4a486;
	border-radius: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color:#79543b;
}

/* Styles the cancel hover */
#cancel:hover {
	color:#fff;
	background-color: #896d58;
	opacity:0.9;
}
/*  **********  */
#gallery-info {/* ---- Position bild info text ---- */
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 70px;
	padding-right: 0px;
	background-color: rgba(208, 188, 130, 0.15);
	border: 1px solid #545454;
	-moz-box-shadow: 0px 2px 10px 5px #767169;
	-webkit-box-shadow: 0px 2px 10px 5px  #767169;
	box-shadow: 0px 2px 10px 5px  #767169;
	height: 180px;
	left:-50px;
	margin-top:0px auto;
	margin-right: auto;
	margin-bottom: 0px;
	position: relative;
}
#gallery-info th {
	height: 10px;
}
.titel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-weight: bold;
	color: #C96;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin-top: 10px;
	text-shadow: 1px 0px 0px black;
}
.CREATION {
	clear: both;
	float: left;
	margin-left: 0;
	width: 45%;
	display: block;
	font-weight: bold;
	color: #f3ca5b;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin-top: 25px;
	text-shadow: 1px 0px 0px black;
	
}
.sonderzeichen {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999;
	padding-right: 10px;
	padding-left: 0px;
	margin-top: 0px;
}
.coment-verbindung {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
	background-color: #779083;
	height: 0px;
	margin:50px auto;
}
/* ==========================================================================
    Comment Styling
   ========================================================================== */


form input, form textarea {
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
    outline: 0;
    border: 0;
    border: 2px solid #b99563;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	background-color: #d2d2c2;
    background-clip: padding-box #000;
  /* stops bg color from leaking outside the border: */;
}

.contact-form textarea {
	min-height: 150px;
	background-color: #d2d2c2;
}

.contact-form input.button {
    width: auto;
    background-color: #968a58;
    border-color: #b99563;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 35px;
}

.footer {
    overflow: hidden;
    position: fixed;
    bottom: 10px;
    color: white;
    font-size: 13px;
}

.footer a {
    color: white;
}
/* ==========================================================================
    Comment Styling		ENDE
   ========================================================================== */
/*  ************ [  Ende Übertragung 4.11.2014  ] **************  */



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

.artist-info {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	margin-left: 0.9500%;
	margin-right:20.9500%;
	width: 55.3673%;
	padding-left: 0.985%;
	padding-right: 20.985%;
	margin: 150px auto;
	margin-right: auto;
	margin-left: 0px;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3b3c36;
	top:-250px;
	left:-30px;
}
.artist-name {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f3ca5b;
	top:0px;
}
#images-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:-400px auto;
	top:0px;
	-webkit-box-shadow: 0px 0px 10px 0px #333333;
	-moz-box-shadow: 0px 0px 10px 0px #333333;
	box-shadow: 0px 0px 10px 0px #333333;	
}
/*   Portrait of Ray Meagher  */
.portrait-to {/* --- text Portrait of Ray Meagher ----- */
	clear: both;
	float: left;
	margin-left: 0;
	width: 65%;
	padding-left: 0.0000%;
	padding:-right: 0.0408%;
	display: block;
	margin: -170px auto;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #9cb196;
	padding-left: 5px;
	position: relative;
}
#back-next-position {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	width: 70%;
	left: 20px;
	padding-left: 10.0000%;
	padding:-right: 0.0408%;
	display: block;
	margin: 0px auto;
	position: relative;
	top:160px;
}
/*   back-next  */
#div-back-next {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 30.0000%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	display: block;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: -10px;
	text-decoration: none;
	font-weight: bold;
	background-color: rgba(208, 188, 130, 0.15);
	position: relative;
	/*---*/
	-moz-box-shadow: 0px 2px 10px 5px #6d1723;
	-webkit-box-shadow: 0px 2px 10px 5px  #6d1723;
	box-shadow: 0px 2px 10px 5px  #6d1723;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #e93570;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	height: 20px;
	margin-top: -135px;    
}
td.ArtworkNextBack {
	clear: both;
	float: right;
	margin-left: 0;
	border-width: 0px;
	letter-spacing: 0px;
	border-style: solid;
	border-color: #676752;
	color: #333333;
	text-decoration: none;
	}	
/*--- Artist Detail ---*/
a.ArtworkNextBack:hover {
	clear: both;
	margin-left: 0;
	font-size:16px;
	letter-spacing: 1px;
	color:#333333;
	text-decoration: none;	
}
a.ArtworkNextBack {
	clear: both;
	font-size:16px;
	letter-spacing: 1px;
	color:#c4c222;
	text-decoration: none;
	text-shadow: #000 0 1 1px, #fff 0 -1px 2px,  0 -3px 2px, rgba(0,0,0,0.5) 0 5px 15px;
}
.gallery-rotpunkt {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 40%;
	padding-left: 20.0000%;
	padding:-right: 0.0008%;
	display: block;
	margin: -900px auto;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	top: -115px;
	right:0px;
	left:-50px;
	background-image: url(css_design/rotpunkt.png);
	background-repeat: no-repeat;
	background-image: url(css_design/blaupunkt.png);
	background-repeat: no-repeat;
	position: relative;
}
.gallery-print {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	padding-left: 0%;
	padding:-right: 0.0408%;
	padding-bottom: 0px;
	display: block;
	padding-top: 0px;
	top: 0px;
	left: 0px;
	background-color: rgba(208, 188, 130, 0.15);
	position: relative;
	/*---*/
	-moz-box-shadow:0px 2px 10px 5px #2a4e8e;
	-webkit-box-shadow:0px 2px 10px 5px  #2a4e8e;
	box-shadow:0px 2px 10px 5px  #2a4e8e;
  /*-- hiermit alle ecke sind rund -*/
	border:1px solid #e93570; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle; 
	/*----*/
	height: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
}
/*   *******   fest CSS  bis hier *********   */
/*   übertragung  */
#body-header-time {
	clear: both;
	float: none;
	margin-left: 0;
	width: 58.0000%;
	padding-left: 0.00%;
	padding-right: 42.9550%;
	display: block;
	margin-right: auto;
	margin: 0px auto;
	padding-bottom: 0px;
	letter-spacing: 2px;
	text-shadow: 1px 0px 0px black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	top:55px;
	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(../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: left;
	margin-left: 30.000%;
	margin-right: 0.000%;
	display: block;
	width: 20.3673%;
	padding-left: 43.000%;
	padding-right: 0.000%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/mg_logo5c.png);
	background-repeat: no-repeat;
	margin: -100px auto;
	height: 120px;
	top: -400px;
	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 ====================== */ 
/*  [][  ENDE  ][][][][][][][][][][][  Übertragung ENDE ][][][][][][][][][][][][][]  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   war hier - - - - - */
/* Übertragung */

.rss-design {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 36px;
	border: 1px solid #31292b;
	background-image: url(../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;/* *** nur RSS Position endrung *** */
}
.rss-position {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	height: 25px;
	width: 25px;
	margin: 0px auto;
	top:-50px;/* ***  nur RSS postionieren *** */
	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-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 { /*  *** socialnetworks Footer positionieren *** */
	clear: both;
	float: right;
	margin-left: auto;
	width: 70.0000%;
	padding-left: 0.1050%;
	padding-right: 6.9550%;
	display: block;
	margin-right: 0px;
	margin:0px;
	left:-300px;
	margin-bottom:20px;/*  *** lange endrung *** */
}
#gallery-footer-info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #968970;
	height: 0px;
	text-align: center;
	position: relative;
	padding-bottom:0px;
	padding-top:10px;
	margin-top: 0px;
	top:180px;
}
.gallery-footer-kopf {
	clear: both;
	margin-left: 0;
	display: block;
	margin-top: -70px;
	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: 300px
	position: relative;
	font-size: 12px;
	font-weight: normal;
}
.text-copyright a {
	font-size: 11px;
	position: relative;
	text-decoration: none;	
}
#like-My1 p {
	
	padding-left: 0px;
	top:-20px;
	padding-top: -30px;
	padding-bottom:60px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.like_Mir {
	clear: both;
	float: left;
	display: block;
	margin-left: 50.0000%;
	margin-right: 0.0000%;
	width: 10.9%;
	padding-left: 20.5000%;
	padding-right: 2.0000%;
	margin: -80px auto;
	left: 0px;
	text-align: center;
	
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 8.0000%;
	margin-right: 40.0000%;
	width: 86%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: -20px;/* *** facebook postionieren *** */
	margin-bottom: 20px;
	display: block;
	height: 20px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
}
.MA iframe {
	width:480px; height:35px; position: relative;
}
.titel_img {
	clear: both;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 70px;
}


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

#social-area #social ul {
	margin: -3px;
	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: 10;
}
/*----- für postionern sozial netzwerks hintergrund farbe und grosse Footer ------*/
#social ul li a {
	background-color: #67665a;
	display: block;
	width: 18px;/*-----100px------*/
	height: 18px;
	-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: 14px;/*-----font 32------*/
	line-height: 18px;
	
	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
================================================== */

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

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

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

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

}

@-moz-keyframes moveFromTop {

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

}

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

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

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

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

#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 60px;
	display: block;
	font-size: 9px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 13px;
	padding-bottom: 7px;
	position: relative;
	cursor: pointer;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	font-family: "Courier New", Courier, monospace;
	background-color: rgba(1, 1, 1, 00.2);	
	margin: 0px auto;
	top:130px;
	
	-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:155px;
	cursor: pointer;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	margin: 0px auto;
	font-weight: bold;
}
#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:10px; }
#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; }

.footerEnde {
	clear: both;
	float: left;
	position: relative;
	height: 25px;
	width: 100%;
	top: 190px;
	margin: 0px auto;
	background-color: #55111b;
	border:2px solid #3a0d13; 
	
}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 100%;
	height: 30px;
	display: block;
	position: relative;
	top: 110px;
}
#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;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.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:-50px;
	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(../css_design/search-zoom.png);
	background-repeat: no-repeat;
}
#top form input {
	line-height: 10px;
	height: 16px;
	width: 165px;
	padding: 0 2px 0 2px;
	float: left;
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}
#top form a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#top form a:hover {
	background-position: center -17px;
}
.searchformhead{
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 15%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}

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





#Footer_bider_show {/*----- FooterBilder-Show -----*/
	clear: both;
	float: right;
	width: 100%;
	margin-left: 0.0408%;
	margin-right: 0.0408%;
	display: block;
	position: relative;
	min-width: auto;
	text-align: center;
	margin: 0px auto;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(90, 34, 20, 0.00);
}
#Footer_bider_show_Position {
	background-color: rgba(90, 34, 20, 0.00);
	top: 195px;
	position: relative;
	background-image: url(../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(../css_design/footer_BilderShow.png); background-repeat: repeat-x; }
#viewer {
	width: 96.5450%;
	height: 136px;
	overflow: hidden;
	position: relative;
	top: 0px;
	float: right;
	margin-top: -10;
	margin-left: 30.0408%;
	margin-right: 1.5408%;
}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }

/* ====================== END SIDEBAR ====================== */   
       
.read-more, .more-link {
    background: url("../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; }
      
   
}
/* ********** 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(../css_design/header-back.jpg);
	background-repeat: repeat;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 	
}

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

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

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

.MG {
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.animation/MG_animation_p.gif);
	background-repeat: no-repeat;
	clear: both;
	float: left;
	width: 12.3673%;
	margin-left: 38.9408%;
	margin-right: 0.9408%;
	padding-left:44.9408%;
	display: block;	
	height: 113px;
	margin: 0px auto;
	margin-bottom: 50px;
	position: relative;
	top:-40px;
	left:30px;
}

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

/* ==== sozialeNetzwerke  ==== */
#Netzwerkpostion {
	clear: both;
	float: right;
	margin-left: -1.9408%;
	margin-right: 3.00%;
	padding-left:-5.00%;
	top: -25px;
	margin-bottom: 0px;
	position: relative;
	left;-50px;
}
/* ==================================================
   social-icons
================================================== */

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

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

.social-icons li:first-child {
	margin-left: 0;
}
/*------- effckt haver vordergrund------*/
.social-icons li a{
	color: #fff;
	font-size: 17px;
	line-height: 1em;
	width: 18px;
	height: 18px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: opacity 0.1s linear 0s;	
	   -moz-transition: opacity 0.1s linear 0s;
		 -o-transition: opacity 0.1s linear 0s;
		    transition: opacity 0.1s linear 0s;
}
/*------- effckt haver------*/
.social-icons li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}/*==== Ende Social === */
/*------------------------------------------*/
#PaintingLogo {
	clear: both;
	float: left;
	width: 45.3673%;
	margin-left: 4.2408%;
	display: block;
	background-image: url(../css_design/paintingart-logo.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: -10px;
	margin-top: -260px;
	margin-right: auto;
	padding-right: 60px;
	padding-left: 0px;
	position: relative;
	height: 80px;
}
#mailPhone {
	clear: none;
	float: right;
	width: 42.7755%;
	margin-left: 90.0408%;
	margin-right: 0.0408%	
	display: block;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FC0;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #333;
	margin-right: -46px;
	margin-left: auto;
	
}
#emailPostion {
	top: 0px;
	margin-right: 0px;
	float: right;
	margin-top: -230px;
	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;
}
.header_share_plus {
	clear: both;
	float: right;
	margin-left: 30.00%;
	margin-right: 0.00%;
	width: 100%;
	padding-left: 15.00%;
	padding-right: 0.00%;
	height: 30px;
	display: block;
	position: relative;
	top: -15px;
	left:30px;
	right:0px;
}
#HeaderMenu {
	clear: both;
	float: left;
	width: 80.5918%;
	margin-left: 20.0408%;
	margin-right: auto;
	display: block;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFF;
	padding-top: 3px;
	top:-72px;
}
.menuePosition {
	margin: -155px auto;
	padding-right: 0px;	
}
.impressum_menu {
	font-family: Pablo Impallari,
	font-size: 12px;
	font-weight: 300;
	font-size: 10px;
	color: #FFF;
	z-index: 99;
	text-decoration: none;	
}
.impressum_menu a {
	text-decoration: none;	
}
.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 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;
}

#body-header-time {
	clear: both;
	float: left;
	margin-left: -5.00%;
	margin-right: auto;
	width: 45.0000%;
	padding-left: 0.0000%;
	padding-right: 20.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: -75px;
	left:-20px;
	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:-470px 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(../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: 10.085%;
	padding-right: 10.5085%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/mg_logo5c55.png);
	background-repeat: no-repeat;
	margin: -100px auto;
	height: 0px;
	top: 200px;
	margin-left:0px;
}
#gallery-position-container {
	clear: both;
	float: left;
	margin-left: 0.0000%;
	margin-right: 20.0000%;
	width: 100%;
	width: auto;
	display: block;
	margin: -790px auto;
	text-align: center;
	position: static;
	padding-bottom:40px;
	margin-bottom:0px;
	left:0px;
	/*---*/
	background-color: rgba(78, 89, 158, 0.10);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:5px solid #6d1723; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle; 
}
#pagination {/*seiten blaten  */
	clear: both;
	width: 100%;
	display: block;
	margin: 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(../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:-50px;	
}
.rss-position span {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-top: 0px;
	margin-left: 10px;
	text-align: center;
}
#sitelang {
	clear: both;
	float: right;
	margin-left: 0;
	width: 200px;
	display: block;
	height: 45px;
	margin: -400px auto;
	top: 0px;
	color: #333;
}
#gallery-footer-container {
	clear: none;
	float: right;
	margin-left: auto;
	width: 70.0000%;
	padding-left: 0.1050%;
	padding-right: 6.9550%;
	display: block;
	margin-right: 0px;
}
#soc-networks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 69%;
	display: block;
	top: -1065px;
	left: 52px;
	padding-left: 108px;
	position: relative;

}
#extra_network {
  clear: both;
	float: right;
	margin-left: auto;
	margin-right:0px;
	padding-left:7.9990%;
	padding-right:0.9990%;
	width: 85.36%;
	left:15px;
	display: block;
	margin:3px auto;
	position: absolute;
}
#gallery-footer-info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #968970;
	height: 0px;
	text-align: center;
	position: relative;
	padding-bottom:0px;
	padding-top:10px;
	margin-top: 0px;
	top:70px;
}
.gallery-footer-kopf {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top:-85px;
	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_Mir {
	clear: both;
	float: left;
	display: block;
	margin-left: 0.0000%;
	margin-right: 0.0000%;
	width: 7.9000%;
	padding-left: 8.5000%;
	padding-right: 2.0000%;
	margin: -270px auto;
	left:0px;
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 8.0000%;
	margin-right: 40.0000%;
	width: 86%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: -200px;
	margin-bottom: 20px;
	display: block;
	height: 20px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
}
.MA {
	width:550px; height:35px; position: relative;
}
.titel_img {
	clear: both;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 70px;
}
/* ---------------=================================--------     */
#outerContainer { width:100%; height:136px; margin:auto; position:relative; margin-left:auto; margin-right:auto; text-align:center;}
#imageScroller { width:100%; height:136px; position:relative; background-color: rgba(80, 26, 16, 0.45); url(images/imageScrollerBG1.png) no-repeat; }
#viewer {
	width: 100%;
	height: 136px;
	overflow: hidden;
	position: relative;
	top: 0px;
	float: right;
	margin-top: -10;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }

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

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



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

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



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

}



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



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



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



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





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



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





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

}

@-moz-keyframes moveFromTop {

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

}

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



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

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

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

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

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

/* ==================================================
   Social Area
================================================== */
/*----- 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: 25px;/*-----100px------*/
	height: 25px;
	-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: 25px;
	
	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:80px;
	
	-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:75px;
	cursor: pointer;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	margin: 0px auto;
	font-weight: bold;
}
#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; }

.footerEnde {
	clear: both;
	float: left;
	position: relative;
	height: 25px;
	width: 100%;
	top:110px;
	margin: 0px auto;
	background-color: #55111b;
	border:2px solid #3a0d13; 

}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	padding-left:0.00%;
	padding-right:0.00%;
	width: 4%;
	height: 30px;
	display: block;
	position: relative;
	top: 25px;
}
#Footer_go_up {
	clear: none;
	float: left;
	margin-left: 5.9550%;
	margin-right: 2.9550%;
	width: 92%;
	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;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.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:-50px;
	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(../css_design/search-zoom.png);
	background-repeat: no-repeat;
}
#top form input {
	line-height: 10px;
	height: 16px;
	width: 165px;
	padding: 0 2px 0 2px;
	float: left;
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}
#top form a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#top form a:hover {
	background-position: center -17px;
}
.searchformhead{
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 15%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*--- <<<<<<<< [  MG header Kopf Blau  ] >>>>>>>>>---*/ 
.container_logoblau {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 15.5%;
	padding-left: 0.5000%;
	padding-right: 0.0000%;
	display: block;
	margin: 0px auto;
	top: 0px;
	left: -10px;
	position: relative;
}
#headerkopf_MG_logoblau {
	clear: both;
	float: left;
	margin-left: 0.00%;
	margin-right: auto;
	width: 10%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	margin: 0px auto;
	top: 10px;
	left: -120px;
	right: 90px;
	position: absolute;
	z-index: 99;
	padding-top: 0px;
	margin-bottom: -70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 0.8em;	
	font-style: normal;
	font-weight: 300;
	color: #333;
	}
.MG_logoblau_position {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 6%;
	padding-left: 0.0000%;
	padding-right: 10.0408%;
	margin-bottom:0px;
	display: block;
	margin: -50px auto;	
	position: absolute;
}
	.desc { color:#6b6b6b;}
	.desc a {color:#0092dd;}
	.dropdown {
	width: 100px;
	float: left;
	font-family: Arial,
	Helvetica, Sans-Serif;
	font-size: 0.825em;
	color: #000;
	text-align: left;
}       
	.dropdown dd, .dropdown dt, .dropdown ul {
	margin: 0px;
	padding: 25px;
	margin-left:
	130px;}		
	.dropdown dd {
	position:
	relative;
	margin-left: -10px;/*  " position "  */
	position: relative;
}	
.dropdown a, .dropdown a:visited {
	color:#816c5b;
	text-decoration:none;
	outline:none;
	-webkit-box-shadow: 0px 0px 10px 2px #171717;
	-moz-box-shadow: 0px 0px 10px 2px #171717;
	box-shadow: 0px 0px 10px 2px #171717;
	
	-webkit-box-shadow: 0px 0px 15px 2px #a9b4a7;
	-moz-box-shadow: 0px 0px 15px 2px #a9b4a7;
	box-shadow: 0px 0px 15px 2px #a9b4a7;
	
	/*-- hiermit alle ecke sind rund -*/
	border:1px solid #50584e; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;  
}
.dropdown a:hover {
	color:#5d4617;
}	
.dropdown dt a:hover {
	color:#5d4617;
	border: 0px solid #d0c9af;
}
.dropdown dt a {
	background:#e4dfcb url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.icons_png3288px/MG.png) no-repeat scroll right center;
	padding-right:0px;
	border:0px solid #d4ca9a;
	width:0px;	
}
.dropdown dt a span {
	cursor:pointer;
	float: left;
	display:block;
	padding:0px;
}
.dropdown dd ul {
	background:#e4dfcb none repeat scroll 0 0;
	border:1px solid #d4ca9a;
	color:#C5C0B0;
	display:none;
	left:5px;
	padding:5px 5px; position:absolute;
	top:2px; width:auto;
	min-width:120px;
	
	-webkit-box-shadow: 0px 0px 5px 2px #000000;
	-moz-box-shadow: 0px 0px 10px 2px #000000;
	box-shadow: 0px 0px 15px 2px #000000;
	
	/*-- Rund Ecke -*/
	border:1px solid #eece11; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;  
	
	list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:1px; display:block;}
.dropdown dd ul li a:hover { background-color:#fff;} 
.dropdown img.flag {
	border: none;
	vertical-align: middle;
	position: relative;
	float: right;} 
.MG_link_titel {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 8px;
	border-bottom: 1px solid #74521d;	
}
.mail-_MG_blaulogo {
	font-size: 8px;
}
.flag {clear: both; float: right; }
.MG_logoblau_position li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
/*--- <<<<<<<< [  MG header Kopf Blau ENDE  ] >>>>>>>>>---*/ 

/* Übertragung */
/* ====================== Übertragung ====================== */
#bodyHouptContainer {/*---- body Rahm ---*/
	clear: both;
	float: left;
	margin-left: auto;
	margin-left: auto;
	width: 98%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:95px auto;
	text-align: center;
	background-image: url(../../css_design/header-back1300.jpg);
	background-repeat: repeat;
	/*---*/
	background-color: rgba(109, 23, 35, 0.10);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:8px solid #6d1723; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	margin-bottom:-80px; 
		
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#about-headerShow {
	clear: both;
	float: none;
	margin-left: -50px;
	margin-right: 20px;
	width: 98.50%;
	padding-left: 0.0000%;
	padding-right: 0.9550%;
	height: auto;
	display: block;
	left: 0px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: -180px auto;
	/*--ecke rund/--*/
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/
	
	background-color: rgba(109, 23, 35, 0.00);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
.textheader1 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 1.1em;
	line-height:0.9em;
}
.mgLogo {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 20%;
	padding-left:80.00%;
	padding-right:0.00%;
	text-align:right;
	display: block;
	top:-110px;
	position:relative;
}
.textheader2 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 0.9em;
	line-height:1.1em;
}
.textheader3 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 1.0em;
	line-height:1.1em;
}
.text span {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	left: 20px;
	display: block;
	text-align: center;
	position: relative;
}
.text h2 {
	clear: both;
	float: left;
	margin-left: 20px;
	margin-right: auto;
	width: auto;
	display: block;
}
.special-font .zeichen {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: center;
	letter-spacing: 1px;
	font-size: 1.1em;
	line-height:1.7em;
	margin:-20px auto;
}
#AboutShowFilter {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	margin: 90px auto;
	background-image: url(../show-images/bild02.png);
	background-repeat: no-repeat;
}
/* slider */
#slider {position:relative;background-color: rgba(3, 3, 3, 0.10); url('images/bg/bg-light.png') center bottom no-repeat;}
#slider img{margin:0; padding:0;display:block;}
#slider.fixed-image img {width:auto;height:auto;max-width:100%;}
#slider .shadow{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10px;
	left: 0;
	background: url('../../images/shadow-slider.png') no-repeat top center;
	z-index: 10;
	
}
/*  ===== B ========= Mite =================  Übertragung  ============= 4.11.2014 ====================  */
#body_houpt_imagescontainer {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-left: auto;
	width: 98%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:0px auto;
	text-align: center;
	margin-bottom:0px;
	top:0px;
}

/*  ***** ENDE Übertragung  === 4.11.2014 *****  */
#body_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	top:-240px;
	position:relative;
}
#bodyheaderlink {
	clear: both;
	float: left;
	margin-left: 0;
	margin-right:auto;
	width: 100%;
	display: block;
	padding-left: 1.7000%;
	text-align: left;
	color: #3CF;
	margin:30px auto;
	font-size: 12px;
	margin-bottom:15px;
}
#Artist-container {
	clear: both;
	float: left;
	margin-left: -12.5000%;
	margin-right:0.0000%;
	width: 95.3673%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
}
#artist-logo {
	clear: both;
	float: right;
	margin-left: 0;
	display: block;
	width: 53.3673%;
	padding-left: 0.985%;
	padding-right: 21.985%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo.png);
	background-repeat: no-repeat;
	margin:0px auto;
	margin-right: auto;
	margin-left: 0px;
	position: relative;
	text-align: center;
	height: 150px;
	top:-400px;
}
.artist-logo-position {
	clear: none;
	float: right;
	margin-left: 0;
	width: 65.9795%;
	display: block;
	margin: 0px auto;
	right: 0px;
	position: relative;
}
#bodyHeadercontainer_R {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90.0000%;
	display: block;
	padding-left: -10.0408%;
	padding-right: 10.0408%;
	top:20px;
}
.titel_container_R {
	clear: both;
	clear: none;
	float: left;
	display: block;
	width: 70.2795%;
	padding-left: 0.0008%;
	padding-right: 20.0008%;
	height: 40px;
	margin-top: -50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: -20px;
	position: relative;
	top:75px;
	left:20px;
	background-color: rgba(88, 18, 27, 0.80);
}
.text_container_R {
	clear: both;
	clear: none;
	float: center;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFC;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
	position: relative;
	padding-left: 0.0008%;
	padding-right: 0.0008%;
	text-align: center;
	left:50px;
}
#gallery-info-container {
	clear: none;
	float: right;
	margin-left: 10.0408%;
	margin-right: 0.0408%;
	width: 48.9795%;
	padding-left: 10.0408%;
	padding-right: 0.0408%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cellspacing="0"; 
	cellpadding="5";
	margin: -150px auto;
	top:0px;
}
.gallery-body-info-container {
	clear: both;
	float: left;
	margin-left: 0.0408%;
	margin-right: 0.0408%;
	width: 100%;
	padding-left: 0.0408%;
	padding-right: 0.0408%;
	display: block;
	left:0px;
	position: relative;
	top:-65px;
}
.bildinfo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #c5c2be;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	text-shadow: 1px 0px 0px black;
	text-align: left;
}
.bildinfo2 {
	clear: both;
	float: left;
	color: #FFCC66;
	text-shadow: 1px 0px 0px black;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0px;
	margin-top: 15px;
	text-align: left;
}
#bodyHoupt_img {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-right: auto;
	padding-left: 0%;
	padding-right: 1%;
	height: 100%;
	margin: -1210px auto;
	top: 0px;
	position: relative;
}
.bodyHoupt_imgPosition {
	width: auto;
	clear: both;
	float: left;
	max-width: 70%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: auto;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo1.png);
}
#body_contianer_info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 90%;
	padding-left: -15.00%;
	padding-right: 30.00%;
	display: block;
}
#artwork-color {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 95%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	position: relative;
	top: -370px;
	left:-35px;
	margin: -200px auto;
	border:0px solid #C60;
}
.img_colors {	 
}
.img_colors ul {list-style:none;}

#schemeDisplay {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 25px;
	position: relative;
}
.backgrund_images {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: 0.0000%;
	display: block;
	width: 81%;
	right:-10px;
	padding-left: 5.0000%;
	padding-right: 0.0000%;
	background-color: rgba(109, 23, 35, 0.25);
	height: 0px;
	margin: 0px auto;
	position: relative;
	
}
.backgrund_images {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: 0.0000%;
	display: block;
	width: 100%;
	right:-10px;
	left:-100px;
	padding-left: -10.0000%;
	padding-right: 0.0000%;
	background-color: rgba(109, 23, 35, 0.25);
	height: 0px;
	margin: -260px auto;
	position: relative;
	
}
/* Haupt imag shutz */
#print-artworkImages-Position {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	top: 0px;
	margin: 0px auto;
	margin-bottom: auto;
	padding-bottom: 0px;
}
.ARTimg-backgrund {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-right: auto;
	display: block;
	width: 560px;
	padding-left: 0.00%;
	padding-right: 0.00%;
	position: relative;
	height:auto;
	left: 0px;
	top:-10px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
<!---" haupt img Schutz "--->
.panel-body li {
	text-decoration: none;
	list-style-type:none;
}
.panel-body li a:hover img {
	border: 0px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body ul a:hover img {
	border: 2px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body li a:hover {
	color: #ee5558;
}
.MG_img{
	clear: both;
	margin:0px;
	float: none;
	margin-left: 0px;
	margin-right: auto;
	position: relative;
	padding-right: 0px;
	display: block;
	width: 98%;
	height: auto;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	left 0px;
	
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/	
	background-color: #b5b8a8;
	-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: 2px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
#body_imagesContainer {
	clear: both;
	float: left;
	margin-left: -10px;
	width: 100%;
	height:auto;
	display: block;
	margin-left: 0.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin: -715px auto;
	position: relative;
	margin-bottom:
	left:-40px;
}
/* ===== Gallery zoom and images ====== */
.zoom-info {
	width: 530px;
	font-size: 14px;
	font-style: normal;	
}
/*  position zwei haupt bild und text info  */
#zoom-bild-show {
	position: relative;
	width: 900px;
	height: 750px;
	pading: 0px;
	border: 0px;
	min-width: auto;
	text-align: left;
	margin-top: -20px;
	margin-right: auto;
	margin-left: auto;
	left: 0px;
	overflow: auto;
	overflow: hidden;
	visibility: visible;
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:5px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* info Text und vier Bilder postion */
.zoom-desc {
	float: left;
	margin-left: 10px;
	width: 310px;
	margin-bottom: 10px;
	position: relative;
}
/* A Display part/ vier bilder */
.zoom-small-image {
	border:4px solid #CCC;
	float:left;
	margin-bottom:0px;
}
/* Display part/ vier bilder */
.zoom-small-image2 {
	border:4px solid #CCC;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
}
/* B vier Bilder position*/
.contaner_Gallery {
	width: 100%;
	height: auto;
	margin-top:0px;
	top: 0px;
	margin-left:-40px;
	margin-right:auto;
}
.MG_ArtGallery {
	width: 100%;
	height: auto;
}
/*------------------*/
.with text {
	color: #F63;
}
.content (deaktiv) {
	
	background: #848c9c;
	background: linear-gradient (to top, #848c9c 0%, #687080 50%,  #a7bc5 100%);
	background:-webkit-linear-gradient (bottom, #848c9c 0%, #687080 50%, #a7b1c5 100%);
	padding-top: 30px;
	padding-bottom:30px;
}
.Gallery {
	width: 752px;
	margin: auto;
}
.Gallery ul {
	list-style:none;
}
.Gallery li {
	float:left;
	margin: 6px;	
}
.Gallery img {
	display:block;
	padding:4px;
	background:#b5b8a8;/* color for padding Drei Bider */
	border:1px solid #CCC;
	box-shadow:1px 1px 2px #000;			
}
.Gallery img: hover {
	border:1px solid #fff;			
}
.Gallery {
	width: 752px;
	margin: auto;
}

/* ======= Gallery zoom and images END ======= */
#comment_container {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: 0.0408%;
	width: 80.9795%;
	padding-left: 0.0000%;
	padding-right: 9.0000%;
	display: block;
	top: 0px;
	left:5px;
	margin: -440px auto;
	position: relative;
	margin-bottom:-200px;
}
#comment_container span {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990;
}
.signatur_backgrund {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 60.3673%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	background-image: url(../css_design/handsignatur.png);
	height: 200px;
	margin: -130px auto;
	background-repeat: no-repeat;
}
#comment_bemerken {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: 0px;
	width: 90.3673%;
	left: 10px;
	padding-left: 0.00%;
	padding-right: 0.0000%;
	display: block;
	margin: -495px auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #CF3;
	text-align: left;
}
#submit {
	/* background:url(images/submit.png); */
	width: 200px;
	height: 30px;
	text-align: center;
	/* text-indent:-9999px; */
	border: none;
	margin-top: 20px;
	cursor: pointer;
	margin-left: 30px;
	background-color: #bbb39c;
	border: 1px solid #a4a486;
	-moz-box-shadow: 0px 2px 7px 1px #411313;
	-webkit-box-shadow: 0px 2px 7px 1px  #411313;
	box-shadow: 0px 2px 7px 1px  #411313;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #a4a486;
	border-radius: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color:#79543b;
	position:relative;
}

/* Styles the submit hover */	
#submit:hover {
	color:#fff;
	background-color: #896d58;
	opacity:0.9;
}

/* Styles the cancel button*/	
#cancel {
	/* background:url(images/cancel.png); */
	width:120px;
	height:20px;
	text-align: center;
	/* text-indent:-9999px; */
	border:none;
	margin-top:20px;
	cursor:pointer;
	margin-left:5px;
	background-color: #bbb39c;
	position:relative;
	
	border: 1px solid #a4a486;
	-moz-box-shadow: 0px 2px 7px 1px #411313;
	-webkit-box-shadow: 0px 2px 7px 1px  #411313;
	box-shadow: 0px 2px 7px 1px  #411313;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #a4a486;
	border-radius: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color:#79543b;
}

/* Styles the cancel hover */
#cancel:hover {
	color:#fff;
	background-color: #896d58;
	opacity:0.9;
}
/*  ***************  */
#gallery-info {/* ---- Position bild info text ---- */
	clear: both;
	float: left;
	margin-left: 0px;
	width: 88%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 0px;
	background-color: rgba(208, 188, 130, 0.15);
	border: 1px solid #545454;
	-moz-box-shadow: 0px 2px 10px 5px #767169;
	-webkit-box-shadow: 0px 2px 10px 5px  #767169;
	box-shadow: 0px 2px 10px 5px  #767169;
	height: 180px;
	left:1px;
	margin-top: 65px;
	margin-right: auto;
	margin-bottom: 0px;
}
#gallery-info th {
	height: 10px;
}
.titel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-weight: bold;
	color: #C96;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin-top: 10px;
	text-shadow: 1px 0px 0px black;
}
.CREATION {
	clear: both;
	float: left;
	margin-left: 0;
	width: 45%;
	display: block;
	font-weight: bold;
	color: #f3ca5b;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin-top: 25px;
	text-shadow: 1px 0px 0px black;
	
}
.sonderzeichen {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999;
	padding-right: 10px;
	padding-left: 0px;
	margin-top: 0px;
}
.coment-verbindung {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
	background-color: #779083;
	height: 0px;
	margin:50px auto;
}
/* ==========================================================================
    Comment Styling
   ========================================================================== */


form input, form textarea {
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
    outline: 0;
    border: 0;
    border: 2px solid #b99563;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	background-color: #d2d2c2;
    background-clip: padding-box #000;
  /* stops bg color from leaking outside the border: */;
}

.contact-form textarea {
	min-height: 150px;
	background-color: #d2d2c2;
}

.contact-form input.button {
    width: auto;
    background-color: #968a58;
    border-color: #b99563;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 35px;
}

.footer {
    overflow: hidden;
    position: fixed;
    bottom: 10px;
    color: white;
    font-size: 13px;
}

.footer a {
    color: white;
}
/* ==========================================================================
    Comment Styling		ENDE
   ========================================================================== */
/*-- C --*** body-gallery ***----*/
.body-gallery-container {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	margin: 250px auto;		
}
.artist-info {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	margin-left: 0.9500%;
	margin-right:20.9500%;
	width: 55.3673%;
	padding-left: 0.985%;
	padding-right: 20.985%;
	margin: 150px auto;
	margin-right: auto;
	margin-left: 0px;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3b3c36;
	top:-250px;
	left:-30px;
}
.artist-name {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f3ca5b;
	top:0px;
}
#images-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:-400px auto;
	top:0px;
	-webkit-box-shadow: 0px 0px 10px 0px #333333;
	-moz-box-shadow: 0px 0px 10px 0px #333333;
	box-shadow: 0px 0px 10px 0px #333333;	
}
/*   Portrait of Ray Meagher  */
.portrait-to {/* --- text Portrait of Ray Meagher ----- */
	clear: both;
	float: left;
	margin-left: 0;
	width: 40%;
	padding-left: 5.0000%;
	padding:-right: 0.0408%;
	display: block;
	margin: -170px auto;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #9cb196;
	left:10px;
	padding-left: 5px;
	position: relative;
}
#back-next-position {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right:auto;
	width: 75%;
	left: 30px;
	padding-left: 12.0000%;
	padding:-right: 5.0408%;
	display: block;
	top:150px;
	margin: -200px auto;
	position: relative;
	text-align:center;
}
/*   back-next  */
#div-back-next {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 30.0000%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	display: block;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: -10px;
	text-decoration: none;
	font-weight: bold;
	background-color: rgba(208, 188, 130, 0.15);
	position: relative;
	/*---*/
	-moz-box-shadow: 0px 2px 10px 5px #6d1723;
	-webkit-box-shadow: 0px 2px 10px 5px  #6d1723;
	box-shadow: 0px 2px 10px 5px  #6d1723;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #e93570;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	height: 20px;
	margin-top: -135px;    
}
td.ArtworkNextBack {
	clear: both;
	float: right;
	margin-left: 0;
	border-width: 0px;
	letter-spacing: 0px;
	border-style: solid;
	border-color: #676752;
	color: #333333;
	text-decoration: none;
	}	
/*--- Artist Detail ---*/
a.ArtworkNextBack:hover {
	clear: both;
	margin-left: 0;
	font-size:16px;
	letter-spacing: 1px;
	color:#333333;
	text-decoration: none;	
}
a.ArtworkNextBack {
	clear: both;
	font-size:16px;
	letter-spacing: 1px;
	color:#c4c222;
	text-decoration: none;
	text-shadow: #000 0 1 1px, #fff 0 -1px 2px,  0 -3px 2px, rgba(0,0,0,0.5) 0 5px 15px;
}
.gallery-rotpunkt {
	clear: both;
	float: right;
	margin-left: 0px;
	margin-left: auto;
	width: 40%;
	padding-left: 25.0000%;
	padding:-right: 0.0408%;
	display: block;
	margin: 0px auto;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	top: -500px;
	left:200px;
	background-image: url(css_design/rotpunkt.png);
	background-repeat: no-repeat;
	background-image: url(css_design/blaupunkt.png);
	background-repeat: no-repeat;
	position: relative;
}
.gallery-print {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	padding-left: 0%;
	padding:-right: 0.0408%;
	padding-bottom: 0px;
	display: block;
	padding-top: 0px;
	top: 0px;
	left: 0px;
	background-color: rgba(208, 188, 130, 0.15);
	position: relative;
	/*---*/
	-moz-box-shadow:0px 2px 10px 5px #2a4e8e;
	-webkit-box-shadow:0px 2px 10px 5px  #2a4e8e;
	box-shadow:0px 2px 10px 5px  #2a4e8e;
  /*-- hiermit alle ecke sind rund -*/
	border:1px solid #e93570; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle; 
	/*----*/
	height: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
}
/*   ******* fest CSS bis hier  ************   */












#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(../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(../css_design/footer_BilderShow.png); background-repeat: repeat-x; }
#viewer {
	width: 96.5450%;
	height: 136px;
	overflow: hidden;
	position: relative;
	top: 0px;
	float: right;
	margin-top: -10;
	margin-left: 30.0408%;
	margin-right: 1.5408%;
}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }

/*  ________________________outerContainer */
/* js-disabled class - set image sizes so they all fit in the viewer */
/* ==================================================*/    
   
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.read-more, .more-link {
    background: url("../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; }

}

/************** 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(../css_design/header-back.jpg);
	background-repeat: repeat;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
     	
}


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

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

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

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

/* ==== sozialeNetzwerke  ==== */
#Netzwerkpostion {
	clear: both;
	float: right;
	margin-right: auto;
	top: -40px;
	padding-left:0.00%;
	padding-right:5.00%;
	left:0px;
	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: 18.9673%;
	margin-left: 0.5408%;
	display: block;
	background-image: url(../css_design/paintingart-logo.png);
	background-repeat: no-repeat;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: -10px;
	margin-top: -280px;
	margin-right: auto;
	padding-right: auto;
	padding-left: 0px;
	position: relative;
	height: 80px;
	left: 10px;
}
#mailPhone {
	clear: none;
	float: right;
	width: 38.5755%;
	padding-left:0.00%;
	padding-right:8.00%;
	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: 0px;
	margin-left: auto;
}
#emailPostion {
	top: 0px;
	margin-right: -40px;
	float: right;
	margin-top: -245px;
	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;
}
.header_share_plus {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0.00%;
	width: 100%;
	padding-left: 40.00%;
	padding-right: 0.00%;
	height: 30px;
	display: block;
	position: relative;
	top: 0px;
	right:-10px;
}
#HeaderMenu {
	clear: both;
	float: right;
	margin-left: 40.0408%;
	margin-right: 0px;
	width: 90.5918%;
	display: block;
	margin: -100px auto;
	position: relative;
	padding-right: 0.0000%;
	padding-left: 30.0000%;
	margin-left: 10px;
	font-family: Pablo Impallari,
	font-size: 12px;
	font-weight: normal;
	font-size: 14px;
	z-index: 99;
	color: #FFF;
	left: 150px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.menuePosition {
	clear: both;
	float: right;
	margin-left: 40.0408%;
	margin-right: 0px;
	padding-right: 0.0000%;
	padding-left: 30.0000%;
	margin-bottom: 0px;
	z-index: 99;
	height: auto;
}
.impressum_menu {
	font-family: Pablo Impallari,
	font-size: 12px;
	font-weight: 300;
	font-size: 10px;
	color: #FFF;
	z-index: 99;
	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;
	margin-bottom: 0px;
}
/*--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;
}

#body-header-time {
	clear: both;
	float: left;
	margin-left: 0;
	width: 40.0000%;
	padding-left: 0.00%;
	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:-285px;
	left:-25px;
	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(../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;
}
.rss-position {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 35px;
	width: 35px;
	margin: 0px auto;
	top:-180px;
	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;
	padding-top:0px;
	position: relative;
}
#sitelang { /*    ???    */
	clear: both;
	float: right;
	margin-left: 0;
	width: 200px;
	display: block;
	height: 45px;
	margin: -400px auto;
	top: 0px;
	color: #333;
}
#gallery-footer-container {
	clear: none;
	float: right;
	margin-left: auto;
	width: 70.0000%;
	padding-left: 0.1050%;
	padding-right: 6.9550%;
	display: block;
	margin-right: 0px;
}

#gallery-footer-info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #968970;
	height: 0px;
	text-align: center;
	position: relative;
	padding-bottom:0px;
	padding-top:10px;
	margin-top: 0px;
	top:170px;
}
.gallery-footer-kopf {
	clear: both;
	margin-left: 0;
	display: block;
	margin-top: -35px;
	top: 0;
	left:0px;
	text-align: center;
	position: relative;
	padding-top:0px;
}
.text-copyright {
	width: 100%;
	height: 400px
	position: relative;
	font-size: 12px;
	font-weight: normal;
}
.text-copyright a {
	font-size: 11px;
	position: relative;
	text-decoration: none;	
}
#like-my1 p {
	
	padding-left: 0px;
	top:-20px;
	padding-top: -30px;
	padding-bottom:60px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.like_Mir {
	clear: both;
	float: left;
	display: block;
	margin-left: 0.0000%;
	margin-right: 0.0000%;
	width: 7.9000%;
	padding-left: 6.5000%;
	padding-right: 2.0000%;
	margin: -90px auto;
	left:0px;
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 14.5000%;
	margin-right: 20.0000%;
	width: 78.5%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: -70px;
	margin-bottom: 10px;
	display: block;
	height: 25px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
	position: relative;
}
.MA iframe {
	width:550px; height:35px; position: relative;
}
.titel_img {
	clear: both;
	float: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 70px;
}
#Footer_bider_show {/*----- FooterBilder-Show -----*/
	clear: both;
	float: right;
	width: 100%;
	margin-left: 0.0408%;
	margin-right: 0.0408%;
	display: block;
	position: relative;
	min-width: auto;
	text-align: center;
	margin: 0px auto;
	margin-bottom:0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: rgba(90, 34, 20, 0.00);
}
#Footer_bider_show_Position {
	background-color: rgba(90, 34, 20, 0.00);
	top: 215px;
	position: relative;
	background-image: url(../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(../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: 20px;
	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: 50px;
	display: block;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 11px;
	padding-bottom: 3px;
	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: 80px;
	
	-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: 20px;
	padding-bottom: -5px;
	position: relative;
	top:72px;
	cursor: pointer;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	margin: 0px auto;
	font-weight: bold;	
}

#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; }



.footerEnde {
	clear: both;
	float: left;
	position: relative;
	height: 26px;
	width: 100%;
	top:170px;
	margin: 42px auto;
	background-color: #55111b;
	border:2px solid #3a0d13; 

}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 100%;
	height: 30px;
	display: block;
	position: relative;
	top: 25px;
}
#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:-50px;
	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(../css_design/search-zoom.png);
	background-repeat: no-repeat;
}
#top form input {
	line-height: 10px;
	height: 16px;
	width: 165px;
	padding: 0 2px 0 2px;
	float: left;
	/*-- hiermit alle ecke sind rund -*/
	border:2px solid #6d1723; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
}
#top form a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	background-image: url(MG_archiv/css_design/search22.png);
	background-repeat: no-repeat;
	background-position: center 0px;
}
#top form a:hover {
	background-position: center -17px;
}
.searchformhead{
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 15%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*--- <<<<<<<< [  MG header Kopf Blau  ] >>>>>>>>>---*/ 
.container_logoblau {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 15.5%;
	padding-left: 0.5000%;
	padding-right: 0.0000%;
	display: block;
	margin: 0px auto;
	top: 0px;
	left: 0px;
	position: relative;
}
#headerkopf_MG_logoblau {
	clear: both;
	float: left;
	margin-left: 7.00%;
	margin-right: auto;
	width: 10%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	margin: 0px auto;
	top: 10px;
	left: -120px;
	right: 90px;
	position: absolute;
	z-index: 99;
	padding-top: 0px;
	margin-bottom: -70px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 0.8em;	
	font-style: normal;
	font-weight: 300;
	color: #333;
	}
.MG_logoblau_position {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 6%;
	padding-left: 0.0000%;
	padding-right: 10.0408%;
	margin-bottom:0px;
	display: block;
	margin: -50px auto;	
	position: absolute;
}
	.desc { color:#6b6b6b;}
	.desc a {color:#0092dd;}
	.dropdown {
	width: 100px;
	float: left;
	font-family: Arial,
	Helvetica, Sans-Serif;
	font-size: 0.825em;
	color: #000;
	text-align: left;
}       
	.dropdown dd, .dropdown dt, .dropdown ul {
	margin: 0px;
	padding: 25px;
	margin-left:
	130px;}		
	.dropdown dd {
	position:
	relative;
	margin-left: -10px;/*  " position "  */
	position: relative;
}	
.dropdown a, .dropdown a:visited {
	color:#816c5b;
	text-decoration:none;
	outline:none;
	-webkit-box-shadow: 0px 0px 10px 2px #171717;
	-moz-box-shadow: 0px 0px 10px 2px #171717;
	box-shadow: 0px 0px 10px 2px #171717;
	
	-webkit-box-shadow: 0px 0px 15px 2px #a9b4a7;
	-moz-box-shadow: 0px 0px 15px 2px #a9b4a7;
	box-shadow: 0px 0px 15px 2px #a9b4a7;
	
	/*-- hiermit alle ecke sind rund -*/
	border:1px solid #50584e; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;  
}
.dropdown a:hover {
	color:#5d4617;
}	
.dropdown dt a:hover {
	color:#5d4617;
	border: 0px solid #d0c9af;
}
.dropdown dt a {
	background:#e4dfcb url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.icons_png3288px/MG.png) no-repeat scroll right center;
	padding-right:0px;
	border:0px solid #d4ca9a;
	width:0px;	
}
.dropdown dt a span {
	cursor:pointer;
	float: left;
	display:block;
	padding:0px;
}
.dropdown dd ul {
	background:#e4dfcb none repeat scroll 0 0;
	border:1px solid #d4ca9a;
	color:#C5C0B0;
	display:none;
	left:5px;
	padding:5px 5px; position:absolute;
	top:2px; width:auto;
	min-width:120px;
	
	-webkit-box-shadow: 0px 0px 5px 2px #000000;
	-moz-box-shadow: 0px 0px 10px 2px #000000;
	box-shadow: 0px 0px 15px 2px #000000;
	
	/*-- Rund Ecke -*/
	border:1px solid #eece11; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;  
	
	list-style:none;}
.dropdown span.value { display:none;}
.dropdown dd ul li a { padding:1px; display:block;}
.dropdown dd ul li a:hover { background-color:#fff;} 
.dropdown img.flag {
	border: none;
	vertical-align: middle;
	position: relative;
	float: right;} 
.MG_link_titel {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 8px;
	border-bottom: 1px solid #74521d;	
}
.mail-_MG_blaulogo {
	font-size: 8px;
}
.flag {clear: both; float: right; }
.MG_logoblau_position li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
/*--- <<<<<<<< [  MG header Kopf Blau ENDE  ] >>>>>>>>>---*/ 
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

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

#bodyHouptContainer {/*---- body Rahm ---*/
	clear: both;
	float: left;
	margin-left: auto;
	margin-left: auto;
	width: 98%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:70px auto;
	text-align: center;
	background-image: url(../../css_design/header-back1300.jpg);
	background-repeat: repeat;
	/*---*/
	background-color: rgba(109, 23, 35, 0.10);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:8px solid #6d1723; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle;
	margin-bottom:-100px; 
		
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#about-headerShow {
	clear: both;
	float: none;
	margin-left: -50px;
	margin-right: 20px;
	width: 98.50%;
	padding-left: 0.0000%;
	padding-right: 0.9550%;
	height: auto;
	display: block;
	left: 0px;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: -190px auto;
	/*--ecke rund/--*/
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/
	
	background-color: rgba(109, 23, 35, 0.00);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #6d1723;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
.textheader1 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 1.0em;
	line-height:1.7em;
}
.mgLogo {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 20%;
	padding-left:80.00%;
	padding-right:0.00%;
	text-align:right;
	display: block;
	top:-110px;
	position:relative;
}
.textheader2 {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	text-align: left;
	letter-spacing: 1px;
	font-size: 0.8em;
	line-height:1.7em;
}
.textheader3 {
	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:1.7em;
}
.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(../show-images/bild02.png);
	background-repeat: no-repeat;
}
/* slider */
#slider {position:relative;background-color: rgba(3, 3, 3, 0.10); url('images/bg/bg-light.png') center bottom no-repeat;}
#slider img{margin:0; padding:0;display:block;}
#slider.fixed-image img {width:auto;height:auto;max-width:100%;}
#slider .shadow{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 10px;
	left: 0;
	background: url('../../images/shadow-slider.png') no-repeat top center;
	z-index: 10;
	
}
/*  ====== C ======================  übertragung  ================ 11.2014 ================  */ 
#body_houpt_imagescontainer {
	clear: both;
	float: left;
	margin-left: auto;
	margin-left: auto;
	width: 98%;
	max-width: 1232px;
	padding-left: 1%;
	padding-right: 1%;
	display: block;	
	padding-top: 2%;
	margin:170px auto;
	text-align: center;
	margin-bottom:0px;
	top:0px;
}
#body_container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:0px auto;
	top:0px;
}
#bodyheaderlink {
	clear: both;
	float: left;
	margin-left: 0px;
	padding-left: 9.0000%;
	width: 43.1795%;
	display: block;
	text-align: left;
	color: #3CF;
	font-size: 12px;
	margin:40px auto;
}
/* ================  */
#Artist-container {
	clear: both;
	float: left;
	margin-left: -12.5000%;
	margin-right:0.0000%;
	width: 75.3673%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
}
#artist-logo {
	clear: both;
	float: right;
	margin-left: 0;
	display: block;
	width: 53.3673%;
	padding-left: 0.985%;
	padding-right: 21.985%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo.png);
	background-repeat: no-repeat;
	margin:0px auto;
	margin-right: auto;
	margin-left: 0px;
	position: relative;
	text-align: center;
	height: 150px;
	top:-400px;
}
.artist-logo-position {
	clear: none;
	float: right;
	margin-left: 0;
	width: 65.9795%;
	display: block;
	margin: 0px auto;
	right: 0px;
	position: relative;
}
/*  =================  */
#bodyHeadercontainer_R {
	clear: both;
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 48.9795%;
	display: block;
	margin:448px auto;
	padding-left: 50.0408%;
	padding-right: 10.0408%;
	position: relative;
	
}
.titel_container_R {
	clear: both;
	clear: none;
	float: left;
	display: block;
	width: 70.2795%;
	padding-left: 0.0008%;
	padding-right: 20.0008%;
	height: 40px;
	left:0px;
	margin-top: -290px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: -20px;
	position: relative;
	background-color: rgba(74, 16, 23, 4.90);
}
.text_container_R {
	clear: both;
	clear: none;
	float: center;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFC;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 2px;
	position: relative;
	padding-left: 0.0008%;
	padding-right: 0.0008%;
	text-align: center;
	left:50px;
}
#gallery-info-container {
	clear: none;
	float: left;
	margin-left: 10.0408%;
	margin-right: 0.0408%;
	width: 28.9795%;
	padding-left: 10.0408%;
	padding-right: 0.0408%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	cellspacing="0"; 
	cellpadding="5";
	margin: -150px auto;
	top:0px;
}
.gallery-body-info-container {
	clear: both;
	float: left;
	margin-left: 0.0408%;
	margin-right: 0.0408%;
	width: 100%;
	padding-left: 0.0408%;
	padding-right: 0.0408%;
	display: block;
	left:-20px;
	position: relative;
	margin:-135px auto;
	top:-185px;
}
.bildinfo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #c5c2be;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	text-shadow: 1px 0px 0px black;
	text-align: left;
}
.bildinfo2 {
	clear: both;
	float: left;
	color: #FFCC66;
	text-shadow: 1px 0px 0px black;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0px;
	margin-top: 15px;
	text-align: left;
}
nicht.bildbeschreibung {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	position: relative;
}
nicht.bescheitabel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 87.90%;
	display: block;
	top: -80px;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	background-color: #545454;
	text-shadow: 1px 0px 0px black;
	border: 1px solid #788477;
	-moz-box-shadow: 0px 2px 10px 5px #767169;
	-webkit-box-shadow: 0px 2px 10px 5px  #767169;
	box-shadow: 0px 2px 10px 5px  #767169;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#soc-networks-container {
	clear: both;
	float: center;
	margin-left: 0;
	width: 48.9000%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin: 0px auto;
	padding-left:100.0000%;
	padding-right:0.0000%;
	text-align: center;
}
#soc-networks {
	clear: both;
	float: center;
	margin-left: auto;
	margin-right: auto;
	width: 20.6%;
	right: 0px;
	margin: 0px auto;
	padding-top: 0px;
	top: -5px;
	left: 30px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	text-align: center;
}
#extra_network {
  clear: both;
	float: center;
	margin-left: auto;
	margin-right:0px;
	padding-left:7.9990%;
	padding-right:0.9990%;
	width: 30.36%;
	left:60px;
	display: block;
	margin:3px auto;
	position: relative;
	height: 0px;
	text-align: center;
	
}
#bodyHoupt_img {
	clear: both;
	float: left;
	margin-left: 0%;
	margin-right: auto;
	width: 100%;
	display: block;	
	padding-left: 7.50%;
	padding-right: 1%;
	height: 100%;
	margin: -1245px auto;
	top: 0px;
	position: relative;
}
.bodyHoupt_imgPosition {
	width: auto;
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: auto;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo1.png);
}
#body_contianer_info {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 75.9795%;
	display: block;
	margin:0px auto;
}
#artwork-color {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	padding-left: 28.0000%;
	padding-right: 0.0000%;
	display: block;
	position: relative;
	top: -620px;
	left:40px;
	margin: 0px auto;
	overflow: hidden;
	border:0px solid #C60;
}
.img_colors {	 
}
.img_colors ul {list-style:none;}

#schemeDisplay {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 25px;
	position: relative;
}
.backgrund_images {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: 0.0000%;
	display: block;
	width: 100%;
	right:-10px;
	left:-100px;
	padding-left: -10.0000%;
	padding-right: 0.0000%;
	background-color: rgba(109, 23, 35, 0.25);
	height: 0px;
	margin: -260px auto;
	position: relative;
	
}
/* Haupt imag shutz */
#print-artworkImages-Position {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	top: 0px;
	margin: 0px auto;
	margin-bottom: auto;
	padding-bottom: 0px;
}
.ARTimg-backgrund {
	clear: both;
	float: none;
	margin-left: 0px;
	margin-right: auto;
	display: block;
	width: 680px;
	padding-left: 0.00%;
	padding-right: 0.00%;
	position: relative;
	height:auto;
	left: 0px;
	top:-10px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}
<!---" haupt img Schutz "--->
.panel-body li {
	text-decoration: none;
	list-style-type:none;
}
.panel-body li a:hover img {
	border: 0px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body ul a:hover img {
	border: 2px solid #fff;
	border-width: 1px 1px 1px;
	color: #fee5558;
}
.panel-body li a:hover {
	color: #ee5558;
}
.MG_img{
	clear: both;
	margin:0px;
	float: none;
	margin-left: 0px;
	margin-right: auto;
	position: relative;
	padding-right: 0px;
	display: block;
	width: 98%;
	height: auto;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	left 0px;
	
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	border-bottom-left-radius: 20px;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 20px;
	border-bottom-right-radius: 20px;
	/*---*/	
	background-color: #b5b8a8;
	-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: 2px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}
#body_imagesContainer {/* --- Postioniren 4 klein Blder --- */
	clear: both;
	float: left;
	margin-left: 0.0000%;
	width: 80%;
	height:auto;
	padding-left: 6.2000%;
	padding-right: 0.0000%;
	display: block;
	margin: -760px auto;
	position: relative;
}
/* ===== Gallery zoom and images ====== */
.zoom-info {
	width: 530px;
	font-size: 14px;
	font-style: normal;	
}
/*  position zwei haupt bild und text info  */
#zoom-bild-show {
	position: relative;
	width: 80%;
	height: 750px;
	pading: 0px;
	border: 0px;
	min-width: auto;
	text-align: left;
	margin-top: -20px;
	margin-right: auto;
	margin-left: auto;
	left: 0px;
	overflow: auto;
	overflow: hidden;
	visibility: visible;
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:5px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:4px solid #ccc;
	overflow:hidden;
}

/* info Text und vier Bilder postion */
.zoom-desc {
	float: left;
	margin-left: 10px;
	width: 310px;
	margin-bottom: 10px;
	position: relative;
}
/* A Display part/ vier bilder */
.zoom-small-image {
	border:4px solid #CCC;
	float:left;
	margin-bottom:0px;
}
/* Display part/ vier bilder */
.zoom-small-image2 {
	border:4px solid #CCC;
	float:left;
	margin-top:0px;
	margin-bottom:0px;
}
/* B vier Bilder position*/
.contaner_Gallery {
	width: 100%;
	height: auto;
	margin-top:0px;
	top: 0px;
	margin-left:-30px;
	margin-right:auto;	
}
.MG_ArtGallery {
	width: 100%;
	height: auto;
}
/*------------------*/
.with text {
	color: #F63;
}
.content {
	
	background: #848c9c;
	background: linear-gradient (to top, #848c9c 0%, #687080 50%,  #a7bc5 100%);
	background:-webkit-linear-gradient (bottom, #848c9c 0%, #687080 50%, #a7b1c5 100%);
	padding-top: 30px;
	padding-bottom:30px;
}
.Gallery {
	width: 100%;
	height: auto;
	margin: auto;
}
.Gallery ul {
	list-style:none;
}
.Gallery li {
	float:left;
	margin: 6px;	
}
.Gallery img {
	display:block;
	padding:4px;
	background:#b5b8a8;/* color for padding Drei Bider */
	border:1px solid #CCC;
	box-shadow:1px 1px 2px #000;			
}
.Gallery img: hover {
	border:1px solid #fff;			
}

/* ======= Gallery zoom and images END ======= */
#comment_container {
	clear: both;
	float: left;
	margin-left: 0.0408%;
	margin-right: 0.0408%;
	width: 42.4795%;
	padding-left: 8.0000%;
	padding-right: 9.0000%;
	display: block;
	top: 0px;
	margin: -520px auto;
	position: relative;
}
#comment_container span {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990;
}
.signatur_backgrund {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 40.3673%;
	padding-left: 0.0000%;
	padding-right: 5.0000%;
	display: block;
	background-image: url(../css_design/handsignatur.png);
	height: 200px;
	left:120px;
	margin: -785px auto;
	background-repeat: no-repeat;
}
#comment_bemerken {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: 0px;
	width: 75.3673%;
	left: 0px;
	padding-left: 11.2000%;
	padding-right: 0.0000%;
	display: block;
	margin: -780px auto;
	font-family: Verdana, Geneva, sans-serif;
	color: #CF3;
	position:relative;
	text-align: left;
	font-size: 11px;
}
/* Styles the submit button */
#submit {
	/* background:url(images/submit.png); */
	width: 160px;
	height: 40px;
	text-align: center;
	/* text-indent:-9999px; */
	border: none;
	margin-top: 20px;
	cursor: pointer;
	margin-left: 30px;
	background-color: #bbb39c;
	border: 1px solid #a4a486;
	-moz-box-shadow: 0px 2px 7px 1px #411313;
	-webkit-box-shadow: 0px 2px 7px 1px  #411313;
	box-shadow: 0px 2px 7px 1px  #411313;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #a4a486;
	border-radius: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color:#79543b;
}

/* Styles the submit hover */	
#submit:hover {
	color:#fff;
	background-color: #896d58;
	opacity:0.9;
}

/* Styles the cancel button*/	
#cancel {
	/* background:url(images/cancel.png); */
	width:100px;
	height:30px;
	text-align: center;
	/* text-indent:-9999px; */
	border:none;
	margin-top:20px;
	cursor:pointer;
	margin-left:5px;
	background-color: #bbb39c;
	
	border: 1px solid #a4a486;
	-moz-box-shadow: 0px 2px 7px 1px #411313;
	-webkit-box-shadow: 0px 2px 7px 1px  #411313;
	box-shadow: 0px 2px 7px 1px  #411313;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #a4a486;
	border-radius: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	color:#79543b;
}

/* Styles the cancel hover */
#cancel:hover {
	color:#fff;
	background-color: #896d58;
	opacity:0.9;
}
/*  ************ [  Ende Übertragung 4.11.2014  ] **************  */
                          
/*-- C --*** body-gallery ***----*/
.body-gallery-container {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	margin: 250px auto;		
}
.artist-info {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	margin-left: 0.9500%;
	margin-right:20.9500%;
	width: 55.3673%;
	padding-left: 0.985%;
	padding-right: 20.985%;
	margin: 150px auto;
	margin-right: auto;
	margin-left: 0px;
	position: relative;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3b3c36;
	top:-250px;
	left:-30px;
}
.artist-name {
	clear: both;
	float: left;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #f3ca5b;
	top:0px;
}
#images-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:-400px auto;
	top:0px;
	-webkit-box-shadow: 0px 0px 10px 0px #333333;
	-moz-box-shadow: 0px 0px 10px 0px #333333;
	box-shadow: 0px 0px 10px 0px #333333;	
}
/*   Portrait of Ray Meagher  */
.portrait-to {/* --- text Portrait of Ray Meagher ----- */
	clear: both;
	float: left;
	margin-left: 0;
	width: 40%;
	padding-left: 0.0000%;
	padding:-right: 0.0408%;
	display: block;
	margin: -170px auto;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #9cb196;
	padding-left: 5px;
	position: relative;
}
#back-next-position {
	clear: both;
	float: right;
	margin-left: 0;
	margin-right:auto;
	width: 48%;
	left: 150px;
	padding-left: 50.0000%;
	padding:-right: 0.0408%;
	display: block;
	margin: -290px auto;
	position: relative;
}
/*   back-next  */
#div-back-next {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 30.0000%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	display: block;
	width: 180px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: -10px;
	text-decoration: none;
	font-weight: bold;
	background-color: rgba(208, 188, 130, 0.15);
	position: relative;
	/*---*/
	-moz-box-shadow: 0px 2px 10px 5px #6d1723;
	-webkit-box-shadow: 0px 2px 10px 5px  #6d1723;
	box-shadow: 0px 2px 10px 5px  #6d1723;
	/*-- hiermit alle ecke sind rund -*/
	border: 1px solid #e93570;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 5px;
	vertical-align: middle;
	height: 20px;
	margin-top: -135px;    
}
td.ArtworkNextBack {
	clear: both;
	float: right;
	margin-left: 0;
	border-width: 0px;
	letter-spacing: 0px;
	border-style: solid;
	border-color: #676752;
	color: #333333;
	text-decoration: none;
	}	
/*--- Artist Detail ---*/
a.ArtworkNextBack:hover {
	clear: both;
	margin-left: 0;
	font-size:16px;
	letter-spacing: 1px;
	color:#333333;
	text-decoration: none;	
}
a.ArtworkNextBack {
	clear: both;
	font-size:16px;
	letter-spacing: 1px;
	color:#c4c222;
	text-decoration: none;
	text-shadow: #000 0 1 1px, #fff 0 -1px 2px,  0 -3px 2px, rgba(0,0,0,0.5) 0 5px 15px;
}
.gallery-rotpunkt {
	clear: both;
	float: right;
	margin-left: auto;
	margin-rghit:20px;
	width: 35px;
	width: 16%;
	padding-left: 10.0000%;
	padding-right: 35.0408%;
	display: block;
	margin: -100px auto;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	top: -1200px;
	left: 290px;
	background-image: url(css_design/rotpunkt.png);
	background-repeat: no-repeat;
	background-image: url(css_design/blaupunkt.png);
	background-repeat: no-repeat;
}
.gallery-print {
	clear: both;
	float: left;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	padding-left: 0%;
	padding:-right: 0.0408%;
	padding-bottom: 0px;
	display: block;
	padding-top: 0px;
	top: 0px;
	left: 0px;
	background-color: rgba(208, 188, 130, 0.15);
	position: relative;
	/*---*/
	-moz-box-shadow:0px 2px 10px 5px #2a4e8e;
	-webkit-box-shadow:0px 2px 10px 5px  #2a4e8e;
	box-shadow:0px 2px 10px 5px  #2a4e8e;
  /*-- hiermit alle ecke sind rund -*/
	border:1px solid #e93570; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle; 
	/*----*/
	height: 30px;
	margin-top: 0px;
	margin-bottom: 10px;
}
#gallery-info {/* ---- Position bild info text ---- */
	clear: both;
	float: left;
	margin-left: 0px;
	width: 88%;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 0px;
	background-color: rgba(208, 188, 130, 0.15);
	border: 1px solid #545454;
	-moz-box-shadow: 0px 2px 10px 5px #767169;
	-webkit-box-shadow: 0px 2px 10px 5px  #767169;
	box-shadow: 0px 2px 10px 5px  #767169;
	height: 180px;
	left:1px;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: 0px;
	top: 0px;
}
#gallery-info th {
	height: 10px;
}
.titel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-weight: bold;
	color: #C96;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin-top: 10px;
	text-shadow: 1px 0px 0px black;
}
.CREATION {
	clear: both;
	float: left;
	margin-left: 0;
	width: 45%;
	padding-left:-5.00%;
	padding-right:15.00%;
	display: block;
	font-weight: bold;
	color: #f3ca5b;
	left:-30px;
	padding-bottom: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin-top: 25px;
	text-shadow: 1px 0px 0px black;
	
}
.sonderzeichen {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #999;
	padding-right: 10px;
	padding-left: 0px;
	margin-top: 0px;
}
.coment-verbindung {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
	background-color: #779083;
	height: 0px;
	margin:50px auto;
}
/* ==========================================================================
    Comment Styling
   ========================================================================== */


form input, form textarea {
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
    outline: 0;
    border: 0;
    border: 2px solid #b99563;
    -webkit-border-radius: 10px;
    border-radius: 10px;
	background-color: #d2d2c2;
    background-clip: padding-box #000;
  /* stops bg color from leaking outside the border: */;
	
	border: 1px solid #545454;
	-moz-box-shadow: 0px 2px 7px 1px #411313;
	-webkit-box-shadow: 0px 2px 7px 1px  #411313;
	box-shadow: 0px 2px 7px 1px  #411313;
	/*-- hiermit alle ecke sind rund -*/
	border: 2px solid #f35f1e;
	border-radius: 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 5px;
	vertical-align: middle;
}

.contact-form textarea {
	min-height: 150px;
	background-color: #d2d2c2;
}

.contact-form input.button {
    width: auto;
    background-color: #968a58;
    border-color: #b99563;
    color: white;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 35px;
}

.footer {
    overflow: hidden;
    position: fixed;
    bottom: 10px;
    color: white;
    font-size: 13px;
}

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

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

}