/* Hjemmeside for Urban Art Generator Aps. */


/* mac hide\*/
 html, body {height:100%}
/* end hide */

body {

		 height:100%;
		 min-height:100%;		 
		 width:100%;
		 padding:0;					
		 margin:0;
		 position:relative;		 
		 text-align:center;
/*		 background-color: #ffffff; */
		 background-color: #e5b544; 
}

/*
html>body #side{height:auto;}/* for mozilla as IE treats height as min-height anyway*/


#side{

	   
		 height:1300px;
	   width:1300px;

/*	
		 width:80%;
*/
		 padding:0px;
		 border:0px;							 
     
/*		 margin:auto;
*/
		 margin-left:auto;
		 margin-right:auto;
		 		 
		 position:relative;

 		 

}

#midt_index{

		 padding:0px;
		 border:0px;							 
     
		 margin:auto;
	
/*		 margin-left:auto;
		 margin-right:auto;
*/		 
	 		 

		 height:1300px;
		 width:1300px; 

/*
		 height:800px;
		 width:1100px; */

/*
		 position:absolute;

*/		 		 
		 position:relativ;


		 border:0px;
		 padding:0px;					
		 		 
/*
		 background-color: #b68f32;
*/ 
}

#midt_kontakt{

		 padding:0px;
		 border:0px;							 
     
		 margin:auto;
	
/*		 margin-left:auto;
		 margin-right:auto;
*/		 
	 		 

		 height:1300px;
		 width:1300px; 

/*
		 height:800px;
		 width:1100px; */

/*
		 position:absolute;

*/		 		 
		 position:relativ;


		 border:0px;
		 padding:0px;					
		 		 
/*		 
		 background-color: #826520;
*/		 
 
		 background-color: #6f561b;
 
 
}


#pic1{
		 position:absolute;
		 left:60px;
		 top:90px;

		 border:0px;			
		 margin:0px;		 
		 padding:0px;

/*		 padding_left:10px;
		 padding_bottom:10px;
*/		 
		 
}
#pic2{
		 position:absolute;
		 left:350px;
		 top:250px;
/*		 top:8px; */		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;

/*		 padding_left:10px;
		 padding_bottom:10px;
*/		 
		 
}
#pic3{
		 position:absolute;
		 left:510px;
		 top:90px;
/*		 top:8px; */		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;

/*		 padding_left:10px;
		 padding_bottom:10px;
*/		 	 
}
#pic4{
		 position:absolute;
		 left:830px;
		 top:250px;
/*		 top:8px; */		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;

/*		 padding_left:10px;
		 padding_bottom:10px;
*/		  
}
#pic5{
		 position:absolute;
		 left:960px;
		 top:90px;
/*		 top:8px; */		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;

/*		 padding_left:10px;
		 padding_bottom:10px;
*/		 	 
}
#pic5{
		 position:absolute;
		 left:920px;
		 top:90px;
/*		 top:8px; */		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;

/*		 padding_left:10px;
		 padding_bottom:10px;
*/		 	 
}
#pic5{
		 position:absolute;
	 
		 left:920px;
		 top:90px;

		 border:0px;			
		 margin:0px;		 
		 padding:0px;
}

#UAG{
		 
		 position:absolute;

		 /* 100 % */
/*		 
		 left:160px;
		 top:560px;		 		 
*/

		 /* 120 % */
/*		 
		 left:65px;
		 top:610px;		 		 
*/

		 /* 130 % */
		 
		 left:40px;
		 top:620px;		 		 
	 
		 border:0px;
		 padding:0px;					
}

#kontakt_pic{
		 position:absolute;
		 left:0px;
		 top:0px;
/*		 top:8px; */		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;
}

.steen{
 		 position:absolute;
     width: 300px;
     height: 155px;

		 left:80px;
		 top:870px;

		 border:0px;			
		 margin:0px;		 
		 padding:0px;
		 overflow:hidden;		 
}

.nico{
 		 position:absolute;
		 left:505px;
		 top:870px;		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;
}

.peter{
 		 position:absolute;
		 left:900px;
		 top:870px;		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;
}

.pil{
 		 position:absolute;
     width: 187px;
     height: 105px;
		 		
		 left:75px;
		 top:1165px;		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;
		 overflow:hidden;
}

.pil:hover{
/*  
	background:url("Billeder til hjemmeside/Kontakt_roed.png") no-repeat 50% 50%;
*/	
/*  
	background:url("Billeder til hjemmeside/Kontakt_gul2.png") no-repeat 50% 50%;
*/	

  background:url("Billeder til hjemmeside/pil_hover2.png") no-repeat 50% 50%;
  background-size:cover;
}

#cvr{
 		 position:absolute;
/*   CVR.png
		 left:360px;
		 top:1100px;
*/
/*   CVR2   */
		 left:425px;
		 top:1200px;
		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;
}

/*
#kontakt_1{
		 position:absolute;
		 left:540px;
		 top:750px;		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;	 
		 overflow: hidden
}
*/

.kontakt_1{

     width: 200px;
     height: 63px;

		 position:absolute;
		 left:535px;
		 top:950px;		 

		 border:0px;			
		 margin:0px;		 
		 padding:0px;	 
		 overflow: hidden
}

.kontakt_1:hover{
/*  
	background:url("Billeder til hjemmeside/Kontakt_roed.png") no-repeat 50% 50%;
*/	
/*  
	background:url("Billeder til hjemmeside/Kontakt_gul2.png") no-repeat 50% 50%;
*/	

  background:url("Billeder til hjemmeside/Kontakt_grafik.png") no-repeat 50% 50%;
  background-size:cover;
}
		  

.fade-in {
		 opacity: 0;		 
		 animation: fadeIn 6s;	 	
		 	 
    -webkit-animation: fadeIn 6s;		
     -moz-animation: fadeIn 6s;
     -o-animation: fadeIn 6s;
     -ms-animation: fadeIn 6s;
		 
		 -webkit-animation-fill-mode: forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
		 -moz-animation-fill-mode: forwards;
		 -o-animation-fill-mode: forwards;
     -ms-animation-fill-mode: forwards; 		 
		 animation-fill-mode: forwards;
}

@keyframes fadeIn {
     0% { opacity: 0; }
     100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
     0% { opacity: 0; }
     100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
     0% { opacity: 0; }
     100% { opacity: 1; }
}

@-o-keyframes fadeIn {
     0% { opacity: 0; }
     100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
     0% { opacity: 0; }
     100% { opacity: 1; }
}

.fade-in.one
{
		animation-delay: 1s;
 	  -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    -ms-animation-delay: 1s;   
}