/* CSS für BIZEPS-INFO www.bizeps.or.at  -  Farben: dunkelgrau = #666, grau = #F0F0F0, orange = #FEAC00,  hellesorange= #FFF06C erfolgsgruen = #1FC809, fehlerrot = #B91E1E */

@media screen, projection {

/* Abstände einiger  Elemente werden auf Null gesetzt und Schriftart definiert */

html, body, div, span, a, table, td, form, img {
	margin: 0;
	padding: 0;
}

HTML, BODY {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 .2em;
	padding: 0.2em 0;
	width: 99.5%;
	text-align: center;
	FONT-SIZE: 98%;
	COLOR: #000;
	background: #DEDEDE;
	LINE-HEIGHT: 1.35em;
}

/* ist besser als display:none; weil display:none von einigen Screenreadern wirklich nicht gesprochen wird */

/* Links verstecken, bei Tastatursteuerung aber anzeigen. Nach einer Idee von http://www.webaim.org/techniques/articles/hiddentext; allerdings erweitert  */

.unsichtbar,.invisible, #skip a, #skip a:hover, #skip a:visited {
	position: absolute;
	left: -1000px;
	top: -1000px;
	

/* width: 1px;
height: 1px; */
overflow: hidden;
	display: inline;
}

#skip a:focus, #skip a:active {
	position: static;
/* width: auto;
height: auto; */
}

a:link {
	color: #1919a0;
	text-decoration: underline;
}

a:visited {
	text-decoration: underline;
	color: #666;
	font-style: italic;
}

a:hover, a:focus, a:active {
	text-decoration: none;
	BACKGROUND: #FFD06C;
	border-bottom: 2px solid #FFD06C;
	color: #220099;
}

a:hover {
	border: none;
}

/* ----- Vorabinfo Navigation */

/* so bringt man auch dem IE max-width bei: http://www.svendtofte.com/code/max_width_in_ie/  steht in der PHP-Datei*/

/* expression ist zwar JS, aber wenn kein JS vorhanden ist einfach nur beim IE das Fenster breiter, sonst keine Nebenwirkung */

#aussen {
	margin: 0 auto;
	BACKGROUND: #FEFEFE;
	text-align: left;
	max-width: 1000px;
}

#vorab {
	BACKGROUND: #DEDEDE url(/hpbilder/werbung.JPG) repeat-x;
	text-align: center;
}

#subbild {
	PADDING: 0 0.5em;
	BACKGROUND: #FEAC00 url(/hpbilder/logo_bild.JPG) no-repeat;
	height: 80px;
}

#sub1 {
	BACKGROUND: #F0F0F0;
	padding: 0.2em 0.5em;
	FONT-SIZE: 0.8em;
	text-align: left;
}

#sub2 {
	padding: 0.2em 0.5em;
	BACKGROUND: #FEAC00 url(/hpbilder/logo_bild_grau.JPG);
	FONT-SIZE: 0.8em;
}

#suchebox, #schriftverbox {
	float: right;
	display: block;
}

#suchebox input, #suchebox select {
	FONT-SIZE: 0.8em;
}

#suchebox legend {
	padding: 0;
}
/* flexibel 3 Spaltenlayout ohne absolute positionierung, nach einer Idee von: http://www.ground.cz/luci/css/my3cols.html */
#contentarea {
	background: #FFF;
}

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

* html #contentnav {
	width: auto;
}

* + html #contentnav {
	width: auto;
}

div#maincol {
	/*	anscheinend nicht mehr notwendig: <- display: table; using display: table hack here for Gecko browsers */
	padding-bottom: 1.5em;
	zoom: 1;
	width: 100%;
	float: left;
}

/* div#wrapper {
display: table-row;
vertical-align: top;
}
/* <- this is needed by Opera */

div#maincol #wrapper {
	margin-left: 170px;
	margin-right: 187px;
}

/* Navigation */

div#col2 {
	float: left;
	width: 150px;
	margin-left: -100%;
	FONT-SIZE: 0.94em;
}

#col2 H2 em {
	PADDING: 0.1em 0 0.1em 0.5em;
	MARGIN: 0.3em 0 0 0;
	DISPLAY: block;
	FONT-SIZE: 0.94em;
	FONT-WEIGHT: normal;
	BACKGROUND: #FEAC00;
	COLOR: #000;
	font-style: italic;
	TEXT-DECORATION: none;
}

#col2 H2 A {
	PADDING: 0.1em 0 0.1em 0.5em;
	MARGIN: 0.3em 0 0 0;
	DISPLAY: block;
	FONT-SIZE: 0.94em;
	FONT-WEIGHT: normal;
	BACKGROUND: #FEAC00;
	COLOR: #000;
	TEXT-DECORATION: none;
	font-style: normal;
}

#col2 H2 A:link, #col2 H2 A:visited {
	BACKGROUND: #FEAC00;
	COLOR: #000;
	border-bottom: 0px solid #fff;
	TEXT-DECORATION: none;
}

#col2 H2 A:hover, #col2 H2 A:focus, #col2 H2 A:active {
	BACKGROUND: #FFF06C;
	COLOR: #000;
	border-bottom: 0px solid #fff;
	TEXT-DECORATION: none;
}

#col2 DL {
	MARGIN: 0 0 0.5em 0;
	BACKGROUND: #eee;
}

#col2 DT {
	BORDER-top: #666 1px solid;
}

#col2 DT em {
	padding: 0.1em 0 0.1em 0.5em;
}

#col2 DT A {
	padding: 0.1em 0 0.1em 0.5em;
	DISPLAY: block;
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
}

#col2 DT A:link, #col2 DT A:visited {
	BACKGROUND: #F0F0F0;
	COLOR: #000;
	TEXT-DECORATION: none;
	font-style: normal;
	border-bottom: 0px solid #fff;
}

#col2 DT A:hover, #col2 DT A:focus, #col2 DT A:active {
	BACKGROUND: #FFD06C;
	COLOR: #000;
	TEXT-DECORATION: none;
	font-style: normal;
	border-bottom: 0px solid #fff;
}

/* Werbespalter - nur bei Bedarf verwenden */

div#col3 {
	width: 170px;
	float: left;
	margin-left: -170px;
}

#col3 .colwrapper {
	width: 160px;
	margin-right: 10px;
}

div.colwrapper {
	margin: 0px;
}

div.content_layout {
	padding: 0;
}

div.content div, pre {
	overflow: auto;
}

/* Fusszeile */

div#footer {
	padding: 0.5em 0;
	margin-top: 0.5em;
	clear: both;
}

div.footerbgtrap {
	padding: 0.5em;
	FONT-SIZE: 0.8em;
	border-top: 1px solid #FEAC00;
}

/* linkwerbung */

.linkwerb {
	FONT-SIZE: 0.75em;
	COLOR: #666;
}

/* linkwerbung */

.stripe {
	BACKGROUND: #DDD;
}

/* #suchebox input {
border: 1px solid #FFD06C;
padding: 0;
margin-left: 0.5em;
FONT-SIZE: 0.8em;
}
#suchebox legend {
padding: 0;
}
*/

/* ----- Formulare  */

fieldset {
	padding: 0.7em;
	border: 1px solid #666;
	position: relative;
}

legend {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background: #F0F0F0;
	color: #000;
	padding: 0.3em;
	position: relative;
	z-index: 11;
}

input, select {
	border: 1px solid #FEAC00;
	padding: 0;
	background: #FFF;
	color: #000;
}

textarea {
	width: 100%;
	border: 1px solid #FEAC00;
	position: relative;


/* put on top */
   width: expression(parentNode.offsetWidth - 13);

/* - border - padding */
   padding-top: 2px;
	padding-bottom: 2px;
	background: #FFF;
	color: #000;
}

select:focus, select:active, input:focus, input:active, input:hover, textarea:focus, textarea:active, textarea:hover {
	background: #FFD06C;
	color: #000;
}

label {
	cursor: pointer;
}

.button {
	BACKGROUND: #F0F0F0;
	color: #000;
}

input:focus.button, input:active.button {
	FONT-WEIGHT: bolder;
	background: #F0F0F0;
	color: #000;
}

p.formular {
	margin-top: 0em;
}

/* ----- Spezialfall zählen Forum */

input.ohne {
	border: 0px;
	padding: 0;
	FONT-WEIGHT: bolder;
	background: #FFF;
}

.error {
	border: 1px solid #B91E1E;
	margin: 1em 0;
	padding: 0.7em 0.7em 1em 70px;
	background: #F0F0F0;
	color: #000;
	background-image: url(/hpbilder/achtung_klein.GIF);
	background-repeat: no-repeat;
}

.errorcms {
	border: 1px solid #B91E1E;
	padding: 0.1em 0.5em;
	background: #F0F0F0;
	color: #000;
}

.erfolg {
	border: 1px solid #1FC809;
	padding: 0.7em;
	background: #F0F0F0;
	color: #000;
}

.moderation {
	border: 1px solid #1FC809;
	padding: 0.7em;
	background: #F0F0F0;
	color: #000;
}

.marker {
	background-color: #ff0;
}

/* ----- Image platzfüllend */

img.weit {
	border: 0 none;
	width: 100%;
}

/* ----- Ticker */

.ticker {
	border: 1px solid #FEAC00;
	padding: 0 5px;
	background: #F0F0F0;
	FONT-SIZE: 85%;
}

#countdown {
	background-color: #FEAC00;
	text-align: center;
}

tbody, th, td {
	FONT-SIZE: 0.9em;
	padding: 0.2em;
	vertical-align: top;
}

td.tickerdate {
	FONT-SIZE: 0.9em;
	background-color: #FEAC00;
	LINE-HEIGHT: 1.3em;
	padding: 0.4em 0em;
	text-align: center;
	width: 5em;
	padding-right: 0.5em;
	vertical-align: top;
}

td.tickerdata {
	FONT-SIZE: 0.9em;
	background-color: #F0F0F0;
	LINE-HEIGHT: 1.3em;
	padding: 0.4em 1em;
}

/* ----- Diese Daten werden zur Formatierung der per CMS angelieferten Artikel benötigt */

H1 {
	margin: 0 0 1em 0;
	FONT-WEIGHT: bolder;
	FONT-SIZE: 1.3em;
	LINE-HEIGHT: 1.3em;
	COLOR: #666;
}

H2 {
	MARGIN: 0;
	FONT-WEIGHT: bolder;
	FONT-SIZE: 1.15em;
	LINE-HEIGHT: 1.3em;
	COLOR: #666;
}

#main H2 {
	MARGIN: 2em 0 0 0;
	FONT-WEIGHT: bolder;
	FONT-SIZE: 1.15em;
	LINE-HEIGHT: 1.3em;
	COLOR: #666;
}

H3 {
	margin: -.7em 0 -0.5em 0;
	FONT-WEIGHT: bolder;
	FONT-SIZE: 1.05em;
	LINE-HEIGHT: 1.3em;
	COLOR: #666;
}

H3 a:link {
	color: #1919a0;
	text-decoration: none;
	font-style: normal;
}

H3 a:visited {
	color: #666;
	text-decoration: none;
	font-style: normal;
}

H3 a:hover, H3 a:focus, H3 a:active {
	color: #1919a0;
	text-decoration: underline;
	BACKGROUND: #FFD06C;
	border-bottom: 2px solid #FFD06C;
	color: #220099;
}

strong {
	FONT-WEIGHT: bold;
	FONT-SIZE: 1.05em;
	LINE-HEIGHT: 1.3em;
	COLOR: #666;
}

p.linie {
	FONT-SIZE: 1em;
	BORDER-TOP: 1px dashed #CCC;
	PADDING: 3px 0 0 0;
}

img.news {
	BACKGROUND-COLOR: transparent;
	float: right;
	margin: 5px 0 3px 5px;
	border: 0px;
}

.quelleueber {
	FONT-SIZE: 0.8em;
}

.forumdaten {
	margin: 15px 0 0 0;
	padding: 7px;
	FONT-SIZE: 0.88em;
	background-color: #EEE;
}

.forumtext {
	margin: 0px;
	padding: 7px;
	BORDER: 2px solid #EEE;
	FONT-SIZE: 0.88em;
}

.audio {
	background-color: #F0F0F0;
	margin: 3em 0;
	padding: 1em;
	FONT-SIZE: 0.9em;
}

.citebox {
	margin: 0;
	padding: 0 45px 1em 0;
	FONT-WEIGHT: bolder;
	background-image: url(/hpbilder/aus.GIF);
	background-position: top right;
	background-repeat: no-repeat;
}

blockquote {
	margin: 1em 0 0 0;
	padding: 45px 45px 10px 45px;
	background: url(/hpbilder/an.GIF) top left no-repeat;
	font-style: italic;
}

.video {
	margin: 5px 0 0 0;
	padding: 7px 7px 7px 100px;
	FONT-SIZE: 0.88em;
	background: #CFCFCF url(/hpbilder/video.GIF) no-repeat;
}

acronym, abbr, .hilfe {
	cursor: help;
	border-bottom: 1px dashed #555;
}

ul {
	list-style-image: url(/hpbilder/pfeil_a.GIF);
}

}


/* YAHOO Media Player */

.ymp-btn-player a:hover,
a#ymp-btn-min:hover,
a#ymp-btn-max:hover {
	background: inherit !important;
}

.ymp-btn-player.ymp-player-max {
	width: 510px !important;
}
.ymp-player-max #ymp-body {
	width: 510px !important;
}

.ymp-player-max #ymp-body-strip {
	width: 500px !important;
}

.ymp-color-main,
.ymp-color-tray {
	background-color: #333 !important;
}

#ymp-yahoo-logo,
#ymp-relevance,
#ymp-btn-close,
#ymp-btn-pop {
	display: none !important;
}

.ymp-player-max #ymp-control {
	left: 10px !important;
}

a.ymp-btn-prev, a.ymp-btn-next, a.ymp-btn-play, a.ymp-btn-pause,
a.ymp-btn-prev:focus, a.ymp-btn-prev:hover, a.ymp-btn-prev:active,
a.ymp-btn-next:focus, a.ymp-btn-next:hover, a.ymp-btn-next:active,
a.ymp-btn-play:focus, a.ymp-btn-play:hover, a.ymp-btn-play:active,
a.ymp-btn-pause:focus, a.ymp-btn-pause:hover, a.ymp-btn-pause:active {
	background: url(/hpbilder/buttons.PNG) no-repeat !important;
}

a.ymp-btn-prev, a.ymp-btn-next {
	left: 0px !important;
	top: 5px !important;
	width: 30px !important;
	height: 30px !important;
}

a.ymp-btn-prev {
	background-position: 0 -262px !important;
}

a.ymp-btn-next {
	left: 67px !important;
	background-position: 0 -179px !important;
}

a.ymp-btn-prev:focus, a.ymp-btn-prev:hover, a.ymp-btn-prev:active {
	background-position: 0 -96px !important;
}

a.ymp-btn-next:focus, a.ymp-btn-next:hover, a.ymp-btn-next:active {
	background-position: 0 -302px !important;
}

a.ymp-btn-play {
	background-position: 0 -219px !important;
	width: 33px !important;
}

a.ymp-btn-play:focus, a.ymp-btn-play:hover, a.ymp-btn-play:active {
	background-position: 0 -53px !important;
}

a.ymp-btn-pause {
	background-position: 0 -10px !important;
}

a.ymp-btn-pause:focus, a.ymp-btn-pause:hover, a.ymp-btn-pause:active {
	background-position: 0 -136px !important;
}

#ymp-volume {
left: 115px !important;
}

#ymp-meta,
#ymp-tray {
	left: 140px !important;
}

#ymp-meta-image {
	background: none !important;
}

#ymp-tray-list li a {
	background-color: #feac00 !important;
	color: #111 !important;
}

#ymp-tray-list li a:hover b {
	text-decoration: underline !important;
}




/* Beim Ausdruck einige Dinge ändern */
@media print {
	html, body {
margin: 0;
	padding: 0;
	text-align: left;
	font: 12pt Georgia, "Times New Roman", serif;
}

img.news {
	BACKGROUND-COLOR: transparent;
	float: right;
	margin: 5px 0 3px 5px;
	border: 0px;
}

.audio {
	margin: 1.5em 0;
	padding: 0;
	FONT-SIZE: 0.9em;
	background-color: #FFF;
	background-image: url(/hpbilder/aus.GIF);
	background-position: bottom right;
	background-repeat: no-repeat;
}

blockquote {
	margin: 1em 0 0 0;
	padding: 35px 45px 10px 45px;
	background-image: url(/hpbilder/an.GIF);
	background-position: top left;
	background-repeat: no-repeat;
}

/* Weglassen, weil im Ausdruck unnötig  */

#skip, #sub1, #sub2, #subbild, #vorab, #suchbox, #schriftverbox, #colwrapper, #col2, #col3, #footer, #nichtdrucken,.nichtdrucken, .noprint , .forumdaten, .forumtext {
	display: none !important;
}

acronym, abbr, .hilfe {
	border-bottom: 0px none #FFF;
}

#main, #maincol, #content_layout, #wrapper, #aussen {
	BACKGROUND: #FFF;
	COLOR: #000;
	margin: 0;
	PADDING: 0;
}

#aussen {
	width: 100% !important;
}

/* überschreibt die expression im screenbereich, die JS ist */

/* Links / URLs ausdrucken  */

a:link, a:visited, a:hover, a:focus, a:active {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}

/* zeigt in Gecko-based browsern nachher die URL  */

#main a:link:after, #main a:visited:after {
	content: " (" attr(href) ") ";
	font: 9pt Georgia;
	font-style: italic;
}

/* Nur bei umgewandelten e-Mails nicht anzeigen  */

#main a[href^="/email/"]:link:after, #main a[href^="/email/"]:visited:after {
	content: "";
}

a {
	background: inherit;
	color: inherit;
	text-decoration: none;
}

#main {
	display:block !important;
}
#main:before {
	content: "\ BIZEPS-INFO - Der Nachrichtendienst";
	color: #999 !important;
	font-size: 2em;
	border-bottom: 1px solid #999;
	display:block !important;
	float:left;
	width:100%;
}

#main:after {
	content: "\ Alle Rechte vorbehalten. (c) 2012 BIZEPS-INFO, www.bizeps.or.at";
	color: #999 !important;
	font-size: 0.85em;
	border-top: 1px solid #999;
	display:block !important;
	float:left;
	width:100%;
}

}