/*
 * leistungen.css
 *
 * author: pix[el]ement GbR, 2009
 *
 * version: 1.0 
 */
@MEDIA all {
	
	div.leistungen {
		width: 505px;
		height: 210px;
		position: relative;
		background: url( ../pixx/bg_leistungen.png );
	}
	
	div.leistungen div.category {
		width: 120px;
		height: 25px;
		border: 1px solid white;
		color: white;
		font-size: 0.8em;
		text-align: center;
		background: rgb( 51, 51, 51 );
		padding-top: 7px;
		font-weight: bold;
	}
	
	div.leistungen div.category a {
		color: white;
		text-decoration: none;
	}
	
	div.leistungen div.pos1 a {
		color: rgb( 130, 153, 189 );
		text-decoration: none;
	}
	
	div#grafikdesign {
		position: absolute;
		top: 15px;
		left: 190px;
		color: rgb( 130, 153, 189 );
	}
	
	div#tvdesign {
		position: absolute;
		top: 150px;
		left: 100px;
	}
	
	div#interfacedesign {
		position: absolute;
		top: 150px;
		right: 100px;
	}
	
	div#grafikdesign_info {
		display: block;
	}
	
	div#tvdesign_info {
		display: none;
	}
	
	div#interfacedesign_info {
		display: none;
	}
	
	div#grafikdesign_info h2, 
	div#tvdesign_info h2, 
	div#interfacedesign_info h2 {
		font-size: 1.0em;
		margin-bottom: 5px;
	}
	
	div#grafikdesign_info ul, 
	div#tvdesign_info ul, 
	div#interfacedesign_info ul {
		margin: 0;
		padding: 0;
		display: block;
		margin-left: 70px;
	}
	
	div#grafikdesign_info ul li, 
	div#tvdesign_info ul li, 
	div#interfacedesign_info ul li {
		color: white;
		font-size: 0.8em;
		list-style-type: square;
	}
}