/* CSS Document */

@media all {

	/*  Allgemein
	---------------------------------- */

	q {
		quotes: '„' '“' '‚' '‘';
	}

	img, frame, fieldset {
		border: 0;
	}

}


@media screen, projection {

	/*  Allgemein
	---------------------------------- */


	q {
		quotes: '„' '“' '‚' '‘';
	}

	.versteckt,
	.druck,
	input[type="hidden"] {
		display: none;
		visibility: hidden;
	}

	.sichtbar {
		display: block;
		visibility: visible;
	}

	.sichtbar-inline {
		display: inline;
		visibility: visible;
	}

	.mittig {
		text-align: center;
	}

	.links {
		float: left;
		text-align: left;
	}

	.rechts {
		float: right;
		text-align: right;
	}

	.groesser {
		font-size: larger;
	}

	.kleiner {
		font-size: smaller;
	}

	.kursiv {
		font-style: italic;
	}

	.fett {
		font-weight: bold;
	}

	.innen {
		display: inline;
	}

	.clear {
		clear: both;
	}
	
	.keinExternLink {
		background: none !important;
		padding: 0 !important;
	}

	/*  Grundlayout
	---------------------------------- */

	body {
		margin:20px 0px 0px 0px;
		background-image:url(hg.gif);
		background-repeat:repeat-x;
		min-width:800px;
	}

	h1 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		color:#0071BC;
		border-bottom:solid 1px #0071BC;
	}

	h2 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		color:#000000;
	}

	h3 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#000000;
	}

	h4 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#000000;
	}


	p, th, td, ul, ol, li, dt, dd, caption, input, textarea, span, legend {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
	}

	ul, li {
		list-style-image:url('piktogramm.ordner.gif');
	}

	li {
		padding-bottom:5px;
	}

	ol.nummerierung {
		margin-top: 10px;
		position: relative;
		left: 30px;
	}

	ol.nummerierung,
	ol.nummerierung li {
		list-style-image: none;
		list-style-type: decimal !important;
	}

	.headerText {
		color:#FFFFFF;
	}


	.headerInput {
		border:solid 1px #F0F0F0;
		background-color:#004E7C;
		color:#F0F0F0;
		font-size:11px;
	}

	.headerLink, .headerLink:visited {
		color:#FFFFFF;
		font-weight:bold;
	}

	.suchFeld {
		margin-top:10px;
		margin-left:5px;
		width:130px;
		border:solid 1px #0071BC;
	}

	.suchFeldSubmit {
		margin-top:10px;
		border:none;
		background-color:#0071BC;
		color:#FFFFFF;
		padding:1px 3px 1px 3px;
	}

	a, a:visited {
		text-decoration:none;
		color:#00548C;
	}

	a:hover {
		text-decoration:underline;
	}

	.veranstaltungshinweisDatum {
		color:#000000;
		font-weight:normal;
		font-size:10px;
	}

	.partnerLogoLink {
		background-color:#FFFFFF;
	}

	.systemLink {
		padding:5px;
		background-color:#EFEFEF;
		border:solid 1px #0071BC;
	}

	.systemInfo {
		padding:5px;
		border:solid 1px #0071BC;
	}

	#layoutContainer {
		width:100%;
		margin: 0px auto;
		padding: 0px 0px 0px 0px;
	}

	#navigationsleiste {
		width:203px;
		background-image:url(navigation.hg.gif);
		background-repeat:repeat-y;
		padding:0px;
		margin:0px;
		float:left;
	}

	#inhalt {
		padding:70px 1em;
		margin:0 12em 0 13em;
	}

	#inhaltOhneTeaser {
		padding:70px 1em;
		margin:0 0 0 13em;
	}

	#teaser {
		width:180px;
		padding:0px;
		margin:70px 0px 0px 0px;
		background-image:url(teaser.hg.gif);
		background-repeat:repeat-y;
		float:right;
	}

	#partner {
		width:180px;
		padding:0px;
		margin:20px 0px 0px 0px;
		float:right;
	}

	ul#navigation {
		margin:10px 0px 0px 0px;
		padding:0px;
		width:180px;
	}

	ul#navigation li {
		list-style:none;
		padding:0px;
		margin:0px;
	}

	ul#navigation a, ul#navigation a:visited {
		display:block;
		padding:5px 5px 5px 15px;
		font-weight:bold;
		width:180px;
		border-bottom:solid 1px #666666;
		background-color:#DDDDDD;
	}

	ul#navigation a:hover {
		display:block;
		background-color:#BCD0E3;
		text-decoration:none;
		color:#000000;
	}

	ul#navigation li ul {
		padding:0px;
		margin:0px;
	}

	ul#navigation li ul li a, ul#navigation li ul li a:visited {
		display:block;
		font-size:11px;
		padding-left:25px;
		font-weight:normal;
		width:170px;
		border-bottom:solid 1px #AAAAAA;
		background-color:#F8F8F8;
	}

	ul#navigation li ul li a:hover {
		display:block;
		background-color:#BCD0E3;
		text-decoration:none;
		color:#000000;
	}

	.rahmenOben {
		border-top:solid 1px #666666;
	}

	ul.teaser {
		margin:20px 5px 0px 4px;
		padding:0px;
		width:170px;
	}

	ul.teaser li {
		list-style:none;
		padding:0px;
		margin:0px;
	}

	ul.teaser a, ul.teaser a:visited {
		display:block;
		padding:5px 5px 5px 15px;
		font-weight:bold;
		width:153px;
		color:#0071BC;
		border-bottom:solid 1px #666666;
		background-color:#AEC5E7;
	}

	ul.teaser a:hover {
		display:block;
		text-decoration:none;
		color:#FFFFFF;
	}

	ul.teaser li ul {
		padding:0px;
		margin:0px;
	}

	ul.teaser li ul li a, ul.teaser li ul li a:visited {
		color:#0071BC;
		display:block;
		font-size:11px;
		padding-left:15px;
		font-weight:normal;
		width:153px;
		border-bottom:solid 1px #0071BC;
		background-color:#E7EDF8;
	}

	ul.teaser li ul li a.partnerLogoLink, ul.teaser li ul li a.partnerLogoLink:visited {
		background-color:#FFFFFF;
	}

	ul.teaser li ul li a:hover {
		display:block;
		background-color:#FFFFFF;
		text-decoration:none;
		color:#000000;
	}

	#loginBox {
		position:absolute;
		top:20px;
		left:220px;
		right:0px;
		padding:10px 10px 10px 50px;
		z-index:2;
		background-image:url(piktogramm.benutzer.login.gif);
		background-position:left;
		background-repeat:no-repeat;
	}

	#loginBoxOhne {
		position:absolute;
		top:20px;
		left:220px;
		right:0px;
		padding:15px 10px 10px 10px;
		z-index:2;
	}

	#fusszeile {
		float:left;
		width:100%;
		border-top:solid 1px #0071BC;
	}

	.fusszeileText {
		padding:10px;
		text-align:right;
	}

	.portalTopic {
		background-color:#E7EDF8;
		background-image:url('portal.topic.hg.gif');
		background-repeat:repeat-y;
		padding:5px;
	}
	
	.rechts #tpm-player {
		margin-left: 20px;
		margin-bottom: 20px;
	}
	
	#tpm-player,
	.tpm-player {
		background: #E7EDF8;
		padding: 5px;
	}
	
	#tpm-player.mittig,
	.tpm-player.mittig {
		margin: 0 auto;
	}
	
	.videoliste,
	.videoliste li {
		list-style: none !important;
		margin: 0;
		padding: 0;
	}
	
	.videoliste li {
		float: left;
		margin-right: 0.5em;
		margin-bottom: 1em;
	}
	
	.videoliste li div.tpm-player {
		margin: 0 auto;
	}
	
	.sonderrahmen {
		padding: 5px;
	}
	
	#tpm-player-label,
	.tpm-player-label {
		text-align: center;
		background: #E7EDF8;
	}
	
	#tpm-player-label p,
	.tpm-player-label p {
		margin: 0;
		padding: 0;
		font-size: 11px;
		padding: 5px 0px 0px 0px;
	}

	.abstand {
		margin: 35px 0;
	}
	
	.keineliste,
	.keineliste li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.fotos li {
		float: left;
		width: 160px;
	}
	
	.fotos li a {
		text-align: center;
		display: block;
		padding: 15px 3px;
	}

	/*  Spezifische Veränderungen für
		Operational Excellence
	---------------------------------- */

	#anmeldelink a {
		width: 300px;
		height: 70px;
		text-indent: -9999em;
		background: #fff url('anmeldelink.jpg') no-repeat;
		display: block;
	}

	#weiterleitungslink a {
		width: 300px;
		height: 70px;
		text-indent: -9999em;
		background: #fff url('weiterleitungslink.jpg') no-repeat;
		display: block;
	}

	#meinungszitate dt {
		font-weight: bold;
		margin-top: 20px;
	}

	#meinungszitate dd {
		margin: 0;
		padding: 0;
		padding-left: 10px;
		margin-bottom: 10px;
		font-style: italic;
	}

	#meinungszitate p.hervorgehoben {
		font-size: larger;
	}

	#titelgrafik {
		width: 600px;
		height: 106px;
		display: block;
		text-indent: -9999em;
		background: url('titelgrafik.jpg') no-repeat;
		position: absolute;
		top: 0px;
		left: 205px;
	}

	.grusswort,
	.referent,
	.fachaussteller {
		padding: 30px 0 0 0;
		margin-top: 30px;
		border-top: 2px solid #ccc;
	}

	.grusswort h2,
	.fachaussteller h2 {
		margin-top: 0;
		padding-top: 0;
	}

	.grusswort img {
		background-color: #fff;
		border: 4px double #ccc;
		padding: 0.2em;
	}

	dl.partner {
		float: left;
		margin: 20px;
	}

	dl.partner dd {
		margin: 0;
		padding: 0;
		display: none;
	}

	.tabelle {
		border: 1px solid #ccc;
	}

	.tabelle th,
	.tabelle td,
	.tabelle-2 th,
	.tabelle-2 td {
		vertical-align: top;
		text-align: left;
	}

	.tabelle tr.spalte {
		background: #eee;
	}

	.tabelle td {
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	.tabelle caption {
		font-weight: bold;
		font-style: italic;
		font-size: 14px;
		margin-bottom: 5px;
		text-align: right;
	}

	.tabelle tr td span.fett {
		display: block;
	}

	a[href^="http:"] {
		background: transparent url('link-extern.gif') right center no-repeat;
		padding-right: 17px;
	}
	
	.termintabelle a[href^="http:"] {
		background: none;
		padding-right: 0px;
	}

	a.keinExternBild {
		background: none !important;
		padding-right: 0px !important;
	}

	h1 abbr[title] {
		font-style: italic;
	}

	p.links,
	p.rechts {
		margin: 0;
		padding: 0;
	}

	p.links {
		margin: 0 1em 1em 0;
	}

	p.rechts {
		margin: 0 0 1em 1em;
	}

	.referent .kleiner {
		font-weight: normal;
	}

	blockquote.einleitungszitat {
		background: url("zitatzeichen.png") top left no-repeat;
		padding-left: 40px;
		margin: 2em 0;
		margin-left: 24px;
	}

	blockquote.einleitungszitat cite {
		font-style: italic;
		display: block;
	}

	.gruen {
		color: #99CA3C;
	}

	.blau {
		color: #0071BC;
	}

}