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

@media all {

	.ym-hlist {
		overflow: hidden;
		position: relative;
		width: 100%;
	}


/*#topnav .ym-hlist { height: em;	}
	
#content_index .ym-hlist { height: 180px; }*/


	.ym-hlist ul {
		display: inline;
		float: left;
		margin: 0;
		padding: 0;
	}

.ym-hlist ul li {
		display: inline;
		float: left;
		font-size: 1.0em;
		line-height: 1em;
		list-style-type: none;
		margin: 0 .5em 0 0;
		background-color: rgba(255,255,255,.6);
		border-radius: 50px 50px 0 0;
		width: 25px;
		padding: 0;
	}

#topnav .ym-hlist ul li {
		display: inline;
		float: left;
		font-size: 1.0em;
		line-height: 1em;
		list-style-type: none;
		margin: 0 .5em 0 0;
		background-color: rgba(255,255,255,.6);
		border-radius: 50px 50px 0 0;
		width: 25px;
		padding: 0;
	}
	
	
#topnav ul li:hover {
 		background-color: #fff;
		border-radius: 50px 50px 0 0;
		width: 25px;
	}



/* ############# BILDLEISTE INDEX ############## */
#content_index		ul li.indexpic {
		display: inline;
		float: left;
		list-style-type: none;
		margin: 0 2% 0 0;
		padding: 0;
		width: 23%;
		background-color: transparent;
		}
		
ul li.indexpic { height: auto;	}
		
	.ym-hlist ul li a,
	.ym-hlist ul li strong {
		background: transparent;
		padding: 0 ;
		margin: 0;
		text-decoration: none;
	}

	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active {
		
	}

	.ym-hlist ul li.active {
		background: rgba(0,0,0,.3);
		-webkit-border-radius: 0.2em;
		-moz-border-radius: 0.2em;
		border-radius: 0.2em;
		color: #fff;
	}

	.ym-hlist ul li.active strong,
	.ym-hlist ul li.active a:focus,
	.ym-hlist ul li.active a:hover,
	.ym-hlist ul li.active a:active {
		background: transparent;
		color: #fff;
		text-decoration: none;
	}



/* ############### search-form #############*/
	.ym-searchform {
		display: inline;
		float: right;
		line-height: 2em;
		padding: 0.5em 12px;
	}

	.ym-searchform .ym-searchfield {
		background: #fff;
		border: solid 1px rgba(255,255,255,.1);
		-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		box-shadow: inset 0 1px 3px rgba(0,0,0,.2);
		line-height: 1em;
		outline: none;
		padding: 9px;
		width: 12em;
	}

	.ym-searchform .ym-searchbutton {
		background: rgba(0,0,0,.2);
		border: solid 1px transparent;
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		border-radius: .2em;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		line-height: 1.3571em;
		padding: 8px 24px;
		text-shadow: 0 1px 1px rgba(0,0,0,.5);
	}

}

@media only screen and (max-width:1082px) {
	  .ym-hlist ul li { margin-bottom: .3em; display: inline; float:left; }
	  	  }
		  
@media only screen and (max-width:800px) {
	.ym-hlist ul li { margin-bottom: .3em; display: inline; float:left; }
	  }

@media only screen and (max-width:600px) {
	.ym-hlist ul li { margin: 0 .1em .3em 0; display: inline; float:left; }
	  }

@media only screen and (max-width:480px) {
	.ym-hlist ul li { margin-bottom: .3em; display: inline; float: left; }
	  }