/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~  css definitions :: document  ~~~~ */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* ~~~  allgemeines  ~~~~~~~~~~~~~~~~~~~~ */



html, body {

	width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

}

body {

	font: normal 100.01% verdana,arial,helvetica,sans-serif;

	color: #000000;

	background: #3D2251;		/* url(../images/bg_header.jpg) no-repeat; */

}

form, object {

	margin: 0;

	padding: 0;

	display: inline;

}

a img, img {

	border: 0;

}

hr {

	height: 20px;

	visibility: hidden;

}

#box {

	width: 777px;

	margin: auto;

	padding: 0;

	background: #DAE2E1 url(../images/bg-box.gif) repeat-y;

}

* html #box_content {

	height: 100%;

}

#box_content {

	margin: 0;

	padding: 0 60px 0 28px;

	background: url(../images/bg-box.gif) repeat-y;

}



/* ~~~  kopfbereich  ~~~~~~~~~~~~~~~~~~~~ */



#header {

	height: 175px;

	margin: 0;

	padding: 0;

	background: transparent;			/* #ECE3BF url(../images/bg_header.gif) no-repeat right top; */

	white-space: nowrap;

}

#header img {

	position: absolute;

	margin: 0;

	border: 0;

	z-index: 1;

}



* html #header_nav { margin: 0 0 0 212px; }

#header_nav {

	position: absolute;

	top: 170px;

	margin: 0 0 0 210px;

	padding: 0;

	float: right;

	z-index: 2;

}

#header_nav ul {

	margin: 0;

	padding: 0;

	display: inline;

}

#header_nav li {

	margin: 0;

	padding: 6px 0 6px 0;

	font: normal 80% verdana,sans-serif;

	color: #666666;

	float: left;

	list-style: none;

	border: 1px dotted #ECE3BF;

}

#header_nav a {

	margin: 0;

	padding: 6px 9px 6px 9px;

	font: normal 100% verdana,sans-serif;

	color: #666666;

	text-decoration: none;

}

#header_nav a:hover, a:active {

	font: normal 100% verdana,sans-serif;

	color: #FF0000;

	background: #FDFAF4;

}



/* ~~~  navigation  ~~~~~~~~~~~~~~~~~~~~~ */



#nav {

	width: 155px;

	margin: 5px 0 0 0;

	background: transparent;

	float: left;

}

#nav img {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: middle;

}

#nav hr {

	height: 50px;

	visibility: hidden;

}

#nav h3 {

	margin: 0;

	padding: 5px;

	font: bold 80% verdana,sans-serif;

	color: #666666;

	background: #F5F1DD; /* url(../images/bg_headline_menue.gif) no-repeat; */

	text-align: center;

}

/* * html #nav ul { margin: 5px 0 10px 0px; } */

#nav ul {

	margin: 0;

	padding: 5px 5px 10px 10px;

	text-align: left;

	list-style: none;

}

#nav li {

	margin: 0;

	padding: 2px 0 2px 0;

	font: normal 100% verdana,sans-serif;

	color: #FFFFFF;

	text-align: left;

	border-bottom: 1px solid #FAF9F0;

	line-height: 1.2em;

}

#nav a {

	margin: 0;

	padding: 2px;

	font: bold 80% verdana,sans-serif;

	color: #FFFFFF;

	text-decoration: none;

	display: block;

	line-height: 1.2em;

}

#nav a:hover, a:active {

	color: #FF0000;

	background: #FAF9F0;

}



#nav .link-active {

	margin: 0;

	padding: 2px;

	font: bold 80% verdana,sans-serif;

	color: #000000;

	text-decoration: none;

	display: block;

	line-height: 1.2em;

}



#nav_wk {

	margin: 0;

	padding: 5px;

}

#nav_wk p {

	margin: 0;

	padding: 0;

	font: normal 70% verdana,sans-serif;

	color: #666666;

}

#nav_wk img {

	margin: 5px;

	border: 0;

	float: left;

}

#nav_wk a {

	width: 100%;

	height: 35px;

	margin: 0;

	padding: 0;

	font: normal 100% verdana,sans-serif;

	text-decoration: none;

	line-height: 1.5em;

}

#nav_wk a:hover, a:active {

	color: #FF0000;

	background: #FFFFF0;

}







/* ~~~  inhalt  ~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* Hide from IE5-mac. Only IE-win sees this. \*/

/* Fix für das 3 Pixel Problem */

 

* html #nav {

  margin-right: 0;

  }

* html #content {

  height: 1%;

  margin: 0 0 0 158px;

  }

 

/* End hide from IE5/mac */



#content {

	margin: 0 0 0 161px;

	padding: 0;

	background: #FDFAF4;

}

#content hr {

	margin: 0 10px 0 10px;

	height: 2px;

	border: 0;

	color: #ECE3BF;

	background: #ECE3BF;

	visibility: visible;

}

#content h1 {

	margin: 0;

	padding: 10px;

	font: bold 100% verdana,arial,helvetiva,sans-serif;

	color: #732E8E;

	background: transparent;

}

#content h2 {

	margin: 0;

	padding: 3px 0 3px 10px;

	font: bold 80% verdana,arial,helvetiva,sans-serif;

	color: #FFFFFF;

	background: url(../images/bg-h2.jpg) repeat-y;

}

#content h3 {

	margin: 0;

	padding: 5px;

	font: bold 80% verdana,arial,helvetiva,sans-serif;

	color: #030303;

	background: transparent;

}

#content h4 {

	margin: 0;

	padding: 5px;

	font: bold 80% verdana,arial,helvetiva,sans-serif;

	color: #030303;

	background: transparent;

}

#content h5 {

	margin: 0;

	padding: 5px 2px 5px 2px;

	font: normal 70% verdana,arial,helvetiva,sans-serif;

	color: #030303;

	background: transparent;

}

#content p {

	margin: 0;

	padding: 10px;

	font: normal 80% verdana,arial,helvetiva,sans-serif;

	color: #030303;

}

#content .error {

	margin: 0;

	padding: 10px 0;

	font: bold 100% verdana,arial,helvetiva,sans-serif;

	color: #FF0000;

}

#content .preis_artikelseite {

	margin: 0;

	padding: 0 10px 10px 10px;

	font: bold 100% verdana,arial,helvetiva,sans-serif;

	color: #0000FF;

	text-align: right;

}

#content .preis_pflichtinfo {

	margin: 0;

	padding: 5px 10px 5px 0;

	font: normal 70% verdana,arial,helvetiva,sans-serif;

	color: #777777;

	text-align: right;

}

#content ul {

	margin: 10px 0 0 0;

	padding: 0 10px 0 25px;

}

#content li {

	margin: 0;

	padding: 0;

	font: normal 80% verdana,sans-serif;

	color: #000000;

}

#content a {

	margin: 0;

	padding: 0;

	font: normal 100% verdana,sans-serif;

	color: #0000FF;

	text-decoration: underline;

}

#content a:hover, a:active {

	font: normal 100% verdana,sans-serif;

	color: #FF0000;

	text-decoration: underline;

}

#content .preisinfo {

	margin: 0;

	padding: 10px;

	font: normal 70% verdana,arial,helvetiva,sans-serif;

	color: #030303;

	clear: right;

	border-top: 1px solid #C0B99C;

}



#content .passwort_vergessen {

	margin: 0 0 0 7px;

	padding: 0;

	font: normal 70% verdana,arial,helvetiva,sans-serif;

	color: #030303;

	display: block;

}

#content a.link_passwort_vergessen {

	margin: 0;

	padding: 0;

	font: normal 120% verdana,arial,helvetiva,sans-serif;

	color: #0000FF;

	text-decoration: none;

}

#content a.link_passwort_vergessen:active, #content a.link_passwort_vergessen:hover {

	color: #FF0000;

	text-decoration: underline;

}



#content fieldset {

	margin: 0 10px 0 10px;

	padding: 10px;

}

#content legend {

	margin: 0;

	padding: 10px;

	font: normal 80% verdana,sans-serif;

	color: #666666;

}

#content dl {

	margin: 5px 0 5px 10px;

	padding: 0;

}

#content dt {

	width: 30%;

	margin: 0;

	padding: 0;

	font: normal 80% verdana,sans-serif;

	color: #333333;

	float: left;

}

#content dd {

	margin: 0;

	padding: 0;

	font: normal 80% verdana,sans-serif;

	color: #333333;

}



* html #content .beschriftung	{ margin-left: 17px; padding: 5px 0 0 0; }

#content 		.beschriftung	{ margin-left: 10px; padding: 5px 0 5px 0; font: normal 70% verdana,sans-serif; color: #555555; }



#content		.form30px		{ margin: 0; padding: 0; width: 30px; } 



/* * html #content .form50px		{ margin: 0 0 10px -4px; padding: 0; width: 50px; }  */



#content		.form50px		{ margin: 2px 0 2px 10px; padding: 0; width: 50px; } 







/* * html #content .form145px		{ margin: 0 0 10px -4px; padding: 0; width: 155px; }  */

#content		.form160px		{ margin: 2px 0 2px 10px; padding: 0; width: 160px; } 







/* * html #content .form240px		{ margin: 0 0 10px -4px; padding: 0; width: 240px; }  */

#content		.form240px		{ margin: 2px 0 2px 10px; padding: 0; width: 240px; }







* html #content	.form300px		{ margin: 2px 0 2px 7px; padding: 0; width: 300px; }

#content		.form300px		{ margin: 2px 0 2px 10px; padding: 0; width: 300px; }







* html #content .button_kontakt { margin: 2px 0 10px 6px; padding: 3px; }

#content 		.button_kontakt { margin: 2px 0 10px 9px; padding: 3px; }



#content table {

	width: 96%;

	margin: auto;

	padding: 0;

	border: 1px dotted #C0B99C;

	text-align: left;

}

#content th {

	margin: 0;

	padding: 0;

	border: 0;

}

#content td {

	margin: 0;

	padding: 0;

	border-top: 1px dotted #C0B99C;

	border-right: 0;

	border-bottom: 0;

	border-left: 0;

}

#content tr {

	margin: 0;

	padding: 0;

	border: 0;

}



#content .wk {

	width: 96%;

	margin: 10px auto 10px auto;

	padding: 0;

	border: 1px dotted #B2AB91;

	border-collapse: collapse;

}

#content .wk td {

	padding: 2px;

	border-top: 1px dotted #B2AB91;

	border-right: 0;

	border-bottom: 1px dotted #B2AB91;

	border-left: 0;

}

#content .wk_button_update {

	width: 8em;

	margin: 3px 0 3px 0;

	padding: 3px;

	font: normal 100% verdana,sans-serif;

	color: #333333;

	background: #EEEEEE;

	border: 1px solid #333333;

}

#content .wk_button_back, #content .wk_button_forward {

	width: 8em;

	margin: 10px;

	padding: 2px;

	font: bold 80% verdana,sans-serif;

	color: #333333;

	background: #EEEEEE;

	border: 1px solid #333333;

}

#content .wk_button_back {

	float: left;

}

#content .wk_button_forward {

	float: right;

}

#content .wk_button_final {

	height: 2em;

	margin: 10px;

	font: bold 90% verdana,sans-serif;

	float: right;

}



#content .wk_artikel {

	margin: 0;

	padding: 0;

	font: normal 70% verdana,arial,helvetiva,sans-serif;

	color: #777777;

	text-align: left;

}

#content .wk_preis {

	margin: 0;

	padding: 0;

	font: normal 70% verdana,arial,helvetiva,sans-serif;

	color: #777777;

	text-align: right;

}

#content .wk_trash {

	margin: 0;

	padding: 0;

	font: normal 70% verdana,arial,helvetiva,sans-serif;

	color: #777777;

	text-align: center;

}



#bestellung {

	width: 96%;

	margin: auto;

	padding: 0;

	border: 1px dotted #C0B99C;

	text-align: left;

}

#bestellung tr {

	margin: 0;

	padding: 0;

}

#bestellung td {

	margin: 0;

	padding: 3px;

	border: 0;

}

#bestellung p {

	margin: 0;

	padding: 0;

	font: normal 80% verdana,sans-serif;

}



#content .button_rechnungsanschrift {

	font: normal 100% verdana,sans-serif;

	color: #333333;

	background: #EEEEEE;

	border: 1px solid #333333;

}





/* ~~~  fußzeile  ~~~~~~~~~~~~~~~~~~~~~~~ */



#footer {

	margin: 0;

	padding: 0;

	height: 30px;

	background: url(../images/bg-footer.jpg) no-repeat;

	text-align: right;

	clear: both;

}

* html #footer ul { padding: 12px 5px 0 0; }

#footer ul {

	margin: 0;

	padding: 11px 5px 0 0;

}

#footer li {

	margin: 0;

	padding: 0;

	font: normal 70% verdana,sans-serif;

	color: #666666;

	display: inline;

}

#footer a {

	margin: 0;

	padding: 0;

	font: normal 100% verdana,sans-serif;

	color: #666666;

	text-decoration: none;

	text-align: right;

}

#footer a:hover, a:active {

	font: normal 100% verdana,sans-serif;

	color: #FF0000;

	text-decoration: underline;

}