/**
* style.css:    Datei stellt CSS-Klassen bereit, die in jedem Shop benötigt werden
*
* @copyright    IPO-Prämienservices GmbH
* @author       Kai Butschkau <butschkau@ipo-ps.de, butschkau@it-service-xl.de>
* @version      1.0-28/01/2011
*/

/* --------------------------- Allgemeine Seitenweite Einstellungen--------------------------- */
* {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}

html, body {
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: left;
    background-color: #E4E4E4;
}

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

b {
	font-weight:bold;
}

input[type="submit"], input[type="text"], input[type="password"], select {
    border: 1px solid gray;
    padding: 0.4em;
}

input[type="submit"] {
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
}

input[type="submit"]:active {
    box-shadow: 1px 1px 1px #9c9c9c inset !important;
    background: #e0e0e0;
    background: -moz-linear-gradient(bottom,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to top,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f8f8f8',GradientType=0 );
}

input[type="submit"]:hover {
	box-shadow: 0px 1px 2px gray;
}

input[type="text"], input[type="password"], select {
    box-shadow: 1px 1px 1px lightgrey inset;
}

input[type="submit"]:focus,
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
select:focus,
select:active {
    border: 1px solid #D8F6CE;
    box-shadow: 0px 0px 1px #D8F6CE inset;
    outline: 0;
}

input[readonly="readonly"] {
    border: 1px solid lightgray;
    color: grey;
    box-shadow: none !important;
}

input[readonly="readonly"]:hover {
	cursor: default;
}

input[readonly="readonly"]:focus {
    border: 1px solid lightgray;
    box-shadow: none !important;
}

.required label {
    color: #FF0000;
}

.required label:after {
    content: '*';
}

.red {
	color: #ff0000;
}

.red-panel {
    background-color: #F2DEDE;
    border: 1px solid gray;
    padding: 0.4em;
    color: black;
    width: 730px;
}

/* --------------------------- Für MSIE6 ----------------------------------------------- */
#browsermsg {
    background-color: #FCF2AB;
    display: none;
    margin: auto;
    width: 100%;
}


#browsermsg .browserinner img {
    float: left; margin: 7px;
}

#browsermsg .browserinner {
    font-size: 12px; line-height: 20px;
}

#browsermsg .browserinner a {
    color: blue;
    font-weight: bold;
    text-decoration: underline;
}

.closelink {
    float: right;
}

/* --------------------------- Der alles umgebende Container --------------------------- */
.wrapper {
    background-color: #FFFFFF;
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    height: auto !important;
    position: relative;
    text-align: left;
    width: 1000px;
    box-shadow: 0px 0px 5px gray;
}

.content {
    clear:both;
}

/* --------------------------- Der Header der Seite --------------------------- */
.header {
    background: #c0dcb9 url("/dpag-idee_special/test/header_back.png") no-repeat scroll 0 0;
    height: 60px;
    width: 100%;
}

.header a {
    position: absolute;
}

.header h1 {
    color: #000000;
    font-size: 22px;
    height: 50px;
    left: 150px;
    padding: 14px 0 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 8px #ffffff;
    top: 6px;
    width: 500px;
}

.header_gif {
    width: 1000px;
    height: 60px;
}

/* --------------------------- Der Subheader mit der Suchzeile --------------------------- */
.search_top {
    padding-left: 195px;
    color: #000000;
    font-weight: bold;
    width: 805px;
    height: 30px;
}

.search_top fieldset {
    color: #000000;
    font-weight: 100;
	font-size: 11px;
    height: 30px;
    margin-top: -6px;
    position: absolute;
    width: 800px;
}

.search_top fieldset input#mv_search_pay_val {
    padding: 3px;
    margin-left: 5px;
    margin-top: 9px;
    height: 16px;
    width: 40px;
}

.search_titel {
    font-weight: 700;
    margin-right: 3px;
}

.search_top fieldset legend {
    font-size: 1.0em;
	float: left;
	margin-top: 12px;
	margin-right: 5px;
	font-weight: bold;
}

.search_input {
    border-right: 0 none;
    padding: 3px;
    margin-left: 5px;
    margin-top: 9px;
    width: 145px;
   height: 12px;
}

.search_button {
    background: url("/dpag-idee_special/test/sprite.png") no-repeat scroll -96px -26px lightgrey !important;
    border-left: 0 none;
    margin-left: -1px;
    margin-right: 10px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    vertical-align: bottom;
}
.search_button:hover {
    background: url("/dpag-idee_special/test/sprite.png") no-repeat scroll -96px -26px #D8F6CE !important;
}

.search_top form {
    display: inline;
}

.search_top fieldset a {
    display: inline;
	font-weight: bold;
}

.search_top div {
    display: inline;
}

.search_top div[lang="deu"] {
    background-color: #ABCABC;
}

.search_top div[lang="eng"] {
    background-color: #CBACBA;
}


/* --------------------------- Der Wrapper für den Mainbereich (breadcrumb_navigation, left_column, content_column, right_column)  --------------------------- */
.main {
    background-color: #FFFFFF;
    float: left;
    margin-top: -1px;
    width: 100%;
}


/* --------------------------- Brotkrumennavigation (breadcrumb) ------------------------ */
.breadcrumb {
    float: left;
    height: 20px;
    position: relative;
    text-align: left;
    width: 795px;
    z-index: 1;
}

.breadcrumb span {
    float:left;
}

.breadcrumb ul {
    float: left;
    height: 1.5em;
    margin-top: 0px;
}

.breadcrumb ul li {
    background: url("/dpag-idee_special/test/sprite.png") repeat scroll 2px -57px transparent;
    color: #666666;
    float: left;
    display: inline-block;
    margin-left: 6px;
    padding-left: 10px;
}

.breadcrumb ul li a {
    text-decoration: underline;
}

.breadcrumb ul li a {
    color: #666666;
    float:left;
    margin-top: -1px;
}

.breadcrumb ul li:last-child a {
    text-decoration: none;
}


/* --------------------------- Der linke Navigationsbereich --------------------------- */
.left_column{
    background: #efefef url("/dpag-idee_special/test/left_box_back.gif") repeat-y scroll 0 0;
    float: left;
    margin-top: 30px;
    width: 185px;
}


/* --------------------------- Der linke Tip über dem Menü --------------------------- */
.tip {
    background-color: #FFFFFF;
}

.tip_outer {
    background-color: #FFFFFF;
    display: table;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.tip_middle {
    display: table-cell;
    position: relative;
    top: 50%;
    vertical-align: middle;
    width: 100px;
}

.tip_inner {
    position: relative;
    top: -50%;
    text-align: center;
}

.name_tip {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

/* --------------------------- Die Suchzeile links in der Navigation, wenn vorhanden --------------------------- */
.search_outer {
    color: #000000;
    font-weight: bold;
    width: 1000px;
    height: 30px;
}

.search_outer a {
    display: inline;
}

/* --------------------------- Kategorienavigation ----------------------------- */
/* --------------------------- Benutzernavigation (Mein Konto, Ausloggen) ----------------------------- */
/* --------------------------- Kundennavigation (Zu Firmenname, FAQ, Kontakt, Impressum) ----------------------------- */
.category_navigation, .user_navigation, .custom_navigation, .top-navigation {
    box-shadow: 0px 0px 1px gray;
    color: #000000;
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 5px;
    overflow: hidden;
    text-align: left;
    width: 170px;
    z-index: 100;
}

.category_navigation h2 a, .user_navigation h2, .custom_navigation h2 {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 0 0 9px;
}

.category_navigation h2 a {
    display: block;
}

.category_navigation div, .user_navigation div, .custom_navigation div {
    background: #000 url("/dpag-idee_special/test/left_box_header.gif") no-repeat scroll 0 0;
    height: 19px;
}

.category_navigation a, .user_navigation a, .custom_navigation a, .top-navigation a {
    padding-left: 10px;
}

.category_navigation ul li, .user_navigation ul li, .custom_navigation ul li, .top-navigation ul li {
    background-image: url("/dpag-idee_special/test/left_box_menu_item_back.gif");
    background-repeat: no-repeat;
    padding: 5px 9px 5px 2px;
}

.category_navigation ul li a, .user_navigation ul li a, .custom_navigation ul li a, .top-navigation ul li a {
    background-image: url("/dpag-idee_special/test/left_box_menu_item_arrow.gif");
    background-position: 2px 3px;
    background-repeat: no-repeat;
    color: #000;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0 0 0 9px;
    text-decoration: none;
}

.category_navigation ul li.selected a, .user_navigation ul li.selected a, .custom_navigation ul li.selected a, .top-navigation ul li.selected a {
    background-image: url("/dpag-idee_special/test/left_box_menu_item_arrow_hover.gif");
    color: #003366;
    text-decoration: none;
}

.category_navigation ul li a:hover, .user_navigation ul li a:hover, .custom_navigation ul li a:hover, .top-navigation ul li a:hover {
    background-image: url("/dpag-idee_special/test/left_box_menu_item_arrow_hover.gif");
    color: #003366;
    text-decoration: none;
}

/* --------------------------- Logonformular in Navigation ------------------------ */
.logonform {
    border: 1px solid gray;
    box-shadow: 0px 0px 1px gray;
    color: #000000;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: left;
    width: 170px;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );  /* old-IE */
}

.logonform_head {
    height: 25px;
    width: 170px;
    background: #6A6A6A;
    background: -moz-linear-gradient(top,  #6A6A6A 0%, #717171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A6A6A), color-stop(100%,#717171));
    background: -webkit-linear-gradient(top,  #6A6A6A 0%,#717171 100%);
    background: -o-linear-gradient(top,  #6A6A6A 0%,#717171 100%);
    background: -ms-linear-gradient(top,  #6A6A6A 0%,#717171 100%);
    background: linear-gradient(to bottom,  #6A6A6A 0%,#717171 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A6A6A', endColorstr='#717171',GradientType=0 );

}

.logon_notice {
    margin-top: -20px;
    padding: 5px 5px 10px;
}

.logon_notice label {
    display: block;
    margin-left: 5px;
    padding-bottom: 5px;
}

.logon_notice legend {
    font-weight: bold;
    margin-left: 5px;
    margin-bottom: 5px;
}

#username, #userpasswd {
    margin-bottom: 5px;
    margin-left: 5px;
    padding-left: 5px;
    width: 130px;
}

.logon_notice input[type="submit"] {
    margin-left: 5px;
}

.logon_notice label:after {
    content: ':';
}

.logonform #send_password_link {
    display: block;
    margin: 0px 0px 10px 10px;
}

.logonform #send_password_link:hover {
    text-decoration:underline;
}


/* --------------------------- Passwort-Vergessen-Funktion ------------------------ */
.sendpwdform {
    border: 1px solid gray;
    box-shadow: 0px 0px 1px gray;
    float: left;
    width: 360px;
    padding: 5px;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );  /* old-IE */
}

.sendpwdform input {
    float: left;
    margin: 5px 5px 0px 0px !important;
}

.sendpwd a {
    padding-top: 10px;
    text-decoration: underline;
}


/* --------------------------- Notice-Bereich ------------------------ */
.basket_notice {
    border: 1px solid gray;
    box-shadow: 0px 0px 1px gray;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
    padding-bottom: 5px;
    width: 170px;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );  /* old-IE */
}

.basket_car {
    display: inline;
    height: 20px;
    margin-left: 10px;
    position: absolute;
    width: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.basket_notice h2 {
    font-weight: bold;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #6A6A6A;
    background: -moz-linear-gradient(top,  #6A6A6A 0%, #717171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A6A6A), color-stop(100%,#717171));
    background: -webkit-linear-gradient(top,  #6A6A6A 0%,#717171 100%);
    background: -o-linear-gradient(top,  #6A6A6A 0%,#717171 100%);
    background: -ms-linear-gradient(top,  #6A6A6A 0%,#717171 100%);
    background: linear-gradient(to bottom,  #6A6A6A 0%,#717171 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A6A6A', endColorstr='#717171',GradientType=0 );
}

.basket_notice p {
    margin-bottom: -5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

.basket_notice h2:after {
    content: ':';
}

.basket_content_lines {
    border: 1px solid lightgrey;
    margin-bottom: -5px;
}

.basket_content_lines li {
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
}

.basket_content_lines li a:hover{
    text-decoration: underline;
}

.basket_content_lines li:first-child {
    border-bottom: 1px solid lightgrey;
}


/* --------------------------- Der Inhaltsbereich der Seite --------------------------- */

.content_column{
    display: inline;
    float: left;
    padding: 10px;
    width: 795px;
}

.content_column h2 {
    font-weight: bold;
    font-size: 13px;
}

.content_column h3 {
	margin: 35px 0 25px;
}

.content_column > form {
    margin-top: 20px;
}
/* --------------------------- Beschreibung Suchergebnis Inhaltsbereich --------------------------- */

.search_desc {
    float: left;
    padding-bottom: 5px;
    width: 70%;
}

/* --------------------------- Sortierung Inhaltsbereich --------------------------- */

.choose_browse_order {
  display: inline-block;
  float: left;
}

.cbtop {
  height: 32px;
  width: 100%;
}

.choose_browse_order form {
  position: absolute;
  right: 1px;
}

.choose_browse_order label,
.choose_browse_order select,
.choose_browse_order input
 {
  font-size: 0.8em !important;
}


/* --------------------------- Der Footer --------------------------- */
/* Hier die Gesamtbreite der Seite in 'width' angeben */
.footer{
    background-color: #D8F6CE;
    clear: both;
    color: #000000;
    height: 25px;
    margin: 0 auto;
    padding: 5px 5px 5px 10px;
    line-height: 25px;
    position: relative;
    width: 985px;
    font-size: 11px;
}

.footer p{
    margin: 0;
    padding: 5px 10px;
}

.content_text_main_start {
    margin-bottom: 0px;
    padding-bottom: 12px;
    width: 563px;
	margin-top: 5px;
}

.content_text_main_start img {
	border: 1px solid #D8F6CE;
	width: 563px;
}

.content_text_main_start h1 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* --------------------------- Der Wrapper um die Highlights- und Neuheitenbox -------------------------------- */
.content_highlights_new_products {
    display: inline;
    float: left;
}

/* --------------------------- Neuheiten und Highlights --------------------------- */
.new_products,
.highlights
{
    border: 1px solid gray;
    box-shadow: 0px 0px 1px gray;
    margin-bottom: 20px;
    margin-top: 11px;
    width: 783px;
}

.new_products h2,
.highlights h2
{
    border-bottom: 1px solid gray;
    font-weight: bold;
    height: 16px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #6A6A6A;
    background: -moz-linear-gradient(top,  #6A6A6A 0%, #717171 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6A6A6A), color-stop(100%,#717171));
    background: -webkit-linear-gradient(top,  #6A6A6A 0%,#717171 100%);
    background: -o-linear-gradient(top,  #6A6A6A 0%,#717171 100%);
    background: -ms-linear-gradient(top,  #6A6A6A 0%,#717171 100%);
    background: linear-gradient(to bottom,  #6A6A6A 0%,#717171 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A6A6A', endColorstr='#717171',GradientType=0 );

}

.new_products h2 a, .highlights h2 a {
    color: #ffffff;
}

.new_products h2 a:hover,
.highlights h2 a:hover {
	text-decoration: underline;
}

.new_products ul,
.highlights ul
 {
    height: 200px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.new_products ul li,
.highlights ul li
{
    border-left: 1px solid gray;
    float: left;
    height: 200px;
    margin-top: 0;
    width: 195px;
}

.new_products ul li:first-child,
.highlights ul li:first-child
{
    border-left: 0 solid gray;
    float: left;
    height: 200px;
    margin-top: 0;
    width: 195px;
}

.new_products ul li:hover .new_product_text,
.highlights ul li:hover .highlight_text
{
    cursor: pointer;
    background: #e0e0e0;
    background: -moz-linear-gradient(bottom,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to top,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f8f8f8',GradientType=0 );

}

.new_products ul li:hover,
.highlights ul li:hover
{
    box-shadow: 1px 0px 5px 1px #555;
    z-index: 10;
}

.new_product,
.highlight
{
    background-color: #FFFFFF;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.new_product_img,
.highlight_img
{
    height: 100px;
    line-height: 800%;
    position: absolute;
    text-align: center;
    width: 195px;
}

.new_product_img img,
.highlight_img img
{
    vertical-align: middle;
}

.new_product_text,
.highlight_text
{
    float: right;
    height: 90px;
    margin-top: 100px;
    overflow: hidden;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 4px;
    position: relative;
    width: 185px;
    word-wrap: break-word;
    border-top: 1px solid lightgrey;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

.costs, .price-highlights {
    display: none;
    bottom: 4px;
    position: absolute;
}

/* --------------------------- Die Prämienempfehlungenbox (Die rechte Spalte) --------------------------- */
.right_column{
    box-shadow: 0px 0px 1px gray;
    margin-bottom: 20px;
    margin-top: 5px;
    display: inline;
    float: right;
    width: 218px;
}


.right_column h2 {
    padding: 3px 0 0 9px;
}

.right_column h2 a {
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.right_column div {
    background: #000 url("/dpag-idee_special/test/right_box_header.gif") no-repeat scroll 0 0;
    height: 19px;
}

.right_column ul {
    background: none repeat scroll 0 0 transparent;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
}

.right_column ul li {
    border-top: 1px solid gray;
    display: inline;
    float: left;
    height: 109px;
    width: 100%;
    cursor: pointer;
	text-align: center;
}

.right_column ul li span:first-child {
    background-color: #FFFFFF;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 800%;
}

.right_column ul li span:hover .right_column_text {
    background: #e0e0e0;
    background: -moz-linear-gradient(bottom,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to top,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f8f8f8',GradientType=0 );
    cursor: pointer;
}

.right_column ul li:hover
{
    box-shadow: 0px 1px 5px 1px #555;
    z-index: 10;
}

.right_column_img {
    display: inline;
    height: 100px;
    line-height: 800%;
    position: absolute;
    text-align: center;
}

.right_column_img a {
    text-decoration: none;
}

.right_column_img img{
    vertical-align: middle;
}

.right_column_text {
    display: inline;
    float: right;
    height: 99px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-align: left;
    width: 121px;
    word-wrap: break-word;
    border-left: 1px solid lightgrey;
    line-height: 100%;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

.right_column_text a {
    display: inline;
    text-decoration: none;
}



/* --------------------------- Hier folgen nun Angaben für verschiedene Texte --------------------------- */

/* erweiterte Suche Link */
.extendedSearchLink {
    display: inline;
    text-decoration: none;
}

.nodisplay{
    display: none;
}

.copyright{
    display: inline;
}


/* --------------------------- Seite "browse" ---------------------------------------------- */

.content_browse {
    margin-top: 20px;
    position: relative;
    width: 795px;
    min-height: 550px;
}

.content_browse ul{
    background: none repeat scroll 0 0 transparent;
    margin-left: -8px;
    overflow: visible;
    vertical-align: top;
    padding-left: 8px;
    padding-top: 5px;
    width: 805px;
}

.content_browse ul li{
    display: inline;
    float: left;
    height: 120px;
    margin-bottom: 20px;
    margin-right: 10px;
    width: 256px;
    cursor: pointer;
}

.group,
.product
{
    border: 1px solid gray;
    box-shadow: 0px 0px 1px gray;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

.group:hover,
.product:hover
 {
    box-shadow: 0px 2px 8px gray;
    background: #e0e0e0;
    background: -moz-linear-gradient(bottom,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to top,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f8f8f8',GradientType=0 );
}
.group:active,
.product:active,
.group:active .eyecatcher_compensation,
.product:active .eyecatcher_compensation
{
    box-shadow: 0px 0px 3px gray inset;
    border-color: #D8F6CE;
}

/* Book-Pages-Effect for Groups as requested by FGA*/
.group {
	box-shadow:
		1px 1px 0 white inset, -1px -1px 0 white inset, /* Default-Inner-Group-Shadow */
		0 1px 1px rgba(0,0,0,0.3), /* The top layer shadow */
		0 10px 0 -5px WhiteSmoke, /* The second layer */
		0 10px 1px -4px rgba(0,0,0,0.3), /* The second layer shadow */
		0 20px 0 -10px WhiteSmoke, /* The third layer */
		0 20px 1px -9px rgba(0,0,0,0.3); /* The third layer shadow */
}
.group:hover {
	box-shadow:
		1px 1px 0 white inset, -1px -1px 0 white inset, /* Default-Inner-Group-Shadow */
		0 1px 1px rgba(0,0,0,0.5), /* The top layer shadow */
		0 10px 0 -5px WhiteSmoke, /* The second layer */
		0 10px 1px -4px rgba(0,0,0,0.5), /* The second layer shadow */
		0 20px 0 -10px WhiteSmoke, /* The third layer */
		0 20px 1px -9px rgba(0,0,0,0.5); /* The third layer shadow */
}

.product .browse {
    overflow: hidden;
    display: inline;
}

.content_browse ul li .browse_price{
    bottom: 5px;
    display: table-cell;
/*    height: 26px;*/
    margin-left: 5px;
    position: absolute;
    width: 140px;
}

.txt_noadd {
    margin-top: 5px;
    color: gray;
    display: none;
}

.txt_add {
    margin-top: 5px;
    color: gray;
}

.txt_bonout {
    margin-top: 5px;
    color: gray;
}

.content_browse ul li div a{
    text-decoration: none;
    display: block;
}

.content_browse .browse_outer {
    background-color: transparent;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    display: table;
    height: 100px;
    overflow: hidden;
    position: relative;
    width: 214px;
}

.browse_link_right {
    border-left: 1px solid lightgrey;
    display: inline;
    float: right;
    height: 110px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    width: 145px;
    word-wrap: break-word;
}

.browse_link_right a {
    margin-left: 5px;
}

.browse img {
    vertical-align: middle;
}

.eyecatcher {
    height: 60px;
    width: 60px;
    position: absolute;
    top: -1px;
    left: -1px;
}

.eyecatcher_compensation {
    display: inline;
    height: 120px;
    line-height: 900%;
    margin-top: 0;
    position: absolute;
    text-align: center;
    width: 100px;
    background-color: #fff;
}


/* --------------------------- Seitennavigation ---------------------------------------------- */
.page_navigation {
    clear: both;
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
}

.paging-numeric {
    display: inline-block;
    border: 1px solid grey;
    box-shadow: 0px 0px 1px gray;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

.paging-numeric ol {
    display: block;
    height: 35px;
    text-align: center;
}

.paging-numeric li {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid lightgrey;
}

.paging-numeric li a,
.paging-numeric li span,
.paging-numeric li.ellipsis {
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;

}

.paging-numeric li a {
    cursor: pointer;
}

.paging-numeric li:hover {
    background: #e0e0e0;
    background: -moz-linear-gradient(bottom,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to top,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f8f8f8',GradientType=0 );
}

.paging-numeric li.active {
    font-weight: bold;
    background: #e0e0e0;
    background: -moz-linear-gradient(bottom,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to top,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f8f8f8',GradientType=0 );
}
.paging-numeric li.ellipsis {
    color: gray;
}
.paging-numeric li.ellipsis:hover
 {
    background: inherit;
}


.paging-numeric li:first-child {
    border-left: none;
}


/* --------------------------- Seite "logon" ---------------------------------------------- */

.client_account_balance {
	padding: 5px 0 15px;
}

.client_account_balance + a {
	text-decoration: underline;
}

.adr_user {
    line-height: 1.5em;
    margin-bottom: 20px;
    margin-top: 20px;
}

.adr_user dt {
    float: left;
    width: 160px;
}

.adr_user dd {
    width: 400px;
}

fieldset.change_pwd {
    padding: 10px;
    width: 310px;
    margin-bottom: 10px;
    border: 1px solid gray;
    box-shadow: 0px 0px 1px gray;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

fieldset.change_pwd label {
    float: left;
    height: 25px;
    width: 160px;
    margin-right: 10px;
    margin-top: 10px;
}

fieldset.change_pwd #userpasswd_old, fieldset.change_pwd #newpasswd1, fieldset.change_pwd #newpasswd2 {
    width: 120px;
    margin-top: 10px;
}


fieldset.change_pwd input[type="submit"] {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    width: 130px;
}

#old_basket_changed {
    display:inline-block;
    width: 96.8%;
    margin: 1em 0 1em;
    padding: 1em 1em 0.5em 1em;
    border: 1px solid red;
    box-shadow: 0px 0px 1px gray;
    overflow: visible;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}
#old_basket_changed h3 {
    margin: 0px 0px 10px;
    font-weight: bold;
}

#old_basket_changed ul {
	display: inline-block;
	width: 100%;
}

#old_basket_changed li {
    border-top: 1px solid lightgrey;
    box-shadow: 0 1px 1px white inset;
    padding: 5px 0 5px 5px;
    display: inline-block;
    width: 100%;
}

#old_basket_changed .change {
    padding-left: 5px;
    font-style: italic;
    width: 40%;
    float: left;
}

/* --------------------------- Seite "product" ---------------------------------------------- */
.back_link {
    margin-bottom: 10px;
    width: 60px;
}

.product_wrapper {
    height: 340px;
    width: 95%;
    position: relative;
    margin-top: 2em;
    margin-left: 1em;
    border: 1px solid gray;
    box-shadow: 0px 0px 1px gray;
    overflow: visible;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

.productpic_wrapper {
    height: 340px;
    width: 340px;
    position: relative;
    background-color: #fff;
    border-right: 1px solid lightgrey;
    overflow: hidden;
}

#fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}
#fancybox-overlay {
    cursor: -webkit-zoom-out !important;
    cursor: -moz-zoom-out !important;
}

.product_top_left,
.product_top_center,
.product_top_right,
.product_middle_left,
.product_middle_right,
.product_bottom_left,
.product_bottom_center,
.product_bottom_right {
    display: none;
}

.product_middle_center {
    float: left;
    width: 300px;
    height: 300px;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    line-height: 300px;
}

a#product_pic_link {
    height: 340px;
    width: 340px;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    position: absolute;
    top: 0px;
    left: 0px;
}

.product_hint {
    float: right;
    position: absolute;
    text-align: center;
    font-size: 0em;
    color: gray;
    bottom: 0px;
    right: 0px;
    z-index: 99;
}
.product_hint img {
    width: 50px;
    height: 50px;
}

.product_eyecatcher {
	cursor: zoom-in;
    top: -1px;
    left: 215px;
    position: absolute;
    z-index: 99;
}

.product_brandlogo {
    float: left;
    left: 380px;
    top: 40px;
    position: absolute;
    padding: 0.8em;
    border: 1px solid lightgrey;
    background: white;
}

.product_eyecatcher_compensation {
    margin-left: 30px;
    margin-top: 30px;
    min-width: 300px;
    min-height: 300px;
    float: left;
}

.product_image {
    vertical-align: middle;
    text-align: center;
}

.product_code fieldset {
    border: 0 none;
}

.product_name {
    float: left;
    left: 380px;
    top: 180px;
    position: absolute;
    width: 320px;
    font-weight: bold;

}

.product_description {
    margin: 1em;
    padding: 1em;
    position: relative;

}

.product_description ul {
	margin-bottom: 15px;
}


.product_description ul li {
    list-style-type: disc;
    margin-left: 15px;
    line-height: 1.4em;
    margin-top: 0.4em;
}

.product_code {
    float: left;
    left: 380px;
    top: 220px;
    line-height: 2em;
    margin-bottom: 40px;
    position: absolute;
    width: 320px;
}

.product_code span {
	font-weight: bold;
}

.product_button {
    margin-bottom: 0;
    padding: 0;
    vertical-align: text-bottom;
    width: 250px;
}

.product_button input[name="quantity"] {
    margin-right: 5px;
    width: 35px;
    padding: 0.4em;
}
.product_button input[type="submit"] {
    margin-left: 5px;
    padding: 0.4em;
    min-width: 8em;
}

#product-submit {
	cursor: pointer;
}

/* Breadcrumb Finden sie ähnliche Produkte in */
#aehnliches-breadcrumb {
	float: left;
    margin-left: 1em;
    border: 1px solid grey;
    padding: 1em;
    box-shadow: 0px 0px 1px gray;
    background: linear-gradient(to bottom, #f8f8f8 0%,#e0e0e0 100%);
    min-width: 60%;
}
#aehnliches-breadcrumb h3 {
  margin: 0 0 1em 0;
}
#aehnliches-breadcrumb .breadcrumb {
  clear: both;
  width: initial;
}

#aehnliches-breadcrumb ul {
 margin: 0.5em 0 0 0;
}


/* --------------------------- Seite "clientchoice" ---------------------------------------------- */
/* --------------------------- Seite "clientactions" ---------------------------------------------- */

.clientactions legend {
	margin-bottom: 5px;
}

.clientactionstable {
    margin-bottom: 20px;
    margin-top: 10px;
    border: 1px solid gray;
    box-shadow: 0px 0px 1px gray;
}

.clientactionstable thead{
    background: url("/dpag-idee_special/test/sprite.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    font-weight: bold;
}

.clientactionstable thead th {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
}

.clientactionstable tbody tr td {
    padding: 2px 10px;
}

.clientactionstable tbody tr {
    border-top: 1px solid #D8F6CE;
}

.clientactionstable tr:last-child {
	background-color: #1692C2
}


/* --------------------------- Seite "ordlist" ---------------------------------------------- */

.orderlist {
    margin-bottom: 20px;
    margin-top: 10px;
    border: 1px solid #D8F6CE;
}

.orderlist thead {
    background: url("/dpag-idee_special/test/sprite.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    font-weight: bold;
}

.orderlist thead th {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
}

.orderlist tbody tr td {
    padding: 2px 10px;
}

.orderlist tbody tr {
    border-top: 1px solid #D8F6CE;
}

/* --------------------------- Seite "sms" ---------------------------------------------- */
/* --------------------------- Seite "searchform" ---------------------------------------------- */

.content_search_form {
    margin-top: 25px;
    display: inline-block;
    width: 100%;
}

.search_fields ul li {
    margin: 0px;
    padding: 0px;
    height: inherit;
    width: inherit;
	cursor: auto;
}

.search_options ul li {
    margin: 0px;
    padding: 0px;
    height: inherit;
    width: inherit;
	cursor: auto;
}

.searchform input#mv_search_string {
    border: 1px solid gray;
    padding: 0.2em;
    box-shadow: 1px 1px 1px lightgrey inset;
    margin-right: 1em;
}
.searchform input#mv_search_string:focus {
    border-color: #D8F6CE;
}

.searchform button#submit_button {
    border: 1px solid gray;
    padding: 0.2em;
    width: 100px;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

.searchform button#submit_button:active {
    box-shadow: 1px 1px 1px #9c9c9c inset;
    background: #e0e0e0;
    background: -moz-linear-gradient(bottom,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(bottom,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to top,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#f8f8f8',GradientType=0 );
}

.search_price {
    margin-top: 5px;
}

.search_price input#mv_search_pay_val {
    margin-left: 50px;
    margin-right: 5px;
}

.price_deviation {
    margin-top: 5px;
	padding-bottom: 10px;
}

.price_deviation ul li{
    display: inline;
}

.search_fields ul {
    margin-left: 5px;
}

.search_fields legend{
    padding-bottom:5px;
    padding-top: 10px;
}

.search_options ul {
    margin-left: 5px;
}

.search_options legend{
    padding-bottom:5px;
    padding-top: 10px;
}


/* --------------------------- Seite "checkout" ---------------------------------------------- */

#inform {
	clear: left;
	margin-top: 10px;
}

/* --------------------------- Seite "checkout1" ---------------------------------------------- */

.basket_fieldset {
    width:780px;
    margin-top: 5px;
}

.basket {
    width: 95%;
}

.basket li {
    float: left;
    width:100%;
    margin-top: -1px;
}

.basket li div {
    display: table-cell;
    vertical-align: bottom;
    padding: 5px;
    height: 90px;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

.basket li div span {
    display: inline;
    height: 100%;
    width: 1px;
}

.basket_entry li {
    border: 1px solid black;
    display: inline;
    height: 80px;
}

.basket_entry li span {
    vertical-align: bottom;
}

.basket2product {
	display: table-cell;
}

.quantity {
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    padding-right: 5px;
    width: 10%;
    text-align: left;
}

.quantity input {
    width: 35px;
}

.image {
    padding-right: 5px;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    background: white !important;
    width: 90px;
}

.image img {
    vertical-align: bottom;
}

.name {
    width: 275px;
    text-align: left;

}

.price {
    width: 100px;
    text-align: left;
}

.articleno {
    width: 100px;
    text-align: left;
    font-weight: bold;
}

.trash {
    border-right: 1px solid gray;
    width: 50px;
    text-align: left;
}

.trash span {
	display: inline !important;
	margin-left: 10px;
}

.basket_fieldset .message {
    clear: both;
    display:inline-block;

    margin: 1em 0 1em;
    padding: 1em 1em 0.5em 1em;
    border: 1px solid red;
    box-shadow: 0px 0px 1px gray;
    overflow: visible;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

.basket_fieldset input[type="submit"] {
	margin-bottom: 10px;
}

.adr {
    border: 1px solid gray;
    padding: 10px;
    position: relative;
    width: 719px;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

.adr li {
	margin-bottom: 5px;
	height: 30px;
	clear: both;
}

.adr label {
	float:left;
	margin-right: 5px;
	margin-top: 5px;
}

.adr input, .adr select {
	width: 250px;
	position: absolute;
	left: 260px;
}

.adr .mr select {
	width: 100px;
}

.adr .street, .adr .streetnr {
	float: left;
	clear: none;
}

.adr .street input {
	width: 182px;
	margin-right: 5px;
}

.adr .streetnr input {
	left: 460px;
	width: 50px;
}

.adr .country, .adr .zip_code, .adr .city {
	float: left;
	clear: none;
}
.adr .country {
	clear: both;
}

.adr .country input {
	width: 20px;
	margin-right: 5px;
}

.adr .zip_code input {
	width: 50px;
	margin-right: 5px;
	left: 298px;
}

.adr .city input {
	width: 144px;
	margin-right: 5px;
	left: 366px;
}

.adr1 input[type="submit"],.adr2 input[type="submit"] {
	margin-top: 10px;
	margin-right: 10px;
}

.adr1 input[name="COUPON2_OR3"], .text_coupon2_next {
	float:right;
	margin-right: 54px !important;
}

.total_output {
	margin-bottom: 5px;
	clear: left;
	padding-top: 10px;
}

.total_output li {
	margin: 10px 0;
}

.total_output li:first-child {
	clear: left;
}

.total_output  #txt_total_add {
	color: red;
}

/*
#txt_total_price {
	display: none;
}
*/
.pack_stat_hint {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #f8f8f8 0%, #e0e0e0 100%) repeat scroll 0 0;
    border: 1px solid red;
    box-shadow: 0 0 1px gray;
    clear: both;
    display: block;
    width: 715px;
    margin: 1em 0;
    overflow: visible;
    padding: 1em 1em 0.5em;
}


.required {
	color: #FF0000;
}

.adr2 p {
    display: block;
    margin-top: 10px;
    width: 740px;
}
/* --------------------------- Seite "checkout2" ---------------------------------------------- */

.adr label[for="datepicker"] img {
    cursor: pointer;
    margin-left: 3px;
    margin-top: 0;
    position: absolute;
}

.adr2form {
    display: inline;
    margin-left: 110px;
    margin-top: -28px;
    position: absolute;
}

#submitback {
/*	margin-left: -23px;*/
}

#submitback_text {
	margin-left: 5px;
}

#adr2-form {
	float: left;
}

#datepicker {
	margin-left: 33px;
}

.fast_as_possible {
	margin-left: 198px;
	margin-top: 5px;
}

/* --------------------------- Seite "checkout3" ---------------------------------------------- */

.checkout3 {
	width: 740px;
}

.checkout3 h3{
    font-size: 13px;
    font-weight: bold;
    margin-left: 22px;
    margin-top: 20px;
}

.checkout3 h4 {
	font-size: 14px;
	font-weight: bold;
}

#payment_type_direct {
	margin-bottom: 10px;
}

#payment_type_transferal {
	margin-bottom: 10px;
}

#payment_type_creditcard {
	margin-bottom: 10px;
}

#payment_type_automaticdebit {
	margin-bottom: 10px;
}

#payment_type_automaticdebit_sepa {
	margin-bottom: 10px;
}

#payment_type_invoice {
	margin-bottom: 10px;
}

#payment_type_bar {
	margin-bottom: 10px;
}

#payment_type_delivery {
	margin-bottom: 10px;
}

#payment_type_paypal {
	margin-bottom: 10px;
}

#payment_type_creditcard label[for="creditcard_type"] {
    float: left;
    margin-left: 22px;
    margin-top: 6px;
    width: 160px;
}

#creditcard_type {
    width: 153px;
}

.checkout3 input, .checkout3 select {
	margin-bottom: 5px;
}

#payment_type_creditcard label[for="creditcard_number"] {
    float: left;
    margin-left: 22px;
    margin-top: 6px;
    width: 160px;
}

.payments2 {
	padding-left: 22px;
}

.payments2 legend{
	font-size: 11px;
	font-weight: bold;
}

#payment_type_creditcard label[for="creditcard_validity_month"] {
    float: left;
    margin-top: 6px;
    width: 160px;
}

#creditcard_validity_month {
	width: 153px;
}

#payment_type_creditcard label[for="creditcard_validity_year"] {
    float: left;
    margin-top: 6px;
    width: 160px;
}

#creditcard_validity_year {
	width: 153px;
}

#payment_type_creditcard label[for="creditcard_owner"] {
    float: left;
    margin-top: 6px;
    width: 160px;
}

#payment_type_automaticdebit label[for="account_number"] {
	float: left;
	margin-left: 22px;
	margin-top: 6px;
	width: 160px;
}

#payment_type_automaticdebit label[for="bank_code"] {
	float: left;
	margin-left: 22px;
	margin-top: 6px;
	width: 160px;
}

#payment_type_automaticdebit label[for="bank_name"] {
	float: left;
	margin-left: 22px;
	margin-top: 6px;
	width: 160px;
}

#payment_type_automaticdebit label[for="account_owner"] {
	float: left;
	margin-left: 22px;
	margin-top: 6px;
	width: 160px;
}

#payment_type_automaticdebit_sepa label[for="iban"] {
	float: left;
	margin-left: 22px;
	margin-top: 6px;
	width: 160px;
}

#payment_type_automaticdebit_sepa label[for="bic"] {
	float: left;
	margin-left: 22px;
	margin-top: 6px;
	width: 160px;
}

#payment_type_automaticdebit_sepa label[for="account_owner_sepa"] {
	float: left;
	margin-left: 22px;
	margin-top: 6px;
	width: 160px;
}

.checkout3 label[for="payment_direct"] {
	font-weight: bold;
}

.checkout3 label[for="pay_transferal"] {
	font-weight: bold;
}

.checkout3 label[for="pay_creditcard"] {
	font-weight: bold;
}

.checkout3 label[for="pay_automaticdebit"] {
	font-weight: bold;
}

.checkout3 label[for="pay_automaticdebit_sepa"] {
	font-weight: bold;
}

.checkout3 label[for="pay_invoice"] {
	font-weight: bold;
}

.checkout3 label[for="pay_bar"] {
	font-weight: bold;
}

.checkout3 label[for="pay_delivery"] {
	font-weight: bold;
}

.checkout3 label[for="pay_paypal"] {
	font-weight: bold;
}

.checkout3 p {
    margin-bottom: 5px;
    margin-left: 22px;
    margin-top: 2px;
}

.checkout3 input[name="CONFIRM_TEXT"] {
	margin-left: 22px;
	margin-top: 10px;
}


/* --------------------------- Seite "fehler" ---------------------------------------------- */

.error {
	    display:inline-block;
    width: 96.8%;
    margin: 1em 0 1em;
    padding: 1em 1em 0.5em 1em;
    border: 1px solid red;
    box-shadow: 0 0 10px -2px red;
    overflow: visible;
    background: #f8f8f8;
    background: -moz-linear-gradient(top,  #f8f8f8 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #f8f8f8 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #f8f8f8 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e0e0e0',GradientType=0 );
}

.error p,
.error li {
	margin-bottom: 10px;
}

.error li {
	color: red;
	font-weight: bold;
}


/* --------------------------- Seite "confirmation" ---------------------------------------------- */

.order_confirmation {
    line-height: 1.2em;
    width: 731px;
}

.order_confirmation h3 {
    font-size: 15px;
    font-weight: bold;
	margin: 15px 0;
}

.order_confirmation h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.order_confirmation ul {
	list-style-type: none;
}

.noship {
	margin-bottom: 15px;
}

/* --------------------------- Seite "printord" ---------------------------------------------- */
/* --------------------------- Seite "page1" ---------------------------------------------- */
/* --------------------------- Seite "page2" ---------------------------------------------- */
/* --------------------------- Seite "page3" ---------------------------------------------- */
/* --------------------------- Seite "page4" ---------------------------------------------- */
/* --------------------------- Seite "page5" ---------------------------------------------- */
/* --------------------------- Seite "sendpwd" ---------------------------------------------- */



/* --------------------------- Allgemeine Dinge, die etwaige vorherige Klassen und Attribute überschreiben müssen ---------------------------------------------- */
.message {
    color: red;
}
.message ul li {
    clear: both;
    height: auto;
    width: 795px;
	cursor: auto;
}

.evenTableRow {
	background-color: #90CAE2;
}

.evenTableRow:hover {
	background-color: #609AB2;
}

.oddTableRow {
	background-color: #FFFFFF;
}

.oddTableRow:hover {
	background-color: #CCCCCC;
}

.disable_page {
    background-color: #777777;
    bottom: 0;
    display: none;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0.9;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

.disable_page span {
    color: #FF0000;
    display: block;
    font-size: 26px;
    font-weight: bold;
    margin-top: 30%;
}

.disable_page img {
	margin-top: 5%;
}


/*

Sachen zu beachten:

- um content einzufügen:
Das :after Pseudo-Element beschreibt den "Raum" nach (engl. after = nach) dem Inhalt des definierten Elements.
Mit ihm soll es möglich sein z.B. abschließenden Text automatisch einfügen zu lassen (mit Hilfe der content-Eigenschaft). Beispiel:

H1:after {content: ':'}
P:after {content: ' - Ende des Textes';}
Der Bereich nach dem Inhalt jedes Element P und H1 ...


CSS Level 2 :before  nach oben

Das :before Pseudo-Element beschreibt den "Raum" vor (engl. before = vor) dem Inhalt des definierten Elements.
Mit ihm soll es möglich sein z.B. vorausgehenden Text automatisch einfügen zu lassen (mit Hilfe der content-Eigenschaft). Beispiel:

H1:before {content: 'Thema: ';}
P:before {content: 'Text: ';}
Der Bereich vor dem Inhalt jedes Element P und H1 ...



- um den Charset zu bestimmen und festzulegen (sollte im html-dokument im header gemacht werden.):
@charset "ISO-8859-1";

- für das Druckerlayout:
@page { size: 5in 6in; margin-left: 3cm; margin-top: 3cm; }

*/