﻿@charset "utf-8";

/* margin / padding : top right bottom left */
/* border-spacing: horizontal vertikal */
/* border-spacing: horizontal+vertikal */

/* Schwass, 09/2009 - Styles für Shop eingefügt */

form {
margin:0px;
}


input[type=text] {
	font-size: 12px;
	height:18px;
	text-align:left;
	margin-left: 2px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
}

input[type=image] {
	border:0px;
}

input[type=password] {
	font-size: 12px;
	height:18px;
	text-align:left;
	margin-left: 2px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
	font-size:12px;
}

select {
	font-size: 12px;
	height:18px;
	text-align:left;
	margin-left: 2px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
	font-size:12px;
}

textarea{
	font-size: 12px;
	text-align:left;
	margin-left: 2px;
	margin-right: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 2px;
	font-size:12px;
}


table {
	border:0px;
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	empty-cells:show;
}
tr {
	vertical-align:top;
}
td{
	font-size:12px;
}

/* ----- Allgemeiner Text ----- */
.Text-Small
{
	font-size:10px;
}
.Text-SmallBold
{
	font-size:10px;
	font-weight:bold;
}
.Text-SuperSmall
{
	font-size:8px;
}
.Text-Normal
{
	font-size:12px;
}
.Text-NormalBold
{
	font-size:12px;
	font-weight:bold;
}
.Text-BigNormal
{
	font-size:14px;
}
.Text-BigBold
{
	font-size:14px;
	font-weight:bold;
}

.Text-Radio
{
	font-size:12px;
	vertical-align:middle;
}
.Text-Error
{
	font-size:12px;
	font-weight:bold;
}
.Text-Warnung
{
	font-size:12px;
	font-weight:bold;
}

.Alter-Preis
{
	text-decoration:line-through;
	font-weight:bold;
}

#button {
	width:100%;
	height:24px; 
	margin:2px 0px 2px 0px;
	border-collapse:separate;
	border-spacing:2px;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	border:1px solid;
	white-space:nowrap;
	
}

#button a {
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	font-family: "Ubuntu Regular",sans-serif !important;
}

#button a:hover {
}

#button input {
	width:100%;
	height:24px; 
	margin:0;
	border:0;
	border-collapse:separate;
	border-spacing:2px;
	font-weight:bold;
	font-size:12px;
	font-family: "Ubuntu Regular",sans-serif !important;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	padding:0px 10px 0px 10px;
	white-space:nowrap;
}


#button-hover {
	width:100%;
	height:24px; 
	margin:2px 0px 2px 0px;
	border-collapse:separate;
	border-spacing:2px;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	border:1px solid;
	white-space:nowrap;
}

#button-hover a {
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
}

#button-hover a:hover {
}

#button-hover input {
	width:100%;
	height:24px; 
	margin:0;
	border:0;
	border-collapse:separate;
	border-spacing:2px;
	font-weight:bold;
	font-size:12px;
	font-family: "Ubuntu Regular",sans-serif !important;
	cursor:pointer;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	padding:0px 10px 0px 10px;
	white-space:nowrap;
}



img {
	border:none;
}
/* ------------------------------------------------- */

body  {
	font-size: 12px;
	font-family: "Lucida Sans Unicode","Lucida Grande","Ubuntu Regular",Arial,Helvetica,sans-serif;
	line-height: 16px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}

@font-face {
    font-family: "Ubuntu Regular";
    font-style: normal;
    font-weight: normal;
    src: local("Ubuntu Regular"), url("../fonts/Ubuntu/Ubuntu-R-webfont.eot?iefix") format("eot"), url("../fonts/Ubuntu/Ubuntu-R-webfont.ttf") format("truetype"), url("../fonts/Ubuntu/Ubuntu-R-webfont.svg#webfontGZB3fjCF") format("svg");
}
@font-face {
    font-family: "Babel Sans";
    font-style: normal;
    font-weight: normal;
    src: local("Babel Sans"), url("../fonts/Babel/BabelSans.eot?iefix") format("eot"), url("../fonts/Babel/BabelSans.ttf") format("truetype"), url("../fonts/Babel/BabelSans.svg#BabelSans") format("svg");
}

a {
	text-decoration: none;
}

a:hover {
}

a.rot {
	text-decoration: none;
}

a.rot:hover {
}

a.nav_activ {
	font-weight:bold;
	text-decoration: none;
	font-family: "Ubuntu Regular",sans-serif !important;
}

a.nav_inactiv {
	font-weight:bold;
	text-decoration: none;
	font-family: "Ubuntu Regular",sans-serif !important;
}

h1{
	font-size:18px;
	font-family: "Ubuntu Regular",sans-serif !important;
}

h2{
	font-size:14px;
   	font-family: "Ubuntu Regular",sans-serif !important;
}

h3{
	font-size:11px;
/*	border-bottom:solid 1px; */
	font-family: "Ubuntu Regular",sans-serif !important;
}

span.title_form{
	font-weight:bold;
	font-family: "Ubuntu Regular",sans-serif !important;
}

span.normal{
	font-size:12px;
}

span.small{
	font-size:10px;
}

span.rot{
}

table.Daten-Table{
	border: 1px solid;
	border-collapse:collapse;
	border-spacing:0px 0px;
}

.Daten-Spalte{
	font-weight: bold;
	font-family: "Ubuntu Regular",sans-serif !important;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 2px;
	border-right:1px solid;
}
.Daten-SpalteRechts{
	font-weight: bold;
	font-family: "Ubuntu Regular",sans-serif !important;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 2px;
}

.Daten-Zelle {
	font-size: 11px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 2px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
}

.Daten-ZelleRechts {
	font-size: 12px;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
}

input.ArtikelAnzeige-BestellmengeMerkmale
{
	font-size: 11px;
	height:13px;
	text-align:right;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}


.Trennlinie
{
	height:1px;
	border-bottom:1px solid;
	padding:0px;
	margin:0px;
}


input.text, select, textarea{
	border: 1px solid; 
	font-size: 12px;
	height:22px;
	text-align:left;
	margin:0px;
	padding: 2px;
}
input.checkbox {
	border:0px;
	height:auto;
	padding:0px;
	margin:0px;
}

.IBISShop #container { 
	width: 970px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 5px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 5px;
} 


#banner { 
	height: 120px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin-top:5px;
	width:950px;
	margin-left:10px;
}

#logo
{
	float:left;
	top:16px;
	position:absolute;
	z-index:100;
	width:950px;
}

#logo .header {
	vertical-align:middle;
	font-size:20px;
	/* font-weight:bold; */
	line-height:30px;
	text-align:left;
	margin-top:10px;
	padding-left: 140px;
    width:950px;
}

#logo .header ul {
	vertical-align:middle;
	margin-left: 0px;
	margin-top: 48px;
	float: left;
	display: block;
	color:#00599C;
}
#logo .header ul li {
	height: 40px;
    text-align:center;
	padding-top: 10px;
	padding-bottom: 0px;
    width:950px;
}

#logo .header ul li a {
	text-decoration: none;
	font-weight: bold;
}
#logo .header ul li a:hover {
}

#logo .sprachumschaltung ul {
	vertical-align:top;
	margin-right: 184px;
	margin-top:0px;
	height:20px;
	float: right;
	display: block;
}
#logo .sprachumschaltung ul li {
	height: 20px;
	display: inline;
	float: left;
	padding-left: 10px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	text-align: center;
}

#logo .sprachumschaltung ul li a {
	text-decoration: none;
	font-weight: bold;
}
#logo .sprachumschaltung ul li a:hover 
{
	text-decoration:underline;
	
}


#menu2{
	margin-top:5px;
        margin-bottom:5px;
	padding-bottom:5px;
	width:950px;
	margin-left:10px;

}

#menu2{
	font-size: 11px;
	height:16px; 
	padding-top:4px;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


.IBISShop #contentbackground { 
	margin-left:0px;
	margin-right:0px;
	position:relative;
	width:970px;
	float:left;
	border:0px;
} 

#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	left: 0;
	width: 160px;
	padding-top:10px;
    /* background: url("../bilder/intro.png") repeat-x scroll left top, url("../bilder/intro_texture.png") no-repeat scroll center center #F2EDDC; */
}

#sidebar1_wrap {
    /* background: url("../bilder/intro.png") repeat-x scroll left bottom transparent; */
}

#sidebar1 .inside {
	padding: 10px 10px 10px 10px;
	overflow:hidden;
}

#sidebar1 .contentmenu {
	margin: 0px 10px 0px 10px; 
	padding: 10px 10px 10px 10px;
	overflow:hidden;
}

#sidebar1 .contentmenu ul {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 140px;
	margin-left:0px; margin-right:0px;
	overflow:hidden;
}

#sidebar1 .contentmenu ul li {
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* ----- Start : Katalogmenue -----*/
span.menue_kataloge_titel{
	font-size:16px;
}
#menue_kataloge {
	font-size:12px;
	font-family: "Ubuntu Regular",sans-serif !important;
}

#menue_kataloge ul.sonderkataloge {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 140px;
	margin-left:0px; margin-right:0px;
	overflow:hidden;
}
#menue_kataloge ul.sonderkataloge li {
	height: auto;
	border-bottom:solid 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}
#menue_kataloge ul.sonderkataloge li a {
	text-decoration: none;
}
#menue_kataloge ul.sonderkataloge li a:hover {
}

#menue_kataloge ul.sonderangebote {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 140px;
	margin-left:0px; margin-right:0px;
	overflow:hidden;
}
#menue_kataloge ul.sonderangebote li {
	height: auto;
	border-bottom:solid 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}
#menue_kataloge ul.sonderangebote li a {
	text-decoration: none;
	font-size: 14px;
}
#menue_kataloge ul.sonderangebote li a:hover {
}

#menue_kataloge ul.dispokatalog {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 140px;
	margin-left:0px; margin-right:0px;
	overflow:hidden;
}
#menue_kataloge ul.dispokatalog li {
	height: auto;
	border-bottom:solid 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}
#menue_kataloge ul.dispokatalog li a {
	text-decoration: none;
}
#menue_kataloge ul.dispokatalog li a:hover {
}

#menue_kataloge ul.ebene1 {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 140px;
	margin-left:0px; margin-right:0px;
	overflow:hidden;
}
#menue_kataloge ul.ebene1 li {
	height: auto;
	border-bottom:solid 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}

#menue_kataloge ul.ebene1 li a {
	text-decoration: none;
}
#menue_kataloge ul.ebene1 li a:hover {
}

#menue_kataloge ul.ebene2 {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 130px;
	margin-left:10px;
	overflow:hidden;
}
#menue_kataloge ul.ebene2 li {
	height: auto;
	border-bottom:solid 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}

#menue_kataloge ul.ebene2 li a {
	text-decoration: none;
}
#menue_kataloge ul.ebene2 li a:hover {
}

#menue_kataloge ul.ebene3 {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 120px;
	margin-left:10px;
	overflow:hidden;
}
#menue_kataloge ul.ebene3 li {
	height: auto;
	border-bottom:solid 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}
#menue_kataloge ul.ebene3 li a {
	text-decoration: none;
}
#menue_kataloge ul.ebene3 li a:hover {
}

#menue_kataloge ul.ebene4 {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 110px;
	margin-left:10px;
	overflow:hidden;
}
#menue_kataloge ul.ebene4 li {
	height: auto;
	border-bottom:solid 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}
#menue_kataloge ul.ebene4 li a {
	text-decoration: none;
}
#menue_kataloge ul.ebene4 li a:hover {
}
/* ----- Ende : Katalogmenue -----*/


/* ----- Start : Suchergebnisse, Kataloguebersich -----*/
.suchergebnis_kataloge_titel{
	font-size:16px;
	padding-top:10px;
}
#suchergebnis_kataloge {
	font-size:14px;
}
#suchergebnis_kataloge ul.ebene1 {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 480px;
	margin-left:0px; margin-right:0px;
	overflow:hidden;
}
#suchergebnis_kataloge ul.ebene1 li {
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}

#suchergebnis_kataloge ul.ebene1 li a {
	text-decoration: none;
}
#suchergebnis_kataloge ul.ebene1 li a:hover {
}

#suchergebnis_kataloge ul.ebene2 {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 460px;
	margin-left:20px;
	overflow:hidden;
}
#suchergebnis_kataloge ul.ebene2 li {
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}

#suchergebnis_kataloge ul.ebene2 li a {
	text-decoration: none;
}
#suchergebnis_kataloge ul.ebene2 li a:hover {
}

#suchergebnis_kataloge ul.ebene3 {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 440px;
	margin-left:20px;
	overflow:hidden;
}
#suchergebnis_kataloge ul.ebene3 li {
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}
#suchergebnis_kataloge ul.ebene3 li a {
	text-decoration: none;
}
#suchergebnis_kataloge ul.ebene3 li a:hover {
}

#suchergebnis_kataloge ul.ebene4 {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 420px;
	margin-left:20px;
	overflow:hidden;
}
#suchergebnis_kataloge ul.ebene4 li {
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}
#suchergebnis_kataloge ul.ebene4 li a {
	text-decoration: none;
}
#suchergebnis_kataloge ul.ebene4 li a:hover {
}
/* ----- Ende : Suchergebnisse, Kataloguebersich -----*/



span.herstellerauswahl_title{
	font-size:14px;
}

#menu_herstellerauswahl {
	font-size:12px;
	
}
#menu_herstellerauswahl ul {
	list-style-type: none;
	vertical-align:top;
	padding:0;
	width: 140px;
	margin-left:0px; margin-right:0px;
	overflow:hidden;
}
#menu_herstellerauswahl ul li {
	height: auto;
	border-bottom:solid 1px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 4px;
}

#menu_herstellerauswahl ul li a {
	text-decoration: none;
}
#menu_herstellerauswahl ul li a:hover {
}

select.herstellerauswahl
{
	width:140px;
}

span.sidebar2_title{
	font-size:16px;
	line-height:20px;
} 

span.Template-Table{

}

span.Template-Link
{
 font-size:10px;
}


#sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	right: 0;
	width: 160px; 
	margin:0px;
	padding-top:10px;
    /* background: url("../bilder/intro.png") repeat-x scroll left top, url("../bilder/intro_texture.png") no-repeat scroll center center #F2EDDC; */
}

#sidebar2_wrap {
    /* background: url("../bilder/intro.png") repeat-x scroll left bottom transparent; */
}

#sidebar2 .inside {
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align:top;
	width: 150px;
}

#sidebar2 .inside_neu {
	padding: 0px 0px 0px 0px;
	border:double;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/*
td.sidebar2Button
{
	width:120px;
} 

#WarenkorbSmall
{
	width:140px;
}
*/
.IBISShop #mainContent { 
	padding:10px;
	border:0px dotted;
	position:relative;
	float:left;
	width:620px;
} 
#mainContent .produkt_title {
	border-bottom:solid 1px;
	border-top:solid 1px;
	font-size:12px; 
	line-height:20px;
	vertical-align:middle;
	margin: 10px 0px 5px 0px;
}

.IBISShop #fuss { 
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:transparent;
	border-bottom:solid 1px;
	border-top:solid 1px;
	font-size:10px;
	margin-top:10px;
} 
.IBISShop #fuss p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	padding-right: 10px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	padding-left: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* ----- START inc_artikelanzeige ----- */

table.inc_artikelanzeige_zeile {
	border-spacing:2px;
	overflow:hidden;
	/*border:1px solid;*/
	table-layout:fixed;
}
tr.inc_artikelanzeige_zeile {
	vertical-align:top;
}
td.inc_artikelanzeige_zeile  {
	border-bottom:1px solid;
	padding-right:5px;
}

table.inc_artikelanzeige {
	padding:2px;
	border-spacing:2px;
}
	
td.inc_artikelanzeige_kopf 
{
	font-size:14px; 
	font-weight:bold;
	vertical-align:middle;
	line-height:20px;
	padding:2px 5px 2px 5px;
}

table.inc_artikelanzeige_bild {
	border-spacing:2px;
}
td.inc_artikelanzeige_bild {
	vertical-align:top;
	text-align:center;
	width:100px; height:100%; 
}

img.inc_artikelanzeige_bild 
{
	/* border:1px solid; */
	width:100px;
}

table.inc_artikelanzeige_preise_und_verfuegbarkeit {
	padding:0px;
	border-spacing:0px 5px;
}

/* ----- ENDE inc_artikelanzeige ----- */


/* ----- START inc_angebote ----- */

table.inc_angebote_zeile {
	border-spacing:2px;
	overflow:hidden;
	/*border:1px solid;*/
	table-layout:fixed;
}
tr.inc_angebote_zeile {
	vertical-align:top;
}
td.inc_angebote_zeile  {
	border:1px solid;
}

table.inc_angebote {
	padding:2px;
	border-spacing:2px;
}
	
td.inc_angebote_kopf 
{
	font-size:14px; 
	font-weight:bold;
	vertical-align:middle;
	line-height:20px;
	padding:2px 5px 2px 5px;
}

table.inc_angebote_bild {
	border-spacing:2px;
}
td.inc_angebote_bild {
	vertical-align:top;
	text-align:center;
	width:100px; height:100%; 
}

img.inc_angebote_bild 
{
	/* border:1px solid; */
	width:100px;
}

table.inc_angebote_preise_und_verfuegbarkeit {
	padding:0px;
	border-spacing:0px 5px;
}

/* ----- ENDE inc_angebote ----- */



/* ----- artikeldetails ----- */
table.artikeldetails {
	margin-top:20px;
	padding:0;
	border:1px solid;
	border-collapse:separate;
	border-spacing:5px 5px;
}
tr.artikeldetails {
	vertical-align:top;
}

td.artikeldetails_kopf {
	font-size:16px; 
	font-weight:bold; 
	padding:5px;
}

td.artikeldetails_hauptbild {
	width:250px;
	margin-right:10px;
}

img.artikeldetails_hauptbild {
	/* width:250px; */
	border:1px solid;
}

#artikeldetails_bilder {
}
#artikeldetails_bilder table {
}
#artikeldetails_bilder tr 
{
	vertical-align:bottom;
}
#artikeldetails_bilder td {
	text-align:center;
/*	border-right:5px solid; */
	border:1px solid;
	margin-right:5px;
}
#artikeldetails_bilder img {
	text-align:center;
	border:0px solid;
	width:60px;
	vertical-align:middle;
	cursor:pointer;
}

#artikeldetails_dokumente {
}
#artikeldetails_dokumente table {
}
#artikeldetails_dokumente td {
	text-align:left;
	vertical-align:bottom;
	padding-bottom:5px;
}
#artikeldetails_dokumente img {
	border:0px;
	cursor:pointer;
}

.ArtikelAnzeige-AlterPreis 
{
	 text-decoration:line-through;
	 line-height:13px;
	 font-size:10px;
	 vertical-align:bottom;
 	 text-align:left;
	 padding-left:20px;
}

.ArtikelAnzeige-SonderPreis {
	border:0px !important;
	text-align:center;
	font-weight:bold;
	line-height:13px;
	font-size:11px;
	vertical-align:top;
}

.ArtikelAnzeige-Preis {
	border:0px;
	text-align:left;
}

ArtikelAnzeige-Link-Bezeichnung {
}

#CrossSellingArtikel table {
}
#CrossSellingArtikel td {
}
td.CrossSellingArtikelKopf 
{
	border-bottom:1px solid;
}	


/* ------------------------------ */


/* ----- zahlungs- und versandarten im warenkorb oder bestellen_zahlungsart ----- */
td.zahlungsartenauswahl {
	text-align:center;
	vertical-align:top;
}
td.zahlungsartenauswahl-hover {
	text-align:center;
	vertical-align:top;
}

td.versandartenauswahl {
	text-align:center;
	vertical-align:top;
}
td.versandartenauswahl-hover {
	text-align:center;
	vertical-align:top;
}
/* ------------------------------ */


/* ----- Formularfelder - Bestellformular */
input.BestDaten-Focused {
	border:solid 1px;
	width:100%;
}

input.BestDaten-Normal {
	border:solid 1px;
	width:100%;
}

input.BestDaten-Error {
	border:solid 1px;
	width:100%;
}


input.BestDatenPassw-Focused {
	border:solid 1px;
	width:100px;
}

input.BestDatenPassw-Normal {
	border:solid 1px;
	width:100px;
}

textarea.BestDaten-Focused {
	border:solid 1px;
	width:100%;
	height:auto;
	padding:0px;
}

textarea.BestDaten-Normal {
	border:solid 1px;
	width:100%;
	height:auto;
	padding:0px;
}

textarea.BestDaten-Error {
	border:solid 1px;
	width:100%;
	height:50;
	padding:0px;
}


table.bestellen_daten {
	border-spacing: 0px 5px;
	border-collapse:separate;
}

table.bestelldaten-login {
	border-spacing:5px 5px;
	border-collapse:separate;
	margin-bottom:10px;
}	
tr.bestelldaten-login {
	vertical-align:bottom;
}	
td.bestelldaten-login {
	white-space:nowrap;
}	


table.bestelldaten-anschriften {
	border-collapse:collapse;
	border-spacing:0px;
	margin-top:10px;
}
td.bestelldaten-rechnungsanschrift-kopf {
	width:200px;
	font-stretch: condensed;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
td.bestelldaten-rechnungsanschrift {
	padding:0px; 
}
table.bestelldaten-rechnungsanschrift {
	border-spacing:5px 5px;
	border-collapse:separate;
	border:solid 1px;
}	
td.bestelldaten-lieferanschrift-kopf {
	width:200px;
	table-layout:fixed;
	font-stretch: condensed;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
td.bestelldaten-lieferanschrift {
	padding:0px; 
}
table.bestelldaten-lieferanschrift {
	border-spacing:5px 5px;
	border-collapse:separate;
	border:solid 1px;
}	
td.bestelldaten-kommentar-kopf {
	width:200px;
	font-stretch: condensed;
	font-weight: bold;
	padding: 5px 5px 5px 5px;
}
td.bestelldaten-kommentar {
	padding:0px; 
}
table.bestelldaten-kommentar {
	border-spacing:5px 5px;
	border-collapse:separate;
	border:solid 1px;
}	

td.bestellen_daten_feldbeschreibung {
	vertical-align:bottom;
	width:20%;
	white-space:normal;
}
td.bestellen_daten_eingabefeld {
	vertical-align:bottom;
	width:80%;
	padding-right:5px;
}

/* ------------------------------ */

/* ----- Lieferanschriften ----- */

tr.lieferschrift-gerade {
	vertical-align:middle;
}
tr.lieferschrift-ungerade {
	vertical-align:middle;
}
td.lieferschrift {
	border-right:1px solid;
	border-bottom:1px solid;
	padding: 5px 5px 5px 5px;
}

	

/* ------------------------------ */



/* ----- Gutschein im Warenkorb ----- */
table.gutschein-einloesen {
	border-spacing:5px 5px;
	border-collapse:separate;
	margin-bottom:10px;
}	
tr.gutschein-einloesen {
	vertical-align:bottom;
}	
td.gutschein-einloesen {
}	
/* ------------------------------ */


/* ----- Produktsortierung innerhalb katalog_ansicht ----- */
table.produktsortierung {
}
td.produktsortierung {
}
/* ------------------------------ */


/* ----- Login Übersicht ----- */
table.login-uebersicht-daten {
	border-collapse:separate;
	border-spacing:5px 5px;
	border:solid 1px;
}

td.login-uebersicht-kat {
	width:150px;
	vertical-align:bottom;
	height:20px;
}

td.login-uebersicht-daten
{
	vertical-align:bottom;
	height:20px;
}


tr.warenkoerbe {
}

td.warenkoerbe {
	vertical-align:bottom;
	height:30px;
}



table.warenkorb-speichern {
	border-spacing:5px 5px;
	border-collapse:separate;
	margin-bottom:10px;
	margin-top:10px;
}	

/* ------------------------------ */

/* ----- Favoriten ----- */
table.favoriten {
	border-collapse:separate;
	border-spacing:0px 0px;
	border:solid 1px;
}
td.favoriten-spaltenueberschrift {
	font-stretch: condensed;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-right:1px solid;
	white-space:nowrap;
}
td.favoriten-spaltenueberschriftRechts {
	font-stretch: condensed;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	white-space:nowrap;
}
td.favoriten {
	vertical-align:top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/* ------------------------------ */

/* ----- bestellungen_details ----- */
table.bestellungen-details {
	border-collapse:separate;
	border-spacing:0px 0px;
	border:solid 1px;
	margin-bottom:10px;
}
td.bestellungen-details-spaltenueberschrift, td.bestellungen-details-spaltenueberschriftRechts {
	font-stretch: condensed;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-right:1px solid;
	white-space:nowrap;
}
td.bestellungen-details {
	vertical-align:top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/* ------------------------------ */



/* ----- warenkorb ----- */
table.warenkorb-positionen {
	border: solid 1px;
	border-collapse:collapse;
	border-spacing:0px 0px;
	margin-bottom:10px;
}
table.warenkorb-zahlung-versand {
	border: solid 1px;
	border-collapse:collapse;
	border-spacing:0px 0px;
	margin-bottom:10px;
}
td.Warenkorb-Zeile-Preise {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:1px solid;
}

td.Warenkorb-Zeile-Endbetrag{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom:1px solid;
}
/* ------------------------------ */


table.bestellen-zahlungsart {
	border: solid 1px;
	border-collapse:collapse;
	border-spacing:0px 0px;
	margin-bottom:10px;
}

td.bestellen-zahlungsart-radiobutton {
	padding-left:5px; 
	padding-top:5px; 
	width:20px; 
	vertical-align:middle;
}
td.bestellen-zahlungsart-radiotext {
	padding-left:5px; 
	padding-top:5px; 
	vertical-align:middle;
}

select.produktsortierung  
{
	border:1px solid;
}
select.lieferbedingung
{
}
select.lieferbedingung-focused
{
}

/* ----- login-uebersicht, Inhalt der gespeicherten Warenkoerbe ----- */
TABLE.WKInhalt
{
	border	: 1px solid;
	margin	: 5px;
}
TR.WKInhalt
{	
	vertical-align	: top;
}
TD.WKInhaltUeberschrift
{	
	font-size		: 11px;
	border-bottom	: 1px solid;
}
TD.WKInhalt
{	
	font-size		: 11px;
	border-bottom	: 1px solid;
	margin-left		: 5px;
	margin-right	: 5px;
}
/* ------------------------------ */

/* ----- produkt der woche ----- */
table.produkt-der-woche
{
	text-align: center;
}	
td.produkt-der-woche
{
}
img.produkt-der-woche
{
	border:0px;
}
/* ------------------------------ */

table.artikelempfehlen-formular
{
	margin:10px 0px 10px 0px;
	border-spacing:5px;
	border:solid 1px;
}

#Tooltipp
{
	position:absolute;
	z-index:10;
	border:1px solid;
	padding:10px; 
	text-align:left;
	display:none;
	width:325px;
	overflow:visible;
}

/* ----- tpl_katalog_ansicht_unterkataloge_zeile.html ----- */
table.katalog_ansicht_unterkataloge_zeile
{
	padding-bottom: 5px; 
	height:100%; 
	border:1px solid;
}
td.katalog_ansicht_unterkataloge_kopf
{
	font-size:14px; 
	font-weight:bold;
	vertical-align:middle;
	line-height:20px;
	padding:2px 5px 2px 5px;
	vertical-align:top;
	text-align:center;
}
td.katalog_ansicht_unterkataloge_zeile
{
	height:auto;
	border:1px solid;
	vertical-align:top;
	text-align:center;
}
a.Katalog-Unterkataloge
{
}
a.Katalog-Unterkataloge:hover
{
	text-decoration:underline;
}
/* ------------------------------ */


/* ----- katalog_ansicht, unterkataloge, table, tr und td werden vom ASP generiert ----- */
table.unterkataloge
{
	border-spacing:5px;
	border-collapse:separate;
}
tr.unterkataloge
{
}
td.unterkataloge
{
	height:auto;
	border:1px solid;
}
/* ------------------------------ */




/* ----- Ueberschrift ----- */
#ueberschriften 
{
	height:30px; 
	padding-top:5px; 
	vertical-align:middle;
	border-bottom:1px solid; 
	border-top:1px solid; 
	/* margin-bottom:10px; */
}

#ueberschrift 
{
    height:30px; 
	padding-top:5px; 
	vertical-align:middle;
	float:left;
}


#socialmedia 
{
	height:23px; 
	padding-top:1px; 
	padding-bottom:1px; 
	vertical-align:middle;
	margin-bottom:1px;
}

/* ------------------------------ */

/* ----- Variantenmatrix ----- */
table.variantenmatrix
{
	border: 1px solid;
	border-collapse:collapse;
	border-spacing:0px 0px;
}

td.variantenmatrix_kopf
{
	font-stretch: condensed;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-right:1px solid;
}

td.variantenmatrix_spaltenkopf
{
	font-stretch: condensed;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-right:1px solid;
	text-align:center;
}

td.variantenmatrix_spaltenkopfRechts
{
	font-stretch: condensed;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align:center;
}

td.variantenmatrix_zeilenkopf
{
	font-stretch: condensed;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-right:1px solid;
	border-top:1px solid;
}

td.variantenmatrix_preis
{
	text-align:center;
	padding:5px 0px 0px 0px;
}

td.variantenmatrix_bestand
{
	text-align:center;
}

td.variantenmatrix_menge
{
	text-align:center;
	padding: 0px 0px 5px 0px;
}

td.variantenmatrix_beschriftung
{
	width:120px;
	padding:5px;
	
}
td.variantenmatrix_listbox
{
	width:200px;
	padding:5px 10px 5px 10;
}
select.variantenmatrix_listbox
{
	width:100%;
	height: 26px;
}

Input.MengeVariante
{
  width:50px;
}

/* ------------------------------ */

/* ----- START rueckstandsliste ----- */
table.rueckstandsliste{
	border: 1px solid;
	border-collapse:collapse;
	border-spacing:0px 0px;
	font-size:10px;
}

td.rueckstandslisteKopf{
	font-size:10px;
	font-stretch: condensed;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-right:1px solid;
}
td.rueckstandslisteKopfRechts{
	font-size:10px;
	font-stretch: condensed;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

td.rueckstandsliste {
	font-size:10px;
	font-stretch: condensed;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
}

td.rueckstandslisteRechts {
	font-size:10px;
	font-stretch: condensed;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
}
/* ----- ENDE rueckstandsliste ----- */

/* ----- START Newslettergenerator -------- */

#button-newsletter {
	width:100%;
	height:24px; 
	margin:2px 0px 2px 0px;
	border-collapse:separate;
	border-spacing:2px;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	border:1px solid;
	white-space:nowrap;
   	font-family: "Ubuntu Regular",sans-serif !important;
}

#button-newsletter a {
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	font-family: "Ubuntu Regular",sans-serif !important;
}

#button-newsletter a:hover {
}

#button-newsletter-hover {
	width:100%;
	height:24px; 
	margin:2px 0px 2px 0px;
	border-collapse:separate;
	border-spacing:2px;
	cursor:pointer;
	vertical-align:middle;
	text-align:center;
	border:1px solid;
	white-space:nowrap;
  	font-family: "Ubuntu Regular",sans-serif !important;
}

#button-newsletter-hover a {
	font-weight:bold;
	font-size:12px;
	cursor:pointer;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	font-family: "Ubuntu Regular",sans-serif !important;
}

#button-newsletter-hover a:hover {
}

/* ----- ENDE Newslettergenerator -------- */

/* ----- START Newsletter -------- */

.IBISNews #container { 
	width: 600px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
 	padding: 10px 10px 10px 10px; 
    border:solid 1px;
} 

.IBISNews #banner {
	width:580px;
}

.IBISNews #mainContent { 
	margin:0px;
	border:0px dotted;
	position:relative;
	float:left;
	width:580px;
} 

.IBISNews #fuss { 
	background:transparent;
	border-bottom:solid 1px;
	border-top:solid 1px;
	font-size:10px;
	margin-top:10px;
} 
.IBISNews #fuss p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

}

table.kontaktformular{
	width:500px;
	 border-spacing:3px;
}
td.kontaktformular_eingabefeld{
	padding-right:5px;
}

/* ----- START Newsletter -------- */

#MainMessage hr
{
	border: 1px;
	border-style: dotted;
	border-color: #69923A;
}	
	
.shadow2{
	margin:2px;
	-moz-box-shadow: 0 0 2px #555555;
	-webkit-box-shadow: 0 0 2px #555555;
	box-shadow: 0 0 2px #555555;

}


/* ----- Bewertungen ----- */
table.bewertung_erfassen {
	border-spacing: 0px 5px;
	border-collapse:separate;
}
table.bewertung_erfassen tr {
	vertical-align:middle;
}
td.bewertung_erfassen_feldbeschreibung {
	vertical-align:bottom;
	width:5%;
	white-space:normal;
}
td.bewertung_erfassen_eingabefeld {
	vertical-align:bottom;
	width:95%;
	padding-right:5px;
}

/* ------------------------------------- */

.taL	{text-align:left;}
.taC	{text-align:center;}
.taR	{text-align:right;}

.vaT	{vertical-align: top;}
.vaM	{vertical-align: middle;}
.vaB	{vertical-align: bottom;}

.fs10	{font-size:10px;}
.fs11	{font-size:11px;}
.fs12	{font-size:12px;}
.fs14	{font-size:14px;}
.fs16	{font-size:16px;}
.fs18	{font-size:18px;}
.fs20	{font-size:20px;}
.fs22	{font-size:22px;}

.bold	{font-weight:bold;}
.bolder	{font-weight:bolder;}

.black	{color:#000000;}
.white	{color:#ffffff;}
.orange {color:#E47911;}

.underline {text-decoration:underline;}


.Ueberschrift-MainFrame
{
   FONT-WEIGHT:bold;
   FONT-SIZE:12px;
}

/* Start - Styles für Katalogpfad */

.Katalog-Ueberschrift-KatalogName
{
   padding-left:1px;
   FONT-WEIGHT:bold;
   FONT-SIZE:11px;
   vertical-align:middle;
   margin-bottom:1px;
}

.Katalog-Ueberschrift-Link
{
   FONT-WEIGHT:bold;
   FONT-SIZE:11px;
   text-decoration:underline;
   vertical-align:middle;
   margin-bottom:1px;

}
.Katalog-Ueberschrift-Link:hover
{
   FONT-WEIGHT:bold;
   FONT-SIZE:11px;
}
.Katalog-Ueberschrift-ProdukteproSeite
{

}


/* Ende - Styles für Katalogpfad */

/* Vertreter */

#vertreter_kundenauswahl_wrapper
{ 
float:left;
}

/* Ende Vertreter */

/* Content Inhalte von Homepage */

div.ibisContent {
	float:left; 
	width: 615px; 
	padding: 0px;
	border: 1px solid #e1e1e1;
		margin-left: 0px; margin-right: 6px; margin-bottom: 15px; -moz-border-radius: 5px;
		-webkit-border-radius: 5px; border-radius: 5px;
}

div.test {
	background-color:#DBCEAC; border-color: #E98300;
}
div.test:hover {
	background-color:#E98300;
}


div.sage-iframes {
	width:958px;
	border: 1px solid #e1e1e1; 
	margin-right: 3px; margin-left: 3px;
	margin-bottom: 15px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; border-radius: 5px;
	overflow:hidden;
}

div.sage-iframes iframe {
	width:620px; 
	overflow:visible; 
	border: 0px;
}



div.bannermenue {
	background-color:#BCBCBC;
	cursor:pointer;
	float: left; 
	padding-left:5px;
	padding-right:5px;
	margin: 5px;
	border: 1px solid #e1e1e1; 
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px; 
	border-radius: 5px;
	color:#FFFFFF; font-size:12px; line-height:20px; vertical-align:middle;
	
	
}
div.bannermenue a {
	color:#ffffff;
	text-decoration:none;
}

	


div.bannermenue:hover {
background-color:#666666; }

div.partnermenue {
background-color:#ffffff;
cursor:pointer;
float: left; 
width: 150px;
height: 75px;
margin: 5px 2px 5px 23px;
vertical-align:middle;

border: 1px solid #e1e1e1; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
overflow: hidden;
position: relative; }

div.partnermenue:hover {
border: 1px solid #000000}

div.downloadmenue {
	/*background-color:#CA6500;*/
	background-color:#F2AF00;
	display:table;
	cursor:pointer;
	float: left; 
	width: 170px; height: 100px; 
	margin: 5px;
	padding:5px;
	border: 1px solid #000000; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	overflow: hidden;
	position:relative; left: 50%; 	
}

div.downloadmenue p {
	display:table-cell;
	vertical-align:middle;
	text-align:center; 
	/*color: #675C53; */
	color: #000000; 
	font-weight:bold; font-size:12px; line-height:150%;
}

div.downloadmenue:hover {
	/*border: 1px solid #000000; 
	background-color:#D5A431;*/
	background-color:#E98300;
}


div.preise {
/*background-color:#BCBCBC;*/
background-color:#DBCEAC; color:#000000;
font-size:14px;
float: left; 
height: 90px; 
margin: 5px 2px 5px 5px;
padding:5px;

border: 1px solid #e1e1e1; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
overflow: hidden;
position: relative; }

div.preiseL {
	width:550px; text-align:left;
}
div.preiseM {
	width:225px; text-align:center;
}
div.preiseR {
	width:120px; text-align:center;
}
div.preiseTrennzeile {
	height:10px; background-color:#242424;
}
div.refueberschrift {
background-image:url(../bilder/ueberschrifthintergrundref.png);
margin: 0px 5px 10px 0px;
font-size:18px;
line-height:40px; 
font-weight:bold; 
font-style:normal; 
font-family:Arial, Helvetica, sans-serif;
width: 620px; 
border: 1px solid #e1e1e1; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px; 
border-radius: 5px;
position: relative; }

div.demomenue {
	background-color:#F2AF00;
	display:table;
	cursor:pointer;
	float: left; 
	width: 250px; height: 150px; 
	margin: 5px;
	padding:5px;
	border: 1px solid #000000; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	overflow: hidden;
	position:relative; left: 50%; 	
}

div.demomenue p {
	display:table-cell;
	vertical-align:middle;
	text-align:center; 
	color: #000000; 
	font-weight:bold; font-size:20px; line-height:150%;
}

div.demomenue:hover {
	background-color:#E98300;
}

div.partnermenue_u {
cursor:pointer;
float: left; 
width: 195px;
height: 180px; 
overflow: hidden;
position: relative; }

/* fuer Produktvergleich */
.footercontent a{
    color: #888D3B!important;
    text-decoration: none!important;
	background: url("../bilder/divider.gif") no-repeat scroll right center rgba(0, 0, 0, 0);
    font: 10px Arial,Helvetica,sans-serif;
    padding: 0 12px 0 8px;
}

.invisible{ visibility:hidden;}
.visible66{ visibility:visible !important;}

.visible55{ visibility:visible !important;}
.visible56{ visibility:visible !important;}

.visible44{ visibility:visible !important;}
.visible45{ visibility:visible !important;}
.visible46{ visibility:visible !important;}

.visible33{ visibility:visible !important;}
.visible34{ visibility:visible !important;}
.visible35{ visibility:visible !important;}
.visible36{ visibility:visible !important;}

.visible22{ visibility:visible !important;}
.visible23{ visibility:visible !important;}
.visible24{ visibility:visible !important;}
.visible25{ visibility:visible !important;}
.visible26{ visibility:visible !important;}

.green{ color:#6D7401 !important;}

.savedCart, .order-table { margin-bottom:15px; padding: 0 !important; border-collapse: collapse; border:0; }
.savedCart th, .order-table th { padding: 2px 5px; text-align: center; color: white; background-color: #666; }
.savedCart td, .order-table td { padding: 10px 5px; border-bottom: 1px dotted #ccc; }

input[type="submit"].inputComparison{font-weight:normal;background:none; border:none; text-transform:none; font-size:11px; color:#888D3B; letter-spacing:0px; text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
input.inputComparison:hover{ font-weight:normal;background:none; border:none; text-transform:none; font-size:11px; color:#888D3B; letter-spacing:0px; text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}

/* Pop Up Styles */
.main { overflow: hidden; }
.popup{ margin:25px auto; background-color:#eee; padding:20px; border:1px solid #999; width:375px; text-align:center}
.popup h1, .popup p, popup a {text-align:center !important}

.lightwindowpopup { margin:25px auto; background-color:#fff; padding:20px; border:1px solid #CCC; width:450px; border-top:25px solid #ccc;}
.lightwindowpopup h1, .popup p {text-align:left}
.lightwindowpopup #location-chooser .center { width: 320px; margin: 0 auto; }
.lightwindowpopup #location-chooser input[type="button"]:hover { cursor: pointer; }

/* VALIDATION */
.required { color: #000; padding-left: 5px; vertical-align: middle; }
.starerror { color: #CC0000 !important; font-weight: bold !important; }
.inputerror { border: 1px solid #CC0000 !important; }
.formerror { color: #CC0000 !important; font-weight: bold !important;  }
.inputerrormessage { color: #CC0000 !important; font-weight: bold !important;  }
.rowerror label { color: #CC0000 !important; font-weight: bold !important; }
.EditingFormErrorLabel { clear: both; }

.comparisontable { width: 100%; }
.comparisontable td { /*border-right: 1px dotted #b6b6b7;*/ padding: 6px 10px 4px; vertical-align: middle; width: 95px;}
.comparisontable td td { width: auto; padding: 0; vertical-align: top; }
.comparisontable tr.odd td { background-color: #FAFAFD; }
.comparisontable tr.even td { background-color: #ffffff;}
.comparisontable tr:first-child { background-color: #ffffff  }
.comparisontable tr.even .leftalign { background-color: #E3ECEF;  }
.comparisontable tr.odd .leftalign { background-color: #D6DEE0;}
.compareHeader { text-align: center; background-color: #666666 !important; border: none; color:#FFFFFF; font-size:11px; text-transform:uppercase; }
.compareHeader:first-child { text-align: left; }
.katbildv{width:95px;}

.leftalign { text-align: left !important; vertical-align: middle;}
.rightalign { text-align: right !important; padding-right: 6px !important;}
.center { text-align: center !important; }
.topalign {vertical-align:top !important;}
.bordertopsolid{border-top:1px solid #b6b6b7 !important;}

.table, .cartresults {padding: 5px; margin: 4px 0; border:1px solid #B6B6B7 }
.table th, .smalltable th, .cartresults th { text-align:center; background: #a4a6a9; border: 1px solid #a4a6a9; color: #fff; padding: 2px 5px; font: normal 11px Arial, Helvetica, sans-serif; text-transform: uppercase; }
.table td, .cartresults td { border-top: 1px dotted #b6b6b7; padding: 2px 2px 2px; vertical-align: middle; }
.table td { padding: 6px 6px; }
.table .special, .cartresults .special { border-top: none; padding: 0 0 4px; text-align: center; background-color: #ffffff !important;}
.table td td , .cartresults td td{ border: none; padding:0; vertical-align: middle; }
table.optiontable { width: 100%; margin-bottom: 30px; }
.table .optiontable td { border-top: none; padding: 2px 0; }
table.optiontable h2 {  margin-top: 30px; }

.arrowcontrols { width: 25px; height: 20px; float: left; vertical-align: middle; margin:0 !important; border: 0 !important; }
.quickorder span, .table span { display: block; width:auto; overflow: hidden; margin: 0 auto; padding: 2px 0; }
.comparisontable span{width:95px; text-align:center;}
.qty1 {width:52px !important; text-align:center;}
.table .arrowcontrols td { padding: 0 !important; border: none !important; }

.uparrows, .downarrows { font-size: 1px; text-indent: -9999px; cursor: pointer; display: block; width: 25px; height: 10px; outline: none; text-decoration: none; }
.uparrows {  background: url(../bilder/arrow-up.gif) no-repeat 0px 0px; }
.uparrows:hover { background-position: 0px -10px; }
.downarrows {  background: url(../bilder/arrow-down.gif) no-repeat 0px 0px; }
.downarrows:hover { background-position: 0px -10px; }

.ordercatalog, .ordercatalog a { display: block; width: 153px; height: 52px; }
.ordercatalog a { background-image: url(../bilder/order-catalog.gif); background-repeat: no-repeat; background-position: 0px 0px; text-indent: -9999px; }
.ordercatalog a:hover { background-position: 0px -52px; }

.qty { text-align: right !important; padding-right: 5px !important; width: 18px; float:left; }

.sub { width: 100%; height: 20px; background-color: #fff; vertical-align: bottom; padding-top: 22px; }
.sub a { color: #707070; }
.sub a:hover { color: #888d3b; }
.sub .region a { color: #888d3b; text-decoration: none; }
.sub .region a:hover { text-decoration: underline; }
.sub div { float: left; padding: 0 0 0 20px; }
.sub ul { float: right; padding: 0 10px 0 0; margin:0; }
.sub li { list-style: none; display: inline; margin: 0 10px; }
.sub li.cart { background: url(../bilder/cart.gif) no-repeat 0px 0px; padding: 0 0 1px 25px; line-height: 14px; padding-bottom: 3px\9; }
.sub div a { text-decoration: underline; }.sub { width: 100%; height: 20px; background-color: #fff; vertical-align: bottom; padding-top: 22px; }

