/* Grundformatierung */

@font-face {
	font-family: DejaWeb;
	font-weight: normal;
	src: url('font/DejaWeb.ttf');
}

@font-face {
	font-family: DejaWeb;
	font-weight: bold;
	src: url('font/DejaWeb-Bold.ttf');
}

@font-face {
	font-family: DejaWeb;
	font-weight: bold;
	font-style: oblique;
	src: url('font/DejaWeb-BoldItalic.ttf');
}

@font-face {
	font-family: DejaWeb;
	font-style: oblique;
	src: url('font/DejaWeb-Italic.ttf');
}

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	font-size: 12px;
	font-family: arial, helvetice, sans-serif;
	line-height: 18px;
	color: #303135;
}

.clear{clear: both;}
.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.float-left{float: left;}
.float-right{float: right;}
a img{border: none;}



/* Seitenformatierung */

html{
	background: url(images/body-bg.jpg) repeat-x #000000 top center fixed;
}

#header{
	width: 1000px;
	margin: 0px auto;
	height: 125px;
}
	#header a{
		text-decoration: none;
		color: #ffffff;
		font-size: 10px;
	}
	#header .topnavi{
		display: block;
		float: left;
		margin: 0px 3px 0px 0px;
		line-height: 18px;
	}
	#header a.topnavi{
		margin: 0px 6px 0px 0px;
	}
	.headerfield{
		width: 220px;
		height: 22px;
		background: url(images/headerfeld.png) no-repeat;
		margin: 5px 0px 8px 0px;
		padding: 3px 10px 0px 10px;
	}
	#header .searchfield{
		width: 200px;
		background: none;
		border: none;
		color: #9FC3CE;
	}
	.socialbookmarks{
		text-align: right;
		margin-top: 12px;
	}
		.socialbookmarks a{margin-left: 10px;}
		
#navi{
	width: 1000px;
	height: 41px;
	background: url(images/navi-bg.png) no-repeat right;
	margin: 0px auto 10px auto;
	
}
	#navi ul{
		list-style: none;
	}
		#navi ul li{float: left;}
			#navi ul li a{
				display: block;
				float: left;
				padding: 10px 10px 0px 9px;
				height: 31px;
				text-decoration: none;
				color: #ffffff;
				text-transform: uppercase;
				border-right: 1px solid #1b434e;
				border-left: 1px solid #49717c;
				font-size:12px;
			}
			#navi ul li a:hover,
			#navi ul li a.active{
				background: url(images/navi-aktiv.png) repeat-x;				
				color: #36a3c1;
				border-right: 1px solid #f2f2f2;
				border-left: 1px solid #f2f2f2; 
			}
			#navi ul li.first a{border-left: none;}
			#navi ul li.last a{	border-right: none;}
			
#content_top{
	/*background: url(images/content-top-bg.png) no-repeat center;*/
	position:relative;
	text-align:center;
	overflow:visible;
	width: 1000px;
	height: 45px;
	margin: 15px auto 0px auto;
}
#content_top img {position:absolute; left:-58px;}

#content_bottom{
	/*background: url(images/content-bottom-bg.png) no-repeat right;*/
	position:relative;
	width: 1000px;
	height: 50px;
	margin: 0px auto;
}
#content_bottom img{position:absolute; left:-30px;}

#content_center{
	/*background: url(images/content-center-bg.png) repeat-y center;
	overflow:visible !important;*/
	width: 1000px;
	margin: 0px auto;
}
	#content{
		width: 960px;
		padding:20px;
		border-radius: 5px;
		background: #ffffff;
		overflow: hidden;
		position: relative;
	}

#zusatzcontent{
	width: 1000px;
	margin: 20px auto 70px auto;
	
}
	.tx-cal-controller .zusatzinhalt_gross {margin-right:0px;}
	.zusatzinhalt_klein,.zusatzinhalt_klein_last{
		width: 220px;
		height: 165px;
		padding: 10px;
		background: #ffffff;
		margin-right: 13px;
		border-radius: 6px;
		float: left;
		overflow: hidden;
	}
		.zusatzinhalt_klein img{	margin: -10px 0px 0px -10px;}

	.zusatzinhalt_gross{
		width: 493px;
		background: url(images/zusatzinhalt_gross_bg.png) no-repeat bottom;
		float: left;
		margin-right: 14px;
		overflow: hidden;
	}
		.zusatzinhalt_gross .zusatzinhalt_gross_header{
			width: 476px;
			height: 25px;
			padding: 0px 15px 0px 2px;
		}
			.zusatzinhalt_gross .zusatzinhalt_gross_header h2{
				float: left;
				width: 220px;
				border-radius: 6px 6px 0px 0px;
				background: url(images/black_transparent.png); /*rgba(0,0,0,0.5);*/
				font-size: 12px;
				color: #ffffff;
				padding: 0px 0px 0px 8px;
				height: 25px;
				margin-bottom: 0px;
			}
			.zusatzinhalt_gross .zusatzinhalt_gross_header p{
				float: right;
				height: 25px;
				margin-bottom: 0px;
			}
				.zusatzinhalt_gross .zusatzinhalt_gross_header p,
				.zusatzinhalt_gross .zusatzinhalt_gross_header p a{
					color: #ffffff;
					font-weight: bold;
				}
			
		.zusatzinhalt_gross .zusatzinhalt_klein{
			margin-right: 14px;
			padding: 10px 2px 10px 10px;
		}
		.zusatzinhalt_klein_last{
			margin: 0px;
		}
		.zusatzinhalt_klein p,.zusatzinhalt_klein_last p  {margin-bottom:0px;}
		

	
	.zusatzinhalt_gross h2,
	.zusatzinhalt_klein h2,
	.zusatzinhalt_gross h3,
	.zusatzinhalt_klein h3,
	.zusatzinhalt_klein_last h2,
	.zusatzinhalt_klein_last h3
	{
		margin-top: 0px;
		margin-bottom: 5px;
	}

	
.inhalt_rechte_spalte {
	float:right;
	width:225px;
	padding:5px;
	border:1px #a7a7a7 dotted;
	margin-left:20px;
}
	
	
/* Text-Formatierung */

a.pager-link:hover{
	text-decoration: none;
}

a,
a b,
b a,
.ui-widget-content a{
	color: #9c0e2f;
	text-decoration: none;
}
	a:hover{text-decoration: underline;}

p{
	margin-bottom: 12px;
}
h1,
h1 a{
	font-family: DejaWeb, Arial;
	margin-bottom: 30px;
	font-weight: bold;
	color: #36a3c1;
	font-size: 24px;
	line-height: 30px;
}

h2,
h2 a,
.cal_list_monthwrap{
	font-family: DejaWeb, Arial;
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #9c0e2f;
	font-size: 22px;
	line-height: 22px;
}

h3,
h3 a{
	font-family: DejaWeb, Arial;
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 25px;
}

.divider{
	height: 30px;
	clear: both;
	float: none;
}

ul,
ol{
	margin-left: 18px;
	margin-bottom: 12px;
}







/* Formatierung für: Veranstaltungen / Bewerbung / Orientierung  */

.news-list-container {float:left; width:700px;}

.cal_list_item_date,
.news-list-date{
	font-size: 11px;
	line-height:11px;
	padding:3px;
	color: #ffffff;
	float: none;
	position:absolute;
	top:5px;
	right:5px;
	background:#1f1f1f;
}

.cal_list_item ,
.news-list-item{
	margin-top:10px;
	width:700px;
	border-top:1px #a7a7a7 dotted;
	position:relative;
}

.cal_list_item h2,
.cal_list_item h2 a,
.news-list-item h2,
.news-list-item h2 a{
	font-family: DejaWeb, Arial;
	color: #9c0e2f;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	background:url(images/navi-aktiv.png); /*#f5f5f5;*/
	padding:5px;
}

.cal_list_item_image img,
.news-list-item img{
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	padding:1px;
}

.cal_list_item_description,
.cal_list_item_description a,
.news-list-item p{
	text-decoration: none;
	color: #303135;
}

.cal_event_em{
	font-weight: bold;
	display: block;
	float: left;
	width: 80px;
}

.cal_eventview_images{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

.news-single-backlink{
	padding: 10px 0px 0px 0px;
}

.cal_list_startseite {}


.cal_list_startseite .cal_list_item_date,
.news-list-startseite .news-list-date{
	margin-bottom: 0px;
	position:relative;
	color:#b9b9b9;
	padding:0px 0px 5px 5px;
	background:none;
}

.cal_list_startseite .cal_list_item_description,
.news-list-startseite p{

}




/* Ausbildungs-ABC */

#ausbildungsabc{
	width: 320px;
	float: left;
	margin-bottom: 30px;
}

#ausbildungsabc_text{
	width: 600px;
	float: right;
	margin-right: 15px;
}
	#ausbildungsabc_text h2{
		margin-top: 10px;
	}
	
	
	
	
	
/* Berufsbilder Startseite */

#startseite_berufsbilder{
	width: 493px;
	height: 382px;
	overflow: hidden;
	border-radius: 6px;
	margin: 0px;
}

	.startseite_berufsbild_item{
		width: 453px;
		height: 342px;
		border-radius: 6px;
		padding: 20px;
	}
		.startseite_berufsbild_item h2 a,
		.startseite_berufsbild_item h2{
			margin-top: 0px;
			margin-bottom: 10px;
			text-transform: uppercase;
			font-weight: normal;
			color: #ffffff;
		}
		.startseite_berufsbild_item h2 a{
			padding:5px;
			background:url(images/black_transparent.png); /*rgba(0,0,0,0.85);*/
			line-height:125%;
		}
		.startseite_berufsbild_item p a{
			color: #ffffff;
			font-size: 11px;
			line-height: 16px;
		}
		.startseite_berufsbild_item p{
			width: 270px;
			padding:5px;
			background:url(images/black_transparent.png); /*rgba(0,0,0,0.85);*/
		}
		
		
		
		
		li.startseite_berufsbild_item h2 a,
li.startseite_berufsbild_item p {

}
		
		
		
		
		
		
		
		.startseite_berufsbild_item h2 a:hover,
		.startseite_berufsbild_item p a:hover{
			text-decoration: none;
		}
	.bx-prev,
	.bx-next{
		display: none;
	}
	.bx-pager{
		margin-left: 25px;
		width: 453px;
		text-align: right;
		position: absolute;
		top: 365px;
	}
		.bx-pager a{
			color: transparent;
			background: url(images/sliderbutton_inaktiv.png) no-repeat;
			margin-left: 5px;
		}
		.bx-pager a.pager-active{
			background: url(images/sliderbutton_aktiv.png) no-repeat;
		}
		
		
		
		
		
		
/* Tabs Startseite */

.ui-tabs{
	width: 493px;
	height: 382px;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 505px;
	background: none;
	border: none;
}
	.ui-tabs .ui-tabs-nav{
		position: absolute;
		top: 341px;
		background: none;
		padding: 0px;
		border: none;
		left: 12px;
	}
		.ui-tabs .ui-tabs-nav .ui-state-default{
			background: url(images/startseite_tab_inaktiv_bg.gif) repeat-x #575759;
			border-radius: 0px 0px 9px 9px;
			height: 40px;
			border: none;
			margin-right: 12px;
		}
			.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
			.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
			.ui-tabs .ui-tabs-nav li.ui-state-processing a,
			.ui-tabs .ui-tabs-nav li a, 
			.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
				display: block;
				height: 30px;
				cursor: pointer;
				padding: 10px 15px 0px 15px;
				color: #a6a6a6;
				text-transform: uppercase;
			}
		.ui-tabs .ui-tabs-nav .ui-tabs-selected,
		.ui-tabs .ui-tabs-nav .ui-state-default:hover{
			background: #ebebeb;
		}
		
		
	.ui-tabs .ui-widget-content{
		background: url(images/startseite_tab_bg.png) no-repeat;
		width: 433px;
		height: 302px;
		padding: 20px 30px 20px 30px;
	}
		.ui-tabs .ui-widget-content .ui-widget-content{
			padding: 0px;
		}
		.ui-tabs .ui-widget-content h1{
			margin-bottom: 20px;
		}
		

#startseite_lehrstellen_alle .startseite_lehrstellen_alle_select{
	position: absolute;
	left: 30px;
	top: 120px;
	z-index: 20;  
	background: url(images/startseite_lehrstellen_select.png) no-repeat #53bbd2;
	width: 416px;
	height: 52px;
	border-radius: 6px;
	border: none;
	overflow: hidden;
}		
	#startseite_lehrstellen_alle .startseite_lehrstellen_alle_select select{
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 10;
		width: 433px;
		height: 52px;
		background: url(images/startseite_lehrstellen_select.png) no-repeat #53bbd2;
		padding: 18px 0px 18px 10px;
		cursor: pointer;
		color: #ffffff;
	}
		#startseite_lehrstellen_alle select option{
			color: #ffffff;
			padding: 5px;
		}
		
		
.startseite_neueste_lehrstelle_item,
.startseite_neueste_lehrstelle_item a{
	line-height: 15px;
}

.startseite_neueste_lehrstelle_item_zusatz,
.startseite_neueste_lehrstelle_item_zusatz b{
	font-size: 11px;
	color: #888888;
}

.startseite_neueste_lehrstelle_alle{
	margin-top: 23px;
}

/* Seite Ausbildung im Handwerk #################################################### */

.ausimhand_1spalte {
	width:260px;
	float:left;
	margin-right:40px;
}
.ausimhand_2spalte {
	width:380px;
	float:left;
	margin-right:40px;
}
.ausimhand_3spalte {
	width:200px;
	float:left;
}


/* Suche */

.suche{
	margin-top: 30px;
}
	.suche_kategorie{
		cursor: pointer;
		border-radius: 6px;
		padding: 6px 10px 0px 10px;
		font-weight: bold;
		font-size: 14px;
		margin-top: 5px;
		background:url(images/suche_kategorie_bg.gif) repeat-x;
		color:#fff;
		height: 26px;
	}
	.suche_kategorie:hover {
		background:#042733;
		color:#fff;
	}
	/*
	.suche_kategorie{
		cursor: pointer;
		background: url(images/suche_kategorie_bg.gif) repeat-x;
		height: 26px;
		border-radius: 6px;
		padding: 6px 10px 0px 10px;
		color: #ffffff;
		font-weight: bold;
		font-size: 14px;
		margin-top: 5px;
	}
	*/
	
	span.treffernumber {
		background:#fff;
		color:#36a3c1;
		font-size: 12px;
		font-weight: bold;
		padding:3px;
		border-radius:3px;
		margin-right:5px;
	}
	
	
		.suche_ergebnisblock{
			padding: 10px;
			background: #f5f5f5;
			border-radius: 6px;
			margin-bottom: 15px;
		}
			.suche_ergebnis_titel{
				margin-bottom: 0px;
			}
				.suche_ergebnis_titel a{
					font-weight: bold;
					color:#1a232a;
					
				}
			.suche_ergebnis_text{
				
			}
			.suche_ergebnis {
				border-bottom:1px #c3c3c3 dotted;
				padding-top:7px;
			}
				
				
				
/* Berufsbilder */

.berufsbilder_auswahlbereich {
	border:1px #e9e9e9 solid;
	border-radius:10px;
	padding:10px;
	position:relative;
}

.berufsbilder_kategoriesuche {}

#berufsform {
	position:absolute;
	top:20px;
	right: 20px;
	z-index: 20;  
	background: url(images/startseite_lehrstellen_select.png) no-repeat #53bbd2;
	width: 416px;
	height: 52px;
	border-radius: 6px;
	border: none;
	overflow: hidden;
}

#berufsform select {
	border:1px #e9e9e9 solid;
	border-radius:3px;
	top: 0px;
	left: 0px;
	z-index: 10;
	width: 433px;
	height: 52px;
	background: url(images/startseite_lehrstellen_select.png) no-repeat #53bbd2;
	padding: 18px 0px 18px 10px;
	cursor: pointer;
	color: #ffffff;
}
#berufsform select option {
	color:#fff;
	padding:5px;
}

.berufsbilder_freitextsuche {
	position:absolute;
	bottom:20px;
	right: 20px;
	width:400px;
	text-align:left;
}
.berufsbilder_freitextsuche input {
	border:1px #cfcfcf solid;
	border-radius:3px;
	padding:3px;
	background:#e9e9e9;
}

.berufsbilder_inhalt {}
.berufsbilder_inhalt p {}
p.buchstabentrenner {
	font-size:1.5em;
	background:#f5f5f5; 
	border-bottom:1px #a7a7a7 dotted; 
	padding:5px; 
	color:#afafaf; 
	border-radius:3px;}

p.descriptionimg {
	float:right;
	margin-left:15px;
}



/* Lehrstellen suche ##################################################################################*/

.textlehrstellen {
	border:1px #e9e9e9 solid;
	border-radius:10px;
	padding:10px;
	position:relative;
	margin:20px 0px;
	height:130px;
	clear:both;
}
.textlehrstellen p{
	float:left;
	font-family:DejaWeb;
	font-size:15px;
	line-height:150%;
	color:#9c0e2f;
	background:#f8f8f8;
	padding:15px;
	width:415px;
	border-radius:15px;
	margin:0px 10px;
	border-bottom:1px #c7c7c7 dotted;
}

.textlehrstellen p span{
	color:#36a3c1;
	font-size:15px;
}


.lehrstellen_auswahlbereich {
	border:1px #e9e9e9 solid;
	border-radius:10px;
	padding:10px;
	position:relative;
	margin:35px 0px;
	text-align:center;
}

.lehrstellen_auswahlbereich td{
	padding:3px;
}


.umkreissuche_header {
	cursor:pointer;
	background:url(images/bg-row-grey1.gif);
	position:absolute;
	top:-25px;
	left:150px;
	padding:3px 15px;
		font-family: DejaWeb, Arial;
	font-size: 12px;
	text-align:center;
	color:#fff;
		border-radius:3px 3px 0px 0px;
	border:1px #e9e9e9 solid;
}

	.umkreissuche_header:hover {
	background:url(images/bg-row-red.gif);
		color:#fff;
	}

.umkreissuche_header_aktiv{
	cursor:pointer;
	background:url(images/bg-row-red.gif);
	position:absolute;
	top:-25px;
	left:150px;
	padding:3px 15px;
		font-family: DejaWeb, Arial;
	font-size: 12px;
	text-align:center;
	color:#fff;
		border-radius:3px 3px 0px 0px;
	border:1px #e9e9e9 solid;
}

.landkreissuche_header {
	cursor:pointer;
	background:url(images/bg-row-grey1.gif);
	position:absolute;
	top:-25px;
	left:10px;
	padding:3px 15px;
		font-family: DejaWeb, Arial;
	font-size: 12px;
	text-align:center;
	color:#fff;
		border-radius:3px 3px 0px 0px;
	border:1px #e9e9e9 solid;
}

	.landkreissuche_header:hover  {
	background:url(images/bg-row-blue.gif) bottom;
		color:#fff;
	}
	
.landkreissuche_header_aktiv {
	cursor:pointer;
	background:url(images/bg-row-blue.gif);
	position:absolute;
	top:-25px;
	left:10px;
	padding:3px 15px;
		font-family: DejaWeb, Arial;
	font-size: 12px;
	text-align:center;
	color:#fff;
		border-radius:3px 3px 0px 0px;
	border:1px #e9e9e9 solid;
}
	
#umkreissuche select, #landkreissuche select{
	cursor: pointer;
	border-radius:3px;
	padding:7px;
	border: 1px solid #9e9e9e;
	display:block;
	margin:3px auto;
	width:422px;
}


#umkreissuche select option{
	padding: 2px 4px;
}
#umkreissuche select:hover, #umkreissuche input:hover, #landkreissuche select:hover, #landkreissuche input:hover {
	border: 1px solid #9c0e2f;
}

#umkreissuche input {
	position: relative;
	width:406px;
	color: #4c4c4c;
	border-radius:3px;
	border:1px #9e9e9e solid;
	padding:7px;
	display:block;
	margin:3px auto;
	
}

#landkreissuche input, #umkreissuche .submit {
	background:url(images/bg-row-red.gif);
	border-radius:4px;
	padding:3px;
	color:#fff;
	cursor:pointer;
	width:auto;
	border:0px;
}

#landkreissuche input:hover,#umkreissuche .submit:hover{
	border:0px;
	background:url(images/bg-row-blue.gif);
}

#landkreissuche img{
	margin-top:20px;
}

/* Lehrstellensuche treffer liste ######################################################################################### */ 


.trefferinfo {
	font-family: DejaWeb, Arial;
	margin-bottom: 20px;
	font-weight: bold;
	color: #36a3c1;
	font-size: 24px;
}

.lehrstellensuche_ergebnisliste_spalte table {
	width:100%;
}

.lehrstellensuche_ergebnisliste .lehrstellensuche_ergebnisliste_spalte table tbody tr {
	border-bottom:1px #9e9e9e solid;
}

.lehrstellensuche_ergebnisliste_spalte table td {
	padding:2px 10px 2px 2px;
	vertical-align: top;
}

.lehrstellensuche_ergebnisliste_spalte table td:nth-child(1) {
	width:150px;
}

p.lehrstellensuche_ergebnisliste_treffer{
	border-bottom:1px #a7a7a7 dotted;
	padding-bottom:3px;
	margin-bottom:3px;
}