/*
 * Main Styles
 */


img, a:focus, a:active {
	outline: none;
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
	border: none;
}
input:focus,
select:focus,
textarea:focus {
	outline: none;
}

q:before, q:after {
	content: "";
}

a.mail {
	white-space:nowrap;
}


/** Global Settings and Defaults **/
	div.clear,a.pageanchor,span.clear{font-size:1px;line-height:1px;height:1px;margin-top:-1px;width:1px;clear:both;}
	span.clear{display:block;}
	img.at-sign{border:0px;display:inline;vertical-align:middle;padding-bottom:1px;}
	img{border:0px;}
	select,option,input,textarea{font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:1.0em;}
	ul,ol,dl{margin:0;padding:0;}
	li,td,th,dd{margin:0;padding:0;line-height:1.5em;}
	td,th{vertical-align:top;}
	dt,th{font-weight:bold;}
	blockquote,cite{margin: 0 0 1em 1.5em;width:auto;}
	a, .contentel a * {text-decoration:none;color:#000;}
	.contentel img {display:block;margin:0;border:0;}
/**/



/** screen **/
@media screen {

	.js-enabled, #pageframe {height:auto !important; height:100%; min-height:100%;}
	.typo3-adminPanel{text-align:left;font-size:20px;}
	.typo3-adminPanel a,.typo3-adminPanel img,.typo3-editPanel a,.typo3-editPanel img{border:0;margin:0;}
	#page .typo3-editPanel img {display:inline-block;vertical-align:middle;padding:2px;}
	#pageframe #page .typo3-editPanel a, #pageframe #page .typo3-editPanel a *,
	#page .typo3-editPanel a:focus, #page .typo3-editPanel a:focus *,
	#page .typo3-editPanel a:hover, #page .typo3-editPanel a:hover * {border:0px;border-bottom:0px;text-decoration:none;}

  /** General **/

	* { font-size:1.0em;}
	html { font-size:62.5%; }
	html, body { top:0; left:0; right:0; margin:0; padding:0; width:100%; height:100%; }
	body {	
		font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif; 
		font-size: 1.0em; 
		text-align:left;
		background-color:#afb4b7;
		background-image:url('../img/bg/body_hq-heller_.jpg');
		background-repeat:no-repeat;
	}
	.printonly { display:none; }
	a.contentpageanchor,a.linktocontent,.accesscontent { position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; display: inline; }
	#page .hsliceonly { position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; overflow: hidden; }
	div#page img.img_at { background:none; vertical-align:top; margin:0; margin:1px 0 0 0;padding:0 0.1em; border:0; display:inline; text-decoration:none;}
	div#page span.img_at { background:url('../img/img_at.gif') 0 1px no-repeat; width:10px; height:12px; line-height:11px; display:inline-block; margin:0 0 -1px 0;}
	div#page a span.img_at, div#page a:focus span.img_at, div#page a:hover span.img_at { text-decoration:none; border:0;}
	div#page span.img_at span { white-space:nowrap; }

	/* always make scrollbar in firefox. prevents the layout from shifting */
	#ffscrollbarfix { position:absolute; top:0; bottom:-0.1px; width:1em; z-index:-1; }
	/* for firefox 3 */
	html { overflow: scroll; overflow-x: auto; }

	/**/



 /*** LAYOUT ***/
  /** Positioning page **/
	div#outerpageframe {}
	div#pageframe, div#page { text-align:left;width:1000px; }
	div#pageframe {position:relative; margin-left:0px; margin-right:auto;height:auto !important;height:100%; min-height:100%;}
	div#page {position:relative; top:132px; padding:0 0 15px 0;}
	.page_has_line {
		background: url('../img/bg/pageframe_line.gif') no-repeat;
	}
	.page_has_no_line {
		background: url('../img/bg/pageframe_noline-weiss.png') no-repeat;
	}
	.page_has_line div#page {
		background: url('../img/bg/page_line.gif') repeat-y;
	}
	.page_has_no_line div#page {
		background: url('../img/bg/page_noline-weiss.gif') repeat-y;
	}
	/*
	#overlay,
	#lbLightbox {
		background: url('../img/bg/page_noline.gif') repeat-y;
	}
	*/

	#main-right {
		float:right;
		width:833px;
	}
	#main-left {
		float:left;
		width:167px;
	}
	#menu_l2 {
		position:absolute;
		z-index:4;
		top:0;
		left:167px;
		width:510px;
		height:54px;
		background:url('../img/bg/grey_dots_600px.gif') 20px 44px no-repeat;
	}
	.has_no_l2_menu #menu_l2 {
		width:510px;
		height:10px;
		background:url('../img/bg/grey_dots_600px.gif') 20px 0px no-repeat;
	}
	#layouter {
		width:710px;
		height:10px;
		position:absolute;
		z-index:1;
		top:0;
		left:167px;
		background:#fff;
	}
	#content, #contentWrapper {
		
	}
	#content-main, #content-left, #content-right, #content-margin {
		height:auto !important;
		height:80px;
		min-height:80px;
		float:left;
	}
	#content-main {
		width:715px;
		background: url('../img/bg/content_line.gif') repeat-y;
	}
	#content-left {
		width:490px;
		margin-top:44px;
		padding:10px 20px 0 20px;
	}
	.has_no_l2_menu #content-left {
		margin-top:0px;
	}
	#content-right {
		width:164px;
		margin:0 0 0 1px;
		padding:10px 0 10px 10px;
	}
	#content-main-footer {
		clear:both;
		width:675px;
		height:auto !important;
		height:30px;
		min-height:30px;
		margin:0 20px 0 20px;
		padding:0;
		background:#fff url('../img/bg/footer.gif') 0 60px repeat-x;
	}
	#func-menu {
		padding:35px 0 0 0;
		height:20px;
		width:100%;
	}
	#footer-content {
		padding:25px 0 0 0;
	}
	#footer-content .csc-header {
		padding:0 0 15px 0;
	}
	#footer-content .csc-header strong {
		font-weight:normal;
		font-size:1.1em;
	}
	#content-margin {
		width:89px; /* 94, IE6 bug */
		margin:0 0 0 4px;
		padding:10px 4px 10px 20px;
	}
	#content-footer {
		clear:both;
	}
	.page_has_no_line #content_footer {
		background:#ffffff;
	}
	#footer {
		clear:both;
		width:100%;
		height:1px;
	}
	#header{
		position:absolute;
		z-index:5;
		top:0;
		left:0;
		width:100%;
		height:132px;
		background:none;
	}	
	#logo {
		width:220px;
		height:132px;
		float:left;
	}
	#meta {
		width:666px;
		height:130px;
		float:right;
		margin-right:114px;
	}

	/***/


  /** header section **/
	#logo {
		background:url('../img/jugendschutz.net_transparent_186x58.png') 20px 52px no-repeat;
	}
	#logo a {
		display:block;
		position:relative;
		width:220px;
		height:132px;
	}
	#meta_menu {
		padding-top:18px;
		height:40px;
		width:100%;
		text-align:right;
	}
	#meta_claim {
		position:absolute;
		top:79px;
		line-height:21px;
		height:21px;
		padding:0 0 0 2px;
		font-size:17px;
		font-weight:bold;
		color:#E94200;
		text-align:left;
	}
	
	/***/



 /*** MENU ***/
  /** left menu **/
	ul.mmain1,
	ul.mmain1 ul {
		list-style:none;
		margin:0;
		padding:0;
	}
	ul.mmain1 li,
	ul.mmain1 li a {
		line-height:15px;
	}
	ul.mmain1 li {
		display:block;
		text-align:right;
		position:relative;
	}
	ul.mmain1 li a {
		display:block;
		text-align:right;
		width:167px;
		padding:0 0 4px 0;
		background-image: url('../img/bg/menu_l1_over.gif');
		background-repeat:no-repeat;
		background-position:0 -50px;
	}
	ul.mmain1 li a:focus,
	ul.mmain1 li a:hover {
	  	background-position:right bottom;
	}
	.nojs ul.mmain1 li a:focus,
	.nojs ul.mmain1 li a:hover {
		color:#E94200;
	}
	.nojs ul.mmain1 li a:focus span,
	.nojs ul.mmain1 li a:hover span {
		color:#E94200;
	}
	ul.mmain1 li a span.menuitem {
		padding:0px 14px 2px 2px;
		display:inline-block;
		cursor:pointer;
		line-height:1.2em;
	}
	ul.mmain1 li a.highlight {
		width:161px;
		padding:0 0 4px 6px;
	}
	ul.mmain1 li a.highlight span.menuitem {
		display:block;
		padding:1px 4px 1px 4px;
		margin-right:10px;
		background:#E94200;
		font-weight:bold;
		color:#FFFFFF;
	}
	.nojs ul.mmain1 li a.highlight:focus span.menuitem,
	.nojs ul.mmain1 li a.highlight:hover span.menuitem {
		color:#000000;
	}
	ul {
		padding:0 0 2px 0;
	}
	ul.mmain1 ul {
		padding:2px 0 2px 0;
	}
	ul.mmain1 li span.isSubHeading {
		padding:12px 14px 2px 2px;
		display:inline-block;
		cursor:pointer;
		font-weight:bold;
	}
	ul.mmain1 li.active a,
	ul.mmain1 li.active li.active a {
		background-image: url('../img/bg/menu_l1_active.gif');
		background-position:right bottom;
	}
	ul.mmain1 li.active a span.menuitem,
	ul.mmain1 li.active li.active a span.menuitem,
	ul.mmain1 li.active a span.isSubHeading {
		background-image: url('../img/bg/menu_l1_active_span.gif');
		background-repeat:no-repeat;
		background-position:right bottom;
	}
	ul.mmain1 li.active li a,
	ul.mmain1 li.active li a span.menuitem {
		background-image:none;
	}
	ul.mmain1 li.active a.highlight {
		background-image: url('../img/bg/menu_l1_over.gif');
	}

  /** top menu **/
	ul.mmain2 {
		list-style: none;
		margin:0 0 0 10px;
		padding:0;
	}
	ul.mmain2 li {
		display:block;
		float:left;
		background:url('../img/bg/menu_l2.gif') 0 0 repeat-x;
	}
	ul.mmain2 li a {
		display:block;
		float:left;
	}
	ul.mmain2 li a span {
		display:block;
		float:left;
		padding:5px 14px 10px 13px;
		cursor:pointer;
	}
	ul.mmain2 li a:focus span,
	ul.mmain2 li a:hover span {
		background:url('../img/bg/menu_l2_over.gif') 8px 0 no-repeat;
	}
	.nojs ul.mmain2 li a:focus span,
	.nojs ul.mmain2 li a:hover span {	
		color:#E94200;
	}
	ul.mmain2 li.active a span,
	ul.mmain2 li.active a:focus span,
	ul.mmain2 li.active a:hover span {
		background:url('../img/bg/menu_l2_active.gif') 8px 0 no-repeat;
	}
	ul.mmain2 li.last a {
		background:url('../img/bg/menu_l2_last.gif') right 0 no-repeat;
	}
	ul.mmain2 li.last a span{
		padding-right:16px;
	}


  /** meta menu **/
	ul.mmeta1,
	ul.mlang {
		list-style:none;
		margin:0;
		padding:0;
	}
	ul.mlang {
		padding-top:5px;
	}
	ul.mmeta1 li,
	ul.mlang li {
		display:inline;
	}
	ul.mmeta1 li a,
	ul.mlang li a {
		padding:0px 10px;
		vertical-align:top;
		display:inline-block;
		padding-top:1px;
	}
	ul.mlang li.last a {
		padding-right:0px;
	}
	ul.mmeta1 li a span,
	ul.mlang li a span {
		font-size:1.2em;
		font-weight:bold;
		display:inline-block;
		cursor:pointer;
	}
	.nojs ul.mmeta1 a:focus,
	.nojs ul.mmeta1 a:hover {
		color:#E94200;
	}
	ul.mmeta1 li.active a span,
	ul.mlang li.active a span {
		border-bottom:1px solid #E94200;
	}
	.mmeta1 form {
		display:inline;
	}
	ul.mmeta1 .sitemap a,
	ul.mmeta1 .sitemap-active a {
		display:inline-block;
		width:10px;
		height:20px;
		padding-right:0px;
		background:url('../img/sitemap-icon.gif') -3px -1px no-repeat;
	}
	ul.mmeta1 .sitemap a:focus,
	ul.mmeta1 .sitemap a:hover,
	ul.mmeta1 .sitemap-active a {
		background-position: -3px -21px;
	}
	.mmeta1 form input {
		margin:0;
		padding:0;
		vertical-align:top;
		display:inline-block;
		border:1px solid #000;
	}
	.mmeta1 #global_search_input {
		padding:1px 2px 2px 4px;
		height:15px;
		line-height:16px;
		vertical-align:bottom;
		border-right:0;
		margin:0 0 1px 6px;
		font-weight:normal;
	}
	.mmeta1 input.csc-mailform-submit,
	.mmeta1 input.csc-mailform-submit-over {
		margin:0;
		padding:0 3px 1px 3px;
		font-size:1.1em;
		font-weight:bold;
		height:20px;
		color:#000;
		background:#EEE;
	}
	.mmeta1 input.csc-mailform-submit-over {
		color:#E94200;
	}


  /** func menu **/
	.mfunc1 {
		list-style:none;
		margin:0;
		padding:0;
	}
	.mfunc1 li {
		display:inline;
	}
	.mfunc1 li a {
		display:block;
		float:left;
		padding:4px 23px;
		vertical-align:top;
	}
	.mfunc1 li a span {
		display:inline-block;
		font-weight:bold;
		cursor:pointer;
	}
	.mfunc1 li a#printpage {
		background:url('../img/bg/icon_print.gif') 0 3px no-repeat;
	}
	.mfunc1 li a#pdfpage {
		background:url('../img/bg/pdficon_small.gif') 0 1px no-repeat;
	}
	.nojs .mfunc1 li a:focus span,
	.nojs .mfunc1 li a:hover span {
		color:#E94200;
	}


  /** js menu states **/
	ul.mmain1 li a span.beforeOver,
	ul.mmain2 li a span.beforeOver,
	#pageframe ul.mmeta1 .beforeOver,
	ul.mfunc1 li a span.beforeOver {
		color:#000;
	}
	#pageframe ul.mmeta1 input.beforeOver {
		background:#EEE;
	}
	ul.mmain1 li a.highlight span.beforeOver,
	ul.mmain2 li a.highlight span.beforeOver,
	ul.mmeta1 li a.highlight span.beforeOver {
		color:#FFF;
	}
	ul.mmain1 li a span.morphOver,
	ul.mmain2 li a span.morphOver,
	#pageframe ul.mmeta1 .morphOver,
	ul.mfunc1 li a span.morphOver {
		color:#E94200;
	}
	#pageframe ul.mmeta1 input.morphOver {
		background:#FFFFFF;
	}
	ul.mmain1 li a.highlight span.morphOver,
	ul.mmain2 li a.highlight span.morphOver,
	ul.mmeta1 li a.highlight span.morphOver {
		color:#000;
	}
	ul.mmain1 li a span.beforeOut,
	ul.mmain2 li a span.beforeOut,
	#pageframe ul.mmeta1 .beforeOut,
	ul.mfunc1 li a span.beforeOut {
		color:#E94200;
	}
	#pageframe ul.mmeta1 input.beforeOut {
		background:#FFFFFF;
	}
	ul.mmain1 li a.highlight span.beforeOut,
	ul.mmain2 li a.highlight span.beforeOut,
	ul.mmeta1 li a.highlight span.beforeOut {
		color:#000;
	}
	ul.mmain1 li a span.morphOut,
	ul.mmain2 li a span.morphOut,
	#pageframe ul.mmeta1 .morphOut,
	ul.mfunc1 li a span.morphOut {
		color:#000;
	}
	#pageframe ul.mmeta1 input.morphOut {
		background:#EEE;
	}
	ul.mmain1 li a.highlight span.morphOut,
	ul.mmain2 li a.highlight span.morphOut,
	ul.mmeta1 li a.highlight span.morphOut {
		color:#FFF;
	}
}


/*** CONTENT ***/
  /** Special css styled content settings **/
	/* captions */
	.contentel {clear:both;}
	.csc-textpic-caption {
		padding: 0.2em 0 0.5em 0;
		line-height: 1.1em;
	}
	.csc-textpic-caption a {
		display:block;
	}
	.csc-textpic-caption a:focus,
	.csc-textpic-caption a:hover {
		text-decoration:underline;
	}
	.contentel .csc-textpic img {
		display:block;
	}
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
		margin-bottom:0;
		padding-bottom:0.5em;
	}
	#page .contentel div.csc-textpic-imagewrap a,
	#page .contentel div.csc-textpic-imagewrap a * {
		border:0px;
	}	
	#page .contentel div.csc-textpic-border div.csc-textpic-imagewrap img,
	#page .contentel div.csc-textpic-border div.csc-textpic-imagewrap a img,
	#page .contentel div.csc-textpic-border div.csc-textpic-imagewrap a:link img,
	#page .contentel div.csc-textpic-border div.csc-textpic-imagewrap a:visited img	{
		border:1px solid #E3E6Ef;
	}
	#page .contentel div.csc-textpic-border div.csc-textpic-imagewrap a:focus img,
	#page .contentel div.csc-textpic-border div.csc-textpic-imagewrap a:hover img {
		border:1px solid #E94200;
	}


  /** margin **/
	#content-margin * {
		color:#FFFFFF;
	}
	#content-margin .csc-header {
		margin:0;
		font-size:1.4em;
		padding:0 0 5px 0;
		font-weight:bold;
	}
	#content-margin .contentel {
		padding-bottom:5px;
	}
	#content-margin .csc-textpic-caption {
		font-weight:bold;
		padding:1px 0 0 0;
	}


  /** main **/
	/* section frames, content layout */
	#content-main .contentel {
		margin:3.5em 0 0 0;
	}
	.homepage #content-main .contentel {
		margin:1.5em 0 0 0;
	}
	#content-main .tx-contentwrapper_style2 {
		padding:1.0em 0 0 0;
		background:url('../img/bg/grey_dots_600px.gif') 0 0 no-repeat;
	}
	#content-main .first-contentel,
	.homepage #content-main .first-contentel {
		margin:0;
	}
	#content-main .first-contentel .tx-contentwrapper_style2 {
		margin:0;
		padding:0;
		background:none;
	}

	/* nescefe */
	#content-left .nescefe-2col .col1,
	#content-left .nescefe-2col .col2 {
		width:235px;
	}
	#content-left .nescefe-2col .col1 {
		float:left;
	}
	#content-left .nescefe-2col .col2 {
		float:right;
	}

	/* img styling */
	#content-main .csc-textpic-caption {
		padding: 0.2em 0 0 0;
	}

	/* links */
	#content-main .contentel a,
	#content-main .contentel a * {
		text-decoration:none;
		border-bottom:1px solid #E94200;
		color:#E94200;
	}
	#content-main .contentel a:focus,
	#content-main .contentel a:hover,
	#content-main .contentel a:focus *,
	#content-main .contentel a:hover * {
		border-bottom:1px solid #FFFFFF;
		color:#E94200;
	}
	#content-main .contentel a:focus img,
	#content-main .contentel a:hover img {
		border:0px;
	}

	#content-main a.mail,
	#content-main a.mail *,
	#content-main a.download-new-window,
	#content-main a.download-new-window *,
	#content-main a.external-link-new-window,
	#content-main a.external-link-new-window * {
	}



  /** common Content styles **/

	/* headings */
	h2,h3 {
		font-weight:bold;
		margin:0;
		padding:0 0 1.1em 0;
	}
	.homepage h2 {
		padding:0 0 1.1em 0;
	}
	.homepage h3 {
		padding:0;
	}
	.topheader, .subheader {
		display:block;
	}
	.homepage #content-main .topheader {
		text-transform:uppercase;
		color:#666;
		letter-spacing:0.2em;
		font-weight:normal;
		font-size:0.9em;
		padding:0 0 0.1em 0;
	}
	.homepage #content-main h2 .subheader {
		color:#E04200;
		font-size:1.0em;
	}
	.homepage #content-main h3 .topheader {
		font-size:1.0em;
	}
	.homepage #content-main h3 .subheader {
		font-size:1.0em;
		padding:1.0em 0 0 0;
		color:#000;
	}
	#content-main h2 {
		color:#E04200;
		font-size:1.2em;
	}
	#content-main h2 .subheader {
		font-size:0.9em;
		color:#000;
	}
	#content-main h3 {
		color:#000;
		font-size:1.1em;
	}
	#content-main h3 .subheader {
		color:#666;
	}

	/* P */
	p.bodytext,
	p.align-left,
	p.align-center,
	p.align-right {
		font-size:1.1em;
		line-height: 1.3em;
		margin:0 0 0.4em 0;
		padding:0 0 0.1em 0;
	}
	p.align-left {
		text-align:left;
	}
	p.align-center {
		text-align:center;
	}
	p.align-right {
		text-align:right;
	}

	/* LISTS */
	.contentel ul,
	.contentel ol {
		padding: 0 0 0.4em 0;
	}
	.contentel ul li {
		list-style:square;
		color:#E94200;
		padding: 0.3em 0 0.3em 0;
		margin: 0 0 0 1.4em;
	}
	.contentel ol li {
		padding: 0.3em 0 0.3em 0;
		margin: 0 0 0 2.1em;
	}
	.contentel ul li p,
	.contentel ol li p {
		margin:0;
		padding:0;
		font-size:1.1em;
		color:#000;
	}

	/* TABLE */
	table.contenttable {
		width:100%;
		padding: 0;
		border:0px;
		border-collapse: collapse;
	}
	table.contenttable caption {
		display:block;
		text-align:left;
		font-size:1.1em;
		font-weight:bold;
		padding:0.3em 1.5em 0.3em 0;
	}
	table.contenttable td,
	table.contenttable th {
		line-height: 1.5em;
		vertical-align:top;
		padding:0.3em 1.5em 0.3em 0;
		border-top:1px solid #E94200;
	}
	table.contenttable thead,
	table.contenttable tbody {
		padding:0;
		margin:0;
		border:0;
		font-size:1.1em;
	}
	table.contenttable thead td,
	table.contenttable th {
		border:0px;
		margin:0;
		padding:0;
	}
	table.contenttable th.align-left,
	table.contenttable td.align-left {
		text-align:left;
	}
	table.contenttable th.align-center,
	table.contenttable td.align-center {
		text-align:center;
		padding:0.3em 0.7em 0.3em 0.7em;
	}
	table.contenttable th.align-right,
	table.contenttable td.align-right {
		text-align:right;
		padding:0.3em 0 0.3em 1.5em;
	}

	/* CLASSES */
	.kein_Umbruch,
	table.contenttable td.kein_umbruch,
	table.contenttable th.kein_umbruch { white-space:nowrap; }

	table.contenttable tbody td.versuche_halbe_breite,
	table.contenttable thead td.versuche_halbe_breite,
	table.contenttable th.versuche_halbe_breite { width:50%; }

	/* downloads */
	#pageframe .csc-uploads p {
		margin:0;
		padding:0;
	}
	#pageframe .csc-uploads td {
		vertical-align:top;
		margin:0;
		padding:0 1.5em 0.3em 0;
	}
	#pageframe .csc-uploads-icon a,
	#pageframe .csc-uploads-icon a img {
		border-bottom:0;
	}
  /*****/


/** indexed_search results **/
	#page #main span.tx-psmhighlight-sword {
		font-weight:bold;
		background:#E1E1E1;
	}