#konfigurator img,
#konfigurator a {
    border: 0;
    outline: 0;
}

#konfigurator div#pictures {
    display: none;
    height: 196px;
    overflow: hidden;
    width: 350px;
}

#konfigurator div.ergebnis {
    height: 350px;
    left: 320px;
    overflow: hidden;
    position: absolute;
    top: 30px;
    width: 350px;
}

#konfigurator div.picture_container {
    height: 350px;
    left: 0;
    position: absolute;
    top: 0;
}

#konfigurator div.picture_container img {
    width: 350px;
}

#konfigurator img.clear {
    border: 0;
    cursor: pointer;
    cursor: hand;
    display: none;
    height: 16px;
    outline: 0;
    position: absolute;
    right: 0;
    top: 10px;
    width: 16px;
}

#konfigurator div.left-block {
    display: inline-block;
    vertical-align: top;
    width: 350px;
}

#konfigurator div.left-block p {
    color: #000;
    font-size: 110%;
    line-height: 1.5em;
}

#konfigurator div.right-block {
    background-color: #f5fafd;
    border: 1px solid #ededed;
    display: inline-block;
    height: 290px;
    margin-left: 40px;
    overflow: hidden;
    padding: 10px;
    width: 515px;
}

#konfigurator div.right-block p {
    color: #000;
    font-size: 110%;
    line-height: 1.5em;
    padding: 5px 15px;
}

#konfigurator div.header-blocks {
    margin-top: 20px;
}

#konfigurator div#message {
    display: none;
    position: relative;
    top: 1px;
}

#konfigurator div#message h1 {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

#konfigurator div.bestekservice-container {
    background: url(../images/bg-bestekservice.png) no-repeat;
    height: 520px;
    position: relative;
    width: 730px;
}

#konfigurator h1.marginbottom {
    margin-bottom: 25px;
    margin-left: 10px;
    margin-top: 0;
}

#konfigurator div.selectlistwrapper {
    background: url(../images/selectlist_blau.png) no-repeat;
    cursor: pointer;
    height: 36px;
    position: relative;
    white-space: normal;
    width: 270px !important;
}

#konfigurator div.bilderContainer {
    background-color: #fff;
    border: 5px solid #ddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    font-size: 90%;
    left: 0;
    min-width: 230px;
    position: absolute;
    top: 25px;
    white-space: nowrap;
    z-index: 10000;
}

#konfigurator span.closebutton {
    color: #ccc;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10000;
}

#konfigurator div.bilderContainer ul.fake-selectlist {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 0;
}

#konfigurator ul.fake-selectlist li {
    color: #009fe6;
    cursor: pointer;
    cursor: hand;
    margin-left: 0;
    padding: 10px 0;
    padding-left: 10px;
    vertical-align: baseline;
}

#konfigurator ul.fake-selectlist li:last-child {
    border-bottom: none;
}

#konfigurator .bildImContainer {
    border-right: 1px solid #ddd;
    color: #30afe3;
    display: inline-block;
    height: 120px;
    overflow: visible;
    position: relative;
    text-align: center;
    vertical-align: top;
    white-space: normal;
    width: 140px;
}

#konfigurator .bildImContainer:last-child {
}

#konfigurator .bildImContainer img {
    margin-top: 10px;
    width: 120px;
}

#konfigurator .bildtext {
    display: block;
    line-height: 1.2;
    margin-left: 0;
    padding: 0 10px;
    text-align: center;
}

#konfigurator span.selectlist-text {
    color: #fff;
    font-size: 0.9rem;
    line-height: 2.2;
    padding: 0 0 0 10px;
    vertical-align: bottom;
}

#konfigurator div.trennlinie {
    border-top: 1px solid #ddd;
    margin: 0;
    padding: 0;
}

#konfigurator div.selectdiv {
    display: inline-block;
    vertical-align: top;
    width: 270px;
}

#konfigurator h1 {
    margin-top: 20px;
}

#konfigurator div#action_buttons {
    left: 320px;
    position: absolute;
    top: 460px;
    width: 100px;
}

#konfigurator div#action_buttons {
    cursor: pointer;
    cursor: hand;
}

#konfigurator li.first {
    border-bottom: 1px solid #ddd;
    opacity: 0.3;
}

#konfigurator h2 {
    color: #666;
    font-size: 1.1rem;
    left: 25px;
    line-height: 1.4;
    margin: 0.5rem 0 0;
    position: absolute;
    top: 0;
    width: 43rem;
}

#konfigurator img.elementInfo {
    bottom: 0;
    height: 20px;
    position: absolute;
    right: 0;
    width: 22px !important;
}

#konfigurator .tooltip {
    background: transparent url(../images/black_arrow_big.png);
    color: #fff;
    font-size: 12px;
    height: 160px;
    padding: 25px;
    width: 320px;
    z-index: 10000;
}

#konfigurator ul#verklaringen {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

#konfigurator ul#verklaringen li {
    margin-left: 0;
    padding-bottom: 5px;
    padding-left: 0;
}

/* Abschluss-Screen mit Downloads zu Ausschreibungstexten usw. */

#konfigurator div#download {
    background: transparent url(../images/bg-download.png) no-repeat 0 0;
    display: none;
    height: 413px;
    left: 100px;
    overflow: hidden;
    position: absolute;
    top: 50px;
    width: 565px;
}

#konfigurator div#download span.nodisplay,
#konfigurator div#message span.nodisplay {
    display: none;
}

#konfigurator div#download p {
    margin: 0;
    padding: 0;
}

#konfigurator div#download div.close {
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
}

#konfigurator div#download div.close a {
    background: transparent url(../images/sprite-icons.png) no-repeat -12px -380px;
    display: block;
    height: 30px;
    width: 30px;
}

#konfigurator div#download h1 {
    background: transparent url(../images/bg-trennlinie.png) repeat-x 0 bottom;
    color: #444;
    font: 14px/30px HelveticaNeuelight, Arial;
    left: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 520px;
}

#konfigurator div#download h1 span {
    color: #30afe3;
    font: 20px/30px HelveticaNeuelight, Arial;
    margin: 0;
    padding: 0;
}

#konfigurator div#download div.dachaufbau {
    left: 30px;
    position: absolute;
    top: 90px;
}

#konfigurator div#message div.beschreibung {
    margin: 8px 0 0 0;
    position: relative;
}

#konfigurator div#message div.beschreibung p.logo {
    background: transparent url(../images/sprite-icons.png) no-repeat -341px -12px;
    height: 40px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}

#konfigurator div#message div.beschreibung p.bezeichnung {
    left: 48px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 120px;
}

#konfigurator div#message div.beschreibung p.danr {
    font-size: 2rem;
    left: 200px;
    position: absolute;
    top: 7px;
}

#konfigurator div#message div.popuplink {
    left: 0;
    position: absolute;
    top: 90px;
}

#konfigurator div#message a {
    color: #30afe3;
    text-decoration: none;
}

#konfigurator div#message a:hover {
    background-color: #dff3fb;
}

#konfigurator div#download div.dachaufbau p.logo {
    background: transparent url(../images/sprite-icons.png) no-repeat -341px -12px;
    height: 40px;
    left: 0;
    position: absolute;
    top: 160px;
    width: 40px;
}

#konfigurator div#download div.dachaufbau p.bezeichnung {
    left: 48px;
    position: absolute;
    top: 160px;
    width: 120px;
}

#konfigurator div#download div.dachaufbau p.danr {
    font-size: 24px;
    left: 178px;
    position: absolute;
    top: 177px;
}

#konfigurator div#download div.download {
    height: 220px;
    position: absolute;
    right: 25px;
    top: 100px;
    width: 220px;
}

#konfigurator div#download div.download h2 {
    color: #000;
    font: 13px/18px HelveticaNeuelight, Arial;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    width: 220px;
}

#konfigurator div#download div.download p.pdf {
    left: 0;
    position: absolute;
    top: 30px;
}

#konfigurator div#download div.download p.rtf {
    left: 50px;
    position: absolute;
    top: 30px;
}

#konfigurator div#download div.download p.d81 {
    left: 100px;
    position: absolute;
    top: 30px;
}

#konfigurator div#download div.download p.lv {
    left: 150px;
    position: absolute;
    top: 30px;
}

#konfigurator div#download div.download p.pdf a {
    background: transparent url(../images/sprite-icons.png) no-repeat -11px -12px;
    display: block;
    height: 54px;
    width: 44px;
}

#konfigurator div#download div.download p.pdf a:hover {
    background-position: -91px -12px;
}

#konfigurator div#download div.download p.rtf a {
    background: transparent url(../images/sprite-icons.png) no-repeat -11px -71px;
    display: block;
    height: 54px;
    width: 44px;
}

#konfigurator div#download div.download p.rtf a:hover {
    background-position: -91px -71px;
}

#konfigurator div#download div.download p.d81 a {
    background: transparent url(../images/sprite-icons.png) no-repeat -11px -132px;
    display: block;
    height: 54px;
    width: 44px;
}

#konfigurator div#download div.download p.d81 a:hover {
    background-position: -91px -132px;
}

#konfigurator div#download div.download p.lv a {
    background: transparent url(../images/sprite-icons.png) no-repeat -11px -192px;
    display: block;
    height: 54px;
    width: 44px;
}

#konfigurator div#download div.download p.lv a:hover {
    background-position: -91px -192px;
}

#konfigurator div#download div.download p.pdf_druckversion {
    height: 37px;
    left: 0;
    position: absolute;
    top: 151px;
    width: 200px;
}

#konfigurator div#download div.download p.pdf_druckversion a {
    background: transparent url(../images/sprite-icons.png) no-repeat -12px -263px;
    color: #30afe3;
    display: block;
    line-height: 37px;
    padding: 0 0 0 45px;
    text-decoration: none;
}

#konfigurator div#download div.download p.pdf_druckversion a:hover {
    background: transparent url(../images/sprite-icons.png) no-repeat -12px -316px;
}

#konfigurator div#download div.download p.pdf_druckversion a:hover span {
    background-color: #dff3fb;
}

#konfigurator div#download div.anmeldung {
    background: transparent url(../images/bg-trennlinie.png) repeat-x 0 top;
    height: 2px;
    left: 30px;
    position: absolute;
    top: 310px;
    width: 500px;
}

#konfigurator div#download div.anmeldung p.text {
    left: 0;
    position: absolute;
    top: 20px;
    width: 330px;
}

#konfigurator div#download div.anmeldung p.button {
    position: absolute;
    right: 0;
    top: 20px;
    width: 129px;
}

#konfigurator div#download div.anmeldung p.button a {
    background: transparent url(../images/sprite-icons.png) no-repeat -180px -12px;
    display: block;
    height: 37px;
    width: 129px;
}

#konfigurator div#download div.anmeldung p.button a:hover {
    background-position: -180px -64px;
}

#konfigurator div#download div.anmeldung p.buttonObjektdaten {
    position: absolute;
    right: 0;
    top: 20px;
    width: 152px;
}

#konfigurator div#download div.anmeldung p.buttonObjektdaten a {
    background: transparent url(../images/sprite-icons.png) no-repeat -180px -116px;
    display: block;
    height: 37px;
    width: 152px;
}

#konfigurator div#download div.anmeldung p.buttonObjektdaten a:hover {
    background-position: -180px -168px;
}

#konfigurator div#eingabeobjektdaten div.rahmen {
    margin: 20px 0 0 0;
}

#konfigurator div#eingabeobjektdaten div.rahmen {
    background-color: #fff;
    border: 1px solid #aaa;
    padding: 20px;
    width: 200px;
}

#konfigurator div#eingabeobjektdaten span.nodisplay {
    display: none;
}

#konfigurator div#eingabeobjektdaten p.buttonObjektdaten {
    margin: 0 auto;
    width: 152px;
}

#konfigurator div#eingabeobjektdaten p.buttonObjektdaten a {
    background: transparent url(../images/sprite-icons.png) no-repeat -180px -116px;
    display: block;
    height: 37px;
    width: 152px;
}

#konfigurator div#eingabeobjektdaten p.buttonObjektdaten a:hover {
    background-position: -180px -168px;
}