/* 	CSS Document */
/* 	TEENFRAGE
	Last updated on MAR 3, 2008
	Created & Updated by RA
*/
/* body*/
* {
	margin:0;
	padding:0;
}
body { font-family:"Trebuchet MS", Tahoma, Verdana, Tahoma; }
#container {
	width:1000px;
	margin:0 auto;
}
h2 {
	line-height:12px;
	text-indent:-9999px;
	padding:0 0 15px;
}
h3 {
	line-height:12px;
	font-size:115%;
	font-weight:700;
	padding:5px 0 6px 5px;
	border:1px solid #178999;
	color:#FFFFFF;
	background-color:#F7B86B;
	margin:0 0 5px;
	display:block;
}
h3 a {
	color:#FFF;
	text-decoration:none;
}
h3 a:hover {
	color:#FFF;
	text-decoration:underline;
}
h4 {
	line-height:12px;
	font-size:115%;
	color:#F7FFFF;
	padding:5px 0 6px 4px;
	background-color:#F7B86B;
	font-weight:bold;
}
h5 {
	line-height:12px;
	font-size:100%;
	color:#FFF;
	margin:15px 0 5px;
	padding:5px 0 5px 4px;
	font-weight:700;
	border:1px solid #157886;
}
h6 {
	line-height:12px;
	font-size:100%;
	color:#FFF;
	background-color:#64A0AA;
	margin:5px 0px 5px 0px;
	padding:5px 0 5px 4px;
	font-weight:700;
	border:1px solid #157886;
}
/* header*/
.header {
	width:1000px;
	float:left;
}
.leftPanel {
	width:420px;
	float:left;
}
.rightPanel {
	width:580px;
	float:left;
}
.bgLogo {
	width:375px;
	height:185px;
	float:left;
	padding:45px 0 0 45px;
	background:url(../teenfrage-images/bg-logo.jpg) no-repeat;
}
.logo {
	width:318px;
	height:120px;
	float:left;
}
.logo a {
	background:url(../teenfrage-images/logo-teenfrage.jpg) scroll no-repeat left top;
	display:block;
	height:99px;
	text-indent:-9999px;
}
.logo a:hover {
	background:url(../teenfrage-images/logo-teenfrage.jpg) scroll no-repeat left bottom;
	display:block;
}
.bgAske {
	width:600px;
	float:left;
}
.aske {
	width:218px;
	float: right;
	padding: 270px 0px 0px;
}
.aske a {
	background:url(../teenfrage-images/aske.gif) scroll no-repeat left top;
	display:block;
	height:114px;
	text-indent:-9999px;
}
.aske a:hover {
	background:url(../teenfrage-images/aske.gif) scroll no-repeat left bottom;
	display:block;
}
.logoInner {
	width:375px;
	height:185px;
	float:left;
	background:url(../teenfrage-images/bg-logo-inner.jpg) scroll no-repeat left top;
	padding:45px 0 0 45px;
}
.bgNavigation {
	width:580px;
	height:230px;
	float:left;
	background:url(../teenfrage-images/bg-navigation.jpg) scroll no-repeat left top;
}
.bgNavigationInner {
	width:580px;
	height:230px;
	float:left;
	background:url(../teenfrage-images/bg-navigation-inner.jpg) scroll no-repeat left top;
}
.content {
	width:1000px;
	height:468px;
	float:left;
	background:url(../teenfrage-images/bg-content.jpg) scroll no-repeat left top;
}
.contentInner {
	width:1000px;
	float:left;
	background:url(../teenfrage-images/bg-content-inner.jpg) scroll no-repeat left top;
}
.flash {
	width:420px;
	clear: left;
	float: left;
}
.contentText {
	width:550px;
	float:right;
	padding:0px 0px 0px 30px;
	height:468px;
}
.contentText1 {
	width:535px;
	padding:0px 15px 0px 0px;
	font-size:80%;
	line-height:16px;
	height:410px;
	overflow:auto;
	overflow-x:hidden;
	float: left;
}
/*.contentTextList {
	width:530px;
	border:1px solid #FFFFFF;
	height:400px;
	float:left;
	color:#FFF;
}
.contentTextList ul { list-style-type: none; }
.contentTextList ul li {
	background: url(../teenfrage-images/icon-rss.gif) no-repeat left;
	font-size: 110%;
	border-bottom:1px solid #157886;
}
.contentTextList ul li a {
	background: url(../teenfrage-images/icon-rss.gif) no-repeat left;
	color:#FFFFFF;
	display:block;
	padding:5px 5px 5px 30px;
	font-weight: bold;
	text-decoration: none;
	font-weight:normal;
}
.contentTextList ul li a:hover {
	color:#F7B86B;
	background-color:#157886;
	text-decoration: none;
}*/
.contentText a {
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.contentText a:hover { text-decoration: underline; }
.contentText ol {
	list-style-type: none;
	padding:0px 0px 0px 30px;
}
.contentText ol li {
	list-style-type:decimal;
	color:#FFFFFF;
	padding:0px 0px 10px 0px;
}
.contentText p {
	color:#FFF;
	padding:0 0 10px;
}
/* footer*/
.footerPan {
	width:1000px;
	height:70px;
	background:url(../teenfrage-images/bg-footer.jpg) scroll no-repeat left top;
	float:left;
}
.footerPanInner {
	width:1000px;
	height:70px;
	background:url(../teenfrage-images/bg-footer-inner.jpg) scroll no-repeat left top;
	float:left;
}
.footer {
	width:965px;
	height:35px;
	font-size:75%;
	text-align:right;
	padding:35px 35px 0 0;
	text-align:right;
	font-size:75%;
	color:#FFF;
}
.footer a {
	color:#FFF;
	text-decoration:underline;
}
.footer a:hover {
	color:#333;
	text-decoration:underline;
}
/* font replacement*/
.aboutUstxt {
	height:33px;
	background:url(../teenfrage-images/about-us.gif) no-repeat left top;
}
.blogTxt {
	height:33px;
	background:url(../teenfrage-images/blog-txt.gif) no-repeat left top;
}
.activityTxt {
	height:33px;
	background:url(../teenfrage-images/activity-txt.gif) no-repeat left top;
}
.askETxt {
	height:33px;
	background:url(../teenfrage-images/askE-txt.gif) no-repeat left top;
}
.faqTxt {
	height:33px;
	background:url(../teenfrage-images/faq-txt.gif) no-repeat left top;
}
.feedbackTxt {
	height:33px;
	background:url(../teenfrage-images/feedback-txt.gif) no-repeat left top;
}
/* Image replace*/
.bgBlogStripe {
	width:396px;
	height:442px;
	text-indent:-9999px;
	background:url(../teenfrage-images/bgBlog.jpg) no-repeat;
}
.bgAboutStripe {
	width:396px;
	height:442px;
	text-indent:-9999px;
	background:url(../teenfrage-images/bgAboutus.jpg) no-repeat;
}
.bgFAQStripe {
	width:396px;
	height:442px;
	text-indent:-9999px;
	background: url(../teenfrage-images/bg-askE.jpg) no-repeat;
}
.bgFeedbackStripe {
	width:396px;
	height:442px;
	text-indent:-9999px;
	background: url(../teenfrage-images/bgFeedback.jpg) no-repeat;
}
.bgAskStripe {
	width:396px;
	height:442px;
	text-indent:-9999px;
	background: url(../teenfrage-images/bgAskE.jpg) no-repeat;
}
.bgEpagetripe {
	width:396px;
	height:442px;
	text-indent:-9999px;
	background: url(../teenfrage-images/bgEpage.jpg) no-repeat;
}
/* blog*/
.blog {
	width:535px;
	float:left;
	background:url(../teenfrage-images/bg-blog.gif) repeat-y right top;
}
.blog1 {
	width:535px;
	float:left;
}
.clear { clear:left; }
.blogImg {
	padding:2px;
	float:left;
	margin:0 4px 10px 0;
	border:1px solid #FFF;
}
.comments {
	width:373px;
	color:#FFF;
	margin:10px 0;
}
.comments2 {
	width: 100%;
	color:#FFF;
	margin:10px 0;
}
.comments1 {
	border-top:1px solid #307782;
	padding:5px 0 5px 0px;
	margin:10px 0;
}
.comments a {
	color:#F7B86B;
	text-decoration:underline;
	font-weight:normal;
}
.comments a:hover {
	color:#FFF;
	text-decoration:underline;
}
.style1 { color:#29E1F9; }
.clear, .clearer { clear:both; }
.clearer { font-size:0; }
.col2 .left { float:left; }
.col2 .right .content1 { background:#61A0B1; }
.col2 .right { }
.content { padding:0; }
.left {
	float:left;
	width:375px;
}
.right {
	float:left;
	width:145px;
	margin:0 0 0 15px;
}
.right .content1 { padding:0; }
/* block list */
ul.block {
	border-top:1px solid #61A0B1;
	padding:0;
	list-style-type:none;
}
.block li {
	border-bottom:1px solid #61A0B1;
	list-style:none;
}
.block li a, .block li em {
	color:#FFF;
	display:block;
}
.block li em {
	font-size:.9em;
	font-style:normal;
}
.block li a {
	padding:3px;
	font-weight:normal;
	text-decoration:none;
}
.block li a span { font-weight:700; }
.block li a:hover {
	background:#D2D0C0;
	color: #FFFFFF;
}
.right .block, .right .block li { border-color:#61A0B1; }
.right .block li a:hover {
	background: #11636F;
	text-decoration:underline;
}
.active { background-color: #11636F; }
.more {
	width:375px;
	text-align:right;
	font-size:90%;
	margin:0 0 15px;
}
.more a {
	color:#F7B86B;
	text-decoration:underline;
	font-weight:normal;
}
.more a:hover {
	color:#FFF;
	text-decoration:underline;
}
#feedback-form {
	float:left;
	width:365px;
	background-color:#11636F;
	padding:4px 4px 15px 4px;
	border:1px solid #61A0B1;
}
.cssform p {
	clear:left;
	margin:0;
	padding:5px 0 8px;
	padding-left:155px;
	height:1%;
}
.cssform label {
	float:left;
	margin-left:-155px;
	width:150px;
}
.cssform-input {
	width:188px;
	color:#FFFFFF;
	border:1px solid #FFF;
	padding:1px;
	font-size:100%;
	padding:2px;
	background-color:#4E8A94;
	font-family:"Trebuchet MS", Tahoma, Verdana, Tahoma;
}
.cssform-textarea {
	width:188px;
	border:1px solid #FFF;
	padding:1px;
	color:#FFFFFF;
	font-size:100%;
	background-color:#4E8A94;
	padding:2px;
	font-family:"Trebuchet MS", Tahoma, Verdana, Tahoma;
}
.submitbu {
	height:24px;
	background:url(../teenfrage-images/bg-button.gif) no-repeat;
	width:72px;
	text-align:center;
	color:#FFF;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
	padding:2px 0 0;
	border:none;
	margin:0 0 0 5px;
	float:left;
}
.o-comments {
	background:url(../teenfrage-images/bg-comment.gif) no-repeat left top #4E8A94;
	line-height:12px;
	font-size:95%;
	padding:5px 0 5px 0px;
	margin:15px 0px 15px 0px;
	border:1px solid #307782;
	color:#FFF;
}
.drop-comments {
	width:368px;
	line-height:12px;
	font-size:95%;
	font-weight:700;
	padding:5px 0 5px 5px;
	color:#FFF;
	background-color:#11636F;
	border-left:1px solid #61A0B1;
	border-right:1px solid #61A0B1;
	border-top:1px solid #61A0B1;
}
.hLine {
	border-bottom:1px solid #157886;
	padding: 3px 0px 0px 0px;
	margin:0px 0px 3px 0px;
}
.horizontalLine {
	border-bottom:1px solid #157886;
	width:100%;
	line-height:0px;
	padding: 5px 0px 0px 0px;
	margin:0px 0px 5px 0px;
	float:left;
}
.post {
	text-align:right;
	color:#FFFFFF;
	padding:0px;
	float: left;
	width: 325px;
	margin: 10px 0px 0px;
	font-size: 75%;
}
.post a {
	font-weight:normal;
	text-decoration:underline;
	color: #FFFFFF;
}
.post a:hover {
	text-decoration:none;
	color: #F7B86B;
}
.FAQOverall
{
	float:left;
	width:100%;
	height:415px;

}