/*--------------------------------------------------------------------------
Basic Style Sheet 

version: 	1.1
author: 	Jens Schaller
email: 	schaller@teneris.de
website: 	http://www.teneris.de
--------------------------------------------------------------------------*/

* {
padding: 0;
margin: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	min-width: 900px;
	}
	
img {
	margin-left: -3px;
	padding: 0;
}
	
a img {
	border: none;
	}
	
#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	}
	
/*--------------------------------------------------------------------------
	Layout - Header 
--------------------------------------------------------------------------*/
	
#header {
	position: relative;
	width: 900px;
	height: 70px;
	}

#header img {
	float: left;
	padding: 10px 0px 0px 0px;

	}
	
*html #header img {	
	margin-top: 10px;
	margin-left: 20px;
	} 
	
/*
Hauptnavigation
--------------------------------------------------------------------------*/	
#nav_container {
	position: absolute;
	right: 0px;
	top: 0px;
	margin-top: 10px;
	float: right;
	}

#mainNav {
	float: left;
	}
	
#mainNav ul {
	float: left;
	margin: 0;
	list-style: none;
	background: url(/fileadmin/templates/images/nav_linie.gif) repeat-x bottom left;
	}
	
#mainNav li {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#mainNav .no a, #mainNav .act a {
	float: left;
	display: block;
	text-decoration: none;
	margin: 0 0 0 3px;
	padding: 4px 8px;
	color: #666769;
	border: 1px solid #87888a;
	border-bottom: none;
	background: #f1f1f1;
	}
	
*html #mainNav .no a, #mainNav .act a {
	margin: 0 0 0 1px;}
	
#mainNav .no a:hover {
	color: #19171c;
	background: #f1f1f1;
	}
	
#mainNav .act a {
	color: #19171c;
	padding-bottom: 5px;
	border-color: #19171c;
	background: #fff url(/fileadmin/templates/images/nav_linie_on.gif) repeat-x top left;
	}

/*
Unternavigation
--------------------------------------------------------------------------*/	

#secondaryNav {
	margin-left: 7px;
	clear: both;
}

#secondaryNav ul {
	float: left;
	margin: 0;
	list-style-type: none;
	background: none;
	}
	

#secondaryNav li {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#secondaryNav .no a {
	float: left;
	text-decoration: none;
	display: block;
	color: #666769;
	border: none;
	margin-top: 2px;
	padding: 8px 25px 0 0;
	}


#secondaryNav .no a:hover {
	color: #19171c;
	}
	
#secondaryNav .act a {
	float: left;
	text-decoration: none;
	display: block;
	border: none;
	padding: 8px 25px 0 0;
	margin-top: 2px;
	color: #19171c;
	}
	
	
/*
Header Bild + Sprachwechsler/Impressum
--------------------------------------------------------------------------*/
#imgHeader {
	position: relative;
	width: 900px;
	height: 103px;
	color: white;
	background: url(/fileadmin/templates/images/weiterbildung.jpg) no-repeat;
	margin-top: 29px;
	}
	
*html #imgHeader {margin-top: 22px;}
	
#imgHeader_Text {
	position: absolute;
	left: 8px;
	top: 83px;
	}
	
#imgHeader_Sprache {
	position: absolute;
	right: 8px;
	top: 83px;
	}

#imgHeader a {
	color: white;
	text-decoration: none;
}

#imgHeader a:hover {
	text-decoration: underline;
	}

/*--------------------------------------------------------------------------
	Layout Suchformular
--------------------------------------------------------------------------*/

#auxNavi {width: 210px;float:right; }
#suchForm { padding-bottom: 2px; }
#suche {
	float: left;
}
#such_feld { float: left; margin: 4px 1px 0 0; }
#such_button { float: left; margin: 4px 2px 3px 5px;  }
/*--------------------------------------------------------------------------
	Layout Sprachnavi
--------------------------------------------------------------------------*/
#langNav {
float: right;
text-align: right;
}
#langNav img {
padding-left: 4px;
}

/*--------------------------------------------------------------------------
	Layout Socialbookmarks
--------------------------------------------------------------------------*/
#socialBookmarks{
float: left;
text-align: right;
padding-top: 3px;
}
#socialBookmarks img {
padding-right: 4px;
margin-bottom: 5px;
}
	
/*--------------------------------------------------------------------------
	Layout Content
--------------------------------------------------------------------------*/

#content {
	width: 900px;
	float: right;
	margin: 28px 0;
	}
	
/*
Main Content
--------------------------------------------------------------------------*/

#mainContent {
	width: 600px;
	float: left;
	}
	
*html #mainContent {width: 612px;}
	
#mainContent h1 {
	margin: 0;
	margin-bottom: 11px;
	padding: 0;
	color: #19171c;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	}
	
#mainContent h2 {
	margin: 0;
	margin-bottom: 7px;
	margin-top: -3px;
	padding: 0;
	color: #19171c;
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
	}
	
#mainContent p {
	line-height: 17px;
	color: #19171c;
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	vertical-align:middle;
	margin-bottom: 13px;
	}
	
#mainContent ul {
	background: #e9e9e9;
	padding: 10px 40px;
	margin-bottom: 17px;
	list-style-type: square;
	vertical-align:middle;
	color: #19171c;
	}
	
#mainContent ol {
	
	padding: 10px 40px;
	margin-bottom: 17px;
	color: #19171c;
	}

#mainContent li {
	background: transparent;
	line-height: 17px;
	font-size: 12px;
	font-weight:normal; 
	}
	
/*
Main Content - Bilder
--------------------------------------------------------------------------*/
#mainContent img {
	padding: 4px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
	}
	
.csc-textpic-intext-left dl, .csc-textpic-intext-left-nowrap dl {
	padding-right: 0px;
	padding-top: 3px;
	}

.csc-textpic-intext-right dl, .csc-textpic-intext-right-nowrap dl {
	padding-left: 0px;
	padding-top: 3px;
	}

.csc-textpic-caption {
	line-height: 15px;
	color: #87888a;
	font-size: 11px;
	font-style: normal;
	font-weight:normal;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}

DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 0;
	}
	
	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 20px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 20px !important;
	}
	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 20px;
	}

.csc-textpic-center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
	
#secondaryContent img {
	padding: 4px;
	border: 1px solid #d9e0e6;
	border-bottom-color: #c8cdd2;
	border-right-color: #c8cdd2;
	background: #fff;
	}
	
#mainContent .noborder img {
	margin: 0 0 0 0;
	padding: 0;
	border: none;
	background: #fff;
	}	

#secondaryContent .noborder img {
	margin: 0 0 0 0;
	padding: 0;
	border: none;
	background: #fff;
	}
	
.csc-textpic-clear {
	margin-bottom: 15px;
	}

/* Pictures on left, add margin on right */
#secondaryContent DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 30px;
	}
	
#secondaryContent DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 0;
	}
	
	/* Add margin from image-block to text (in case of "Text w/ images") */
#secondaryContent DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 20px !important;
	}
#secondaryContent DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 20px !important;
	}
	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 20px;
	}
	
/*
Main Content - Tabellen
--------------------------------------------------------------------------*/
table {
	width: 100%;
	border: 1px solid #999;
	background: #fff;
	margin-bottom: 13px;
	font-size: 12px;
	}
	
table caption {
	padding: 5px 10px;
	text-align:left;
	background: #FFF;
	border: 1px solid #999999;
	border-bottom: none;
	color: #999;
	}
	
table th, table td {
	margin: 0;
	padding: 5px 5px;
	text-align: center;
	color: #232323;
	}
	
table th {
	color: #FFF;
	background: #19171c;
	border-bottom: 1px solid #999;
	}
	
table td {
	text-align: left;
	}
	
.tr-even {
	background: #fff;
	}
	
.tr-odd {
	background: #f1f1f1;
	}
	
table td a {
	display: block;
	font-weight: bold;
	}
	
.contenttable {
	border: none;
	}

.contenttable td {
	vertical-align: top;
	}

#mainContent td {
	font-size: 12px;
	}
	
#mainContent td ul {
	background: #fff;
	list-style-type: square;
	padding: 0;
	margin: 0;
	margin-left: 16px;
	margin-top: -2px;
	}
	
#mainContent td li {
	background: transparent;
	line-height: 20px;
	font-size: 12px;
	font-weight:normal;
	padding: 0px;
	margin: 0;
	}
	
/*
Main Content - Links (Email, Intern, Extern)
--------------------------------------------------------------------------*/
#mainContent a {
	text-decoration: none;
	color: #87888a;
	}

.linkExt {
	color: black;
	text-decoration: none;		
}

.linkInt {
	color: #000;	
	text-decoration: none;	
}

.linkInt:hover {
	color: #000;
	text-decoration: underline;
	}

linkMailto {
}

/*
Secondary Content
--------------------------------------------------------------------------*/
#secondaryContent {
	width: 256px;
	float: right;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
	
*html #secondaryContent {padding-left: 0px;margin-top: 0px;}
	
#secondaryContent h1 {
	color: #19171c;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-top:0px; 
	margin-bottom: 4px;
	margin-left: 0;
	margin-right: auto; 
	text-align: left;
	}
	
#secondaryContent h2 {
	margin: 0;
	margin-bottom: 4px;
	padding: 0;
	color: #19171c;
	font-size: 12px;
	font-weight: bold;
	margin-left: 0;
	margin-right: auto; 
	text-align: left;
	}
	
#secondaryContent h1 {
	background: #e9e9e9;
	padding: 0 0 0 13px;
	border-bottom: 1px solid #919191;
	font-size: 14px;
	color: #19171c;
	font-weight: bold;
	margin: 0 auto 13px 0;
	text-align: left;
}
	
#secondaryContent p {
	line-height: 17px;
	color: #87888a;
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	vertical-align:middle;
	margin-bottom: 13px;
	margin-left: 0;
	margin-right: auto;
	text-align: left;
	}
	
#secondaryContent ul {
	list-style-type: none;
	padding-bottom: 20px;
	margin-left: 20px;
	text-align: left;
	}

#secondaryContent li {
	padding: 0 15px;
	line-height: 20px;
	background: url(/fileadmin/templates/images/article_icon.gif) 0 6px no-repeat;
	text-align: left;
	}
	
#secondaryContent a {
	color: #000;
	text-align: left;
	}
	
#secondaryContent a:hover {
	text-decoration: underline;
	}
	
#secondaryContent address {
	line-height: 12px;
	color: #87888a;
	font-style: normal;
	font-weight:normal;
	vertical-align:middle;
	margin-bottom: 13px;
	text-align: left;
	}
	
/* Kontakt */
#kontakt { text-align: left; }
#secondaryContent table { border: none; margin-top: -4px; }
#secondaryContent .titel { font-weight: bold; color: black; text-align: left; }
.zeile1 { float: left; font-weight: bold; }
#secondaryContent .zeile1 { float: left; text-align: left; }
#secondaryContent .mail img { float: left; border: none; padding: 0; margin-left: 4px; margin-top: 1px;}
#secondaryContent .zeile1 img { float: left; border: none; padding: 0; margin-left: 4px; }
*html #secondaryContent .zeile img { margin-top: 1px; }
.titel_ohne { font-weight: bold; color: black; text-align: left; }
.raum { clear: both;}
.raum_ohne { clear: both; }
* html .raum_ohne { margin-bottom: 0; }
.zeile1_ohne { float: left; font-weight: bold; }
#secondaryContent .zeile1_ohne { float: left; text-align: left; }

#secondaryContent .mail_ohne img { float: left; border: none; padding: 0; margin-left: 4px; margin-top: 1px; }


#kontakt { text-align: left; }
#mainContent table { border: none; margin-top: -4px; }
#mainContent .titel { font-weight: bold; color: black; text-align: left; }
.zeile1 { float: left; font-weight: bold; }
#mainContent .zeile1 { float: left; text-align: left; }
#mainContent .mail img { float: left; border: none; padding: 0; margin-left: 4px; margin-top: 1px;}
#mainContent .zeile1 img { float: left; border: none; padding: 0; margin-left: 4px; }
*html #mainContent .zeile img { margin-top: 1px; }
.position { clear: both; }
.position_ohne { clear: both; }
* html .position_ohne { margin-bottom: 0; }
.zeile1_ohne { float: left; font-weight: bold; }
#mainContent .zeile1_ohne { float: left; text-align: left; }

#mainContent .mail_ohne img { float: left; border: none; padding: 0; margin-left: 4px; margin-top: 1px;}

.position, .position_ohne, .raum, .raum_ohne, .strasse, .plz_ort, .tel, .fax {
	line-height: 17px;
	color: #87888a;
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	vertical-align:middle;
	margin-left: 0;
	margin-right: auto;
	text-align: left;
	}
	

.raum, .raum_ohne {
	margin-top: 7px;
	}

.tel {
	margin-top: 7px;
	}

/*--------------------------------------------------------------------------
	Layout Footer
--------------------------------------------------------------------------*/

#footer {
	clear: both;
	width: 900px;
	font-size: 11px;
	color: #87888a;
	margin-bottom: 60px;
	}
	
#footer p { font-weight: normal; }
	
#footer a {
	color: #87888a;
	}
	
#footer a:hover {
	text-decoration: underline;
	}
	
/*--------------------------------------------------------------------------
	Layout Startseite
--------------------------------------------------------------------------*/
.tx-jppageteaser-pi1-list-entry-odd {
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background: #fff;
	border: 1px solid #fff;
	width: 44%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
}
*html .tx-jppageteaser-pi1-list-entry-odd {padding: 0;margin-right: 0;}	

html>body .tx-jppageteaser-pi1-list-entry-odd {
	width: 41%; /* ie5win fudge ends */
	}

.tx-jppageteaser-pi1-list-entry-even {
	float: right;
	padding: 0 0 0 0px;
	margin: 0 30px 0 0;
	background: #fff;
	border: 1px solid #fff;
	width: 44%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 41%;
	}
*html .tx-jppageteaser-pi1-list-entry-even {padding: 0;margin-right: 0;}	
	
html>body .tx-jppageteaser-pi1-list-entry-even {
	width: 41%; /* ie5win fudge ends */
	}
	
#mainContent .tx-jppageteaser-pi1 h2 {	
	margin: 0;
	padding: 0;
	padding-top: 6px;
	padding-bottom: 5px;
	color: #19171c;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	text-decoration: none;
        width: 297px;
	}
	
.tx-jppageteaser-pi1 p {
	line-height: 17px;
	color: #19171c;
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	vertical-align:middle;
	margin-bottom: 13px;
	height: 119px;
        width: 297px;
	}

* html .tx-jppageteaser-pi1 p { height: 119px; }
	
#mainContent .no-border img {
	padding: 0;
	margin: 0;
	border: none;
	}
	
/* Logo Druckversion */
#logo_druck {
	display: none;
	position: absolute;
	left: -2000em;;
	}

/* Druckversion */	
#druck_link { width: 600px; text-align: right; margin-top: 20px; }
#druck_link a { background: #e9e9e9; padding: 3px; border: 1px solid #919191; color: #19171c; text-decoration: none; }

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns {
		width: 100%;
		padding: 0 1px 0 1px;
		margin: 0 -1px 0 -1px;
		overflow:hidden;
	}

	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}

	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */

	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
}

/******************************
* Formular
******************************/
label {
clear: left;
float: left;
width: 120px;
}

input {
float: left;
border: 1px solid #ccc;
}

form p { clear: both; }
.csc-mailform-field {
padding-top: 5px;
height: 25px;
clear: left;
margin-bottom: 1px;
}

/******************************
* Anmelde Formular Newsletter
******************************/
#anmelde_button {
margin-right: 5px;
}

.abmelde_link {
padding: 5px 0;
clear:both;
}

/******************************
* Kontakt Weiterbildung
******************************/
fieldset.tx-powermail-pi1_fieldset {

/* Disable border */

border: none;

}

fieldset.tx-powermail-pi1_fieldset label {

/* Style labels */

display: block;

width: 150px;

float: left;

clear: both;

}

fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset select,
fieldset.tx-powermail-pi1_fieldset textarea {
float:left;
display:block;
width:250px;
border: 1px solid #999;
background:#efefef;
padding:1px;
margin-bottom:25px;
}
fieldset.tx-powermail-pi1_fieldset input[type=radio] {
	width: 30px;
	margin-bottom:5px;
}
fieldset.tx-powermail-pi1_fieldset h4 {
margin-bottom: 0;
padding-bottom: 0;
}

fieldset.tx-powermail-pi1_fieldset p {
margin-left: 30px;
margin-top: 0px;
}

fieldset.tx-powermail-pi1_fieldset textarea {

float:left;
display:block;
width:450px;
border: 1px solid #999;
background:#efefef;
padding:1px;
margin-bottom:25px;

}
.powermail_mandatory_js { clear: both; margin-left: 151px; color: red}
fieldset.tx-powermail-pi1_fieldset input.validation-failed { margin-bottom: 5px; background:#F8BEA6; }
fieldset.tx-powermail-pi1_fieldset input[type=text].validation-passed { background:#A8D8A0; }

div.tx_powermail_pi1_fieldwrap_html {

/* Increase margin between every field */

margin: 10px 0;

}

fieldset.tx-powermail-pi1_fieldset legend {
	margin: 0;
	margin-bottom: 11px;
	padding: 0;
	color: #19171c;
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	margin-left: -7px;
	}

.powermail_mandatory { color:red }
.tx-powermail-pi1_confirmation, .tx-powermail-pi1_confirmation_back { margin-right: 5px; }