/* *********************************************************************************** 
***
***		FSJ WEBSITE: screen stylesheet
***		Version: 1.0
***		Stand: 2007-11-28
***
***		Design: 	Jens Ermeling 		[eyedear@gmx.de]
***		HTML/CSS:	Peter Stollenwerk	[peter@peterstollenwerk.de]
***		TYPO3:		Till Martensmeier	[till@martensmeier.de]
***
************************************************************************************* */




/* GLOBAL STYLES -------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background-color: #FFCD00;
	}
h1, h2, h3, h4, h5, h6, p, ol, ul, li, caption, th, td, form, input, #content {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 135%;
	}
h6 {
	font-size: x-small;
	font-weight: normal;
	}	
	
p { margin-bottom: 30px; }	
a {	
	color: #0067C7;
	text-decoration: none; 
	}
a:hover {	
	text-decoration: underline; 
	}
ul {
	list-style: none;
	}
img {
	display: block;
	border: 0;
	margin: 0;
	padding: 0;
	}

/* FORMULARE */

label {
	color: #797979;
	}
.tx-guestbook-field label {
	float: left;
	}
.tx-guestbook-field input {
	width: 280px;
	}
.tx-guestbook-form-obligationfield {
	color: #f00;
	}
.freecap-span, .tx-srfreecap-pi2-cant-read {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 130%;
	color: #797979;
	}

/* CLASSES */

.clear {
	clear: both;
	}
.invisible {
	display: none;
	}
.none {
	float: none;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}
.center {
	text-align: center;
	}
.middle {
	vertical-align: middle;
	}
.bold {
	font-weight: bold;
	}

/* LAYOUT DIVS -------------------------------------------------------------------- */

#centerframe {
	position: absolute;
	left: 50%;
	margin-left: -388px;
	width: 776px;
	background-color: #FFF;
	}
#header {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	height: 204px;
	width: 776px; /* IE5 tuning */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 776px;
	height: 204px;
	}
html>body #header {
	height: 204px;
	width: 776px; /* IE5 tuning ende */
	}
#spalte1 {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0 8px 0 0;
	padding: 0;
	border: 0;
	width: 150px; /* IE5 tuning */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
	}
html>body #spalte1 {
	width: 150px; /* IE5 tuning ende */
	}
#spalte2 {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0 10px 0 0;
	padding: 17px 22px;
	border: 1px solid #ccc;
	width: 404px; /* IE5 tuning */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 404px;
	}
html>body #spalte2 {
	width: 404px; /* IE5 tuning ende */
	}
#spalte3 {
	position: relative;
	float: left;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	width: 150px; /* IE5 tuning */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 150px;
	}
html>body #spalte3 {
	width: 150px; /* IE5 tuning ende */
	}
div#footer {
	clear: both;
	height: 50px;
	}

/* LOGO ------------------------------------------------------------------------ */

#logo h1, #logo h2 {
	display: none;
	}

/* SPALTE 1 -------------------------------------------------------------------- */

/*------------------------------------*//* Suche */

div#suche {
	margin-top: 2px;
	margin-left: 18px;
	margin-bottom: 25px;
	}
div#suche h2 {
	display: none;
	}
div#suche input {
	float: left;
	width: 72px;
	height: 14px;
	font-size: x-small;
	background-color:#FFF7CA;
	background-image: url(../bilder/layout/bg_suchfeld.gif);
	background-repeat: repeat-x;
	padding: 0;
	padding-top: 2px;
	border: 1px solid #A8A8A8;
	margin: 0;
	}
div#suche input.button {
	width: 45px;
	height: 18px;
	background-color:#FFF7CA;
	background-image: url(../bilder/layout/bg_suchbutton.gif);
	background-repeat: repeat-x;
	padding-top: 0;
	border: 1px solid #A8A8A8;
	margin-left: 4px;
	}

/*------------------------------------*//* Navigation */

div.navigation {
	width: 142px;
	}
div.navigation h2 {
	display: none;
	}
div.navigation ul {
	padding: 0;
	margin: 0;
	}
div.navigation ul li {
	padding: 0;
	margin: 0;
	}
div.navigation ul li a {
	width: 124px;
	display:block;
	color: #010000;
	font-size: x-small;
	line-height: 120%;
	padding: 3px 0 4px 0; 
	padding-left: 18px;
	}
div.navigation ul li a:hover {
	background-color: #FFFFCC/*FFF7CA*/;
	}
div.navigation ul li.active, div.navigation ul li.active a:hover {
	background-color: #FFEF95;
	}
div.navigation ul li a:hover, div.navigation ul li.active {
	text-decoration: none;
	}
div.navigation ul ul {
	margin-bottom: 10px;
	}
div.navigation ul ul li {
	background-color: #FFF;
	}
div.navigation ul ul li a {
	width: 106px;
	color: #232222;
	background-image: url(../bilder/layout/li_nav.gif);
	background-position: 28px 7px;
	background-repeat: no-repeat;
	padding-left: 36px;
	}
div.navigation ul ul li a:hover, div.navigation ul ul li.active, div.navigation ul li.active ul li a:hover {
	background-color: #FFFFCC;
	}
div.navigation ul ul ul {
	margin-bottom: 0px;
	}
div.navigation ul ul ul li a {
	width: 88px;
	background-position: 46px 7px;
	padding-left: 54px;
	}
div.navigation ul ul ul li a:hover, div.navigation ul ul ul li.active {
	background-color: #FFFFAA;
	}

/* Submenue */ 

div.navigation ul li ul {	/* Verstecken des Untermenues */     
	display: none;
	}
div.navigation ul li.active ul {    /* Dauerhaftes Ausklappen des aktiven Menuepunktes */                                              
	display: block;
	}

/* Impressum */

div#nav2 {
	margin-top: 50px;
	}



	
/* SPALTE 2 -------------------------------------------------------------------- */

#content h1 {
	margin-bottom: 15px;
	letter-spacing: 1px; 
	}
#content h2 {
	margin-bottom: 10px;
	letter-spacing: 1px; 
	}
#content h3 {
	padding-top: 4px;
	padding-left: 30px;
	padding-bottom: 14px;
	background-image: url(../bilder/layout/h3_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
#content h3 span.datum, #content span.datum {
	display: block;
	font-weight: normal;
	font-size: x-small;
	}
#content p {
	}
#content ul, #content ol {
	margin-bottom: 25px;
	}
#content ul li {
	list-style-type: square;
	margin-left: 30px;
	}
#content ol li {
	margin-left: 30px;
	}
#content div.datensatz {
	clear: both;
	border-bottom: 1px solid #DADADA;
	padding-bottom: 9px;
	margin-bottom: 22px;
	}
#content div.datensatz img {
	float: left;
	margin: 0 10px 5px 0;
	}
#content div.datensatz .news-single-img {
	margin-top: 0;
	padding-top: 0;
	float: left;
}
#content .csc-textpic-caption {
	font-size: x-small;	
}



/* SPALTE 3 -------------------------------------------------------------------- */

/*------------------------------------*//* Aktuelles */

div#aktuelles {
	background-color: #FFEF95;
	/*background-image: url(../bilder/layout/bg_aktuelles.gif);
	background-position: left top;
	background-repeat: repeat-x;*/
	border: 1px solid #FFF;
	margin-bottom: 13px;
	}
div#aktuelles h2 {
	height: 24px;
	background-image: url(../bilder/layout/h2_aktuelles.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #FFF;
	margin-bottom: 7px;
	}
div#aktuelles h2 span {
	display: none;
	}
div#aktuelles h3, div#aktuelles p {
	font-size: x-small;
	}
div#aktuelles p {
	margin-bottom: 0;
	}
div#aktuelles ul {
	margin-right: 5px;
	margin-bottom: 10px;
	}
div#aktuelles ul li {
	list-style-type: none;
	background-image: url(../bilder/layout/li_aktuelles.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding-left: 15px;
	padding-right: 3px;
	margin-bottom: 15px;
	}
*html div#aktuelles ul li {
	width: 127px;
	}

/*------------------------------------*//* Termine */

div#termine {
	background-color: #FFEF95;
	/*background-image: url(../bilder/layout/bg_aktuelles.gif);
	background-position: left top;
	background-repeat: repeat-x;*/
	border: 1px solid #FFF;
	margin-bottom: 15px;
	}
div#termine h2 {
	height: 24px;
	background-image: url(../bilder/layout/h2_termine.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #FFF;
	margin-bottom: 7px;
	}
div#termine h2 span {
	display: none;
	}
div#termine div#minical {
	padding-bottom: 8px;
	border-bottom: 1px solid #FFF;
	}
div#termine table {
	width: 128px;
	margin-left: 8px;
	margin-right: 8px;
	}
div#termine table thead th {
	font-size: x-small;
	font-weight: bold;
	text-align: center;
	padding-bottom: 5px;
	}
div#termine table th, div#termine table td  {
	font-size: x-small;
	font-weight: normal;
	text-align: center;
	}
div#termine table tbody td  {
	text-align: right;
	}
div#termine table td a {
	font-weight: bold;
	}
div#termine table caption a.previous {
	margin-right: 12px;
	}
div#termine table caption a.next {
	margin-left: 12px;
	}
div#termine th.month-weeknums monthCorner, div#termine th.month-weeknums { /* Kalenderwoche */
	display: none;
	}
div#termine td.monthToday {
	font-weight: bold;
	/*background-color: #DADADA;
	background-color: #FFCF00;*/
	border: 1px solid #FFBF2B;
	padding: 1px 2px 1px 1px;
	}
div#termine th.month-weekdays {
	font-weight: bold;
	}



div#listmini ul {
	margin-top: 12px;
	margin-right: 5px;
	margin-bottom: 0px;
	padding-left: 10px;
	padding-right: 3px;
	margin-bottom: 15px;
	font-size: x-small;
	}
div#listmini ul li {
	list-style-type: none;
	/*background-image: url(../bilder/layout/li_aktuelles.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;*/
	padding-left: 10px;
	padding-right: 3px;
	margin-bottom: 15px;
	font-size: x-small;
	}
div#listmini h3, div#listmini .datum, div#listmini p {
	font-size: x-small;
	}
div#listmini p {
	margin-bottom: 0px;
}
.seminar-link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; padding-left: 10px; padding-right: 3px; margin-bottom: 15px; }



/* *************************************************************************** 
*** 	HACKS     ********************************************************** */

/* -- floatclearing Hack [http://www.jassesnee.de/easyclear/]-- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 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 */
/* -- End floatclearing Hack -- */


/* *******************************************************************************
/* LAYOUTS -------------------------------------------------------------------- */

/* Freie Stellen */

#freie_stellen table.contenttable img {
	width: 15px;
	padding: 0 5px 0 5px;
	}

/* Kalender Tagesansicht */

p.pagebrowser, p.found { display: none; }
ol.day-list { list-style-type: inherit; margin:0; padding:0; }
ol.day-list li { list-style-type: none; position: relative; left:-30px; margin:0; padding:0; clear: both; border-bottom: 1px solid #DADADA; padding-bottom: 9px; margin-bottom: 22px; }
.tx-cal-controller h1 { display: none; }


/* Mitarbeiter */

table.mitarbeiter {
	padding: 0;
	margin: 0;
	}
	
table.mitarbeiter tr {
	padding: 0;
	margin: 0;
	}
	
table.mitarbeiter td {
	padding: 0;
	margin: 0;
	border: 1px solid #000;
	}