/* Allgemeine Einstellungen */
body {
    background-image: url("../kontoimg/st_background.png");
    background-repeat: repeat-x;
    background-position: left top;
    margin: 0;
    padding: 0 0 1em 0;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #000000;
    font-size: 100.01%;
}

img {
    border: none;
} .hiddennav, .hiddennav:link, .hiddennav:visited {
    position: absolute;
    width: 1px;
    left: -2000px;
    top: -2000px;
    height: 1px;
    z-index: 0;
} .hiddennav:active, .hiddennav:focus {
    position: absolute;
    z-index: 99;
    background-color: #FFF;
    color: #000;
    left: 10px;
    top: 0px;
    padding: 0 2px;
    width: auto;
    height: auto;
} .hidden {
    display: none;
}

/* Textformatierungen */
p {
    margin-top: 0.3em;
    margin-bottom: 0.5em;
}

ul {
    margin: 1em 0;
    padding-left: 2em;
}

p.greaterlines {
    line-height: 1.5em;
}

h1 {
    font-size: 1.5em;
    font-weight: bold;
    color: #585858;
    margin: 0px 0px 1em 0px;
}

h2 {
    font-size: 1.2em;
    font-weight: bold;
    margin: 2em 0 0.5em 0;
    padding: 0;
    color: #585858;
}

h2.searchheader a:link, h2.searchheader a:visited {
    color: #585858;
    margin-bottom: 0.3em;
}

h2.searchheader a:hover, h2.searchheader a:active, h2.searchheader a:focus {
    color: #0082B3;
}

h2.leistungsueberschrift {
    color: #585858;
    width: 100%;
    background-color: #eeebeb;
    margin: 2em 0 0.5em 0;
    text-indent: 0.2em;
    clear: right;
}

h2.title a:link, h2.title a:visited {
    text-decoration: underline;
}

h2.title a:hover, h2.title a:active, h2.title a:focus {
    color: #0082B3;
}

h3 {
    font-size: 1em;
    color: #585858;
    font-weight: bold;
    margin: 2em 0 0 0;
    padding: 0;
}

img.portraitphoto {
    float: right;
    margin: 0 0 10px 5px;
}

a:link, a:visited {
    color: #0000FF;
    text-decoration: underline;
}

a:hover {
    color: #0000FF;
    text-decoration: underline;
    background-color: #eeebeb;
}

a:active, a:focus {
    background-color: #eeebeb;
}

ul li {
    list-style-image: url("../kontoimg/st_schuldner_icon_listicon.png");
    margin: 0 0 0.5em 0;
    padding: 0 0 0 0.2em;
}

ul.biglist li {
    margin-bottom: 1em;
}

ul li li, ul.biglist li li, ul.smalllist li {
    margin-bottom: 0em;
} #maincontent ul.linklist, #maincontent ul.linklist li {
    margin-left: 0;
    padding-left: 0;
    background-image: none;
    list-style-image: none;
    list-style-type: none;
}

ul ul {
    padding-left: 1.5em;
}

ul ul li {
    list-style-image: url("../kontoimg/st_schuldner_icon_listiconsub.png");
}

ul li.internal_link {
    list-style-image: url("../kontoimg/st_schuldner_icon_internal_link.png");
}

ul li.external_link {
    list-style-image: url("../kontoimg/st_schuldner_icon_external_link.png");
}

ul li.stadtwien_link {
    list-style-image: url("../kontoimg/st_icon_stadtwien_link.png");
}

/*		table{
 margin:1em 0;
 width:100%;
 border-collapse:collapse;
 }
 
 table.smalltable{
 width:auto;
 }
 
 table td, table th{
 border:2px solid #eeebeb;
 border-collapse:collapse;
 padding:5px;
 vertical-align:top;
 }
 
 table th{
 background-color:#eeebeb;
 color:#585858;
 vertical-align:top;
 text-align:left;
 }
 */
p.artikelbild {
    float: left;
    font-style: italic;
    margin: 2px 0 7px 0;
    padding: 0em 7px 1em 0;
    display: block;
    text-align: center;
    font-size: 0.8em;
}

p.artikelbild img {
    display: block;
    margin: 0em auto;
    padding-bottom: 7px;
}

p.erstesbild {
    width: 80px;
    padding-bottom: 0em;
}

p.letztesbild {
    float: none;
    padding-top: 2px;
}

p.subtitle {
    font-weight: bold;
    margin-top: 0.5em;
}

p.teaser {
    /*font-style:italic;*/
    margin-bottom: 1em;
    display: inline;
}

p.date {
    font-style: italic;
    margin-bottom: 1em;
}

table.hiddentable {
    border: none;
    table-layout: auto;
    width: auto;
}

table.hiddentable td {
    border: none;
    vertical-align: top;
    padding: 0 1em 0.5em 0;
}

th.nobg {
    background-color: transparent;
    width: 8em;
} .highlighted {
    background-color: #eeebeb;
}

hr {
    border: #eeebeb;
    color: #eeebeb;
    margin: 2em -1px 0 0;
    background-color: #eeebeb;
    height: 1px;
} * html hr {
    margin-right: -10px;
}

div#teaserdiv {
    display: block;
}

/*Einstellungen f?r die Content-Box*/ 
#popupcontainer {
    width: 620px;
    background-color: #f7f1f1;
    background-repeat: repeat-x;
    background-position: left top;
    margin: 1em auto 0 auto;
    min-width: 620px;
} 
#container {
    width: 800px;
    background-color: #FFF;
    background-image: url("../kontoimg/st_top_repeat.png");
    background-repeat: repeat-x;
    background-position: left top;
    margin: 1em auto 0 auto;
    min-width: 800px;
} #border_right, #border_left, top_right, #top_left, #bottom_left, #bottom_right, #bottom_repeat {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
} #border_right {
    background-image: url("../kontoimg/st_border_right.png");
    background-repeat: repeat-y;
    background-position: right top;
} #border_left {
    background-image: url("../kontoimg/st_border_left.png");
    background-repeat: repeat-y;
    background-position: left top;
} #content {
    padding: 10px 8px 10px 20px;
    font-size: 0.8em;
} #top_left {
    background-image: url("../kontoimg/st_top_left.png");
    background-repeat: no-repeat;
    background-position: left top;
} #top_right {
    background-image: url("../kontoimg/st_top_right.png");
    background-repeat: no-repeat;
    background-position: right top;
} #bottom_left {
    background-image: url("../kontoimg/st_footer_left.png");
    background-repeat: no-repeat;
    background-position: left bottom;
} #bottom_right {
    background-image: url("../kontoimg/st_footer_right.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-top: 13px;
} #bottom_repeat {
    background-image: url("../kontoimg/st_footer_repeat.png");
    background-repeat: repeat-x;
    background-position: left bottom;
} #site_title {
    position: relative;
    margin: 8px 20px 0 20px;
    height: 38px;
} #headerimage a:hover, #headerimage a:active, #headerimage a:focus {
    background-color: transparent;
} #site_title_image {
    position: relative;
    top: 0;
    right: 0;
    float: right;
} #headerimage {
    position: relative;
    margin: 0px 20px 0px 20px;
    height: 60px;
}

/*Einstellungen f?r die Metanavigation*/
div#metanavigation {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 0.8em;
    font-weight: bold;
}

div#metanavigation a:link, div#metanavigation a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

div#metanavigation a:hover, div#metanavigation a:active, div#metanavigation a:focus {
    text-decoration: underline;
    background-color: transparent;
} .metalink {
    float: left;
    position: relative;
    margin: 0 5px 0 0;
    width: auto;
    border-collapse: collapse;
    border: none;
} .metalink td {
    border: none;
} .inner td {
    position: relative;
    margin: 0;
    padding: 1px 0;
    line-height: 1em;
    width: auto;
    background-image: url("../kontoimg/st_schuldner_pixel.png");
} .inner p {
    position: relative;
    margin-top: -5px;
    margin-bottom: -5px;
} .roundcorner {
    width: 6px;
    height: 6px;
    background-repeat: no-repeat;
    padding: 0;
} .metanav_top_left {
    background-image: url("../kontoimg/st_nav_top_top_left.png");
} .metanav_top_right {
    background-image: url("../kontoimg/st_nav_top_top_right.png");
} .metanav_bottom_left {
    background-image: url("../kontoimg/st_nav_top_btm_left.png");
} .metanav_bottom_right {
    background-image: url("../kontoimg/st_nav_top_btm_right.png");
} .metanav_fueller {
    background-image: url("../kontoimg/st_schuldner_pixel.png");
    padding: 0;
    font-size: 6px;
}

/* Einstellungen f?r die Breadcrumb */
p#breadcrumb {
    text-align: right;
    padding-bottom: 1em;
    margin: 0 1em 0 0;
    color: #585858;
}

p#breadcrumb a:link, p#breadcrumb a:visited {
    color: #585858;
    text-decoration: underline;
}

p#breadcrumb a:hover, p#breadcrumb a:active, p#breadcrumb a:focus {
    background-color: #eeebeb;
}

/*Einstellungen f?r das Navigationsmen?, links*/ #navduenn {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
    line-height: 1.2em;
    color: #585858;
} #navdick {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
    line-height: 1.2em;
    color: #585858;
} #navduennfarbig {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
    line-height: 1.2em;
    color: #088080;
} #navdickfarbig {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
    line-height: 1.2em;
    color: #008080;
} 

#navigation, #navigation li, #navigation ul {
    list-style-type: none;
    list-style-image: none;
    padding: 0;
    margin: 0;
    font-weight: bold;
    line-height: 1.2em;
} #navigation {
    position: relative;
    margin: 0;
    padding: 0;
    width: 15em;
    float: left;
    font-size: 0.8em;
/*    border-right: 1px solid #eeebeb */;
} #navigation li {
    margin-bottom: 0.2em;
} #navigation ul {
    padding-left: 15px;
    margin: 0 0 0 0em;
} #navigation ul ul {
    padding-left: 15px;
    margin: 0 0 0 0em;
} #navigation ul ul ul {
    padding-left: 15px;
    margin: 0 0 0 0em;
} #navigation a:link, #navigation a:visited {
    text-decoration: none;
    color: #000;
} #navigation ul a:link, #navigation ul a:visited {
    color: #585858;
} #navigation ul ul li a:link, #navigation ul ul li a:visited {
    font-weight: normal;
} #navigation ul ul ul li a:link, #navigation ul ul ul li a:visited {
    font-weight: normal;
    font-size: 0.8em;
} #navigation a.active:link, #navigation a.active:visited, #navigation a:hover, #navigation li a:hover, #navigation a:active, #navigation li a:active, #navigation a:focus, #navigation li a:focus {
    color: #0082B3;  
    text-decoration: none;
    background-color: transparent;
} #navigation li a.liaktiv {
    color: #771111;
}

/* Einstellungen f?r den Contentbereich wenn sich links die Navigation befindet */
div#navcontent {
    padding: 0 0 1em 0em;
}

div#maincontent, #container div.mainco {
    position: relative;
/*    border-left: 1px solid #eeebeb; */
    padding: 0 1em 0em 1em;
    margin: 0 0 0 12em;
}

div#maincontent, #container div.anmeldungmainco {
    position: relative;
    border-left: 1px solid #eeebeb;
    padding: 0 1em 0em 1em;
    margin: 0 0 0 0em;
} #navcontent h1 {
    margin: 0;
}

/* Hides from IE-mac \*/ * html #maincontent, * html #navcontent {
    height: 1%;
    left: -4px;
    position: relative;
}

/* End hide from IE-mac */ * html #maincontent {
    left: -4px;
    position: relative;
}

p#tools {
    clear: left;
    padding-top: 2em;
    margin: 0;
}


/* Einstellungen f?r den Footer */
div#footer {
    font-size: 0.7em;
    color: #666;
    padding: 0 0 25px 20px;
    margin: 0em 0 0 0;
    clear: both;
    top: 0px;
}

div#footer p a:link, div#footer p a:visited {
    text-decoration: underline;
    color: #666;
}

div#footer p a:hover, div#footer p a:active, div#footer p a:focus {
    text-decoration: underline;
    color: #FFFFFF;
    background-color: #585858;
}

div#footer p.footercontent {
    border-top: 1px solid #E7E8E9;
    border-bottom: 1px solid #E7E8E9;
    margin: 0 20px 0 0;
    padding: 5px 0px;
    color: #666;
    vertical-align: middle;
    line-height: 3em;
    height: 3em;
}

div#footer p.footercontent a.stadtwien_link {
    width: 91px;
    height: 28px;
    margin: 0px 10px 0px 0px;
    text-decoration: none;
    vertical-align: middle;
    float: left;
}

div#footer p.footercontent a.stadtwien_link:hover, div#footer p.footercontent a.stadtwien_link:focus {
    background-color: transparent;
    text-decoration: none;
}

/* online anmeldung */ .info {
    border: 1px solid black;
    padding: 1em;
    margin-bottom: 2em;
    font: smaller sans-serif
} .fehler {
    font-variant: normal;
    font-size: 8pt;
    font-family: sans-serif;
    color: #FF0000;
    text-align: left;
    border: 1px solid #FF0000;
    margin-bottom: 2em;
    padding: 1em
} .feldfehler {
    font-variant: normal;
    font-size: 8pt;
    font-family: sans-serif;
    color: #FF0000;
    text-align: left;
    font-weight: normal;
    margin-bottom: 0em
} .feldinfo {
    font-variant: normal;
    font-size: 8pt;
    font-family: sans-serif;
    color: #336600;
    text-align: left;
    font-weight: normal;
    margin-bottom: 0em
} .formular {
} .list {
    font-size: 10pt;
    color: #000000;
    text-align: left
} .titel1 {
    color: #000000;
    font-size: 12pt;
    font-variant: normal;
    font-weight: bold
} .gruppe1 {
    color: #009933;
    font-size: 12pt;
    font-variant: normal;
    font-weight: bold
} .gruppe1w {
    color: #FF0000;
    font-size: 12pt;
    font-variant: normal;
    font-weight: bold
} .gruppe2 {
    color: #009933;
    font-size: 10pt;
    font-variant: normal;
    font-weight: bold
} .gruppe3 {
    color: #808000;
    font-size: 8pt;
    font-variant: normal;
    font-weight: bold
} .felduebearb {
    padding-top: 0pt;
    font-weight: normal;
    font-variant: normal;
    font-size: 8pt;
    text-align: left;
    color: #000000
} .feldue {
    padding-top: 8pt;
    font-weight: normal;
    font-variant: normal;
    font-size: 8pt;
    text-align: left;
    color: #000000
} .feldval {
    font-weight: normal;
    font-variant: normal;
    font-size: 8pt;
    text-align: left;
    color: #000000
} .funcleiste {
    font-weight: normal;
    font-variant: normal;
    font-size: 10pt;
    text-align: left;
    color: #000000
} .linie1 {
    font-weight: normal;
    font-variant: normal;
    font-size: 8pt;
    text-align: left;
    color: #000000;
} .text1 {
    font-size: 8pt;
    text-align: left;
    color: #000000;
    font-weight: normal
} .textw {
    font-size: 10pt;
    text-align: left;
    color: #FF0000;
    font-weight: normal
} .radio {
	vertical-align: bottom
}

/* KontoService */ .souser {
    font-variant: normal;
    font-size: 10pt;
    font-family: sans-serif;
    text-align: left;
    color: #008080;
    font-weight: bold;
    margin-bottom: 0em;
    padding: 0em
} .soerror {
    font-variant: normal;
    font-size: 8pt;
    font-family: sans-serif;
    color: #FF0000;
    text-align: left;
    border: 1px solid #FF0000;
    margin-bottom: 2em;
    padding: 1em
} .sonotice {
    font-variant: normal;
    font-size: 8pt;
    font-family: sans-serif;
    color: #FF0000;
    text-align: left;
    margin-bottom: 2em;
    padding: 0em
} .sobearbeiter {
    font-variant: normal;
    font-size: 10pt;
    font-family: sans-serif;
    color: #00FF00;
    text-align: left;
    font-weight: bold;
    margin-bottom: 2em;
    padding: 0em
} .soklient {
    font-variant: normal;
    font-size: 10pt;
    font-family: Arial,Helvetica,Verdana,sans-serif;
	color:#000000;
    text-align: left;
    font-weight: bold;
    margin-bottom: 2em;
    padding: 0em
}

/********************** Infobox Start **********/
a.infobox {
    text-decoration: none;
}

a.infobox:hover {
    cursor: help;
    color: #FF0000;
    text-decoration: underline;
}

a.infobox span {
    visibility: hidden;
    position: absolute;
    right: 16em;
    margin-top: 1.5em;
    padding: 1em;
    text-decoration: none;
}

a.infobox:hover span {
    visibility: visible;
    border: 1px solid #c30;
    background: white;
}

/********************** Infobox Ende **********/
/********************** linkbox Start **********/
a.linkbox {
    text-decoration: underline;
}

a.linkbox:hover {
    cursor: help;
    color: #000000;
    text-decoration: underline;
}

a.linkbox span {
    visibility: hidden;
    position: absolute;
    right: 16em;
    margin-top: 1.5em;
    padding: 1em;
    text-decoration: none;
}

a.linkbox:hover span {
    visibility: visible;
    border: 1px solid #c30;
    background: orange;
}

/********************** Linkbox Ende **********/
input.button {
    text-decoration: none;
    text-align: center;
}

input.button:hover {
    cursor: help;
    color: #000000;
    text-decoration: underline;
}

input.button span {
    visibility: hidden;
    position: absolute;
    right: 16em;
    margin-top: 1.5em;
    padding: 1em;
    text-decoration: none;
}

input.button:hover span {
    visibility: visible;
    border: 1px solid #c30;
    background: orange;
}

/****************************   aus agile Webentwicklung *********************/ .fieldWithErrors {
    padding: 2px;
    background-color: red;
    display: table;
} #notice {
    background-color: #f0f0f0;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    font-size: smaller;
    font-family: sans-serif;
    border: 2px solid #FF0000;
    margin-bottom: 2em;
    padding: 1em
} #errorExplanation {
    width: 400px;
    background-color: #f0f0f0;
    margin-bottom: 0px;
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 12px
} #errorExplanation h2 {
    font-weight: bold;
    padding: 5px 5px 5px 15px;
    font-size: 12px;
    margin: -7px;
    background-color: #c00;
    color: #fff;
} #errorExplanation p {
    color: #333;
    margin-bottom: 0;
    padding: 5px;
} #errorExplanation ul li {
    font-size: 12px;
    list-style: square;
} .ListName {
    color: #244;
    font-weight: normal;
    font-size: 10pt;
} .ListActions {
    font-size: x-small;
    text-align: right;
    padding-left: 1em;
} .ListLine0 {
    background: #E0E0E0;
} .ListLine0 a:hover {
	background: #FFFFFF; 
}
.ListLine1 {
    background: #f8b0f8;
} .ListLine1 a:hover {
	background: #FFFFFF; 
} .formError {
    font-variant: normal;
    font-size: 8pt;
    font-family: sans-serif;
    color: #FF0000;
    text-align: left;
    font-weight: normal;
    margin-bottom: 0em
} #minuszahl {
    color: #FF0000;
} #pluszahl {
} .loading-indicator {
    vertical-align: bottom;
    margin: 0;
}

/**************** ENDE aus agile Webentwicklung        ******************/

/* SINGLE PROGRESS BAR */

.progressBar{
	width:416px;
	height:41px;
	background:url("../kontoimg/bg_bar2.gif") no-repeat 0 0;
	position:relative;
}
.progressBar span{
	position:absolute;
	display:block;
	width:400px;
	height:25px;
	background:url("../kontoimg/bar2.gif") no-repeat 0 0;
	top:8px;
	left:8px;
	overflow:hidden;
	text-indent:-8000px;
}
.progressBar em{
	position:absolute;
	display:block;
	width:400px;
	height:25px;
	background:url("../kontoimg/bg_cover.gif") repeat-x 0 0;
	top:0;
}

/* END SINGLE PROGRESS BAR */

/* File-Upload */
.uplMsg {
	text-align:left;
 	color:#666;
	background-repeat: no-repeat;
 	margin-left:30px;
   margin-right:30px;
	padding:5px;
   padding-left:30px;
}

.uplEmsg {
	text-align:left;
	margin-left:30px;
   margin-right:30px;
	color:#666;
	background-repeat: no-repeat;
	padding:5px;
   padding-left:30px;
}

/* END File Upload */

/* slider  */

#slider {
    background: grey;
    border: 1px solid #000000;
    height: 25px;
    overflow: hidden;
    width: 100%;
	displa: none;
}

#sliderbar {
    background: orange;
    border-right: 1px solid #000000;
    height: 25px;
    width: 37%;
}

#slidertext {
    color: #000000;
    font-size: 20px;
    font-style: italic;
    font-weight: bold;
    left: 25px;
    position: relative;
    top: -21px;
}
/* END slider */