@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;}

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/start2.jpg) no-repeat;}

#f-content {
	width: 				880px;
	overflow: 			hidden;
	height: 			70px;
	padding: 			380px 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: 			15px 10px 0px 10px;
	min-height: 		300px;
	background: 		url(../img/menu-bg.jpg) repeat-y;}
	
* html #submenu {
	height: 360px;
}

#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: 				575px;
	padding: 			0px 20px;
	float: 				left;
	height: 			415px;
	overflow-x:			hidden;
    overflow-y: 			scroll;}

#right {
	padding: 			0px 15px 15px 15px;
	width: 				175px;
	float: 				left;}

#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;
	height: 		1px;
	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: 		10px 0px;
	padding: 		0px;}

li.last {
	padding: 		0px !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;}

/* Formulare */

form {overflow:		hidden;}
 
input, textarea {
	border: 		0px #DCD6B2 solid;
    background: 	#F1EDE1;
	padding: 		1px;
	color: 			#333;
	font-size:		0.8em;} 

input.button {
	color: 			#F1E6E0;
	font-size:		0.8em;}

input[type=text]:focus, textarea:focus {
	background: 	#f0f0f0;
	color: 			#333; 
	border-color: 	#666;
	font-size:		0.8em;}

.tx_powermail_pi1_fieldwrap_html_text {
	height: 		26px;
	line-height: 	26px;}

.tx-powermail-pi1 INPUT  {
	float: 			left;
	clear: 			right;	}

.tx-powermail-pi1 INPUT[type='text'] {
	margin-top: 	5px;}

.tx-powermail-pi1_fieldset textarea {
	margin: 		5px 0px 10px 0px;
	font-size:		0.8em;}

.tx-powermail-pi1 LABEL {
	width: 			130px;
	float: 			left;
	display: 		block;	
	clear: 			left;
	font-size: 		0.8em;}

#files_list {
	clear: 			both;
	margin: 		5px;
	font-size: 		0.8em;}

#files_list INPUT {
	clear: 			none;
	float: 			none;
	margin: 		3px;
	font-size: 		0.8em;}

.tx_powermail_pi1_fieldwrap_html_71 LABEL {
	width: 			200px;}

.tx-powermail-pi1_formwrap_71 LABEL {
	width: 			300px;}

.tx_powermail_pi1_fieldwrap_html {
	clear: 			both;}

.powermail_check_inner LABEL {
	float: 			right;
	width: 			90%;}

.tx_powermail_pi1_fieldwrap_html_submit {
	display: 		block;
	float: 			left;
	margin-left: 	131px;
	font-size:		0.8em;}

.tx_powermail_pi1_fieldwrap_html_radio_title {
	font-size:		0.8em;}	

.tx_powermail_pi1_fieldwrap_html_submit INPUT, .tx_powermail_pi1_fieldwrap_html_reset INPUT  {
	border: 		1px solid #DCD6B2;
	color: 			#333;
	background: 	#fff;
	font-weight: 	bold;
	cursor: 		pointer;
	padding: 		2px;
	font-size:		0.8em;}

.tx_powermail_pi1_fieldwrap_html_submit INPUT:hover, .tx_powermail_pi1_fieldwrap_html_reset INPUT:hover {
	color: 			#333;
	background: 	#F1EDE1;}

.tx_powermail_pi1_fieldwrap_html_reset {
	display: 		block;
	margin-left: 	10px;
	float: 			left;
	clear: 			right;
	font-size:		0.8em;}	

.powermail_mandatory {
	color: 			#FF0000;}

.tx-powermail-pi1_fieldset {
	padding: 		6px;
	margin-top: 	10px;}

.tx-powermail-pi1_fieldset legend {
	margin-bottom: 	5px;
	font-size: 		0.9em;
	font-weight:	bold;
	color:			#0F64AB}

.tx-powermail-pi1 textarea{
	font-size: 		0.8em;}

.tx-powermail-pi1, .tx-kesmallads-pi1 {
	margin-left: 	20px;}

.tx-powermail-pi1 fieldset, .tx-kesmallads-pi1 fieldset {
	border: 		1px solid #DCD6B2;}

.tx-kesmallads-pi1 fieldset {
	overflow: 		hidden;
	padding: 		10px;}

.tx-powermail-pi1_mandatory {
	color: 			#ff0000;}
	
	
/* gallery fix */

#content .tx-chgallery-pi1 { 
	width: 			100%; }

.tx-chgallery-pi1 .single .img {
	position: 		static !important;
	height: 		auto !important;
	line-height: 	auto !important;}

.tx-chgallery-pi1 .single .img .align {
	position: 		static !important;
	padding: 		5px;
	margin: 		0px !important;
	left: 			0px !important;
	top: 			0px !important;
	width: 			150px !important;
	height: 		auto !important;}

.tx-chgallery-pi1 .single span small {
	display:		none;}

/* ENDE */