* {
margin: 0;
padding: 0;
}

body {
background: url('../img/bg-body.png') repeat top left #f1f1f1;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 62.5%;
color: #515254;
}

#wrap-top {
height: 362px;
background: url('../img/bg-wrap-top.png') repeat-x top left white;
}

#header {
height: 362px;
background: url('../img/bg-header-branchen.png') no-repeat top center transparent;
margin: 0 auto;
}

.unternehmen #header {
background: url('../img/bg-header-unternehmen.png') no-repeat top center transparent;
}

.leistungen #header {
background: url('../img/bg-header-leistungen.png') no-repeat top center transparent;
}

.fachbereiche #header {
background: url('../img/bg-header-fachbereiche.png') no-repeat top center transparent;
}

.branchen #header {
background: url('../img/bg-header-branchen.png') no-repeat top center transparent;
}

.referenzen #header {
background: url('../img/bg-header-referenzen.png') no-repeat top center transparent;
}

.kontakt #header {
background: url('../img/bg-header-kontakt.png') no-repeat top center transparent;
}

#header-content {
width: 961px;
margin: 0 auto;
padding: 33px 0 0 0;
background: transparent;
}

#logo {
width: 240px;
float: left;
}

#logo h1 a {
display: block;
width: 139px;
height: 138px;
margin: 33px;
background: url('../img/ibma-logo.png') no-repeat top center white;
text-indent: -9999px;
}

#wrap-main {
background: url('../img/bg-wrap-main.png') repeat-y top center transparent;
}

#main {
width: 960px;
margin: 0 auto;
background: transparent;
border-top: 25px solid white;
}

#wrap-foot {
height: 76px;
background: url('../img/bg-footer.png') no-repeat top center transparent;
}

hr {
visibility: hidden;
clear: both;
}

/* #################### NAVIGATION #################### */

#nav {
width: 239px;
float: left;
font-size: 1.4em;
padding-bottom: 30px;
}

#nav ul li {
list-style-type: none;
margin-bottom: 7px;
}

#nav a {
color: #666;
display: block;
text-decoration: none;
}

#nav ul li a {
height: 20px;
padding: 4px 0 0 33px;
background: url('../img/navi-buttons.png') no-repeat top left white;
}

#nav ul li ul {
margin: 10px 0 20px 0;
}

#nav ul li ul li a {
font-size: 0.9em;
height: 18px;
padding: 2px 0 0 33px;
background: url('../img/navi-buttons-small.png') no-repeat left top white;
}

#nav li.unternehmen a {
background-position: 0 0;
}
#nav li.leistungen a {
background-position: 0 -48px;
}
#nav li.fachbereiche a {
background-position: 0 -96px;
}
#nav li.branchen a {
background-position: 0 -144px;
}
#nav li.referenzen a {
background-position: 0 -192px;
}
#nav li.kontakt a {
background-position: 0 -240px;
}

#nav li.unternehmen a:hover, #nav li.unternehmen a.current {
background-position: 0 -24px;
}
#nav li.leistungen a:hover, #nav li.leistungen a.current {
background-position: 0 -72px;
}
#nav li.fachbereiche a:hover, #nav li.fachbereiche a.current {
background-position: 0 -120px;
}
#nav li.branchen a:hover, #nav li.branchen a.current {
background-position: 0 -168px;
}
#nav li.referenzen a:hover, #nav li.referenzen a.current {
background-position: 0 -216px;
}
#nav li.kontakt a:hover, #nav li.kontakt a.current {
background-position: 0 -264px;
}

/* Sub-List */

#nav li.unternehmen li a, 
#nav li.leistungen li a, 
#nav li.fachbereiche li a, 
#nav li.branchen li a, 
#nav li.referenzen li a, 
#nav li.kontakt li a {
background-position: 0 0;
}

#nav li.unternehmen li a:hover, #nav li.unternehmen li.current a {
background-position: 0 -20px;
}
#nav li.leistungen li a:hover, #nav li.leistungen li.current a {
background-position: 0 -40px;
}
#nav li.fachbereiche li a:hover, #nav li.fachbereiche li.current a {
background-position: 0 -60px;
}
#nav li.branchen li a:hover, #nav li.branchen li.current a {
background-position: 0 -80px;
}
#nav li.referenzen li a:hover, #nav li.referenzen li.current a {
background-position: 0 -100px;
}
#nav li.kontakt li a:hover, #nav li.kontakt li.current a {
background-position: 0 -120px;
}


/* #################### VISUALS #################### */

#visual {
width: 721px;
height: 305px;
float: left;
}

#visual {
background: url(../img/visuals/branchen.jpg) no-repeat top center transparent;
}

.index #visual {
background: url(../img/visuals/home.jpg) no-repeat top center transparent;
}

.unternehmen #visual {
background: url(../img/visuals/unternehmen.jpg) no-repeat top center transparent;
}

.fachbereiche #visual {
background: url(../img/visuals/fachbereiche.jpg) no-repeat top center transparent;
}

.leistungen #visual {
background: url(../img/visuals/leistungen.jpg) no-repeat top center transparent;
}

		.techgebaude #visual {
		background: url(../img/visuals/branchen-techgebaude.jpg) no-repeat top center transparent;
		}
		
		.energieerzeugung #visual {
		background: url(../img/visuals/branchen-energieerzeugung.jpg) no-repeat top center transparent;
		}
		
		.regenergien #visual {
		background: url(../img/visuals/branchen-regenergien.jpg) no-repeat top center transparent;
		}
		
		.anlagenbau #visual {
		background: url(../img/visuals/branchen-anlagenbau.jpg) no-repeat top center transparent;
		}
		
		.forderanlagen #visual {
		background: url(../img/visuals/branchen-forderanlagen.jpg) no-repeat top center transparent;
		}

.referenzen #visual {
background: url(../img/visuals/referenzen.jpg) no-repeat top center transparent;
}

.kontakt #visual {
background: url(../img/visuals/kontakt.jpg) no-repeat top center transparent;
}


/* #################### CONTENT #################### */

#content {
width: 436px;
background: transparent;
float: left;
padding: 0 15px 10px 33px;
}

a {
text-decoration: none;
color: #005a97;
}

a:hover {
text-decoration: underline;
}

h1, h2, h3, h4 {
font-weight: normal;
color: #005a97;
}

h2 {
font-size: 2.1em;
margin-bottom: 15px;
}

h3 {
font-size: 1.5em;
margin: 5px 0 10px 0;
}

h4 {
font-size: 1.25em;
margin: 0 0 0.8em 0;
}

p, #content ul, #content ol {
font-size: 1.25em;
line-height: 1.5em;
color: #515254;
margin-bottom: 0.8em;
}

#content ul li, #content ol li {
margin-left: 1.5em;
list-style-type: square;
}

#content ul.fachbereiche-liste {
width: 215px;
float: left;
}

a img {
border: none;
}

/* #################### SIDEBAR #################### */

#sidebar {
width: 194px;
background: transparent;
float: left;
padding: 0 10px 10px 33px;
}

.branchen #sidebar {
width: 214px;
padding: 0 10px 10px 13px;
}

#sidebar ul {
margin-top: 18px;
}

#sidebar ul li {
list-style-type: none;
margin-left: 0;
font-size: 1.1em;
line-height: 1.5em;
margin-bottom: 7px;
padding-bottom: 7px;
border-bottom: 1px dotted #ddd;
}

#sidebar ul li a {
font-size: 1.1em;
}

#sidebar ul li strong {
color: #005a97;
font-weight: normal;
font-size: 1.1em;
}

#sidebar img {
	max-width: 100%;
}




/* #################### FOOTER #################### */

#footer {
width: 910px;
margin: 0 auto;
background: transparent;
text-align: center;
padding-left: 25px;
padding-right: 25px;
}

#footer p {
color: #d9e7f0;
padding-top: 12px;
text-transform: uppercase;
}

#footer p.left {
float: left;
}

#footer p.right {
float: right;
}

/* #################### HOME #################### */

.index #content {
padding-left: 60px;
}

.index #content h2 {
font-size: 2.1em;
font-weight: bold;
}

.index #content ul {
font-size: 2.1em;
color: #005a97;
}

.index #wrap-main {
background: url('../img/bg-wrap-main-home.png') repeat-y top center transparent;
}

/* #################### UNTERNEHMEN #################### */

div.person {
float: left;
margin: 5px 12px 10px 0;
font-size: 0.9em;
}

div.person img {
margin-bottom: 5px;
}

/* #################### FACHBEREICHE #################### */

.fachbereiche div.fachbereich {
margin-top: 35px;
}

.fachbereiche div.fachbereich-txt, .fachbereiche div.fachbereich-img {
width: 50%;
float: left;
}

#content ul.fachbereiche-liste li {
}

#content ul.fachbereiche-liste h3 {
margin-top: 0;
}


/* #################### REFERENZEN #################### */

.referenzen #content ul {
}

.referenzen #content ul strong {
font-weight: normal;
color: #005a97;
}

.referenzen #content ul li {
margin-bottom: 0.8em;
}

a.lightview {
padding-right: 20px;
background: url('../img/plus.png') no-repeat center right transparent;
}


/* Accordion */

#accordion {
width: 100%;
}

#accordion h3 {
margin-bottom: 10px;
cursor:pointer;
padding-left: 20px;
background: url('../img/pfeil-accordion.png') no-repeat top left;
}

#accordion h3.current {
cursor:default;
background-position: 0 -20px;
}

#accordion .pane {
display:none;
padding:15px;
}


/* Inside Lightview */ 

#referenz-objekt #content {
width: 550px;
/* height wird direkt in der Datei eingetragen, ca. 550px; */
padding: 20px;
}

#referenz-objekt p.objekt-fachbereich {
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 0;
}

#objekt-info span {
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 1px;
width: 100px;
color: #005a97;
}

#referenz-objekt table {
font-size: 1.25em;
line-height: 1.5em;
color: #515254;
margin-bottom: 0.8em;
}

#referenz-objekt table td {
vertical-align: top;
}

#referenz-objekt table td.key {
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 1px;
color: #005a97;
padding-right: 10px;
text-align: right;
}


/* #################### KONTAKT #################### */

.kontakt iframe {
margin-top: 20px;
}

p.imprint {
font-size: 1em;
}