@charset "utf-8";

/* CSS Document für www.Bergfried-Jugendhilfe.de*/

BODY {
	background: 		#fff url(../img/page-bg.png) center repeat-y;
	color: 				#000;
	font-size: 			1em;
	font-family: 		Arial, Helvetica, sans-serif;
	margin: 			0px;
	padding: 			0px;}
 
/* Überschriften*/

h1 { font-size:1.0em;   font-weight:bold; color:#E72019; margin: 12px 0px 10px 0px; }
h2 { font-size:0.9em;   font-weight:bold; color:#E72019; margin:  3px 0px 0px 0px; } 
h3 { font-size:0.85em;  font-weight:bold; color:#0F64AB; margin:  3px 0px 0px 0px; }
h4 {background-image: 	url(../gifs/word.gif);	
	background-position: 	0px -1px;		
	background-repeat: 		no-repeat;	
	font-size: 				0.8em;	
	font-weight: 			bold;	
	padding-left: 			20px;	
	margin: 				9px;	
	margin-left: 			0px;}
h5 {background-image: 	url(../gifs/pdf.gif);	
	background-position: 	0px -1px;	
	background-repeat: 		no-repeat;	
	font-size: 				0.8em;	
	font-weight: 			bold;	
	padding-left: 			20px;	
	margin: 				9px;	
	margin-left: 			0px;}

h6 {background-image: 	url(../gifs/list.gif);		
	background-position: 	0px -1px;	
	background-repeat: 		no-repeat;	
	font-size: 				0.80em;	
	font-weight: 			bold;	
	padding-left: 			10px;	
	margin: 				9px;	
	margin-left: 			-5px;}				

HTML, BODY {
	height: 			100%;}

A {
	color: 				#0F64AB;
	text-decoration:	underline;
	outline:			none;}

A:hover {
	color: 				#E72019;
	text-decoration:	none;	}

IMG {
	border: none;}

/* frontpage */

#fakehorizon {  
	display: 			block;
	height: 			1px;
	left: 				0px;
	overflow: 			visible;
	position: 			absolute;
	top: 				50%;
	visibility: 		visible;
	width: 				100%;}

#start {
	width: 				944px;
	height: 			540px;
	left: 				50%;
	margin-left: 		-472px;
	position: 			absolute;
	top: 				-270px;
	background: 		url(../img/start.jpg) no-repeat;}

#stpaul {
  width 180px;
  height:90px;
  padding: 140px 0px 125px 100px; 
}

#stpaul a {
  display: block;
  width: 180px;
  height: 90px;
  text-decoration: none;
}

#f-content {
	width: 				880px;
	overflow: 			hidden;
	height: 			70px;
	padding: 			0px 32px 0px 32px;}

#f-content .bodytext { 
	text-align: 		center !important;
}

#f-content .csc-textpic-imagewrap {
	width: 880px !important;
}

#f-content .csc-textpic-image {
	padding: 0px !important;
	margin: 0px !important;
	height: 70px !important;
	width: 290px !important;
}

#f-content .csc-textpic-image IMG {
	width: 280px !important;
	height: 70px !important;
	padding-right: 10px  !important;
}

/*main page */

#container {
	position: 			relative;
	width: 				1000px;
	margin: 			auto;
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;}

#header {
	width: 				100%;
	height: 			121px;
	background: 		transparent url(../img/header-bg.gif) repeat-x;
	padding-top: 10px;
	margin-bottom: 15px; }

#menu-left {
	width: 				500px;
	height: 			121px;
	background: 		url(../img/header-links.jpg);
	float: 				left;
	overflow: 			hidden;}

#logo {
	width: 				160px;
	height: 			121px;
	float: 				left;}

#menu-right {
	width: 				340px;
	height: 			121px;
	background: 		url(../img/rechts-leer.jpg);
	float: 				left;
	overflow: hidden;}

#left {
	width: 				170px;
	text-align: 		right;
	float: 				left;}

#submenu {
	position: 			relative;
	width: 				150px;
	padding: 			12px 10px 0px 10px;		
	min-height: 		350px;
	background: 		url(../img/menu-bg.jpg) repeat-y;}
	
* html #submenu {
	height: 			350px;}

#submenu-corner {
	position: 			absolute;
	clear: 				both;
	bottom: 			0px;
	left: 				10px;
	height: 			6px;
	width: 				160px;
	background: 		url(../img/corner.gif) bottom right no-repeat;}

#imp {
	width: 				150px;
	position: 			absolute;
	clear: 				both;
	z-index: 			23;
	background: 		none;
	left: 				10px;
	text-align: 		right;
	bottom: 			10px;}

#main {
	position: 			relative;
	width: 				820px;
	float: 				left;}

#content {
	width: 				565px;
	padding: 			0px 20px;
	float: 				left;
	overflow-x:			hidden;
    overflow-y: 			scroll;}

#right {
	padding: 			0px 15px 15px 15px;
	width: 				185px;
	float: 				left;
  	overflow-x:			hidden;
    overflow-y: 			scroll;}

.scrollbars {
    height:   415px;
}

#footer {
	width: 				980px;
	height: 			10px;
	background: 		#ED1E24;
	position: 			absolute;
	left: 				10px;
	bottom: 			0px;
	z-index: 			13;
	overflow:			hidden;
	clear: 				both;}

/* Textformatierungen */

.next 
	{font-size:		0.70em;
	color:			#0F64AB;}
	
.prev 
	{font-size:		0.70em;
	color:			#0F64AB;}		

.result 
	{font-size:		0.70em;
	color:			#0F64AB;}		
	
.single 
	{font-size:		0.70em;
	color:			#999;}			
	
.bodytext 
	{font-size:		0.80em;
	margin-left:	1px;
	margin-right:	9px;}
	
.csc-textpic-text	
	{margin:		0px 0px 0px 15px;}
	
.csc-textpic-caption	
	{font-size:		0.70em;}
	
.csc-textpic-imagewrap	
	{margin-left:	15px;}
	
.indent
	{margin-left:	25px;}	
	
.csc-frame-rulerAfter {	
	margin: 		1px 1px 1px 1px;	
	border-bottom:	1px solid #eee;
	overflow: 		hidden;}

.csc-linkToTop	
{	text-align:		right;
	font-size:		0.7em; 
	margin:			1px;}

#content ul {
	list-style-image:url(../gifs/list.gif);	
	font-size: 			0.8em;}

/* Navis */

#menu-left ul, #menu-right ul {
	list-style: 	none;
	padding: 		0px;
	margin: 		83px 0px 0px 10px;}

#menu-left ul li, #menu-right ul li {
	display: 		inline;
	padding-right: 	6px;
	width: 			76px;
	overflow: 		hidden;}

#menu-right ul {
	padding-left: 	8px;}

#menu-right ul li {
	width: 			auto;
	padding-right: 	11px;}

#submenu-content ul, #imp ul {
	list-style: 	none;
	margin: 		12px 0px 0px 0px;
	padding:		0px;}
	

li.last {
	padding: 		0px !important;}

#submenu-content li {
    padding: 		3px 0 !important;}

/* Clearfix */
/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: 			".";
display: 			block;
height: 			0;
font-size: 			0;
clear: 				both;
visibility: 		hidden;}

.clearfix {			display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 	{height: 1%;}
.clearfix 			{display: block;}

/* End hide from IE-mac */

/* drucken, pdf, email */

#addlinks {
	line-height: 	15px;
	height: 		15px;
	text-align: 	right;
	font-size: 		0.7em;}

#addlinks A {
	text-decoration: none;}

/* Seite per eMail versenden */

#tip {
	font-size: 		0.8em;}

#tip .mandatory, #tip .errormsg {
	color: 			#FF0000;}

/* Powermail und Newsletter */

.tx-indexedsearch-searchbox input, .tx-indexedsearch-searchbox select, .tx-powermail-pi1 input, .tx-powermail-pi1 textarea, .tx-powermail-pi1 select {
  display: block;
  width: 250px;
  float: left;
  padding: 2px;
  border: 1px solid #d5d5d5;
  height: 18px;
  margin: 2px 0;
  background: #efefef;
  color: #666;
}

.tx-indexedsearch-searchbox select {
  height:22px;
  width: 160px;
}

select.tx-indexedsearch-selectbox-desc {
  margin-left: 80px;
}

.tx-powermail-pi1 textarea, .tx-powermail-pi1 select {
  height: auto;
  font: 12px arial, helvetica, sans-serif;
}

.tx-powermail-pi1 select {
  width:254px;
}

.tx-indexedsearch-searchbox input:focus, .tx-powermail-pi1 input:focus, .tx-powermail-pi1 textarea:focus, .tx-powermail-pi1 input:hover, .tx-powermail-pi1 textarea:hover {
  border: 1px solid #999;
  background: #fff;
}

.tx-powermail-pi1 label {
  display: block;
  clear: left;
  width: 200px;
  float: left;
  padding: 3px;
  height: 18px;
  line-height: 18px;
  margin: 2px 0;
  font-size:0.8em;
}

.tx-powermail-pi1 fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

.tx-powermail-pi1 legend {
  display: none;
}

.tx-srfreecap-pi2-cant-read {
  display: block;
  width: 254px;
  padding-left: 206px;
  color: #666;
}

input.tx-indexedsearch-searchbox-button, input.powermail_submit, input.tx-powermail-pi1_mandatory_submit, input.ods_submit {
  margin-left: 206px;
  width: 256px;
  background: #efefef;
  height: auto;
}

input.tx-indexedsearch-searchbox-button {
  margin-left:0;
}

input.tx-powermail-pi1_mandatory_submit, input.ods_submit {
  margin: 0;
}

.tx-odsajaxmailsubscription-pi1 input {
  width: auto;
  padding: 2px;
  border: 1px solid #d5d5d5;
  margin: 2px;
}

input.tx-indexedsearch-searchbox-button:hover, .tx-odsajaxmailsubscription-pi1 input:hover, .tx-odsajaxmailsubscription-pi1 input:focus {
    border: 1px solid #999;
  background: #fff;
  cursor:pointer;
}

.tx-odsajaxmailsubscription-pi1 .info {
  padding: 10px 0;
}

.powermail_mandatory_js {
  display: block;
  clear: both;
  color: #ff0000;
}

img.tx-srfreecap-pi2-image {
  margin: 3px 0 0 254px;
}

input.powermail_submit:hover, input.tx-powermail-pi1_mandatory_submit:hover, input.ods_submit:hover {
  background: #fff;
  color: #666;
  cursor: pointer;
}

.tx-powermail-pi1 input[type=file] {
  height: auto !important;
  width: auto !important;
}

a dfn {
  display: none;
  width: 120px;
  z-index: 30;
  padding: 10px;
  border: 1px solid #d5d5d5;
  background: #fff;
  text-decoration: none;
}

a:hover dfn {
  display: block;
}

.powermail_mandatory {
  color: #ff0000;
}

.page_25c #lcontent {
  padding: 10px 0;
  width: 100%
}

/* Accordion */
.csc-frame-frame2 h1 {
  font-size:		0.7em;
  font-weight:		norm;
  color:			#0F64AB;
  line-height: 		15px;
  height: 			15px;
  background: 		url(../img/plus.png) 3px center no-repeat;
  padding:			2px 0 2px 25px;
  margin:			3px 1px 3px 30px;
  cursor:			pointer;}

/* Toggle act item */
.csc-frame-frame2 h1.accopen {
  color:			#999;
  background:		url(../img/minus.png) 3px center no-repeat;}

/* the content */
.accontent {
  width:			455px;
  font-size:		0.85em;
  padding:			9px;
  margin:			0px 0px 1px 41px;
  border:			1px solid #ccc;}


/* ENDE */