*
{
	margin: 0;
	padding: 0;
}

html,
body,
#MAIN
{
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	overflow-x: hidden;
	background-color: #F5F5F5;

}

a:focus {
    outline: none;
}

#MAIN
{
	-webkit-transition: all 0.5s ease-in;
	  -moz-transition: all 0.5s ease-in;
	  -ms-transition: all 0.5s ease-in;
	  -o-transition: all 0.5s ease-in;
	  transition: all 0.5s ease-in;
	
	padding-left: 40%;
	padding-right: 200px;
}


	#IMAGE
	{
		-webkit-transition: all 0.5s ease-in;
	  -moz-transition: all 0.5s ease-in;
	  -ms-transition: all 0.5s ease-in;
	  -o-transition: all 0.5s ease-in;
	  transition: all 0.5s ease-in;
		
		position: fixed;
		left: 40%;
		overflow-y: auto;
		z-index: 1000;
		margin-left: -40%;
		width: 40%;
		height: 100%;
		border-right: 5px solid #AC1E59;
	   		background-position: left;
	   		background-size: cover;
	    	background-repeat: no-repeat;
		
	}
	
		
	
	#MAINCONTENT
	{
		float: left;
		background-color: #F5F5F5;
		width: 100%;
		min-height: 100%;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
		#MAIN #menue
		{
			-webkit-transition: all 0.7s ease-in;
		  -moz-transition: all 0.7s ease-in;
		  -ms-transition: all 0.7s ease-in;
		  -o-transition: all 0.7s ease-in;
		  transition: all 0.7s ease-in;
			
			
			position: absolute;
			left: 0px;
			z-index: 1001;
			overflow: hidden;
			padding: 0;
			margin: 0px;
			-webkit-box-shadow: 0px 20px 15px -10px rgba(0,0,0);
			box-shadow: 0px 20px 15px -10px rgba(0,0,0);
			width: auto;
			min-height: 10px;			
			margin-top: -735px;
		}
		
		#MAIN #menue:hover
		{
			-webkit-transition: all 0.5s ease-in;
		  -moz-transition: all 0.5s ease-in;
		  -ms-transition: all 0.5s ease-in;
		  -o-transition: all 0.5s ease-in;
		  transition: all 0.5s ease-in;
	
			margin-top: 0px;
		}
		
		#MENUE_TEXT
		{
			
				height: 20px;
                line-height: 20px;
            padding-top: 10px;
            padding-bottom: 25px;
				width: auto;
				background-color: #AC1E59;
				text-align: center;
				color: #F5F5F5;
				
		
		}
		
		
			#MAIN #menue #test
			{
				width: auto;
				min-height: 10px;
				height: auto;
				background-color: #F5f5f5;
				padding: 0;
				margin: 0;
			}
			
				#MAIN #menue #test li
				{
					width: 100%;
					text-align: center;
				}
				
				#MAIN #menue #test li:hover
				{
					background: none;
					
				}
				
					#MAIN #menue #test li a
					{
						width: 100%;
						text-align: center;
						padding: 0;
						margin: 0;
					}
					
					#MAIN #menue #test li a:hover
					{
						color: #AC1E59;
						text-decoration: underline;
					}
					
					#MAIN #menue #test li .activeTop
					{
						text-decoration: underline;
						color: #AC1E59;
					}
				
					
	#MAIN nav
	{
		
	-webkit-transition: all 0.5s ease-in;
	  -moz-transition: all 0.5s ease-in;
	  -ms-transition: all 0.5s ease-in;
	  -o-transition: all 0.5s ease-in;
	  transition: all 0.5s ease-in;
		
		position: fixed;
		right: 200px;
		overflow-y: auto;
		z-index: 1000;
		background-color: #F5F5F5;
		margin-right: -200px;
		width: 200px;
		min-height: 100%;
   
    	-webkit-box-shadow:inset 5px 0 5px 0 rgba(0,0,0,.1);
		box-shadow:inset 5px 0 5px 0 rgba(0,0,0,.1);
		
	}
	
		#MAIN nav #LOGO
		{
			width: 150px;
			height: 60px;
		    margin: 25px 0px 25px 25px;  /*top;right; bottom; left*/
			background-image: url(../images/DekoMoments_Logo_200x81.png);
			background-size: cover;
			 
		}
	
		#MAIN nav ul
		{
			list-style: none;
			width: 200px;
			font-size: 20px;
		}
		
			#MAIN nav ul li
			{
				 -webkit-transition: all ease 1s;
		 		 -moz-transition: all ease 1s;
				  -ms-transition: all ease 1s;
				  -o-transition: all ease 1s;
		 		 transition: all ease 1s;
		 		 
				 width: 0;
			}
			
			#MAIN nav ul li:hover
			{
				 -webkit-transition: all ease 1s;
		 		 -moz-transition: all ease 1s;
				  -ms-transition: all ease 1s;
				  -o-transition: all ease 1s;
		 		 transition: all ease 1s;
		 		 
				 background-color: #ac1e59;
				 color:#F5F5F5;
				 width: 100%;
			}
		
				#MAIN nav ul li a
				{
					-webkit-transition: all ease 1s;
		 		 	-moz-transition: all ease 1s;
				 	 -ms-transition: all ease 1s;
				 	 -o-transition: all ease 1s;
		 		 	transition: all ease 1s;
					
					display: block;
					width: 180px;
					min-height: 1px;
					height: auto;
					padding: 10px 0px 10px 20px;
					text-decoration: none;
					color: #8d8886;
				}
				
				#MAIN nav ul li a:hover
				{
					-webkit-transition: all ease 1s;
		 			 -moz-transition: all ease 1s;
					  -ms-transition: all ease 1s;
					  -o-transition: all ease 1s;
		 			 transition: all all ease 1s;
					
					color:#F5F5F5;
				}
				
				#MAIN nav ul li .firstAnchor
				{
					-webkit-transition: all ease 1s;
		 		 	-moz-transition: all ease 1s;
					  -ms-transition: all ease 1s;
				 	 -o-transition: all ease 1s;
		 			 transition: all all ease 1s;
					width: 200px;
					background-color: #e3e4e4;
					-webkit-box-shadow:inset 5px 0 5px 0 rgba(0,0,0,.3);
					box-shadow:inset 5px 0 5px 0 rgba(0,0,0,.3);
				}
				
				#MAIN nav ul li .active,
				#MAIN nav ul li .firstAnchor:hover
				{
					transition: all ease 1s;
					color: #AC1E59;
				}
			
			
		#MAIN nav .telefon
		{
			position: relative;
			bottom: 10px;
			width: 180px;
			margin-left: 15px;
			margin-top: 40%;
			font-size: 16px;
			
		}

		
/***********************************************************************************************/
/***************************************Dekoservice*********************************************/
/***********************************************************************************************/
		
		
		.galleriebox
		{
			/*border: 1px solid #A19E9C;*/
		}
		
		.gallerietext
		{
			text-align: center;
		}
		
		.gallerietext h3
		{
            font-size: 18px;
			margin:0;
			padding: 5px 0px 5px 0px;
			background-color: #AC1E59;
			color: #F5F5F5;
		}
		
		.float-shadow,
		.top
		{
			margin-top: 70px;
			
			-webkit-transition: all ease 0.2s;
 		 	-moz-transition: all ease 0.2s;
			  -ms-transition: all ease 0.2s;
		 	 -o-transition: all ease 0.2s;
 			 transition: all all ease 0.2s;
			
		}
		
		.float-shadow:hover
		{
			-webkit-transition: all ease 0.5s;
 		 	-moz-transition: all ease 0.5s;
			  -ms-transition: all ease 0.5s;
		 	 -o-transition: all ease 0.5s;
 			 transition: all all ease 0.5s;
		
			margin-top: 60px;
			-webkit-box-shadow: 0 15px 25px -140px #000000;
			box-shadow: 0 50px 25px -40px #000000;
				
		}
			

/***********************************************************************************************/
/***************************************REFERENZEN**********************************************/
/***********************************************************************************************/
			
	.underline
	{
		border-bottom: 2px solid #8d8886;
		padding: 0;
	}		

	#MAINCONTENT a .col-md-6 h5,
	#MAINCONTENT a .col-md-4 img
	{
		margin: 10px 0px 15px 0px;
	}
	
	#MAINCONTENT a
	{
		text-decoration: none;
		color: #8d8886;
	}
	
	#MAINCONTENT a:hover
	{
		color: #AC1E59;
	}
	
	#MAINCONTENT a .col-md-6 p
	{
		font-size: 12px;
	}
	
	
	
	form
	{
		border: 2px solid #A19E9C;
		border-bottom-left-radius: 15px;
			border-top-right-radius: 15px;
			margin-top: 20px;
			padding-top: 20px;
			padding-bottom: 20px;
		
	}
		
			
		input
		{
			-webkit-transition: all ease 0.5s;
 		 	-moz-transition: all ease 0.5s;
			  -ms-transition: all ease 0.5s;
		 	 -o-transition: all ease 0.5s;
 			 transition: all all ease 0.5s;
			
			width: 100%;
			font-size: 16px;
			margin-bottom: 20px;
			padding: 5px;
			border-bottom-left-radius: 15px;
			border-top-right-radius: 15px;
			border: 2px solid #A19E9C;
		}	
		
		input:hover,
		textarea:hover
		{
			
			-webkit-transition: all ease 0.5s;
 		 	-moz-transition: all ease 0.5s;
			  -ms-transition: all ease 0.5s;
		 	 -o-transition: all ease 0.5s;
 			 transition: all all ease 0.5s;
 			 
 			 border-color: #AC1E59;
			-webkit-box-shadow: 0 0 5px 2px #AC1E59;
			box-shadow: 0 0 5px 2px #AC1E59;
		}
		
		textarea
		{
			width: 100%;
			border-bottom-left-radius: 15px;
			border-top-right-radius: 15px;
			border: 2px solid #A19E9C;
			padding: 5px;
		}
		
		button,
		.b
		{
			background-color: #AC1E59;
			border-color: #AC1E59;
			padding: 5px 20px 5px 20px;
			margin-top: 20px;
			color: #F5F5F5;
			font-size: 20px;
			width: 100%;
			
				border-bottom-left-radius: 15px;
			border-top-right-radius: 15px;
			
		}
		
		button:hover,
		.b:hover
		{
			background-color: #8c2852;
			border-color: #8C2852;
		}
		
		.partnerLogo
		{
			/*width: 100%;
			height: 116px;
            background-size: cover;
            background-position: center;*/
            margin-bottom: 5px;
			
		}

        .partnerLogo img{

            margin-left: auto;
            margin-right: auto;

        }
		
		
		
			
		
/***********************************************************************************************/
/***************************************MEDIENWEICHE********************************************/
/***********************************************************************************************/
		
@media (max-width:900px) 
{

	#MAIN 
	{
	  padding-left: 0;
	}
	
	#IMAGE {
	  left: 0;
	}

}

@media (max-width:500px) 
{

	#MAIN 
	{
	  padding-right: 0px;
	}
	
	#MAIN nav 
	{
	  right: 0px;
	}
	
	#MAIN #menue
	{
		margin-top: -170px;
		
	}

    #MAIN #menue.imp{

        margin-top: 0px;
        cursor: pointer;
        text-decoration: none;
        color: #ffffff;

    }

    #MAIN #menue.imp:hover{

        text-decoration: none;

    }


}