/* ---------------------------------------------------------------- */
/* BTH Tabs */
/* ---------------------------------------------------------------- */

@media screen {

	.tabs {
		border-style: solid;
		border-width: 0 0 4px 0;
		border-color: white;
		margin-top: 1em;
		margin-bottom: 1em;
		clear: both;
		background-color: black;
	}

	.tabs ul {
		padding: 0;
		margin: 0;
		display: block;
	}

	.tabs li {
		display: block;
		float: left;
		padding: 0;
		margin: 0;
		border-style: solid;
		border-color: white;
		border-width: 0 1px 1px 0;
		background-color: black;
		border-bottom: 1px solid black;
	}
	
		
	.tabs li a {
		display: block;
		padding: 3px 1.4em;
		color: white;
		text-decoration: none;
	}
	
	
	.tabs li.selected {
		padding: 0 0 0px;
		border-width: 1px 1px 0 1px;
		border-color: black;
		background-color: white;
		color: black;
	}	

	.tabs li.selected  a {
		color: black;
	}	
	
	.tabs li a:hover {
		text-decoration: underline;
		/*color: white;*/
	}
	
	.screenhide {
		display: none;
	}
	
	.tabs-content > p {
		width: 100%; /*480px;*/
	}
		
	.content .tabs li {
		margin-bottom: 0;
	}
}

@media print {

	.content .tabs {
		display: none;
	}
	
}


/* ---------------------------------------------------------------- */
/* Dragspel BTH utbildningar */
/* ---------------------------------------------------------------- */

@media screen {
	
	#utb_dragspel .tabs {
		border-color: #0e8281;
		margin-bottom: 1px;
	}

	#utb_dragspel .tabs li.selected {
		background-color: #0e8281;
	}
		
	#utb_dragspel h2 {
		background-color: #0e8281;
		color: #fff;
		text-transform: uppercase;
		font-size: 100%;
		padding: 0.5em;
		margin: 0;
		font-weight: normal;
		cursor: pointer;
	}
	#utb_dragspel h2:hover {
		text-decoration: underline;
	}
	
	#utb_dragspel h3 {
		margin: 0.5em 0 0.3em;
		padding: 0;
		font-weight: bold;
		font-size: 1em;
	}
	
	.utb_dragspel_omrade {
		margin: 1px 0 0;
	}
	
	.utb_dragspel_content {
		background-color: #eaf4f5;
		padding: 10px 20px;
	}
	
	#utb_dragspel .utb_dragspel_closed h2 {
		background-color: #65afb0;
	}
	
	.utb_dragspel_closed .utb_dragspel_content {
		display: none;
	}	
	
	
	
	#utb_dragspel > h2 {
		margin-top: 1px;
		background-color: #65afb0;
	}
	
	#utb_dragspel h2 a {
		color: #fff;
	}
	
	#utb_dragspel_program a.arrowlink {
		display: block;
		background-position: left 2px;
	}
	
	#utb_dragspel a {
		text-decoration: none;
	}
	
	#utb_dragspel a:hover {
		text-decoration: underline;
	}
	
}




/* ---------------------------------------------------------------- */
/* Kursflikarna på programsidorna */
/* ---------------------------------------------------------------- */

@media screen {
	
	#utb_dragspel_kurser h2 {
		background-color: #006eb3;
		color: #fff;
		text-transform: none;
		font-size: 100%;
		padding: 0.4em;
		margin: 0;
		font-weight: normal;
		cursor: pointer;
	}
	#utb_dragspel_kurser h2:hover {
		text-decoration: underline;
	}
	
	#utb_dragspel_kurser h3 {
		margin: 1em 0 0.8em;
		padding: 0;
		font-weight: bold;
		font-size: 1em;
		text-transform: uppercase;
	}
		
	#utb_dragspel_kurser h4 {
		margin: 0.5em 0 0.3em;
		padding: 0;
		text-transform: none;
		font-weight: bold;
		font-size: 1em;
	}
	
	.utb_dragspel_kurser_omrade {
		margin: 1px 0 0;
	}
	
	.utb_dragspel_kurser_content {
		background-color: white;
		padding: 10px 20px;
	}
	
	#utb_dragspel_kurser .utb_dragspel_kurser_closed h2 {
		background-color: #999999;
	}
	
	.utb_dragspel_kurser_closed .utb_dragspel_kurser_content {
		display: none;
	}	
	
	/*
	.utb_dragspel_kurser_content {
		border-bottom: 1px solid #999999;
	} */
	
	#utb_dragspel_kurser > h2 {
		margin-top: 1px;
		background-color: #999999;
	}
	
	#utb_dragspel_kurser h2 a {
		color: #fff;
	}
	
	#utb_dragspel_kurser_program a.arrowlink {
		display: block;
		background-position: left 2px;
	}
	
	#utb_dragspel_kurser a {
		text-decoration: none;
	}
	
	#utb_dragspel_kurser a:hover {
		text-decoration: underline;
	}
	

	
}