/*  WKO.at Layout Style Sheet v1.0
    Letztes Update: Fr 13.02.09 @ 12:33
    Autoren: Simon Dorner, Helga Schmidt
    wwww.semanticdesign.at
    ----------------------------------------------
    
    INHALTSVERZEICHNIS
      * allgemein und skip-links
      * landesnav
      * metanav
      * tabs     
      * logos 
      * breadcrumb
      * pinnwand
      * newsbox_bildlinks, newsbox_bildrechts
      * grid_nav
      * dropnav
      * footer

/* =allgemein und skip-links
   ----------------------------------------------*/

body {
  background: #5d7381 url(img/bg.png) repeat-x;
  color: #272D2E;
  font: 12px Verdana, "Lucida Grande", "Bitstream Vera Sans",
   "Sun Sans-Regular", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

img, img a, a img, fieldset {
  border: none;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, fieldset, table, tr, th, td, caption {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, Cambria, Constantia, "New York", "Bitstream Vera Serif", Times, "Times New Roman", serif;
  font-weight: normal;
}

h1, h2 {
  font-size: 22px;
}

h1 {
  
}

h2 {
  padding: 0 20px 0 0;
}

h3 {
  font-size: 16px;
  padding: 3px 20px 3px 0;
}

h4, h5, h6 {
  font-size: 12px;
}

a, a:visited {
  color: #2D72A1;
}

a:hover
{
  color: #33ADFF;
  text-decoration: underline;
}

div#wrapper {
  margin: 0 auto 20px auto;
  position: relative;
  width: 990px;
}

div#rahmen1 {
  background: url(img/schatten_oben.png) no-repeat 50% 0;
  padding: 5px 0 0 0;
}

div#rahmen2 {
  background: url(img/schatten_unten.png) no-repeat 50% 100%;
  padding: 0 0 5px 0;
}

div#rahmen3 {
  background: url(img/schatten_mitte.png) repeat-y 50% 0;
  padding: 0 5px 0 5px;
}

div#main {
  background: #FFF;
  overflow: hidden;  /* SD 300909 */
}

ul.access,
ul.access li {
  display: block;
  height: 0;
  list-style: none;
  margin: 0;
  padding: 0px;
}

/* Skip-Links fuer User einblenden, die durch die Seite tabben. */

ul.access a:hover,
ul.access a:active,
ul.access a:focus { 
  background: #000;
  border: 4px solid #fff;
  border-radius: 15px;
  box-shadow: 10px 10px 5px #888;
  color: #fff;
  display: block;
  font-weight: bold;
	font-size: 1.7em;
	left: 220px;
  padding: 50px 0 70px 0;
	position: absolute;
  text-decoration: underline; 
	top: 80px;
	width: 540px;
	text-align: center;
	z-index: 1000;
	-moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

ul.access a {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in
}

ul.access a:focus {
  opacity: 0.8;
}

ul.access a:hover {
  opacity: 1;
}

/* =landesnav
   ----------------------------------------------*/

ul#landesnav {
	height: 30px; 
	list-style: none;
	margin: 0 0 9px 0;
}

ul#landesnav li {
	background: url(img/landesnav_border.png) no-repeat 0 6px;
	display: inline;
	padding: 4px 0;
	position: absolute;
	text-align: center;
  top: 0;
}

ul#landesnav a {
	color: #e3edf2;
	font-size: 10px;
	padding: 5px 0;
	text-decoration: none;
}

ul#landesnav li.aktiv {
	background-color: #D9E2E7;
	background-image: none;
	margin-left: 2px;
	z-index: 1000;
}

ul#landesnav li.aktiv a {
	color: #272D2E;
}

ul#landesnav li#link_landesnav_dg1 a {
  background: url(img/i_kl_sprite.png) no-repeat 15px -1018px;
  padding: 5px 18px 4px 32px;
}

ul#landesnav li#link_landesnav_dg1 {
  background: none;
}

ul#landesnav li#link_landesnav_dg1.aktiv a {
  background: #FFF url(img/i_kl_sprite.png) no-repeat 15px -1043px;
}

ul#landesnav a:hover {
  color: #fff;
	text-decoration: underline;
}

ul#landesnav li#link_landesnav_dg1 { left: 0; width: 80px; }
ul#landesnav li#link_landesnav_dg2 { left: 80px; width: 108px; }
ul#landesnav li#link_landesnav_dg3 { left: 188px; width: 90px; }
ul#landesnav li#link_landesnav_dg4 { left: 278px; width: 133px; }
ul#landesnav li#link_landesnav_dg5 { left: 411px; width: 124px; }
ul#landesnav li#link_landesnav_dg6 { left: 535px; width: 94px; }
ul#landesnav li#link_landesnav_dg7 { left: 629px; width: 106px; }
ul#landesnav li#link_landesnav_dg8 { left: 735px; width: 75px; }
ul#landesnav li#link_landesnav_dg9 { left: 810px; width: 98px; }
ul#landesnav li#link_landesnav_dg10 { left: 908px; width: 72px; }

/* =metanav
   ----------------------------------------------*/

ul#metanav {
  background: url(img/metanav_bg.png) no-repeat top right;  
  margin: 6px 20px 20px 0;
  padding: 6px 53px 0 0; /* SD 300909 */
  text-align: right;
}

ul#metanav li {
  display: inline;
  margin: 0 0 0 12px;
}

ul#metanav li a {
  background: url(img/i_kl_sprite.png) no-repeat 0 -100px;
  color: #D9E2E7;
  font-size: 10px;
  padding: 0 0 1px 20px;
  text-decoration: none;
}

ul#metanav li a:hover {
  text-decoration: underline;
}

ul#metanav li#metanav_link_faz a {
  background-position: 0 -125px;
}

ul#metanav li#metanav_link_hilfe a {
  background-position: 0 -150px;
}

ul#metanav li#metanav_link_english a {
  background-position: 0 -175px;
}

/* =login badge fuer angemeldete BenutzerInnen
   ----------------------------------------------*/

div#loginbadge {
  font-size: 10px;
  margin: -15px 15px 6px 640px;
  text-align: left;
  color: #bfc9cd;
  position: relative;
  padding-right: 50px;
}

div#loginbadge a {
  position: absolute;
  bottom: 0;
  right: 5px;
  text-decoration: none;
}

div#loginbadge a:hover { text-decoration: underline; }

div#loginbadge em {
  font-style: normal;
}

/* =tabs
   ----------------------------------------------*/
div#mainhead {
  position: relative;
}
  
div#tabs {
  /*background: url(img/tabs_bg.png) no-repeat;*/
  height: 57px;
}

div#tabs ul li {
  display: inline;
}

div#tabs ul li a {  
  display: block;
  height: 57px;
  position: absolute;
}

div#tabs ul li#tabs_service a {
  width: 243px;
}

div#tabs ul li#tabs_iv a {
  left: 243px;
  width: 257px;
}

div#tabs ul li#tabs_branche a {
  left: 500px;
  width: 241px;
}

div#tabs ul li#tabs_wir a {
  left: 741px;
  width: 239px;
}

div#tabs ul li.aktiv a {
  top: -3px;
  height: 60px;
  background: url(img/tabs_aktiv.png) no-repeat 0 0;
}

div#tabs ul li#tabs_service.aktiv a {
  width: 255px;
}

div#tabs ul li#tabs_iv.aktiv a {
  background-position: 0 -60px;
  left: 224px;
  width: 279px;
}

div#tabs ul li#tabs_branche.aktiv a {
  background-position: 0 -120px;
  left: 477px;
  width: 275px;
}

div#tabs ul li#tabs_wir.aktiv a {
  background-position: 0 -180px;
  left: 726px;
  width: 254px;
}

/* =logos
   ----------------------------------------------*/

div#header {
/*height: 122px;*/ /* GP 20090918: war bereits entfernt (s. xls Punkt 9) */
  position: relative;
  height: 122px;
}

h1#logo strong span,
h1#logo em span {
  left: -2000px;
  position: absolute;
  width: 10px;
}

h1#logo span#logo_optionaltext {
  display: block;
  height: 10px;
  position: absolute;
  text-align: right;
  text-shadow: 0.1em 0.1em 0.2em #111;
  top: 70px;
  width: 224px;
}

h1#logo a {
  color: #fff;
  display: block;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  height: 85px;
  left: 14px;
  position: absolute;
  text-decoration: none;
  top: 34px;
  width: 231px;
  cursor: pointer;
}

h1#logo a:hover {
  text-decoration: none; /* GO 23.09.09 */
}

h1#logo #logo_wko {
  background: url(img/logos/l_wko.png) no-repeat;
  display: block;
  height: 57px;
  width: 171px;
}


body.dg6 h1#logo #logo_wko {	/* GO 23.9.09 */
  background: url(http://wko.at/sbg/wks.png) no-repeat;	
}

h1#logo #logo_icon {
	  background: url(img/logos/at.png) no-repeat;	
  display: block;
  height: 57px;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
}

body.dg1 h1#logo #logo_icon
{
	  background: url(img/logos/at.png) no-repeat;	
}

h1#logo #logo_text {
  background: url(img/logos/wk_oe.png) no-repeat;
  display: block;
  height: 18px;
  left: 0;
  position: absolute;
  top: 57px;
  width: 231px;
}

body.dg1 h1#logo #logo_text
{
	  background: url(img/logos/wk_oe.png) no-repeat;	
}


/* =breadcrumb
   ----------------------------------------------*/

div#breadcrumb {
  border-bottom: 1px solid #394d57;
  display: block;
  float: none;
  padding: 4px 0 4px 20px;
}

div#breadcrumb ul {
  list-style: none;
}

div#breadcrumb li {
  color:#949FA6;
  display:inline;
  font-size: 11px;
  margin-right: 0;
  padding:3px 0 3px 0;
}
   
div#breadcrumb li#homelink {
  background: url(img/i_kl_sprite.png) no-repeat 0 -720px;
  padding:3px 0 3px 14px;
}

div#breadcrumb li {
  padding: 3px 0 3px 6px;
  margin-left: 0px;
}

div#breadcrumb li a {
  background: none;
  padding-left: 0;
  color: #F1F1F1;
  text-decoration: none;
}

div#breadcrumb li a:hover {
  text-decoration: underline;
}

/* =pinnwand
   ----------------------------------------------*/
   
div#pinnwand {
  background: #708892 url(img/pinnwand_hg.png) repeat-x;
  overflow: hidden;
  width: 100%;
} 

div#pinnwand p, 
div#pinnwand ul li, 
div#pinnwand a
{
  color: #B5C7CE;
}
   
div#pinnwand.pinnwand_2spalten {
  background: #708892 url(img/pinnwand_hg_2spalten.png) no-repeat;
}
  
div#pinnwand.pinnwand_3spalten {
  background: #708892 url(img/pinnwand_hg_3spalten.png) no-repeat;
}

div#pinnwand.pinnwand_kleinespalte_links {
  background: #708892 url(img/pinnwand_hg_kleinespalte_links.png) no-repeat;
}

div#pinnwand div#pinnwand_spalte1, 
div#pinnwand div#pinnwand_spalte2, 
div#pinnwand div#pinnwand_spalte3 {
  display: inline;
  float: left;
  padding: 0;
}

div#pinnwand.pinnwand_2spalten div#pinnwand_spalte1, 
div#pinnwand.pinnwand_2spalten div#pinnwand_spalte2 {
  margin: 20px 0 0 20px;
  width: 470px;
}

div#pinnwand.pinnwand_3spalten div#pinnwand_spalte1, 
div#pinnwand.pinnwand_3spalten div#pinnwand_spalte2, 
div#pinnwand.pinnwand_3spalten div#pinnwand_spalte3 {
  margin: 20px 0 0 20px;
  width: 300px;
}

div.pinnwand_kleinespalte_links div#pinnwand_spalte1 {
  margin: 20px 0 0 20px;
  width: 300px;
}

div.pinnwand_kleinespalte_links div#pinnwand_spalte2 {
  margin: 20px 0 0 20px;
  width: 640px;
}

div#pinnwand div#pinnwand_spalte1 div#ii_hilfecenter h1, 
div#pinnwand div#pinnwand_spalte1 div#ii_hilfecenter h2, 
div#pinnwand div#pinnwand_spalte1 div#ii_hilfecenter p.ii_untertitel, 
div#pinnwand div#pinnwand_spalte1 div#ii_hilfecenter form#hilfecenter { 
  padding-left: 56px; 
}

div#pinnwand div.infoimage {
  width: 300px;
  background-position: 0 0;
}

div#pinnwand div.infoimage, 
div#pinnwand div#pinnwand_thema_headline,
div#pinnwand_thema_ansprechpartner,
div#pinnwand_thema_suche,
div#pinnwand_thema_abo,
div#pinnwand div#pinnwand_awo_headline,
div#pinnwand div#pinnwand_awo_map,
div#pinnwand div#pinnwand_db_agb_headline, /* GP 20090629: hinzugefuegt */
div#pinnwand div#pinnwand_db_foe_headline, /* GP 20090629: hinzugefuegt */
div#pinnwand div#pinnwand_db_kv_headline, /* GP 20090629: hinzugefuegt */
div#pinnwand div#pinnwand_db_vm_headline, /* GP 20090629: hinzugefuegt */
div#pinnwand div#pinnwand_db_ansprechpartner, /* GP 20090629: hinzugefuegt */
div#pinnwand_meinwko_info,
div#pinnwand_meinwko_vorteile,
div#pinnwand_meinwko_login {
  display: inline;
  float: left;
  margin: 0;
  padding: 0 0 10px 0;
}

div#pinnwand div.infoimage h2, 
div#pinnwand_meinwko_login h2,
div#pinnwand div#pinnwand_meinwko_info h2 {
  font-size: 16px;
  padding-top: 0;
  padding-right: 10px ;
  padding-bottom: 12px;
}

#pinnwand_meinwko_vorteile h2
{
  font-size: 16px;
}

div#pinnwand form select {
  height: 23px;
  margin: 0 0 10px 0;
}

div#pinnwand div#pinnwand_spalte1 div#ii_hilfecenter.infoimage {
  background-color: transparent;
}

div#pinnwand form#hilfecenter input#hilfecenter_suchbegriff {
  width: 140px;
}

div#pinnwand div#pinnwand_spalte1 div#ii_hilfecenter form#hilfecenter {
  margin-bottom: 10px;
}

div#pinnwand div#pinnwand_spalte1 div#ii_hilfecenter h1 { 
  font-size: 24px; 
  padding-bottom: 0;
}

/* =newsbox_bildlinks, newsbox_bildrechts
   ----------------------------------------------*/

div#pinnwand div.newsbox_layered {background-repeat: no-repeat; background-position: 0 0;}
div#pinnwand div.newsbox_layered_bg {background-repeat: no-repeat; background-position: 0 0; width: 980px; height: 300px;}
   
div#pinnwand div.newsbox_bildlinks, 
div#pinnwand div.newsbox_bildrechts, 
div#pinnwand div.newsbox_layered {
  color: #FFF;
  display: block;
  float: none;
  height: 250px;
}

div#pinnwand div.newsbox_bildlinks,
div#pinnwand div.newsbox_layered {
  padding: 50px 40px 0 340px;
  width: 600px;
}

div#pinnwand div.newsbox_bildrechts {
  padding: 50px 340px 0 40px;
  width: 600px;
}

div#wrapper div#pinnwand div.newsbox_bildlinks h2 a,
div#wrapper div#pinnwand div.newsbox_bildrechts h2 a,
div#wrapper div#pinnwand div.newsbox_layered h2 a {
  color: #FFF; 
  text-decoration: none;
  font-size: 40px;
  padding: 40px 0 0 0;
}

div#copyright a { text-decoration: none; }

div#wrapper div#pinnwand div.newsbox_bildlinks a:hover,
div#wrapper div#pinnwand div.newsbox_bildrechts a:hover,
div#wrapper div#pinnwand div.newsbox_layered a:hover,
div#copyright a:hover {
  color: #FFF;
  text-decoration: underline;
}

div#pinnwand div.newsbox_bildlinks p,
div#pinnwand div.newsbox_bildrechts p,
div#pinnwand div.newsbox_layered p {
  color: #FFF;
  font-size: 18px;
  padding-bottom: 0;
}

/* =grid_nav
   ----------------------------------------------*/
   
div#wrapper div#main div#grid_nav {
  margin: 0 0 0 20px;
  width: 300px;
}

div#wrapper div#main div#ii_branchensuche div#grid_nav {
  float: left;
  margin: 0 0 20px 0;
  width: 500px;
}

/* =dropnav
   ----------------------------------------------*/

ul.dropnav li,
ul.branchenbaum li {list-style: none;}

ul.dropnav a,
ul.branchenbaum a {
  background: url(img/i_kl_sprite.png) no-repeat 0 -919px;
  display: block; 
  font-style: normal;
  padding: 2px 0 2px 18px; 
  text-decoration: none;
}

ul.dropnav li.dropnav_folder > a,
ul.branchenbaum li.branchenbaum_folder > a {
  background: url(img/i_kl_sprite.png) no-repeat 0 -822px;
  color: #3f464e; 
  text-decoration: none;
}

ul.dropnav li.dropnav_folder.offen > a,
ul.branchenbaum li.branchenbaum_folder.offen > a { background: url(img/i_kl_sprite.png) no-repeat 0 -872px; }

ul.dropnav li.dropnav_folder > a:hover,
ul.dropnav li a:hover,
ul.branchenbaum li.branchenbaum_folder > a:hover,
ul.branchenbaum li a:hover {text-decoration: underline;}

ul.dropnav li li,
ul.branchenbaum li li {padding-left: 18px;}

ul.dropnav li.offen > a,
ul.branchenbaum li.aktiv > a {font-weight: bold}

ul.branchenbaum li.offen > a { background: url(img/i_kl_sprite.png) no-repeat 0 -971px; }

ul.dropnav li.aktiv > a {
  background: url(img/i_kl_sprite.png) no-repeat 0 -971px;
  font-weight: bold;
  padding-right: 18px;
  overflow: hidden;
}

ul.dropnav li.aktiv,
ul.branchenbaum li.aktiv {
  background: url(img/dropnav_aktiv.png) no-repeat 100% 0; 
  left: 21px; 
  margin-left: -21px;
  position: relative;
}

ul.branchenbaum li.aktiv {
  background: none; 
}

/* =footer
   ----------------------------------------------*/

div#footer {
/*  background: #D1DBE1 url(img/footer_bg.png) no-repeat;*/
background-color: #D1DBE1;
  border-top: 2px solid #93A7B1;
  clear: both;
  font-size: 12px;
  margin: 0 0 0 0;
  overflow: hidden;
  width: 100%;
}

div#footer div {
  display: inline;
  float: left;
  margin: 0 10px 16px 20px;
  width: 215px;
}

div#footer div ul li {
  list-style-type: none;
  margin: 0 0 2px 10px;
}

div#footer h2 {
  color: #557483;
  font-size: 18px;
  margin: 16px 10px 8px 20px;
}

div#footer h3 {
  font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans",
   "Sun Sans-Regular", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 10px 4px 0;
}

div#footer h3 a {
  color: #272D2E;
}

div#footer a {  
  color: #4C5759;
  text-decoration: none;
}

div#footer a:hover {  
  color: #2D72A1;
  text-decoration: underline;
}

div#footer div li#footer_link_eservice a, 
div#footer div li#footer_link_faz a, 
div#footer div li#footer_link_hilfe a, 
div#footer div li#footer_link_english a,
div#footer div li#footer_link_topservices a /* SD 300909 */
{
  background: url(img/i_kl_sprite.png) no-repeat 0 2px;
  padding: 0 0 2px 20px;
}

div#footer div li#footer_link_topservices a { /* SD 300909 */
  background: url(img/i_footer_link_topservices.png) no-repeat 0 0;
}

div#footer div li#footer_link_faz a {
  background-position: 0 -23px;
}

div#footer div li#footer_link_hilfe a {
  background-position: 0 -48px;
}

div#footer div li#footer_link_english a {
  background-position: 0 -73px;
}

div#copyright {
  color: #B5C7CE;
  font-size: 11px;
  margin: 14px 0 10px 0;
  text-align: center;
}