.functionBoxClose
{
	display: block;
	width: 0px;
	height: 0px;
	position:absolute; 
	top: 45px; 
	left: 0px;  
	border: 0px solid #000;
	background-color: #fff; 
	padding: 0px;
	z-index: 1;
	overflow: hidden
}

.functionBoxOpen
{
	display: block;
	width: 640px; 
	height: 300px; 
	position:absolute; 
	top: 0px; 
	left: 0px; 
	border-left: 1px solid #555; 
	border-top: 1px solid #555; 
	border-right: 3px solid #555; 
	border-bottom: 3px solid #555; 
	background-color: #fff; 
	padding: 30px;
	z-index: 1;
}

.functionBox
{
	display: none;
	width: 640px;
	height: auto;
	border-left: 1px solid #555; 
	border-top: 1px solid #555; 
	border-right: 3px solid #555; 
	border-bottom: 3px solid #555; 
	background-color: #fff; 
	padding: 30px;
}


/*****************************************************************************************/
/*** generic html ***/
/*****************************************************************************************/
html {
	margin: 0px;
}

body {
	font-family: Verdana; 
	font-size: 11px; 
	line-height:16px;
	margin: 0px; 
	padding: 0px;
	color: #000; 
	background-image: url(/images/bg_header_dark.gif);
	background-repeat: repeat-x;
}

form {
	margin: 0px;
}

h1 {
   font-family: Verdana;
   font-size: 18px; 
   /* ehemals 14px */
   line-height:22px;
   margin:0px; 
   margin-bottom: 6px;
   text-align: left;
   color: #000;
   font-weight: bold;
}

h2 {
   font-family: Verdana;
   font-size: 12px;
   line-height:16px;
   margin:0px; 
   margin-bottom: 3px;
   text-align: left;
   color: #000;
   font-weight: bold;
}

h3 {
   font-family:  Verdana;
   font-size: 11px;
   line-height:16px;
   margin:0px; 
   margin-bottom: 3px;
   text-align: left;
   color: #000;
   font-weight: bold;
}

p {
   font-size: 11px;
   line-height:16px;
   margin:0px; 
   margin-bottom: 16px; 
   text-align: left;
}
p.single 
{
	margin-bottom: 0px;	
}

a {
	color: #000000;
}

img {
	border: 0px;
}


/*****************************************************************************************/
/*** generic classes ***/
/*****************************************************************************************/

.red {
	color: red;
}

.green {
	color: #0caa00;
}

.lightgrey {
	color: #a1a1a1;
}

a.lightgrey:hover {
	color: #000;
}

/* Bildausrichtung links */
img.left {
	float: left;
	margin-right: 9px;
	margin-bottom: 6px;
}

/* Bildausrichtung rechts */
img.right {
	float: right;
	margin-left: 9px;
	margin-bottom: 6px;
}
img.rightPlain {
	float: right;
	margin-left: 9px;
}

/* generische Box, Liste links floatend */
div.left, ul.left 
{
	float: left;
	margin-bottom: 20px;		
}
/* generische Box, Liste rechts floatend */
div.right, ul.right 
{
	float: right;
	margin-bottom: 20px;		
}

/* bold */
div.b, span.b, a.b
{
	font-weight: 700 ! important;
}

/* nowrap */
div.nowrap
{
	white-space: nowrap;
}

/* für Kundenmeinungen */
.zitat {
	padding-left: 30px;
	margin-bottom: 18px;
	background-image: url(/images/zitat.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

/*****************************************************************************************/
/*** Box Width Sizes */
/*****************************************************************************************/
.sizeEighth  {width: 95px; float: left;}
.sizeQuarter {width: 210px; float: left;}
.sizeThreeQuarter {width: 670px; float: left;}
.sizeHalf {width: 440px; float: left;}
.sizeFull {width: 900px;}
.sizeTwoThird {width: 640px; float: left;}
.sizeOneThird {width: 240px; float: left;}
.sizeSpacer {width: 20px; float: left;}
.sizeIcon  {width: 90px; float: left; margin-right: 9px;}

/*****************************************************************************************/
/*** Image Width Sizes */
/*****************************************************************************************/
img.icon  {width: 50px; height: 50px;}
img.list {width: 90px; height: 90px;}
img.manufacturerIcon {max-width: 90px; max-height: 45px;}

/*****************************************************************************************/
/*** Conainer, hoechstes Div, keine Definition von Elementen ausserhalb */
/*****************************************************************************************/
#Container
{
	width: 900px;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}

/*****************************************************************************************/
/*** Header, Kindelement von #Container */
/*****************************************************************************************/
#Header
{
	width: 900px;
	height:110px; 
	margin:0px;
	position:relative;
	z-index: 3; 
}

#Header > #Meta
{
	position:absolute; 
	right:10px; 
	top:14px;
}

#Header > #Meta > ul
{
	list-style: none; 
	padding:0px; 
	margin: 0px;
}

#Header > #Meta > ul > li
{
	float: left; 
	margin-left:15px;
	font-family: Verdana, Sans-Serif; 
	font-size: 10px;
	color: #eaeaea;
}

#Header > #Meta > ul > li > a
{
	font-family: Verdana, Sans-Serif; 
	font-size: 10px; 
	font-weight: normal;
	text-decoration: none; 
	color: #eaeaea;
}

#Header > #Meta > ul > li > a > img
{
	margin-top: 3px;
}

#Header > #Logo 
{
	position:absolute; 
	left:0px; 
	top:14px;
}

/* from element */
#Search
{
}

#Search > #SearchTerm
{
	border-top: #dfdfdf 1px solid;
    border-left: #dfdfdf 1px solid; 
    border-bottom: #f3f3f3 1px solid; 
    border-right: #f3f3f3 1px solid; 
    background-color: #f3f3f3;
	width: 180px;
	height: 12px; 
	font-size: 11px; 	
	margin-top: 3px; 
	margin-right: 4px; 
	float: left;
}

#Search > #SearchButton
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 21px;
	color: #eaeaea;
	text-decoration: none;
}

#Header > #Menu1
{
	position:absolute; 
	left:0px; 
	top:54px;
}

#Header > #Menu2
{
	position:absolute; 
	right: 0px; 
	top:54px;
}

#Path
{
	width: 900px;
	overflow: hidden;
	margin-bottom: 6px;
}


/*** Aufklappmenu, innerhalb von Header ***/

/* Menu Aufzaehlung 1. Ebene */
ul.MenuItems {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

/* Aufzaehlungselement 1. Ebene */
li.menuItem {
	float: left;
	padding-top: 2px;
}

li.shoppingCart {}
li.shoppingCart img {float: left;}

li.menuItem > a {
	display: block; 
	margin-right: 10px;
	text-decoration: none;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 21px;
	color: #eaeaea;
}

li.menuItem > a:hover {
	text-decoration: none;
}


/* SPAN NUR um Abstände zu erzeugen ! */
li.menuItem a span {padding: 3px;}

li.menuItem:hover a span 
{
	background-color: #2d2f36;
	color: #ccc;
}


li.menuItem:hover a,
li.menuItem.over a {
	display: block;
}

/* Aufklappmechanismus */
li.menuItem:hover ul.menuSubItems, 
li.menuItem.over ul.menuSubItems {
	display: block
}

/* Menu Aufzaehlung 2. Ebene => Pulldown Menue Eintraege */
ul.menuSubItems {
	display: none;
	position: absolute;
    list-style-type: none; 
    margin: 0px;
    margin-top: -1px;
    padding: 0px; 
    
    border: 1px solid #c0c0c0;
    background-color: #f2f2f2;
    
    text-align: left;
    z-index: 1;
    color: #2d2f36;
    min-width: 140px;
}

/* Für Hilfe., etc. */
#Menu2 .menuSubItems 
{
	min-width: 100% ! important;
}

li.menuSubItem {
	margin: 0px;
	padding: 0px;
	position: relative;
}

li.menuSubItem:hover {
	background-color: #d6e5f2;
}

li.newBlock 
{
	border-bottom: 1px solid #c0c0c0;
}

li.menuSubItem > a {
	font-size: 10px;
	line-height:10px;
	color: #000;
	display: block;
    padding: 6px;
	text-decoration: none;
    display: block;
    white-space: nowrap;
}

li.menuSubItem > a:hover {
	background-color: #d6e5f2;
}

/* Unter Unter Menu für die Kategorien */
ul.menuSubSubItems
{
	display: none;
	position: absolute;
	left: 120px;
	top: -3px;
    border: 1px solid #c0c0c0;
    background-color: #f2f2f2;
	list-style-type: none; 
    margin: 0px;
    padding: 0px; 
    text-align: left;
    z-index: 1;
    color: #2d2f36;
    min-width: 140px;
}

li.menuSubSubItem
{
	margin: 0px;
	padding: 0px;
	position: relative;
}

li.menuSubSubItem > a {
	font-size: 10px;
	line-height:12px;
	color: #000;
	display: block;
    margin: 0px;
    padding: 6px;
	text-decoration: none;
    display: block;
    white-space: nowrap;
}

li.menuSubSubItem > a:hover {
	background-color: #d6e5f2;
}

li.menuSubItem:hover ul.menuSubSubItems, 
li.menuSubItem.over ul.menuSubSubItems {
	display: block
}


/* Einfache Box im Menu: Warenkorb, etc. ****/

div.menuSubBox 
{
	display: none;	
	margin: 0px;
	margin-top: 0px; /*-1*/
	padding: 0px; 
	text-align: left;
	color: #000;
	position: absolute; 
	left: -1px; top: 22px;
	
	width: 902px; 
	/* height: 340px; */
	background-color: #fff; 
    
    border-top: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    background-color: #f2f2f2;
}

li.menuItem:hover div.menuSubBox, 
li.menuItem.over div.menuSubBox {
	display: block
}
/* rechtsbündig */
#Menu2 div.menuSubBox
{
	left: auto;
	right: -1px;
	width: 350px;
}


        
/* Inhalts Box für Submenu */
.menuSubItemBox
{
	float: left;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 121px;  
    
}
.menuSubItemBox a
{
	line-height: 16px ! important;
	padding: 0px;
	margin: 0px;
	float: none;
	display: inline ! important;
}
 .menuSubItemBox img
{
	margin: 0px;
}


/*****************************************************************************************/
/*** Tabellenformatierung im Menu als Aufklappbox ... */
/*****************************************************************************************/
.menuTable {font-family: verdana; font-size: 10px; width: 100%; border: 0px;}
.menuTable td, .menuTable th {padding: 2px; padding-right: 6px; vertical-align: top; border: 0px; text-align: left;}
.menuTable thead th {padding: 12px; border-bottom: 1px solid #c0c0c0; font-size: 10px; 
                     background-color: #f2f2f2; color: #000; font-weight: normal; white-space: nowrap;}
.menuTable tbody td {border-bottom: 1px solid #c0c0c0; background-color: #fff; padding: 3px;}
.menuTable tbody td a {text-decoration: none;}
/* helpList */
.menuTable tbody td a:hover {text-decoration: underline;}
.menuTable tbody td.text {padding-top: 6px; padding-bottom: 6px;}
.menuTable tfoot td {padding: 12px; background-color: #f2f2f2;}
.menuTable tfoot td a {text-decoration: underline;}
.menuTable td.right, .menuTable th.right {text-align: right; white-space: nowrap;}
.menuTable td.left, .menuTable th.left {text-align: left;}
.menuTable td.center, .menuTable th.center {text-align: center;}
.menuTable td.total, .menuTable th.total {font-weight: bold; white-space: nowrap;}
.menuTable td.fill {width: 100%;}
.menuTable td.center input {text-align: center;font-size: 11px;}
.menuTable td.nowrap {white-space: nowrap;}


/*****************************************************************************************/
/*** FOOTER, Kindelement von #Container */
/*****************************************************************************************/
#Footer {
	clear:both;
	width: 900px;
	margin: 0px;
	margin-top: 40px;
	margin-bottom: 20px;
	color: #999;
	font-size: 10px;
	position: relative;
	z-index: 1;
	border-top: 3px solid #eaeaea;
	font-family: Arial, Helvetica, Sans-Serif ! important;
}
#Footer > div
{
	margin-top: 10px;	
}

#Footer > ul {
	margin: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px;	
}

#Footer img 
{
	/*ausfaden*/
    opacity:0.5;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    -o-opacity: 0.5;
    -webkit-opacity: 0.5;	
}

#Footer li {
	display: inline; 
	padding-right: 6px; 
}

#Footer a 
{
	
	color: #999;
	text-decoration: underline;
}

#Footer .box img:hover
{
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

#Footer a:hover 
{
	color:black;
}



/*****************************************************************************************/
/*** Aufzaehlung von Artikeln, Kategorien, etc. BLOCKED ! , ehemals box_link */
/*****************************************************************************************/

a.Enum
{
	font-family: Arial, Helvetica, Sans-Serif;
    display: block; 
    width:206px; 
    height: 90px; 
    float: left; 
    margin:1px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10px; 
    color: #000; 
    text-decoration: none;
    border: 1px solid #fff;
}

a.Enum > img
{
	width: 90px;
	height: 90px;
    float: left; 
    margin-right: 3px;
}

a.Enum > .stars
{
	width: auto;
	height: auto; 
    margin-top: 3px;
}

a:hover.Enum
{
    border: 1px solid #eaeaea;
    background-color: #fff ! important;
}

/* liniendarstellung */
a.EnumSmall
{
    display: block; 
    width:206px; 
    height: 23px; 
    float: left; 
    margin:1px;
    margin-bottom: 3px;
    font-size: 11px; 
    line-height: 21px;
    color: #000; 
    text-decoration: none;
    border: 1px solid #fff;
    overflow: hidden;
    white-space: nowrap;
}

a.EnumSmall > img
{
	width: 21px;
	max-height: 21px;
    float: left; 
    margin-right: 6px;
}

a:hover.EnumSmall
{
    border: 1px solid #eaeaea;
    background-color: #fff ! important;
}

/*****************************************************************************************/
/*** Aufzaehlung von Kategorien, etc. BLOCKED !
/*****************************************************************************************/

.boxEnum
{
    display: block; 
    width:210px; 
    float: left; 
    margin:0px;
    margin-bottom: 20px;
    font-size: 10px; 
}

/*****************************************************************************************/
/*** Übersichten für Themen, etc. !
/*****************************************************************************************/

.boxTeaser
{
    height: 250px;
}
.boxTeaser > div
{
    background-color: #fff; 
    position: absolute; 
    left: 0px; 
    bottom: 0px; 
    padding: 5px; 
    padding-left: 0px;
}
.boxTeaser > div > p
{
    margin-bottom: 3px;
}

/***** NEU *****/

        .teaserBig 
        {
        	display: block; 
        	width: 440px; 
        	height: 250px; 
        	position: relative;
        	float: left;
        }
        .teaserBig > span
        {
        	display:block; 
        	position: absolute; 
        	bottom: 0px;
        	left: 0px; 
        	background-color: #fff; 
        	padding: 5px; 
        	padding-left: 0px; 
            line-height: 16px; 
            font-size: 11px; 
            font-family: Verdana; 
            color: #000; 
            text-decoration: underline; 
            font-weight: 700;
        }
    
        .teaserSmall 
        {
        	display: block; 
        	width: 210px; 
        	height: 90px; 
        	position: relative;
        	float: left;
        }
        .teaserSmall > span
        {
        	display:block; 
        	position: absolute; 
        	bottom: 0px; 
        	left: 0px; 
        	background-color: #fff; 
        	padding: 3px; 
        	padding-left: 3px; 
            line-height: 16px; 
            font-size: 11px; 
            font-family: Verdana; 
            color: #000; 
            text-decoration: underline; 
            font-weight: 700;
        }

/*****************************************************************************************/
/*** Button */
/*****************************************************************************************/

a.button 
{
	display: block !important;
    width: 126px !important;
    height: 23px !important;
    margin: 0px !important;
    padding: 0px !important;
    padding-left: 8px !important;
    font-family: Arial, Sans-Serif;
    font-size: 11px !important;
    line-height: 21px !important;
    color: #fff !important;
    background-image: url(/images/button.png);
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none !important;
}
a.button:hover
{
    background-image: url(/images/button-hover.png);
}
a.button:active
{
    background-image: url(/images/button-click.png);	
}


/*****************************************************************************************/
/*** Content generisch */
/*****************************************************************************************/

/* generische Box fuer Inhalte */
.box 
{
	margin-bottom: 20px;
	position: relative;
}

.border{
   height: 1px;
   width: 100%;
   overflow: hidden;
   background-color: #eaeaea;
   clear: both;
}

.borderBold{
   height: 3px;
   width: 100%;
   overflow: hidden;
   background-color: #eaeaea;
   clear: both;
}


/* Abstandshalter für Boxen */
.spacer
{
	margin-right: 20px ! important;
}

.spacerLeft
{
	padding-left: 18px ! important;
}

/*****************************************************************************************/
/*** Content - Hauptcontainer Div fuer Boxen */
/*****************************************************************************************/

#Content
{
	position: relative;
	width: 900px;
	z-index: 2;
	margin-top: 0px; 
	margin-left: 0px;
	background-color: White;
}


/****************************************/
/*   Linkliste                          */
/****************************************/
ul.linklist {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

ul.linklist > li {
	margin-bottom: 6px;
	clear: both;
}

ul.linklist > li > a {
	text-decoration: none;
	font-size: 11px;
	line-height: 12px;
	display: block;
	background-image: url(/images/arrow_right.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
}


/*****************************************************************************************/
/*** Artikel */
/*****************************************************************************************/

/* Variantentabelle, Artikeltabelle für Produktvarianten, Merkliste */
#Items
{
	width: 100%; 
	font-family: Verdana; 
	font-size: 11px; 
	border-bottom: 3px solid #eaeaea; /* #2d2f36; */
	margin-bottom: 30px;
}

#Items td
{
	vertical-align: top; 
	padding: 10px;
	padding-left: 0px;
	padding-right: 20px; 
	border-top: 1px solid #eaeaea;
}
#Items td.right
{
	text-align: right;
}
#Items td.nowrap
{
	white-space: nowrap;
}
#Items td.text
{
	padding-right: 0px; 
}

#Items form
{
	display: inline;
}

#Items .quantity
{
	float: left;
	margin-right: 8px;
	margin-bottom: 6px;
}

#Items .cart
{
	float: left;
	vertical-align: middle; 
	margin-bottom: 6px; 
}


/*****************************************************************************************/
/*** Functions: Print, ... */
/*****************************************************************************************/

ul.functions {
    list-style-type:none; 
    margin: 0px;
    padding: 0px;
    margin-bottom: 12px;
}

ul.functions > li {
    line-height:21px;
    font-family: Verdana;
    font-size: 11px;
    color: #555;
    margin-bottom:5px;
}

ul.functions > li > a {
    text-decoration: none;
}

ul.functions > li > img 
{
	float:left !important; 
    margin: 0px; 
    margin-right: 5px;
}


/*****************************************************************************************/
/* Gallery in der Artikel-Ansicht */
/*****************************************************************************************/

#ImageGallery 
{
}

.ImageGalleryNormal 
{
	width: 220px;
	float: right; 
	margin-bottom: 20px; 
	margin-left: 30px; 
	position:relative;
	z-index: 0;
	overflow: hidden;
}

.ImageGalleryExtended
{
	float: right; 
	margin-left: 0px; 
	margin-bottom: 20px; 
	position: relative; 
	width: 640px; 
}

#ImageGalleryImage 
{
	float:left;
}

#ImageGallerySelector
{
	float: left;
}
#ImageGallerySelector > img
{
}

#ImageGallerySelect
{
	float: left;
	display: none;
	margin-left: 12px;
} 

#ImageGallerySelect > img
{
	border: 1px solid #eaeaea; 
	margin-right: 3px;
	margin-bottom: 3px;
}


/*****************************************************************************************/
/*** Druckansicht */
/*****************************************************************************************/
#PrintBlock {display: none;}


/*****************************************************************************************/
/*** Allgemeine Formularformatierung, ... */
/*****************************************************************************************/

.FormButton 
{
	font-size: 12px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	border: 1px solid #D3D7E2;
	background-color: #f0f0f0;
	color: #666;	
	margin-top:20px;
	margin-bottom:20px;
	float: left;
	margin-right: 10px;
}
	
	
/* Formularinhalte */
	
/* ul-Element */
.FormList
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.FormList li
{
	margin-bottom:4px;
	list-style: none;
}

.FormList label
{
	display: block;
	float: left;
	width: 100px;
	line-height:20px;
	margin-top:2px;
	vertical-align:middle;
	white-space: nowrap;
	overflow: hidden;
}

.FormList input
{
	border: 1px solid #D3D7E2;
	width: 200px;
	margin: 2px;
}

.FormList select
{
	border: 1px solid #D3D7E2;
	width: 204px;
	margin: 2px;
}

.FormList textarea
{
	border: 1px solid #D3D7E2;
	width: 200px;
	height: 100px;
	margin: 2px;
}

.FormList input.checkbox
{
	border: none;
	width: 20px;
	margin: 2px;
}

.FormList input.large { width: 400px; }
.FormList select.large { width: 400px; }
.FormList textarea.large { width: 400px ! important; }


/*****************************************************************************************/
/*** Fehlerhandling, Formulare, CashBox, ShoppingCart, ... */
/*****************************************************************************************/

/* Error Container, bspw. im Warenkorb */
div.error {
	border: 1px solid red;
	padding: 8px;
	background-color: #f1f2f3;
}

div.error li {
	margin-top: 3px;
}

div.formError {
	border: 1px solid #ccc;
	margin-bottom: 20px;
}

div.errorHeader {
	background-image: url('/images/bg_form-warning.gif');
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
	font-weight: bold;
}

div.errorHeader img {
	vertical-align: middle;
	margin-left: 4px;
}

ul.errorList {
	margin: 2px 2px 2px 28px;
	padding: 0px;
}
ul.errorList li {
	padding: 2px 4px 2px 8px;
}

label.Error 
{
	color: Red;	
}

label.Required 
{ 
	/* color: #ca7a00;	*/
}

/*****************************************************************************************/
/*** Allgemeine Tabellenformatierung, ... */
/*****************************************************************************************/
.basicTable {font-family: verdana; font-size: 11px; width: 100%; border: 0px; }
.basicTable td, .basicTable th {padding: 2px; padding-right: 12px; vertical-align: top; border: 0px; text-align: left;}
.basicTable thead th {border-top: 1px; border-bottom: 1px; border-color: #eaeaea; border-style: solid; background-color: #f3f3f3; font-weight: normal;}
.basicTable tbody td {border-bottom: 1px solid #eaeaea;}
.basicTable tbody td select {width: 120px;}
.basicTable tfoot td {}
.basicTable td.right, .basicTable th.right {text-align: right; white-space: nowrap;}
.basicTable td.left, .basicTable th.left {text-align: left;}
.basicTable td.center, .basicTable th.center {text-align: center;}
.basicTable td.total, .basicTable th.total {font-weight: bold; white-space: nowrap;}
.basicTable td.fill {width: 100%;}
.basicTable td.center input {text-align: center;font-size: 11px;}
.basicTable td.nowrap {white-space: nowrap;}



/*****************************************************************************************/
/*** Plugin Styles, TODO: Jedes Plugin hat ein umgebendes DIV mit einer ID ! */
/*****************************************************************************************/

/* NEWSLETTER, PLUGIN::Newsletter:Form: Keine individuellen styles */


/* Bewertung */
.RatingTextView {}
.RatingTextView a.BooleanButton
{
	display: block;
	width: 30px;
	margin-top: 12px;
	margin-right: 12px;
	padding: 2px 6px 2px 6px;
	border: 1px solid #D3D7E2;
	background-color: #f0f0f0;
	text-decoration: none;
	text-align: center;
	float: left;
}

/* Weiterempfehlung */
#RecommandContainer {}
#FunctionBoxRecommend {}
#FunctionBoxRecommend label {width: 120px;}

/* Email Kontaktformular -> form */
#SimpleEmailForm {}

/* ShoppingCart -> table */
#ShoppingCart {font-family: verdana; font-size: 11px; width: 100%; border: 0px; border-top: 1px solid #eaeaea;}
#ShoppingCart td, .basicTable th {padding-top: 6px; padding-bottom: 6px; padding-right: 12px; vertical-align: top; text-align: left;}
#ShoppingCart thead th { border-bottom: 1px solid #eaeaea; background-color: #f3f3f3; font-weight: normal;}
#ShoppingCart tbody td {border-bottom: 1px solid #eaeaea;}
#ShoppingCart tbody td select {width: 120px;}
#ShoppingCart tbody td img {margin: 0px ! important;}
#ShoppingCart tfoot td {}
#ShoppingCart td.right, .basicTable th.right {text-align: right; white-space: nowrap;}
#ShoppingCart td.left, .basicTable th.left {text-align: left;}
#ShoppingCart td.center, .basicTable th.center {text-align: center;}
#ShoppingCart td.total, .basicTable th.total {font-weight: bold; white-space: nowrap;}
#ShoppingCart td.fill {width: 100%;}
#ShoppingCart td.center input {text-align: center;font-size: 11px;}
#ShoppingCart td.nowrap {white-space: nowrap;}

/* CashBox, Kasse */
.FormButtonCashBox {font-size: 12px;font-weight: bold;padding: 2px 10px 2px 10px; border: 1px solid #ff0000; background-color: #f00; color: #fff; margin-top:20px; margin-bottom:20px; float: left; margin-right: 10px;}

/* Kassenbereich Fortschrittsanzeige -> ul */
#CashBoxProgress {padding: 0px; margin: 0px; height: 35px; margin-bottom: 10px;}
#CashBoxProgress li {float: left; display: block;width: 225px;background-color: #f3f3f3;}
#CashBoxProgress li span {line-height: 28px;font-weight: bold;}
#CashBoxProgress li span.ProgressNumber_inactive {color: #c7c7c7;}
#CashBoxProgress li img {float: left;}

/* Tabelle mit Zahlungsarten */
#CashBoxPayments {width:100%;}
#CashBoxPayments td {padding:2px; padding-bottom: 12px; vertical-align: top;}

/* Search Result */
#SearchTermLarge {border-top: #dfdfdf 1px solid;border-left: #dfdfdf 1px solid; border-bottom: #f3f3f3 1px solid; border-right: #f3f3f3 1px solid; background-color: #f3f3f3; float: left; width: 360px; font-size: 11px; margin-right:5px;	}
#SearchButtonLarge {margin-top:0px;}

div.NewletterOptIn, div.NewletterOptOut { 
	border: 1px solid #0caa00;
	background-color: #d2f8ac;
	padding: 10px 5px 0px 10px;
	margin-bottom: 10px;
}