/* CSS Document */
body {
	font-family					: Arial, Helvetica, sans-serif;
	margin-top					: 10px;
	background-color			: #FFFFFF;
	font-size					: 11px;
	background-image			: url("../elemente/hiverlauf.jpg");
	background-repeat			: repeat-x;
}
div#page {
	width						: 930px;
	margin						: 0 auto;
	background-color			: #FFFFFF;
}
div#head {
	height						: 130px;
	background-image			: url("../elemente/head.jpg");
	background-repeat			: no-repeat;
	background-color			: #DECCAD;
	padding-top					: 10px;
}
/* Logo */
div#head div#logo {
	width						: 170px;
	height						: 60px;
	margin						: 0 0 0 10px;
	position: absolute;
	top: -3000px;
	left: -3000px;
}
/* Keine Unterstriche */
div#main a {
	text-decoration: none !important;
}
div#main div#cont_nav a {
	text-decoration: underline !important;
}

table a strong { font-weight: bold !important; }

/* ---------------------------------- Container für Seitenhöhenanpassungen alle drei bereiche -------------------------------- */
div#borders {
	border-left					: 1px solid #999999;
	border-right				: 1px solid #999999;
}
div#outerContainer {
	border-left					: 200px solid #B3B3B3;
	border-right				: 170px solid #EAEAEA;
}
div#innerContainer {
	margin						: 0 -1px;
	width						: 560px;
	z-index						: 1;
}
div#sowrap {
	float						: left;
	margin						: 0 -1px 0 0;
	width						: 100%;
	z-index						: 3;
}
#nav, #main, #info, #sowrap {
	overflow					: visible;
	position					: relative;
}
/* --------------------------------- /Container für Seitenhöhenanpassungen alle drei bereiche -------------------------------- */
div#nav {
	float						: left;
	width						: 200px;
	border-top					: 1px solid white;
	margin-left					: -200px;
	padding-top					: 5px;
	z-index						: 4;
}
div#main {
	float						: right;
	width						: 546px;
	border-top					: 1px solid #CCCCCC;
	z-index						: 5;
	padding						: 20px 4px 5px 10px;
	background-color			: #FFFFFF;
}
div#info {
	float						: right;
	width						: 160px;
	background-color			: #EAEAEA;
	border-top					: 1px solid #CCCCCC;
	border-right				: 1px solid #999999;
	margin						: 0 -170px 0 1px;
	z-index						: 2;
	/* background-image			: url("../elemente/warenkorb.gif"); */
	background-repeat			: no-repeat;
	padding						: 0 3px 5px 6px
}
div#info a {
	color						: #7D899B;
	text-decoration				: none;
}	
/* -------------Infospalte (rechts) --------------------*/
div#info div.addr {
	margin-left					: 14px;
	color						: #7D899B;
}
div#info div.addr p {
	margin-top					: 30px;
}
/* --------------- Fusszeile ----------------------------- */
div#footer {
	background-color			: #566668;
	height						: 16px;
	border-bottom				: 1px solid #999999;
	border-top					: 1px solid #FFFFFF;
	text-align					: center;
	padding-top					: 4px;
}
div#footer a {
	color						: #FFFFFF;
	font-weight					: bold;
	font-size					: 11px;
	text-decoration				: none;
}
/* ----------------------------------------- Headline (Händler, Suchen, etc.) ------------------------------------ */
div#headline {
	background-color			: #566668;
	height						: 24px;
	vertical-align				: bottom;
	color						: #FFFFFF;
	padding-top					: 4px;
	border-top					: 1px solid white;
	overflow					: hidden;
}
div#headline a, span.atrap {
	color						: #FFFFFF;
	font-weight					: bold;
	text-decoration				: none;
	display						: block;
	float						: left;
	margin-right				: 4px;
}
div#headline a:hover {
	text-decoration				: underline;
}
/* Startseite | Kontakt */
div#headline div#navtop_left {
	float						: left;
	width						: 186px;
	padding						: 5px 0 0 18px;
}
* html div#headline div#navtop_left {
	width						: 190px;
	padding						: 5px 0 0 10px;
}
/* wo kann man kaufen | Angebote | Wissenswertes */
div#headline div#navtop_middle {
	float						: left;
	padding-top					: 5px;
}
/* ------ Suchen -------------*/
div#headline div#search {
	float						: right;
	width						: 168px;
	padding						: 2px 2px 0 1px;
}
* html div#headline div#search {
	padding-top					: 1px;
	margin-left					: 4px;
}
div#headline input#searchfield {
	font-size					: 11px;
	color						: #000000;
	height						: 12px;
	width						: 104px;
}
div#headline input.search {
	font-size					: 11px;
	color						: #000000;
	font-family					: Arial, Helvetica, sans-serif;
	font-weight					: bold;
	height						: 18px;
	width						: 52px;
}
/* ---------------- Link-Bilderrahmen raus -------------------- */
a img {
	border: 0;
}
img {
	border: 0;
}

/* ---------------------------------------------------------- Warenkorb  ------------------------------------------------- */
div#info div#cart {
	margin						: 50px 0 7px 7px;
}
* html div#info div#cart {
	margin-bottom				: 2px;
}
div#info div#cart input {
	height						: 20px;
	width						: 130px;
	font-size					: 11px;
	font-weight					: bold;
}
/* --------------------- Fußelemente --------------------------------- */
div#footer div#footer_left, div#footer div#footer_middle, div#footer div#footer_right {
	float						: left;
	text-align					: left;
}
div#footer div#footer_left {
	width						: 170px;
	margin-left					: 12px;
}
div#footer div#footer_middle {
	width						: 570px;
	text-align					: center;
	margin-right				: 20px;
}
div#footer div#empty {
	clear						: both;
	width						: 1px;
	height						: 1px;
	overflow					: hidden;
}
/* ------------------------------------------------------ Navigations-(linke Seite) --------------------------------------------- */
div#nav h3 {
	width						: 178px;
	font-size					: 11px;
	color						: #333333;
	font-weight					: bold;
	background-image			: url("../elemente/navigation_upper.gif");
	background-position			: top left;
	background-repeat			: no-repeat;
	margin						: 0 0 0 8px;
	text-align					: left;
	padding						: 12px 0 5px 12px;
	line-height					: 13px;
	margin-top					: 0px;
}
div#nav h3.zweizl {
	width						: 178px;
	font-size					: 11px;
	color						: #333333;
	font-weight					: bold;
	background-image			: url("../elemente/navigation_upper2.gif") !important;
	background-position			: top left;
	background-repeat			: no-repeat;
	margin						: 0 0 0 8px;
	text-align					: left;
	padding						: 12px 0 5px 12px;
	line-height					: 13px;
	margin-top					: 0px;
}
div#nav div.box {
	background-image			: url("../elemente/navigation_down.gif");
	background-position			: bottom left;
	background-repeat			: no-repeat;
	margin						: 0 3px 3px 8px;
	text-align					: left;
	width						: 186px;
	padding-bottom				: 20px;
	overflow					: hidden;
}

div#nav ul.menue {
	padding: 0;
	margin-left: 10px;
}

* html div#nav ul.menue, html* div#nav ul.menue {
	margin						: 12px 5px 0 8px;
}
div#nav ul.menue li {
	padding						: 3px 3px 0 0;
	list-style					: none;
	margin-top					: 4px;
}
div#nav ul.menue li a {
	display						: block;
	background-image			: url("../elemente/navigation_list.gif");
	background-position			: 0 5px;
	background-repeat			: no-repeat;
	width						: 134px;
	padding-left				: 10px;
	color						: #000000;
	font-weight					: normal;
	text-decoration				: none;
	/* border						: 1px solid red; */
}
div#nav ul.menue li a:hover {
	background-image			: url("../elemente/navigation_list_active.gif");
	background-position			: 0 5px;
	background-repeat			: no-repeat;
	text-decoration				: underline;
}
div#nav ul.menue2 {
	list-style					: none !important;
	margin						: 4px 5px 6px -32px;
}
* html div#nav ul.menue2, html* div#nav ul.menue2 {
	margin-left					: 8px;
}
div#nav ul.menue span.selected {
	display						: block;
	background-image			: url("../elemente/navigation_list_active.gif");
	font-size					: 11px;
	color						: #000000;
	background-position			: 0 5px;
	background-repeat			: no-repeat;
	padding-left				: 10px;
	text-decoration				: underline;
}
div#nav ul.menue a.a_top {
	text-decoration				: underline;
}
div#nav ul.menue a strong {
	text-decoration				: underline;
}

a.selected {
	color: #990000 !important;
	text-decoration: none !important;
	font-weight: bold !important;
}

/* ------------------------------------------------- /Navigations-(linke Seite) --------------------------------------------- */
/* ------------------------------------------------- Inhalt-Tags-(H1, H2, ...) ---------------------------------------------- */
h1 {
	font-size					: 14px;
	color						: #566668;
	font-weight					: bold;
}
h2 {
	font-size					: 12px;
	color						: #333333;
	font-weight					: bold;
}
span.hwords {
	position					: absolute;
	display						: block;
	margin-left					: -3000px;
	margin-top					: -3000px;
}
p#titel {
	font-weight					: bold;
}
strong.text {
	font-weight					: normal;
}
div#main hr {
	display						: block;
	margin-top					: 30px;
	margin-bottom				: 30px;
	border						: 1px solid #DEDEDE;
	width						: 540px;
}
/* MainTabelle -------------- */
div#main table {
	border						: 1px solid silver;
}
div#main th, div#main td {
	text-align					: left;
	font-weight					: normal;
	vertical-align				: top;
}
div#main th {
	padding-top					: 20px;
	padding-bottom				: 20px;
	border-bottom				: 1px solid silver;
}
/* /MainTabelle -------------- */
/* Listen im Inhalt -----------*/
div#main ul {
	margin-left					: -10px;
}
* html div#main ul {
	text-align					: left;
	margin-left					: 35px;
}
div#main ul li {
	text-align					: left;
	list-style					: none;
	list-style-image			: url("../elemente/navigation_list2.gif");
	margin-top					: 4px;
}
/* Zurück */
div.zurueck {
	text-align					: right;
	background-color			: #566668;
	width						: 492px;
	height						: 18px;
	padding-right				: 8px;
	padding-top					: 2px;
}
div.zurueck a {
	color						: #FFFFFF;
	font-weight					: bold;
	text-decoration				: none;
}
div.zurueck a:hover {
	text-decoration				: underline;
}
span.shogazi {
	color 						: #FF6600;
	font-weight					: bold;
}
div#main div.beschreibung {
	width					: 440px;
	margin					: 10px 0 10px 20px;
	text-align				: justify;
}
/* ---- Werbe Banner ---- */
div#info div#banner {
	margin					: 40px 0 0 16px;
}
/* ------------------ Zu den Preisen ------------------*/
div#main div#preis {
	width: 540px;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 8px;
	
}
div#main div#cont_nav {
	border-top				: 1px solid #990000;
	padding-top				: 8px;
	width					: 540px;
}
div#main div#nav_move {
	float					: left;
}
div#main div#nav_preis {
	float					: right;
}
div#main div#empty2 {
	margin-bottom			: 20px;
}
* html div#main div#empty2 {
	margin-bottom			: 6px;
}
div#main div#empty3 {
	margin-bottom			: 40px;
}
* html div#main div#empty3 {
	margin-bottom			: 30px;
}
div.empty {
	height						: 1px;
	font-size					: 1px;
	overflow					: hidden;
	clear						: both;
}
/* ----------------- PreisTabelle ------------------ */
div#main table#preis {
	background-color: #E4DDC8;
	color					: #000000;
	border					: 0;
}
div#main table#preis td {
	border-top				: 2px solid white;
	font-size				: 12px;
}
div#main table#preis input#ausgabe, div#main table#preis input#ausgabe2 {
	border					: 0;
	background-color		: transparent;
	font-size				: 13px;
}
div#main table#preis input#ausgabe {
	width: 150px;
}
div#main table#preis input#ausgabe2 {
	font-weight				: bold;
}
/* ------------- sonstiges ---------------- */
div#main a.angebot {
	text-decoration			: none;
	font-weight				: bold;
	color					: #FF0000;
}
div#main a strong {
	font-weight				: normal;
}
div#main strong a {
	font-weight				: normal;
}
div#info div#bookmarks {
	margin					: 6px 6px -15px 0;
	text-align				: right;
}


/* -------------------- Anmelden --------------------- */
div#info div.login {
	margin-left					: 5x;
	color						: #566668;
	margin-top					: 28px;
	padding						: 10px 0 10px 12px;
	border						: 1px solid #7D899B;
	font-weight					: bold;
	width						: 140px;
	background-color 			: #FFFFFF;
}
div#info div.logout {
	margin-left					: 5x;
	color						: #566668;
	margin-top					: 28px;
	padding						: 10px 0 10px 12px;
	border						: 1px solid #7D899B;
	font-weight					: bold;
	width						: 140px;
	background-color 			: #FFFFFF;
}
div#info div.login a {
	color						: #566668;
}

div.logout a:hover {
	text-decoration: underline !important;
}
div.login input.txt {
	width						: 120px;
	height						: 13px;
	font-size					: 10px;
}
div.login input.sub, div.logout input.sub {
	width						: 80px;
	font-size					: 11px;
}
div#info div.view {
	margin-left					: 5x;
	color						: #566668;
	margin-top					: 10px;
	padding						: 10px 0 10px 12px;
	border						: 1px solid #7D899B;
	font-weight					: bold;
	width						: 140px;
	background-color 			: #FFFFFF;
}
div#info div.view a {
	color						: #566668;
}
div#haendler {
	width						: 100%;
	margin						: 0 auto;
	margin-top					: 20px;
	color						: #333333;
	border						: 1px solid #7D899B;
	background-color 			: #FFFFFF;
	padding						: 0 0 20px 0;
	text-align					: center;
	font-size					: 12px;
	font-weight					: bold;
	color						: #566668;
}
div#haendler a {
	font-weight					: bold;
	color						: #566668;
}
div#haendler a:hover { text-decoration: underline !important; }
div#info div#cart {
	width						: 154px;
	margin						: 10px 0 0 0;
}

div#haendler p {
	padding-left				: 10px;
	margin-bottom				: 10px;
}
* html div#haendler p {
	margin-bottom: -12px;
}
div#haendler p#title {
	border-bottom				: 1px solid #7D899B !important;
	height						: 30px !important;
	padding-top					: 10px;
}
div.error {
	color						: #CC0000;
	width						: 140px;
	border						: 1px solid #CC0000;
	padding						: 10px 0 10px 12px;
}
/* -------------------- Index.php -Tabelle-Shop --------------------- */
div#main table#shop {
	border						: 0;
	border-bottom				: 1px solid #999999;
	margin						: 16px 0 15px 0;
}
div#main table#shop th {
	height						: 46px;
	background-repeat			: no-repeat;
	padding: 0;
	margin: 0;
}
div#main table#shop td {
	color						: #333333;
	font-size					: 12px;
	font-weight					: bold;
	vertical-align				: middle;
}
div#main table#shop td.abtr {
	border-right				: 1px solid #999999;
}
div#main table#shop td.re {
	border-right				: 1px solid #999999;
}
div#main table#shop td.li {
	border-left					: 1px solid #999999;
}

/* Boodkmarks */
div#bookmarks {
	margin-top: 20px;
	text-align: left;
	width: 150px;
}
div#bookmarks p {
	margin-bottom: 1px;
}
div#bookmarks div {
	padding-top: 4px;
	color: #000080;
	text-decoration: none;
	text-decoration: underline;
	border-top: 1px solid #666666;
}
table.haendler td {
	border-top: 1px solid #CCCCCC !important;
}

/* ------------------------------------------------- Kontaktformular -------------------------------------- */
div#form {
	width							: 400px;
	margin-top						: 50px;
}
div#form p.desc {
	height							: 12px;
	margin-left						: 8px;
	margin-bottom					: 3px;
	font-size						: 10px;
}
div#form p {
	margin-top						: 1px;
	margin-bottom					: 10px;
}
div#form input#nname, div#form input#liefer_nname {
	width							: 140px;
}
div#form input#vname, div#form input#liefer_vname {
	width							: 170px;
}
div#form input#strasse, div#form input#firma, div#form input#liefer_strasse, div#form input#liefer_firma {
	width							: 317px;
}
div#form input#plz, div#form input#liefer_plz{
	width							: 60px;
}
div#form input#ort, div#form input#liefer_ort {
	width							: 250px;
}
div#form input#email, div#form input#passwd, div#form input#stnr, div#form input#tel, div#form input#fax, div#form input#mobil, div#form input#homepage, div#form input#liefer_email, div#form input#liefer_tel, div#form input#passwd2, div#form input#passwd3 {
	width							: 260px;
}
div#form textarea {
	width							: 350px;
	height							: 90px;
}
div#form table {
	margin-top						: 50px;
	width							: 400px !important;
	border							: 0 !important;
	font-size						: 13px;
}
div#form p.message {
	color							: #CC0000;
}