@charset "utf-8";
/*	---------------------------------------------------
	Allgemein
	---------------------------------------------------*/

	html, body {}
	html * {padding:0;margin:0;outline:none;}
	
	body {margin:0;padding:0;font-size:12px;color:#000;line-height:175%;background-color:#FFF;}
	
	body, input, textarea, select, label, td, th, h1, h2, h3, h4, h5, h6, h7, a, button {font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;font-weight:normal;text-decoration:none;}


/*	-------------------------------------------------------------------------------- */
/*	Seitenaufbau
/*	-------------------------------------------------------------------------------- */

	#wrap, #main, #header, #lCol, .locationBar, #footer, .ccFilter, ul, li, dl {position:relative;}

	#wrap {margin:0 auto;width:972px;padding:0 24px;}

	#main {width:780px;float:right;padding-bottom:100px;}

	#lCol {width:140px;}
	
	#footer {clear:both;display:block;width:780px;padding-top:11px;height:50px;margin:0 0 20px 192px;background:transparent url(../images/bg_line.gif) repeat-x 0 top;}

/*	-------------------------------------------------------------------------------- */
/*		Globale Einstellungen														 */
/*	-------------------------------------------------------------------------------- */
 
	.clearer {clear:both;display:block;height:1px;margin-bottom:-1px;font-size:1px;line-height:1px;}

	.error { color:#B2B2B2!important; }

	table {padding:0;table-layout:fixed;border-collapse:collapse;border-spacing:0px;}
	
	td, tr, th {padding:0;margin:0;border:none;}
	
	sub, sup {line-height:1em;font-size:32%;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}

	img, fieldset {border:none;}
	

/*	----------------------------------------------------------
	HEADER
	---------------------------------------------------------- */
	#header {height:113px;background:transparent url(../images/bg_line.gif) repeat-x 0 bottom;margin-bottom:30px;}

	/* Logo und Kennung */
	#logo {position:absolute;width:340px;height:112px;top:0px;left:-8px;}

	#logo h1 {color:#009EE0;width: 340px;height: 112px;background: url(../images/logo_dsj.jpg) no-repeat;text-transform:uppercase;}
	#logo h1 span {display:none;}
	#logo h1 a {display:block;width:340px;height:112px;}

	/*	Metanavigation */
	#metanavi {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;position:absolute;right:0px;bottom:0px;}
	#metanavi li {list-style:none;float:left;margin-left:12px;line-height:18px;}
	#metanavi a  {font-family:Arial, Helvetica, sans-serif;font-size:10px;font-weight:bold;text-decoration:none;color:#000;line-height:12px;font-size:10px;}
	#metanavi a:hover,
	#metanavi a.active {color:#FF004C;}
	#metanavi #mnHome a,
	#metanavi #mnMail a{background:url(../images/bg_icons.gif) no-repeat;width:11px;height:16px;overflow:hidden;text-indent:-9000px;display:block;}
	#metanavi #mnHome a {background-position:0px 3px;}
	#metanavi #mnMail a {background-position:0px -25px;}
	#metanavi #mnHome a:hover {background-position:-50px 3px!important;}
	#metanavi #mnMail a:hover {background-position:-50px -25px!important;}


/*	----------------------------------------------------------
	TEASERBILD
	---------------------------------------------------------- */
	#teaserImage {width:780px;height:130px;}
	#teaserImage img{width:780px;height:130px;border:none;}


/*	----------------------------------------------------------
	VERORTUNG
	---------------------------------------------------------- */
	.locationBar {height:30px;background:transparent url(../images/bg_line.gif) repeat-x 0 bottom;margin-bottom:58px;}
	.locationBar h5 {font-weight:normal;font-style:italic;font-size:12px;padding:9px 0 0 1px;line-height:150%;}

	.locationBar a {position:absolute;right:0px;bottom:0px;line-height:175%;}

/*	----------------------------------------------------------
	CONTENT
	---------------------------------------------------------- */

	/*	Überschriften */
	#content h1 {
		font-family:Verdana, Geneva, sans-serif;
		background-color:#FF004C;
		color:#FFF;
		font-size:24px;
		line-height:36px;
		display:inline;
		margin-bottom:8px;
		padding-top:0px;
		padding-bottom:3px;
	}
	#content h1 + p {margin-top:8px;}
	#newsdetail #content h1 { font-size:32px; line-height:46px; }
	#content h2 {font-style:italic;padding:45px 0 2px 1px;line-height:150%;background:transparent url(../images/bg_line.gif) repeat-x 0 bottom;margin-bottom:36px;}
	#content h2.top {padding:0px;}
	
	#content h3 {font-style:italic;font-weight:bold;}
	
	/* Listen */
	#content li {list-style:none;background:transparent url(../images/bg_bullet.gif) no-repeat 0 10px;padding-left:13px;}
	

	/*	Formulare */
	#content label {color:#FFF;margin:0;border:0;padding:0 3px 0 7px;line-height:18px;}
	#content td input, #content textarea {
		border:0;width:250px;height:16px;padding:2px 0px 1px 7px;border:1px solid #CCC;margin:0;line-height:18px;}
		
	#content textarea {width:386px;margin-top:20px;padding:3px 7px;height:120px;font-style:italic}
	#content td select {width:259px;line-height:18px;padding:2px 0px 1px 7px;border:1px solid #CCC;	}
	#content form td {font-size:12px;}
	#content td select .ausw {font-style:italic!important;}
	optgroup {font-style:italic;font-weight:normal;}
	optgroup option {padding-left:20px;font-family:Georgia, "Times New Roman", Times, serif;font-size:12px;font-weight:normal;}
	/*option {padding:2px 0}*/

	#content fieldset {margin-bottom:20px;}
	
	.fPLZ, #fPLZ {width:52px!important;margin-right:3px!important;}
	.fOrt, #fOrt {width:186px!important;}
	.fStrasse, #fStrasse1 {width:186px!important;margin-right:3px!important;}
	.fNummer, #fNummer {width:52px!important;}

	.fColA { background-color:#333; width:142px; }
	.fColB {background-color:#FFF;}

	#content form td {border-bottom:3px solid #FFF;}
	.Submit {padding-right:16px;background:transparent url(../images/bg_linkDL.gif) no-repeat right 8px;color:#FF004C;font-style:italic;outline:none;border:0;cursor:pointer;}
	.Submit:hover {background-position:right -22px!important;color:#000000}
	button {position:absolute;right:0px;bottom:3px;width:80px;}

	
	.chkBoxes input {margin-right:8px;background-color:transparent;border:none;margin-left:-3px;vertical-align:text-bottom}
	.chkBoxes label {position:relative;color:#000!important;display:block;height:24px;line-height:27px;padding-top:10px;}
	.chkBoxes legend {font-style:italic;margin-bottom:1.5em;}
	.chkBoxes div {position:relative;width:300px;display: block;height: 1px;margin-bottom: -1px;font-size: 1px;line-height: 1px;}
	.chkBoxes .txtFld {z-index:100;position:absolute;right:0px;top:2px;border:1px solid #999;color:#000;width:104px;}

	td.error { color:#FFF!important; background-color:#FF004C!important; }
	td.error label {color:#FFF!important;}


	/* Content-Container*/
	div.limiter {width:380px;}
	
	
		/* dl*/
		.ccDownload		 dl, 
		.ccRelated		 dl, 
		.ccOverTermin	 dl,
		.ccOverDSJ,
		.ccOverNews		{
			background:transparent url(../images/bg_line.gif) repeat-x 0 bottom;padding-bottom:15px;margin-bottom:20px;
		}
	
		/* dd*/
		div.ccDownload 	 dd, 
		div.ccRelated	 dd, 
		div.ccOverTermin dd{font-style:italic;}
	
		/* dt*/
		.ccTwoCol h2,
		.oTxt h2,
		.ccDownload 	 dt,
		.ccOverTermin	 dt{font-family:Verdana, Geneva, sans-serif!important;background-color:#FF004C!important;color:#FFF;font-size:17px!important;line-height:22px!important;display:inline;font-style:normal!important;padding-bottom:2px;padding-top:0px!important;background-image:none!important;}
		.ccOverTermin 	 dt{margin-bottom:20px;}
		.ccOverTermin 	 dt + dd {margin-top:4px;}


		.ccLinks p {margin-bottom:1em}
		

	
		/*	FILTER (Kopf der Seite)*/
		.ccFilter {margin-bottom:10px;padding-bottom:3px;background:transparent url(../images/bg_line.gif) repeat-x 0 bottom;}
		.ccFilter form {display:inline;}
		.ccFilter label {vertical-align:bottom;color:#000!important;font-style:italic;padding:2px 10px 0 0!important;margin:0 20px 0 0!important;}
		.ccFilter select {margin-right:5px;padding:0 0 0 10px;}
		.ccFilter select option {padding:0 10px;}
	
		/* ZWEISPALTER */
		.ccTwoCol {margin-left:-20px;width:800px;}

	
		#newsdetail .ccTwoCol {margin-top:-5px;}
	
		/*	NEWSÜBERSICHT */
		.ccOverNews, .ccOverDSJ {padding-bottom:15px;}
		.tcC {float:left;position:relative;display:block;width:380px;margin-left:20px;}
		.tcC img {margin:5px 0 25px 0;}


		/* -------------------
		Verschiedene Links */
		
		/* Rot, mit Pfeil */
		.navigationBar a,
		.ccOverTermin dd a,
		.ccDownload dd a,
		.ccRelated 	dd a, 
		.ccTwoCol a,
		.oTxt a,
		.navigationBar a,
		.locationBar a,
		a.arrow {color:#FF004C;font-style:italic;text-decoration:none;background:transparent url(../images/bg_linkDL.gif) no-repeat right 6px!important;padding-right:16px;}
		.locationBar a {background-position:right 9px!important;}


		#home .tcC a:hover,
		.navigationBar a:hover,
		.ccOverTermin dd a:hover,
		.ccDownload a:hover,
		.ccRelated dd a:hover, 
		.ccTwoCol a:hover,
		.oTxt a:hover,
		.navigationBar a:hover,
		.locationBar a:hover,
		a.arrow:hover {color:#000!important;background-position:right -24px!important;}
		.locationBar a:hover {background-position:right -21px!important;}

		dd.ergebnis a,dd.ergebnis a:hover {position:absolute;display:block;right:0px;bottom:20px;background:#B2B2B2!important;color:#FFF!important;line-height:20px;font-style:normal;padding:0 6px;}
		dd.ausschreibung a,dd.ausschreibung a:hover {position:absolute;display:block;right:0px;bottom:45px;background:#B2B2B2!important;color:#FFF!important;line-height:20px;font-style:normal;padding:0 6px;}

		/* Schwarz mit Unterstreichung*/
		.txt a,
		#content .limiter a,
		.ccOverDSJ .oTxt a,
		.ccLinks a,
		.tcC a {color:#000!important;text-decoration:underline!important;overflow:hidden!important;font-style:normal!important;padding:0!important;background:none!important;}
		
		.txt a:hover,
		.tcC a:hover,
		#content .limiter a:hover,
		.ccOverDSJ .oTxt a:hover,
		.ccLinks a:hover {color:#FF004C!important;}
	
		/* Homedetaillink*/
		#home .tcC a {color:#FF004C!important;font-style:italic!important;text-decoration:none!important;background:transparent url(../images/bg_linkDL.gif) no-repeat right 6px!important;padding-right:16px!important}
		#home .tcC a:hover {color:#000!important;background-position:right -24px!important;}


	.oImg,.oTxt {float:left;}
	.oImg {width:180px;margin-right:20px;}
	.oTxt {width:580px;margin-top:-1px;}
	.oTxt em{display:block;}
	.ccOverDSJ .oTxt em {margin-top:4px;}
	
	/* Seitennavigation mit Zahlen */
	
	.pagesBar, .navigationBar {height:24px;background:transparent url(../images/bg_line.gif) repeat-x 0 bottom;margin-bottom:8px;padding:3px 0 0 0;}
	.navigationBar {margin-bottom:40px;}
	.pagesBar a {color:#000000;margin-right:4px;}
	.pagesBar a:hover, .pagesBar a.active {color:#FF004C!important;}
	.pagesBar a.active  {font-style:italic;background:transparent url(../images/bg_link.gif) no-repeat right 12px;padding-right:9px;}
	
	.navigationBar div {float:left;width:330px;}
	
	/* HOMEPAGE - Teaser */
	
	.teaserNews {margin:15px 0 0 -20px;height:120px;}
	.teaserNews div {display:block;width:180px;height:125px;float:left;position:relative;margin-left:20px;background-color:#FFF;background-repeat:no-repeat;background-position:0 0;}
	.teaserNews a {display:block;width:180px;height:125px;overflow:hidden;text-indent:-9000px;background:transparent url(../images/bg_newsteaser.gif) no-repeat;padding:0;}
	.teaserNews a:hover {background-position:0 -125px;}
	.teaserNews a.active {background-position:0 -250px;}
	
	.teaserOuter {position:relative;width:780px;height:125px;margin-top:15px}
	.teaserTermine {position:absolute;width:800px;height:135px;margin:0 0 0 0;top:0;left:-10px;}
	.teaserTermine div {display:block;width:200px;height:125px;float:left;position:relative;background-color:#FFF;background-repeat:no-repeat;background-position:0 5px;}
	.teaserTermine a {color:#000;text-decoration:none!important;display:block;width:150px;height:97px;padding:38px 25px 0 25px;overflow:hidden;background:transparent url(../images/bg_terminteaser.jpg) no-repeat;line-height:150%;}
	.teaserTermine a:hover {background-position:0 -135px;}
	.teaserTermine a.active {background-position:0 -270px;}
	
/*	----------------------------------------------------------
	Linke Spalte
	---------------------------------------------------------- */

	/*	Hauptnavigation	*/
		#cNavi {width:140px;height:273px;position:relative;}
		#navigation {position:absolute;left:0px;bottom:21px;width:140px;}
		#navigation li {list-style:none;border-bottom:1px solid #000;line-height:20px;}
		#navigation a {padding:0 9px 0 1px;color:#000;text-decoration:none;}
		#navigation a:hover, #navigation a.active {color:#FF004C;}
		#navigation a.active {font-style:italic;background:transparent url(../images/bg_link.gif) no-repeat right 12px;}

	/*	Subnavigation	*/
		#subnavigation {margin-top:83px;}
		#subnavigation li {list-style:none;line-height:20px;}
		#subnavigation a {padding:0 9px 0 1px;color:#000;text-decoration:none;}
		#subnavigation a:hover, #subnavigation a.active {color:#FF004C;}
		#subnavigation a.active {font-style:italic;background:transparent url(../images/bg_link.gif) no-repeat right 12px;}

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

	#footerOLD {font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:180%;color:#B2B2B2;font-weight:bold;}
	
	#footerOLD a {font-family:Arial, Helvetica, sans-serif;display:block;font-size:10px;font-weight:bold;color:#B2B2B2;text-decoration:underline;position:absolute;right:0px;top:4px;padding:7px 0px 10px 80px;background:transparent url(../images/dsb.jpg) no-repeat left 0;}
	#footerOLD a:hover {color:#000;background-position:left -100px;}

	#footer {position:relative;clear:both;display:block;width:780px;padding-top:11px;height:50px;margin:0 0 20px 192px;background:transparent url(../images/bg_line.gif) repeat-x 0 top;}
	#footer, #footer a {font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:120%;color:#B2B2B2;font-weight:bold;}
	
	#footer p a {text-decoration:underline;}
	#footer p a:hover {color:#000;}
	
	#footer a.dsb { font-family:Arial, Helvetica, sans-serif; display:block; font-size:10px; font-weight:bold; color:#B2B2B2; text-decoration:underline; position:absolute; left:266px; top:-3px; padding:7px 0px 10px 80px; background:transparent url(../images/dsb.jpg) no-repeat left 0; height:30px; }
	#footer a.dsb span {display:none}
	#footer a.dsb:hover {color:#000;background-position:left -100px;}

	.linkDSB, .socialNets, .addThis {position:absolute;height:50px;width:200px;}
	DIV.linkDSB {width:330px;}
	DIV.socialNets{left:370px;width:175px;}
	DIV.addThis {right:0;height:50px;}
	
	.addthis_button {position:absolute;top:0;right:0;}
	
	.socialNets a {position:absolute;top:0px;width:28px;height:28px;display:block;background:transparent url(../images/socialNets.gif) no-repeat;}
	.socialNets a span {display:none;}
	
	.snFacebook {right:65px;background-position: 0 0;}
	.snFacebook:hover {background-position:0 -30px}
	.snTwitter {right:33px;background-position:-32px 0!important;}
	.snTwitter:hover {background-position:-32px -30px!important}
	.snYouTube {right:0px;background-position:-65px 0!important;}
	.snYouTube:hover {background-position:-65px -30px!important}