/*
	vim: set fdm=marker:

	Common Styles für Remus

	(c) 2005 by T-SIGN Studios, http://www.t-sign.com

	Authors: Thomas Vavra (t.vavra@t-sign.com)
	         Jens Nedal   (j.nedal@t-sign.com)
*/
/* {{{ Standard Styles */
html, body {
	margin: 0;
	padding: 0;
}
body {
	/*background-color: #D50A27;*/
	background-color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 60%;
}
ul {
	padding: 0;
	margin: 0;
}
li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

img {
	border: 0;
}
p {
	margin: 1em 0;
	padding: 0;
	line-height: 1.3em;
}
form {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 0px;
}
.nodisplay {
	display: none;
}
#container {
	width: 990px;
	margin: 16px auto;
}
#container .formular-eingabe-fehler {
	border: 1px solid #D50A27;
	background: #FFFFE1 url(/images/misc/formular-fehler.png) no-repeat 5px center;
	background-color: #FFFFE1;
	padding: 1em 1em 1em 50px;
	margin: 0.5em 0 1em 0;
	font-size: 1.2em;
	text-align: left; 
}
#container .formular-eingabe-fehler ul {
	padding: 1em;
}
#container .formular-eingabe-fehler li {
	list-style-type: disc;
}

#remus label span.orange {
	display: none;
}
/* }}} */
/* ################################################################### */
/* {{{ Header */
/* ################################################################### */
#container #header {
	/*background: url(/images/content/produkt/headerBg.png) no-repeat;*/
	/*border: solid 1px black;*/
	width: 890px;
	height: 149px;
}

#container #header .menu {
	/*background: url(/images/content/produkt/headerLine.png) no-repeat 15px 17px;*/
	/*border: solid 1px black;*/
	width: 650px;
	height: 23px;
	padding: 0px;
	margin: 0;
	float: left;
}

.menu2 {
  width: 702px;
  height: 19px;
  background-color: #ed1c24;
  padding-top: 4px;
  padding-left: 10px;
  color: #ffffff;
  font-weight: bold;
}

#container #header .menu h1 {
	padding: 0;
	margin: 0;
	/*background: url(/images/content/produkt/headerProductOverview.png) no-repeat;*/
	/*border: solid 1px blue;*/
	width: 640px;
	height: 36px;
}
#container #header .logo {
	/*background: url(/images/content/produkt/remusLogo.png) no-repeat 10px 12px;*/
	background: url(/images/nshop/logo.jpg) no-repeat;
	width: 180px;
	height: 116px;
	padding: 0;
	margin: 0;
	float: left;
}

.topcontainer {
  position: relative;
  width: 710px;
  height: 116px;
  float: left;
  text-align: right;
}

.languageSelector {
  width: 100%;
}

.menuLeft {
  float: left;
  width: 180px;
  height: 530px;
  background: url(/images/nshop/menuleft_bg.jpg) repeat-y;
}

.menuLeft * {
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

.spacer {
  width: 180px;
  height: 23px;
  background: url(/images/nshop/online_shop.jpg) no-repeat;
  float: left;
}

.footspacer {
  width: 100%;
  line-height: 10px;
  height: 10px;
  clear: both;
}

/* Login fuer Produkte (Importeure) */
#container #header .loginform {
	font-size: 0.9em;
	color: white;
	padding: 0 0 0 130px;
}
#container #header .loginform h2 {
	font-size: 1em;
	margin: 3px 0 2px 4px;
	padding: 0;
}
/* ################################################################### */
/* {{{ popup */
/* ################################################################### */
#popup {
	background: white;
	color: #666666;
	width: 600px;
	padding: 15px;
	margin: auto;
}
#popup .rahmen {
	width: 600px;
	height: 450px;
	padding: 0;
	margin: 0;
	border: 1px solid #999999;
}
#popup .produkt-print {
	padding: 3px 0 0 3px;
	font-size: 1.2em;
	color: #D50A27;
	text-align: right;
}
#popup .produkt-titel {
	padding: 0 0 0 3px;
	font-size: 1.2em;
	color: #D50A27;
	font-weight: bold;
}
#popup .produkt-nr {
	padding: 3px 0 3px 3px;
	color: #666666;
	font-size: 1.1em;
}
#popup .produkt-fahrzeug {
	padding: 0 0 3px 3px;
	color: #666666;
	font-size: 1.1em;
}
#popup .produkt-pointers {
	background: #999999;
	margin: 3px 0 0 0;
	padding: 1px;
	text-align: center;
}
#popup .produkt-pointers ul {
	padding: 0 0 0 220px;
	margin: 0;
	
}
#popup .produkt-pointers li {
	float: left;
	padding: 0 0 0 1px;
	margin: 2px 0 0 0;
	list-style-type: none;
}
	
/* ################################################################### */
/* {{{ Selection */
/* ################################################################### */
#container #header #selection {
	width: 567px;
	height: 40px;
	padding: 0;
	margin: 0;
}
#container #header #selection li {
	background: url(/images/content/produkt/selectionBg.png) no-repeat;
	width: 189px;
	padding: 14px 0 14px 0;
	margin: 0;
	font-weight: bold;
	color: white;
	text-align: center;
	float: left;
}
#container #header #selection li a {
	color: white;
	text-decoration: none;
}
#container #header #selection li.li-a {
	/*background: url(/images/content/produkt/selectionBg_a.png) no-repeat;*/
	cursor: pointer;
}
/* }}} */
/* ################################################################### */

/* ################################################################### */
/* {{{ Kategorie */
/* ################################################################### */
#container #header #kategorie {
	/*background: url(/images/content/produkt/kategorieBg.png) no-repeat;*/
	background-color: #ed1c24;
	width: 710px;
	height: 23px;
	padding: 0;
	margin: 0;
}
#container #header #kategorie li {
	/*background: url(/images/content/produkt/kategorieLiBg.png) no-repeat 10px 8px;*/
	padding: 5px 0 0 18px;
	margin: 0;
	color: white;
	float: left;
}
/* Weisse Schrift */
#container #header #kategorie li a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
/* Gelber Punkt */
#container #header #kategorie li.li-a {
	/*background-image: url(/images/content/produkt/kategorieLiBg_a.png);*/
}
/* Aktivierte Schrift */
#container #header #kategorie li.li-a a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

/* }}} */
/* ################################################################### */

/* ################################################################### */
/* {{{ Function */
/* ################################################################### */

#container #header #function {
	padding: 15px 0 0 15px;
	margin: 0;
	font-size: 0.9em;
	line-height: 1em;
}
#container .importeur-login #header #function {
	padding: 6px 0 0 15px;
}
#container #header #function li {
	padding: 0;
	margin: 0;
	color: white;
	float: left;
}
#container #header #function li.login {
	background: url(/images/content/produkt/loginBg.png) no-repeat;
	padding: 6px 0 0 0;
	margin: 0;
	width: 55px;
	height: 15px;
	text-align: center;
}
#container #header #function li.suche {
	background: url(/images/content/produkt/sucheBg.png) no-repeat;
	padding: 6px 0 0 0;
	margin: 0;
	width: 48px;
	height: 15px;
	text-align: center;
}
#container #header #function li.leer0 {
	background: url(/images/content/produkt/leerBg0.png) no-repeat;
	padding: 0 0 0 0;
	margin: 0;
	width: 342px;
	height: 21px;
}
#container #header #function li.leer1 {
	background: url(/images/content/produkt/leerBg1.png) no-repeat;
	padding: 6px 0 0 5px;
	margin: 0;
	width: 287px;
	height: 15px;
}
#container #header #function li.suche {
	background: url(/images/content/produkt/sucheBg.png) no-repeat;
	padding: 6px 0 0 0;
	margin: 0;
	width: 50px;
	height: 15px;
	text-align: center;
}
#container #header #function li.sprache {
	background: url(/images/content/produkt/spracheBg.png) no-repeat;
	width: 169px;
	height: 20px;
	padding: 1px 1px 0 0;
	margin: 0;
	text-align: right;
}
#container #header #function li.sprache ul {
	padding: 0;
	margin: 0;
}
#container #header #function li.sprache li.begin {
	width: 60px;
	padding: 6px 0 0 0;
	margin: 0;
	float: left;
	text-align: right;
}
#container #header #function li.sprache li {
	width: 109px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: right;
}
#container #header #function li.sprache .go {
	width: 25px;
	height: 20px;
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}
#container #header #function li.warenkorb {
	background: url(/images/content/produkt/warenkorbBg.png) no-repeat;
	padding: 6px 0 0 0;
	margin: 0 0 0 10px;
	width: 90px;
	height: 15px;
	text-align: center;
}
#container #header #function li.agb {
	background: url(/images/content/produkt/warenkorbBg.png) no-repeat;
	padding: 2px 0 0 0;
	margin: 0;
	width: 91px;
	height: 19px;
	text-align: center;
}
#container #header #function li.agb1 {
	background: url(/images/content/produkt/warenkorbBg.png) no-repeat;
	padding: 6px 0 0 0;
	margin: 0;
	width: 91px;
	height: 19px;
	text-align: center;
}
#container #header #function li a {
	color: white;
	text-decoration: none;
}
#container #header #function select {
	padding: 0;
	margin: 0;
	border: 1px solid #CCCCCC;
	font-size: 1.1em;
	width: 80px;
	height: 16px;
}
/* }}} */
/* ################################################################### */
/* }}} */
/* ################################################################### */


/* ################################################################### */
/* {{{ Content */
/* ################################################################### */
#container #tree {
  float: left;
	text-align: left;
	border: solid 1px #ed1c24;
	width: 650px;
	padding: 20px 30px;
}
#container #tree #produkt-kategorie {
  width: 710px;
	padding: 0 0 10px 0;
	margin: 0;
}
#container #tree #produkt-kategorie img {
	padding: 0 10px 0 0;
	margin: 0;
}
#container #tree .listing {
	padding: 0;
	margin: 0;
	background: white;
	position: relative;
}
#container #tree .listing a {
	color: #D50A27;
	text-decoration: none;
}
#container #tree .listing a.marke {
	color: #666666;
	text-decoration: none;
}
#container #tree .listing a:hover.marke {
	color: #D50A27;
}
/*#container #tree #listing a:link.marke {
	color: #666666;
}*/
#container #tree .listing  li {
	background: url(/images/content/produkt/produktTree/treeLi.png) no-repeat 0 5px;
	padding: 2px 0 2px 13px;
	font-weight: bold;
	color: #D50A27;
	margin: 0;
}
#container #tree .listing-lvl1 {
	padding: 2px 0 5px 1px;
	margin: 0;
}
#container #tree .listing-lvl1  li {
	background: white url(/images/content/produkt/produktTree/treeLi2.png) no-repeat 0 5px;
	padding: 2px 0 2px 6px;
	font-weight: bold;
	color: #666666;
	margin: 0;
}
#container #tree .listing-lvl1 a {
	color: #666666;
	text-decoration: none;
}
#container #tree .listing-lvl1 a:hover {
	color: #D50A27;
}
#container #tree .listing .grau {
	color: #666666;
	padding: 0;
	margin: 0;
}
#container #tree .artnr-input {
	padding: 2px;
	margin: 0;
	border: 1px solid #CCCCCC;
	font-size: 1.1em;
	width: 80px;
}
#container #tree .artnr-go {
	padding: 2px;
	margin: 0;
	border: 1px solid #CCCCCC;
	font-size: 1.1em;
	font-weight: bold;
	width: 30px;
	text-align: center;
}
#container #tree ul.cart-list {
	background: #DDDDDD;
	height: 14px;
	padding: 3px 3px 3px 4px;
}
#container #tree li.cart-list-li {
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.2em;
	float: left;
}
#container #tree li.cart-list-li a {
	color: black;
}
#container #tree .produkt-table {
	width: 100%;
	padding: 0;
	margin: 0;
}
#container #tree .produkt-td-b {
	background: #EEEEEE;
	padding: 3px;
	margin: 0;
	font-weight: bold;
	font-size: 1.3em;
}
#container #tree .produkt-td-b-r {
	background: #EEEEEE;
	padding: 3px;
	margin: 0;
	font-weight: bold;
	font-size: 1.3em;
	text-align: right;
}
#container #tree .produkt-td {
	padding: 3px;
	margin: 0;
	font-size: 1em;
	border-bottom: 1px solid #DDDDDD;
}
#container #tree .produkt-td-r {
	padding: 3px;
	margin: 0;
	font-size: 1em;
	text-align: right;
	border-bottom: 1px solid #DDDDDD;
}
#container #tree .cart-anzahl-input {
	padding: 2px;
	margin: 0;
	border: 1px solid #CCCCCC;
	font-size: 1em;
	width: 39px;
	text-align: right;
}
#container #tree li.buttons {
	padding: 2px;
	margin: 0;
	float: left;
}
#container #tree .input-submit {
	padding: 2px;
	margin: 0;
	font-size: 1em;
}
#container #tree .input-submit-b {
	padding: 2px;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
}
#container #tree .agb-checkbox {
	padding: 2px 0 5px 0;
	margin: 0;
}
/* ################################################################### */
/* {{{ Content Produkt */
/* ################################################################### */
#container #tree #produkt-head {
	padding: 2px 3px 0 0;
	margin: 0;
	width: 100%;
	color: #666666;
	height: 14px;
	background: url(/images/content/produkt/produktTree/headerProduktliste.png) #EEEEEE no-repeat 10px 4px;
	text-align: right;
}
#container #tree #produkt-head a {
	color: #666666;
	text-decoration: underline;
}
#container #tree #produkt-footer {
	padding: 2px 3px 0 3px;
	margin: 0;
	width: 100%;
	color: #666666;
	height: 14px;
	background: #EEEEEE;
}
#container #tree #produkt-footer a {
	color: #666666;
	text-decoration: underline;
}
#container #tree #produkt-footer .top {
	color: #666666;
	text-decoration: none;
	
}
#container #tree #produkt-footer .left {
	width: 50%;
	float: left;
}
#container #tree #produkt-footer .right {
	width: 50%;
	float: right;
	text-align: right;
}
#container #tree .produkt-bild {
	padding: 10px 0 10px 10px;
	width: 180px;
	aheight: 160px;
	float: left;
}
#container #tree .produkt-bild .rahmen {
	padding: 0;
	margin: 0 0 3px 0;
	width: 178px;
	height: 155px;
	border: 1px solid #999999;
	text-align: center;
}
#container #tree .produkt-bild .rahmen .zoom {
	background: #999999;
	width: 59px;
	height: 14px;
	padding: 0;
	margin 0;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	color: white;
	float: left;
}
#container #tree .produkt-bild .rahmen .zoom a{
	color: white;
	text-decoration: none;
}
#container #tree .produkt-bild .rahmen .backward {
	width: 58px;
	padding: 0;
	margin 0;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	text-align: center;
	float: left;
}
#container #tree .produkt-bild .rahmen .forward {
	width: 59px;
	padding: 0;
	margin 0;
	border-bottom: 1px solid #999999;
	text-align: center;
	float: left;
}
#container #tree .produkt-bild .rahmen-no-image {
	padding: 60px 0 0 0;
	margin 0;
	width: 178px;
	height: 70px;
	border: 1px solid #999999;
	color: #666666;
	text-align: center;
	font-size: 0.9em;
}

#container #tree .produkt-text ul.produkt-bild-ul {
	padding: 3px 0 0 0;
	margin: 0;
}
#container #tree .produkt-text li.produkt-bild-li {
	background: url(/images/content/produkt/produktTree/treeLi2.png) no-repeat 0 4px;
	padding: 0 0 0 7px;
	color: #666666;
	margin: 0;
}
#container #tree .produkt-text li.produkt-bild-li a {
	color: #666666;
	text-decoration: none;
}
#container #tree .produkt-text {
	padding: 10px 0 10px 10px;
	margin: 0;
	width: 530px;
	float: left;
}
#container #tree .produkt-text .produkt-related li .related,
#container #tree .produkt-text .produkt-related li .related-text {
	float: left;
}
#container #tree .produkt-text .produkt-related li .related-text {
	width: 450px;
}
#container #tree .produkt-text a {
	color: #666666;
}
#container #tree .produkt-text ul {
	padding: 0;
	margin: 0;
}
#container #tree .produkt-text li {
	color: #666666;
	padding: 0 0 3px 0; 
	margin: 0;
}
#container #tree .produkt-text li.produkt-titel {
	aheight: 32px;
	font-size: 1.2em;
	color: #D50A27;
	font-weight: bold;
}
#container #tree .produkt-text li.produkt-preis {
	padding: 10px 0 5px 0;
}
#container #tree .produkt-text .produkt-anzahl-input {
	padding: 2px;
	margin: 0;
	border: 1px solid #CCCCCC;
	font-size: 1.1em;
	width: 39px;
	text-align: right;	
}
#container #tree .produkt-text .produkt-cart p {
	margin: 2px 0;
}
#container #tree .produkt-line {
	background-color: #DDDDDD;
	margin: 0;
	width: 100%;
	height: 2px;
	line-height: 1px;
	font-size: 1px;
	
}
#container #tree .importeur-news {
	width: 400px;
	padding: 0 0 0 15px;
}
#container #tree .importeur-news ul {
	padding: 0;
	margin: 0;
}
#container #tree .importeur-news li {
	padding: 10px 0 0 0;
	margin: 0;
	list-style-type: square;
}
/* }}} */
/* ################################################################### */

/* }}} */
/* ################################################################### */

/* ################################################################### */
/* {{{ Footer */
/* ################################################################### */
#container #footer {
  clear: both;
	background: url(/images/content/produkt/footerBg.png);
	height: 29px;
}
#container #footer ul {
	padding: 13px 0 0 30px;
	margin: 0;
}
#container #footer li {
	padding: 0;
	margin: 0;
	float: left;
}
#container #footer li.tsign {
	padding: 0 30px 0 0;
	float: right;
}
/* }}} */
/* ################################################################### */
/*********************************************************************** 
	END
************************************************************************/