/* 	CSS Document */
/* 	TEENFRAGE
	Last updated on MAR 3, 2008
	Created & Updated by RA
*/

/* navigation*/
* {
	margin:0px;
	padding:0px;
}
#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 580px;
	height: 230px;
	position: relative;
}
#menu a {
	display: block;
	text-indent: -9999px;
	position: absolute;
	outline: none;
}
#menu a:hover { background-position: left bottom; }
#menu .home {
	width: 56px;
	height: 22px;
	background: url(../teenfrage-images/home.gif) no-repeat;
	left: 10px;
	top: 167px;
}
#menu .about {
	width: 78px;
	height: 25px;
	background: url(../teenfrage-images/about.gif) no-repeat;
	left: 84px;
	top: 152px;
}
#menu .blog {
	width: 60px;
	height: 24px;
	background: url(../teenfrage-images/blog.gif) no-repeat;
	left: 182px;
	top: 141px;
}
#menu .activity {
	width: 65px;
	height: 23px;
	background:url(../teenfrage-images/activity.gif) no-repeat;
	left: 258px;
	top: 133px;
}
#menu .ask {
	width: 51px;
	height: 22px;
	background:url(../teenfrage-images/ask.gif) no-repeat;
	left: 341px;
	top: 125px;
}
#menu .feedback {
	width: 84px;
	height: 23px;
	background: url(../teenfrage-images/feedback.gif) no-repeat;
	left: 475px;
	top: 127px;
}
#menu .faq {
	width: 37px;
	height: 23px;
	background:url(../teenfrage-images/faq.gif) no-repeat;
	left: 418px;
	top: 125px;
}
/* E page*/
#Epage {
	width:530px;
	background: url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll left top;
	float:left;
	height: 400px;
}
#Epage ul {
	list-style-type:none;
	width:530px;
	height: 400px;
}
#Epage a {
	display: block;
	text-decoration: none;
	padding:0px;
}
#Epage li {
	float: left;
	padding: 0;
	list-style: none;
}
.m1 a {
	width:80px;
	height:80px;
	text-indent:-9999px;
	margin:40px 0px 0px 40px;
}
.m1 a:hover {
	background:transparent url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll -570px -40px;
	border-bottom:0;
}
.m2 a {
	width:105px;
	height:90px;
	text-indent:-9999px;
	margin:7px 0px 0px 52px;
}
.m2 a:hover {
	background:transparent url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll -702px -7px;
	border-bottom:0;
}
.m3 a {
	width:110px;
	height:100px;
	text-indent:-9999px;
	margin:27px 0px 0px 112px;
}
.m3 a:hover {
	background:transparent url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll -919px -27px;
	border-bottom:0;
}
.m4 a {
	width:120px;
	height:80px;
	text-indent:-9999px;
	margin:25px 0px 0px 35px;
}
.m4 a:hover {
	background:transparent url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll -565px -152px;
	border-bottom:0;
}
.m5 a {
	width:80px;
	height:100px;
	text-indent:-9999px;
	margin:15px 0px 0px 50px;
}
.m5 a:hover {
	background:transparent url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll -735px -142px;
	border-bottom:0;
}
.m6 a {
	width:154px;
	height:135px;
	text-indent:-9999px;
	margin:10px 0px 0px 90px;
}
.m6 a:hover {
	background:transparent url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll -905px -137px;
	border-bottom:0;
}
.m7 a {
	width:140px;
	height:120px;
	text-indent:-9999px;
	margin:0px 0px 0px 0px;
}
.m7 a:hover {
	background:transparent url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll -530px -272px;
	border-bottom:0;
}
.m8 a {
	width:105px;
	height:85px;
	text-indent:-9999px;
	margin:0px 0px 0px 23px;
}
.m8 a:hover {
	background:transparent url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll -693px -272px;
	border-bottom:0;
}
.m9 a {
	width:84px;
	height:110px;
	text-indent:-9999px;
	margin:15px 0px 0px 35px;
}
.m9 a:hover {
	background:transparent url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll -830px -288px;
	border-bottom:0;
}
.m10 a {
	width:120px;
	height:128px;
	text-indent:-9999px;
	margin:0px 0px 0px 20px;
}
.m10 a:hover {
	background:transparent url(../teenfrage-images/bgEpageNav.jpg) no-repeat scroll -938px -273px;
	border-bottom:0;
}