@import "fonts.css";
@import "menu.css";
@import "tab.css";
@import "general.css";
@import "banners.css";
@import "box.css";
@import "bnt.css";
@import "form.css";
@import "panel.css";

html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* needed for container min-height */
    background: transparent url('../img/container-bg.gif') repeat scroll;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    color: #3b3b3b;
}

#container {
    position: relative; /* needed for footer positioning*/
    margin: 0 auto; /* center, not in IE5 */
    width: 980px;
    padding: 0 8px;
    background: transparent url("../img/container-shadow-ie6.png") repeat-y scroll top left;

    height: auto !important; /* real browsers */
    height: 100%; /* IE6: treaded as min-height*/

    min-height: 100%; /* real browsers */
}

#header {
}

#logo {
    background: transparent url("../img/logo.gif") no-repeat scroll;
    height: 66px;
    width: 100%;
    padding-bottom: 6px;
}

#content {
    clear:left;
    padding: 16px 16px 41px;  /* bottom padding for footer */
}

#footer {
    position: absolute;
    width: 948px; /* 980 -16 -16*/
    bottom: 0; /* stick to bottom */
    background: transparent url("../img/footer-bg.gif") repeat-x scroll;
    line-height: 25px;
    font-size: 11px;
    padding: 0 16px;
}

#footer ul li {
    float: left;

}

#footer ul li a {
    text-decoration: none;
    color: white;
    display: block;
}

#footer ul li a:hover {
    color: #004a69;;
}

#footer ul li span {
    color: white;
}

#footer ul li a span{
    padding: 0 5px;
}

#content-panel {
    /*margin-left: 220px;*/
    margin-left: 8px;
    float: left;
    width: 730px;
    padding-left:0;
}

#subheader {
    background: url('http://lwve002.vie1.at/ext/bau-boden/partners/subheader.gif') no-repeat scroll left top;
    width: 704px;
    height: 80px;
    position: relative;
}

#subheader .subheader-title {
    font-size: 8px;
    font-family: DIN, sans-serif;
    color: #2d2d2d;
    position: absolute;
    right:85px;
    bottom:4px;
}

#subheader .subheader-text {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #2d2d2d;
    text-align: right;
    position: absolute;
    right: 345px;
    top: 18px;
}

.employee {
    background: transparent url("../img/hor-blue-dots.gif") repeat-x scroll bottom left;
    padding: 9px 0 12px 0;
}

.employee img {
    float: left;
    border: 1px solid #9cafb5;
}

.employee .text {
    padding: 45px 0 0 125px;
}

.employee .text .name {
    color: #00afe1;
    font-weight:bold;
    text-transform: uppercase;
    padding-bottom: 12px;
}

#partners > p > span {
    color: #ff9900;
    font-weight:bold;
}

#sort {
    width: 385px;
    padding-bottom: 14px;
}

#sort * {
    font-size: 11px;
    line-height:20px;
}

#sort select {
    width: 174px;
}

#msg {
    margin: 10px 0;
    *margin-top: 20px;
    padding: 6px;
    float:right;
    width: 135px;/*147-6-6*/
    height: 51px; /* 63- 6-6*/
    background: transparent url("../img/msg-bg.gif") no-repeat scroll top left;
    font-size: 11px;
    text-align: center;
}

#msg div {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 3px;
}

#obj-list {
    clear: right;
    /*padding-top: 14px;*/
    *float:left;
    *width:100%;
}

#obj-list div.obj {
    border: 1px solid #93a4aa;
    background-color: #f0f0f0;
    /*height: 114px;*/
}

#obj-list div.obj > div {
    border-top: 1px solid white;
    padding: 13px 0 14px 14px;
    background-color: #f0f0f0;
    /*height: 86px;*/
}

div.obj > div a {
    float: left;
}

div.obj > div a img {
    border: 3px solid white;
}

#obj-list .title {
    font-family: 'Trebuchet MS', sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #004969;
    display:block;
    padding-bottom: 10px;
}

.obj {
    clear: left;
    margin-bottom: 5px;
}

.obj .obj-details {
    float: left;
    padding-left: 5px;
    width: 580px;
    overflow-x: hidden;
}

.obj .clear {
   *position:fixed;
}

.obj table {
    padding:0;
    margin:0;
    border-collapse:collapse;
    border-spacing:0;
    font-size: 11px;
    width: 580px;
}

.obj table tr th {
    padding-bottom: 10px;
    font-weight: normal;
}

.obj table tr td {
    font-weight: bold;
    color: #00afe1; 
}

.obj table tr th, .obj table tr td {
    border-left: 1px solid #00afe1;
}

.obj table tr th:first-child, .obj table tr td:first-child {
    border: none;
}

.obj table tr td, .obj table tr th {
    text-align: left;
}

.obj table tr .one {
    padding-right:8px;
    *padding-right:0;
    *width: 181px;
}

.obj table tr .two {
    padding-left: 11px;
}

.obj table tr .three {
    padding-left: 15px;
}

.obj table tr .four {
    padding-left: 13px;
}

.obj table tr .five {
    padding-left: 7px;
}

.obj .obj-details .icon-details {
    color: #00afe1;
}

#map {
    width: 730px;
    height: 522px;
    border: 1px solid #93a4aa;
    padding-top: 1px;
}

#map > .title {
    height: 38px;
    line-height:38px;
    color: #004969;
    background-color: #f0f0f0;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding-left: 19px;
}

#map-error, #search-no-result{
    padding: 10px 0 30px 0;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #ee1f25;
    width: 380px;
}

#map-back {
    float: left;
    background: transparent url("../img/icon/icon-arrows-dark4-next.gif") no-repeat scroll center right;
    padding-right: 20px;
    color: #004969;
    font-weight: bold;
    font-size: 11px;
    text-decoration: none;
}

#photos, #media {
    width: 352px;
    height: 368px;
    font-size: 11px;
    font-weight:bold;
    float:left;
}

#photos > .img-frame {
    width: 350px;
    height: 262px;
    *line-height: 262px;
    border:1px solid white;
}

.thumbs {
    border-top: 1px solid #92a4aa;
    border-bottom: 1px solid #92a4aa;
    padding: 1px 0;
    height:48px;
    overflow:hidden;
}

.thumbs .img-frame {
    width:64px;
    height:48px;
    padding-left:1px;
    *float:left;
    *line-height:48px;
}

.thumb-nav {
    padding-left: 9px;
    line-height: 40px;
    font-weight:bold;
}

.thumb-nav * {
    float: left;
    color: #3b3b3b;
    text-decoration: none;
}

.thumb-nav .next-blue, .thumb-nav .prev-blue {
    width: 13px;
    height:40px;
}

#brief {
    width: 370px;
    height: 368px;
    font-size: 11px;
}

#brief .content {
    padding-bottom:0;
}

#brief dl {
    line-height: 170%;
}

#brief dl dt {
    text-transform: uppercase;
    clear: left;
    float: left;
    width: 140px;
}

#brief dl dd {
    /*float:left;*/
    margin-left:140px;
}

#brief .link-list {
    line-height: 200%;
    padding: 20px 0 0 16px;
}

#brief .link-icon, .merkliste .link-icon  {
    text-transform: uppercase;
    text-decoration: none;
    font-weight:bold;
    color: #3b3b3b;
    padding-left: 23px;
    font-size: 11px;
}

.merkliste .link-icon {
    padding-left: 13px;    
}

#description, #request, #proposal {
    margin-left: 0;
    margin-top: 4px;
    width: 728px;
}

#description .content {
    padding: 0 15px 0 15px; 
}

#description dl {
    clear: left;
    padding-bottom: 20px;
}

#description dt, #description dd {
    float: left;
    padding-right: 5px;
}

#request form label {
    font-weight: bold;
}

#request form input[type="text"], #request form textarea {
    width:276px;
}

#request .checkbox-list, #request .checkbox-list li {
    padding: 5px 0;
}

#modal-mask {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    *filter: alpha(opacity = 70);
}

#modal {
    position: absolute;
    top: 220px;
    left: 240px;
    z-index: 11;
    background: transparent url("../img/modal-shadow-right.png") no-repeat scroll top right;
    padding-right: 6px;
    font-size: 11px;
}

#modal > div {
    background: transparent url("../img/modal-shadow-bottom.png") no-repeat scroll bottom left;
    padding-bottom: 7px;
}

#modal > div > div {
    width: 728px;
    height: 600px;
    background-color: white;
    border: 1px solid #92a4aa;
}

#modal .title {
    background: transparent url("../img/hor-blue-dots.gif") repeat-x scroll bottom left;
    padding-right: 39px;
}

#modal .title a {
    float: right;
    padding: 4px 20px 4px 0;
    *padding: 11px 20px 8px 0;
    text-decoration: none;
}

#modal .content {
    padding-top: 53px;
    width: 502px;
    margin: 0 auto;
    overflow: hidden;

    *position:absolute;
    *left:50%;
    *margin-left:-251px;
}

#modal .content > .img-frame {
    border: 1px solid #93a4aa;
    width: 500px;
    height: 374px;
    *line-height:374px;
}

#modal .thumbs {
    padding-top: 10px;
    border:none;    
}

#modal .thumbs .img-frame:first-child{
    padding-left:0;
}

#media {
    margin-left:0;
    font-size: 11px;
    overflow-y: auto;
}

#media .content {
    padding: 16px 0 5px 0;
}

#media ul.link-list > li {
    display:block;
    padding-bottom: 30px;
}

#media ul.link-list > li ul, #media ul.link-list > li > a {
    padding: 0 16px 0 16px;
}

#media ul.link-list > li > a {
    display: block;
    background-color: #00afe1;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
    color: white;
}

#media ul.link-list > li ul li {
    line-height: 24px;
}

#media .download {
    float: right;
    color: #3b3b3b;
}

#media .label {
    *float: left;
}

#media .label span {
    font-weight:normal;    
}

#media .link-icon {
    padding-left: 20px;
}


.contact-form *, .service-form * {
     font-size:11px;    
}

.contact-form label, .service-form label {
    font-weight:bold;
    width:142px;
    text-align:left;
    padding-right:0;
}

.service-form label {
    width:175px;
}


.contact-form input[type="text"], .contact-form textarea,
    .service-form input[type="text"], .service-form textarea {
    width:238px;
}

.merkliste .link-list {
    *margin:10px 0 5px 0;
}

.merkliste .link-list li {
    float: left;
    padding-left: 10px;
    *padding-left: 5px;
    line-height: 30px;
}

.merkliste .link-list li:first-child {
    padding-left:0;
}

ul#sitemap > li {
    font-weight:bold;
    padding-bottom: 16px;
}

ul#sitemap > li > a {
    color: #00afe1;
    font-size: 14px;
}

ul#sitemap > li > a, ul#sitemap > li > ul > li > a {
    text-decoration: none;
}

ul#sitemap > li > ul {
    margin: 3px 0 0 30px;
}

ul#sitemap > li > ul > li > a {
    line-height: 18px;
}

ul#sitemap > li > ul > li > a {
    color: #3b3b3b;
}

#proposal form * {
    font-size: 11px;
}

#proposal form label {
    padding: 16px 0 3px 0;
    font-weight:bold;
    display: block;
}

#proposal form input, #proposal form textarea {
    width: 276px;
}

.map-objects {
    position: absolute;
    top: 60px;
    left: 50px;
    background-color: #3b3b3b;
}

.map-objects > div {
    width: 298px;
    border: 1px solid #3b3b3b;
    background: white url('../img/box-bg.gif') repeat-x scroll top left;
    position: relative;
    top: -3px;
    left: -3px;
    padding: 4px;
}

.map-objects .coord-pointer {
    position: absolute;
    background: transparent url('../img/popup-bg.gif') no-repeat;
    width: 13px;
    height: 26px;
    left: -13px;
    top: 30px;
}

.map-objects table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom:65px;
}

.map-objects table td {
    padding: 8px 0;
    background: transparent url('../img/hor-blue-dots.gif') repeat-x scroll bottom left;
}

.map-objects table tr td:first-child {
    width: 132px;
}

.map-objects .text p {
    margin: 10px 0;
}

form .objectnumber input[type="text"] {
    /*background:transparent url(../img/dashes.gif) repeat-x scroll 1px 100%;*/
    /*padding-left: 15px;*/
}

.news {
    border-collapse:collapse;
    width:638px;
    margin-left: 16px;
}

.news td {
    padding: 10px 0;
    background: transparent url("../img/hor-blue-dots.gif") repeat-x scroll top left;
}

.news tr:first-child td {
    background:none;
}

.news .img-wrapper {
    background: transparent url('../img/content/new-stub.gif') no-repeat scroll top left;
    width:130px;
    height:100px;    
}


.news .news-img {
}

.news .news-cont {
    width:100%;
    padding-left: 34px;
}

.news .news-cont a {
    color: #3B3B3B;
    text-decoration: none;
    font-weight:bold;
}

#modal.not-found {
   background-position:bottom right;
}

#modal.not-found > div > div {
   width:auto;height:auto;
}

#modal.not-found .content {
   padding: 20px 10px;
}