/**
 * Wien 3420 CSS
 *
 * @author Marcin Gil <mg@ovos.at>
 */

html, body
{
    margin: 0;
    padding: 0;
    height: 100%;
}

body
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

body#startpage
{
    background: url(../images/wien3420.png) no-repeat 432px -320px;
}


body#subpage
{
    background: url(../images/bgsub-all.png) no-repeat 730px -90px;
}

/*
body#subpage #bg
{
    background: url(../images/bgsub-all.png) no-repeat left top;
    position: absolute;
    width: 664px;
    height: 849px;
    top: -90px;
    left: 730px;
    overflow: hidden;
}*/

html
{
    height: 100%;
}

img
{
    border: 0;
}

#logo
{
    width: 88px;
    height: 22px;
    position: static;
    padding-top: 30px;
    padding-left: 30px;
}

#aspern-teaser
{
    width: 257px;
    height: 237px;
    position: absolute;
    left: 716px;
    top: 333px;
}

#seestadt-teaser
{
    width: 193px;
    height: 49px;
    position: fixed;
    left: 780px;
    top: 490px;
}

#startnav
{
    position: absolute;
    top: 280px;
    left: 30px;
    margin: 0;
    padding: 0;
}

#startnav li
{
    list-style: none;
    margin: 0;
    margin-bottom: 7px;
    padding: 0;
}

#startnav a
{
    text-indent: -999px;
    display: block;
}

#startnav a#meilensteine
{
    background: url(../images/menu/meilensteine.png) no-repeat 0 -30px;
    width: 272px;
    height: 30px;
}
#startnav a#meilensteine:hover
{
    background-position: 0 0px;
}

#startnav a#portfolio
{
    background: url(../images/menu/portfolio.png) no-repeat 0 -37px;
    width: 255px;
    height: 37px;
}
#startnav a#portfolio:hover
{
    background-position: 0 0px;
}

#startnav a#wien_3420
{
    background: url(../images/menu/wien3420.png) no-repeat 0 -22px;
    width: 110px;
    height: 22px;
}
#startnav a#wien_3420:hover
{
    background-position: 0 0px;
}

#startnav a#partner
{
    background: url(../images/menu/partner.png) no-repeat 0 -27px;
    width: 136px;
    height: 27px;
}
#startnav a#partner:hover
{
    background-position: 0 0px;
}

#startnav a#presse
{
    background: url(../images/menu/presse.png) no-repeat 0 -27px;
    width: 120px;
    height: 27px;
}
#startnav a#presse:hover
{
    background-position: 0 0px;
}

#startnav a#qna
{
    background: url(../images/menu/qna.png) no-repeat 0 -33px;
    width: 87px;
    height: 33px;
}
#startnav a#qna:hover
{
    background-position: 0 0px;
}

#startnav a#impressum
{
    background: url(../images/menu/impressum.png) no-repeat 0 -23px;
    width: 272px;
    height: 23px;
}
#startnav a#impressum:hover
{
    background-position: 0 0px;
}

#startnav a#agb
{
    background: url(../images/menu/agb.png) no-repeat 0 -22px;
    width: 49px;
    height: 22px;
}
#startnav a#agb:hover
{
    background-position: 0 0px;
}

#nav
{
    position: fixed;
    top: 300px;
    left: 637px;
    margin: 0;
    padding: 0;
    width: 260px;
}

#nav li
{
    list-style: none;
    margin: 0;
    margin-bottom: 7px;
    padding: 0;
    float: left;
    clear: left;
    width: 260px;
    overflow: hidden;
    height: 14px;
}

#nav a
{
    text-indent: -200px;
    display: block;
}

#nav a#meilensteine
{
    background: url(../images/submenu/meilensteine.png) no-repeat 143px 0;
    width: 260px;
    height: 14px;
}
#nav a#meilensteine:hover
{
    background-position: 143px -28px;
}
#nav a#meilensteine.selected
{
    background-position: 44px -14px;
}
#nav a#meilensteine.selected:hover
{
    background-position: 44px -28px;
}

#nav a#portfolio
{
    background: url(../images/submenu/portfolio.png) no-repeat 143px 0;
    width: 260px;
    height: 14px;
}
#nav a#portfolio:hover
{
    background-position: 143px -28px;
}
#nav a#portfolio.selected
{
    background-position: 65px -14px;
}
#nav a#portfolio.selected:hover
{
    background-position: 65px -28px;
}

#nav a#wien_3420
{
    background: url(../images/submenu/wien-3420.png) no-repeat 143px 0;
    width: 260px;
    height: 14px;
}
#nav a#wien_3420:hover
{
    background-position: 143px -28px;
}
#nav a#wien_3420.selected
{
    background-position: 54px -14px;
}
#nav a#wien_3420.selected:hover
{
    background-position: 54px -28px;
}

#nav a#partner
{
    background: url(../images/submenu/partner.png) no-repeat 143px 0;
    width: 260px;
    height: 14px;
}
#nav a#partner:hover
{
    background-position: 143px -28px;
}
#nav a#partner.selected
{
    background-position: 68px -14px;
}
#nav a#partner.selected:hover
{
    background-position: 68px -28px;
}

#nav a#presse
{
    background: url(../images/submenu/presse.png) no-repeat 143px 0;
    width: 260px;
    height: 14px;
}
#nav a#presse:hover
{
    background-position: 143px -28px;
}
#nav a#presse.selected
{
    background-position: 74px -14px;
}
#nav a#presse.selected:hover
{
    background-position: 74px -28px;
}

#nav a#qna
{
    background: url(../images/submenu/qna.png) no-repeat 143px 0;
    width: 260px;
    height: 14px;
}
#nav a#qna:hover
{
    background-position: 143px -28px;
}
#nav a#qna.selected
{
    background-position: 87px -14px;
}
#nav a#qna.selected:hover
{
    background-position: 87px -28px;
}

#nav a#impressum
{
    background: url(../images/submenu/kontakt.png) no-repeat 143px 0;
    width: 260px;
    height: 14px;
}
#nav a#impressum:hover
{
    background-position: 143px -28px;
}
#nav a#impressum.selected
{
    background-position: 0px -14px;
}
#nav a#impressum.selected:hover
{
    background-position: 0px -28px;
}

#nav a#agb
{
    background: url(../images/submenu/agb.png) no-repeat 143px 0;
    width: 260px;
    height: 14px;
}
#nav a#agb:hover
{
    background-position: 143px -28px;
}
#nav a#agb.selected
{
    background-position: 83px -14px;
}
#nav a#agb.selected:hover
{
    background-position: 83px -28px;
}

#content
{
	position: static; /* Milan; WICHTIG !!! */
    width: 490px;
    font: normal 12px Verdana, Helvetica, Arial, sans-serif;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-top: 170px;
}

a
{
    color: #000;
}

h1
{
    text-indent: -999px;
    margin: 0;
    margin-bottom: 30px;
    _margin-bottom: 0;
}

h1.qna
{
    background: url(../images/header/qna.png) no-repeat;
    width: 372px;
    height: 20px;
}

h1.meilensteine
{
    background: url(../images/header/meilensteine.png) no-repeat;
    width: 491px;
    height: 16px;
}

h1.portfolio
{
    background: url(../images/header/portfolio.png) no-repeat;
    width: 426px;
    height: 16px;
}

h1.wien-3420
{
    background: url(../images/header/wien-3420.png) no-repeat;
    width: 126px;
    height: 17px;
}

h1.impressum
{
    background: url(../images/header/kontakt.png) no-repeat;
    width: 269px;
    height: 18px;
}

h1.partner
{
    background: url(../images/header/partner.png) no-repeat;
    width: 106px;
    height: 17px;
}

h1.presse
{
    background: url(../images/header/presse.png) no-repeat;
    width: 96px;
    height: 16px;
}

h1.agb
{
    background: url(../images/header/agb.png) no-repeat;
    width: 50px;
    height: 17px;
}

p.question
{
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1px;
}

p.answer
{
    margin-top: 0px;
}

#content ul
{
    font-size: 10px;
    padding-left: 10px;
    margin: 0;
    margin-top: 10px;
    list-style: none;
}

#content ul ul
{
    margin: 0;
}

#content ul li
{
    padding-top: 5px;
    background: url(../images/bullet.png) no-repeat 4px 10px;
    padding-left: 20px;
}

#content ul li a
{
    text-decoration: none;
    border-bottom: 1px dotted black;
}

#content ul li a:hover
{
    border-bottom: 0;
}

h2
{
    font-weight: bold;
    font-size: 14px;
    margin: 10px 0;
    margin-top: 20px;
}

p
{
    margin: 10px 0;
}

p.img
{
    width: 3 60px;
}

#content p.img img
{
    border: 1px solid gray;
    float: left;
    margin-right: 10px;
}

table.files img
{
    border: 1px solid gray;
}

.clear
{
    clear: both;
}

.fileicon_pdf
{
    background: url(../images/pdf.png) no-repeat 0 0;
    padding: 0 0 5px 25px;
}

#content a
{
    text-decoration: none;
    border-bottom: 1px dotted black;
}


#content a:hover
{
    background-color: #bcbf00;
    border-bottom: 0;
}

table.files td
{
    padding: 15px;
    font-size: 10px;
    vertical-align: top;
}

#content table.files td a
{
    border: 0;
}

p.top
{
    text-align: right;
    margin-top: -15px;
    font-size: 90%;
}