/**
 * Design
 */
body {
	background-color:#333;
}
#wrapper {
	background-color:#000;
}
#header .inside {
}
#logo {
	background:url(../design/black/logo.gif) no-repeat 772px 39px;
}
#logo img{
	display:none;
}


/**
 * Navigation
 */
#header .mod_navigation a,
#header .mod_navigation a:link,
#header .mod_navigation a:visited,
#header .mod_navigation span
{
	color:#FFF;
}
#header .mod_navigation a:hover,
#header .mod_navigation a:focus,
#header .mod_navigation a:active,
#header .mod_navigation span.active
{
	color:#9c9c9c;
}

#header .mod_navigation .visualisierung a,
#header .mod_navigation .visualisierung a:link,
#header .mod_navigation .visualisierung a:visited,
#header .mod_navigation .visualisierung span
{
    background:url(../design/black/visualisierung.gif) no-repeat 0 -16px;
}
#header .mod_navigation .visualisierung a:hover,
#header .mod_navigation .visualisierung a:focus,
#header .mod_navigation .visualisierung a:active,
#header .mod_navigation .visualisierung span.active
{
    background:url(../design/black/visualisierung.gif) no-repeat top left;
}

#header .mod_navigation .architektur a,
#header .mod_navigation .architektur a:link,
#header .mod_navigation .architektur a:visited,
#header .mod_navigation .architektur span
{
    background:url(../design/black/architektur.gif) no-repeat 0 -16px;
}
#header .mod_navigation .architektur a:hover,
#header .mod_navigation .architektur a:focus,
#header .mod_navigation .architektur a:active,
#header .mod_navigation .architektur span.active
{
    background:url(../design/black/architektur.gif) no-repeat top left;
}

#header .mod_navigation .motion a,
#header .mod_navigation .motion a:link,
#header .mod_navigation .motion a:visited,
#header .mod_navigation .motion span
{
    background:url(../design/black/motion.gif) no-repeat 0 -16px;
}
#header .mod_navigation .motion a:hover,
#header .mod_navigation .motion a:focus,
#header .mod_navigation .motion a:active,
#header .mod_navigation .motion span.active
{
    background:url(../design/black/motion.gif) no-repeat top left;
}

#header .mod_navigation .vermarktung a,
#header .mod_navigation .vermarktung a:link,
#header .mod_navigation .vermarktung a:visited,
#header .mod_navigation .vermarktung span
{
    background:url(../design/black/vermarktung.gif) no-repeat 0 -16px;
}
#header .mod_navigation .vermarktung a:hover,
#header .mod_navigation .vermarktung a:focus,
#header .mod_navigation .vermarktung a:active,
#header .mod_navigation .vermarktung span.active
{
    background:url(../design/black/vermarktung.gif) no-repeat top left;
}

#header .mod_navigation .showroom a,
#header .mod_navigation .showroom a:link,
#header .mod_navigation .showroom a:visited,
#header .mod_navigation .showroom span
{
    background:url(../design/black/showroom.gif) no-repeat 0 -16px;
}
#header .mod_navigation .showroom a:hover,
#header .mod_navigation .showroom a:focus,
#header .mod_navigation .showroom a:active,
#header .mod_navigation .showroom span.active
{
    background:url(../design/black/showroom.gif) no-repeat top left;
}

#header .mod_navigation .kontakt a,
#header .mod_navigation .kontakt a:link,
#header .mod_navigation .kontakt a:visited,
#header .mod_navigation .kontakt span
{
    background:url(../design/black/kontakt.gif) no-repeat 0 -16px;
}
#header .mod_navigation .kontakt a:hover,
#header .mod_navigation .kontakt a:focus,
#header .mod_navigation .kontakt a:active,
#header .mod_navigation .kontakt span.active
{
    background:url(../design/black/kontakt.gif) no-repeat top left;
}

#header .mod_navigation .login a,
#header .mod_navigation .login a:link,
#header .mod_navigation .login a:visited,
#header .mod_navigation .login span
{
    background:url(../design/black/login.gif) no-repeat 0 -16px;
}
#header .mod_navigation .login a:hover,
#header .mod_navigation .login a:focus,
#header .mod_navigation .login a:active,
#header .mod_navigation .login span.active
{
    background:url(../design/black/login.gif) no-repeat top left;
}

#footer .mod_navigation a,
#footer .mod_navigation a:link,
#footer .mod_navigation a:visited,
#footer .mod_navigation span
{
	color:#ffffff;
}
#footer .mod_navigation a:hover,
#footer .mod_navigation a:focus,
#footer .mod_navigation a:active,
#footer .mod_navigation span.active
{
	color:#9c9c9c;
}


#footer .mod_navigation .impressum a,
#footer .mod_navigation .impressum a:link,
#footer .mod_navigation .impressum a:visited,
#footer .mod_navigation .impressum span
{
    background:url(../design/black/impressum.gif) no-repeat 0 -16px;
}
#footer .mod_navigation .impressum a:hover,
#footer .mod_navigation .impressum a:focus,
#footer .mod_navigation .impressum a:active,
#footer .mod_navigation .impressum span.active
{
    background:url(../design/black/impressum.gif) no-repeat top left;
}


#footer .mod_navigation .netzwerk a,
#footer .mod_navigation .netzwerk a:link,
#footer .mod_navigation .netzwerk a:visited,
#footer .mod_navigation .netzwerk span
{
    background:url(../design/black/netzwerk.gif) no-repeat 0 -16px;
}
#footer .mod_navigation .netzwerk a:hover,
#footer .mod_navigation .netzwerk a:focus,
#footer .mod_navigation .netzwerk a:active,
#footer .mod_navigation .netzwerk span.active
{
    background:url(../design/black/netzwerk.gif) no-repeat top left;
}
/**
 * Basic tags
 */
a, body, div, fieldset, form, input, label, li, ol, optgroup, p, select, td, th, textarea, ul
{
	color:#CCC;
}
select  {
	background-color:#333;
}
option:hover,
option:focus,
option:active{
	background: url(../design/black/back666.gif);
}
h1, h2, h3, h4, h5, h6
{
	color:#CCC;
}
/*h1 {
	color:#FFF;
	background-color:#333;
}*/
/**
 * mavselect
 */
.select-box {
	cursor: default;
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	background: #333;
}
.select-box a {
	display: block;
	padding: 3px 0 0 7px;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-decoration:none;
	color:#FFF;
	height:17px;
	background:url(../design/black/select_pfeil.gif) no-repeat right top;
	border-right:1px solid black;
}
#showroom .filter_field_medium a{
	border-right:none;
}
.select-box a:hover {
	color: #000;
	background-color: #a5a5a5;
	text-decoration:none;
}
.select-box-options {
	list-style: none;
	background: #1f1f1f;
	position: absolute;
	overflow-y: auto;
	z-index: 690;
}
.select-box-options li {
	margin: 0;
	overflow: hidden;
	white-space: nowrap;
	padding: 3px 0 3px 7px;
	color:#FFF;
}
/*.select-box-options li.optgroup>span { font-size: 105%; font-style: italic; }
.select-box-options li>span { display: block; padding: 2px 5px; }
*/
.select-box-options li.selected { background-color: #a5a5a5; color: #000; }
.select-box-options li.disabled { color: #999; }

.select-box-options ul { margin:0; padding:0; }
.optgroup { margin: 4px 0 0 !important; }
.select-box-options-group li>span {
	padding-left: 22px !important;
	width: auto;
}
/**
 * reader
 */
#loader{
	background:url(../design/black/loading.gif) no-repeat center center;
}
/**
 * Showroom
 */
#showroom .mod_catalogfilter .widget h3{
	background-color:#FFF;
	overflow:hidden;
	text-indent:-3000px;
}
#showroom .filter_field_kategory h3 {
	background:url(../design/black/kategory.gif) no-repeat 8px 6px;
}
#showroom .filter_field_project h3 {
	background:url(../design/black/project.gif) no-repeat 8px 6px;
}
#showroom .filter_field_type h3 {
	background:url(../design/black/type.gif) no-repeat 8px 6px;
}
#showroom .filter_field_year h3 {
	background:url(../design/black/year.gif) no-repeat 8px 6px;
}
#showroom .filter_field_medium h3 {
	background:url(../design/black/medium.gif) no-repeat 8px 6px;
}

#showroom .mod_catalogfilter .widget label{
	color:#000;
}
#showroom .mod_catalogfilter .clearall {
	background-color:#7bb7c7;
}
#showroom .mod_catalogfilter .clearall a{
	color:#fff;
	background:url(../design/black/filter_zurueck.gif) no-repeat 0 -15px;
	text-indent:-3000px;
	overflow:hidden;
}
#showroom .mod_catalogfilter .clearall a:hover{
	color:#407482;
	background:url(../design/black/filter_zurueck.gif) no-repeat left 1px;
}

#showroom .mod_cataloglist .item span {
	overflow:hidden;
}