/****INFO************************************************************************/ 
/*   Style (c) by Webtech AG, bz                                                */
/********************************************************************************/ 



/****PAGE GRUNDBEREICH**********************************************************/   
.tabStd td{ /*Abstaende Formularformatierung*/
	padding-right: 5px;
	padding-bottom: 2px;
	vertical-align: top;
	border-bottom: 0px solid #999;
}

.clPortraitImg{ /*Firmenlogo*/
	border: 1px solid #000;
}
.clPortraitBildImg{  /*Zusatzbild in Portrait*/
	border: 1px solid #fff;
}

.clDienstleistungImg{
	float: right;
	margin-left: 0px;
	margin-bottom: 5px;
}


.clHIDETest{
	visibility: hidden;
}
/********************************************************************************/ 






/****PAGE Breiten / Format********************************************************/ 
#idPage {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
	 width: 987px;
	 
	 font-family:Georgia,serif; /* Channel Spez. bz*/
}

#idWrapper{
	width: 100%;
	float:left;
}

#mainColLeftTagi{
	float:left;
	width: 470px;
	border: 0px solid red;
}
#mainColRightTagi{
	float:right;
	width: 318px;
	border: 0px solid red;
}
#sidebarSkyTagi{
	float:right;
	width: 160px;
	border: 0px solid red;
}

#exportPage{
	padding-top: 0px;
}

#idContent{
	padding-top: 0px;
	width: 100%;
	float: left;
}





.clBorder{
		border: 1px solid #ccc;
		border-top: 0px solid #ccc;
		/*float: left;*/
}
.clBorderLeft{
	border-left: 1px solid #ccc;
}
.clBorderRight{
	border-right: 1px solid #ccc;
}

#idContent{
	/*float: left;*/
	/*font-size: 0.9em; */
}
#idContent ul {
	margin: 0px;
	padding: 0px;
}
#idContent ul li{
	margin-left: 20px;
	list-style: disc;
}


#idContent b, #idContent strong{
	/*color: #666;*/
}



.clBreiteSpez{  /* Spez. IE 6.0 Bug, Div's  werden dadurch Korrekt angezeigt */
	width: 100%;
}

.clGutterClear, .clGutterLeft{  /*Allgmeine Abstaende um Boxen herum*/
	width: 8px;
	height: 8px;
	font-size: 1px;
}
.clGutterClear{      /* Zeilenumbruch*/
	clear: both;
}
.clGutterLeft{      /* Float */
	float: left;
}
/********************************************************************************/ 









/****CONTENT BEREICH**************************************************************/
h5.spezTitel{
	color: #000;
	font-size: 1.0em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2px;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
/*********************************************************************************/ 







/****HEADER BEREICH**************************************************************/
.clSuchefenster{
	width: 455px;
	padding: 10px 10px 10px 8px;
	background-color: #EBE8E4 !important;
	float: left;
}
.clSuchefenster h1{
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #000;
}
.clSuchefenster a.clPfeilEinfach, .clSuchefenster a.clPfeilEinfach:hover{
	/*background-image: url(/weiterbildung/img/link-pfeil-einfach-rot.gif);
	background-repeat: no-repeat;
	padding-left: 8px;
	background-position: left center;
	*/
	font-size:0.857em;
	font-family: Arial, Helvetica, sans-serif;
}
.clSuchefenster a.clPfeilDoppelt, .clSuchefenster a.clPfeilDoppelt:hover{
	/*
	background-image: url(/weiterbildung/img/link-pfeil-doppelt-rot.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	background-position: left center;
	*/
}

/********************************************************************************/







/****BOXEN - BEREICH*************************************************************/

/* Definition allg. Einstellungen fuer alle Boxen */
.clBoxLeerZeile{
	height: 5px;
	font-size: 1px;
}

.clBoxContent{ /*Texteinzug innherhalb Boxen, Schriftgroesse*/
	margin: 0px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.clBoxContent p{
	margin-top: 0px;
	margin-bottom: 0px;	
	padding-top: 0px;	
	padding-bottom: 5px;
	
}

.clBoxContent h2{ /* nur Innerhalb Content benutzen */
	margin-top: 0px;
	margin-bottom: 2px; /*Abstand zu erster Zeile*/
	
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	font-size: 0.9em;
	text-transform: uppercase;
}

.clBoxContent h3{ /* nur Innerhalb Content benutzen */
	margin-top: 0px;
	margin-bottom: 2px; /*Abstand zu erster Zeile*/
	
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
	font-size: 1em;

}

.clBoxBlau {
	clear: left;	
	background-color: #fff;
}



/*Boxen-Titel*/
.clBoxBlau h1 {
	margin-top: 0px;
	margin-bottom: 2px; /*Abstand zu erster Zeile*/
	font-size: 1.286em;
	font-weight: bold;
	/*text-transform: uppercase;*/
}
/* Ende */

.clBoxBlau .line {
	margin-bottom: 5px;
}




.clBoxBlau{
	border: 0px solid #538594;
}
.clBoxBlau h1{	
	/*color: #027A9C;*/
	color: #333;
}

/*
.clBoxBlau h2{
	color: #666;
}*/

.clBoxBlau h2 a, .clBoxBlau h2 a:visited, .clBoxBlau h2 a:active{
	font-weight: bold;
}
.clBoxBlau .line{
	border-bottom: 1px dotted #ccc; 
	font-size: 1px;
}
.clBoxBlau a, .clBoxBlau a:link, .clBoxBlau a:visited {
	/*color: #538594; */
}
.clBoxBlau a.clPfeilEinfach, .clBoxBlau a.clPfeilDoppelt {
	/*background-image: url(/img/pfeil-off.gif);
	background-repeat: no-repeat;
	padding-left: 9px;
	background-position: left center;
	background-position: 0px 5px;*/
	
}
 .clBoxBlau a.clPfeilEinfach:hover, .clBoxBlau a.clPfeilDoppelt:hover{
	/*
	background-image: url(/img/pfeil-on.gif);
	background-repeat: no-repeat;
	padding-left: 9px;
	background-position: left center;
	background-position: 0px 5px;*/
}
.clBoxBlau a.clPfeilEinfach:visited, .clBoxBlau a.clPfeilDoppelt:visited {
	/*background-image: url(/img/pfeil-visited.gif);
	background-repeat: no-repeat;
	padding-left: 9px;
	background-position: left center;
	background-position: 0px 5px;*/
}

.clBoxBlau .clBackground {
	background-color: #f2f2f1;
}

 
 
/*Anbieter Info-Box mit Logo Adresse und Links, Suchbox, Merkliste*/
dl.clLay3ColAnbieter{
	width: 100%;
	margin: 0px;
	float: left;
}

dl.clLay3ColAnbieter dt{
	margin: 0px;
	float: left;
	width: 140px;	
}

dl.clLay3ColAnbieter dd.clColDD1 {
	float: left;
	width: 250px;
	margin: 0px;
	margin-right: 10px;
}

dl.clLay3ColAnbieter dd.clColDD2 {
	float: right;
	margin: 0px;
	width: 150px;
	text-align: right;
}
/*Ende*/

/********************************************************************************/







/***Liste Aktuelle Kurse**********************************************************/ 
.clAktKurse h1{
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 2px; /*Abstand zu erster Zeile*/
	font-size:1.286em;
	font-weight: bold;
}
.clAktKurse p{
	/*padding-left: 17px;*/
	
}

.clAktKurse .clFirma{
	font-family: Arial, sans-serif;
	color: #666;
	font-size:0.786em; 
}

.clAktKurse .clLinie{
	/*border-bottom: 1px dotted #CCCCCC; */
	font-size: 1px;
	padding-bottom: 0px;
	margin-top: 2px;
	margin-bottom: 12px;
}
/********************************************************************************/


/***Liste Aktuelle Kurse**********************************************************/ 
.clAktRubriken a{
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

/********************************************************************************/




/***Kurse Detail*****************************************************************/ 
.clKurs .clPortraitImg{
	float: right;
	margin-bottom: 10px;
}
.clKurs .kurstitle{
	color: #333;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 15px; /*Abstand zu erster Zeile*/
	font-size: 1.3em;
	font-weight: bold;
}
.clKurs li{
	list-style-type: disc;
}
.clKurs .clAnbieter{
	font-size: 0.88em;
	font-family: Arial, Helvetica, sans-serif;
}
.clKurs .clAnbieter strong{
	font-weight: bold;
}
.clKurs .clAnbieter .clSpezText{
	color:#666;
}

/********************************************************************************/


.clBoxPortrait .Box2 h1{
	color: #333;
}
.clBoxPortrait h2{
	font-weight: bold;
}
.clBoxPortrait .clSpezText{
	color: #666;
	font-family:Arial,sans-serif;
	font-size:0.8em;
	line-height: 1em;
}


/****Searchresults**************************************************************/ 
.clBoxResult{
	border-bottom: 0px dotted #538594;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.clBoxResult ul li {
	list-style: none !important;
	margin-left: 0px !important;
	padding-bottom: 1px !important;
}
.bgLine1{
	border-bottom: 1px dotted #ccc;
}
.bgLine2{
	background: url(/weiterbildung/img/bg-search-line.gif);
	background-position: 155px bottom;
	background-repeat: no-repeat;
}


.clBoxResult .Box h2{
	text-transform: none;
	font-weight: bold;
	font-size:1.286em;
	margin:0px;
	margin-bottom:2px;
	padding:0px;
	color: #000;
}
.clBoxResult .Box .clSpezText{
	font-family:Arial,sans-serif;
	color: #666;
	font-size:0.82em;
}




.clBoxResult .Box1{
	float:left; 
	width: 135px;
	border: 0px solid #000;
}


.clBoxResult .Box2{
	float:left; 
	width: 325px;
	border: 0px solid #000;
}
.clBoxResult .Box2 h2, .clBoxResult .Box2 h2 a, .clBoxResult .Box2 h3{
	text-transform: none;
	font-weight: bold;
	font-size:0.98em;
	margin:0px;
	margin-bottom:0px;
	padding:0px;
	color: #000;
	font-family: Georgia,serif;
}

.clBoxResult .Box2 .clSpezText{
	font-family:Arial,sans-serif;
	color: #666;
	font-size:0.8em;
}
.clBoxResult .Box2 a{
	font-family:Arial,sans-serif;
	font-size: 0.89em;
}


.clBoxAnsicht{
	font-family: Arial, Helvetica, sans-serif;	
	font-size:0.95em;
}
/********************************************************************************/ 







/***Suchergebnisse***************************************************************/ 
.clAnbieterBox1{
	float:left; width: 140px
}
.clAnbieterBox2{
	float:left; width: 280px
}
.clAnbieterBox3{
	float:right; width: 160px
}


.clAngebotBox1{
	float:left; 
	width: 250px;
	margin-right: 5px;
}
.clAngebotBox2{
	float:left;
	width: 175px;
	margin-right: 5px;
}
.clAngebotBox3{
	float:left;
	width: 175px;
}


.clBoxTreffer{
	border-top: 1px dotted #ccc;
	padding-top: 3px;
	float:left; width: 100%;
	color: #000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.88em;
}

.clBoxTrefferCount{
	float:left; width: 145px;
}

.clBoxTrefferNav{
	float:left; width: 240px;
	color: #000;
	/*color: #538594;*/
}
.clBoxTrefferNav a.weiter{
	padding-right: 11px;
	background: url(/img/ch-nav-weiter.gif) no-repeat right center;
}
.clBoxTrefferNav a.zurueck{
	padding-left: 11px;
	background: url(/img/ch-nav-zurueck.gif) no-repeat left center;
}


.clAbschlussBox{
	float:left;
	width: 48%;
	border: 0px solid #000;
	margin-right: 5px;
}
/********************************************************************************/










  

  





/***Copyright********************************************************************/ 
.clCopyRight{
	font-size: 0.8em;
	text-align: center;
	color: #959595;
	padding-bottom: 10px;
}
.clCopyRight a:active, .clCopyRight a:link, .clCopyRight a:visited  	{	color: #959595; text-decoration: none;}
.clCopyRight a:hover 	{	color: #959595; text-decoration: underline;}
/********************************************************************************/ 





/****SPEZIAL BEREICH*************************************************************/

.spSchutz { display:none; }   /*Wichtig, hide SPAM Schutz Felder*/

form {
	margin: 0px;  /*IE Bug*/
	padding: 0px;
}

.clear{
	clear: both;
	font-size: 0px;
}
.hide { display: none; }

.clTextRechts{
	text-align: right;
}

.tabSuchForm td{ /*Abstaende Formularformatierung*/
	padding-right: 5px;
	padding-bottom: 10px;
}




/*Def. Liste 2 Spalten Layout in 3er Boxenlayout*/
dl.clLay2Col{
	width: 470px;
	/*overflow: auto;*/
	margin: 0px;
}
dl.clLay2Col dt{
	float: left;
	width: 120px;
	border: 0px solid #ccc;
	margin: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
}
dl.clLay2Col dd{
	float: left;
	width: 330px;
	border: 0px solid #444;
	margin: 0px;
	margin-bottom: 20px;
} 
/*Ende*/



/*Def. Liste 2 Spalten Layout in 1/2el eines 3er Boxenlayout*/
dl.clLay3Col{
	width: 100%;
	/*overflow: auto;*/
	margin: 0px;
	margin-bottom: 20px;
	float: left;
}
dl.clLay3Col dt{
	float: left;
	width: 120px;
	border: 0px solid #444;
	margin: 0px;
	margin-right: 20px;	
}
dl.clLay3Col dd{
	float: left;
	width: 165px;
	height: 4.8em;
	border-bottom: 0px solid #444;
	margin: 0px;
}
dl.clLay3Col dd.clLay3ColDD1{
	width: 200px;
	padding-right: 5px;
}
dl.clLay3Col dd.clLay3ColDD2{
	width: 130px;
}
/*Ende*/




.clErrorMsg, .clHinweisMsg{
   padding: 5px;
	border: 1px solid #990000;	
	background-color: #FDCACA;
}
.clErrorMsg li{
	padding-left: 0px;
	list-style: none;
	list-style: disc;
	font-size: 12px;
}
.clErrorMsg.clAbstand{
	margin-bottom:15px;
	margin-top:5px;
}
/********************************************************************************/ 



















/****FORMULARE FORMATIERUNGEN****************************************************/

.clFormularBody{
	font-size: 0.88em;
	font-family: Arial, Helvetica, sans-serif !important;
}

div.frmWrapper {
	 margin: 0px;
	 padding: 5px;
    border-top: 1px solid #999;
	 border-bottom: 1px solid #999;
    background-color: #E4F1F9;
	 /* 
	 background-image:url(/weiterbildung/img/bg-titel-grau.gif);
	 background-repeat: repeat-x;
	 */
}

div.frmWrapper .clEinzugSuche{
	padding-left: 150px;
}

div.frmLabel, div.frmLabelMuss{
	width: 120px;
	text-align: right;
	padding-top: 4px;
	padding-right: 5px;
}
div.frmLabel {
    float: left;
}
div.frmLabelMuss {
	 font-weight: bold;
    float: left;
}
div.frmLabel, div.frmElem, div.frmElemMuss { 
    margin-bottom: 4px;
}


div.frmElem, div.frmElemMuss{
   width: 300px;
	float: left;
}


div.frmElemMuss input, div.frmElemMuss select, div.frmElemMuss textarea{
	background-color: #f1f1f1;
	font-weight: normal;
	border:1px solid #7f9db9;
	padding: 2px;
	text-align: left;
}

textarea{
	font-family: Arial, Helvetica, sans-serif;
}


div.frmElem input, div.frmElem select, div.frmElem textarea{
	/*border:1px solid #7f9db9;*/
	border:1px solid #7f9db9;
	padding: 2px;
	/*text-align: left;*/
}


div.frmElem textarea, div.frmElemMuss textarea {
    width: 280px;
	 height: 8em;
	 text-align: left;
	 font-size: 1.0em;
}

div.frmElem .frmNoBorder{
	width: auto;
   border: 0;
	margin-right: 2px;
}


input.frmError, textarea.frmError, select.frmError {
    background-color: #FDCACA !important;
	 border: 1px solid #990000 !important;
}


.boxExclusiv{
	margin-top: 0px;
	padding-top: 0px;
}
/********************************************************************************/