/** Project: Kiga Simple
 *  Description: 
 *
 *  @creator       Thinkin-Tags v0.5.3
 *  @framework     YAML v4.1.2
 *  @file          screen.css
 */

@media all {

	

}

@media screen {
	
	#univers { background: url(../img/hg_strand.jpg) no-repeat; padding: 0;
			background-size: cover; height: 100%; width: 100%; position: absolute; overflow: auto; }
	
	#main { padding: 1% 1% 1% 0 ; }

	.ym-wrapper { margin: 0 auto; max-width: 80em; width: auto; }

	.ym-wbox { padding: 0; }
	
	.ym-gbox-left { margin: 0 12px 0 0; padding: 1%; }
	
	/*.ym-g80 Index und content*/
	 #bg-content { background: #fff; }
	/* #bg_index { background: transparent; margin: 0 0 1em 0;}*/
	
	
	#header { background: transparent url(../img/logos_dja-has_150.png) top right no-repeat;
		min-height: 15em; padding: 0; bottom: 0; height: 5%; position: relative; }
		
/* ******************* index ********************** */		
			
	#header_index { background: transparent; padding: 0; bottom: 0; position: relative; text-align: right;}
	
	.logo_index { width: 40%; height: auto;}	
		
	#content_index  { background-color: rgba(255,255,255,.6); padding: 0.6% 0% 0.6% 2% ; min-width: 80%; }
	
	#content_news  { background: transparent; padding: 0; min-height: 5em;}
	
	
    #index-foto { width: auto; padding: 0; margin: 0; }
	
	#logo-index  { width: auto; padding: 0; margin: 0; }
	
	/*#news { background: red; }*/
	
	
/* ******************* index ENDE ********************** */		




    /*.fixed { position: fixed; }*/

	#nav { padding: 0; margin: 0; /*position: fixed;*/ }

	#secondary { background: transparent; }
	
	#news01, #news02  { background-color: rgba(255,255,255,.8); padding: 1% ; min-height: 10em; width: 47%; margin: 1.5% 0 0 0;}


/* CCCCCCCCCCCCCCCCCC   C O N T E N T   CCCCCCCCCCCCCCCCCC */
	#content  { background-color: #fff; padding: 2% 0% 2% 2% ; min-height: 35em; min-width: 80%; }
		
	#content-inner  { max-width: 64em; margin: 0;  }
	
	#cont-left { padding: 0; }
	
	/*#pic-cont { padding: 0; }
	#txt-content { padding: 0 20px 0 0; }*/
	

/* ###########   T O P N A V   ############### */	
	
	#topnav {  bottom: 0; position: absolute; width: 100%; padding: 0; margin: 0 0 0.4em 0; }
	
	.topnav ul li { margin: 0 0.1em 0 0;}

	#footer { background: transparent; padding: 0.4em 0 0 0;  }

	
}


@media only screen and (max-width:1082px) {
	  #topnav { border: none; margin: 0; width: 100%; }
	  }

@media only screen and (max-width:480px) {
	  #topnav { border: none; margin: 0; width: 100%; }
	
	  }




@media only screen and (max-width: 760px) {

	#secondary .ym-g50 {
		float: none;
		width: auto;
	}

	#secondary .ym-g25 {
		width: 50%;
	}

	.overlay {
		bottom: 1em;
		left: 1em;
		width: 60%;
	}

	.ym-hlist ul {
		display: block;
		float: none;
	}

	/*.ym-hlist ul li {
		display: block;
		float: none;*/
	}

	.ym-gbox-left {
		margin: 0;
	}

}

@media only screen and (max-width: 480px) {

	.overlay {
		display: none;
	}

	.ym-searchform {
		display: none;
	}

	body {
		font-size: 100%;
	}

	h1 {
		font-family: Open Sans Condensed;
		font-size: 150%;
	}

	h6 {
		font-size: 100%;
	}

}