/* Design CSS - Domain.de */

/* Allgemeine Angaben */

* {
	padding:0;
	margin:0;
	font-family: Verdana, tahoma, sans-serif;
	}

html {
	height:100%;
	}

html {
	overflow: -moz-scrollbars-vertical !important;
}

body {
	font: 11px/18px verdana, tahoma, sans-serif;
	height:100%;
	width:100%;
	background:url(/wLayout/design/img/bg-body.gif) top center no-repeat #282828;
	}

h1 {
	font:2.2em/1.2em verdana, tahoma, sans-serif;
	margin: 16px 8px;
	}

h2 {
	font:1.6em/1.2em verdana, tahoma, sans-serif;
	margin: 16px 8px;
	}

h3 {
	font:1.2em/1.2em verdana, tahoma, sans-serif;
	margin:2px 0;
	}

a {
	color:#000000;
	text-decoration:none;
	border:0;
	}

a:hover {
	color:#ff0000;
	text-decoration:underline;
	}

/* remove dotted lines in firefox */

a:active {
	outline: none;
}

a:focus {
	outline: none;
}

p {
	margin:0 0 8px 0;
	}

ul {
	list-style:disc;
	list-style-position:outside;
	margin:0 0 8px 15px;
	}

ol {
	list-style:decimal;
	list-style-position:outside;
	margin:0 0 8px 21px;
	}

hr {
	color:#3776a0;
	border:none;
	border-top:1px dotted #cccccc;
	height:1px;
	line-height:1px;
	margin:6px 0;
}

hr.divider {
	color:#C5C5C5;
	border:none;
	border-top:1px solid #C5C5C5;
	height:1px;
	line-height:1px;
	margin:0;
}

select {
    width:196px;
}

textarea {
	border:1px solid #C5C5C5;
	background:#ededed;
}

table {
	font-size:1em;
	}

table td {
	font-size:1em;
	padding:2px 0;
	}

.clear {
	clear:both;
}

img {
	border:0;
}

a {
	border:0;
}

.px12 {
	font-size:1.1em;
}

.px13 {
	font-size:1.18em;
}

.px15 {
	font-size:1.36em;
}

/* Template */

#header {
	height:56px;
	padding:62px 0 0 0;
	margin:0 auto;
	width:940px;
	position:relative;
	}

#header h1.logo a {
	background:url(/wLayout/design/img/logo.jpg) no-repeat;
	display:block;
	float:left;
	height:42px;
	width:186px;

	}
#header h1.logo {

	padding:0;
	margin:8px;
	}

#header h1.logo a span {
	display:none;
	}

#outercontent {
	background:url(/wLayout/design/img/bg-outercontent.gif) repeat-y;
	margin:0 auto;
	padding:0 0 0 1px;
	width:939px;
	}

#outercontenthome {
	margin:0 auto;
	padding:0 0 0 1px;
	height:508px;
	width:939px;
	}

#breadcrumb {
	background:#c5c5c5;
	height:33px;
	width:939px;
	overflow: hidden;
}

#left {
	float:left;
	width:188px;
	}

#search span {
	display:block;
	padding: 5px 0px 6px 0px;
	}

#search {
	position:relative;
	float:left;
	margin-top: -29px;
	padding: 0px 0px 6px 9px;
	}

#search .q {
	font: normal normal normal 12px Verdana, sans-serif;
	height:17px;
	width:137px;
	border:1px solid #8d8d8d;
	border-right: 0;
	padding: 3px;
	}

#search .submit {
	height:25px;
	width:25px;
	border:0;
	background:url(/wLayout/design/img/suche.gif);
	}

#kopfbild {
	border-bottom:1px solid #c5c5c5;
	float:right;
	height:100px;
	width:750px;
	color:#ffffff;
	font-size:38px;
	line-height:151px;
	overflow:hidden;
	text-indent:8px;
	}

#footer {
	margin:0 auto;
	width:940px;
	}

ul#flaggen {
	float:left;
	list-style:none;
	margin:13px 0 0 0;
	}

ul#flaggen li {
	display:block;
	float:left;
	margin:0 3px 0 0;
	height:18px;
	width:18px;
	}

ul#flaggen li a {
	display:block;
	height:18px;
	width:18px;
	}

ul#flaggen li a span {
	display:none;
	}

ul#flaggen li a.de {
	background:url(/wLayout/design/img/flagge-de.gif) top left;
	}

ul#flaggen li a.en {
	background:url(/wLayout/design/img/flagge-en.gif) top left;
	}

ul#flaggen li a.nl {
	background:url(/wLayout/design/img/flagge-nl.gif) top left;
	}

ul#flaggen li a.fr {
	background:url(/wLayout/design/img/flagge-fr.gif) top left;
	}

ul#flaggen li a.es {
	background:url(/wLayout/design/img/flagge-es.gif) top left;
	}

ul#flaggen li a.se {
	background:url(/wLayout/design/img/flagge-se.gif) top left;
	}

ul#flaggen li a.de:hover, ul#flaggen li.selected a.de {
	background:url(/wLayout/design/img/flagge-de.gif) top right;
	}

ul#flaggen li a.en:hover, ul#flaggen li.selected a.en  {
	background:url(/wLayout/design/img/flagge-en.gif) top right;
	}

ul#flaggen li a.nl:hover, ul#flaggen li.selected a.nl  {
	background:url(/wLayout/design/img/flagge-nl.gif) top right;
	}

ul#flaggen li a.fr:hover, ul#flaggen li.selected a.fr  {
	background:url(/wLayout/design/img/flagge-fr.gif) top right;
	}

ul#flaggen li a.es:hover, ul#flaggen li.selected a.es  {
	background:url(/wLayout/design/img/flagge-es.gif) top right;
	}

ul#flaggen li a.se:hover, ul#flaggen li.selected a.se  {
	background:url(/wLayout/design/img/flagge-se.gif) top right;
	}


/* Startseite */

#startseitelogo {
	position:relative;
	background:url(/wLayout/design/img/startseite-logo.gif) bottom no-repeat;
	height:125px;
	margin:0 auto;
	padding:224px 0 0 20px;
	width:372px;
	}

.link{
	left:20px;
	top:125px;
	position:absolute;
	height:104px;
	width:350px;
	display:block;
}

.link span {
	display:none;
}

#laufleiste {
	height:150px;
	width:100%;
	}


#laufleiste a {
	display:block;
	background: url(/wLayout/design/img/bildleiste.jpg);
	height:150px;
	width:100%;
	}

#laufleiste a span {
	display:none;
	}

/* Home */

#outercontenthome .blockContent {
	background:none;
	padding:10px 4px 0 0;
	width:295px;
	}

#outercontenthome .blockContent .box.news {
	background: url(/wLayout/design/img/bg-285-128.png);
	}

#outercontenthome .blockContent .box.neuheiten {
	background: url(/wLayout/design/img/bg-285-145.png);
	}

#outercontenthome .blockContent .box.schnaeppchen {
	background: url(/wLayout/design/img/bg-285-85.png);
	}

#outercontenthome .blockContent .box.werbetechnik {
	background: url(/wLayout/design/img/bg-285-85.png);
	}

#outercontenthome .blockContent .box {
	color: #ffffff;
	margin:0 0 2px 0;
	padding: 5px;
	width: 285px;
	}

#outercontenthome .blockContent .img {
	margin: 0;
	padding: 0;
	}

#outercontenthome .blockContent .box a {
	line-height: 1px;
	margin: 0;
	padding: 0;
	}

#outercontenthome .blockContent .box .news {

	height:105px;
	padding: 18px 4px 5px 4px;
	color: #ffffff;
	overflow:hidden;
	}

#outercontenthome .blockContent .box .news a {
	line-height:18px;
	color: #ffffff;
	}

#outercontenthome .blockContent .box .news a span {
	color: #ff0000;
	}

#outercontenthome .blockContent .box h2 {
	font-size:11px;color:#8b8b8b;position:absolute;margin:0;padding:2px 3px
	}

#outercontenthome .blockContent .box p {
	color: #ffffff;
	}

a#print {
	text-align:right;
	float:right;
	background:url(/wLayout/design/img/printer.gif) 0px 0px no-repeat;
	text-indent:20px;
	padding:0 10px 0 0;
}

a#print:hover {

	background:url(/wLayout/design/img/printer.gif) 0px -48px no-repeat;

}


/* Inhalt */

.blockContent {
	background:#fff;
	float:right;
	width:750px;
	}

.elementHeadline {
	margin:0 8px;
	}

.elementStandard {
	padding:0 0 6px 0;
	margin:8px 8px 8px 16px;
	}

.elementForm {
	padding:0 0 6px 16px;
	margin:8px 8px 8px 0;
	}


/* Produktliste */

.elementProduktliste {
	padding:0;
	margin:0;
	}

.elementProduktliste div {
	float:left;
	width:370px;
	}

.elementProduktliste div h2 {
	color:#282828;
	float:right;
	font-size:13px;
	margin:0 5px 6px 0;
	width:200px;
	font-weight:bold;
	}

.elementProduktliste div h2 a {
	color:#282828;
	text-decoration:none;
	}

.elementProduktliste div p {
	float:right;
	margin:0 5px 6px 0;
	width:200px;
	}

.elementProduktliste div p strong {
	color:#838383;
	font-style:italic;
	}

.elementProduktliste div p a {
	background:url(/wLayout/design/img/bg-produkt-link.gif) 0 50% no-repeat;
	color:#282828;
	font-weight:bold;
	padding:0 0 0 8px;
	}

.elementProduktliste .left {
	border-bottom:1px solid #c5c5c5;
	border-right:1px solid #c5c5c5;
	padding:11px 0 4px 4px;
	}

.elementProduktliste .right {
	border-bottom:1px solid #c5c5c5;
	padding:11px 0 4px 4px;
	width:371px;
	}

.elementProduktliste .image {
	width: 150px;
	height: 170px;
	float: left;
	text-align:center;
}

.elementProduktliste .text {
	width: 200px;
	height: 155px;
	float: right;
}

/* Produktdetailseite */

.green {
	color:#00cc33 !important;
}

.red {
	color:#cc0000 !important;
}

#barcode {
	margin: 15px 0;
}


.elementProduktdetail {
	padding:20px;
	margin:0 0 20px 0;
	}

.elementProduktdetail ul {
	padding:10px 0 10px 20px;
	margin:0;
	}

.elementProduktdetail div h1 {
	color:#282828;
	font-size:13px;
	margin:0 5px 6px 0;
	font-weight:bold;
	}

.elementProduktdetail .image {
	float:left;
	width:200px;
	}

.elementProduktdetail .description {
	margin:0 5px 6px 0;
}


.elementProduktdetail .produktdetailcontent {
	float:left;
	width:300px;
	}

.elementProduktdetail div p {
	margin:0 5px 6px 0;
	}

.elementProduktdetail div p strong {
	color:#838383;
	font-style:italic;
	}

.elementProduktdetail .image{
	text-align:center;
	width:315px;
	}

.elementProduktdetail .farbcodes {
	display:block;
	width:42px;
	margin:0px 20px 0px 20px;
	float:left;
}

.elementProduktdetail .farbcodes img {
    margin: 0 0 10px 0;
    border: 1px solid #C5C5C5;
}


.elementProduktdetail form{
	margin:10px 0 0 0;
}
.elementProduktdetail .bilderklein{
	clear:both;
	margin:10px 0 0 0;
	padding:0 5px 0 0;
}

.elementProduktdetail span.showbig{
	text-align:right;
	display:block;
	width:290px;
	float:right;
	margin:0 5px 0 0;
}

.elementProduktdetail form {
	clear:both;
}

.elementProduktdetail select {
	font: normal normal normal 12px Verdana, sans-serif;
	font-size:11px;
	height:25px;
	width:137px;
	border:1px solid #8d8d8d;
	border-right: 0;
	padding: 3px;
	float:left;
}

.elementProduktdetail .submit {
	height:25px;
	width:25px;
	border:0;
	background:url(/wLayout/design/img/suche.gif);
	}

/* Formular */

#formleft {
	width:300px;
	float:left;
}

#formright {
	width:310px;
	float:left;
}

label {
	width:150px;
	float:left;
	margin:0 0 5px 0;
}

label.nachricht {
	width:200px;
}

select {
	font: normal normal normal 12px Verdana, sans-serif;
	font-size:11px;
	width:200px;
	padding:1px 0 2px 0;
}

#search input {
	width:196px;
	float:left;
	margin:0 0 5px 0;
}

input {
	width:196px;
	margin:0 0 5px 0;
	padding: 3px;
	border: 1px solid #c5c5c5;
	font-size:11px;
}


input.buttonAdmin {
	width:200px;
	background:#777;
	color:#fff;
	margin:10px 0 0 0;
	padding:3px 0;
	cursor:pointer;
}

textarea {
	width:280px;
	height:120px;
}

/* pagination */

.pagination {
	text-align: center;
	padding: 8px 0 8px 0;
}

.pagination a {
	padding: 2px 5px;
}

.pagination span a {
	padding: 2px 10px;
}

.pagination strong {
	padding: 2px 7px;
}

/* MyBOOM Link */

.myboom-verlinkung {
	background:url(http://www.myboom.de/impressum-kunden/myboom-logo.gif) no-repeat;
	display:block;
	height:65px;
	margin:10px 0;
	width:140px;
	}

.myboom-verlinkung span {
	display:none;
	}

/* weblicaiton quieckedit */
.editButtonNavigation {
	position:absolute;
	top:0;
}
.editButton {
	position:absolute;
	top:20px;
}
.buttonBackend {
	position:absolute;
	top:40px;
}

.buttonBackend {
background-color:#C9CED4;
background-image:url(/weblication/wGui/wImages/bg_button_bue.gif);
border-color:#BFBFBF #000000 #000000 #BFBFBF;
border-style:solid;
border-width:1px;
color:#404040;
cursor:pointer;
float:left;
font-family:arial,helvetica;
font-size:11px;
font-weight:normal;
height:18px;
line-height:16px;
margin:5px 0 0 0px;
padding:0 0 0 4px;
white-space:nowrap;
width:160px;
}


/* merkliste */

a.watchlist {
	margin: 5px 0px 30px 0px;
	padding: 0 0 0 27px;
	font-weight:bold;
	display:block;
	background:url(/wLayout/design/img/watchlist.gif) 0px 0px  no-repeat;
}

a.watchlist:hover {
	display:block;
	background:url(/wLayout/design/img/watchlist.gif) 0px -48px  no-repeat;
}

a.nav_watchlist {
	color:#282828;
	padding:4px 3px 4px 25px;
	height:18px;
	line-height:18px;
	font-weight:bold;
	display:block;
	background:url(/wLayout/design/img/nav-watchlist.gif) 0px 0px  no-repeat;
	margin: 40px 0 1px 0;
}

a.nav_watchlist:hover {
	text-decoration:none;
	color:#ffffff;
	display:block;
	background:url(/wLayout/design/img/nav-watchlist.gif) -188px 0px  no-repeat;
}

.elementWatchlist {
	padding: 10px;
}

.elementWatchlist .customer {
	float:left;
	width:400px;
}

.elementWatchlist .merchant {
	float:left;
	width:250px;
}

.elementWatchlist .amount {
	width:30px;
}


.elementWatchlist td.position {
	width:70px;
	text-align:left;
}


.elementWatchlist th {
	text-align:left;
	padding: 0 0 10px 0;
	border-bottom:1px dotted #cccccc;

}

.elementWatchlist td.image {
	width:80px;
}

.elementWatchlist td.amount {
	width:60px;
}

.elementWatchlist td.name {
	width:500px;
}

.elementWatchlist td.name {
	width:500px;
}


/* textilshop */

a.nav_textilshop {
	clear:both;
	text-transform:uppercase;
	color:#282828;
	padding:4px 3px 4px 25px;
	height:18px;
	line-height:18px;
	font-weight:bold;
	display:block;
	background:url(/wLayout/design/img/nav-lvl2.gif) 0 0 no-repeat;
	margin: 0px 0 1px 0;
}

a.nav_textilshop:hover {
	text-decoration:none;
	color:#d11c2d;
	display:block;
	background:url(/wLayout/design/img/nav-lvl2.gif) top right no-repeat;
}

a.nav_restposten {
	clear:both;
	text-transform:uppercase;
	color:#ffffff;
	padding:4px 3px 4px 25px;
	height:18px;
	line-height:18px;
	font-weight:bold;
	display:block;
	background:url(/wLayout/design/img/nav-lvl2.gif) top right no-repeat;
	margin: 0px 0 1px 0;
}

a.nav_restposten:hover {
	text-decoration:none;
	color:#ffffff;
	background:url(/wLayout/design/img/nav-lvl2.gif) top right no-repeat;
}

.choose input {
	display:block;
	width:25px;
}

.choose div.email {
	display:block;
}

.choose div.print {
	display:none;
}

.choose div.email input {
	float:none;
	clear:both;
	width:155px;
}

.choose div.email input.checkbox {
	float:none;
	clear:both;
	width:15px;
}

input.checkbox {
	float:none;
	clear:both;
	width:15px;
}


textarea {
	font-size:11px;
}

a.print {
	display:block;
	background:url(/wLayout/design/img/printer.gif) 0px 0px no-repeat;
	text-indent:20px;
	padding:0 10px 0 0;
}

a.print:hover {
	background:url(/wLayout/design/img/printer.gif) 0px -48px no-repeat;
}

/* ÄNDERUNGEN Händlersuche*/

/* Kunden und Händleradresse */
.left {
	float: left;
}

.right {
	padding-left: 350px;
}

/* Popup */
#popup_content {
text-align:left;
padding:7px;
width:745px;
height:640px;
}

/* Formular Felder Navigation*/
ul.form_list {
  list-style-type: none;
  overflow:hidden;
}
ul.form_list li {
  float: left;
  display:inline;
}

/* Auswahllisten*/
.haendlersuche_select_list {
border:1px solid #C5C5C5;
background: #E2E2E2;
margin-left: 5px;
margin-right: 5px;
width:130px;
padding:3px;
}

/* Händler Button*/
.haendler_button {
	cursor: pointer;
	border: none;
	background: #E2E2E2;
	float: left;
}

input.haendler_button {
	width: 110px;
	border:1pt solid #000000;
}

/* Google Map Style */

#map {
	color:#000000;
}

.gmapSidebar{
	/*list-style-type:decimal;*/
	list-style-type:none;
	padding-left:0px;
	padding-right:5px;
}

.sidebar_entry{
	margin-left: 3px;
	padding-left: 3px;
	text-decoration: none;
	color: #000;
}

.sidebar_link{
	text-decoration: none;
	color: #000;
}

a.dealer_header {
	text-decoration: none;
	color: #000;
}

.sidebar_map {
	padding-left: 500px;
}

.sidebar_box {
	float: left;
}

#map_box {

}

#google_box {

}

#map {
	margin:0 0 0 15px;
}

#haendlersuche {
	margin:0 0 0 1px;
}

.even {
	background: #F0F0F0;
}

.odd {
	background: #FFFFFF;
}

/* ÄNDERUNG ENDE*/

/* Kataloge */

/* Seiten */

.pages .page {
	width:130px;
	height:180px;
	margin:0 50px 20px 0px;
	float:left;
}

.pages .page a {
	text-decoration: none;
}

.pages .page a:hover {
	text-decoration: none;
}

.pages .page a img {
	border: 1px solid #c5c5c5 ;
}

.changes {
	padding: 3px 0px;
	background:#6c6c6c;
	color:#ffffff;
}

/* Custom Buttons http://stopdesign.com/eg/buttons/3.0/code.html */

.btn {
	display:inline-block;
	background:none;
	margin:0;
	padding:3px 0;
	border-width:0;
	overflow:visible;
	font:100%/1.2 Arial,Sans-serif;
	text-decoration:none;
	color:#333;
}

* html button.btn {
	padding-bottom:1px;
}
/* Immediately below is a temporary hack to serve the
following margin values only to Gecko browsers
Gecko browsers add an extra 3px of left/right
padding to button elements which can't be overriden.
Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
	margin:0 -3px;
}

.btn span {
	background:#ddd url(/wLayout/design/img/bg-button.gif) repeat-x 0 0;
	margin:0;
	padding:3px 0;
	border-left:1px solid #bbb;
	border-right:1px solid #aaa;
}

* html .btn span {
	padding-top:0;
}

.btn span span {
	position:relative;
	padding:3px .4em;
	border-width:0;
	border-top:1px solid #bbb;
	border-bottom:1px solid #aaa;
	font-weight:bold;
}

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
	border-right-width:0;
}
button.pill-l span span {
	border-right:1px solid #bbb;
}
button.pill-c span {
	border-right-style:none;
	border-left-color:#fff;
}
button.pill-c span span {
	border-right:1px solid #bbb;
}
button.pill-r span {
	border-left-color:#fff;
}

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
	cursor:pointer; /* important for any clickable/pressable element */
	border-color:#ff9999 !important;
	color:#000;
}
.btn:active span {
	background-position:0 -400px;
	outline:none;
}
.btn:focus, .btn:active {
	outline:none; /* doesn't seem to be respected for <button>, only <a> */
}

/* use if one button should be the 'primary' button */
.primary {
	font-weight:bold;
	color:#000;
}

/* Dateiendungen */

a.filetype {
	padding: 3px 0px 2px 20px;
	text-indent: 15px;
}

a.filetype.pdf {
	background: url(/wLayout/design/img/extensions/pdf.gif) no-repeat 0px 1px;
}

a.filetype.xls {
	background: url(/wLayout/design/img/extensions/xls.gif) no-repeat 0px 1px;
}

a.filetype.doc {
	background: url(/wLayout/design/img/extensions/doc.gif) no-repeat 0px 1px;
}

a.filetype.txt {
	background: url(/wLayout/design/img/extensions/txt.gif) no-repeat 0px 1px;
}

a.filetype.csv {
	background: url(/wLayout/design/img/extensions/csv.gif) no-repeat 0px 1px;
}

a.filetype.jpg {
	background: url(/wLayout/design/img/extensions/jpg.gif) no-repeat 0px 1px;
}

.article-lock {
	color: #ff892a
}

.article-left {
	padding: 5px 5px 5px 10px;
}

.article-left {
	color:#282828;
}

.article-left a.details {
	background:url(/wLayout/design/img/bg-produkt-link.gif) 0 50% no-repeat;
	color:#282828;
	font-weight:bold;
	padding:0 0 0 8px;
}


hr.article-left {
	color:#282828;
	border:none;
	border-top:1px dotted #282828;
	height:1px;
	line-height:1px;
	margin:0 10px;
}

strong.red {
	color: #ff0000;
}

.login-logout {
	position:absolute;
	right:0px;
	top:0px;
	padding:1px 3px;
	background:#8d8d8d;
	text-transform:uppercase;
}

select.attributes {
	border: 1px solid #8D8D8D;
	border-top:0;
	width:138px;
}

.err {
	font-weight:bold;
	color:#ff0000;
}

.remaining_stock_overview {
	margin-bottom: -18px;
	display:block;
	width: 300px;
	text-align:right;
	position:relative;
	top:-35px;
	left:435px;
	font-weight:bold
}