@media all
{
/* --- Vorbereitende Maßnahmen --- */
/*
** Die Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
*/

html {height:100%} 

* { margin:0; padding:0; font-size: 100%; } 

* { font-family: Verdana, Arial;}

body,
body.standard,
body.popup { 
/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. */
  min-height: 101%;	
/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
    font-size: 100.01%; 
/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser Fensters geändert wird. */
    position: relative; 

/* Vorgabe der Standardfarben und Textausrichtung */
  color: #000;        
/*  background: #888377;*/

  background: #fff;
  background-image: url(/bilder/system/body_background.jpg);
  background-repeat: repeat-x;
  background-position: top left;

  text-align: left; 
  padding: 10px;
} 

body.popup {
  text-align: center;
}


/* --- DIV-Container des Basislayouts --- */

div#page {
  position: relative;
/*  width: 780px;*/
  width: 960px;
  border: 1px #003366 solid;
  margin-left: auto;
  margin-right: auto;
  background-color: #F4E3C2;
}


div#header {
  position: relative;
  height: 78px;
  margin-bottom: 10px;
  background-image: url(http://www.contraermusik.de/bilder/system/mh_back-ohne.jpg);
  background-repeat: no-repeat;
}

img#logo {
  position: absolute;
  top: 10px;
  left: 10px;
}

div#top_navigation {
  position: absolute;
  bottom: 0px;
  right: 199px;
  color: #fff;
  font-size: 8pt;
}

div#shoppingCart {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 189px;
  height: 78px;
  font-size: 8pt;
  color: #003366;
  background-image: url(http://www.contraermusik.de/bilder/system/mh_back_cart.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}


div#content_container {
  position: relative;
  background-image: url(http://www.contraermusik.de/bilder/system/bg_main.jpg);
}

div#navigation {
  position: relative;
  width: 141px;
  float: left;
  background: transparent;
  padding-bottom: 10px;
  min-height: 550px;
  background-image: url(http://www.contraermusik.de/bilder/system/bg_left.jpg);
  background-position: top left;
  background-repeat: no-repeat;
}

div#sidebar {
  position: relative;
  width: 189px;
  float: right;
  background-color: transparent;
  padding-bottom: 10px;
  font-size: 10pt;
  min-height: 550px;
  background-image: url(http://www.contraermusik.de/bilder/system/bg_right.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

div#content {
  position: relative;
  width: auto;
  margin-left: 151px;
  margin-right: 199px;
  padding-bottom: 10px;
  font-size: 10pt;
  color: #003366;
}

div#content.fullsize {
  margin-right: 0px !important;
  background-color: #fbf3e6;
  padding: 10px 15px 10px 15px;
}

div#content div.artistOverviewItem {
  width: 32%;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 10px;
  text-align: center;
}


div#content div.shopListNavigation {
  text-align: center;
  vertical-align: center;
}

/* ---- Markupfreie CSS-Floatclearing-Lösungen ---- /*

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix {display: block;}

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
hr.clear_columns{	
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	clear: both; 
	float: left; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -2em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

/* ---- Standard-Formatierungen für Listen & Zitate ---- */

ul, ol, dl { margin: 0 0 1em 0; }
li { margin-left: 1.5em; line-height: 1.2em; }


dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

/* ---- Formatierungen für Listen ---- */

div#top_navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#top_navigation ul li {
  display: inline;
  margin: 0;
  padding: 0;
}

div#navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div#navigation ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 10px;
}

div#navigation ul li ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 1.0em;
  margin-bottom: 0.4em;
}


div#sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
}

div#sidebar ul li {
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 1.0em;
}

div#content ul {
  margin-top: 10px;
}

div#content ul.faq li {
  margin-bottom: 10px;
}

div#sidebar ul.noMarginBottom {
  margin-bottom: 0px;
}

div#sidebar ol {
  margin-left: 1.5em;
}

div#sidebar ol li.status {
  font-size: 8pt;
}

div#sidebar ol li.status_active {
  font-size: 8pt;
  font-weight: bold;
}

div#content ol {
  margin-left: 10px;
}

/* ---- Link & Anker Formatierungen ---- */

div#top_navigation ul li a:link,
div#top_navigation ul li a:active,
div#top_navigation ul li a:visited,
div#top_navigation ul li a:hover {
  color: #fff;
  text-decoration: none;
  font-size: 8pt;
}

div#top_navigation ul li a:hover {
  text-decoration: underline;
}

div#top_navigation ul li a.active:link,
div#top_navigation ul li a.active:active,
div#top_navigation ul li a.active:visited,
div#top_navigation ul li a.active:hover {
  text-decoration: underline;
  color: #fff;
  font-weight: bold;
}

a#navigation_title {
  display: none;
}

a.sidebar_title {
  background-color: #99ADC2;
  font-size: 10pt;
  font-weight: bold;
  color: #003366;
  padding-left: 20px;
  display: block;
  margin-bottom: 5px;
  line-height: 1.5em;
}

a.shoppingCartTitle {
  background-color: #99ADC2;
/*  background-color: #fff;*/
/*  background-color: #b90b0b;*/
  font-size: 8pt;
  font-weight: bold;
  color: #003366;
/*  color: #b90b0b;*/
/*  color: #fff;*/
  padding-left: 10px;
  display: block;
  margin-bottom: 5px;
  line-height: 1.5em;
}

div#navigation ul li a:link,
div#navigation ul li a:visited,
div#navigation ul li a:active,
div#navigation ul li a:hover {
  color: #003366;
  font-size: 10pt; 
  padding-left: 14px; 
  background: transparent;
  text-decoration: none;
  font-weight: bold;
  display: block;
}

div#navigation ul li a.active:link,
div#navigation ul li a.active:active,
div#navigation ul li a.active:visited,
div#navigation ul li a.active:hover,
div#navigation ul li a:hover {  
  background-image: url(http://www.contraermusik.de/bilder/system/ml_pfeil_u1.gif);
  background-position: 2px center;
  background-repeat: no-repeat;
  background-color: #99adc2;
}

div#navigation ul li a.active:link,
div#navigation ul li a.active:active,
div#navigation ul li a.active:visited,
div#navigation ul li a.active:hover {
  font-weight: bold;
}

div#navigation ul li ul li a:link,
div#navigation ul li ul li a:visited,
div#navigation ul li ul li a:active,
div#navigation ul li ul li a:hover {
  color: #003366;
  font-size: 8pt; 
  padding-left: 14px; 
  background: transparent;
  text-decoration: none;
  font-weight: normal;
  display: block;
}

div#navigation ul li ul li a.active:link,
div#navigation ul li ul li a.active:active,
div#navigation ul li ul li a.active:visited,
div#navigation ul li ul li a.active:hover {
  margin-top: 1px;
  margin-bottom: 1px;
}

div#navigation ul li ul li a.active:link,
div#navigation ul li ul li a.active:active,
div#navigation ul li ul li a.active:visited,
div#navigation ul li ul li a.active:hover,
div#navigation ul li ul li a:hover {  
  background-image: url(http://www.contraermusik.de/bilder/system/ml_pfeil_u1.gif);
  background-position: 2px center;
  background-repeat: no-repeat;
  background-color: #99adc2;
}

div#navigation ul li ul li a.active:link,
div#navigation ul li ul li a.active:active,
div#navigation ul li ul li a.active:visited,
div#navigation ul li ul li a.active:hover {
  font-size: 8pt;
  font-weight: bold;
}

div#sidebar ul li a:link,
div#sidebar ul li a:visited,
div#sidebar ul li a:active,
div#sidebar ul li a:hover {
  color: #003366;
  font-size: 8pt; 
  background: transparent;
  text-decoration: none;
  font-weight: normal;
  display: block;
  font-family: Arial;
  margin: 0;
  padding: 0;
  padding-left: 14px; 
}

div#sidebar ul li a:active,
div#sidebar ul li a.active:link,
div#sidebar ul li a.active:visited,
div#sidebar ul li a.active:active,
div#sidebar ul li a.active:hover,
div#sidebar ul li a:hover {  
  background-image: url(http://www.contraermusik.de/bilder/system/ml_pfeil_u1.gif);
  background-position: 2px center;
  background-repeat: no-repeat;
  background-color: #99adc2;
}

div#sidebar ul li a:active,
div#sidebar ul li a.active:link,
div#sidebar ul li a.active:visited,
div#sidebar ul li a.active:active,
div#sidebar ul li a.active:hover {
  font-weight: bold;
}


div.sidebarText a,
div#content a {
  color: #003366;
  text-decoration: underline;
}

div#content a {
  text-decoration: underline;
}

div#content a:hover {
  background-color: #dce1e5;
}

div.sidebarText a:hover {
  background-color: #99adc2;
}

div#content ol li a.soundSample,
div#content table.soundsamples tr td ul li a.soundSample {
  padding-right: 25px;
  min-height: 16px;
  background-image: url(http://www.contraermusik.de/bilder/system/sound.gif);
  background-position: center right;
  background-repeat: no-repeat;
}

div#content a.button:link,
div#content a.button:active,
div#content a.button:visited,
div#content a.button:hover {
  border-style: outset;
  border-width: thin;
  border-color: #003366;
  background-color: #dee1e5;
  color: #003366;
  padding: 2px;
  text-decoration: none;
}


div#shoppingCart a.toCart:link,
div#shoppingCart a.toCart:visited,
div#shoppingCart a.toCart:active,
div#shoppingCart a.toCart:hover {
  color: #003366;
  font-size: 8pt; 
  background: transparent;
  text-decoration: none;
  font-weight: normal;
/*  display: block;*/
  font-family: Arial;
  margin: 0;
  padding: 0;
  padding-left: 14px; 
  background-image: url(http://www.contraermusik.de/bilder/system/ml_pfeil_u1.gif);
  background-position: 2px center;
  background-repeat: no-repeat;
  font-weight: bold;
  margin-top: 5px;
}

div#shoppingCart a.toCart:hover {  
  background-color: #99adc2;
}


div#content div.shopListNavigation a:link,
div#content div.shopListNavigation a:visited,
div#content div.shopListNavigation a:active,
div#content div.shopListNavigation a:hover {
  text-decoration: none;
  margin-left: 2px;
  margin-right: 2px;
  font-size: 11pt;
  font-weight: normal;
}

div#content div.shopListNavigation a:hover {
  background-color: #99adc2;
}

div#content div.shopListNavigation a.active,
div#content div.shopListNavigation a.active:link,
div#content div.shopListNavigation a.active:visited,
div#content div.shopListNavigation a.active:active,
div#content div.shopListNavigation a.active:hover {
  text-decoration: none;
  margin-left: 2px;
  margin-right: 2px;
  font-size: 11pt;
  font-weight: bold;
  background-color: #99adc2;
  cursor: pointer;
}

div#content div.shopListNavigation a.active:hover {
  background-color: #99adc2;
}

div#content div.shopListNavigation a img {
  border: 0;
  margin: 0;
}

div#content table tr td a.details {
  padding-left: 14px; 
  background-image: url(http://www.contraermusik.de/bilder/system/ml_pfeil_u1.gif);
  background-position: 2px center;
  background-repeat: no-repeat;
  text-decoration: none;
  margin-left: 10px;
}

div#content a.backlink {
  font-size: 8pt;
  text-decoration: none;
  background-image: url(http://www.contraermusik.de/bilder/system/ml_pfeil_backpage.gif);
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 14px;
  font-weight: bold;
}

/* ### Formatierungen für Überschriften ################################################################# */

div#content h1 {
  font-size: 12pt;
  color: #003366;
  display: block;
  border-bottom: 1px #003366 solid;
  margin-bottom: 10px;
  line-height: 1.5em;
  font-weight: bold;
}

div#content h2 {
  font-size: 10pt;
  color: #003366;
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 15px;
  line-height: 1.5em;  
}

div#content table tr td h2 {
  line-height: 1.1em;  
}

div#content h3 {
  font-size: 10pt;
  color: #003366;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5em;
}

div#content h4 {
  font-size: 10pt;
  color: #003366;
  display: block;
  font-weight: normal;
  margin-bottom: 10px;
  line-height: 1.5em;
  font-style: italic;
}

/* ### Tabellen ######################################################################################### */

div#sidebar table#shoppingList {
  border-top: 1px #032e61 solid;
  border-left: 1px #032e61 solid;
  border-bottom: 1px #032e61 solid;
  background-color: #fff;
  border-collapse: collapse;
/*background-color: #fbf3e6; border: 2px #b90b0b solid;*/
  font-size: 8pt; 
  width: 100%;
  vertical-align: top;
  margin-bottom: 10px;
}

div#sidebar table#shoppingList tr td.shoppingListItem {
  padding: 3px;
  vertical-align: top;
  border-bottom: 1px #003366 dotted;
}

div#sidebar table#shoppingList tr td.shoppingListOrderButton {
  padding-bottom: 4px;
  padding-top: 4px;
}

div#content td {
  vertical-align: top;
}

div#content table.artistConcerts {
  width: 100%;
  border-left: 1px #003366 solid;
  border-right: 1px #003366 solid;
  border-top: 1px #003366 solid;
  margin-bottom: 20px;
  border-collapse: collapse;
}

div#content table.artistConcerts tr th {
  border-bottom: 1px #003366 solid;
  text-align: left;
  padding: 5px;
  color: #003366;
  font-size: 10pt;
}

div#content table.artistConcerts tr td {
  border-bottom: 1px #003366 solid;
  padding: 5px;
  color: #003366;
  font-size: 8pt;
}

div#content table.artistConcerts tr td strong {
  font-weight: bold;
}

div#content table.discographie tr td,
div#content table.bibliographie tr td {
  padding-bottom: 10px;
}


div#content table.discographie tr td.discographieImage,
div#content table.bibliographie tr td.bibliographieImage {
  padding-right: 10px;
}


div#content table#Kundendaten {
  margin-top: 10px;
  margin-bottom: 10px;
  border-collapse: collapse;
  border-top: 1px #003366 solid;
  border-left: 1px #003366 solid;
  border-right: 1px #003366 solid;
}

div#content table#Kundendaten tr th {
  padding: 2px;
  border-bottom: 1px #003366 solid;
  text-align: left;
}

div#content table#Kundendaten tr td {
  padding: 2px;
  border-bottom: 1px #003366 solid;
}

div#content table.shopList tr td {
  padding: 5px;
}

div#content table.shoppingCartTable {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 10px;
}

div#content table.shoppingCartTable tr th,
div#content table.shoppingCartTable tr td {
  padding: 2px;
  color: #003366;
}

div#content table.shoppingCartTable tr th.tableBorder,
div#content table.shoppingCartTable tr td.tableBorder {
  border-bottom: 1px #003366 solid;
  color: #003366;
}

div#content table#customerData tr th {
  text-align: left;
  padding-right: 10px;
  color: #003366;
}

div#content table#customerData tr td {
  color: #003366;
}

div#content table#artistOverview tr td {
  vertical-align: top;  
  text-align: center;
  padding-bottom: 10px;
}

div#content table#artistOverview tr td img {
}

div#content table.soundsamples {
}

div#content table.soundsamples tr td {
  padding: 2px;
}

/* ### Formularfelder ################################################################################### */

div#content fieldset,
div#content form fieldset {
/*  border: 1px #003366 solid;*/
  border: 1px #dce1e5 solid;
  margin-bottom: 20px;
  margin-top: 5px;
  padding: 10px;
}

div#content fieldset legend,
div#content form fieldset legend {
  border: 1px #003366 solid;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #dce1e5;
  margin-bottom: 10px;
}

div#search form {
  min-height: 40px;
}

div#search input.imageinput {
  float: left;
  margin-right: 5px;
}

div#search input.textinput {
  width: 100px;
  border: 1px #003366 solid;
  color: #003366;
  font-size: 10pt;
  margin-top: 10px;
}

div#content form fieldset label,
div#content fieldset form label {
  width: 140px;
  display: block;
  padding-left: 0;
  margin-left: 0;
}

div#content form label.standard {
  display: block;
  width: 90px;
}

div#content form fieldset label.maxLength,
div#content fieldset form label.maxLength {
  display: block;
  width: auto;
}

div#content form input.textinput,
div#content form textarea.textinput,
div#content form select.textinput,
div#content fieldset input.textinput,
div#content fieldset textarea.textinput,
div#content fieldset select.textinput {
  border: 1px #003366 solid;
  color: #003366;
  background-color: #fff;
  margin-bottom: 5px;
  width: 303px;
}

div#content fieldset textarea.textinput {
  height: 120px;
}

div#content form input.hover,
div#content form textarea.hover,
div#content form select.hover,
div#content fieldset input.hover,
div#content fieldset textarea.hover,
div#content fieldset select.hover {
/*  background-color: #99adc2;*/
  background-color: #ffdd00;
}

div#content form input.button,
div#content form fieldset input.button {
  background-color: #F4E3C2;
  color: #003366;
  font-family: Verdana, Arial;
  font-weight: normal;
  font-size: 10pt;
  padding: 0;
  margin: 0;
}

input.refresh,
div#content form input.refresh {
  padding-left: 15px;
  background-image: url(http://www.contraermusik.de/bilder/system/refresh.gif);
  background-position: 3px center;
  background-repeat: no-repeat;
}

input.continue,
div#content form input.continue {
  padding-left: 15px !important;
  background-image: url(http://www.contraermusik.de/bilder/system/ml_pfeil_nextpage.gif);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color: #ffdd00; 
  color: #003366;
  font-weight: bold;
}

input.order,
div#content form input.order {
  padding-left: 15px !important;
  background-image: url(http://www.contraermusik.de/bilder/system/ml_pfeil_nextpage.gif);
  background-position: 3px center;
  background-repeat: no-repeat;
/*  background-color: #ffdd00; */
  color: #003366;
  font-weight: bold;
}

div#content form input.orderButton {
  border: 0;
  color: #003366;
  font-weight: bold;
  padding: 0;
  padding-right: 14px;
  background-image: url(http://www.contraermusik.de/bilder/system/ml_pfeil_u1.gif);
  background-position: right center;
  background-repeat: no-repeat;
  background-color: transparent;
  cursor: pointer;
}

div#content form input.orderButton:hover {
  background-color: #dce1e5;
}

div#content form div.mainButton {
  text-align: center;
}

div#content form input.smallInput {
  border: 1px #003366 solid;
  color: #003366;
  background-color: #fff;
  margin-bottom: 5px;
}

/* ######################################################################################################
** ### Listen ###########################################################################################
** ######################################################################################################
*/

div#content ul#weblinks li {
  margin-bottom: 10px;
}

/* ######################################################################################################
** ### Bilder ###########################################################################################
** ######################################################################################################
*/

div#sidebar ul li a img {
  display: block;
  border: 1px #003366 solid;
  margin-top: 10px;
  margin-bottom: 5px;
}

div#content img {
  border: 1px #003366 solid;
}

div.sidebarText img {
  display: block;
  margin-bottom: 10px;
}

div#content div.artistOverviewItem img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
}

/* ######################################################################################################
** ### weitere Formatierungen ###########################################################################
** ######################################################################################################
*/

p.formStandard {
  padding-left: 110px;
}

div#content hr {
  color: #003366;
  height: 1px;
  background-color: #f4e3c2;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
}

div#sidebar .smallMarginLeft {
  margin-left: 4px;
}

.borderTop {
  border-top: 1px #003366 solid;
}

.borderBottom {
  border-bottom: 1px #003366 solid;
}


.borderRight {
  border-right: 1px #003366 solid;
}

.borderLeft {
  border-left: 1px #003366 solid;
}

.paddingRight {
  padding-right: 10px;
}

.floatRight {
  float: right;
  margin-left: 10px;
  margin-right: 10px;
}

.clearRight {
  clear: right;
}

.floatLeft {
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.clearLeft {
  clear: left;
}

div.sidebarText {
  margin-top: 10px;
  margin-left: 8px;
  font-size: 8pt;
  color: #003366;
}

div#content p {
  margin-top: 5px;
  margin-bottom: 10px;
}

div#content hr.clearRight,
div#content hr.clearLeft {
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
}

.highlightBackground {
  background-color: #dce1e5;
}

.marginTop {
  margin-top: 10px;
}

.marginBottom {
  margin-bottom: 10px;
}

.marginRight {
  margin-right: 10px;
}

.note {
  font-style: italic;
  font-size: 10pt;
}

.important {
  border: 1px #ff0000 solid;
  margin-bottom: 5px;
  margin-top: 5px;
  color: #ff0000;
  padding: 2px;
}

.importantNote {
  border: 2px #b90b0b solid;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 10px;
  background-color: #fff;
//  color: #b90b0b;
  font-weight: bold;
}


.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}


.textBold {
  font-weight: bold;
}

div#content div.shopArticleContainer {
  float: left;
  width: 100%;
}


form input.continue2 {
  padding-left: 15px !important;
  background-image: url(http://www.contraermusik.de/bilder/system/ml_pfeil_nextpage.gif);
  background-position: 3px center;
  background-repeat: no-repeat;
  background-color: #ffdd00;
  color: #003366;
  font-weight: bold;
}


div#path {
  padding: 5px 0 5px 0;
}

table.onlineLaden_artistList {
  width: 90%;
  margin-left: 5px;
}

table.onlineLaden_artistList td.fullsize {
  width: 100%;
  padding-top: 10px;
}

table.onlineLaden_artistList td {
  width: 50%;
}

.imgLeftSpace {
  margin-right: 10px;
}


div#sumUp_shoppingCart {
  width: 767px;
  margin: 15px 0 0 0;
  padding: 0;
  border: 2px #003366 solid;
  background-color: #fff;
  padding: 0 4px 4px 4px;
}

div#sumUp_customerData {
  width: 375px;
  float: left;
  margin: 0;
  padding: 0;
  border: 1px #dfe6ec solid;
  background-color: #fff;
  padding: 0 4px 4px 4px;
}

div#sumUp_shipping {
  float: right;
  width: 375px;
  margin: 0;
  padding: 0;
  border: 1px #dfe6ec solid;
  background-color: #fff;
  padding: 0 4px 4px 4px;
}

div#sumUp_Notes {
  width: 375px;
  margin: 0;
  padding: 0;
  border: 1px #dfe6ec solid;
  float: right;
  background-color: #fff;
  padding: 0 4px 4px 4px;
}

p#note_agb {
  width: 370px;
}

div.strongDiv {
  border: 1px #dfe6ec solid;
  background-color: #fff;
  padding: 0 4px 4px 4px;
  margin-bottom: 10px;
}


div#sumUp_shoppingCart h2,
div#sumUp_customerData h2,
div#sumUp_shipping h2,
div#sumUp_Notes h2,
div.strongDiv h2 {
/*  background-color: #99ADC2;*/
  background-color: #dce1e5;
  font-size: 10pt;
  font-weight: bold;
  color: #003366;
  display: block;
  line-height: 1.5em;
  margin: 0 -4px 10px -4px !important;
  padding: 0 5px 0 5px !important;
}

form.sumUp_clearing,
div.sumUp_clearing {
}

}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}

}