html, body {
    background: #514A43;
    color: #BBB;
}

body {
    font-family: "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    letter-spacing: 0.03em;
    font-size: 80%;
    float: left;
    width: 100%;
    background: #514A43 url(../img/bg.png) repeat-x;
}

body.mceContentBody {
    background-image: none;
    width: 488px;
}

a:link, a:visited, a:active {
    color: #A9B400;
    text-decoration: none;
}

a:focus {
    outline: 0;
}

a.external:link, a.external:visited, a.external:active {
    color: #5482AB;
}

a:hover, a.external:hover {
    color: #FFFFFF;
}

#page {
    width: 974px;
    padding: 0 5px 0 45px;
}



/* HEADER */

#header {
    height: 175px;
    padding-left: 163px;
    position: relative;
}

#logo-container {
    width: 488px;
    height: 173px;
    border-bottom: 2px solid #85827D;
}

#logo {
}



/* NAV */

#nav {
    position: absolute;
    left: 675px;
    bottom: 0px;
    width: 299px;
    border-bottom: 2px solid #85827D;
}

#nav a {
    color: #FFF;
    display: block;
    line-height: 25px;
}

#nav a:hover {
    color: #A9B400;
}

#nav .active > a {
    color: #A9B400;
}

#nav ul {
    margin: 0;
    line-height: 1.25;
    width: 143px;
    bottom: -2px;
    position: absolute;
    background: url(../img/nav-bg.png) bottom left repeat-x;
    padding-right: 13px;
}

#nav li {
    border-top: 1px solid #85827D;
    list-style-type: none;
}

#nav li:first-child {
    border-top-width: 2px;
}

#nav ul ul {
    position: absolute;
    left: 156px;
    bottom: 0;
    padding-right: 0;
}



/* METANAV */

#metanav {
    width: 137px;
    margin-top: 97px;
    margin-right: 25px;
    float: left;
}

#metanav, #project-nav, #news-nav {
    text-transform: uppercase;
    font-size: 80%;
}

#metanav ul, #project-nav ul, #news-nav ul {
    margin: 0;
    line-height: 1.25;
}

#metanav ul, #project-nav ul {
    border-top: 1px solid #85827D;
}

#metanav li, #project-nav li, #news-nav li {
    border-bottom: 1px solid #85827D;
    background-position: 2px center;
    background-repeat: no-repeat;
    list-style-type: none;
}

#metanav li.downloads {
    background-image: url('../img/icon-agenturprofil.gif');
}

#metanav li.anfahrt, #metanav li.directions {
    background-image: url('../img/icon-anfahrt.gif');
}

#metanav li.kontakt, #metanav li.contact {
    background-image: url('../img/icon-kontakt.gif');
}

#metanav li.extranet {
    background-image: url('../img/icon-extranet.gif');
}

#metanav li.language-de {
    background-image: url('../img/icon-de.gif');
}

#metanav li.language-en {
    background-image: url('../img/icon-en.gif');
}

#metanav li.edit {
    margin-top: 2em;
    border-top: 1px solid #85827D;
    background-image: url('../img/icon-edit.gif');
    opacity: 0.3;
}

#metanav li.edit:hover {
    opacity: 1;
}

#metanav a, #project-nav a, #news-nav a {
    color: #FFF;
    display: block;
    padding: 6px 2px 6px 24px;
}

#metanav a:hover, #project-nav a:hover, #news-nav a:hover {
    color: #A9B400;
}

#metanav .active > a {
    color: #A9B400;
}


/* LOGIN-STATUS */

#login-status {
    margin-top: 2em;
    line-height: 1.5;
}

#login-status a {
    display: inline;
    padding: 0;
}



/* CONTENT */

#headline-container {
    width: 812px;
    height: 97px;
    border-bottom: 1px solid #85827D;
    margin-bottom: 0px;
    float: left;
    position: relative;
}

.with-sidebar #headline-container {
    width: 488px;
}

#headline {
    position: absolute;
    bottom: 10px;
}

#headline h1 {
    width: 488px;
}

#headline div.superline {
    margin-bottom: 0.3em;
    font-size: 90%;
}

#main {
    width: 812px;
    float: left;
}

.project-teasers #main {
    width: 824px;
    margin-left: -12px;
}

.with-sidebar #main {
    width: 488px;
}

#content-container {
    position: relative;
    float: left;
    width: 100%;
}

p, ul, ol, h3 {
    line-height: 1.5;
}

p, ul, ol {
    margin: 1em 0;
    color: #BBB;
}

ul, ol {
    margin-left: 1.1em;
}

ul li {
    list-style-type: square;
}

ol li {
    list-style-type: decimal;
}

strong {
    font-weight: bold;
    color: #FFF;
}

em {
    font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
    color: #FFF;
}

h1, h2 {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

h1 {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 125%;
}

h2 {
    font-size: 95%;
    margin: 2.5em 0 1em 0;
    font-weight: bold;
}

p:first-child, ul:first-child, ol:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 12px;
}

h3 {
    font-weight: bold;
    margin: 2em 0 0 0;
}

h3+p, h3+ul, h3+ol {
    margin-top: 0;
}

h4 {
    font-weight: bold;
    margin: 1em 0;
    text-transform: uppercase;
}

img.full, img.half, img.sidebar, div.media {
    margin: 12px 0;
    display: block;
}


/* SIDEBAR */

#sidebar {
    display: none;
}

.with-sidebar #sidebar {
    display: block;
    width: 299px;
    float: left;
    margin-left: 25px;
    margin-top: 97px;
    border-top: 1px solid #85827D;
}

.sidebar-block {
    padding: 8px 0 24px 0;
    border-top: 1px solid #85827D;
    float: left;
    width: 299px;
}

.sidebar-block h4 {
    margin-top: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: normal;
}

.news-item {
    border-bottom: 1px solid #85827D;
}

.news-item {
    display: block;
    padding: 1.2em 0.3em 0.6em 0.3em;
}

.news-item.selected a {
    color: #FFF;
}

.news-item div.date {
    font-size: 90%;
    margin-bottom: 0.2em;
    color: #BBB;
}

.news-item h2 {
    margin: 0;
}

.news-item a h2 {
    color: #A9B400;
}

.news-item a:hover h2 {
    color: #FFF;
}

#subnav {
    border-top: 0;
    margin: 0;
    padding-bottom: 8px;
}

#subnav li {
    list-style: none;
}

#subnav li.active a {
    color: #FFF;
}


/* FOOTER */

#footer {
    clear: both;
    float: left;
    width: 812px;
    margin-top: 3em;
    padding-bottom: 3em;
    border-top: 1px solid #85827D;
    margin-left: 162px;
    position: relative;
}

#footer-nav {
    margin: 0;
    line-height: 1.25;
    padding-top: 2em;
    font-size: 75%;
    text-transform: uppercase;
    float: left;
}

#footer-nav li {
    float: left;
    margin-left: 0.6em;
    list-style-type: none;
}

#footer-nav li:before {
    content: '/';
    margin-right: 0.6em;
}

#footer-nav li:first-child {
    margin-left: 0;
}

#footer-nav li:first-child:before {
    content: '';
    margin-right: 0;
}

#footer a {
    color: #FFF;
}

#footer a:hover {
    color: #A9B400;
}

#social-nav {
    position: absolute;
    left: 512px;
    margin-left: 0;
    top: 1.5em;
    margin-top: 0;
}

#social-nav li {
    padding-right: 1.5em;
    float: left;
    list-style: none;
}

#social-nav li a {
    display: block;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

#social-nav li a span {
    display: none;
}

#social-nav li a {
    background-image: url(../img/social-icons.gif);
    background-position: 0 0;
}

#social-nav li.facebook a {
    width: 48px;
    background-position: 0 0;
}

#social-nav li.twitter a {
    width: 42px;
    background-position: -60px 0;
}

#social-nav li.flickr a {
    width: 32px;
    background-position: -120px 0;
}

#social-nav li.lastfm a {
    width: 39px;
    background-position: -180px 0;
}

#social-nav li.facebook a:hover {
    background-position: 0 -15px;
}

#social-nav li.twitter a:hover {
    background-position: -60px -15px;
}

#social-nav li.flickr a:hover {
    background-position: -120px -15px;
}

#social-nav li.lastfm a:hover {
    background-position: -180px -15px;
}


/* DIRECTIONS */

#map-canvas {
    border: 12px solid #85827D;
    width: 788px;
    height: 500px;
    letter-spacing: 0;
}

.directions-infowindow {
    color: #666;
}

.directions-infowindow strong {
    color: #000;
}

.directions-infowindow p {
    line-height: 1.2;
    margin-left: 150px;
}

.directions-infowindow img {
    float: left;
    width: 140px;
}

/* PROJECTS */

.projects-archive #sidebar, .project-details #sidebar {
    border-top: 0;
}

.projects-archive #content-container {
    margin-top: 98px;
}

.project {
    width: 238px;
    overflow: hidden;
    float: left;
    margin-bottom: 24px;
}

.projects-list .project {
    height: 100px;
    border-bottom: 1px solid #85827D;
}

.projects-list .project.odd {
    margin-right: 12px;
}

.projects-list .project img.thumb {
    float: left;
    margin-right: 10px;
}

.projects-list .project a {
    display: block;
    height: 100px;
}

.project .category, .project .title {
    color: #FFF;
}

.project .client {
    text-transform: uppercase;
    font-family: Georgia, "Times New Roman", serif;
}

.project .category, .project .title {
    font-size: 85%;
}

.project .category {
    margin-bottom: 6px;
    line-height: 1;
}

.project .title {
    font-weight: bold;
}

.projects-archive .project .category, .projects-archive .project .client, .projects-archive .project .title {
    width: 140px;
    overflow: hidden;
}

/* PROJECTS ARCHIVE SIDEBAR */

.projects-archive #sidebar ul.categories, .projects-archive #sidebar ul.clients {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 85%;
}

.projects-archive #sidebar ul.categories {
    margin-top: -13px;
}

.projects-archive #sidebar ul.left, .projects-archive #sidebar ul.right {
    width: 148px;
}

.projects-archive ul.categories li, .projects-archive ul.clients li {
    list-style-type: square;
    margin-left: 13px;
}

ul.categories li.super {
    list-style: none;
    margin-left: 0;
    font-weight: bold;
    margin-top: 13px;
}

ul.categories li.selected, ul.clients li.selected {
    color: #FFF;
}

.projects-archive #project-nav {
    margin-bottom: 0;
}

.projects-archive #project-nav li {
    border-bottom: 0;
}


/* PROJECTS ARCHIVE CLIENTS/CATEGORIES LIST */

.projects-archive.clients-list #content-container, .projects-archive.categories-list #content-container {
    margin-top: 0;
}



/* PROJECT DETAILS */

#project-nav {
    margin-bottom: 24px;
}

#project-nav .back {
    background-image: url(../img/icon-back.gif);
}

#project-nav .tellafriend {
    background-image: url(../img/icon-bubble.gif);
}

#project-nav .related {
    background-image: url(../img/icon-grid.gif);
}

#project-data {
    margin-bottom: 24px;
}

.project-image {
    margin-bottom: 25px;
}

.project-image-description {
    margin-top: -6px;
    font-size: 85%;
}

#related-projects {
    margin-top: 36px;
    padding-top: 12px;
    border-top: 1px solid #85827D;
}

#related-projects h2 {
    margin-top: 0;
    margin-bottom: 1.5em;
}



/* PROJECT TEASERS */

.project-teasers #headline-container {
    border-bottom: 0;
}

.project-teasers #content {
}

.project.teaser {
    width: 400px;
    margin-left: 12px;
    margin-bottom: 36px;
}

.project.teaser img {
    margin-top: 12px;
    border-top: 1px solid #85827D;
    padding-top: 12px;
}



/* NEWS */

#news-nav .previous {
    background-image: url(../img/icon-previous.gif);
}

#news-nav .next {
    background-image: url(../img/icon-next.gif);
}



/* DOWNLOADS */

a.download {
/*    display: block;*/
    padding-left: 20px;
    background: url(../img/icon-agenturprofil.gif) 0 2px no-repeat;
}



/* START PAGE */

.home #headline-container {
    border-bottom: 0;
}

#latest-news {
    position: absolute;
    top: 0;
    right: 0;
    width: 299px;
}

#latest-news .news-item {
    padding-left: 12px;
    position: relative;
    border-bottom: 0;
    margin-bottom: 1px;
}

#latest-news .news-item * {
    z-index: 2;
    position: relative;
}

#latest-news span.bg {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #514A43;
    z-index: 1;
    -moz-opacity: 0.7;
    filter: Alpha(opacity=70);
    opacity: 0.7;
}

#latest-news .news-item:hover span.bg {
    -moz-opacity: 0.8;
    filter: Alpha(opacity=80);
    opacity: 0.8;
}



/* FORMS */

ul.errorlist {
    color: #FFF;
    background: #85827D;
    padding: 5px 10px;
    margin: 1em 0;
}

ul.errorlist li {
    list-style-type: none;
}

form p {
    border-bottom: 1px solid #85827D;
    padding-bottom: 1em;
}

form label {
    display: block;
    float: left;
    width: 180px;
}

input[type="text"], input[type="password"], textarea {
    width: 300px;
}

input[type="submit"] {
    border: 1px solid #A9B400;
    border-radius: 5px;
    -moz-border-radius: 5px;
    background: #A9B400;
    color: #FFF;
    padding: 3px 6px;
    margin-left: 180px;
}



/* EXTRANET */

.file {
    padding: 0.3em 0;
    border-bottom: 1px solid #85827D;
    float: left;
    width: 100%;
    clear: left;
}

.file.first {
    border-top: 1px solid #85827D;
}

.files:first-child .file.first {
    border-top: 0;
}

.files h2 {
    margin: 2em 0 0.5em 0;
    clear: both;
    width: 100%;
    float: left;
}

.file h3 {
    margin-top: 0;
    color: #BBB;
}

.file .date {
    width: 100px;
    display: inline-block;
}

.file .filesize {
    font-weight: normal;
    float: right;
    text-align: right;
    display: block;
}

.file .edit {
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    background: url('../img/icon-edit.gif') 0 0 no-repeat;
    opacity: 0.5;
}

.file .edit:hover {
    opacity: 1;
}

.file .edit span {
    display: none;
}

.file p {
    margin: 0;
}

.file .preview {
    font-size: 80%;
    font-weight: normal;
}

.file .preview a {
    color: #FFF;
}



/* UPLOADIFY */

.uploadifyQueueItem {
	border: 1px solid #85827D;
	margin-top: 5px;
	padding: 10px;
	width: 279px;
}
.uploadifyError {
	border: 2px solid #FBCBBC !important;
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyProgress {
	background-color: #85827D;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #A9B400;
	width: 1px;
	height: 5px;
}