@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%;
	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(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//links.png);}
        #dock #network {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//share.png);}
        #dock #menu {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//menu.png);}


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


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


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

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

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

.social-icons li:first-child {
	margin-left: 0;
}
/*------- effckt haver vordergrund------*/
.social-icons li a{
	color: #fff;
	font-size: 14px;
	line-height: 1em;
	width: 22px;
	height: 22px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: opacity 0.1s linear 0s;	
	   -moz-transition: opacity 0.1s linear 0s;
		 -o-transition: opacity 0.1s linear 0s;
		    transition: opacity 0.1s linear 0s;
}
/*------- effckt haver------*/
.social-icons li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}/*==== Ende Social === */
/* ---" [  " MG web soc an auf " ] "---  */
#MG_webCss_support{clear: both; float: left; width: 38.00%; margin-left:0px; margin-right:auto; padding-left:15.00%; padding-right:0.00%; height: 30%; display: block; margin-top:-50px auto; left:65px; position: relative; top: -10px; padding-left:0.00%;}
#wrapper{width: 100%; height: 100px;} 
    #MG_sco{width: 300px; margin: auto; height: 80px; text-align: center; padding-top: 10px; font-family: Myriad Pro, Arial, Tahoma;}
	#MG_web{width: 300px; margin: auto; height: 78px; text-align: center; margin-top:-30px; font-family: Myriad Pro, Arial, Tahoma;}
    #MG_sco p{text-align: right; color: #b5B5B5;}
  	#MG_web p{text-align: right; color: #b5B5B5;}
	
	.MG_web_text{float:left; display: block; left:-125px; width: 50%; margin-left:0px; margin-right:auto; position: relative; top:-40px; padding-left:0.00%; padding-right:50.00%;}
	.MG_web_text p{float: display: block; left; margin-left:0px; margin-top:0px;}
	.MG_Text_Support{width: 10%; color: #999999; font-size: 12px; letter-spacing: 0px; text-shadow: 1px 0px 0px black; top:-10px; left:20px; margin-left: 0px; margin-right: auto;; position: relative;}
	
	#MG_buttons{ top:0px; padding-bottom:0px;  position: relative;}
	
/* ---" [  " MG web soc an auf " ENDE ] "---  */

/*-------------------------*/
#PaintingLogo {
	clear: none;
	float: left;
	margin-left: 5px;
	margin-right: auto;
	width: 95%;
	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: -295px;
	position: relative;
	max-width: 60%;
	height: 80px;
}
.PaintingLogoPosition {	
}
#mailPhone {
	clear: both;
	float: left;
	width: 58%;
	margin-right: 0.00%;
	margin-left: 75.00%;
	display: block;
	margin: 0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FC0;
	letter-spacing: 0px;
	text-shadow: 1px 0px 0px #333;	
	font-weight: 300;
}
#emailPostion i {
	font-weight: bold;	
}
#emailPostion {
	clear: both;
	float: right;
	display: block;
	top: 10px;
	margin-right: 0px;
	margin-left: auto;
	width: 75.5755%;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FC0;
	left:155px;
	letter-spacing: 0px;
	text-shadow: 1px 0px 0px #333;
	font-weight: 300;
	margin-top: -285px;
	margin-bottom: 0px;
	position: relative;
}
.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: 0px auto;
	font-weight: 900;
	color: #FFF;
	top: -130px;
	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: 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: 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: 25.5918%;
	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;
	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: 70px;
	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 ***----*/
#body-gallery-container {
	clear: both;
	display: block;
	width: 98%;	
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
	position: relative;
	text-align: left;
	top:0px;
	left:-50px;
	margin:0px auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	margin:0px auto;
}
/*   übertragung  */

#body-header-titel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#body-header-right {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:-20px auto;
	top:25px;
}
#Container_artworks-text {
	clear: both;
	
	display: block;
	margin-left: 0px;
	width: 80.0000%;
	padding-left: 0.1050%;
	padding-right: 0.9550%;
	margin-right: auto;
	text-align: center;	
}
.art-works-text {
	clear: both;
	float: left;
	margin-left: 0;
	margin-right: auto;
	width: 97.9877%;
	padding-left: 5.00%;
	padding-right: 0.00%;
	display: block;
	top: 180px;
	left:0px;
	position: relative;
	letter-spacing: 2px;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px black;
	color: #dbcda1;
	padding-top: 12px;
	font-family: josefin sans, sans-serif;
	font-size: 10px;
	font-weight: lighter;
}
#body-header-time {
	clear: both;
	float: none;
	margin-left: auto;
	width: 95.0000%;
	padding-left: 15.00%;
	padding-right: 15.00%;
	display: block;
	margin-right: auto;
	margin: 0px auto;
	letter-spacing: 2px;
	text-shadow: 1px 0px 0px black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	top:-100px;
	position: relative;
	text-align: center;
	left:0px;
}
#body-header-navi {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:0px auto;/*A Header Effect Positionieren */
	top:0px;
}
ul#gallery_categories_widget {
	background-color: rgba(237, 227, 197, 0.00);
	height: 20px;
	width: 470px;
	margin-left:0px;
	padding-right:0px;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 18px;
	font-weight: 500;
}                                               
#sidebar {
	background-color: rgba(237, 227, 197, 0.00);
	margin: -20px auto;
	clear: both;
	float: none;
	display: block;
	width: 77.8673%;
	margin-left:auto;
	left:25px;
	padding-left: 0.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:70px;/*B Header Text Artwork Painting ... (hinter Effect) Positionieren */
}
/* ============= body-header-navi rest css bei ( START SIDEBAR ) in ende ============ */
#switch-container {
	clear: both;
	float: left;
	margin-left: 0.0000%;
	margin-right: auto;
	width: 40.0000%;
	padding-left: 17.0000%;
	padding-right: 0.0000%;
	display: block;
	margin: 0px 0px;
	top:-40px;
	margin-bottom:175px;
	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: right;
	margin-left: 0.000%;
	margin-right: 0.000%;
	display: block;
	width: 40.3673%;
	padding-left: 23.000%;
	padding-right: 0.000%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo6cm.png);
	background-repeat: no-repeat;
	margin: -190px auto;
	height: 120px;
	top: 0px;
	text-align: center;
}
#gallery-position-container {
	clear: both;
	float: left;
	margin-left: 0;
	margin-right: auto;
	width: 90%;
	width: auto;
	display: block;
	margin: -250px auto;
	text-align: left;
	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 ====================== */
/* gallery */
/* ====================== START PORTFOLIO GALLERY ====================== */  
.portfolio-filterable #sidebar {
	width: 80px;
	z-index: 2;
	position: relative;
	text-align: right;
	clear: both;
	float: right;
	
}  /* 1- navi liste  */                    
.portfolio-filterable.layout-sidebar-left #primary, .portfolio-filterable.layout-sidebar-right #primary {
	z-index:1;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;	
 }

.internal_page_item { 
	padding: 5px; 
	border: 3px solid #26282c;
	 float: left; 
	 width: auto; 
	 margin:20px 26.666px 30px 0; 
	 overflow: hidden; 
	 position:relative;
	 -webkit-box-shadow: 0px 0px 30px 2px #333333;
	-moz-box-shadow: 0px 0px 20px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 15px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111; 
}
.layout-sidebar-no .internal_page_item { 
	margin-right:12px; 
	margin-bottom:15px; 
}

ul#gallery_categories_widget {}
ul#gallery_categories_widget li {
	line-height:2em;
	}
#portfolio-gallery { 
	position:relative; 
	width:104%; 
	margin:150px auto;}
#portfolio-gallery ul.gallery-wrap { 
list-style:none; 
margin: 0 0 1em; 
} 
.gallery-wrap li { 
	float:left; 
	position:relative; 
	overflow:hidden; /*height: 300px;*/ } 
/*.gallery-wrap li h5 {font-size:0.86em;position:absolute;display:none;}*/
.gallery-wrap li h5 {
	margin:0;left:
	0px;border-bottom: 
	0px solid #d3d0d0;
	position:absolute;
	text-transform:uppercase;
	top:1px;z-index:9000;
}

.gallery-wrap li h5 a {display:block;padding:8px 10px;color:#000;font-size:11px; text-decoration:none;}
.gallery-wrap li.group { clear:both; }
.gallery-wrap li img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 0;
	text-align: center;
	position: relative;
	
}
a.zoom { 
	position:absolute; 
	width:280px; 
	height:204px; 
	left:5px; 
	top:5px; 
	text-indent:-9999px; 
	background:#000 url('images/icons/zoom.png') center no-repeat }   
.internal_page_item_gallery a.zoom { 
	margin: 6px 6px 
}
.internal_page_item_gallery { 
	margin-top: 0; 
} 
#portfolio-gallery .overlay {
	display:none; 
	background: none repeat scroll 0 0 #FCFCFC;height:100%;
	left:0;overflow: hidden; 
	position: absolute; top: 0; 
	width: 100%;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	background-color: rgba(237, 227, 194, 0.50);
}
#portfolio-gallery .overlay a.icon-more {
	background:url('css_design/zoom52-3.jpg') no-repeat;border-left-width:0px;
	bottom:5px;height:52px;position:absolute;
	right:5px;
	width:52px;
	text-indent:-9999px;
}
#portfolio-gallery .overlay a.icon-zoom {
	background:url('css_design/zoom52-4.jpg') no-repeat;
	padding-bottom:5px;
	bottom:0;
	height:52px;
	position:absolute;
	right:60px;
	text-indent:-9999px;
	width:58px;
}
.overlay src {
	width:40px;
}
#portfolio-gallery .overlay a.handsignatur {
	background:url('css_design/handsignatur1.png') no-repeat;bottom:0; 
	top:155px; height:250px;position:absolute;
	right:46px;text-indent:-9999px;
	width:250px;}

#portfolio-gallery .overlay p {
	color: #666666;
	font-size:12px; 
	margin:50px 10px 10px 10px!important;
}
.no_js #portfolio-gallery .overlay:hover {
	opacity: 1;
}

.layout-sidebar-no .internal_page_item_gallery a.zoom {
	 margin:26px 19px !important; 
}
.layout-sidebar-no .internal_page_item_first a.zoom { 
	margin:26px 7px !important 
}
/*   
.internal_page_item_gallery a.zoom { margin: 26px 16px }
.internal_page_item_first a.zoom { margin: 26px 6px; }
.internal_page_item_last a.zoom { margin: 26px 26px; }
*/
.thumb, .image-border, .gallery-wrap .internal_page_item, #content .portfolio-slider li {
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	/*****/
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	width: 320px; 
	height: 260px; 
}

/* ====================== END PORTFOLIO GALLERY ====================== */          
.rss-design {
	clear: both;
	float: left;
	margin-left: -5.00%;
	margin-right: auto;
	width: 300px;
	display: block;
	height: 34px;
	left:-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;     	
	

}
#gallery-footer-rss-container {
	clear: none;
	float: left;
	margin-left: 1.00%;
	margin-right: auto;
	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: 25px;
	width: 25px;
	margin:-30px auto;
	top:-30px;	
}
.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: 100%;
	display: block;
	background-color: rgba(235, 200, 94, 0.80);
	height: 2px;
	top: 162px;
	position: relative;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	-webkit-box-shadow: 0px 0px 10px 5px #333333;
	-moz-box-shadow: 0px 0px 10px 5px #333333;
	box-shadow: 0px 0px 10px 5px #333333;

}
#gallery-footer-info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #968970;
	height: 0px;
	text-align: center;
	position: relative;
	padding-bottom:0px;
	padding-top:10px;
	margin-top: 0px;
	top:200px;
}
.gallery-footer-kopf {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 100px;
	top: 0;
	left:0px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	text-align: center;
	position: relative;
	padding-top:0px;
}
.text-copyright {
	width: 100%;
	height: 400px
	position: relative;
	font-size: 12px;
	font-weight: normal;
}
.text-copyright a {
	font-size: 11px;
	position: relative;
	text-decoration: none;	
}
.like-my {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	display: block;
	margin:-50px auto;
	padding-left: 0px;
	padding-top: 20px;
	text-align: center;
}
#like-my1 p {
	
	padding-left: 0px;
	top:-20px;
	padding-top: -30px;
	padding-bottom:60px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.like_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: -20px auto;
	left:0px;
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 7.0000%;
	margin-right: 40.0000%;
	width: 72%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: 25px;
	margin-bottom: 20px;
	display: block;
	height: 20px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
}
.titel_img {
	clear: both;
	float: left;
	display: block;
	margin-left: 0px;
	margin-right: auto;
	padding-top: 70px;
}
/* ---------------=================================--------     */
#outerContainer { width:100%; height:136px; margin:auto; position:relative; margin-left:auto; margin-right:auto; text-align:center;}
#imageScroller { width:100%; height:136px; position:relative; background-color: rgba(80, 26, 16, 0.45); url(images/imageScrollerBG1.png) no-repeat; }
#viewer {
	width: 96.5450%;
	height: 136px;
	overflow: hidden;
	position: relative;
	top: 0px;
	float: right;
	margin-top: -10;
	margin-left: 30.0408%;
	margin-right: 1.5408%;
}
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }

/*  ________________________outerContainer */
/* js-disabled class - set image sizes so they all fit in the viewer */
/* ==================================================*/

#FooterRight {
	clear: both;
	float: right;
	margin-left: 0;
	width: auto;
	margin-right: 1.9408%;
	margin-left: 1.9408%;
	display: block;
	padding-top: 10px;
	padding-right: auto;
	padding-bottom: 30px;
	padding-left: 10px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	top:0px;
}

.FooterRightPosition {
	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.50);
	width: 100%;
	height: 75px;
	top:275px;
}
.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 { /* (1) positionieren in CSS -  RSS nur sotcialnetwork font ohne hintergrund*/ 
	clear: both;
	float: left;
	margin-left: 0;
	width: 87%;
	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
================================================== */
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 30px;
	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:280px;
	
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
}
#Footer a {
	text-decoration: none;
}
#footer_navigation {
	clear: both;
	float: 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:335px;
	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: 10px; }/*----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:380px;
	margin: 0px auto;
	background-color: #6d1723;

}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 6%;
	height: 30px;
	display: block;
	position: relative;
	top: 287px;
}
/*-----------------***************---------------/
/* [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;
	margin-left:auto;
	margin-right:0px;
	padding-left:20.00%;
	padding-right:0.00%;
	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;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* (1) rest css bei ( bady header navi ) in gallery css  */
/* ====================== START SIDEBAR ====================== */
#sidebar .last-news .box-post.thumbnail .box-post-body {
	width:55%;
}
#sidebar h3 {
	font-size:1.71em;
}
#sidebar a {
	color:#090807;
}
#sidebar .widget ul {
	margin:0;
	list-style:none;
	font-size:13px;
}
#sidebar .widget a {
	color: #FC0;
	text-decoration: none;
	float: left;
	padding-right:20px;

}

/* ====================== 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;
}   
      
   
}
/********************** 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%;
	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(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//links.png);}
        #dock #network {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//share.png);}
        #dock #menu {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//menu.png);}


        #dock > li:hover {background-position:-35px 0px;}
        
        /* panels */
        #dock ul li {padding:5px; border: solid 1px #F1F1F1;}/*--farb Hinter Text --*/
        #dock ul li:hover {background:#D3DAED url(file:///PowerPro/Applications/XAMPP/xamppfiles/htdocs/%20A%206-Painting%20Art/item_bkg.png) repeat-x; border: solid 1px #A8D8EB;}
        #dock ul li.header, #dock ul li .header:hover {background:#D3DAED url(file:///PowerPro/Applications/XAMPP/xamppfiles/htdocs/%20A%206-Painting%20Art/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: 10.3673%;
	margin-left: 14.9408%;
	margin-right: 0.9408%;
	padding-left:24.9408%;
	padding-right:0.9408%;
	display: block;	
	height: 113px;
	left:50px;
	margin: 0px auto;
	margin-bottom: 50px;
	position: relative;
	top:-40px;
}

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

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

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

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

.social-icons li:first-child {
	margin-left: 0;
}
/*------- effckt haver vordergrund------*/
.social-icons li a{
	color: #fff;
	font-size: 17px;
	line-height: 1em;
	width: 18px;
	height: 18px;
	
	opacity: 0.3;
	filter: alpha(opacity=30);
	
	-webkit-transition: opacity 0.1s linear 0s;	
	   -moz-transition: opacity 0.1s linear 0s;
		 -o-transition: opacity 0.1s linear 0s;
		    transition: opacity 0.1s linear 0s;
}
/*------- effckt haver------*/
.social-icons li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}/*==== Ende Social === */
/* ---" [  " MG web soc an auf " ] "---  */
#MG_webCss_support{clear: both; float: left; width: 38.00%; margin-left:0px; margin-right:auto; padding-left:30.00%; padding-right:0.00%; height: 30%; display: block; margin-top:-350px auto; left:70px; position: relative; top:-480px; padding-left:0.00%;}
#wrapper{width: 100%; height: 100px;} 
    #MG_sco{width: 300px; margin: auto; height: 80px; text-align: center; padding-top: 10px; font-family: Myriad Pro, Arial, Tahoma;}
	#MG_web{width: 300px; margin: auto; height: 78px; text-align: center; margin-top:-30px; font-family: Myriad Pro, Arial, Tahoma;}
    #MG_sco p{text-align: right; color: #b5B5B5;}
  	#MG_web p{text-align: right; color: #b5B5B5;}
	
	.MG_web_text{float:left; display: block; left:-125px; width: 50%; margin-left:0px; margin-right:auto; position: relative; top:-40px; padding-left:0.00%; padding-right:50.00%;}
	.MG_web_text p{float: display: block; left; margin-left:0px; margin-top:0px;}
	.MG_Text_Support{width: 10%; color: #999999; font-size: 12px; letter-spacing: 0px; text-shadow: 1px 0px 0px black; top:-10px; left:20px; margin-left: 0px; margin-right: auto;; position: relative;}
	
	#MG_buttons{ top:0px; padding-bottom:0px;  position: relative;}
	
/* ---" [  " MG web soc an auf " ENDE ] "---  */

/*------------------------------------------*/
#PaintingLogo {
	clear: both;
	float: left;
	width: 45.3673%;
	margin-left: 7.0408%;
	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: -355px;
	margin-right: auto;
	padding-right: 60px;
	padding-left: 0px;
	position: relative;
	height: 80px;
}
#mailPhone {
	clear: none;
	float: right;
	width: 50.7755%;
	margin-left: 0.00%;
	margin-right: 0.00%;	
	display: block;
	margin: 70px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FC0;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #333;
	font-weight: 300;
	
}
#emailPostion i {
	font-weight: bold;	
}
#emailPostion {
	clear: both;
	float: right;
	display: block;
	top: -10px;
	width: 95.5755%;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FC0;
	letter-spacing: 0px;
	text-shadow: 1px 0px 0px #333;
	font-weight: 300;
	margin-top: -395px;
	margin-bottom: 0px;
	position: relative;
	top: 0px;
	margin-right: 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: -5px;
	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: 12px;
	color: #FFF;
	padding-top: 3px;
	top:-190px;
}
.menuePosition {
	margin: -150px 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 -------------*/
/*--- <<<<<<<< [  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: -30px;
	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: 75px;
	left: -80px;
	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  ] >>>>>>>>>---*/ 
/*---*** 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:-275px;
	left:-20px;
	margin: 0px auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-bottom:0px;
	margin-left: auto;
}
#gallery-header-effect {
	clear: none;
	float: none;
	display: block;
	min-width: 750px;
	text-align: center;
	position: relative;
	width: 100%;
	height: 80px;
	margin: 0px auto;
	top: 45px;
	left:-30px;
	margin-bottom: -100px;
	background-image: url(css_design/transparent.png);
	background-repeat: repeat-x;
	/*--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;     		
}
#neonText span {
	width:585px;
	height:58px;
	position:absolute;
	left:0;
	top:-20px;
	
	background:url('css_design/galleryeffekt.png') no-repeat left top;
}
span#version1 {
	z-index:100;
}
span#version2 {
	background-position:left bottom;
	z-index:99;
}
#neonText {
	height:58px;
	margin:0px auto 0;
	top:30px;
	position:relative;
	width:585px;
	text-indent:-9999px;
}
  /* --------------[  END effect  ]----*/

#body-header-titel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#body-header-right {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:0px auto;
	top:0px;
}
#Container_artworks-text {
	clear: both;	
	display: block;
	margin-left: 0px;
	width: 80.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-right: auto;
	text-align: center;	
}
.art-works-text {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 95.9877%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	top: -110px;
	position: relative;
	letter-spacing: 5px;
	letter-spacing: 5px;
	text-shadow: 1px 0px 0px black;
	text-align: center;
	color: #dbcda1;
	padding-top: 12px;
	font-family: josefin sans, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	text-align: center;
}
#body-header-time {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 70.0000%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	margin: -33px 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: 0px;
	left:-75px;
	position: relative;
}
#body-header-navi {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 65.0000%;
	padding-left: 8.0000%;
	padding-right: 0.0000%;
	display: block;
	margin:-490px auto;/*A Header Effect Positionieren */
	top:0px;
	
}
ul#gallery_categories_widget {
	background-color: rgba(237, 227, 197, 0.00);
	height: 20px;
	width: 500px;
	margin-left:0px;
	padding-right:0px;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 18px;
	font-weight: 500;	
}                                               
#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;
	top:45px;/*B Header Text Artwork Painting ... (hinter Effect) Positionieren */
}
/* ============= body-header-navi rest css bei ( START SIDEBAR ) in ende ============ */
#switch-container {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 30.0000%;
	padding-left: 9.2050%;
	padding-right: 0.9550%;
	display: block;
	position: relative;
	top:-490px;
}
/* -------------/  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: 1.085%;
	padding-right: 1.085%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo6cm.png);
	background-repeat: no-repeat;
	margin: -560px auto;
	height: 120px;
	top: -400px;
	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:50px;
	margin-bottom:-220px;
	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 ====================== */
/* gallery */
/* ====================== START PORTFOLIO GALLERY ====================== */  
.portfolio-filterable #sidebar {
	width: 80px;
	z-index: 2;
	position: relative;
	text-align: right;
	clear: both;
	float: right;
	
}  /* 1- navi liste  */                    
.portfolio-filterable.layout-sidebar-left #primary, .portfolio-filterable.layout-sidebar-right #primary {
	z-index:1;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;	
 }

.internal_page_item { 
	padding: 5px; 
	border: 3px solid #26282c;
	 float: left; 
	 width: auto; 
	 margin:20px 26.666px 30px 0; 
	 overflow: hidden; 
	 position:relative;
	 -webkit-box-shadow: 0px 0px 30px 2px #333333;
	-moz-box-shadow: 0px 0px 20px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 15px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111; 
}
.layout-sidebar-no .internal_page_item { 
	margin-right:12px; 
	margin-bottom:15px; 
}

ul#gallery_categories_widget {}
ul#gallery_categories_widget li {
	line-height:2em;
	}
#portfolio-gallery { 
	position:relative; 
	width:104%; 
	margin:150px auto;}
#portfolio-gallery ul.gallery-wrap { 
list-style:none; 
margin: 0 0 1em; 
} 
.gallery-wrap li { 
	float:left; 
	position:relative; 
	overflow:hidden; /*height: 300px;*/ } 
/*.gallery-wrap li h5 {font-size:0.86em;position:absolute;display:none;}*/
.gallery-wrap li h5 {
	margin:0;left:
	0px;border-bottom: 
	0px solid #d3d0d0;
	position:absolute;
	text-transform:uppercase;
	top:1px;z-index:9000;
}

.gallery-wrap li h5 a {display:block;padding:8px 10px;color:#000;font-size:11px; text-decoration:none;}
.gallery-wrap li.group { clear:both; }
.gallery-wrap li img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 0;
	text-align: center;
	position: relative;
	
}
a.zoom { 
	position:absolute; 
	width:280px; 
	height:204px; 
	left:5px; 
	top:5px; 
	text-indent:-9999px; 
	background:#000 url('images/icons/zoom.png') center no-repeat }   
.internal_page_item_gallery a.zoom { 
	margin: 6px 6px 
}
.internal_page_item_gallery { 
	margin-top: 0; 
} 
#portfolio-gallery .overlay {
	display:none; 
	background: none repeat scroll 0 0 #FCFCFC;height:100%;
	left:0;overflow: hidden; 
	position: absolute; top: 0; 
	width: 100%;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	background-color: rgba(237, 227, 194, 0.50);
}
#portfolio-gallery .overlay a.icon-more {
	background:url('css_design/zoom52-3.jpg') no-repeat;border-left-width:0px;
	bottom:5px;height:52px;position:absolute;
	right:5px;
	width:52px;
	text-indent:-9999px;
}
#portfolio-gallery .overlay a.icon-zoom {
	background:url('css_design/zoom52-4.jpg') no-repeat;
	padding-bottom:5px;
	bottom:0;
	height:52px;
	position:absolute;
	right:60px;
	text-indent:-9999px;
	width:58px;
}
.overlay src {
	width:40px;
}
#portfolio-gallery .overlay a.handsignatur {
	background:url('css_design/handsignatur1.png') no-repeat;bottom:0; 
	top:130px; height:auto;position:absolute;
	right:46px;text-indent:-9999px; left:20px;
	width:90%;}

#portfolio-gallery .overlay p {
	color: #666666;
	font-size:12px; 
	margin:40px 10px 10px 10px!important;
}
.no_js #portfolio-gallery .overlay:hover {
	opacity: 1;
}

.layout-sidebar-no .internal_page_item_gallery a.zoom {
	 margin:26px 19px !important; 
}
.layout-sidebar-no .internal_page_item_first a.zoom { 
	margin:26px 7px !important 
}
/*   
.internal_page_item_gallery a.zoom { margin: 26px 16px }
.internal_page_item_first a.zoom { margin: 26px 6px; }
.internal_page_item_last a.zoom { margin: 26px 26px; }
*/
.thumb, .image-border, .gallery-wrap .internal_page_item, #content .portfolio-slider li {
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	/*****/
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	width: 280px; 
	height: auto; 
}

/* ====================== END PORTFOLIO GALLERY ====================== */        
     
.rss-design {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 44px;
	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:-35px auto;
	top:-35px;	
}
.rss-position span {
	clear: both;
	float: left;
	margin-left: 0;
	display: block;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	margin-top: 0px;
	margin-left: 10px;
	text-align: center;
}
#sitelang {
	clear: both;
	float: right;
	margin-left: 0;
	width: 200px;
	display: block;
	height: 45px;
	margin: -400px auto;
	top: 0px;
	color: #333;
}
#gallery-footer-container {
	clear: none;
	float: right;
	margin-left: auto;
	width: 70.0000%;
	padding-left: 0.1050%;
	padding-right: 6.9550%;
	display: block;
	margin-right: 0px;
}
#soc-networks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 60%;
	display: block;
	background-color: rgba(235, 200, 94, 0.80);
	height: 2px;
	top: 162px;
	position: relative;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	-webkit-box-shadow: 0px 0px 10px 5px #333333;
	-moz-box-shadow: 0px 0px 10px 5px #333333;
	box-shadow: 0px 0px 10px 5px #333333;

}
#gallery-footer-info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #968970;
	height: 0px;
	text-align: center;
	position: relative;
	padding-bottom:0px;
	padding-top:10px;
	margin-top: 0px;
	top:70px;
}
.gallery-footer-kopf {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: -125px;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	top: 100px;
	left:0px;
	text-align: center;
	position: relative;
	padding-top:0px;
}
.text-copyright {
	width: 100%;
	height: auto;
	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: -10px 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: 50px;
	margin-bottom: 20px;
	display: block;
	height: 20px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
}
.titel_img {
	clear: both;
	float: left;
	display: block;
	margin-left: 0px;
	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 */
/* ==================================================*/


/*--------------------------*/
#FooterRight {
	clear: none;
	float: left;
	margin-left: 1.9550%;
	margin-right: 8.9550%;
	width: 92%;
	height: 75px;
	display: block;
	text-align: center;
	position: relative;
	top: 65px;
	text-align: center;
}

.FooterRightPosition {
	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.50);
	width: 100%;
	height: 75px;
	top:275px;
}
.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 {
	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: 5px;/*---zwiechen abstand  sozial netzwerks apps ---*/
	list-style: none;
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 10px 0px #860e1e;
	-moz-box-shadow: 0px 0px 10px 0px #860e1e;
	box-shadow: 0px 0px 10px 0px #860e1e;
}

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

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

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

/* ==================================================
   Ende Social Area
================================================== */
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 30px;
	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:20px;
	
	-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:25px;
	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:135px;
	margin: 0px auto;
	background-color: #6d1723;

}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 3.5%;
	padding-left:30.00%;
	height: 30px;
	display: block;
	position: relative;
	top: -24px;
}
/*-----------------***************---------------/
/* [6. Bottom] */

#bottom{

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


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

/* [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;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  rest css bei ( bady header navi ) in gallery css  */
/* ====================== START SIDEBAR ====================== */
#sidebar .last-news .box-post.thumbnail .box-post-body {
	width:55%;
}
#sidebar h3 {
	font-size:1.71em;
}
#sidebar a {
	color:#090807;
}
#sidebar .widget ul {
	margin:0;
	list-style:none;
	font-size:13px;
}
#sidebar .widget a {
	color: #FC0;
	text-decoration: none;
	float: left;
	padding-right:20px;

}

/* ====================== 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;
}
}


/************** 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:100px; margin: 0 0 1px 0; background-color:#dcdcdc;
                     background-repeat:no-repeat; background-position:left center;}
        
        #dock #MG_links {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//links.png);}
        #dock #network {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//share.png);}
        #dock #menu {background-image:url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.cssDesign//menu.png);}


        #dock > li:hover {background-position:-35px 0px;}
        
        /* panels */
        #dock ul li {padding:5px; border: solid 1px #F1F1F1;}/*--farb Hinter Text --*/
        #dock ul li:hover {background:#D3DAED url(file:///PowerPro/Applications/XAMPP/xamppfiles/htdocs/%20A%206-Painting%20Art/item_bkg.png) repeat-x; border: solid 1px #A8D8EB;}
        #dock ul li.header, #dock ul li .header:hover {background:#D3DAED url(file:///PowerPro/Applications/XAMPP/xamppfiles/htdocs/%20A%206-Painting%20Art/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: 30.3673%;
	margin-left: 1.00%;
	display: block;	
	margin-right: auto;
	height: 113px;
	margin: 0px aüto;
	margin-bottom: 56px;
	position: relative;
	padding-left:0px;
	left:-17px;
	top:-35px;
}

/*------------------------------------------*/
#social_network {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 30%;
	padding-left:35.00%;
	padding-right:7.00%;
	display: block;
	margin: 15px auto;
	margin-bottom: 15px;
	position: relative;
}

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

.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 === */
/* ---" [  " MG web soc an auf " ] "---  */
#MG_webCss_support{clear: both; float: left; width: 38.00%; margin-left:0px; margin-right:auto; padding-left:0.00%; padding-right:25.00%; height: 30%; display: block; margin-top:0px auto; left:-10px; position: relative; top:200px; padding-left:0.00%;}
#wrapper{width: 100%; height: 100px;} 
    #MG_sco{width: 300px; margin: auto; height: 80px; text-align: center; padding-top: 10px; font-family: Myriad Pro, Arial, Tahoma;}
	#MG_web{width: 300px; margin: auto; height: 78px; text-align: center; margin-top:-30px; font-family: Myriad Pro, Arial, Tahoma;}
    #MG_sco p{text-align: right; color: #b5B5B5;}
  	#MG_web p{text-align: right; color: #b5B5B5;}
	
	.MG_web_text{float:left; display: block; left:-125px; width: 50%; margin-left:0px; margin-right:auto; position: relative; top:-40px; padding-left:0.00%; padding-right:50.00%;}
	.MG_web_text p{float: display: block; left; margin-left:0px; margin-top:0px;}
	.MG_Text_Support{width: 10%; color: #999999; font-size: 12px; letter-spacing: 0px; text-shadow: 1px 0px 0px black; top:-10px; left:20px; margin-left: 0px; margin-right: auto;; position: relative;}
	
	#MG_buttons{ top:0px; padding-bottom:0px;  position: relative;}
	
/* ---" [  " MG web soc an auf " ENDE ] "---  */

/*-------------------------*/
#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: -185px;
	margin-right: auto;
	padding-right: auto;
	padding-left: 0px;
	position: relative;
	height: 80px;
	left: -10px;
	top: -140px;
}
#mailPhone {
	clear: none;
	float: right;
	width: 55.5755%;
	padding-left: 30.00%;
	padding-right: 5.00%;
	display: block;
	margin: 0px auto;	
	margin-right: 25px;
	margin-left: auto;	
}
#emailPostion i {
	font-weight: bold;	
}
#emailPostion {
	clear: both;
	float: right;
	display: block;
	top: -10px;
	margin-left:auto;
	margin-right: 0px;
	width: 50.5755%;
	padding-left: 70.00%;
	padding-right: 0.00%;
	margin-top: -280px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FC0;
	letter-spacing: 1px;
	text-shadow: 1px 0px 0px #333;
	font-weight: 300;
	position: relative;
}
.Mail-img {
	margin: right 0px;
	float: right;
	margin-top: 0px;
	margin-right: 190px;
	margin-left: auto;
	margin: 0px auto;
}
.email {
	top: 0px;
	clear: right;
	margin: -20px auto;
	margin-right: 20px;
	float: right;
	color: #585856;
}
.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: -20px 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 -------------*/
/*--- <<<<<<<< [  MG header Kopf Blau  ] >>>>>>>>>---*/ 
.container_logoblau {
	clear: both;
	float: left;
	margin-left: 0px;
	margin-right: auto;
	width: 15.5%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	margin: 0px auto;
	top: 0px;
	left: 0px;
	position: relative;
}
#headerkopf_MG_logoblau {
	clear: both;
	float: left;
	margin-left: -5.00%;
	margin-right: auto;
	width: 10%;
	padding-left: -20.0000%;
	padding-right: 10.0000%;
	display: block;
	margin: 0px auto;
	top: 70px;
	left: -100px;
	right: 120px;
	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  ] >>>>>>>>>---*/ 
#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:-300px;
	margin:0px auto;
	margin-bottom:0px;
	margin-right: auto;
	margin-bottom: -15px;
	padding-bottom: 0px;
	margin-left: auto;
}
#gallery-header-effect {
	clear: none;
	float: none;
	display: block;
	min-width: auto;
	text-align: center;
	position: relative;
	width: 100%;
	max-width: 1226px;
	height: 80px;
	margin: 0px auto;
	top: 42px;
	left: -20px;
	margin-bottom: 0px;
	background-image: url(css_design/transparent.png);
	background-repeat: repeat-x;
	/*--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;     	
	
	
}
#neonText span {
	width:585px;
	height:58px;
	position:absolute;
	left:0;
	top:-20px;
	
	background:url('css_design/galleryeffekt.png') no-repeat left top;
}
span#version1 {
	z-index:100;
}
span#version2 {
	background-position:left bottom;
	z-index:99;
}
#neonText {
	
	height:58px;
	margin:0px auto 0;
	top:30px;
	position:relative;
	width:585px;
	text-indent:-9999px;
}
  /* --------------[  END effect  ]----*/

#body-header-titel {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#body-header-right {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin:0px auto;
	top:0px;
}
#Container_artworks-text {
	clear: both;
	
	display: block;
	margin-left: 0px;
	width: 80.0000%;
	padding-left: 0.1050%;
	padding-right: 0.9550%;
	margin-right: auto;
	text-align: center;	
}
.art-works-text {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 95.9877%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	display: block;
	top: -115px;
	position: relative;
	letter-spacing: 5px;
	letter-spacing: 10px;
	text-shadow: 1px 0px 0px black;
	text-align: center;
	color: #dbcda1;
	padding-top: 12px;
	font-family: josefin sans, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	text-align: center;
}
#body-header-time {
	clear: both;
	float: left;
	margin-left: 0;
	width: 40.0000%;
	padding-left: 0.00%;
	padding-right: 52.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:165px;
	left:-80px;
	position: relative;
}
#body-header-navi {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin: -30px auto;/*A Header Effect Positionieren */
	top:0px;
}
ul#gallery_categories_widget {
	background-color: rgba(237, 227, 197, 0.00);
	height: 20px;
	width: 800px;
	margin-left: 0px;
	padding-right: 0px;
	font-family: 'Oswald', Dosis, sans-serif;
	font-size: 18px;
	font-weight: 500;
}                                               
#sidebar {
	background-color: rgba(237, 227, 197, 0.00);
	margin: 0px auto;
	clear: both;
	float: left;
	display: block;
	width: 70.8673%;
	margin-left:12px;
	left:-60px;
	top:140px;/*B Header Text Artwork Painting ... (hinter Effect) Positionieren */
	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 ============ */
#switch-container {
	clear: both;
	float: left;
	margin-left: 0;
	width: 40.0000%;
	padding-left: 9.3050%;
	padding-right: 50.9550%;
	display: block;
	margin: 0px 0;
	position: relative;
	top:80px;
	left:-40px;
	overflow: hidden;
}
ul.thumb_view li{ width: 250px; } <span style="color: #777;">/*--Switch the width
to accommodate for the three column layout--*/</span>
ul.thumb_view li h2 { display: inline; }
ul.thumb_view li p{ display: none; }
ul.thumb_view li .content_block a img { margin: 0 0 10px; }
/* -------------/  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: right;
	margin-left: auto;
	display: block;
	width: 22.3673%;
	padding-left: 0.985%;
	padding-right: 0.985%;
	background-image: url(http://www.masoud-ghafouri.com/MG.artarshiv/MG.logos/artLogo6cm.png);
	background-repeat: no-repeat;
	margin: 0px auto;
	height: 120px;
	top: 125px;
	position: relative;
}
#gallery-position-container {/*  []  */
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	width: auto;
	display: block;
	margin: -40px auto;
	text-align: center;
	position: static;
	padding-bottom:40px;
	margin-bottom:-270px;
	padding-bottom:-270px;
	/*---*/
	background-color: rgba(78, 89, 158, 0.10);/*---- farb Gallery Transparent hinter grund ------*//*background-color: #e4f1f9;*/
	-webkit-box-shadow: 0px 0px 10px 2px #333333;
	-moz-box-shadow: 0px 0px 10px 2px #333333;
	box-shadow: 0px 0px 10px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 5px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 30px 2px #111111;
	
	/*-- hiermit alle ecke sind rund -*/
	border:8px solid #6d1723; 
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 5px;
    vertical-align: middle; 
}
#pagination {/*seiten blaten  */
	clear: both;
	width: 100%;
	display: block;
	margin: 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 ====================== */

/* gallery */
/* ====================== START PORTFOLIO GALLERY ====================== */  
.portfolio-filterable #sidebar {
	width: 80px;
	z-index: 2;
	position: relative;
	text-align: right;
	clear: both;
	float: right;
	
}  /* 1- navi liste  */                    
.portfolio-filterable.layout-sidebar-left #primary, .portfolio-filterable.layout-sidebar-right #primary {
	z-index:1;
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;	
 }

.internal_page_item { 
	padding: 5px; 
	border: 3px solid #26282c;
	 float: left; 
	 width: auto; 
	 margin:20px 26.666px 30px 0; 
	 overflow: hidden; 
	 position:relative;
	 -webkit-box-shadow: 0px 0px 30px 2px #333333;
	-moz-box-shadow: 0px 0px 20px 2px #333333;
	box-shadow: 0px 0px 30px 2px #333333;
	
	-webkit-box-shadow: 0px 0px 15px 2px #111111;
	-moz-box-shadow: 0px 0px 15px 2px #111111;
	box-shadow: 0px 0px 10px 2px #111111; 
}
.layout-sidebar-no .internal_page_item { 
	margin-right:12px; 
	margin-bottom:15px; 
}

ul#gallery_categories_widget {}
ul#gallery_categories_widget li {
	line-height:2em;
	}
#portfolio-gallery { 
	position:relative; 
	width:104%; 
	margin:150px auto;}
#portfolio-gallery ul.gallery-wrap { 
list-style:none; 
margin: 0 0 1em; 
} 
.gallery-wrap li { 
	float:left; 
	position:relative; 
	overflow:hidden; /*height: 300px;*/ } 
/*.gallery-wrap li h5 {font-size:0.86em;position:absolute;display:none;}*/
.gallery-wrap li h5 {
	margin:0;left:
	0px;border-bottom: 
	0px solid #d3d0d0;
	position:absolute;
	text-transform:uppercase;
	top:1px;z-index:9000;
}

.gallery-wrap li h5 a {display:block;padding:8px 10px;color:#000;font-size:11px; text-decoration:none;}
.gallery-wrap li.group { clear:both; }
.gallery-wrap li img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 0;
	text-align: center;
	position: relative;
	
}
a.zoom { 
	position:absolute; 
	width:280px; 
	height:204px; 
	left:5px; 
	top:5px; 
	text-indent:-9999px; 
	background:#000 url('images/icons/zoom.png') center no-repeat }   
.internal_page_item_gallery a.zoom { 
	margin: 6px 6px 
}
.internal_page_item_gallery { 
	margin-top: 0; 
} 
#portfolio-gallery .overlay {
	display:none; 
	background: none repeat scroll 0 0 #FCFCFC;height:100%;
	left:0;overflow: hidden; 
	position: absolute; top: 0; 
	width: 100%;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	background-color: rgba(237, 227, 194, 0.50);
}
#portfolio-gallery .overlay a.icon-more {
	background:url('css_design/zoom52-3.jpg') no-repeat;border-left-width:0px;
	bottom:5px;height:52px;position:absolute;
	right:5px;
	width:52px;
	text-indent:-9999px;
}
#portfolio-gallery .overlay a.icon-zoom {
	background:url('css_design/zoom52-4.jpg') no-repeat;
	padding-bottom:5px;
	bottom:0;
	height:52px;
	position:absolute;
	right:60px;
	text-indent:-9999px;
	width:58px;
}
.overlay src {
	width:40px;
}
#portfolio-gallery .overlay a.handsignatur {
	background:url('css_design/handsignatur1.png') no-repeat;bottom:0; 
	top:140px; height:250px;position:absolute;
	right:46px;text-indent:-9999px;
	width:250px;}

#portfolio-gallery .overlay p {
	color: #666666;
	font-size:12px; 
	margin:50px 10px 10px 10px!important;
}
.no_js #portfolio-gallery .overlay:hover {
	opacity: 1;
}

.layout-sidebar-no .internal_page_item_gallery a.zoom {
	 margin:26px 19px !important; 
}
.layout-sidebar-no .internal_page_item_first a.zoom { 
	margin:26px 7px !important 
}
/*   
.internal_page_item_gallery a.zoom { margin: 26px 16px }
.internal_page_item_first a.zoom { margin: 26px 6px; }
.internal_page_item_last a.zoom { margin: 26px 26px; }
*/
.thumb, .image-border, .gallery-wrap .internal_page_item, #content .portfolio-slider li {
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	/*****/
	display:-webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	width: 320px; 
	height: 260px; 
}

/* ====================== END PORTFOLIO GALLERY ====================== */          
.rss-design {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: block;
	height: 44px;
	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: 35px;
	width: 35px;
	margin:-40px auto;
	top:-40px;	
}
.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 {/* hier mit margin auto kann man Footer SOC networt Platz Positioniren */ 
	clear: none;
	float: right;
	margin-left: auto;
	width: 70.0000%;
	padding-left: 0.1050%;
	padding-right: 6.9550%;
	display: block;
	margin-right: 0px;
}
#soc-networks {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: rgba(235, 200, 94, 0.80);
	height: 2px;
	top: 162px;
	position: relative;
	background-color: rgba(54, 53, 52, 0.20);/*---- farb hinter grund ------*/
	-webkit-box-shadow: 0px 0px 10px 5px #333333;
	-moz-box-shadow: 0px 0px 10px 5px #333333;
	box-shadow: 0px 0px 10px 5px #333333;

}
#gallery-footer-info {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #968970;
	height: 0px;
	text-align: center;
	position: relative;
	padding-bottom:0px;
	padding-top:10px;
	margin-top: 0px;
	top:200px;
}
.gallery-footer-kopf {
	clear: both;
	margin-left: 0;
	display: block;
	margin-top: -125px;
	top: 0;
	left:0px;
	text-align: center;
	position: relative;
	padding-top:0px;
	margin-bottom:-150px;
}
.text-copyright {
	width: 100%;
	height: 400px
	position: relative;
	font-size: 12px;
	font-weight: normal;
}
.text-copyright a {
	font-size: 11px;
	position: relative;
	text-decoration: none;	
}
.like-my {
	clear: both;
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 60%;
	display: block;
	padding-left: 0px;
	padding-top: 0px;
	margin:-40px auto;
	text-align: center;
}
#like-my1 p {
	
	padding-left: 0px;
	top:-20px;
	padding-top: -30px;
	padding-bottom:60px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.like_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: -10px auto;
	left:0px;
}
.facebook_gefaelltMir {
	clear: both;
	float: left;
	margin-left: 5.5000%;
	margin-right: 40.0000%;
	width: 86%;
	padding-left: 0.0000%;
	padding-right: 0.0000%;
	margin-top: 20px;
	margin-bottom: 20px;
	display: block;
	height: 20px;
	background-color: rgba(0,255,51,0.30);/*---- farb hinter grund ------*/
	color: #C93;
}
.titel_img {
	clear: both;
	float: left;
	display: block;
	margin-left: 0px;
	margin-right: auto;
	padding-top: 70px;
}
/* ---------------=================================--------     */

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

/*  ________________________outerContainer */
/* js-disabled class - set image sizes so they all fit in the viewer */
/* ==================================================*/

#FooterRight {
	clear: both;
	float: right;
	margin-left: 0;
	width: auto;
	margin-right: 1.9408%;
	margin-left: 1.9408%;
	display: block;
	padding-top: 10px;
	padding-right: auto;
	padding-bottom: 30px;
	padding-left: 10px;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	top:0px;
	
	
}

.FooterRightPosition {
	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.50);
	width: 100%;
	height: 75px;
	top:275px;
}
.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: -5px;
	position: relative;
	background-color: rgba(1, 1, 1, 00.0);	
}
/* ==================================================
   Social Area
================================================== */
/*----- für postionern sozial netzwerks in center Footer ------*/
#social-area {
    text-align: center;
}

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

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

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

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

/* ==================================================
   Ende Social Area
================================================== */
#Footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	height: 50px;
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 10px;
	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:82px;
	-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:132px;
	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:200px;
	margin: 0px auto;
	background-color: #6d1723;

}
#go_up {
	clear: both;
	float: right;
	margin-left: auto;
	margin-right: 0px;
	width: 6%;
	height: 30px;
	display: block;
	position: relative;
	top: 85px;
}
/*-----------------***************---------------/
/* [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;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*  rest css bei ( bady header navi ) in gallery css  */
/* ====================== START SIDEBAR ====================== */
#sidebar .last-news .box-post.thumbnail .box-post-body {
	width:55%;
}
#sidebar h3 {
	font-size:1.71em;
}
#sidebar a {
	color:#090807;
}
#sidebar .widget ul {
	margin:0;
	list-style:none;
	font-size:13px;
}
#sidebar .widget a {
	color: #FC0;
	text-decoration: none;
	float: left;
	padding-right:20px;

}

/* ====================== 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;
}		

}