/*
FARBEN
*/

/*Supersize Plugin Styles*/
* {
    text-decoration: none !important;
}
html {
    background: #ccc;
}
body {
    font-family: verdana,tahoma,helvetica,arial,sans-serif;
}
#supersize {
    position: fixed;
    overflow: hidden;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	display:none;
}
#supersize .activeslide, #supersize .activeslide img{
	display:inline;
}


strong, b {
    font-weight: bold;
}
italic, em {
    font-style: italic;
}
/***************************    general classes   *****************************/
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.csc-textpic, .clearfix {display: inline-block;}
.csc-textpic:after, .clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
* html .csc-textpic, * html .clearfix {height: 1%;}
.csc-textpic, .clearfix {display: block;}
.clear {clear: both;}
/***************************   content elements    ***************************/

#background {
    /*width: 100%;
    height: 100%;*/
    position: absolute;
    z-index: 0;
    left: 1200px;
    top: -119px;
}
#main {
    position: absolute;
    z-index: 2;
    /*top: 10%;*/
    width: 1110px;
    /*height: 600px;*/
    /*
    overflow: hidden;

	height:auto !important;
	height:100%;
	min-height:100%;
    */

}
#navi-main {
    margin: 118px 0 0 40px;
}
#navi-main li {
    float: left;
    position: relative;
}
#navi-main a {
    display: block;
    width: 130px;
    padding-top: 20px;
    color: #fff;
    text-decoration: none;
}
#navi-main li ul {
    position: absolute;

    overflow: hidden;
}
/*#navi-main li:hover ul,*/
#navi-main li.act ul {
    display: block;
}
#navi-main li a.lev-0 {
    background: transparent url(/fileadmin/layouts/gfx/navi-main-a.gif) no-repeat 2px top;
    font-size: 116%;
    margin-bottom: 2px;
}
#navi-main li a.lev-1 {
    /*background: transparent url(/fileadmin/layouts/gfx/navi-main-li.png) no-repeat left top;*/
    font-size: 100%;
    padding-top: 4px;
}
#navi-main li a.lev-1:hover,
#navi-main li ul li.act a {
    color: #fe9901;
}


/*Projects*/
#projects-single {
    position: absolute;
}
#projects-single {
    width: 99.9%;
    top: 320px;
}
#projects-single-item,
#project-overview,
#project-description {
   /* height: 460px;*/
}
#projects-single-item {
	width: 400px;
    overflow: scroll;
    margin-bottom: 20px;
}
#projects-single-item #projects-single-headline {
    border: none;
    font-size: 116%;    
}
#projects-list,
#projects-single {
    font-size: 85%;
}
#projects-list,
#projects-list a,
#projects-single,
#projects-single a{
    text-decoration: none;
    color: #fff;
}
.projects-list-item {
    height: 1.7em;
    line-height: 1.7em;
}
#projects-single p {
    margin-bottom: 0.6em;
}
#img-gallery {
    position: absolute;
    left: 500px;
    top: -155px;
    float: right;
}
#img-gallery ul,
#easyscrollnav {
    position: absolute;
    left: -12px;
    font-weight: bold;
}
#img-gallery ul {
    top: 0;
}
#playstop,
#img-description {
    display: none !important;
}

#homelink-logo {
    height: 100px;
    background: transparent url(/fileadmin/layouts/gfx/logo.png) no-repeat left top;
    position: absolute;
    top: 40px;
    width: 100%;
    z-index:99;
}
#line-top {
    background: transparent url(/fileadmin/layouts/gfx/logo.png) no-repeat 0 40px;
    height: 118px;
    position: relative;
}
.homelink {
    background: transparent url(/fileadmin/layouts/gfx/logo.png) no-repeat -812px 30px;    
    cursor: pointer;
    display: block;
    height: 130px;
    left: 812px;
    position: absolute;
    text-decoration: none;
    top: 10px;
    width: 300px;
}
/*CONTENT*/


#content {
    color: #fff;
    margin: 370px 0 0 30px;
    width: 825px;
}
#content h1 {
    margin-bottom: 1em;
    font-size: 138.5%;
    font-weight: bold;
}
#content p {
    margin-bottom: 0.7em;
    text-align: justify;
}
#content p a {
    color: #fe9901;
}

#easyscrollnav,
#easyscroll {
    width: 500px;
    position: absolute !important;
}
#easyscrollnav {
    left: 120px;
    top: 403px;
}
#easyscroll {
    top: 400px;
    left: 140px;
}


#news-start {
    padding-left: 50px;
}
#news-start .csc-header h1 {
    position: absolute;
    top: 35%;
    right: 10%;
    font-size: 4em;
    font-wesight: normal;
    color: #fd7700;
}
#news-start .csc-header h1,
#news-start .news-list-container h1 {
    border: none;
}
#news-start .news-list-container h1 {
    color: #fd7700;
    font-size: 2em;
}
#news-start .news-list-container h1 .star {
    font-size: 150%;
}
#news-start .news-list-container h1 a {
    text-decoration: none;
    color: #fff;
}


#news-single-browse {
    position: absolute;
    bottom: 0;
}

#projects-browse {
    width: 400px;
}
#projects-browse li {
    width: 200px;
    float: left;
}
#projects-browse li#project-next {
    text-align: right;
}

#slideshow {
    left: 770px;
    top: 350px;
}

#nextBtn a,
#prevBtn a {
    color: #fe9901;
    font-weight: bold;
}

#content #slider ul {
    width: 400px !important;
}

.projects-list-item span {
    display:block;
    float:left;
    width:4em;    
}