/* header */
#header {
		position: fixed;
		background: url(/images/nimbus/header.png) repeat-x left bottom;
		top: 0px;
		left: 0px;
		right: 0px;
		height: 215px;
		z-index: 100;
}
#logo {
		position: absolute;
		top: 28px;
		left: 30px;
		width: 110px;
		height: 18px;
		background: url(/images/nimbus/logo.png) no-repeat center center;
		text-indent: -6000px;
}

/* menu */
#menu {
		position: relative;
		margin-top: 70px;
		margin-left: 30px;
		height: 112px;
		overflow: hidden;
		z-index: 300000;
}

#menu ul {
		position: relative;
		float: left;
		height: 112px;
		width: 117px;
		overflow: hidden;
		background: url(/images/nimbus/menu.vertical.png) repeat-y left top;
}
ul#menu-level-1 {
		background: none;
		width: 113px;
}
ul#menu-level-1 li {
		margin-left: 0px;
}
ul#menu-level-1 li a {
		padding: 0px 0px 8px 0px;
}
#menu li {
    height: 12px;
		margin: 0px 2px 2px 4px;
		text-transform: uppercase;
		width: 110px;
		overflow: hidden;
}
#menu li a {
    color: #fff;
		font-size: 11px;
		display: block;
		line-height: 11px;
    padding: 0px 0px 8px 3px;
		white-space: nowrap;    
}
#menu li a.active {
		background: #555;
}
#menu li a:hover,
#menu li a.active:hover {
		background: #888;
}
#menu a.led .title {
    background: url(/images/nimbus/led.gif) no-repeat right 2px;
    padding-right: 27px;
    display: inline-block;
    display: -moz-inline-block;
}
#menu li.mockup {
		margin-top: 15px;
}
#menu li.search {
		position: absolute;
		bottom: 0px;
}
#menu ul.last {
    width: 246px;
}
#menu ul.last li {
		width: 240px;
}


/* content */
#content {
		position: relative;
		margin: 220px 30px 100px 30px;
}

/* headlines */
#content h1 {
		margin-bottom: 10px;
		text-transform: uppercase;
    padding-top: 0px;
    line-height: 27px;
		font-size: 27px;
    font-weight: normal;
}
#content h2 {
		text-transform: uppercase;
		font-size: 16px;
		line-height: 16px;
		font-weight: normal;
		margin-bottom: 20px;
    padding-bottom: 1px;
}
#content h3 {
    text-transform: uppercase;
    font-weight: normal;
		font-size: 12px;
    padding-top: 18px;
    margin-bottom: 18px;
}
#content h4 {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 18px;
}

/* sonstige allgemeine formatierungen */
#content hr {
		border: none;
		background: url(/images/nimbus/menu.horizontal.png) repeat-x;
		height: 1px;
		margin-bottom: 20px;
}
#content ul,
#content ol {
    padding-left: 15px;
    list-style-type: disc;
}
#content li {
    list-style-type: square;
}
#content ol li {
    list-style-type: decimal;
}
#content em {
    font-style: normal;
    font-weight: bold;
}
#content a {
		background: #555;
		color: #fff;
		padding: 0px 4px 1px;
}
#content a:hover {
		background: #888;
}
#content p {
		width: 470px;
		margin-bottom: 20px;
}
#content {
		font-size: 13px;
		line-height: 20px;
}


/* globale accordeon definition */
.accordion dt {
		text-transform: uppercase;
		cursor: pointer;
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 15px;
		-webkit-user-select: none;
		-moz-user-select: none;
		background: url(/images/nimbus/menu.horizontal.png) repeat-x left 13px;
		height: 15px;
    clear: both;
    position: relative;
}
.accordion dt div {
    display: inline;
    background: #000;
		padding-bottom: 1px;
		padding-right: 5px;
}
.accordion dd {
		margin-bottom: 40px;
}
.accordion dt.older {
    display: none;
}


/* bilder templates */
.pics {
    padding: 0px !important;
}
.pics li {
    width: auto;
    list-style: none !important;
    padding: 0px !important;
}
.pics a {
		background: none !important;
		padding: 0px !important;
}
.pics.small {
    position: relative;
		width: 400px;
		margin-top: 5px;
		float: left;
}
.pics.small li {
    height: 80px;
    width: auto;
    float: left;
		margin-bottom: 5px;
		margin-right: 5px;
		padding: 0px;
}
.pics.small a.pic {
		display: block;
		cursor: pointer;
}
.pics.small img {
    height: 80px;
}
.pics.large {
		width: 400px;
		float: left;
		margin-top: 5px;
}
.pics.large li .caption {
		margin-bottom: 50px;
}




#slices.home {
		width: 400px;
}

/* headline slice */
.slice-headline a {
		color: #fff;
		background: none !important;
		padding: 0px !important;
		margin: 0px;
}

/* teaser slice */
.slice-teaser {
		width: 360px;
		z-index: 20000;
}
.slice-teaser h2 {
    line-height: 22px !important;
}
.slice-teaser a {
		color: #fff;
		background: none !important;
		padding: 0px !important;
		margin: 0px;
}
.slice-teaser .pics {
		margin-top: 20px;
}

/* text + bild */
.slice-txtimg .text {
		width: 470px;
		float: left;
    margin-right: 50px;
}


/* bild */
.slice-image .pic {
    margin-bottom: 20px;
    width: 470px;
}
.slice-image .caption {
    margin-bottom: 40px;
}

/* nur text */
.slice-text {
		width: 470px;
}
.slice-text table,
.slice-txtimg table {
		width: 100%;
		border-spacing: 0px;
		margin-bottom: 20px;
}
.slice-text th,
.slice-txtimg th {
		background: url(/images/nimbus/menu.horizontal.png) repeat-x left bottom;		
		padding-bottom: 5px;
		text-align: left;
		font-weight: normal;
}
.slice-text td,
.slice-txtimg td {
		padding-top: 2px;
}
.slice-text h2,
.slice-txtimg h2 {
		margin-bottom: 20px;
}

/* galerie */
.slice-gallery .pics {
		width: 470px;
}
.slice-gallery .pics img {
		height: 100px;
		float: left;
		margin-right: 5px;
		margin-bottom: 5px;
		cursor: pointer;
}

/* kataloge */
.slice-catalogues {
    width: 700px;
}
.slice-catalogues .pic {
    width: 200px;
    height: 250px;
    float: left;
    margin-right: 20px;
    margin-bottom: 30px;
    text-align: left;
}
.slice-catalogues .pic a {
    line-height: 0px;
    display: block;
    text-align: left;
    padding: 0px !important;
    margin-bottom: 5px;
}

/* kontakt formular */
#contact-form label {
    width: 120px;
    float: left;
}
#contact-form .disabled {
    opacity: .1;
		-khtml-opacity: .1;
		-moz-opacity: .1;
		filter: alpha(opacity=10);
}
#contact-form .field {
    clear: both;
    margin-bottom: 10px;
}
#contact-form .text {
    width: 330px;
    border: 1px solid #000;
}
#contact-form fieldset {
    padding-bottom: 5px;
    margin-bottom: 15px;
		background: url(/images/nimbus/menu.horizontal.png) repeat-x bottom;
}
#contact-form .submit {
    margin-left: 120px;
}
#contact-form .select {
    width: 330px;
}
#contact-form label.inline {
    display: block;
    float: none;
    width: 330px;
}
#contact-form .checkbox-container,
#contact-form .radio-container {
    width: 330px;
    float: left;
    margin-bottom: 10px;
}
#contact-form .checkbox,
#contact-form .radio {
    margin-right: 7px;
    clear: both;
}
#contact-form .checkbox-container .text {
    margin-top: 10px;
}
#contact-response {
    width: 100%;
    margin-bottom: 20px;
}
#contact-response th {
    text-align: left;
    width: 110px;
}






/* artikel */
#articles dd {
		width: 100%;
}
#articles .text {
		width: 470px;
		margin-right: 30px;
		float: left;		
}
#articles .downloads {
		margin: 20px 0px;
}
#articles .more {
		background: none;		
		padding: 0px;
}
#articles .more:hover {
		background: none;		
		padding: 0px;
}
#articles .body {
		margin-top: 18px;
}
#article-show-more {
    margin-top: 40px;
    cursor: pointer;
}

/* projects */

#project dt {
    cursor: default !important;
}
#project dt a,
#project dt a:hover {
    padding: 0px;
    background: none;
}
#project .meta table {
    width: 470px;
    table-layout: fixed;
}
#project .meta th {
    text-align: left;
    font-weight: normal;
    width: 150px;
    white-space: nowrap;
    vertical-align: top;
}
#project .meta p {
    width: auto !important;
}
#project .text {
		width: 470px;
		margin-right: 30px;
		float: left;		
}



/* produkte */
#product .ledvshalogen {
		color: #00cc00;
}

#product-sheet {
		margin-top: 40px;
		width: 470px;
}
#product-sheet ul {
    padding-left: 0px;
}
#product-sheet li {
    list-style: none;
}
#product-sheet .pics {
		width: 470px;
}
#product-sheet .number {
    padding: 0px;
    background: none;
}
#product-sheet .number:hover {
    background: none;
}

#product-graph {
		margin-top: 50px;
}
#product-graph img {
		margin-right: 10px;
		margin-bottom: 10px;
}

#product-ida {
		margin-bottom: 50px;
}
#product-ida table {
    width: 100%;
    margin-bottom: 20px;
}
#product-ida td {
    padding-right: 20px;
    width: 100px;
}
#product-ida td,
#product-ida th {
    padding-bottom: 20px;
    text-align: left;
    font-weight: normal;
    vertical-align: bottom;
}
#product-ida img {
    margin: 0px;
}
#product-ida a, #product-ida a:hover {
		padding: 0px;
		background: none;
}


#product-ac .pic {
    width: auto;
    float: left;
}
#product-ac .caption {
    margin-bottom: 5px;
}
#product-lvk {
    clear: both;
}
#product-picture {
		position: fixed;
		top: 220px;
		left: 540px;
		z-index: 100;
		max-width: 400px;
}
#product-list {
		width: 470px;
		padding-top: 20px;
}
#product-list li {
		position: relative;
}
#product-list ul {
		margin-bottom: 20px;
}
#product-list .number {
    position: absolute;
    right: 0px;
}
#product-list .number a {
		margin-left: 10px;
		text-align: right;
}

#product-list li.spec {
    padding-right: 55px;
}
#product-list li.section {
		padding-bottom: 1px;
		margin-bottom: 20px;
}
#product-list ul li strong {
		display: block;
		margin-top: 20px;
}
#product-list .info {
		margin-top: 18px;
		margin-bottom: 18px;
}
#product-data {
		width: 100%;
	 	padding: 0px;
}
#product-data th {
		text-align: left;
		font-weight: normal;
		vertical-align: top;
		padding-right: 15px;
		text-transform: uppercase;
}
#product-downloads {
    margin-top: 40px;
}
#product-downloads p {
    margin-bottom: 0px;
}
#product-downloads a {
    text-transform: uppercase;
}
#product-attachments {
    margin-bottom: 20px;
}
#product-attachments ul,
#product-illuminant ul {
    margin-bottom: 20px;
}
#product-attachments ul a,
#product-illuminant ul a,
#product-attachments ul span,
#product-illuminant ul span {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    background: none;
    padding: 0px;
    text-align: right;
}
#product-attachments ul a:hover,
#product-illuminant ul a:hover {
    background: none;
}
#product-attachments li,
#product-illuminant li {
    position: relative;
}
#product-attachments em,
#product-illuminant em {
    font-style: normal;
    font-weight: bold;
}






/* picture viewer */
#viewer,
#viewer-overlay {
		position: fixed;
    width: 100%;
    height: 100%;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
    z-index: 20000;
}
#viewer {
    z-index: 20001;
}
#viewer-overlay {
    background: #000;
		opacity: .8;
		-khtml-opacity: .8;
		-moz-opacity: .8;
		filter: alpha(opacity=80);
}
#viewer-buttons {
		position: absolute;
		top: 15px;
		right: 15px;
}
#viewer-buttons a {
		display: block;
		width: 17px;
		height: 17px;
		background: url(/images/nimbus/viewer.icons.png) no-repeat left top;
		text-indent: -6000px;
		float: left;
		margin-left: 15px;
		padding: 0px;
}
#viewer-buttons a:hover {
		background: url(/images/nimbus/viewer.icons.png) no-repeat left top;
}
#viewer-buttons-view {
		background-position: -18px top !important;
}
#viewer-buttons-view.thumbs {
		background-position: left top !important;
}
#viewer-buttons-close {
		background-position: right top !important; 
} 
#viewer-content {
		width: 500px;
		height: 500px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -250px;
		margin-top: -250px;
}
#viewer-content table {
		width: 500px;
		height: 500px;		
		margin: 0px auto;
}
#viewer-content td {
		width: 500px;
		height: 500px;
		text-align: center;
		vertical-align: middle;
		line-height: 0px;
}
#viewer-content.loading {
    background: url(/images/nimbus/loader.gif) no-repeat center center;
}
#viewer-content img {
		max-width: 500px;
		max-height: 500px;
}
#viewer-previous {
		position: absolute;
		top: 0px;
		left: -20px;
		width: 200px;
		height: 500px;
		background: url(/images/nimbus/viewer.left.png) no-repeat left center;
		cursor: pointer;
}
#viewer-next {
		position: absolute;
		top: 0px;
		right: -20px;
		width: 200px;
		height: 500px;
		background: url(/images/nimbus/viewer.right.png) no-repeat right center;
		cursor: pointer;
}
#viewer-content.thumbs {
    width: 660px;
    height: 660px;
    margin-left: -330px;
    margin-top: -330px;
}
#viewer-content.thumbs ul {
		width: 800px;
}
#viewer-content.thumbs table {
		width: 150px;
		height: 150px;
}
#viewer-content.thumbs td {
		width: 150px;
		height: 150px;
		cursor: pointer;
}
#viewer-content.thumbs li {
		float: left;
		width: 150px;
		height: 150px;
		margin: 0px 17px 17px 0px;
		background: #000;
		border: 1px solid #222;
}
#viewer-title {
    position: absolute;
    top: 0px;
    left: 0px;
}




/* diashow */
#diashow {
		position: fixed;
		top: 0px;
		right: 0px;
		width: 703px;
		height: 600px;
		z-index: 10000;
}
#diashow div {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		right: 0px;
		display: none;
}
#diashow .active {
    background: url(/images/nimbus/diashow/07.jpg) no-repeat right top;
		display: block;
}



/* flash */
#flash {
		outline: none;
}
#flash:active {
		outline: none;
}



/* sprach auswahl auf der startseite */
#language-select {
		position: fixed;
		bottom: 10px;
		left: 30px;
		z-index: 1000;
		color: #555;
}
#language-select a.active {
		color: #fff !important;
}
#language-select a {
    color: #555 !important;
		background: none !important;
		padding: none !important;
}



/* mediendatenbank */
#searchform {
    background: #2b2b2b;
    padding: 10px;
    width: 850px;
}
#searchform .top {
    border-bottom: 1px solid #151515;
    padding-top: 5px;
    padding-bottom: 10px;
    overflow: auto;
}
#searchform.single .top {
    border-bottom: none;
    padding-bottom: 0px;
}
#searchform .bottom {
    border-top: 1px solid #414141;
    padding-top: 10px;
    color: #848484;
}

#searchform-searchword {
    width: 370px;
    background: #606060;
    color: #fff;
    border: 1px solid #606060;
    height: 13px;
    float: left;
}
#searchform-searchword:focus {
    outline: 0px;
}
#searchform dl {
    overflow: auto;
}
#searchform dl dd,
#searchform dl dt {
    float: left;
    margin-right: 10px;
}
#searchform dl dd {
    cursor: pointer;
}
#searchform dl a,
#searchform dl a:hover {
    background: none;
    padding: 0px;
    color: #848484;
}


#mediaresults {
    overflow: hidden;
    margin-top: 20px;
    width: 870px;
}
#mediaresults ul {
    padding: 0px;
    width: 890px;
    margin-bottom: 20px;
    overflow: hidden;
}
#mediaresults li {
    margin: 0px;
    width: 140px;
    height: 165px;
    list-style: none;
    background: #2b2b2b;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
}
#mediaresults li table {
    width: 135px;
    height: 135px;    
}
#mediaresults li td {
    width: 140px;
    height: 135px;    
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

#mediaresults li .caption {
    padding: 7px;
}

.mediadownload .content {
    margin: 0px auto;
    width: 450px;
    margin-top: 50px;
}
.mediadownload ol {
    margin-bottom: 20px;
}
.mediadownload form {
    padding-top: 20px;
    background: url(/images/nimbus/menu.horizontal.png) repeat-x;
}
.mediadownload .check {
    float: left;
}
.mediadownload .check input {
    margin-right: 10px;
}
.mediadownload .submit {
    float: right;
}
.mediadownload .submit input {
    margin-left: 10px;
}




.video-gallery {
    padding: 0px !important;
    width: 700px;
    margin-bottom: 20px;
    overflow: hidden;
}
.video-gallery li {
		position: relative;
    list-style: none !important;
    background: #2b2b2b;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
    height: 190px;
		padding: 10px;
		cursor: pointer;
}
.video-gallery li .play {
		width: 150px;
		height: 150px;
		position: absolute;
		top: 10px;
		left: 10px;
		background: url(/images/nimbus/arrow.png) no-repeat center center;
}


#video-overlay .content {
		position: absolute;
		top: 50%;
		margin-top: -245px;
		left: 50%;
		margin-left: -310px;
    width: 600px;
    height: 470px;
    background: #2b2b2b;
    padding: 10px;
}
#video-overlay iframe {
		background: #000;
}



/* search */

#searchresults {
    overflow: hidden;
    margin-top: 20px;
    width: 870px;
}










/* haendler */
#searchform.vendors {
		width: 950px;
}

#vendors {
    width: 950px;
    background: #2b2b2b;
    padding: 5px 10px;
    margin-top: 20px;
}
#vendors table {
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #414141;
    margin-bottom: 10px;
}
#vendors th {
    color: #848484;
    text-shadow: #000 0px 1px 0px;
    text-align: left;
    border-bottom: 1px solid #151515;
    padding: 0px 0px 5px 0px;
    vertical-align: top;
}
#vendors td {
    border-top: 1px solid #414141;
    border-bottom: 1px solid #151515;
    padding: 5px 5px 7px 0px;
    vertical-align: top;
}
#vendors .options {
    width: 250px;
}
#vendors .options div {
    float: left;
    width: 34px;
    height: 34px;
    text-indent: -6000px;
    overflow: hidden;
    background: url(/images/nimbus/vendor.icons.png) no-repeat left center;
    visibility: hidden;
    cursor: pointer;
}
#vendors .options div.active {
    visibility: visible;
}
#vendors .options .lednext {
    width: 54px;
    margin-right: 15px;
}
#vendors .options .exclusive {
    width: 19px;
    background-position: -69px center;
    margin-right: 20px;
}
#vendors .options .display {
    width: 10px;
    margin-right: 23px;
    background-position: -108px center;
}
#vendors .options .exhibition {
    width: 22px;
    margin-right: 14px;
    background-position: -141px center;
}
#vendors .options .mockup {
    width: 35px;
    background-position: -177px center;
}
#vendors .picture {
		width: 100px;
    padding: 0px !important;
    line-height: 0px;
    vertical-align: middle;
    text-align: center;
}
#vendors .picture a {
		background: none;
		padding: 0px;
}
#vendors .picture a:hover {
		background: none;
}

.tooltip {
    position: absolute;
    background: #000;
    padding: 2px 15px;
}



/* footer */
#footer {
		position: fixed;
		bottom: 0px;
		height: 80px;
    right: 0px;
		background: url(/images/nimbus/header.png) repeat-x left top;
		z-index: 100;
		width: 100%;
}
.rosso #bottom-logo.home {
		background: url(/images/rosso/n.png) no-repeat center center;
		z-index: 100;
}
.ie6 .rosso #bottom-logo.home {
		display: none;
}

#bottom-logo {
		position: fixed;
		bottom: 10px;
		right: 10px;
		width: 133px;
		height: 34px;
		text-indent: -6000px;
		background: url(/images/nimbus/logo.bottom.png) no-repeat center center;
		z-index: 1000;
}
#bottom-logo.home {
		bottom: 0px;
		right: 0px;
		width: 384px;
		height: 328px;
		background: url(/images/nimbus/home.png) no-repeat center center;
}



/* mac fix */
.mac #content {
    font-size: 11px;
    line-height: 18px;
}



/* cufon anpassung */
.cufon-active #content h1 {
    margin-top: -3px;
		font-size: 30px;
		font-weight: bold;
		margin-bottom: 6px;
}
.cufon-active #content h2 {
		font-size: 17px;
		padding-bottom: 0px;
		margin-bottom: 20px;
}
.cufon-active .accordion dt {
    font-size: 17px;
    line-height: 12px;
}
.cufon-active .slice-teaser h2 {
    margin-top: -2px;
    padding-bottom: 3px !important;
}





/* global ie fixes */


/* ie 7 fixes */
.ie7 #menu li {
    padding-bottom: 0px;
    height: 12px;
    overflow: hidden;
    margin-top: -9px;
}
.ie7.cufon-active #content h1 {
    margin-bottom: 1px;
}
.ie7.cufon-active .accordion dt {
		background: url(/images/nimbus/menu.horizontal.png) repeat-x left 16px !important;
    line-height: 0px;
    height: 19px;
}
.ie7 #menu .led .title {
    background-position: right 4px;
}
.ie7 #menu li.mockup {
    margin-top: 10px;
}


/* ie6 fixes */
.ie6, .ie6 body {
    height: 100%;
    overflow: hidden;
}
.ie6 #page {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: auto;
}
.ie6 #content {
    position: static;
}
.ie6 #header {
    position: absolute;
    z-index: 1;
    height: 205px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/nimbus/header.ie.png' );
    background: none;
    right: 40px;
}
.ie6 #menu li {
    padding-bottom: 0px;
    height: 12px;
    overflow: hidden;
    margin-top: -9px;
}
.ie6 #menu .led .title {
    background-position: right 4px;
}
.ie6 #menu li.mockup {
    margin-top: 10px;
}
.ie6 #language-select {
		position: absolute;
}


.ie6 #footer {
    position: absolute;
    height: 75px;
    right: 20px;
    bottom: -1px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='/images/nimbus/footer.ie.png');
    background: none;
}
.ie6 #bottom-logo {
    position: absolute;
}
.ie6 #bottom-logo.home {
    position: absolute;
    right: 30px;
}


.ie6 #product-picture {
		position: absolute;
}
.ie6 #diashow {
		position: absolute;
    z-index: 20000;
}
.ie6 #viewer {
    position: absolute;
}
.ie6 #viewer-overlay {
    position: absolute;
}


#product-overview ul {
		overflow: hidden;
}
#product-overview li {
		list-style: none;
		float: left;
		line-height: 0px;
		width: 100px;
		height: 100px;
		overflow: hidden;
}


/* lightbox */
#lightbox {
		position: fixed;
		bottom: 0px;
		left: 0px;
		right: 0px;
		width: 100%;
		border: 0px;
		height: 339px;
		z-index: 1000000;
		border-top: 1px solid #444;
}

#lb-controller {
		position: fixed;
		bottom: 0px;
		z-index: 100000;
		height: 25px;
		background: #fff;
		width: 200px;
		color: #000;
		cursor: pointer;
}
#lb-controller p {
		font-weight: bold;
		margin: 3px 10px;
}
#lb-controller .button {
		position: absolute;
		right: 3px;
		top: 3px;
		font-weight: bold;
		font-size: 16px;
		padding-bottom: 1px;		
}