@CHARSET "UTF-8";

body, html {
    width: 100%;
    min-width:1000px;
    height: 100%;
}

#site {
    width: 945px;
    height: 100%;
    position: absolute;
    left: 5%;
}

#header {
    height: 225px;
    width: 100%;
    position: relative;
    margin-top: 10px;
}

#header #logo {
    display: block;
    height: 67px;
    width: 427px;
    position: absolute;
    left: -5px;
    bottom: 65px;
}

#footer {
    width: 100%;
    height: 50px;
}

/**
 * 3 Col layout
 **/

#container-left, #container-middle,#container-right {
    float:left;
    width: 305px;
    padding-left: 9px;
    min-height: 382px;
    padding-top: 30px;
    overflow: hidden;
}

#container-left {
    width: 305px;
    padding-left: 0px;
}

#container-middle, #container-right {
    background:url(/tl_files/images/site/spacer-content.jpg) 0px 8px repeat-y;
}

/* 3Col BigLEft */
.col3BigLeft #container-left {
    width: 387px;
}

.col3BigLeft #container-middle {
    padding-left: 23px;
    width: 267px;
    background:none;
}

.col3BigLeft #container-right {
    width: 259px;
    margin-top: 70px;
}

/* 2Col BigLeft */
.col2BigLeft #container-left {
    width: 437px;
    padding-right: 100px;
}

.col2BigLeft #container-right {
    width: 259px;
    margin-top: 70px;
}

/* projekte */
.projekte-listing #container-middle {
    background: none;
    width: 945px;
    padding-left: 0;
}

div.layout_short_projekte {
    float: left;
    width: 309px;
    height: 320px;
    margin-bottom: 40px;
    background:url(/tl_files/images/site/spacer-content.jpg) 300px 0px no-repeat;
}

div.no-spacer, .mod_newslist div.last {
    background:none !important;
}

/* Projektansicht */

.projekte-view .mod_newslist,.projekte-view #container-middle {
    width: 945px;
    background:none;
    padding-left: 0px;
    height: 850px;
}

.projekte-view div.pagination {
    display:none;
}
.projekte-view .pagination {
    position: absolute;
    top: 265px;
    right: 0px;
}

.projekte-view .pagination p {
    display: none;
}

.projekte-view .pagination li, .mod_newslist .pagination li {
    float: left;
    margin-left: 10px;
}

.news-listing .pagination ul {
position: absolute; right:0;
}

.projekte-view h3 {
    position: absolute;
    right: 20px;
    top: 329px;
    width: 240px;
}

.projekte-view div.ce_text {
    position: absolute;
    right: 20px;
    top: 370px;
    width: 240px;
}

.projekte-view #teaser {
    height: 300px; width: 270px;
    position: absolute;
    top: 813px;
    left: 390px;
    padding-left: 10px;
    background:url(/tl_files/images/site/spacer-content.jpg) 0px 0px repeat-y;
}

#projekt-img-1, #projekt-swf-1  {
    position: absolute;
    left: 0px;
    top: 329px;
}

#projekt-img-2, #projekt-swf-2  {
    position: absolute;
    right: 20px;
    top: 630px;
}

#projekt-a-2 {
    position: absolute;
    right: 20px;
    top: 813px;
    display: block;
    width: 240px;
}

#projekt-img-3, #projekt-swf-3  {
    position: absolute;
    left: 0px;
    top: 813px;
}

#projekt-a-3 {
    position: absolute;
    left: 0px;
    top: 1121px;
    display: block;
    width: 240px;
}

.projekte-view ul.bottom {
    top: 1121px;
}

/* neuigkeiten */
.news-listing #container-middle {
    background: none;
    width: 945px;
    padding-left: 0;
}

.news-listing .mod_newslist .layout_full {
    clear: both;
    height: 280px;
    overflow: hidden;
    margin-bottom:30px;
}

.news-listing .mod_newslist .image_container {
    float: left;
    width: 370px;
    height: 280px;
    position: relative;
    background:url(/tl_files/images/site/spacer-content.jpg) 361px 0px repeat-y;
    margin: 0 10px 0px 0 !important;
}

.news-listing .mod_newslist .even .image_container img {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.news-listing .mod_newslist .last .image_container img {
    top: 0px;
}

.news-listing .mod_newslist .even .news {
    float: left;
    width: 300px;
}

.news-listing .mod_newslist .even .news h1{
    margin-top: 28px;
}

.news-listing .mod_newslist .last .news h1{
    margin-top: 0px;
}

.news-listing #container-middle .news h2 {
    font-size:18px;
    line-height: 22px;
}

.news-listing .mod_newslist .odd .news {
    float: left;
    width: 300px;
}

.news-listing .mod_newslist .odd {
    height: 189px;
    overflow: hidden;
}

.news-listing .mod_newslist .odd .image_container {
    width: 280px;
    height: 189px;
    background:url(/tl_files/images/site/spacer-content.jpg) 271px 0px repeat-y;
}