/***********************************************************************
*   TAGS                                                               *
***********************************************************************/

html, body, form, div, p, h1, h2, h3, h4, h6, table, ul, ol, td, th, tr {
	margin: 0;
	padding: 0;
	}

body {
	background-color: #fff;
	color: #000;
	font-size: 100%;
	font-family: "Trebuchet MS", Trebuchet, Tahoma, "sans serif";
	}


h1 {
	font-size: 1.8em;
	color: #f6002b;
	}

h2 {
	margin-top: 1em;
	font-size: 1.2em;
	}

h3, h4 {
	font-size: 1em;
	}

h6 {
	margin-bottom: 1em;
	}

h6, p {
	font-size: 0.9em;
	}

p {
	margin-top: 0.5em;
	line-height: 1.4em;
	}

td p {
	font-size: 1em;
	}

table {
	width: 100%;
	border-spacing: 0;
	font-size: 1em;
	}

td, th {
	padding: 0.5em 0.75em;
	border-spacing: 0;
	background-color: #ffe030;
	font-size: 0.8em;
	line-height: 1.5em;
	text-align: left;
	vertical-align: top;
	}

th {
	width: 7em;
	vertical-align: middle;
	}

td {
	vertical-align: top;
	}

input, select {
	vertical-align: middle;
	font-family: "Trebuchet MS", Trebuchet, Tahoma, "sans serif";
	font-weight: bold;
	font-size: 1em;
	}
@media all {
	input {
		border-color: #555;
		}
	}



/***********************************************************************
*   LINKS                                                              *
***********************************************************************/

a:link {
	text-decoration: none;
	font-weight: bold;
	color: #ba2025;
	}

.error a:link {
	text-decoration: none;
	color: #ffe030;
	}

a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ca181d;
	}

.error a:visited {
	text-decoration: none;
	color: #f3ac21;
	}

a:hover, .error a:hover {
	text-decoration: underline;
	}

a:active, .error a:active {
	text-decoration: underline;
	color: #f3ac21;
	}

#head a:link, #foot a:link  {
	font-weight: normal;
	color: #000;
	}

#head a:visited, #foot a:visited {
	font-weight: normal;
	color: #333;
	}

#head a:hover, #foot a:hover {
	text-decoration: none;
	color: #ba2025;
	}

#head a:active, #foot a:active {
	text-decoration: none;
	color: #f3ac21;
	}

a.current:link, #head a.current:link, #foot a.current:link {
	color: #ba2025;
	cursor: default;
	}

a.current:visited, #head a.current:visited, #foot a.current:visited {
	color: #ba2025;
	cursor: default;
	}

a.current:hover, #head a.current:hover, #foot a.current:hover {
	color: #ba2025;
	}

a.current:active, #head a.current:active, #foot a.current:active {
	color: #ba2025;
	}



/***********************************************************************
*   UTILITY CLASSES                                                    *
***********************************************************************/

.fixFloat {
	clear: both;
	height: 0px;
	overflow: hidden;
	line-height: 0px;
	font-size: 1px;
	}

.center {
	display: block;
	margin: 0 auto;
	}

.left {
	display: block;
	float: left;
	margin-left: -3px;
	}
	@media all {
		html>body .left {
			margin-left: 0;
			}
	}

.right {
	display: block;
	float: right;
	}

.rightAlign {
	text-align: right;
	}

.centerAlign {
	text-align: center;
	}

.noBorder {
	border: 0 none;
	}



/***********************************************************************
*   HEADER                                                             *
***********************************************************************/

#head {
	border-width: 1px;
	border-style: solid none;
	border-color: #fff;
	}

#head .inner {
	padding-top: 0.5em;
	border-width: 1px;
	border-style: solid none;
	border-color: #fff;
	}

#head img {
	display: block;
	float: left;
	}

#meta {
	float: right;
	width: 32em;
	margin-right: 4%;
	font-size: 0.8em;
	text-align: right;
	}

.contentStart {
	font-size: 0.8em;
	}

#breadcrumbs {
	margin-top: 1em;
	padding: 0 0 35px 164px;
	font-size: 0.6em;
	}
#breadcrumbs/* hide from IE5 Win */ {
	margin-top: 0;
	}
html>body #breadcrumbs {
	margin-top: 0;
	}

#head .home {
	margin-top: 1.6em;
	text-align: left;
	}

#nav1 {
	padding: 0 0 0.5em 164px;
	font-size: 0.8em;
	}

#nav2 {
	padding: 0 0 0.5em 164px;
	font-size: 0.7em;
	}



/***********************************************************************
*   CONTENT AREA                                                       *
***********************************************************************/

#inhalt {
	padding: 2em 0 2em 0;
	border-width: 3px;
	border-style: solid none;
	border-color: #009d51;
	text-align: center;
	}

#inhalt div {
	text-align: left;
	}

#main {
	width: 80%;
	margin: 0 auto;
	}

#main h1 {
	margin-left: 98px;
	}

#main h4 {
	margin-top: 1em;
	}

#main p, #main h1.line2, #main h3, #main h4, .overview .items {
	margin-left: 400px;
	}

#main td h3 {
	margin-left: 0;
	}

.zahlung #main h1, .zahlung #main p {
	margin-left: 0;
	}

#main ul {
	margin: 1em 0 0 278px;
	padding: 0;
	}

#main ul li {
	margin-bottom: 0.5em;
	list-style-type: none;
	}

#main ol {
	margin: 1em 0 1em 0;
	padding: 0 0 0 3em;
	font-size: 0.8em;
	}

#main ol li {
	margin-bottom: 0.5em;
	}



/***********************************************************************
*   ITEM DISPLAY                                                       *
***********************************************************************/

.item {
	float: left;
	min-width: 107px;
	max-width: 321px;
	width: 6.8em;
	height: 18em;
	padding: 0;
	margin: 0 4px;
	}

.overview .items .item {
	height: 9em;
	}

.item a img {
	border: 1px solid #000;
	}

.item a:hover img {
	border-color: #ba2025;
	}

.item h6 {
	margin-top: 0.5em;
	}

.description {
	margin: 0.5em 0 1.5em 0;
	}

.vat, .code {
	font-size: 0.7em;
	}

.hint {
	border: 0 none;
	}

.order {
	padding-top: 0.75em;
	}

.item .add {
	background-color: #ba2025;
	color: #ffe030;
	}
@media all {
	.item .add {
		border-color: #555;
		}
	}

.overview h1 {
	padding-bottom: 1em;
	}

#inhalt .overview .item p {
	margin-left: 0;
	line-height: 1.5em;
	}

.detail .item {
	float: none;
	min-width: 0em;
	max-width: 1000em;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	}

#inhalt .detail .item p, #inhalt .detail .item h6, #inhalt .detail p.back {
	margin-left: 122px;
	}

.detail .item img {
	display: block;
	float: left;
	margin-top: 0.5em;
	border: 1px solid #000;
	}

#inhalt .detail .item h1 {
	margin-left: 56px;
	}

.detail .item h6 {
	display: none;
	}

.detail .item p {
	line-height: 1.5em;
	}

.detail .description {
	margin: 0.5em 0 1.5em 0;
	}

.detail .hint {
	border: 0 none;
	}

.detail .order {
	padding-top: 0.75em;
	}

.detail .back {
	padding-top: 2em;
	}

.detail .item .add {
	background-color: #ba2025;
	color: #ffe030;
	}
@media all {
	.detail .item .add {
		border-color: #555;
		}
	}

.detail a:link, .detail a:visited {
	cursor: default;
	color: black;
	text-decoration: none;
	}

.legalese p {
	margin-top: 1em;
	}


/***********************************************************************
*   ORDERS AND SHOPPING CART                                           *
***********************************************************************/

.zahlung th {
	width: 14.5em;
	}

.head th, .subhead th {
	width: auto;
	padding: 1.5em 0.75em 0.2em 0.75em;
	border-bottom: 2px solid #ba2025;
	background-color: #fff;
	vertical-align: top;
	}

.subhead th {
	padding-top: 0;
	}

.total td {
	padding: 0 0.75em;
	border: 0 none;
	background-color: #fff;
	text-align: right;
	}

#total td {
	padding-top: 0.75em;
	font-weight: bold;
	}

.required {
	color: #ba2025;
	}

.error {
	font-weight: bold;
	color: #aa181a;
	}

.error a:link, .error a:visited {
	text-decoration: underline;
	}

label.error, .error label {
	padding: 1px 2px 0 2px;
	background-color: #aa181a;
	color: #ffe030;
	}

td .internButton, td .remove  {
	padding: 2px 0.5em 0 0.5em;
	background-color: #ffe030;
	line-height: 1em;
	}
@media all {
	.internButton, .remove {
		border-color: #ba2025;
		}
	}

.remove {
	font-weight: normal;
	}

.itemID, .last .itemID {
	border: 0 none;
	padding-bottom: 0;
	}

td .vat {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	}

td img {
	vertical-align: top;
	border: 1px solid;
	background-color: #fff;
	margin-right: 1em;
	}

.head .noBorder, .last .noBorder {
	border: 0 none;
	}

.last td, .last th {
	border-bottom: 2px solid #ba2025;
	}

#total td {
	padding: 0.75em 0.75em 0 0.75em;
	font-weight: bold;
	}

.buttons td {
	border: 0 none;
	background-color: #fff;
	}

.buttons input {
	padding: 2px 1em 0 1em;
	background-color: #ba2025;
	color: #ffe030;
	line-height: 1em;
	}
@media all {
	.buttons input {
		border-color: #555;
		}
	}

p.buttons {
	margin-top: 3em;
	}

p.footer {
	margin-top: 1em;
	text-align: center;
	}

.variantCell {
	padding-top: 0;
	}

.variants {
	margin: 0.25em 0;
	}

.variants td, .variants th {
	padding: 0 0.25em 0.25em 0;
	border: 0 none;
	font-size: 0.9em;
	line-height: 1em;
	}

.variants td, .variants th, .variants input, .variants select {
	font-weight: normal;
	}

td .variants input {
	background-color: #fff899;
	}

td select {
	background-color: #ffe030;
	}
@media all {
	td select {
		border-color: #ba2025;
		}
	}

td.karte {
	text-align: center;
	border-bottom: 2px solid #ba2025;
	}
	
td.karte img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	border: 1px solid black;
	}

td.empty, th.empty {
	font-size: 0.5em;
	line-height: 0.5em;
	}

#main ul.instructions {
	margin: 1em 0 0 0;
	padding: 0 2em 0 3.5em;
	font-size: 0.8em;
	line-height: 1.4em;
	}

#main ul.instructions li {
	list-style-type: disc;
	}



/***********************************************************************
*   FOOTER                                                             *
***********************************************************************/

#foot {
	border-top: none;
	padding: 1em 0 2em 0;
	}

#foot address, #karte, #secure {
	font-size: 0.7em;
	line-height: 1.4em;
	text-align: center;
	margin-bottom: 0.5em;
	}

#karte img {
	vertical-align: -0.3em;;
	}

address {
	display: block;
	font-style: normal;
	}

#secure {
	color: #555;
	font-weight: bold;
	}

#secure img {
	vertical-align: -0.1em;
	}



/***********************************************************************
*   UNIQUE PAGE ITEMS                                                  *
***********************************************************************/

#home {
	width: 720px;
	margin: 0 auto;
	}

#home .blurb {
	margin: 1.5em 0 0 368px;
	}

#home p {
	margin: 0.5em 0 0 368px;
	}

#home #items p {
	margin: 0;
	}

#home h1 {
	padding-left: 98px;
	}

#home h1.line2 {
	margin-top: 0;
	padding-left: 368px;
	}

#home #items {
 	margin: 1.5em 0 0 365px;
	width: auto;
	}