@page { size: portrait; }

/* 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 {
  display: none;
}

#bar {
  display: none;
}

#country {
 	display: none;
}

#search {
  display: none;
}

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


#ariadne {
  display: none;
}

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

.cart {
  display: none;
}

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

#content {
  position:relative; 
  width: 670px;
  color:#464646;
  min-height:500px;
  display:inline-block;
}


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

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

#content .tabTable {
  margin:0;
}

#content .leftMargin {
	margin:10px;
}

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

#content .trash {margin-top:4px;}
#content .pos {margin-top:6px;}
#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;
}

/* Marginale */ 

#marginale {
  display:none;
}


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: 0.8em;
  text-align: left;
}

h1 {
  font-size:1.6em;
  color:#FF8A00;
  border-left:1px solid #FF8A00;
  padding:29px 0 2px 4px;
  margin: 15px 0 0 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;
}



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

/* Navigation */

#nav, #siteNav {
  display: none;
}

/* divisor */



/* SubNavigation */


#selectBox {
 display: none;
}

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


#subNav {
  display: none;
}

#footer {
  display:none;
}


/* Tabellen Navigation*/

.tabTable {
  margin-left:4px;
  border-left:2px solid #EEEEEE;
  width:100%;
  border-bottom:2px solid white;
}

.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: 95%;
  color:black;
  caption-side:left;
}

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

th a .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 ?? */
}

td {
  border-top:2px solid white;
  background:#CAD8E7;
}

td.blue {
  background:#CAD8E7;
}

td.gray {
  background:#DEDEDE;
}

tr.blue td {
  background:#b5cbe0;
}

tr.Cell0 td {
  background:#DEDEDE;
}

tr.Cell1 td {
  background:#CAD8E7;
}

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

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

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

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 #EEEEEE;
	border-bottom: 1px solid #FFFFFF;
	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 */



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

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


td.price, td.zzgl {
  text-align:right;
  padding-right:50px;
  font-size:0.8em;
}

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;
}


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

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

/* 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.8em;
  padding-left:15px;
  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.90em;  
}            

.sendCart {
  margin:2px 0 0 0;
  border-top:2px solid #FF8A00;
  padding:3px 0 5px 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;
}

#screencontent {
	display: none;
}

#printcontent {
	display: block;
	width: 100%;
}

#printcontent table tr {
  border-bottom: 1px solid #000000 !important;
}

#printcontent table tr th {
  border-bottom: 1px solid #000000 !important;
}


.blockLinks {
	float:left;
	width: 270px;
}

.blockRechts {
	float:left;
	width: 360px;
}

.printBold {
	font-weight: bold;
}

.printHead {
	font-weight: bold;
	font-size: 1.2em;
}

.printImg {
	margin-bottom: 10px;
	max-height: 100px;
}