body {
background:#78b402 url(../img/bg-shadow.gif) repeat-y 0 0;
font:normal 11px/16px "Lucida Grande", Helvetica, Arial, sans-serif;
margin:0;
}

.skip {
display:none;
}
.todo {
outline:dotted 1px magenta;
}

hr {
border:0; /* Für Firefox und Opera */
border-top:solid 1px #ccc;
border-bottom:0;
margin:1.5em 0;
}

ul, ol, li {
margin:0;
padding:0;
}

a:link,
a:visited,
a:active {
color:#0055a3;
}

h3 {
color:#0055a3;
}

.fh { /* fake heads */
display:block;
overflow:hidden;
text-indent:-999px;
background:#fff url(../img/headlines.gif) no-repeat 0 0;
}
#fh-ansprechpartner { background-position:0 -6px; }
#fh-auftraggeber { background-position:0 -32px; }
#fh-auftragnehmer { background-position:0 -58px; }
#fh-kurzbeschreibung { background-position:0 -82px; height:18px;}
#fh-projektkennzahlen { background-position:0 -108px; height:18px;}


#container {
width:740px;
padding:7px 20px 2em 42px;
background:#fff url(../img/container-bg.png) no-repeat 0 44px;
}

#signet {
position:relative;
background:url(../img/logo.png) no-repeat 0 0;
height:66px;
width:378px;
margin:0;
padding:0;
text-indent:-9999px;
overflow:hidden;
}
#signet a {
position:absolute;
display:block;
text-indent:-9999px;
overflow:hidden;
left:0;
bottom:0;
width:300px;
height:34px;
}
#signet #bauindustrie {
left:308px;
height:65px;
width:65px;
}

#menu {
display:block;
overflow:hidden;
list-style:none;
margin:28px 0 16px;
}
#menu li {
display:inline;
margin:0;
padding:0;
}
#menu a {
font-family:Georgia, serif;
text-decoration:none;
display:block;
float:left;
margin-right:12px;
height:21px;
}
#menu a.active {
color:#000;
}
#menu a:hover {
text-decoration:underline;
}

#multicontainer {
position:relative;
clear:both;
margin:0;
width:740px;
height:288px;
}

#map {
position:absolute;
top:0; right:0;
width:740px;
height:288px;
z-index:10;
}

#map-type-selector {
position:absolute;
top:10px; right:9px;
height:21px;
width:147px;
z-index:20;
background:transparent url(../img/map-types.png) 0 0 no-repeat;
}
#map-type-selector div {
position:absolute;
height:21px;
cursor:pointer;
}
#map-navigation {
position:absolute;
bottom:28px; right:9px;
height:113px;
width:42px;
z-index:20;
background:transparent url(../img/map-navigation.png) 0 0 no-repeat;
}
#map-navigation div {
position:absolute;
width:19px;
height:20px;
cursor:pointer;
}
#map-nav-up { top:0; left:11px;}
#map-nav-left { top:22px; left:0;}
#map-nav-right { top:22px; right:0;}
#map-nav-down { top:44px; left:11px;}
#map-nav-in { top:70px; left:11px;}
#map-nav-out { top:93px; left:11px;}
#map-type-normal { left:0; width:39px;}
#map-type-satellite { left:47px; width:47px;}
#map-type-hybrid { left:102px; width:45px;}

#project-media, #video-panes #video-player, #video-panes div {
position:absolute;
top:0;
left:0;
z-index:100;
width:484px;
height:288px;
}

#maincontent .video-player {
display:block;
width:460px;
height:260px;
}

#maincontent a img {
border:0 !important;
}

#video-panes div {
display:none;
padding:20px 10px 0;
width:464px;
height:268px;
background:#000 url(../img/video-panes-bg.jpg) no-repeat 0 0;
color:#fff;
}

#video-panes div p {
margin:1em;
font-weight:bold;
}

.close-button {
display:block;
position:absolute;
height:28px;
width:28px;
text-indent:-999px;
overflow:hidden;
background:transparent url(../img/close.png) no-repeat 0 0;
right:5px;
top:5px;
cursor:pointer;
}

.close-button:hover {
background-position:0 -28px;
}

#video-pane-tabs {
position:absolute;
top:294px;
}

#video-pane-tabs a {
color:#222;
text-decoration:none;
}

#embed-button {
background:#fff url(../img/embed.png) no-repeat 0 0;
padding-left:16px;
}

#email-button {
background:#fff url(../img/email.png) no-repeat 0 0;
margin-left:1em;
padding-left:24px;
}
#email-form-status {
margin-left:1em;
}

#embed-pane textarea {
margin:1em;
width:400px;
border:solid 1px #aaa;
font-size:0.9em;
height:180px;
}

#email-pane li {
list-style:none;
margin:0 1em .5em;
}
#email-pane label {
display:block;
}
#email-pane input {
width:220px;
margin-right:4px;
padding:2px;
}
#email-pane textarea {
height:60px;
width:430px;
font:normal 1em "Lucida Grande", Helvetica, Arial, sans-serif;
padding:2px;
}

#project-media img {
border:0;
}
#project-media #zoom {
display:block;
position:absolute;
top:6px;
left:440px;
z-index:110;
width:33px;
height:33px;
background:transparent url(../img/lupe.png) no-repeat 0 0;
text-indent:-999px;
overflow:hidden;
}

#projects {
position:relative;
height:58px;
width:740px;
}
#scrollable {
position:relative;
overflow:hidden;
height:58px;
margin-left:18px;
width:702px;
background:#f9f9f9;
}
#projects ul {
width:9999px;
position:absolute;
}
#projects li {
display:block;
float:left;
padding:0;
margin:0;
width:92px;
height:58px;
}
#projects a {
display:block;
height:58px;
width:92px;
text-decoration:none;
}
#projects a span {
display:block;
background:transparent url(../img/slider-icons.png) no-repeat 34px 18px;
text-indent:-999px;
overflow:hidden;
height:50px;
padding:4px;
color:#000;
line-height:120%;
font-size:.9em;
}
#projects a span.video {
background-position:34px -32px;
}
#projects a:hover span,
#projects a.active span {
background:#92c057;
opacity:.9;
text-indent:0;
}
#scroll-left, #scroll-right {
position:absolute;
width:60px;
height:69px;
background:cyan;
top:-5px;
z-index:10;
}
#scroll-left {
left:-10px;
background:transparent url(../img/zuruck_a.png) no-repeat 0 0;
}
#scroll-right {
right:-10px;
background:transparent url(../img/vor_a.png) no-repeat 0 0;
}

h2 {
margin:0;
padding:9px 0 5px;
height:16px;
font-size:14px;
color:#000;
}
.p-video h2 {
background:transparent url(../img/slider-icons.png) no-repeat 0 -47px;
padding-left:38px;
}

#content {
overflow:auto;
margin-top:3em;
}

.p-video #content {
margin-top:4em;
}

#content h3 {
font-size:1.35em;
}

.project-main {
float:left;
width:486px;
}

.project-body {
margin-top:3em;
}

.project-clients {
overflow:hidden;
margin-top:4em;
}
.clientinfo {
float:left;
width:134px;
height:180px;
overflow:hidden;
margin-right:5px;
padding:0 10px 0 5px;
border-right:solid 1px #69a918;
}
.clientinfo.last {
border-right:0;
}
.clientinfo h3 {
margin:0 0 .5em;
font-size:1.2em;
}
.clientinfo p {
margin:0;
}
#maincontent {
float:left;
width:468px;
}
.news-post {
padding-bottom:1em;
margin-bottom:2em;
border-bottom:solid 1px #69a918;
}
.news-post.last {
border-bottom:0;
}

#maincontent h3 {
margin-top:0;
}
#downloads {
border-top:solid 2px #69a918;
}
#downloads li a {
display:block;
height:18px;
font-family:Georgia, serif;
background:#fff url("../img/icon-pdf.png") no-repeat 2px 0;
padding:6px 0 0 24px;
margin-top:.75em;
text-decoration:none;
}
#downloads li a:hover {
text-decoration:underline;
}
#project-figures {
float:right;
width:224px;
padding:0 9px 9px;
border:solid 1px #69a918;
-moz-border-radius:8px;
border-radius:8px;
}
#project-figures b, #project-figures strong {
color:#0055a3;
}

/* the overlayed element */ 
#gallery, .video-overlay { 
display:none;
z-index:10000;
width:800px;
height:560px;
padding-top:30px;
text-align:center;
}
#gallery .pane {
display:none;
}
#gallery .pane p {
color:#fff;
font-weight:bold;
}
#gallery .close-button,
.video-overlay .close-button {
top:-5px; right:-5px;
}
#thumbs {
position:absolute;
bottom:0;
width:800px;
}
#thumbs img {
margin-right:5px;
cursor:pointer;
}
.video-overlay .video-player {
position:relative;
margin-top:60px;
width:800px;
height:600px;
}

#category-teasers {
float:right;
width:244px;
}
#category-teasers li {
list-style:none;
background-color:#fff;
background-repeat:no-repeat;
}
#category-teasers li a.button {
display:block;
height:146px;
width:244px;
background-image:url(../img/category-buttons.png);
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
margin-bottom:.5em;
}
#teaser-erneuerbare-energien a.current { background-position:-244px 0; }
#teaser-industrieisolierung a { background-position:0 -148px; }
#teaser-industrieisolierung a.current { background-position:-244px -148px; }
#teaser-forschung-entwicklung a { background-position:0 -294px; }
#teaser-forschung-entwicklung a.current { background-position:-244px -294px; }
#teaser-energetische-sanierung a { background-position:0 -442px; }
#teaser-energetische-sanierung a.current { background-position:-244px -442px; }

#sidebar {
float:right;
width:244px;
}
.sidebaritem {
clear:both;
width:224px;
padding:0 9px 9px;
margin-bottom:2em;
border:solid 1px #96c53b;
-moz-border-radius:8px;
border-radius:8px;
}


#footer {
clear:both;
border-top:solid 1px #69a918;
margin-top:4em;
padding:1.5em 0 2em;
color:#666;
font-size:.875em;
}

.p-about #multicontainer {
display:none;
}

.p-about #content {
margin-top:1em;
}

.image-gallery {
overflow:auto;
}
.image-gallery li {
display:inline;
}
.image-gallery a {
display:block;
margin:0 3px 3px;
float:left;
}
.image-gallery img {
border:0;
}
.next, .prev {
position:absolute;
bottom:0;
border:1px solid #666;
cursor:pointer;
display:block;
padding:.75em;
color:#fff;
background:#0055A3;
font-weight:bold;
}
.prev {
left:0;
}
.next {
right:0;
}

.img_right {
    float: right;
    margin: 0 0 10px 20px;
}

.img_left {
    float: left;
    margin: 0 20px 10px 0;
}