@CHARSET "UTF-8";
/*reset: vordefinierte Browserstyles - nicht bearbeiten !!! */ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;} sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}


/* eigene Styles: */
html { overflow: -moz-scrollbars-vertical; overflow-x: hidden; }
body { font: 11px/16px Verdana, Arial, sans-serif; color: #545453; height: 100%; background: #FFF url(../img/misc/bg_balken_gelb.gif) repeat-x; }


	/** -- #wrapper - umgibt alles, enthält den Header-BG und den Schatten links und rechts -- **/
	div#wrapper { position: absolute; left: 50%; top: 0; width: 5000px; min-height: 100%; background: url(../img/misc/bg_wrapper_start.gif) no-repeat center top; margin: 0 0 0 -2500px; }
	* html div#wrapper { height: 100%; }


		div#main { margin: 0 2000px; /*background: red;*/ }
		/*div#main { width: 1000px; background: red; margin: 0 auto; }*/


			/****************/
			/** -- Logo -- **/
			h1 { display: none; }
			a.logo { display: block; width: 229px; height: 69px; padding: 16px 0 0 0; }
				a.logo img {  }


			/*****************/
			/** -- Suche -- **/
			div.tx-macinasearchbox-pi1 { position: absolute; left: 50%; top: 11px; width: 225px; height: 19px; background: url(../img/misc/bg_suche.gif) no-repeat; margin: 0 0 0 185px; }
				div.tx-macinasearchbox-pi1 form label { display: none; }
				div.tx-macinasearchbox-pi1 form input#sword { font-size: 11px; float: left; width: 185px; height: 13px; background: none; border: none; margin: 2px 0 0 1px; padding: 1px 5px; }
				div.tx-macinasearchbox-pi1 form button { float: right; width: 17px; height: 17px; background: none; margin: 1px; border: none; }


			/**************************/
			/** -- TAB-Navigation -- **/
			div#tab-nav { position: absolute; left: 50%; top: 69px; width: 528px; height: 27px; margin: 0 -264px; }
				div#tab-nav ul {  }
					div#tab-nav ul li { float: left; height: 27px; }
						div#tab-nav ul li a { display: block; float: left; height: 27px; background: url(../img/tabnav/bg.gif) no-repeat; }
						/* OFF-Status */
						div#tab-nav ul li#bildungsangebot a { width: 168px; background-position: 0 0; }
						div#tab-nav ul li#organisation a	{ width: 134px; background-position: -168px 0; }
						div#tab-nav ul li#news a			{ width: 72px; background-position: -302px 0; }
						div#tab-nav ul li#standorte a		{ width: 154px; background-position: -374px 0; }
						/* OVER-Status */
						div#tab-nav ul li#bildungsangebot a:hover	{ width: 168px; background-position: 0 -27px; }
						div#tab-nav ul li#organisation a:hover		{ width: 134px; background-position: -168px -54px; }
						div#tab-nav ul li#news a:hover				{ width: 72px; background-position: -302px -81px; }
						div#tab-nav ul li#standorte a:hover			{ width: 154px; background-position: -374px -108px; }
						/* ON-Status */
						div#tab-nav ul li#bildungsangebot.act a:hover	{ width: 168px; background-position: 0 -135px; }
						div#tab-nav ul li#organisation.act a:hover		{ width: 134px; background-position: -168px -162px; }
						div#tab-nav ul li#news.act a:hover				{ width: 72px; background-position: -302px -189px; }
						div#tab-nav ul li#standorte.act a:hover			{ width: 154px; background-position: -374px -216px; }
						/* Hidden */
						div#tab-nav ul li a span	{ display: none; }



			/*******************/
			/** -- Content -- **/
			div#content { padding: 52px 260px 0 260px; }
				div#content h2 { font-size: 15px; font-weight: bold; color: #01164F; background: url(../img/misc/trennlinie_h2_startseite.gif) no-repeat left bottom; margin: 0 0 16px 0; padding: 0 0 5px 0; }
				div#content h3 { font-weight: bold; padding: 0 0 4px 0; }
				/* Links */
				div#content a { color: #01164F; text-decoration: underline; }
				div#content a:hover { text-decoration: underline; }
					/* News - Listenansicht */
					div#content div.news-list { border-bottom: 1px solid #F1F1F0; margin: 0 0 8px 0; padding: 0 0 8px 0; }
					div#content div.news-list p { display: inline; }
						div#content div.news-list a { color: #01164F; font-weight: bold; text-decoration: none; background: url(../img/misc/icon_newslink_blau.gif) no-repeat right 6px; padding: 0 6px 0 0; }
						div#content div.news-list a:hover { text-decoration: underline; }

			/** -- Bildungsboxen -- **/
			div#bildungsboxen { font-size: 10px; line-height: 14px; width: 800px; margin: 0 auto; background: url(../img/bildungsboxen/bg_linien_boxen.gif) repeat-y; margin-bottom: 65px; }
				div#bildungsboxen div#bg-verlauf { background: url(../img/bildungsboxen/bg_farbverlaeufe.gif) no-repeat left bottom; }
					div#bildungsboxen div#bg-verlauf div { float: left; width: 136px; /*min-height: 61px;*/ padding: 140px 8px 8px 8px; margin: 0 10px 0 0; }
						div#bildungsboxen div#bg-verlauf h3 { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 0 4px 0; }
						div#bildungsboxen div#bg-verlauf p {  }
						div#bildungsboxen div#bg-verlauf a { font-weight: bold; text-decoration: none; padding: 0 6px 0 0; }
						div#bildungsboxen div#bg-verlauf a:hover { text-decoration: underline; }
					/* Grün */
					div#bildungsboxen div#box-1 { background: url(../img/bildungsboxen/bild_pflichtschulalter.gif) no-repeat; }
						div#bildungsboxen div#box-1 h3 { color: #2d6205; }
						div#bildungsboxen div#box-1 a  { color: #2d6205; background: url(../img/bildungsboxen/linkIcon_gruen.gif) no-repeat right 5px; }
					/* Orange*/
					div#bildungsboxen div#box-2 { background: url(../img/bildungsboxen/bild_berufsbildende_schule.gif) no-repeat; }
						div#bildungsboxen div#box-2 h3 { color: #d65e05; }
						div#bildungsboxen div#box-2 a  { color: #d65e05; background: url(../img/bildungsboxen/linkIcon_orange.gif) no-repeat right 5px; }
					/* Lila */
					div#bildungsboxen div#box-3 { background: url(../img/bildungsboxen/bild_ahs.gif) no-repeat; }
						div#bildungsboxen div#box-3 h3 { color: #620b16; }
						div#bildungsboxen div#box-3 a  { color: #620b16; background: url(../img/bildungsboxen/linkIcon_lila.gif) no-repeat right 5px; }
					/* Blau */
					div#bildungsboxen div#box-4 { background: url(../img/bildungsboxen/bild_nach_matura.gif) no-repeat; }
						div#bildungsboxen div#box-4 h3 { color: #023368; }
						div#bildungsboxen div#box-4 a  { color: #023368; background: url(../img/bildungsboxen/linkIcon_blau.gif) no-repeat right 5px; }
					/* Braun */
					div#bildungsboxen div#box-5 { background: url(../img/bildungsboxen/bild_freizeitbildung.gif) no-repeat; margin: 0 !important; }
						div#bildungsboxen div#box-5 h3 { color: #4d3a0b; }
						div#bildungsboxen div#box-5 a  { color: #4d3a0b; background: url(../img/bildungsboxen/linkIcon_braun.gif) no-repeat right 5px; }


			/** -- Ankündigung rechts -- **/
			div#ankuendigung { position: absolute; left: 50%; top: 141px; width: 129px; height: 129px; background: url(../img/misc/bg_ankuendigung.gif) no-repeat; margin: 0 0 0 324px; }
			div#ankuendigung { line-height: 13px; text-align: center; }
				div#ankuendigung h3 { font-size: 11px; font-weight: bold; color: #01164f; text-transform: uppercase; padding: 30px 0 7px 0; }
				div#ankuendigung p  { color: #01164f; padding: 0 8px; }
				div#ankuendigung a  { display: block; position: absolute; left: 0; top: 0; width: 129px; height: 129px; background: url(../img/misc/bg_ankuendigung_ieHelper.gif) no-repeat; }
					div#ankuendigung a span { display: none; }


		/******************/
		/** -- Footer -- **/
		div#footer { position: absolute; left: 50%; bottom: 0; width: 100%; height: 63px; background: url(../img/misc/bg_footer.gif) no-repeat center 0; margin: 0 0 0 -50%; }
			div#footer ul { position: absolute; left: 50%; top: 35px; width: 470px; margin: 0 0 0 -235px; }
				div#footer ul li { float: left; background: url(../img/misc/trenner_footer.gif) no-repeat right center; padding: 0 7px; }
				div#footer ul li.last { background: none; }
					div#footer ul li a { display: block; float: left; font-size: 11px; color: #BEC8D2; text-decoration: none; }
					div#footer ul li a:hover { text-decoration: underline; }
			


		/** -- Link auf die Seite - Niederöstereich -- **/
		a#noe-link { position: absolute; left: 50%; top: 98px; width: 48px; height: 56px; background: url(../img/misc/logo_noe.gif) no-repeat; margin: 0 0 0 -472px; z-index: 1000; }



/** -- Allgemeine Definitionen
/** -- stehen ganz am Ende, damit sie von nichts kaskadiert werden
*/
hr { display: none; }
button { cursor: pointer; cursor: hand; }
strong, b { font-weight: bold; }
u { text-decoration: underline; }
em { font-style: italic; }
blockquote{ padding: 0 20px; }
small { font-size: 11px; }
.invisible { display: none; }
.clear { display: block; clear: both; font-size: 1px; line-height: 1px !important; height: 1px; margin: 0 !important; padding: 0 !important; }