.content h2 { clear: left; }
.pfeil { margin: 0px 4px 0px 0px;  }
.floatLeft { float: left; }
.floatRight { float: right; }
.buttonLeft { float: left; clear:left; margin: 10px 0px 0px 0px; padding: 0px 15px 0px 15px; }
.buttonRight { float: right;  margin: 10px 0px 0px 0px; padding: 0px 15px 0px 15px; }
.subNavigation { margin-bottom: 20px; }
.button { margin: 10px 0px 0px 0px; color: #333; }
.contentImage { float: left; margin: 0px 10px 10px 0px; }
.sucheButtons
{
	padding-left: 65px; 
	width: 230px; 
	float: left;
}
* html .sucheButtons { width: 240px;  }
* html .kurssucheForm { margin-right: 5px; }
*+html .sucheButtons { width: 237px;  }
/*** popup ***/
#footerPrint { display: none; text-align: right; float: left; clear: left; margin: 20px 0 10px 0; width: 550px; background-color: #339900; color: #FFF; }
body.popup #footerPrint { display: block;  }

body.popup { background-image: none; padding: 10px; background-color: #fff; }
body.popup #contentContainer { padding: 0px; width: 550px; clear: left; }
body.popup #contentContainer .content { padding: 0px; }
body.popup #header { float: left; clear: left; padding: 0px; border-bottom: solid 2px #ccc; padding-bottom: 10px; margin-bottom: 20px; width: 550px;}
body.popup #header form { display: none; }
body.popup #footer { display: none; }
body.popup #kraftwerk { display: none; }

.contentPadd { width: 546px; float: left; clear: left; margin-bottom: 20px; }

/*** content table ***/
.contentTable { width: 100%; border-collapse:collapse; border: solid 1px #ccc; margin-bottom: 10px;  }
.contentTable th { font-weight: normal; background-color: #e3f2df; padding: 5px 5px 5px 5px; border: solid 1px #ccc;}
.contentTable td { background-color: #fff; padding: 5px 5px 5px 5px; border: solid 1px #ccc;}



/*** error ***/
.fehler, .fehler * { color: #CC0000 !important; }
img.fehler { margin: 0px 0px 0px 5px; vertical-align: text-top; }
div.fehler 
{
	float: left; 
	width: 524px; 
	border: solid 1px #CC0000; 
	padding: 10px 10px 10px 10px; 
	margin: 20px 0px 20px 0px; 
	background-color: #FFF2F2; 
}


.errorContainer { clear: left; position: absolute; left: 0px; top: 0px;}
.error, .error * { color: #CC0000 !important; }
.errorArrow
{
	float: left;
	position: relative;
	left: 1px;
	top: 0px;
	z-index: 20;
}
.errorText
{
	position:relative;
	padding: 3px !important;
	background-color: #FFF2F2;
	border: solid 1px #CC0000;
	width: 150px;
	float: left;
	line-height: 1.25em;
	z-index: 10;
}
.text { float: left; width: 111px; border-right: solid 1px #CC0000; padding: 0 5px 0 0 !important; margin-right: 3px; }
.icon { float: right; padding: 0px !important; }
.icon img { margin: 3px; }

.errorHeader { position: relative; top: 45px; left: 10px;}
.errorTeaser { position: relative; left: -190px; top: 155px;  }

.errorTeaser div.errorArrow { left: -1px; top: 0px;}
.errorTeaser div.text { border-right-width:0px; border-left: solid 1px #CC0000; padding: 0 0 0 5px !important; margin-right: 0px; margin-left: 3px;}
.errorTeaser div.icon { float: left;}



/*** form controls ***/
.contentDataListMerken input { vertical-align: middle; }
.contentTermine input { margin: 10px 0px 0px 0px; clear: left; display:  block; font-weight: normal;  }
.contentFormTableItemWithBorder input { margin: 0px 0px 20px 0px; }
.contentFormTableItem input { margin: 0px 0px 20px 0px; }
.contentTeilnehmerKursteilnehmer input { float: right;  }
.contentRechnung th input { vertical-align: middle; } 
.contentRechnung input.large,  .contentRechnung select.large { width: 140px; }
.contentSuche .large { width: 240px; }
.contentSuche select.large { width: 245px; }
.contentBuchungKurse input { margin: 10px 0px 0px 0px;}
.contentAllgemeinGeschaeft input { margin: 0px 0px 0px 0px; } 
.contentWeiterempfehlen input.large { width: 145px; }
.contentWeiterempfehlen textarea.large { width: 100%; height: 50px; }
textarea.xlarge { width: 440px; height: 60px; }
input.xlarge { width: 440px; }
input.large, select.large { width: 195px; }
input.xsmall { width: 30px; }
input.small, select.small { width: 92px; }
input.teilnehmer { width: 230px; }
input.steilnehmer { width: 160px; }

/*** branchen ***/
.contentDataContainer, .contentDataContainerRight
{
	width: 265px;
	float: left;
	margin: 0px 0px 0px 0px;
}
.contentDataContainerRight	{	float: right;	}
.contentDataContainer h2, .contentDataContainerRight h2	
{ 
	background-image: url(../images/backgrounds/dataItemh2.gif);
	background-repeat: repeat-x;
	padding: 3px 10px 3px 10px; 
	margin: 20px 0px 0px 0px;
	border: 0px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #399325;
}
.contentDataContainer ul, .contentDataContainerRight ul
{
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;	
	border-bottom: solid 2px #CCC;
}
.contentDataContainer li, .contentDataContainerRight li	{	margin: 0px 0px 3px 0px; list-style-image: url(../images/leer.gif);	}
.contentDataContainer li img, .contentDataContainerRight li img {	margin: 0px 0px 0px 4px;	}

/*** pager ***/

.contentPager
{
	float: left;
	clear: left;
	background-image: url(../images/backgrounds/contentLeiste.jpg);
	background-repeat: repeat-x;
	border-bottom: solid 1px #ccc;
	border-top: solid 2px #ccc;
	background-color: #e8e8e8;
	margin: 0px 0px 0px 0px;
	width: 546px;
	
}

.contentPagerContainer .contentPager
{
	border-top: solid 0px #ccc !important;
	margin-bottom: 30px;
}


.contentPager div { float: left; }
.contentPager a, .contentPager a:visited, .contentPager a:link, .contentPager a:hover { float:left; text-decoration:none; color: #000; background-color: Transparent !important; }
.contentPager a:hover { color: #339900 !important;  }
.contentPagerLeft, .contentPagerRight	{width: 33px;}
.contentPagerRight {	float: right; }
.contentPagerLeft a, .contentPagerRight a { background-color: Transparent !important; }	
.contentPagerRight a { float: right !important; }
.contentPagerText		{ width: 480px; text-align:center; }
.contentPagerSeiten		{ width: 329px; text-align:center; margin-top: 7px; }
.contentPagerSeiten * { text-align: center; }
.contentPagerSeiten a, .contentPagerSeiten a:link, .contentPagerSeiten a:hover, .contentPagerSeiten a:visited
{
	margin: 0px 5px 0px 5px;
	text-decoration:underline;
	color: #339900;
	float: none;
}
.contentPagerSeiten a:hover { text-decoration: none; }
a.contentPagerActive { color: #000 !important;  text-decoration: none !important;}

.contentPagerSeitenLeft { width: 80px; margin: 7px 0px 0px 0px; }
.contentKursPagerLeft, .contentKursPagerMiddle, .contentKursPagerRight , .contentPagerSeitenRight
{ vertical-align: middle; margin: 7px 0px 0px 0px;  }

.contentKursPagerLeft { width: 212px; }
.contentKursPagerMiddle { width: 140px; }
.contentKursPagerRight a { width: 106px; text-align:right;}


/*** auflistung ***/
.contentDataList, .contentDataListBottomBorder
{
	border-top: solid 2px #ccc;
	border-bottom: solid 1px #ccc;
	margin: 0px 0px 0px 0px;	
	float: left;
	clear: left;
}
.contentDataListBottomBorder { clear: left; margin-bottom: 30px; }
.contentDataListAngebot 
{ 
	padding: 0px 0px 10px 0px; 
	background-color: #CCCCCC; 
	margin: 20px 0px 20px 0px;	
	float: left;
}

.contentDataListAngebot a, .contentDataListAngebot a:visited, .contentDataListAngebot a:link, .contentDataListAngebot a:hover
{
	color: #000;
	font-weight: bold;
	font-size: 1.1em;
}
.contentDataList i, .contentDataList em, .contentDataListBottomBorder i, .contentDataListBottomBorder em  { color: #666666; }
.contentDataList h2, .contentDataListBottomBorder h2 
{ 
	width: 400px; 
	display: inline; 
	float: left; 
	font-size: 1.1em; 
	border-width: 0px; 
	margin: 0px 0px 1px 0px; 
	padding: 0px 0px 0px 0px;
}
.contentDataListAngebot h2 
{ 
	background-color: #fff; 
	font-weight: bold; 
	font-size: 1.1em; 
	padding: 0px 10px 2px 10px; 
	color: #000;
}
.contentDataListAngebot .contentDataListItem h2 
{ 
	width: 400px; 
	background-color: #CCCCCC; 
	display: inline; 
	float: left; 
	border-width: 0px; 
	font-weight: normal; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	color: #000;
	font-size: 1em;
}


.contentDataListItem, .contentDataListAlternatingItem
{
	padding: 10px 10px 10px 10px;
	background-image: url(../images/dataItemBg.gif);
	background-position: left bottom;
	background-color: #F2F9F1;
	background-repeat: repeat-x;
	float: left;
	clear: left;
	width: 526px;
	border-bottom: solid 1px #ccc;
}
tr.contentDataListItem,  tr.contentDataListAlternatingItem
{ padding: 0px 0px 0px 0px; float:none; }
tr.contentDataListItem td,  tr.contentDataListAlternatingItem td
{border-bottom: solid 1px #ccc; }

.contentDataListAngebot .contentDataListItem 
{
	background-color: #CCCCCC; 
	border-width: 0px; 
	background-image:none; 
	padding: 10px 10px 0px 10px;
	width: 526px;
	clear: left;
	float: left;
}

.contentDataListAlternatingItem { background-color: #fff; }
.contentDataListMerken { float: right; }
.contentDataListMerken input { vertical-align: middle; }
.contentDataListText { float: left; width: 100%; }
.contentDataListText img { float: right; margin: 10px 0px 0px 0px;}

/*** kursdetail ***/
div.contentSubTitle { margin: 20px 0px 0px 0px; float: left; }
h2.contentSubTitle  
{
	border-width: 0px; 
	color: #339900; 
	font-size: 1.3em; 
	font-weight: bold; 
	display:inline; 
	float: left; 
	width: 470px; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
}
h2.contentSubTitle a 
{
	font-size: 0.75em; 
	font-weight: normal; 
	
}

.contentBox 
{
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 546px;
}

.contentBrancheContainer
{
	background-color: #F8F8F8;
	padding: 10px 0px 10px 0px;
	float: left;
	width: 546px;
}
.contentBrancheBild 
{
	float: left;
	width: 80px;	
	padding: 0px 10px 0px 10px;
}
.contentBrancheBild img { margin: 0px 0px 20px 0px;}
.contentBrancheText { float: left; width: 446px; }
#contentContainer .centerPanel .content .contentBrancheText h3.noBorder { padding: 0 0 0 0 !important; border-top-width: 0px !important; margin-top: 0px !important; }
#contentContainer .centerPanel .content .contentBrancheText h3 { border-width: 0px; font-size: 1em; border-top: solid 1px #ccc !important; margin: 10px 0px 0px 0px !important; padding: 10px 0px 0px 0px !important;}
.contentBrancheText p { padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; }

table.contentTermine
{
	margin: 30px 0px 0px 0px;	
	border-bottom: solid 1px #ccc;
	width: 546px;
	float :left;
}

tr.contentDataListItem  { padding: 0px 0px 0px 0px; float:none; }
tr.contentTermineFooter td { border-top: solid 1px #ccc; border-bottom: solid 1px #ccc }


table.contentTermine th { border-bottom: solid 2px #CCC; vertical-align: bottom; text-align: left;  }
table.contentTermine td { padding: 10px 10px 10px 10px; }
table.contentTermine td.contentTerminePreis { padding: 10px 10px 10px 10px; font-weight: bold;}
th.contentTermine { width: 390px; padding: 0px 10px 3px 0px;font-size: 1.3em; }
th.contentTerminePreis, td.contentTerminePreis { width: 140px; padding: 0px 0px 3px 10px; font-weight: normal; }
.contentTerminePreis img { margin: 10px 0px 0px 0px;}

.contentInfo { color: #666; font-weight: normal; text-align: left; }
.contentTermine .contentInfo, .contentTermine .contentInfo b { color: #666; } /** innerhalb der tabelle **/
.contentTermine div.contentInfo { display: block; float: left; width: 100%; margin: 10px 0px 0px 0px;  }
.contentTermine input { margin: 10px 0px 0px 0px; clear: left; display:  block; font-weight: normal;  }
img.contentInfo { margin: 0px 5px 0px 0px; float: left; display: block; }
.contentTerminePreis img.contentInfo { margin: 0px 5px 26px 0px; float: left; display: block; }
.contentTermineInfo { margin: 10px 0px 0px 0px; }
.contentTermineInfo b { display: block; width: 60px; float: left; }

.contentSorter { font-size: 0.75em !important; font-weight: normal;}
.content h2 span.contentSorter { font-size: 0.60em !important; padding-bottom: 30px; display: block; }
.content h2 span.contentSorter a { font-size: 1em !important; }


contentTermineInfo { margin: 10px 0px 0px 0px; }
.contentTermineInfo b { display: block; width: 60px; float: left; }

.feedback { margin-bottom: 30px; float: left; width: 546px; }

/*** Registrierung ***/
.contentPagerInfo, .contentFormAuswahlNoMargin, .contentFormAuswahl, .contentWillkommen { border-top: solid 2px #ccc; border-bottom: solid 1px #ccc; }
.contentPagerInfo, .contentFormAuswahl, .contentFormAuswahlNoMargin, .contentWillkommen
{
	float: left;
	background-color: #f8f8f8;	
	background-image: url(../images/dataItemBg.gif);
	background-repeat: repeat-x;
	background-position:  left bottom;
	padding: 10px 10px 10px 10px;
	width: 526px;
	margin: 0px 0px 0px 0px;
}
.contentWillkommen { margin-bottom: 10px; }
.contentFormAuswahl { margin-bottom: 10px; }
.contentPagerInfo { margin-bottom: 20px; }
.contentPagerInfo img { vertical-align: text-top; }

.contentFormTableContainerWithPadding { width: 526px; float: left; border-bottom: solid 1px #CCC; padding: 10px 10px 10px 10px; margin: 0px 0px 10px 0px; }

.contentFormTable { float: left; margin: 0px 0px 0px 0px; width: auto; }
.contentFormTable td { vertical-align: middle; padding: 1px 10px 1px 10px; } 
.contentFormTableLabel { width: 160px; }
/*.contentFormTableLabel label { width: 140px; display: inline-block; }*/
.contentFormTableField {  }
td.contentFormTableInfo  { color: #666; vertical-align: bottom;  }

.contentFormTableContainerWithMargin {float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; } 
.contentFormTableContainer { width: 546px; float: left; border-bottom: solid 2px #CCC; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; }
.contentFormTableContainerItem { width: 546px; float: left; border-bottom: solid 1px #CCC; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px; }
.contentFormTableContainerItem .contentFormTable { margin: 0px 0px 0px 0px; }
.contentFormTableContainerItem td.contentFormTableLabel { width: 82px; } /** innerhalb eine andere table **/

.contentPaddNoMargin { padding: 10px 10px 0px 10px; margin: 0px 0px 0px 0px; float:left; }
.contentPaddNoMargin h3 { clear: left; margin: 10px 0 0px 0; color: #555; }
.contentPaddNoMargin p { float: left; width: 520px; }

.contentCheckBox { float: left; width: 220px; }


/*** willkommen ***/

.contentWillkommen ul 
{
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 18px;	
	list-style-image: url(../images/ul_gruen.gif);
	width: 44%;
	float: left;
}
.contentWillkommen li { list-style-image: url(../images/ul_gruen.gif); }

/*** firma ***/
.contentFormTableContainerNoPadding { width: 546px; float: left; border-bottom: solid 2px #CCC; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
.contentFormTableItemWithBorder { padding: 10px 10px 10px 10px; float:left; width: 252px; border-right: solid 1px #CCC; }
.contentFormTableItem { padding: 10px 10px 10px 10px; float:left; width: 252px; }

.contentTeilnehmer { background-color: #f8f8f8; }
.contentTeilnehmerNeu { border-right: solid 1px #ccc; }
.contentTeilnehmerNeu td.contentFormTableLabel { width: 100px; } /** innerhalb eine andere table **/
.contentFormTableContainerItem td.contentFormTableLabel { width: 82px; } /** innerhalb eine andere table **/
th.contentTeilnehmerNeu { padding: 10px 10px 10px 113px; font-weight: normal; width: 247px; }
td.contentTeilnehmerNeu { padding: 0px 0px 0px 0px; }
th.contentTeilnehmerBestehend { padding: 10px 10px 10px 10px;  font-weight: normal; }
td.contentTeilnehmerBestehend { padding: 0px 10px 0px 10px; vertical-align: top; }

.contentTeilnehmerKursnr {float:left; width: 100px; }
.contentTeilnehmerKursname {float:left; width: 180px; font-weight: bold; }
.contentTeilnehmerContainer { width: 246px; float: left; }
.contentTeilnehmerKursteilnehmer { float:right; width: 246px; margin: 0px 0px 10px 0px; }

table.contentBuchung caption, table.contentRechnung caption { font-size: 1.6em; font-weight: normal; color: #555; line-height: 1.3em; text-align: left; border-bottom: solid 2px #ccc; }
table.contentBuchung { width: 546px; clear: left; }
table.contentBuchung tbody .contentBuchungEmpfaenger, table.contentBuchung tbody .contentBuchungRechnung { border-top: solid 1px #ccc; }
.contentBuchung th { padding: 10px; background-color: #f8f8f8; background-image: url(../images/dataItemBg.gif); background-repeat: repeat-x; background-position:  left bottom; } 
.contentBuchung td { padding: 10px 10px 10px 10px; vertical-align: top; }
.contentBuchungFooter td { font-weight: bold; border-bottom: solid 2px #CCC;  border-top: solid 2px #CCC; }

table.contentRechnung { width: 546px; float:left; margin: 0px 0px 0px 0px; }
table.contentRechnung tbody .contentBuchungEmpfaenger, table.contentRechnung tbody .contentBuchungRechnung { border-top: solid 1px #ccc; }
.contentRechnung th { font-weight: normal; padding: 10px; background-color: #f8f8f8; background-image: url(../images/dataItemBg.gif); background-repeat: repeat-x; background-position:  left bottom;  }
.contentRechnung th input { vertical-align: middle; } 
.contentRechnung td { vertical-align: top; }
.contentRechnung td.contentBuchungEmpfaenger{ width: 253px; padding: 10px 10px 10px 10px; border-bottom: solid 2px #ccc; }
.contentRechnung td.contentBuchungRechnung { width: 272px; padding: 10px 0px 10px 0px; border-bottom: solid 2px #ccc; }
.contentRechnung td.contentFormTableLabel { width: 0px; } /** innerhalb eine anrede table **/
.contentRechnung input.large,  .contentRechnung select.large { width: 140px; }
.contentRechnung .contentFormTable { margin: 0px 0px 0px 0px; }

th.contentBuchungRechnung { border-left: solid 1px #CCC;  }
td.contentBuchungEmpfaenger { width: 253px; border-bottom: solid 1px #CCC; }
td.contentBuchungRechnung { width: 252px; border-bottom: solid 1px #CCC; border-left: solid 1px #CCC; }
td.contentBuchungKurse { border-top: solid 1px #CCC; }
div.contentBuchungKurse { float: left; width: 330px; padding-left: 100px; margin: 10px 0px 0px 0px; }

.contentBuchungKursnr  {float:left; width: 100px; }
.contentBuchungKursname { float: left; width: 300px; font-weight: bold;} 
.contentBuchungKursPreis { float: right; font-weight: bold; } 

.contentBuchungKurse ul { padding: 0px 0px 0px 15px; margin: 10px 0px 0px 0px; list-style-image: url(../images/ul.gif); }
.contentBuchungKurse input { margin: 10px 0px 0px 0px;}
.contentAllgemeinGeschaeft { width: 530px; text-align:right; margin: 10px 10px 0px 10px; }

/*** suche ***/ 
.contentSuche {float: left; width: 252px; padding: 10px 10px 10px 10px; margin-bottom: 20px; }
.contentSuche ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	
}
.contentSuche li { list-style-image: url(../images/leer.gif); }
.contentSuche .floatRight { margin: 0px 10px 0px 0px;}

/*** gebuchte kurse ***/
.contentKurseNummer { width: 90px; float:left; }
.contentKurseDetail { width: 436px; float:left; }
.contentKurseDetail table td { padding: 0px 10px 0px 0px; vertical-align: middle; }
.contentKurseDetail hr { border-style: none; border-top: solid 1px #CCC; height: 0px; } 
.contentKurseDetail h3 { border-width: 0px; padding: 20px 0px 0px 0px; }
.contentKurseDetail img { vertical-align: middle; margin: 0px 5px 0px 5px; }
.contentKurseDetail .contentTable { border-width: 0px; margin: 0px 0px 10px 0px; }
.contentKurseDetail .contentTable td { border-width: 0px; background-color:Transparent; padding: 5px 10px 5px 0px; }
.contentTableNote { text-align: right;}

.contentKurseDetailTable { border-collapse: collapse; width: 100%; margin: 0px 0px 10px 0px; }
.contentKurseDetail .contentKurseDetailTable td { padding: 2px 5px 2px 5px; border: solid 1px #CCC; }
.contentKurseDetailTable caption { font-size: 1em; color: #000; border-width: 0px; padding: 20px 0px 0px 0px; text-align: left; font-weight: bold; }
.contentKurseDetail h3 { margin: 20px 0 0 0; color: #555; }

/*** weiterempfählen ***/
.contentWeiterempfehlen { width: 100%; border-bottom: solid 2px #ccc; margin-bottom: 10px; }
.contentWeiterempfehlen td, .contentWeiterempfehlen th { padding: 1px 10px 1px 10px; text-align: left; }
.contentWeiterempfehlen td.contentWeiterempfehlenLabel { width: 140px; }


@media print
{
	body { background-image: none; padding: 10px; background-color: #fff; }
	
	#pageContainer, #page { padding: 0px; margin: 0px; width: 550px;  }
	
	.content, .breadcrumbs { clear: left; }
	
	#header form, 
	#topNavigation, 
	#footerNavigation, 
	#footer , #kraftwerk , .leftPanel, .rightPanel, .top
	{ display: none; }
	
	#contentContainer { clear: left; padding: 0px; width: 550px; background-image: url(../images/leer.gif) !important; }
	#contentContainer .content { padding: 0px; width: 550px; clear: left;  }
	#header { float: left; clear: left; padding: 0px; border-bottom: solid 2px #ccc; padding-bottom: 10px; margin-bottom: 20px; width: 550px;}
	
	#footerPrint 
	{ float: none; clear: left; display: block !important;  }
}