	
@media screen{	
	
	/*--------------------------------------------------------------------*/
	/* ----- HEADINGS ----- */
	/*--------------------------------------------------------------------*/
	h2, 
	h3, 
	h4, 
	h5, 
	h6{
		padding:0;
		font-weight:bold;
	}
	
	h2{         
		height:25px;
	}
	
	body.page01 h2.head01{
		width:370px;
		margin:0 0 25px;
		background:url(../img/sprites.png) no-repeat 0 0;
	}
	
	body.page01 h2.head02{
		height:55px;
		width:370px;
		margin:80px 0 15px 15px;
		background:url(../img/sprites.png) no-repeat -140px -80px;
	}
	
	body.page02 h2.head01{
		width:370px;
		margin:0 0 25px;
		background:url(../img/sprites.png) no-repeat 0 -25px;
	}
	
	body.page02 h2.head02{
		width:370px;
		margin:0 0 25px;
		background:url(../img/sprites.png) no-repeat 0 -50px;
	}
	
	h3{
		line-height:1.33em;
	}
	
	body.page01 h3{
		width:225px;
		height:156px;
		margin:0 0 20px;
	}
	
	body.page02 div#sec01 h3{
		margin:20px 0 0;
	}
	
	h3.klicksafe{
		background:url(../img/sprites.png) no-repeat 0 -215px;
	}
	
	h3.nummergegenkummer{
		background:url(../img/sprites.png) no-repeat -240px -215px;
	}
	
	h3.jugendschutz{
		background:url(../img/sprites.png) no-repeat -480px -215px;
	}
	
	h3.beschwerdestelle{
		background:url(../img/sprites.png) no-repeat -720px -215px;
	}
	
	body.page02 div#sec02 h3{
		clear:left;
		float:left;
		width:220px;
		color:#004494;
		font-weight:normal;
		font-size:13px;
		line-height:1.33em;
	}
	
	body.page02 div#sec01 h3,
	body.page02 div#sec03 h3{
		font-size:13px;
		padding:0;
	}
	
	h4{
		padding:0 0 7px 16px;
		font-size:12px;
		font-weight:bold;
	}
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- PARAGRAPHS ----- */
	/*--------------------------------------------------------------------*/
	p{
		padding: 0 0 17px 0;
		font-size:13px;
		line-height:1.33em;
	}
	
	p.alt{
		padding:0;
	}
	
	p.alt02{
		padding:0 0 6px 28px;
	}
	
	div.col p{
		font-size:12px;
		padding:0 0 20px 16px;
	}
	
	body.page02 div#sec02 p{
		margin:0 0 0 220px;
	}
	
	body.page02 div#sec02 p.intro{
		margin:0;
	}
	
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- LISTS ----- */
	/*--------------------------------------------------------------------*/
	body.page01 ul{
		list-style:none;
		margin:0 0 0 28px;
		font-size:13px;
		line-height:1.33em;
		font-size:12px;
		line-height: 16px;
	}
	
	body.page01 .col ol, 
	body.page01 .col ul{
		margin:0 0 20px 17px;
	}
	
	body.page01 li{
		padding:0 0 6px;
	}


	body.page02 ul{
		list-style-image:url(../img/bulletpoint02.png);
		font-size:13px;
		line-height:1.33em;
		margin:0 0 0 19px;
		padding:0 0 17px;
	}

	
	/*--------------------------------------------------------------------*/
	/* ----- IMAGES ----- */
	/*--------------------------------------------------------------------*/
	img{
		border:0;
	}
	
	img.logo{
		position:absolute;
		left:75px;
		top:65px;
	}
	
	/* ovewrites values from above */
	img.eu{
		position:absolute;
		left:750px;
		top:205px;
	}
	
	img.spamprotect{
		vertical-align:middle;
	}
	
	
	
	
	/*--------------------------------------------------------------------*/
	/* ----- ANCHORS ----- */
	/*--------------------------------------------------------------------*/	
	a:link, 
	a:visited{
		color:black;
		text-decoration:underline;
		outline:none;
	}
	
	a:hover, 
	a:active, 
	a:focus{ 
		text-decoration:underline;
	}
}