/* FARBEN a#3968a5 ahover#7db731  date#7bb62e                                  */


    @viewport {width: device-width;
              zoom: 1;
              /*orientation: landscape;*/
              }

/* LAYOUT ----------------------------------------------------*/
         {border-style:solid;
                   	 border-width:thin;}
  


	body	{margin:0px;
	    	padding:0px;
	    	/*height:100%;*/
		    /*background-color:#f0efeb;*/}

	div#Page { position:relative;
	        margin-top:60px;
			margin-bottom:0px;
			margin-left:auto;
			margin-right:auto;
			padding:0px;
			width:1280px;
		    /*height:100%;*/
			/*height:665px;*/
			color:#001111;
			font-family: Candara,Arial;
			font-size:17px;
			letter-spacing:0.06ex;
			background-color:#ffffff;
			/*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
			border-radius:15px;
			}
			
    main    {position:relative;
            margin:0px;
            /*height:600px;*/
            overflow:auto;
            }
             
    div#col1 {/*position:fixed;
              top:10px;
              bottom:0px;
              left:10px;*/
              margin:10px 5px 0px 10px;
              width:310px;
              float:left;
              /*background-color:#ddffdd;*/}
    div#col2 {/*position:absolute;
              top:20px;
              bottom:0px;
              left:325px;*/
              margin:20px 5px 0px 0px;
              width:530px;
              float:left;
              /*background-color:#ffdddd;*/}
    div#col3 {/*position:absolute;
              top:20px;
              bottom:0px;
              left:860px;*/
              margin:80px 0px 0px 0px;
              float:left;
              width:410px;
              /*background-color:#ddddff;*/}
    div#col4 {/*position:absolute;
              top:20px;
              bottom:0px;
              left:325px;*/
              margin:80px 0px 80px 0px;
              width:945px;
              float:left;
              display:none;
              /*background-color:#ffdddd;*/}

    footer  {position:relative;
             margin:0px;
             padding:0px;
             height:50px;
             clear:both;
             /*background-color:#AAAAAA;*/
             }


/* STYLES ----------------------------------------------------*/
	a		{color:#255491;
			font-family: 'Estrangelo Edessa',Arial;
			font-size:112%;
			text-decoration:none;
            cursor: pointer;}
			
	a:hover {color:#7bb62e;
	         text-decoration:underline;
	         }
			
    a.activegallerylink
            {color:#7bb62e;}
                
	p       {margin:0px 7px 5px 7px;
	         padding:0px;
	         cursor: default;}
	        
    .center    {text-align:center;}
    
    .footerlinks
            {color:#255491;
             text-align:center;}
	     	 
	img:not(.lb-image)
	        {margin:2px;
	         padding:0px;
	         display:block;
	         border-radius:6px;    }
	         
	
	h1,h2   {color:#3766a3;
	         cursor: default;}
	
	h3      {color:#78b62e;
	         margin:0px;
	         margin-bottom:5px;
	         font-size:110%;
	         cursor: default;
	         }
	
	.headline {margin:0px 0px 10px 0px;
	         padding:0px;
	         display: -webkit-flex;
             display: flex;
             -webkit-align-items: center;
             align-items: center;
             /*border-bottom:1px dashed black;*/
             /*border-top:2px dashed lightgrey;*/
	         }
	         
	.headline h2
	        {margin:0px;
	         padding:0px;
	         margin-right:auto;
	         font-size:140%;
	        }
	        
	 /*hr     {margin:20px 0px 0px 0px;
            height: 0px;
            border-width: 1px 0px 0px;
            border-style: solid none none;
            -moz-border-top-colors: none;
            -moz-border-right-colors: none;
            -moz-border-bottom-colors: none;
            -moz-border-left-colors: none;
            border-image: none;
            border-color: #E0E0E0 -moz-use-text-color -moz-use-text-color;}*/
    
    .flex   {margin:0px;
	         padding:0px;
	         display: -webkit-flex;
             display: flex;
             -webkit-align-items:stretch;
             align-items: stretch;}
             
    .flex p     {margin-left:10px;}
    
    .highlight  {color:#5b960e;
                 font-size:103%;
                 }
    
    iframe      {margin:0;
                 padding:0;}
                 
    /* ---------------------------- */                 
                 
    img#logo    {margin-top:0px;
                 margin-bottom:25px;
                margin-left:auto;
                margin-right:auto;
                cursor: pointer;}
    
	div#Tour	{display:none;
	        	margin:0px 0px 0px 20px;
			    padding:10px;
			    /*border:2px solid black;*/
			    border-radius:10px;}

    .list       {list-style-type:none;
                 margin:0;
                 padding-top:15px;
                 padding-left:5px;
                 cursor: default;}
                 
    .list li {margin:0;
                 margin-bottom:20px;
                 padding:0;
                 display:flex;}
    
    .date      {margin:0;
                padding:0;
                font-size:105%;
                font-weight:bold;
                width:95px;
                color:#78b62e;}
                 /*#7bb62e*/
                 
    .location   {margin:0;
                padding:0;
                width: calc( 100% - 95px );}


    div#Gallery  {margin:0px 0px 0px 30px;
			    padding:10px;
			    border-radius:10px;}
			    
    #gallerythumb
                {cursor: pointer;}

	#galleryheadline
                {cursor: pointer;}
			    
    #gallerylist
                {display:none;}
                
    .gallerycontainer
                {display: none;}
                
    .picturefield
            {overflow: auto;}
                
    .picturefield img
	        {margin:3px;
	         float:left;
	         border-radius:3px;}


	div#Info	{margin:30px 40px 10px 40px;
			    padding:10px;
			    height:100px;
			    /*border:2px solid black;*/
			    border-radius:10px;
			    }

	div#BatzenTrio1 	{margin:30px 10px 10px 10px;
			padding:10px;
			/*border:2px solid black;*/
			border-radius:10px;
			}	

	div#EP 	{margin:30px 10px 10px 10px;
			padding:10px;
			/*border:2px solid black;*/
			border-radius:10px;
			}
	
	div#Album 	{margin:30px 10px 10px 10px;
			padding:10px;
			/*border:2px solid black;*/
			border-radius:10px;
			}


	div#Video	{margin:10px auto 10px auto;
			    padding:0px;
			    width:360px;
			    height:406px;
			    /*border:2px solid black;*/
			    border-radius:10px;
			    overflow:hidden;
				}

    div#Music	{margin:20px 10px 10px 10px;
			    padding:-1px;
			    /*border:2px solid black;*/
			    border-radius:10px;			
			    overflow:hidden;
				}
				
	div#sitenotice 
	            {position:absolute;
	             z-index:10;
	             margin:0;
	             padding:25px;
	             left:530px;
	             top:-420px;
	             width:280px;
	             height:400px;
	             background-color:#ffffff;
	             border-radius:10px;
	             /*border:2px solid black;*/
	             box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	             display:none;}
	            
    div#shade   {width:100%;
                 height:100%;
                 position:fixed;
                 top:0px;
                 left:0px;
                 background-color:rgba(0,0,0,0.4);
                 transition:background-color 0.5s;
	             -webkit-transition:background-color 0.5s;
	             -moz-transition:background-color 0.5s;
	             -o-transition:background-color 0.5s;
                 display:none;}
	             
    div#shade:hover
                {background-color:rgba(0,0,0,0.2);
                 cursor: pointer;}