br.clearAll
{
    position: relative;
    display: block;
    clear: both;
    z-index: -10;
    
    line-height: 0 !important;
}

body {
    font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif;
    font-size: 11px;
    margin-top: 20px;
}

img {
    display:block;
}

form {
    margin: 0;
    padding: 0;
    border: 0;
}

#container {
    position: absolute;
    top: 10px;
    left: 25px;
    height: 100%;
}

div#navigationArea {
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;

    background-color: #071b36;
}

div#welcomePageContainer {
    position: absolute;
    top: 15px;
    left: 36px;
}
div#welcomePageLogo {
		padding-bottom: 54px;
}

div#welcomePageText {
            color: #FFF;;
            font-family: FrutigerNextLT;
            padding-bottom: 42px;
}
	div#welcomePageText h1 {
			font-size: 18px;	
	  	font-weight: normal;
	  	display: inline;
			text-align: justify;
			margin-top:-4px;
			margin-bottom: -4px;
	}
	div#welcomePageText h1.strong {
			font-weight: bold;
			cursor: pointer;
	}
	div#welcomePageText h1.italic {
			font-style: italic;
			cursor: pointer;
	}

div#welcomePagePictures {
		width: 980px;
}
div#welcomePagePictures img {
		padding-right: 10px;
		display: inline;
}

div#navigationArea div#langSelector {
    float: right;
    padding: 5px 17px 0 0;
    color: #384667;
    line-height: 11px;
}

div#projectsFilterMenu li {
    width: 250px;
}

    div#navigationArea div#langSelector a {
        text-decoration: none;
        color: #384667;
    }

    /* div#navigationArea div#langSelector span.active, */
    div#navigationArea div#langSelector a:hover {
        color: #fff;
    } 


div#contentArea {
    position: absolute;
    top: 0;
    left: 300px;
    width: 645px;
    height: 100%;
    
    overflow: auto;
}

    div#contentArea h1 {
        margin-top: 0;
        
        font-size: 11px;
        font-weight: bold;
    }

ul.navigationMenu {
    float: left;
    margin: 0;
    padding: 3px 0 0 11px;
    
    line-height: 15px;
}
    
    img.menuSeperator {
        clear: both;
    }

    ul.navigationMenu li {
        margin: 0;
        padding: 0;
        
        list-style: none;
    }

    ul.navigationMenu a {
        color: #4c5976;
        text-decoration: none;
    }
    
    ul.navigationMenu a.active,
    ul.navigationMenu a:hover {
        color: #dde1ea;
    }
    
    ul.navigationMenu.subnav1,
    ul.navigationMenu.subnav2 {
        padding-left: 20px;
    }
    
    div#navigationArea div.wrapSubnav1 {
        height: 185px;
    }

    div#navigationArea div.wrapSubnav2 {
        clear: both;
        height: 178px;
        overflow: auto;
    }
    

/**
 * News
 */
 
#newsTable {
    float: left;
    margin: 0;
    padding: 0;
    width: 628px;
    
    border-collapse: collapse;
    
    color: #dde1ea;
}

    td.newsImageCell,
    td.newsTextCell {
        margin: 0;
        padding: 0;
        width: 315px;
        
        background-color: #092042;
        
        vertical-align: top;
    }
    
    td.newsTextCell {
        padding: 10px;
    }

/**
 * Architektur wird von Menschen gemacht
 */

div#architectureContent div#textContent {
    width: 515px;
    margin: 6px 0 6px 8px;
    
}

div#architectureContent,
div#architectureContent a {
    color: #dde1ea;
} 
 
div#architectureContent img {
    width: 313px;
    float: left;
}

div#architectureContent img.left {
    margin: 0 1px 1px 0;
}

div#architectureContent img.right {
    margin: 0 0 1px 0;
}



/**
 * Locations + Karriere + Impressum
 */
 
div#contentArea #locationsContent,
div#contentArea #careerContent,
div#contentArea #imprintContent
{
    padding: 48px 11px 50px 11px;
    color: #dde1ea;
}
    div#contentArea #locationsContent a,
    div#contentArea #careerContent a,
    div#contentArea #imprintContent a {
        color: #dde1ea;
    }
     
/**
 * Services
 */

div#contentArea #servicesContent {
    position: absolute;
    color: #dde1ea;
}

    div#contentArea #servicesContent #firstColumn {
        position: absolute;
        left: 0;
        top: 64px;
        width: 314px;
    }
    
        div#contentArea #servicesContent #firstColumn img {
            margin-bottom: 1px;
        }
    
    div#contentArea #servicesContent #secondColumn {
        position: absolute;
        left: 314px;
        top: 49px;
        width: 294px;
        
        padding-left: 10px;
            
    }
    
    div#contentArea #servicesContent #secondColumn a {
        color: #dde1ea;;
    }
    
    div#contentArea #servicesContent #secondColumn p {
        margin-top: 0px;
        margin-bottom: 22px;
    }
    
    div#contentArea #servicesContent #secondColumn h1 {
        margin-top: 15px;
        margin-bottom: 0px;
    }

/**
 * Projekte & Bauten
 */ 

div#contentArea #projectsContent {
    position: relative;
}

    div#contentArea #projectsContent img {
        margin-bottom: 1px;
    }
	
	/* Last small image in project details shouldn't have margin-bottom */
	
	div#contentArea #projectsContent td.tdProjectFirstColumn img:last-child {
        margin-bottom: 0px;
    }

    div#contentArea #projectsContent img.imgProjectsSmall {
        border-right: 1px solid #071b36;
    }

    div#contentArea #projectsContent div#projectHeadline {
        position: absolute;
        top: 9px;
        left: 0px; 
        width: 621px;
    }
    
        div#contentArea #projectsContent h1.projectsRegular,
        div#contentArea #projectsContent h1.projectsBold {
            float: right;
            color: #FFF;;
            font-family: FrutigerNextLT;
            font-size: 18px;
        }
        
        div#contentArea #projectsContent h1.projectsRegular {
            margin: 0 0 0 5px;
            font-weight: normal;
        }
        
        div#contentArea #projectsContent h1.projectsBold {
            margin: 0;
            font-weight: bold;
        }
    
    div#contentArea #projectsContent #lowerPart{
        position: relative;
    }
    
    div#contentArea #projectsContent table#tblProjectDetails {
        width: 628px;
    }
    
    div#contentArea #projectsContent .tdProjectFirstColumn {
        vertical-align: top;
    }
    
    div#contentArea #projectsContent .tdProjectFirstColumn.withRightBorderPlease {
        border-right: 1px solid #071b36;
    }
    
    div#contentArea #projectsContent #tdProjectSecondColumn {
        width:100%;
        padding: 4px 7px;
        color: #071b36;
        background-color: #a9b0c5;
        
        vertical-align: top;
    }
    
    div#contentArea #projectsContent table#informations {
        margin: -3px 0 10px -3px;
    }

    div#contentArea #projectsContent table#informations td {
        vertical-align: top;
    }

    div#contentArea #projectsContent table#informations td.tableLabel {
        width: 105px;
        vertical-align: top;
    }
    
    div#contentArea #projectsContent table#informations td.tableData {
        padding-left: 3px;
        vertical-align: top;
    }

    /**
     * Sidebar / Filter + Suchmen�
     */
    
    div#navigationArea div#projectsFilterMenu {
		overflow: hidden;
        color: #dde1ea;
    }
    
    div#navigationArea div#projectsFilterMenu #projectsFilterLabel{
        display: block;
        float: left;
        clear: both;
        padding-left: 20px;
    }
    
    div#navigationArea div#projectsFilterMenu ul.subnav1 li {
        float: left;
        clear: both;
        
        line-height: 14px;
        height:14px;
    }
    
    div#navigationArea div#projectsFilterMenu ul.subnav1 label input,
    div#navigationArea div#projectsFilterMenu ul.subnav1 label span {
        display: block;
        float: left;
    }
    
    div#navigationArea div#projectsFilterMenu ul.subnav1 label input {
        margin-left: 0;
        padding: 0;
        width: 13px;
        height: 13px;
        overflow: hidden;
        
    }
    
    div#navigationArea div#projectsFilterMenu ul.subnav1 label span {
        margin-left: 7px;
        padding-top: 1px;
    }
   
    
    div#navigationArea div#projectsFilterMenu label#lblProjectsSearch {
        display: block;
        float: left;
        clear: both;
        padding: 5px 0 0 20px;
    }

    div#navigationArea div#projectsFilterMenu input#txtProjectsSearch {
        display: block;
        float: left;
        
        width: 78px;
        
        margin: 2px 0 0 3px;
        
        background-color:#071b36;
        border-style: none none dashed;
        border-width: 0 0 1px;
        
        font-size: 11px;
        color: #FFF;
    }
    
    
    div#navigationArea span.searchResultMessage {
        clear: both;
        padding-left: 20px;
        
        color: white;
    }
    

/**
 * Team
 */

div#navigationArea div#teamHoverDisplay {
    padding: 3px 0 0 20px;
    color: #dde1ea;
}

    div#navigationArea div#teamHoverDisplay a {
        color: white;
    }

    div#contentArea div#teamContent div.teamMemberPic {
        float: left;
        border-right: 1px solid #071b36;
        border-bottom: 1px solid #071b36;
    }
    
    div#contentArea div#teamContent div.teamMemberPic img {
        width: 156px;
        height: 120px;
    }
    
    div#contentArea div#teamContent div.teamMemberPic img.light {
        opacity: 1;
        filter: alpha(opacity=100); /* IE patch */
    }
    
    div#contentArea div#teamContent div.teamMemberPic img.dark {
        opacity: 0.5;
        filter:alpha(opacity=50); /* IE patch */
    }

/**
 * Textconten - areas content width
 */
 
div#locationsContent,
div#careerContent,
div#imprintContent {
    width: 530px;
}