@charset "utf-8";

/*@import ".css"; */

/*****************************************************************
		Screen-Stylesheet  .de
		Nadine Oberstein ::: Beratung. Konzeption. Web- und Printdesign.
		www.nadine-oberstein.de
*****************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,
dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub,
sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	outline: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	background: transparent;
}

html {
	height: 100%;
}

body {
	height: 100%;
	font: normal 0.8em verdana, helvetica, sans-serif;
	line-height: 140%;
	color: #000;
	background: url(../images/css/background.gif) repeat bottom left #b89875;
	background-attachment: fixed;
}

/***********************
			Typo
***********************/

h1, h2, h3,
caption,
fieldset legend,
.suche_result li span,
.searchterm,
.haendler .info thead th,
#tradition dt,
#shortmenu #menu {
	font-weight: normal;
	text-transform: uppercase;
	line-height: 120%;
}

h1, h2 {
	font-size: 230%;
	color: #b59471;
}

h3,
caption,
.searchterm,
.suche_result li span,
#tradition dt strong,
#tradition div.panel div.xlarge p {
  font-size: 120%;
	color: #9a846c;
}

h4, h5, h6,
.models p.desc,
#tradition dt,
fieldset legend,
.haendler li.hb a,
#fussbetten table p span {
	text-transform: none;
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	font-style: italic;
	color: #000;
	font-family: georgia, serif !important;
}

#navigation #menu ul li,
.models .modellcontent p,
.models td,
.models th,
#modellfooter,
#fussbetten td,
#fussbetten th,
#tradition dd,
p.priceandsize,
#accordion div p,
#accordion div ul,
.haendler li.hb a,
#weltweit .teaser p {
	font-size: 85%;
}

p, img, h4, h5, h6,
address,
#content ul,
#content form {
	margin-bottom: 1em;
}

strong {
	font-weight: bold;
}

em, p.intro {
	font-style: italic;
}

sup {
	color: #9a846c;
}

hr {
	height: 0px;
	width: 1px;
	border: none;
	color: #fff;
}

ol, ul {
	list-style: none;
}

dl {
	clear: left;
}

dt {
	float: left;
}

table {
  text-align: left;
	border-collapse: collapse;
	border-spacing: 0;
}

.clearer {
	clear: both;
}

.bu {
	color: #666;
}

.error, strong.error {
	color: red !important;
}

.border {
	border: 1px solid #c1a689;
}

/***********************
			Links
***********************/

a, a:link, a:visited, a:focus, a:hover, a:active {
	color: #666;
	text-decoration: none;
}

a:focus, a:hover, a:active,
#metamenu a:focus, #metamenu a:hover, #metamenu a:active,
#menu ul a:focus, #menu ul a:hover, #menu ul a:active,
#footer #menu .active:focus, #footer #menu .active:hover, #footer #menu .active:active {
	color: #9a846c;
  text-decoration: underline;
}

/*** Homelink  ***/

#homelink:focus, #homelink:hover, #homelink:active {
	outline: 1px dotted #9a846c !important;
}

/*** Menues ***/

#navigation ul#menu ul .active {
  border-bottom: 1px solid #666;
}

#navigation .active {
  border-bottom: 0px;
}

/*** Menü 1. Ebene ***/

#menu a {
	color: #1a1a1a;
}

#menu a:focus, #menu a:hover, #menu a:active {
	background: #dfd2c1;
}

/*** Menü 2. Ebene ***/

#menu ul a, .suche_result a {
	color: #333;
}

#menu ul a:focus, #menu ul a:hover, #menu ul a:active {
	color: #111 !important;
}

/*** Footer Menu ***/

#footer ul#meta a {
	color: #000;
}

#footer ul#meta a:focus, #footer ul#meta a:hover, #footer ul#meta a:active {
  color: #9a846c;
}

/*** Content ***/

ul.uebersicht li span::before,
#accordion h3:before,
#metamenu a:before,
#content a:before         {content: "» "; }

#metamenu ul li:before     {content: "/ ";  color: #8f8f8f; }

a[href^="http"]:before    {content: "↗ " !important;}

a[href^="mailto"]:before  {content: "✉ " !important;}

#damenuebersicht h2 a:before,
#originalsuebersicht h2 a:before,
#herrenuebersicht h2 a:before,
a.img:before,
#metamenu ul a:before,
#metamenu ul li:first-child:before,
ul.uebersicht a:before,
.coda-nav-left a:before,
.coda-nav-right a:before,
a[href$=".pdf"]:before,
ul.navigation a:before,
#index a#hangtag:before,
a.tt:before,
.haendler #shortmenu #menu li.hb:before,
a.suche_result_title:before {content: "" !important; }

a[href$=".pdf"] {
	padding-left: 22px !important;
	background-repeat: no-repeat;
	background-position: center left !important;
	background-image: url(../images/icons/icon_pdf.gif) !important;
}

.special a {
  color: #333;
}

a#einstieg {
  z-index: 3;
  display: block;
  height: 33px;
  width: 33px;
  position: absolute;
  right: 20px;
  top: 15px;
  overflow: hidden;
  color: transparent;
}

a#einstieg span {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(../images/css/bg_arrow-top.png) no-repeat 0 0 transparent;
}

a#einstieg:hover span {
  background-position: 0 -33px;
}

/***********************
			Struktur
***********************/

h6,
legend span,
caption span,
span.hide,
#retailer.en a span,
span.hidden,
.pretty h2,
.bdate label,
.caption span,
.models div.neu p,
.models div.new p,
.coda-nav-left a span,
.coda-nav-right a span {
  display: block;
	position: absolute;
	top: -200em;
	left: -200em;
}

#header h1 {
  display: none;
}

/*** Skiplinks ***/

#skiplinks {
	list-style: none;
}

#skiplinks a, #skiplinks p {
	display: block;
	position: absolute;
	top: -200em;
	left: -200em;
}

#skiplinks a:focus, #skiplinks a:active {
	top: 3px;
	left: 0px;
	width: 680px;
	color: #000;
	padding: 0.2em 1em;
	text-decoration: none;
	background: #c1a689;
  -moz-box-shadow: 2px 2px 2px #888;
  -webkit-box-shadow: 2px 2px 2px #888;
  box-shadow: 2px 2px 2px #888;
}

#skiplinks a:active {
	color: #666;
}

/***********************
			Layout
***********************/

#wrapper,
#header,
#footer {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#wrapper {
	padding: 15px;
	border: 1px solid #cbd8d8;
	background: url(../images/css/bg_wrapper.png) repeat bottom left;
}

#inner {
	position: relative;
	border: 1px solid #666;
	background: #fff;
}

#header {

}

#content {
  padding-bottom: 3em;
}

#footer {
  margin-bottom: 150px;
}

/***********************
			Header
***********************/

#homelink {
	display: block;
	margin: 45px 0 22px 22px;
	padding: 0;
	width: 220px;
	height: 66px;
}

#homelink img {
	width: 100%;
	height: 100%;
	margin: 0;
}

#metamenu {
  float: right;
  width: 500px;
  margin: -92px -15px 0 0;
  padding: 4px;
  text-align: right;
  background: #fff;
	top: 0;
}

#metamenu ul {
  float: left;
  width: 55%;
  text-align: right;
  margin-top: 2px;
}

#metamenu ul li {
  display: inline;
  padding-right: 0.3em;
}

#suche {
}

#shortmenu ul ul {
  display: none;
}

#shortmenu {
  float: right;
  width: 675px;
  margin: -57px -15px 0 0;
  padding: 15px 4px 4px 4px;
  text-align: right;
  background: #fff;
	top: 0;
}

#shortmenu #menu li {
  display: inline;
  position: relative;
  font-size: 125%;
  padding-right: 1.6em;
}

#shortmenu #menu li:before {
  display: block;
  position: absolute;
  top: -0.2em;
  left: -0.6em;
  content: "/";
  font-style: italic;
  font-size: 140%;
  color: #999;
}

/***********************
			Footer
***********************/

#footer ul#meta {
	text-align: right;
	color: #333;
	height: 30px;
	margin: -15px 22px 0 0;
	padding: 7px 55px 0 0;
	background: url(../images/css/bg_footer.png) no-repeat top right transparent;
}

#footer ul#meta li {
	display: inline;
}

#footer ul#meta li:before {
  color: #8f8f8f;
	content: "/ ";
}

#footer ul#meta li:first-child:before {
	content: "";
}

/***********************
	Hauptnavigation
***********************/

#navigation {
  margin-top: 35px;
}

#menu {
  margin-left: 22px;
}

#navigation #menu > li {
	float: left;
	white-space: nowrap;
	margin-right: 2em;
	font-size: 120%;
	text-transform: uppercase;
}

#navigation #menu ul {
  padding-top: 0.5em;
}

#navigation #menu ul li {
	float: none;
	text-transform: none;
}

/***********************
	Contentlayout
***********************/

#content .nofloat {
	float: none !important;
}

#content .floatright {
	float: right !important;
}
#content .floatleft {
	float: left !important;
}

#content .teaser,
#content .medium,
#content .large,
#content .xlarge,
#content .full {
	float: left;
}

#content .teaser,
#content .medium,
#content .large,
#content .xlarge,
#content .full {
	margin-bottom: 3em;
}

#content h2.teaser,
#content h2.medium,
#content h2.large,
#content h2.xlarge,
#content h2.full,
#content .special {
	margin-bottom: 1em;
}


#content .teaser {
	width: 200px;
}

#content .medium {
	width: 440px;
}

#content .large {
	width: 680px;
}

#content .xlarge {
	width: 920px;
}

#content .full {
	margin-left: -1px;
	width: 958px;
}

/*** reguläre Abstände ***/

.gapleft {
	margin-left: 20px;
}

.gapright {
	margin-right: 20px;
}

.gapleftright {
	margin-left: 20px;
	margin-right: 20px;
}

.gaptop {
  margin-top: 65px;
}

h3 {
  margin-bottom: 1em;
}

/***********************
	Contentdesign
***********************/

#damen h2,
#originals h2,
#herren h2,
#tradition h2 {
  margin-top: 65px;
}

#content ul {
	list-style-type: square;
}

#content ul.contentsubmenu,
#content ul.uebersicht {
	list-style: none;
	margin-left: 0 !important;
}

/*** Special ***/

#content .subline {
  margin-top: -2.5em;
}

#content .special {
	padding: 1em;
  background: #c1a689 !important;
}

#content div.special h2,
#content div.special h3 {
	/*color: #333;*/
	color: #000;
}

#content h2.attmark,
#content h3.attmark,
#content p.attmark {
  margin: -25px 0 0 -25px;
	padding: 30px 0 1em 40px;
	background: url(../images/css/bg_special.png) no-repeat top left;
}

/* tablecloth */

tr.even *,
tr.odd * {
  padding: 0.3em 0.4em;
	border: 1px solid #f2e9eb;
}

tr.even td  { background:#d7c6ad; }

tr.odd td   { background:#beb39f; }

tr.even th,
tr.odd th   { background:#b59471; color: #fff; font-weight: bold; }

th.over, tr.even th.over, tr.odd th.over,
th.down, tr.even th.down, tr.odd th.down,
td.over, tr.even td.over, tr.odd td.over,
td.down, tr.even td.down, tr.odd td.down {
	background:#c1a689;
	color:#000;
}

td.selected, tr.even td.selected, tr.odd td.selected {
	background:#c1a689;
	color:#fff;
	font-weight: bold;
}

th.selected, tr.even th.selected, tr.odd th.selected {
}

/***********************
			Formulare
***********************/

#suche input {
  font: normal 80% verdana, helvetica, sans-serif;
}

#suche input[type="text"] {
  width: 150px;
	padding: 0.2em 0.3em;
	color: #333;
	background: #eee;
	border: 1px solid #ccc;
}

#retailer_suchfeld_content,
#retailer_world select,
.bdate select,
#haendlerlogin input[type="text"],
#haendlerlogin input[type="password"],
#suche_content input[type="text"],
.catorder input[type="text"],
.catorder textarea {
  font: normal 100% verdana, helvetica, sans-serif;
	padding: 0.15em 0.3em;
	color: #333;
	background: #e7dcce;
	border: 1px solid #c1a689;
}

#suche input[type="text"]:focus, #suche input[type="text"]:hover,
#retailer_suchfeld:focus, #retailer_suchfeld:hover,
#retailer_suchfeld_content:focus, #retailer_suchfeld_content:hover,
#retailer_world select:focus, #retailer_world select:hover,
#haendlerlogin input[type="text"]:focus, #haendlerlogin input[type="text"]:hover,
#haendlerlogin input[type="password"]:focus, #haendlerlogin input[type="password"]:hover,
#suche_content input[type="text"]:focus, #suche_content input[type="text"]:hover,
.catorder input[type="text"]:focus, .catorder input[type="text"]:hover,
.catorder textarea:focus, .catorder textarea:hover {
	color: #000;
	background: #c1a689;
}

#haendlerlogin input[type="text"],
#haendlerlogin input[type="password"],
#suche_content input[type="text"],
#retailer_suchfeld_content {
	width: 68%;
}

.special input[type="text"] {
  background: #f3eee7 !important;
}

.special input[type="text"]:focus, .special input[type="text"]:hover, .special input[type="text"]:active {
	color: #000 !important;
	background: #fff !important;
}

/*** Händler logout ***/

.haendler form#logout {
}

/*** Fachhändlerform Content ***/

#retailer_submit_content {

}

/*** Fachhändlerform Weltweit ***/

#retailer_world select {
  margin-bottom: 1em;
	padding: 0;
	width: 100%;
}

/*** Katalogbestellung ***/

#katalog img.medium {
  min-height: 530px;
}

.catorder {
	position: relative;
}

.catorder input.error,
.catorder textarea.error {
	border: 1px solid red;
}

.catorder dl {
	padding-bottom: 0.7em;
}

.catorder dt {
	width: 20%;
	margin-right: 3%;
	text-align: right;
}

.catorder input[type="text"] {
	width: 73% !important;
}

.catorder input[id="PLZ"],
.catorder input[id="bPLZ"] {
	width: 11% !important;
	margin-right: 0.6%;
}

.catorder input[id="Ort"],
.catorder input[id="bOrt"] {
	width: 58% !important;
}

.catorder input[type="submit"] {
	margin-left: 23%;
}

.catorder fieldset {
	margin-bottom: 1em;
}

.catorder textarea {
	width: 73% !important;
	height: 10em;
}

.catorder label {
  position: relative;
}

.catorder label sup {
  position: absolute;
  right: -0.8em;
  top: 0;
}

/* Business oder Customer */

.catorder #boc {
	margin-bottom: 0.5em;
}

.catorder #boc input[type="radio"] {
	margin-top: 1em !important;
}

.catorder #boc label {
	text-transform: uppercase;
	color: #9a846c;
}



/***********************
	Seitenspezifisch
***********************/

/*** Kollektion ***/

#kollektion #content h1 {
  margin-bottom: 1.5em;
}

/*** Suche ***/

.suche_result li,
#fachhaendler_result .address {
  padding: 1em;
	margin-bottom: 1.5em;
	background: #eee;
}

/*** Fachhändler ***/

#fachhaendler #content {
  min-height: 600px;
}

#fachhaendler_result div.address div.medium {
  margin-bottom: 0;
}

#fachhaendler_result .address {
	border: 1px solid #bbb;
}

#fachhaendler_result address,
#fachhaendler_result dl {
	margin-bottom: 0.5em;
}

#fachhaendler_result dt {
	width: 5em;
}

#fachhaendler #content,
#fachhaendler_result #content {
	background-repeat: no-repeat !important;
}

#fachhaendler #content,
#fachhaendler_result #content {
	background-position: 50% 10em;
}

#fachhaendler #content,
#fachhaendler_result #content {
	background-image: url(../images/illu/world-map.gif);
}

/*** Tradition ***/

#tradition h2 {
  padding-top: 1.5em;
}

#tradition div.panel img {
   margin-bottom: 0em;
}

#tradition dt {
  display: block !important;
  float: none;
  padding-bottom: 0.1em;
	border-bottom: 1px solid #cdbda5;
}

#tradition dd {
  margin: 0.25em 2em 2em 0;
}

#tradition .scrollButtons {
  top: 320px !important;
}

#tradition .scroll {
  height: 310px;
  width: 920px;
  margin-top: 0px !important;
}

#tradition .scrollContainer div.panel {
  padding-top: 0px !important;
  width: 900px;
  padding-left: 20px;
  height: 310px;
}

/*** Berlin ***/

#berlin h2 {
  padding-top: 0em;
}

#berlin h3 {
  margin-top: 1em;
  width: 420px;
  color: #000;
  border-bottom: 1px solid #c1a689;
}

#berlin h3 strong {
  text-transform: none;
}

#berlin .scrollButtons {
  top: 310px !important;
}

#berlin .scroll {
  height: 310px;
  width: 920px;
  margin-top: 0px !important;
}

#berlin .scrollContainer div.panel {
  padding-top: 0px !important;
  width: 900px;
  padding-left: 20px;
  height: 310px;
}

/*** Glossar ***/

#accordion h3 {
	margin-top: 1em;
  margin-bottom: 0 !important;
  padding: 0.3em 0.5em !important;
  color: #000;
	background: #cdbda5;
}

#accordion div div {
	padding: 1em;
	border-top: 2px solid #fff;
	background: #f3eee7;
}

#content ul {
  margin-left: 15px;
}


/*** Kontakt & Impressum ***/

dl.phone dt {
	width: 5em;
}

dl.data {
	margin-bottom: 0.3em;
	padding: 0.2em 0.1em;
	background: #d7c6ad;
}

dl.data dt {
	width: 40%;
	padding-left: 0.25em;
}

/***** Passform ******/

#berlin #content,
#passform #content {
  background: url(../images/illu/passform.png) no-repeat top right #fff;
}

#passform caption, #passform th, #passform td {
	text-align: left;
}

#passform td {
	text-align: center;
}

/***** Fußbetten ******/

#fussbetten table {
	width: 90% !important;
}

#fussbetten tr {
	border-bottom: 1px solid #cdbda5;
}

#fussbetten td,
#fussbetten th {
  padding: 1.5em 0.5em;
  color: #000;
  font-weight: normal;
  vertical-align: bottom;
  background:#fff;
}

#fussbetten thead td,
#fussbetten thead th {
  padding: 0.25em 0 !important;
}

#fussbetten td.artnr,
#fussbetten th.artnr {
  text-align: center;
}

#fussbetten td.artnr {
  white-space: nowrap;
}

#fussbetten table p {
  padding-right: 40px !important;
}

#fussbetten h3 {
  margin: 3em 0 0 0;
  width: 250px !important;
  background-position: top right !important;
}

/***** Qualität  ******/

#qualitaet h2 {
  margin-top: 160px;
}

#qualitaet #content {
  min-height: 1350px;
  background: url(../images/qualitaet/fussbett.jpg) no-repeat top right #fff;
}

#qualitaet #passform {
  margin-top: 210px;
}

#qualitaet h4 {
  margin-bottom: 0.2em !important;
}

#qualitaet #fussbettgrafik,
#qualitaet #schuhaufbau,
#qualitaet #schuhaufbau div h4 {
  position: relative;
  line-height: 110%;
}

#qualitaet #fussbettgrafik div,
#qualitaet #schuhaufbau div,
#qualitaet #schuhaufbau h4,
#qualitaet #schuhaufbaupic,
#qualitaet #schuhaufbau,
#qualitaet .dark  {
  position: absolute;
}

#qualitaet #schale     { top: 125px; left: 62px; }
#qualitaet #rand       { top: 83px; left: 300px; }
#qualitaet #greifer    { top: 125px; left: 530px; }
#qualitaet #form       { top: 540px; left: 300px; }
#qualitaet #stuetze    { top: 540px; left: 530px; }

#qualitaet .dark            { top: 640px; left: 0px; z-index: 3; }
#qualitaet #schuhaufbaupic  { top: 800px; left: 270px; }

#qualitaet #schuhaufbau {
                              top: 800px; left: 0px;
  height: 540px;
  width: 960px;
}

#qualitaet #velourslederbezug { bottom: 325px; left: 730px; }
#qualitaet #juteschicht1      { bottom: 210px; left: 240px; }
#qualitaet #juteschicht2      { bottom: 325px; left: 730px; }
#qualitaet #juteschicht3      { bottom: 280px; left: 730px; }
#qualitaet #korklatexbettung  { bottom: 170px; left: 730px; }
#qualitaet #juteschicht4      { bottom: 170px; left: 730px; }
#qualitaet #fussbettschale    { bottom: 125px; left: 730px; }
#qualitaet #sohle             { bottom:  15px; left: 370px; }

/*** Marke ***/

#marke #content {
  background: url(../images/qualitaet/hangtag.png) no-repeat 568px 0px #fff;
}

/*** Start ***/

#index #slider.full {
  margin-bottom: 0;
}

#index .scrollButtons {
  top: 100px !important;
}

#index .scroll {
  height: 310px;
  width: 958px;
  margin-top: -2em !important;
}

#index .scrollContainer div.panel {
  padding-top: 0px !important;
  padding-left: 0px;
  margin-bottom: 0 !important;
  width: 958px;
  height: 310px;
}

#index div.panel p {
  margin-bottom: 10px !important;
}

#index a#hangtag {
  display: block;
  z-index: 3;
  position: absolute;
  top: 0;
  right: 55px;
  height: 200px;
  width: 130px;
  background: url(../images/qualitaet/hangtag.png) no-repeat -205px -40px transparent;
}

#kollektionslink {
  padding-top: 36px;
  width: 180px !important;
}

#kollektionslink a {
  position: relative;
  display: block;
}

#kollektionslink a:before {
  display: block;
  float: left;
  width: 0.7em;
  padding: 0.2em 0 0.4em 0;
  font-size: 500%;
  color: #bea489;
}

/***********************
			Händler
***********************/

.haendler ul.contentsubmenu {
	line-height: 160%;
}

/***********************
	Modellübersichten
***********************/

ul.uebersicht * {

}

ul.uebersicht li {
  position: relative;
  float: left;
  height: 90px;
  width: 100px;
  margin: 0 40px 3em 0;
}

ul.uebersicht li a {
  display: block;
  height: 100%;
}

ul.uebersicht li img,
ul.uebersicht li span  {
  display: block;
  position: absolute;
  left: 0;
}

ul.uebersicht li img {
  bottom: 0.5em;
}

ul.uebersicht li span {
  height: 1em;
  bottom: 0;
  overflow: visible;
  white-space: nowrap;
}

/*** hohe modelle ***/

ul.uebersicht li#breda,
ul.uebersicht li#delft,
ul.uebersicht li#denhaag,
ul.uebersicht li#alphen,
ul.uebersicht li#bergen {
  height: 140px;
}

/*** Überschriften ***/

#damenuebersicht h2,
#originalsuebersicht h2,
#herrenuebersicht h2,
#damenuebersicht h2 a,
#originalsuebersicht h2 a,
#herrenuebersicht h2 a {
  color: #000;
}

#damenuebersicht h2,
#originalsuebersicht h2,
#herrenuebersicht h2 {
  position: relative;
  margin: 3em 0 3em -20px;
  padding: 0.3em 0 1.2em 40px;
  font-size: 140%;
  background: url(../images/css/bg_kollektionshl_originals.png) no-repeat top left #fff;
}

#damenuebersicht h2:before,
#originalsuebersicht h2:before,
#herrenuebersicht h2:before {
  display: block;
  position: absolute;
  top: 0;
  left: 30px;
  content: "/";
  font-style: italic;
  font-size: 140%;
}

#damenuebersicht h2   { background-image: url(../images/css/bg_kollektionshl_damen.png) }
#herrenuebersicht h2  { background-image: url(../images/css/bg_kollektionshl_herren.png) }

#damenuebersicht h3,
#originalsuebersicht h3,
#herrenuebersicht h3 {
  margin: 2em 40px 1.6em 20px;
  border-bottom: 1px solid #cbd8d8;
}

/*** Neu-Button ***/

ul.uebersicht li.neu:after,
ul.uebersicht li.new:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  content: " ";
}

ul.uebersicht li.neu:after   { background: url(../images/css/badge_neu_thumb.png) no-repeat top left transparent;  }
ul.uebersicht li.new:after   { background: url(../images/css/badge_new_thumb.png) no-repeat top left transparent; }

/***********************
			Modelle
***********************/

#modellfooter {
  margin-left: 40px;
}

.models {
  position: relative;
  padding: 50px 0;
}

.models .large {
  margin-left: 40px !important;
}

.models img.modelimg {
  min-height: 168px;
}

.models h3, #fussbetten h3 {
  position: relative;
  color: #000;
  height: 34px;
  width: 470px;
  padding-left: 0.6em;
  background: url(../images/css/bg_modelshl.png) no-repeat top left #fff;
}

.models h3:before, #fussbetten h3:before {
  display: block;
  position: absolute;
  top: 0;
  left: -0.3em;
  content: "/";
  font-style: italic;
  font-size: 140%;
}

.models p.desc {
  line-height: 130%;
}

.models table {
  margin-top: -4.35em;
  width: 460px !important;
}

.models table * {
	vertical-align: top;
}

.models tbody td,
.models tbody th {
	padding: 0.5em 0;
}

.models thead th {
  text-align: center;
	padding-bottom: 2em;
}

.models table col.artnr {
  text-align: center;
	width: 105px;
}

.models .artdata > div {
  margin-left: -7.5em;
  width: 6.75em;
  float: left;
	font-style: italic;
	text-align: right;
	color: #888;
}

span.bar {
  display: block;
  float: left;
}

span.slash {
  letter-spacing: -0.1em;
}

/*** Sondercontent ***/

.models .modellcontent {
  position: relative;
}

p.schnuersenkel {
  background: #fff;
  padding: 0.5em;
  font-style: italic;
}

/*** Sonderfälle ***/

#annapolis table {
  margin-left: 60px;
  width: 400px !important;
}

#alphen .modellcontent,
#hamburg .modellcontent {
  margin-top: 50px;
}

#denhaag .modellcontent,
#konstanz .modellcontent,
#pasadena2 .modellcontent {
  margin-top: 100px;
}

#alvor .modellcontent,
#pasadena3 .modellcontent,
#pasadenahigh2 .modellcontent {
  margin-top: 150px;
}

#konstanz img.modelimg {
  margin-top: 50px;
}

.scrollContainer #darlington2.panel {
  padding-top: 120px !important;
}

.scrollContainer #pontesor2.panel,
.scrollContainer #derby.panel,
.scrollContainer #breda.panel,
.scrollContainer #pasadenahigh2.panel,
.scrollContainer #alvor.panel,
.scrollContainer #bergen.panel,
.scrollContainer #delft.panel,
.scrollContainer #alphen.panel {
  padding-top: 150px !important;
}

.scrollContainer #cornwall.panel,
.scrollContainer #wicklow.panel,
.scrollContainer #hamburg.panel,
.scrollContainer #pavia.panel,
.scrollContainer #pasadena2.panel,
.scrollContainer #pasadena3.panel,
.scrollContainer #konstanz.panel {
  padding-top: 170px !important;
}

/*** BADGE NEW ***/

.models div.new,
.models div.neu {
  position: absolute;
  top: 150px;
  left: 50px;
  width: 110px;
  height: 110px;
}

.models div.neu   { background: url(../images/css/badge_neu.png) no-repeat top left transparent;  }
.models div.new   { background: url(../images/css/badge_new.png) no-repeat top left transparent; }

#breda div.neu,
#breda div.new {
  left: 450px !important;
}

#alvor div.neu,
#alvor div.new,
#cornwall div.neu,
#cornwall div.new,
#kensington div.neu,
#kensington div.new,
#hamburg div.neu,
#hamburg div.new,
#luebeck div.neu,
#luebeck div.new,
#koeln div.neu,
#koeln div.new,
#trier div.neu,
#trier div.new,
#wiesbaden div.neu,
#wiesbaden div.new,
#koblenz div.neu,
#koblenz div.new,
#corvallis div.neu,
#corvallis div.new,
#flensburg div.neu,
#flensburg div.new,
#freiburg div.neu,
#freiburg div.new,
#saoluis div.neu,
#saoluis div.new,
#oldenburg div.neu,
#oldenburg div.new,
#delft div.neu,
#delft div.new,
#pasadena1 div.neu,
#pasadena1 div.new,
#pasadena4 div.neu,
#pasadena4 div.new {
  left: 600px !important;
}

#duesseldorf div.neu,
#duesseldorf div.new,
#borkum div.neu,
#borkum div.new,
#denhaag div.neu,
#denhaag div.new,
#madeira div.neu,
#madeira div.new,
#regensburg div.neu,
#regensburg div.new,
#bamberg div.neu,
#bamberg div.new,
#konstanz div.neu,
#konstanz div.new,
#mainz div.neu,
#mainz div.new,
#pasadena3 div.neu,
#pasadena3 div.new,
#pasadenahigh2 div.neu,
#pasadenahigh2 div.new {
  left: 700px !important;
}

#pasadena2 div.neu,
#pasadena2 div.new {
  left: 800px !important;
}

#alvor div.neu,
#alvor div.new,
#breda div.neu,
#breda div.new,
#delft div.neu,
#delft div.new {
  top: 250px;
}

#freiburg div.neu,
#freiburg div.new {
  top: 120px;
}

/*** Überschriften ***/

#damen h2,
#originals h2,
#herren h2 {
  position: relative;
  margin-bottom: 1em;
}

#damen h2:before,
#originals h2:before,
#herren h2:before {
  display: block;
  position: absolute;
  top: 0.2em;
  left: -20px;
  height: 50px;
  width: 15px;
  content: " ";
}

#damen h2:before      { background: #cf8089; }
#originals h2:before  { background: #deaf3b; }
#herren h2:before     { background: #47809a; }

#damen h2             { color: #cf8089; }
#originals h2         { color: #deaf3b; }
#herren h2            { color: #47809a; }



/***********************
			Scripts
***********************/

/*** Coda Slider ***/

#slider {
  position: relative;
}

.scroll {
  height: 750px;
  margin-top: -130px;
  margin-left: 1px;
  width: 958px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
  clear: left;
}

.scrollContainer div.panel {
  width: 900px;
  padding-top: 200px;
}

.scrollButtons {
	  position: absolute;
	  z-index: 1;
	  top: 200px;
	  width: 68px;
	  height: 68px;
	  background-image: url(../images/css/bg_arrow.png);
	  background-repeat: no-repeat;
    cursor: pointer;
}

.scrollButtons.left {
	  left: -32px;
	                          background-position: 0 0;         }

.scrollButtons.right {
	  right: -32px;
	                            background-position: -66px 0;     }

.scrollButtons.left:hover  { background-position: 0 -66px;     }
.scrollButtons.right:hover { background-position: -66px -66px; }


ul.navigation {
  margin-top: 40px;
  margin-left: 20px !important;
  list-style: none;
}

ul.navigation li {
  display: inline;
  margin-right: 0.5em;
}

ul.navigation a {
  color: #9a846c;
}

ul.navigation a:hover {
  color: #9a846c;
}

ul.navigation a.selected {
  color: #000;
}

ul.navigation a:focus {
    outline: none;
}

/*** Accordion ***/


#accordion h3 {
  cursor: pointer;
}

#accordion h3.ui-state-active {
}

/*** Tooltipp ***/

#tooltip {
	position: absolute;
	z-index: 4;
	padding: 1em;
	border: 1px solid #fff;
	background-color: #cdbda5;
	border-radius: 8px;
	box-shadow: 0 0 10px #333;
}

#tooltip h3, #tooltip div {
  margin: 0;
  max-width: 420px;
  color: #000;
  text-transform: none;
	font: normal 85% verdana, helvetica, sans-serif;
}

p.desc a.tt {
  display: inline-block;
  position: relative;
  color: #000;
  padding: 0 12px 0 2px;
  border-bottom: 1px solid #ccc;
}

a.tt:focus, a.tt:hover, a.tt:active {
	text-decoration: none;
}

.tt span {
  display: block;
  position: absolute;
  top: 1px;
  right: -8px;
  width: 16px;
  height: 16px;
  background: url(../images/css/bg_soleinfo.png) top left transparent;
}

ul.navigation a.tt {
  padding: 0.5em;
  border: none;
}

ul.navigation #tooltip {
	padding: 0.3em !important;
}