/* Regeln für allgemeine Elemente
=========================================================================== */
/* Alle kritischen Werte auf 0 setzen und später explizit setzen */

html, body, div, table, td, th, h1, h2, h3, h4, h5, h6, form, ul, li, ul li {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: top;
}

html {
  <!-- background: transparent url('../images/utilities/html.gif') top left repeat; -->
  height:100%;
}

body {
  background: transparent url('../images/utilities/body.gif') top left repeat-y;
  color: black;
  height:100%;
}

#logo {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  border-bottom:2px solid white;
  height:89px;
}

#bar {
  position:absolute;
  top:91px;
  left:0;
  width:11px;
  height:209px;
  background: transparent url('../images/utilities/bar.gif') top left no-repeat;
  z-index:1;
}

#country {
  position:absolute;
  top:0;
  left:812px;
  width:178px;
  height:113px;
  background: transparent url('../images/utilities/country.gif') top left no-repeat;
  padding-left:9px;
  margin-top:1px;
}

#search {
  position:absolute;
  top:117px;
  left:821px;
  width:150px;
  height:38px;
  background:#DEDEDE;
  z-index: 31;
  padding:10px 10px 5px 10px;
  border-left:1px solid white;
  border-bottom:1px solid white;
}

.search {
  font-size:0.85em;
  width:126px;
}

#productsearchsuggestion-content {
	display: none;
	overflow: hidden;
	position: absolute;
	border: 1px solid #000000;
	left: 100px;
	top: 45px;
	width: 152px;
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px;
	z-index: 500;
}

#productkeywordsearchsuggestion-contenthelper {
	position: relative; 
	z-index: 10000; 
	min-height: 70px; 
}

* html #productkeywordsearchsuggestion-contenthelper {
	height: 70px;
}

#productsearchsuggestion-content iframe {
	display: none;
	display/**/: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 3000px;
	height: 3000px;
}

#productsearchsuggestion-contenthelper {
 position: relative; 
 z-index: 10000; 
 min-height: 140px; 
}

* html #productkeywordsearchsuggestion-contenthelper {
  height: 70px;
}

#productsearchsuggestion-content-keysearch {
  display: none;
  overflow: hidden;
  border: 1px solid #000000;
  position: absolute;
  left: 830px;
  top: 150px;
  width: 200px;
  color: #000000;
  background-color: #FFFFFF;
  padding: 5px;
  z-index: 500;
}

#productsearchsuggestion-content-keysearch iframe {
	display: none;
	display/**/: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 3000px;
	height: 3000px;
}

#ariadne {
  position:absolute;
  top:117px;
  left:204px;
  width:608px;
  height: 18px;
  z-index: 31;
  background: transparent url('../images/utilities/ariadne.gif') bottom left repeat-x;
  color:#888888;
  font-size:0.9em;
  line-height:17px;
}

#ariadne a {
  color:#888888;
  text-decoration:none;
}

.cart {
  display:inline;
  float:right;
  color:#464646;
  margin:0px 20px 0px 20px;
}

.cart img {
  margin-right:10px;
}


#main {
   position:absolute;
   width:980px;
   top:117px;
   padding-left:20px;
   background: transparent url('../images/utilities/main.gif') 0 1px repeat-y;
}

#content {
  position: relative; 
  padding: 21px 14px 14px 14px;
  width: 782px;
  color: #464646;
  min-height: 500px;
  display: inline-block;
  float: left;
  z-index: 30;
}


#content ul {
  margin: 20px 0 20px 30px;
  list-style-image: url('../images/utilities/list.gif');
}

#content ul li {
  margin-left: 5px;
}

#content .tabTable {
  margin-bottom: 1px;
  margin-bottom: 0px;
  margin-left: 0px;
}

#content .leftMargin {
  margin: 10px;
}

#content .pager {padding-right: 30px;}

#content .trash {margin-top: 4px;}

#content .check {
  margin-top: 5px;
  border: 0px;
  font-size: 1.0em;
  width: 30px;
 }

/* Fehlermeldungen u. Hinweise */
.error {
	color: #CC0000; }

.message {
	color: #000000; }

.messagebox {
	margin: 10px 0px 15px 0px;
	width: 550px;
	font-weight: bold;
}

.deliverymethod {
    width: 390px;
    padding:0 0 10px 2px;
}

body.showMarginale #content {
  width:602px;
  border-right:1px solid white;
}

body.showMarginale #search {
  border-left:1px solid #dedede;
}

body.showMarginale #marginale {
  display:inline;
}


/* Marginale */ 

#marginale {
  display:none;
  position:relative;
  margin-top:53px;
  width:170px;
  float:right;
  background: #EEEEEE url('../images/utilities/marginale.gif') top left repeat;
  margin-right:9px;
  font-size:0.9em;
  line-height:100%;
  border-left:1px solid white;
  margin-left:-1px;
}


h2 {
  font-size:1.0em;
  color:white;
  line-height:19px;
  padding-left:15px;
  margin:0;
}

h2.blue {
  background: #0060AF url('../images/utilities/subNavH2.gif') top left no-repeat;
  color:white;
}

h2.yellow {
  background: #FF8A00 url('../images/utilities/yellowH2.gif') top left no-repeat;
  color:white;
  font-weight:bold;
}

h2.gray {
  background: #B4B5B5 url('../images/utilities/grayH2.gif') top left no-repeat;
  color:white;
}

h2.lightBlue {
  background: #6C98C1 url('../images/utilities/lightBlueH2.gif') top left no-repeat;
  color:white;
}

#marginale ul, #search ul {
  list-style:none;
}

#marginale ul li {
  margin-top:1px;
  width:150px;
  background-color:#EEEEEE;
  padding:10px;
}

#marginale ul li.first {
  margin-top:0;
}

#marginale ul.special li {
  width:170px;
  padding:0;
}

#marginale ul.special li a {
  padding:0;
}

#marginale ul li a {
  padding-left:10px;
  display:block;
  width:140px;
  color:black;
  text-decoration:none;
}

#search ul.blue li a {
  width:120px;
  background: #DEDEDE url('../images/utilities/link-blue.gif') 0 3px no-repeat;
  padding-left:10px;
  display:block;
  width:140px;
  color:black;
  text-decoration:none;
}

#search ul li {
  margin-top:5px;
  width:120px;
  background: #DEDEDE;
  font-size:0.9em;
}

#marginale ul.yellow li a {
  background: transparent url('../images/utilities/link-yellow.gif') 0 3px no-repeat;
}

#marginale ul.gray li a {
  background: transparent url('../images/utilities/link-gray.gif') 0 3px no-repeat;
}

#marginale ul.blue li a {
  background: transparent url('../images/utilities/link-blue.gif') 0 3px no-repeat;
}

/* Schriftgröße kontrollieren */
body, td, th {
  font: normal 70.01%/120% Arial, Verdana, Helvetica, sans-serif;
}
td, th {
  font-size: 100.01%;
  text-align: left;
}

h1 {
  font-size:1.6em;
  color:#FF8A00;
  border-left:1px solid #FF8A00;
  padding:29px 0 2px 4px;
  margin-left:9px;
  line-height:100%;
}

h2.subline {
  font-size:1.2em;
  color:#888888;
  margin:20px 0 10px 0;
}


#content h3, #content h4, #content h5, #content h6 {
  font-size:1.0em;
  font-weight:bold;
  margin:20px 0 10px 0;
}


.small {
  font-size:0.8em;
  border:1px solid red;
}
img {
  vertical-align: bottom;
}
a img {
  border: 0;
}
input {
  vertical-align: middle;
}

a:link {
  color: #0060AF;
  text-decoration:underline;
  font-weight:normal;
}
a:visited {
  color: #0060AF;
  text-decoration:underline;
}
a:hover, a:focus {
  color: #0060AF;
  text-decoration:none;
}
a:active {
  color: #0060AF;
  text-decoration:none;
}


p {
  margin: 0 0 1em 0;
  padding: 0;
}

#headLogo{
	float:left;
	margin-left: 0px;
	width: 200px;
	height: 89px;
	background: transparent url('../images/logo.gif') 2px 0 no-repeat;
}

#headMiddleLogo {
	border-bottom:2px solid white;
	height:89px;
	width: 200px;
}

#headVisual{
	width: 170px;
	height: 91px;
	background: transparent url('../images/visual-shop.jpg') 2px 0 no-repeat;
}

#doubleSubmit{
	margin-top: 9px;
	width: 16px;
	height: 15px;
	background: transparent url('../images/utilities/arrow-double_blue.gif') 2px 0 no-repeat;
	border: 0;
}

#trashIco{
	margin-top: 4px;
	margin-left: 6px;
	width: 16px;
	height: 19px;
	background: transparent url('../images/icons/trash.gif') 2px 0 no-repeat;
	border: 0;
}

#vanIco{
	padding-left: 35px;
	margin-right: 5px;
	background: transparent url('../images/icons/van.gif') 2px 2px no-repeat;
	border: 0;
	padding-bottom:20px;
	width:360px;
	height:20px;
}

#cartIco{
	float: left;
	margin-right: 4px;
	width: 25px;
	height: 19px;
	background: transparent url('../images/icons/cart.gif') 2px 0 no-repeat;
	border: 0;
}



/* Navigation */

#nav, #siteNav {
  position:absolute;
  background-color:#0060AF;
  border-top:2px solid #6C98C1;
  border-bottom:2px solid #6C98C1;
  top:91px;
  height:19px;
}

#nav {
  left:20px;
  width:750px;
  padding-left:42px;
}

#siteNav {
  left:821px;
  width:170px;
  z-index:30;
}

#nav ul {
  border-left:1px solid white;
  height:19px;
}


#siteNav ul, siteNav li, 
#nav ul, #nav li,
.tabTable ul, .tabTable li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#nav li, #siteNav li, .tabTable li {
  float: left;
}

#nav a, #nav strong {
  font-weight: bold;
  background: transparent url('../images/utilities/link-yellow.gif') 5px 6px no-repeat;
  /*width:77px; */
  border-right:1px solid white;
  padding:0px 14px;
  display:block;
}

#nav a, #nav strong,
#siteNav a, #siteNav strong {
  display: inline-block;
  white-space: nowrap;
  line-height:19px;
  color:white;
  text-decoration:none;
}

#nav a:hover {
  background-color:#6C98C1;
}

#nav a.active {
  background: #6C98C1 url('../images/utilities/link-yellow-active.gif') 4px 8px no-repeat;
}

#siteNav a, #siteNav strong {
  background: transparent url('../images/utilities/link-white.gif') 12px 6px no-repeat;
  padding-left:20px;
  display:block;
  width:50px;
}

/* divisor */
#nav a span, #nav strong span {
  display: inline-block;
  padding: 5px 20px 8px 20px;
}

/* SubNavigation */


#selectBox {
  position:absolute;
  top:114px;
  left:20px;
  width:160px;
  height:20px;
  border-top:3px solid white;
  border-bottom:1px solid white;
  background:#DEDEDE;
  z-index:25;
  padding:10px 0px 10px 10px;
}

#selectBox select {
  width:150px;
  font-size:0.9em;
}


#subNav {
  position: relative;
  float:right;
  z-index:5; 
  background: transparent url('../images/utilities/subNav.gif') top left repeat;
  width:170px;
  padding-top:41px;
  margin-bottom:40px;
  float:left;
  
}

#subNavEmpty {
  position: relative;
  float:right;
  z-index:5; 
  width:170px;
  padding-top:41px;
  margin-bottom:40px;
  float:left;
  
}

#subNav h2, #marginale h2.blue {
  background: #0060AF url('../images/utilities/subNavH2.gif') top left no-repeat;
  color:white;
  line-height:19px;
  padding-left:15px;
  margin:0;
}

#subNav li {
  list-style:none;
  margin-bottom:1px;
}

#subNav li li li {
  margin-bottom:0;
}


#subNav a, #subNav strong {
  background: #B5CBE0 url('../images/utilities/link-white.gif') 9px 4px no-repeat;
  width:153px;
  display: block;
  padding-left:17px;
  line-height:16px;
  color:#000000;
  text-decoration:none;
  font-weight:bold;
}

#subNav a.active {
  background: #6C98C1 url('../images/utilities/link-blue.gif') 9px 4px no-repeat;
  font-weight:bold;
}

#subNav li li a, #subNav li li strong {
  background: #B5CBE0 url('../images/utilities/link-white.gif') 19px 4px no-repeat;
  padding-left:27px;
  width:143px;
  font-weight:normal;
}

#subNav li li a.active {
  background: #6C98C1 url('../images/utilities/link-blue.gif') 19px 4px no-repeat;
}

#subNav li li li a, #subNav li li li strong {
  background: #B5CBE0 url('../images/utilities/link-white.gif') 29px 4px no-repeat;
  padding-left:38px;
  width:132px;
  font-size:0.9em;
  font-weight:normal;
}

#subNav li li li a.active {
  background: #6C98C1 url('../images/utilities/link-blue.gif') 29px 4px no-repeat;
}


#footer {
  position:relative;
  width:972px;
  background: white url('../images/utilities/footer.gif') top left repeat-x;
  line-height:24px;
  clear:both;
  height:24px;
}

#footer .left {
  width:170px;
  background-color:#6C98C1;
  border-top:1px solid #0060AF;
  height:23px;
  display:block;
  float:left;
  margin-right:30px;
}

#footer .text {
  display:block;
  width:250px;
  float:left;
  background-color:transparent;
}

#footer .links {
  width:500px;
  display:block;
  float:left;
  text-align:right;
  padding-right:12px;
}

#footer .links a {
  background: transparent url('../images/utilities/link-yellow.gif') 5px 3px no-repeat;
  padding-left:15px;
  color:#464646;
  text-decoration:none;
  font-size:0.9em;
}


/* Tabellen Navigation*/

.tabTable {
  margin-left: 4px;
  border-left: 2px solid #EEEEEE;
  width:780px;
}

.tabTable ul {
  border-bottom:2px solid #FF8A00;
  padding-left:10px;
  height:20px;
  overflow:hidden;
  margin:0 !important;
  padding:0 !important;
}

.tabTable a {
  border-left:1px solid #999999;
  border-top:1px solid #999999;
  padding-left:14px;
  padding-right:10px;
  margin-right:10px;
  display:block;
  line-height:19px;
  text-decoration:none !important;
  font-weight:bold;
}

.tabTable li {
  background: #CAD8E7 url('../images/utilities/tab.gif') top right no-repeat;
}

.tabTable li strong {
  color:white;
  font-weight: bold;
  background: #FF8A00 url('../images/utilities/tab-active.gif') top right no-repeat;
  padding-left:14px;
  padding-right:20px;
  display:block;
  line-height:20px;
}


/* Tabellen */

table {
  width: 100%;
  border-right: 2px solid #EEEEEE;
  color: black;
}

th {
  background: #6C98C1;
  color: white;
  font-weight: bold;
  text-align: center;
}

th .link {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

.formhead {
	background: #6C98C1 url('../images/utilities/lightBlueH2.gif') top left no-repeat;
	border-top: 2px solid #EEEEEE;
	padding-left: 15px;
	text-align: left;
}

.formheadempty {
	border-top:2px solid #EEEEEE;
	text-align:left;
}

.formhead2 {
	border-top:2px solid #EEEEEE;
	text-align:left;
}

.formhead3 {
	border-top: 2px solid #EEEEEE;
	text-align: left;
	width: 75%;
}

th, td {
  padding:3px 5px 3px 5px;
  /*border-left:2px solid #EEEEEE; ?? Notwendig ?? */
  border: 2px solid white;
}

td {
  background:#CAD8E7;
  vertical-align: middle;
}

td.blue {
  background:#CAD8E7;
}

td.gray {
  background:#DEDEDE;
}

tr.blue td {
  background:#b5cbe0;
}

tr.Cell0 td {
  background:#DEDEDE;
  border-right: 2px solid white;
}

tr.Cell1 td {
  background:#CAD8E7;
  border-right: 2px solid white;
}

tr.Cell0none td {
  background:#DEDEDE;
  border:2px solid #DEDEDE;
}

tr.Cell1none td {
  background:#CAD8E7;
  border:2px solid #CAD8E7;
}

td.none {
  vertical-align: top;
  background:#EEEEEE;
  border:2px solid #EEEEEE;
}

td td.none {
  background:#cad8e7;
  border:2px solid #cad8e7;
}

tr.dotted td {
  background: white url('../images/utilities/ariadne.gif') left top repeat-x;
  line-height:1px;
  font-size:0.1em;
  padding:0;
}

/* Anfang: Designer mit dotted Lines */

th.dotlisthead {
	background: #8a8d8d url('../images/utilities/darkGrayH2.gif') top left no-repeat;
	border-top:2px solid #EEE;
	border-right:1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding-left: 15px;
	text-align:left;
}

th.dotlistheadempty {
	background: #b4b5b5;
	border-top:2px solid #EEE;
	border-right:1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align:left;
}

td.dotlistpic, td.dotlist {
  background:#EEEEEE;
  padding: 3px 3px 3px 0;
  border:0;
}

td.dotlist {
  padding: 5px;
  vertical-align:top;
}

td.dotlist h3{
  font-size:1.0em;
  font-weight:bold;
  color:#FF8A00;
  margin: 0 0 5px 0 !important;
}

tr.dothori td, td.dotverti {
  background: #EEE url('../images/utilities/ariadne.gif') left top repeat-x;
  line-height:1px;
  font-size:0.1em;
  padding:0;
  border:0;
}

td.dotverti {
  background: #EEE url('../images/utilities/dot-verti.gif') right top repeat-y;
}
/* Ende: Designer mit dotted Lines */

#cartTable img {
  margin-left: 10px;
  margin-right: 10px;
}

table input {
  border:1px solid black;
  padding-left: 3px;
  padding-right: 3px;
  font-size:1.0em;
  width:250px;
}

table input.noBorder{
  border:0px;
  font-size:1.0em;
  width:30px;
}

td.price, td.zzgl {
  text-align:right;
}

td.price {
  background:#6C98C1;
  color:white;
  font-weight:bold; 
}

td.zzgl {
  background:#DEDEDE;
}

.stars {
  color:#CC0000;
  font-family:Verdana;
  line-height:1.1em;
}

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

.centerupper {
  vertical-align:top;
}

.centertop {
  text-align: center;
  vertical-align: top;
}

.lefttop {
  text-align: left;
  vertical-align: top;
}

.righttop {
  text-align: right;
  vertical-align: top;
}

.right {
  text-align: right;
  vertical-align: middle;
}

.left {
  text-align: left;
  vertical-align: middle;
}


/* Formulare */



input.button, input.buttonyellow, a.inlineButton {
  background: white url('../images/utilities/button.gif') 5px 0 no-repeat;
  border-top:1px solid #B1B1B1;
  border-left:1px solid #B1B1B1;
  border-right:1px solid black;
  border-bottom:1px solid black;
  text-align:left;
  vertical-align:middle;
  font-size:0.95em;
  padding-left:16px;
  padding-right:5px;
  margin:2px 0px 3px 5px;
  
}

input.buttonyellow {
  background: #FF8A00 url('../images/utilities/buttonyellow.gif') 5px 0 no-repeat;
  color:white;
  font-weight:bold;
}

a.inlineButton {
  padding:1px 10px 0px 16px;
  white-space:nowrap;
  text-decoration: none !important;
  color: black !important;
  display: inline-block;
}

.checkbox, .radio {
  width:13px;
  border:0;
  margin:5px;
}

select {
  font-size:0.95em;  
}

.sendCart {
  margin:2px 0 0 0;
  border-top:2px solid #FF8A00;
  padding:3px 0 20px 0;
  text-align:right;
  height:20px;
}

.hidden {

}

.block, .blockRight {
  width:50%;
  float:left;
}

.block h2 {
  margin-right:10px;
}

.blockRight h2 {
  margin-left:10px;
}

.block p {
  padding:10px 10px 0 10px;
}

.blockRight p {
  padding:10px 10px 0 20px;
}

.clear {
  clear:both;
  margin:0px;
  padding:0px;
  line-height:0px;
  height:0px;
  font-size:0px;
}

.nowrap {
  white-space:nowrap;
}

#printcontent {
  display: none;
}

div.breaker	{
  height: 1px;
  clear:both;
  overflow:hidden;
}

/* Designer Referenznummer */
.designerRef {
	position:absolute;
	left:25%;
	top:25%;
	width:35%;
	margin:auto;
	padding:20px;
	border:4px outset #6C98C1;
	background-color:#CAD8E7;
	z-index:1001;display:none
}
.designerRef * { 
	background-color:#CAD8E7
}