/* general ------------------------------- */
html {
	height: 100.1%;
}
body {
	background-color: #c7c3a8;
	background-image: url(../img/design/bg.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 28px;
	margin-right: 0px;
	margin-bottom: 20px;
}
#wrapper {
	width: 965px;
	margin-right: auto;
	margin-left: auto;
}

/* Typo und Links -------------------------*/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%; /*10px*/
	color: #583f12;   /*dunkelbraun*/
	line-height: 1.4;
}
#inhalt a {
	padding-left: 14px;
	background: url(../img/design/linkpfeil.gif) no-repeat left center;
}
#inhalt a[name] {
	padding-left: 0;
	background-image: none;
}
#inhalt a[href^="#"] {
	padding-left: 9px;
	background-image: url(../img/design/scrollpfeil.gif);
}
#inhalt a[href^="http"] {
	padding-left: 12px;
	background-image: url(../img/design/externlinkpfeil.gif);
}
a:link {
	color: #C35627;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #A66244;
}
a:hover {
	text-decoration: none;
	color: #FF5D02;
}
a:active {
	text-decoration: none;
	color: #FF5D02;
}
a img {
	border: none 0;
}
#wrapper #hauptnavi a[href='#'] {
	color: #c2c2c2;
	cursor: default;
}
#wrapper #hauptnavi ul li a[href='#'] {
	background-color: #FFFFFF;
	color: #d5d5d5;
	cursor: default;
}
#inhalt .inhaltsverzeichnis a[href='#'] {
	color: #d5d5d5;
	cursor: default;
}
/* allgemeine Formate */
p, li, dt, dd, td, th {
	font-size: 1.3em;
}
p {
}
p, li {
	margin-left: 164px;
	margin-right: 164px;
}
li li, td td, dd p {
	font-size: 1em;
	margin-left: 0;
	margin-right: 0;
	
}
dt {
	width: 164px;
	text-align: right;
	font-weight: bold;
	float: left;
	clear: left;
}
dd {
	padding-left: 184px;
	padding-bottom: 0.6em;
	margin-right: 164px;
	margin-bottom: 1.2em;
	border-left: 1px solid #ddd;
	margin-left: 0px;
	border-bottom: 1px solid #ddd;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 1.5em;
	margin-left: 164px;
	margin-right: 164px;
	padding: 0;
	line-height: 1.15em;
	padding-left: 20px;
}
h1 {
	font-size: 2.8em;
}
h2 {
	font-size: 2.3em;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.4em;
}

.soft {    /*weniger wichtig*/
	color: #d9b56c;
}
.smallcaps {
	font-variant: small-caps;
}
.linieoben {
	border-top: 1px solid #ddd;
	padding-top: 1em;
}

.kasten1 {
	text-align: center;
	background-color: #F9F8F1;
	margin-right: 164px;
	margin-left: 164px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 1.4em;
}
.kasten2 {
	text-align: left;
	background-color: #F9F8F1;
	margin-right: 164px;
	margin-left: 164px;
	padding: 15px 20px;
	margin-top: 1.4em;
}
.kasten2 p, .kasten2 h1, .kasten2 h2, .kasten2 h3, .kasten2 h4, .kasten2 li {
	margin-right: 0;
	margin-left: 0;
	padding-left: 0;
}
.kasten3 {
	text-align: left;
	background-color: #F9F8F1;
	margin-right: 164px;
	margin-left: 164px;
	padding: 20px 20px 10px;
	margin-top: 1.4em;
	overflow: hidden;  /* float umschliessen */
}
* html .kasten3 { /* Umschliessen für IE6 */
	height: 1%;
}
.kasten3 p, .kasten3 h2, .kasten3 h3, .kasten3 h4 {
	margin-right: 0;
	margin-left: 0;
	padding-left: 164px;
	margin-top: 0px;
}
.bildlinks {
	float: left;
	margin-right: 15px;
}
#inhalt .kasten3 a {
	padding: 0;
	background-image: none;
}
p.alphabet {
	/*background-color: #F5F4EB;*/
	text-align: center;
	text-transform: uppercase;
	margin-left: 2px;
	margin-right: 2px;
	word-spacing: 0px !important;
	margin-bottom: 1.8em;
	margin-top: 2.75em;
	font-size: 1.4em;
}
#inhalt .alphabet a, .alphabet span {
	padding: 0 1px;
	background-image: none;
	white-space: pre;
}
.alphabet span {
	color: #c2c2c2;
}
#inhalt .alphabet a:hover {
	background-color: #F5F4EB;
}
.alphabet .sichtbar {
	font-weight: bold;
	border-bottom: 1px solid;
}
.alphabet .sichtbar.aktiv {
	color: #FF5D02;
}
.clear {
	clear: both;
}


/* Layoutbereiche ------------------------*/
#kopf {
	text-align: center;
	position: relative;
}
#navi2 {
	position: absolute;
	left: 40px;
	top: 0px;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;
}
#navi2 a {
	color: #c3a974;
	text-decoration: underline;
	padding-right: 4px;
	margin-right: 10px;
}
#navi2 a:hover {
	text-decoration: none;
}


#navi {
	background: url(../img/design/bg_navi.jpg) no-repeat;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 30px;
}
#koerper {
	background: url(../img/design/bg_wrapper.gif) repeat-y;
}
#inhalt {
	background: url(../img/design/bg_inhalt.jpg) no-repeat;
	padding-right: 40px;
	padding-left: 40px;
	padding-top: 40px;
}
#sponsoren {
	text-align: center;
	margin-right: 40px;
	margin-left: 40px;
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid #ddd;
	clear: both;
}
#fuss {
	background: url(../img/design/bg_fuss.gif) no-repeat bottom;
	height: 18px;
	text-align: right;
	padding-right: 40px;
	padding-top: 18px;
}

/* Navigation ------------------------------*/
ul#hauptnavi {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 60px;
	position: relative;
}
#hauptnavi li {
	margin: 0px;
	padding: 0px;
	width: 185px;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 1.25;
	font-size: 1.1em;
}
#hauptnavi li a {
	display: block;
	padding-right: 5px;
	padding-left: 20px;
	height: 32px;
	width: 160px;
	padding-top: 28px;
	background: url(../img/design/bg_hauptnavi.png) no-repeat 0px 0px;
	color: #1F1B19;
	outline: none;
}
#hauptnavi a.aktiv {
	background-image: url(../img/design/bg_hauptnavi_aktiv.png);
}
#hauptnavi a:hover {
	background-position: -185px 0;
}
#hauptnavi ul {
	position: absolute;
	left: 7px;
	top: 70px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	width: 911px;
}
#hauptnavi ul > li:first-child {
	border-left-style: none;
}

#hauptnavi ul li {
	width: auto;
	border-left: 1px solid #ddd;
	padding: 0 8px;
	float: none;
	display: inline;
	/*ohne Link*/
	background-color: #fff;
	background-image: none;
	color: #1F1B19;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	letter-spacing: 1px;
}
#hauptnavi ul li a {
	/*mit Link*/
	background-color: #f7f7f0;
	background-image: none;
	height: auto;
	width: auto;
	padding: 3px 5px 3px 5px;
	display: inline;
	color: #c3a974;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.92em;
	letter-spacing: 0px;
}
#hauptnavi ul li a.aktiv {
	background-image: none;
	color: #000000;
}
#hauptnavi ul li a:hover {
	background-color: #fff;
	background-image: none;
}


/* Sponsorenfooter */
#sponsoren img {
	vertical-align: middle;
}
#sponsoren .sponsored {
	padding-right: 75px;
	padding-left: 65px;
	font-size: 1.1em;
}

/* Startseite */
#startseite #kopf h1 {
	margin: 0;
}
.titelbild {
	float: right;
	margin-right: 100px;
	margin-top: 50px;
}


/* Inhaltsverzeichnis */
dl.inhaltsverzeichnis {
}
.inhaltsverzeichnis dt {
	float: none;
	width: auto;
	text-align: left;
	font-size: 2.3em;
	margin-top: 1em;
	clear: none;
}
.inhaltsverzeichnis dd {
	border: none;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.inhaltsverzeichnis dd.kurz {
	width: 350px;
}
.inhaltsverzeichnis p {
	margin: 0;
}
#inhalt .inhaltsverzeichnis a {
	background-color: #FFFFFF;
	background-image: none;
	padding-left: 0px;
	display: block;
}
.inhaltsverzeichnis a:link, .inhaltsverzeichnis a:visited {
	color: #583f12;
}
.inhaltsverzeichnis a:hover {
	color: #FF5D02;
}

/* Zeittafel */
dl.zeittafel {
	line-height: 1.2;
	background-color: #F9F8F1;
	margin-right: 60px;
	margin-left: 60px;
	padding: 2.5em 10px 0px;
}
.zeittafel dt {
	float: none;
	width: auto;
	text-align: left;
	margin-left: 368px;
	padding-left: 16px;
	color: #000000;
	background: url(../img/design/zeitachse.gif) no-repeat left top;
	padding-right: 16px;
}
.zeittafel dd {
	margin-left: 368px;
	padding-left: 16px;
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 2em;
	background: url(../img/design/zeitstrahl.gif) repeat-y;
	border: none;
	padding-right: 16px;
	margin-right: 0px;
}
.zeittafel dt.gerade {
	text-align: right;
	margin-left: 0px;
	margin-right: 368px;
	background-position: right top;
}
.zeittafel dd.gerade {
	margin-left: 0px;
	margin-right: 368px;
	text-align: right;
	background-position: right top;
}
.einfach dt, .einfach dd {
	margin-left: 98px;
}


/* Tabelle Katalogliste */
thead th, tfoot th {
	 background-color: #f5f4eb;
}
th.aufsteigend,
th.absteigend {
	 background-color: #F1F0E4;
}
#inhalt th a.aufsteigend,
#inhalt th a.absteigend {
	background-image: url(../img/design/sort.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
#inhalt th a.aufsteigend,
#inhalt th a.absteigend:hover {
	background-position: left bottom;
}
#inhalt th a.absteigend,
#inhalt th a.aufsteigend:hover {
	background-position: left top;
}
tbody th {
	background-color: #fafaf7;
}
tr.gerade td, tr.gerade th {
	 background-color: #f5f5f5;
}
td, th {
	padding: 4px 8px;
	vertical-align: top;
	border: 1px solid white;
	text-align: left;
}
th {
	font-weight: bold;
}
table.katalogliste {
	width: 100%;
}
span.listennavi {
	float: right;
	font-weight: normal;
	font-size: 0.85em;
	margin-top: 2px;
	margin-bottom: 2px;
}
p.listennavi {
	text-align: right;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-top: 3px;
	font-size: 1.1em;
}
.listennavi span {
	color:#999999
}
#inhalt table .listennavi a { /* fuer Katalogliste */
	padding-right: 9px;
	padding-left: 9px;
	background: #F1F0E4 url(../img/design/prevpfeil.gif) no-repeat center center;
	border: 1px solid white;
}
#inhalt p.listennavi a { /* fuer Herstellerliste */
	padding-right: 9px;
	padding-left: 9px;
	background: #fafaf7 url(../img/design/prevpfeil.gif) no-repeat center center;
	border: 1px solid #eee;
}
#inhalt table .listennavi a span {
	position: absolute;
	left: -5000px;
}
#inhalt table .listennavi a:hover {
	background-color: #fafaf7;
}
#inhalt p.listennavi a:hover {
	background-color: #F1F0E4;
}
#inhalt .listennavi .anfang {
	background-image: url(../img/design/anfang.gif);
}
#inhalt .listennavi .prev_grp {
	background-image: url(../img/design/prev_grp.gif);
}
#inhalt .listennavi .prev {
	background-image: url(../img/design/prevpfeil.gif);
}
#inhalt .listennavi .next {
	background-image: url(../img/design/linkpfeil.gif);
}
#inhalt .listennavi .next_grp {
	background-image: url(../img/design/next_grp.gif);
}
#inhalt .listennavi .ende {
	background-image: url(../img/design/ende.gif);
}

#inhalt table.katalogliste tbody a {
	color: #000000;
}
#inhalt .katalogliste a {
	padding-left: 0;
	background-image: none;
}
#inhalt .katalogliste a:hover {
	color: #FF5D02;
}
#inhalt .katalogliste td.fe_edit a {
	background-image: url(../img/design/edit_pencil.png);
	background-position: center;
	background-repeat: no-repeat;
}
.katalogliste td.thumb {
	padding-left: 0px;
	border-right: 0 none;
	background: white;
	text-align: right;
}
.ziegelmodelle td.thumb {
	background-image: url(../img/design/rahmen_einfach_64.gif);
	background-repeat: no-repeat;
	background-position: 7px 4px;
	padding-bottom: 3px;
	padding-top: 5px;
}
.ziegelmodelle td.parent {
	background-image: url(../img/design/rahmen_mehrfach_64.gif);
	background-repeat: no-repeat;
	background-position: 7px 0;
}
/* gescheiterter Versuch: Schatten fuer die Thumbs
#inhalt td.thumb a {
	background-color: #444;
	margin-left: auto;
	padding: 0;
	display: -moz-inline-box;
}
#inhalt td.thumb a img {
	position: relative;
	margin-left: auto;
	left: -2px;
	top: -2px;
}*/
.katalogliste td, .katalogliste th { /*Rahmenline nur oben und unten*/
	border-right: 0 none;
	border-left: 0 none;
}
.katalogliste td.erste, .katalogliste th.erste { /*erste Zelle*/
	border-left: 1px solid white;
}
.katalogliste td.letzte, .katalogliste th.letzte { /*letzte Zelle*/
	border-right: 1px solid white;
}
#inhalt .katalogliste td.fe_edit { /*erste Zelle*/
	border-left: 1px solid white;
}
.katalogliste .titel {
	border-right: 0 none;
	border-left: 0 none;
/*	text-align: left;
	font-weight: bold;*/
}
.katalogliste .titel div {
	font-size: 0.8em;
	color: #999999;
}
.katalogliste .jahr {
	text-align: right;
	border-right: 0 none;
	border-left: 0 none;
}
.katalogliste td.inhalt {
	text-align: left;
	border-left: 0 none;
	color: #999999;
}
.katalogliste td.info {
	vertical-align: middle;
}
#inhalt .katalogliste td.inhalt a {
	padding-right: 16px;
	background-position: right center;
	background-repeat: no-repeat;
}
#inhalt .katalogliste td.inhalt a:visited {
	background-image: url(../img/design/visited.gif);
}
.katalogliste td.inhalt div {
	color: #000000;
	font-weight: bold;
}
table.katalogliste tr:hover td,
table.katalogliste tbody tr:hover th {
	border-color: #ff6d24;
}
table.katalogliste tr:hover td a,
table.katalogliste tbody tr:hover th a {
	text-decoration: underline;
}

/* Abgeblendete Farbe für Wiederholungen. */
#inhalt table.katalogliste tr.gedimmt td,
#inhalt table.katalogliste tr.gedimmt th,
#inhalt table.katalogliste tr.gedimmt td a,
#inhalt table.katalogliste tr.gedimmt th a {
	color: #999999;
}
#inhalt table.katalogliste tr.gedimmt td a span.ungedimmt,
#inhalt table.katalogliste tr.gedimmt th a span.ungedimmt {
	color: #000000;
}
#inhalt table.katalogliste tr.gedimmt td a:hover,
#inhalt table.katalogliste tr.gedimmt th a:hover,
#inhalt table.katalogliste tr.gedimmt td a:hover span.ungedimmt,
#inhalt table.katalogliste tr.gedimmt th a:hover span.ungedimmt {
	color: #FF5D02;
}

table.sponsoren {
	margin-right: 60px;
	margin-left: 60px;
	padding: 1px;
	border: 1px solid #c3a974;
}

/* Formulare */

label {
	font-size: 1.2em;
	font-weight: bold;
	width: 165px;
	float: left;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 1.5em;
}
.erforderlich {
	color: #FF5D02;
}
input.text {
	width: 342px;
	border: 1px dotted #c3a974;
	padding: 4px;
	margin-top: 1.5em;
}
textarea.text {
	border: 1px dotted #c3a974;
	padding: 4px;
	width: 507px;
}
textarea, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #583f12;
}
.text:hover {
	border-color: #FF5D02;
}
.text:focus {
	border-style: solid;
}
div.submit {
	text-align: center;
	margin-top: 1.5em;
}
.submit input {
	width: 185px;
}


#grossbildview {
	background: #807D74;
	text-align: center;
	color: #FFFFFF;
	margin-right: -20px;
	margin-left: -20px;
	position: relative;
}
p.grossbildtitel {
	height: 26px;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 6px;
}
#grossbildview p a {
	color: #FFFFFF;
	outline: none;
}
#grossbildview p a:hover {
	background: #89877A;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* -re-
p.grossbildnavi {
	margin-top: 4px;
	margin-bottom: 0px;
	padding-bottom: 8px;
}
.aktuelleSeite {
	background-color: #999685;
	color: #000000;
	border: 1px solid #BFBDB0;
	padding-top: 1px;
	padding-bottom: 1px;
}
table#prevnext {
	width: 100%;
	border-collapse: collapse;
	position: absolute;
	top: 30px;
	left: 0px;
}
#prevnext td {
	width: 33%;
	padding: 0;
}
#grossbildview #prevnext a {
	display: block;
	height: 602px;
}
*/

/* ----- Grossbildview Versuch -re-, siehe kat5.html -----*/
div.grossbildnavi {
	width: 924px; /* 14 x (64 + 2) */
	overflow: visible;
	margin: auto;
	margin-top: 4px;
	margin-bottom: 0px;
	padding-bottom: 8px;
}
.navi_thumb {
	width: 64px;
	float: left;
	border: 1px solid #807D74;
	background-color: #8C8980;
	font-size: 1.2em;
}
#inhalt .navi_thumb a span {
	display: block;
	height: 64px;
	padding: 0;
	text-align: center;
	background-color: #696860;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer; /* IE Fix */
}
#inhalt .navi_thumb a {
	display: block;
	/*height: 64px;*/
	padding: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right 67px;
	text-align: center;
	color: #FFFFFF;
	line-height: 1.5em;
}
#inhalt .navi_thumb a:visited {
	background-image: url(../img/design/visited.gif);
}
#inhalt .navi_thumb a.novis:visited {
	background-image: url(../img/design/transparent.gif);
}

#inhalt .navi_thumb a.aktiv {
	background-color: #999999;
}
#inhalt .navi_thumb a:hover {
	background-color: #AAAAAA;
	color: #FF5D02;
}
div.prevnext {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	top: 30px;
	left: 0px;
}
div.prevnext .center {
	margin: auto;
	padding: 0;
}
#inhalt div.prevnext a {
	display: block;
	width: 32%;
	padding: 0;
	margin: 0;
	background-image: url("../img/design/transparent.gif");
	background-repeat: no-repeat;
	/*filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;*/
}
#inhalt div.prevnext a.noprev,
#inhalt div.prevnext a.prev {
	float: left;
	background-position: left center;
}
#inhalt div.prevnext a.prev:hover {
	background-image: url("../img/design/bg_prev.gif");
}
#inhalt div.prevnext a.nonext,
#inhalt div.prevnext a.next {
	float: right;
	background-position: right center;
}
#inhalt div.prevnext a.next:hover {
	background-image: url("../img/design/bg_next.gif");
}
#inhalt div.prevnext a.max {
	margin: auto;
	background-position: center center;
}
#inhalt div.prevnext a.max:hover {
	background-image: url("../img/design/bg_max.gif");
}

/*Seitenuebersicht*/
.seite_thumb {
	width: 128px;
	float: left;
	border: 2px solid #807D74;
	background-color: #8C8980;
	font-size: 1.2em;
}
#inhalt .seite_thumb a span {
	display: block;
	height: 128px;
	padding: 0;
	text-align: center;
	background-color: #696860;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer; /* IE Fix */
}
#inhalt .seite_thumb a {
	display: block;
	/*height: 128px;*/
	padding: 0;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 85px 131px;
	text-align: center;
	color: #FFFFFF;
	line-height: 1.5em;
}

#inhalt .seite_thumb a:visited {
	background-image: url(../img/design/visited.gif);
}

#inhalt .seite_thumb a:hover {
	background-color: #AAAAAA;
	color: #FF5D02;
}

/* ----- Max Ansicht ----- */
div#maxnavi {
	position: fixed;
	top: 0px;
	width: 100%;
	left: 50%;
	margin-left: -50%;
	padding: 5px;
	background-color: #c7c3a8;
}
#ie_wrap div#maxnavi {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #c7c3a8;
}
div#maxnavi p {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	text-align: center;
}
div#maxnavi p a {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
}
div#maxnavi p a:hover {
	background-color: #F9F8F1;
}

div#maxnavi div.inline_forms {
	text-align: center;
}
div#maxnavi div.inline_forms form {
	display: inline;
}

div#maxview {
	padding: 20px;
}

/* -re- neue Formatierung fuer Filter */
#inhalt p.filter {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
#inhalt .katalogliste a.filter_on {
	padding-left: 15px;
	background: url(../img/design/filter_on.gif) no-repeat left center;
}
#inhalt .katalogliste a.filter_off,
#inhalt p.filter a.filter_off {
	padding-left: 15px;
	background: url(../img/design/filter_off.gif) no-repeat left center;
}

/* Temporaere Reparatur-Versuche fuer IE 6 -re- */

body#problem #inhalt {
	padding-right: 20px;
	padding-left: 20px;
}
body#problem #grossbildview {
	height: 1%;
	margin: 0;
	
}

/* Zeitleiste -re- */
p.time_navi {
	background-color: #F9F8F1;
	margin: auto;
	margin-bottom: 1.75em;
	margin-top: 0.8em;
	width: 801px;
	height: 50px;
	text-align: center;
	background-image: url(../img/zeitleiste.png);
	background-position: 2px 0px;
	vertical-align: bottom;
}
#inhalt .time_navi a {
	padding: 0;
	margin: 0;
	background-image: none;
}
#inhalt .time_navi a img {
	padding: 0;
	margin: 0;
	background-image: url(../img/zeitleiste_normal.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#inhalt .time_navi a.sichtbar img {
	background-image: url(../img/zeitleiste_sichtbar.png);
}
#inhalt .time_navi a:hover img,
#inhalt .time_navi a.sichtbar.aktiv img {
	background-image: url(../img/zeitleiste_hover.png);
}

/* Markierung von neuen/ergänzten Katalogen */
#inhalt span.neu {
	font-style: italic;
	font-size: x-small;
	font-weight: normal;
	color: red;
	padding-right: 1em;
}

/* Ziegelmodelle ------------------------------------- */

/* Baumansicht */
#inhalt .modellbaum a {
	padding-left: 0;
	color: #583f12;
	background-image: none;
}
ul.modellbaum {
	margin-left: 0px;
	margin-right: 0px;
}
ul.modellbaum ul {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
ul.modellbaum li {
	list-style-type: none;
	padding-left: 80px;
	margin-left: 0px;
	clear: left;
	margin-right: 0px;
	padding-top: 0.7em;
}
ul.modellbaum li li {
	margin-left: 0px;
	margin-right: 0px;
}
#inhalt a.aufzu,
#inhalt span.aufzu {
	float: left;
	padding-left: 54px;
	background-position: left center;
}
#inhalt li.kein_knoten .aufzu {
	padding-left: 0;
	margin-left: 54px;
}
#inhalt li.knoten_erweitert a.aufzu {
	background-image: url(../img/design/icon_minus.gif);
}
#inhalt li.knoten_erweitert a.aufzu:hover {
	background-image: url(../img/design/icon_minus1.gif);
}
#inhalt li.knoten_minimiert a.aufzu {
	background-image: url(../img/design/icon_plus.gif);
}
#inhalt li.knoten_minimiert a.aufzu:hover {
	background-image: url(../img/design/icon_plus1.gif);
}
#inhalt li.knoten_erweitert span.modellkinder {
	display: none;
}
#inhalt li.knoten_minimiert span.modellkinder {
	display: inline;
}
#inhalt li.knoten_minimiert ul {
	display: none;
}
li span.modellbild {
	float: left;
	width: 64px;
	height: 64px;
	padding: 5px 5px 1px 1px;
	background-repeat: no-repeat;
	background-position: left bottom;
	/*overflow: hidden;*/
	/*display: inline-block;*/
}
/*li span.modellbild img{		 -> ie.css
	padding: 5px 5px 1px 1px; 
}*/
.kein_knoten span.modellbild {
	background-image: url(../img/design/rahmen_einfach_64.gif);
}
.knoten_erweitert .modellbild,
.knoten_minimiert .modellbild {
	background-image: url(../img/design/rahmen_mehrfach_64.gif);
}
#inhalt a.info {
	float: left;
	width: 20px;
	margin-left: 10px;
	height: 20px;
	margin-top: 25px;
	position: relative;
	background-image: url(../img/design/icon_info.gif);
	background-repeat: no-repeat;
	background-position: 1px center;
}
#inhalt a.info:hover {
	background-image: url(../img/design/icon_info1.gif);
}
span.gliederung {
	color: #c3a974; /*beige*/
	width: 77px;
	width: 47px;
	float: left;
	text-align: right;
	padding-right: 13px;
	padding-top: 25px;
	padding-bottom: 25px;
}
span.modellname {
	float: left;
	padding-top: 25px;
	width: 300px;
}
span.modellkinder {
	color: #999;
	line-height: 1;
}
#inhalt .modellbaum a:hover .modellname {
	text-decoration: underline;
}
.seiten_anzahl {
	color: #999;
	font-size: smaller;
	padding-left: 10px;
}
.seiten_anzahl span {
	color: black;
}

/* PopUps in der Modell-Anzeige -re- */

td.info a {
	display: block;
	position: relative;
}
a.info span.popup,
td.info a span.popup {
	display: none;
	position: absolute;
	top: -64px;
	left: 15px;
	z-index: 10;
	width: 350px;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 5px;
}
a.info:hover span.popup,
td.info a:hover span.popup {
	display: block;
}
a.info span.popup img,
td.info a span.popup img {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}
a.info span.popup span.h1,
td.info a span.popup span.h1 {
	display: block;
	margin-bottom: 3px;
	color: #000000;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}
a.info span.popup span.p,
td.info a span.popup span.p {
	display: block;
	margin: 2px;
	color: #444444;
}
a.info,
td.info a {
	text-decoration: none !important;
}

/* Modell-Listen-Popup in der Seitenanzeige. -re- */
#grossbildview div.mod_info {
	position: absolute;
	font-size: 1.3em;
	padding: 5px;
	padding-left: 25px;
	margin: 0px;
	margin-left: 10px;
	background-image: url(../img/design/icon_info.gif);
	background-repeat: no-repeat;
	background-position: left center;
	z-index: 10;
}
#grossbildview div.mod_info div.popup {
	display: none;
	position: absolute;
	text-align: left;
	width: 330px;
	padding: 5px;
	padding-left: 10px;
	margin: 0px;
	border: 1px solid black;
	color: black;
	background-color: #ddd;
	z-index: 20;
}
#grossbildview div.mod_info:hover div.popup {
	display: block;
}
#grossbildview div.mod_info div.popup ul {
	margin: 0px;
	padding: 0px;
	font-size: inherit;
}
#grossbildview div.mod_info div.popup li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: inherit;
}
#grossbildview div.mod_info div.popup a {
	display: block;
	font-size: inherit;
	width: 100%;
	margin: 0px;
	padding: 0px;
	padding-left: 18px;
/*	background-image: none;*/
}
#grossbildview div.mod_info div.popup a:visited {
	background-image: url(../img/design/visited.gif);
}
div.mod_info div.popup span.mod_gliederung {
	float: left;
	width: 55px;
	text-align: left;
}

/* EOF */