/* Standard "margin" und "padding" Werte auf 0 setzen */
* {
    margin:  0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.err {
	color: red;
}
/* Scrollbalken erzwingen, damit das Layout nicht "springt" */
html {
	min-height: 100.05%;
}

/* Body-Element; enth�lt den Header-Hintergrund */
body {
	min-width:         630px;
	background-image:  url('images/header.gif');
	background-repeat: repeat-x;
}

/* Container in dem alle Inhalte (links, rechts, mitte) enthalten sind */
#container {
	margin: 0px auto;
	width:  1002px;
}

/* Kopfbereich der Seite, das Logo wird im body {...} Bereich eingebunden */
#header {
    height:        180px;
    border-bottom: 1px solid #333;
}

/* Linke Navigation */
#left {
	float:    left;
	width:    250px;
	position: relative;
}

/* Linke Navigation: TagCloud Links */
#left .tagCloud a {
	color: #fff;
	background-color: transparent;
	border: none;
}

/* Linke Navigation: TagCloud Links (mouseover) */
#left .tagCloud a:hover {
	color: #ffffff;
	border: none;
}

/* Rechte Navigation */
#right {
	float:        right;
	width:        230px;
	position:     relative;
	padding-left: 20px;
}

/************************/
/**** CONTENT  START ****/
/************************/
/* Mittlerer Bereich, in dem der eigentliche Inhalt angezeigt wird */
#content {
	float:       left;
	width:       500px;
	position:    relative;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size:   12px;
	margin-top:  50px;
}

/* Tabelle zur Darstellung der grauen Content-Boxen */
#content .table_light_content {
    border-left: 1px solid #ccc;
}

/* Linke obere Zelle der grauen �berschriften-K�sten */
#content .th_light_left {
    height: 39px;
    width:  45px;
}

/* Rechte obere Zelle der grauen �berschriften-K�sten */
#content .th_light_right {
    height: 39px;
    width:  10px;
}

/* Mittlere Zelle der �berschriften innerhalb der grauen K�sten */
#content .th_light_middle {
    background-image: url('images/table_top_middle.gif');
    font-size:        13px;
    text-align:       left;
    padding:          2px 0px 0px 10px;
}

/* Inhaltbereich f�r die grauen K�sten */
#content .td_light_content, #content .td_light_content_nb {
    border-right:   1px solid #ccc;
    padding:        10px 10px 5px 10px;
    text-align:     center;
    vertical-align: top;
}

/* Inhaltbereich f�r die grauen K�sten, ohne Rahmen (f�r Randelemente) */
#content .td_light_content_nb {
	border: none;
}

/* Untere Zelle der grauen K�sten */
#content .td_light_footer {
    border-right:     1px solid #ccc;
    border-bottom:    1px solid #ccc;
    border-top:       1px solid #ccc;
    padding:          5px 0px 5px 0px;
    text-align:       center;
    vertical-align:   top;
    background-color: #f6f6f6;
}

/* Infoelemente mit kleinerer Schrift; im Content-Bereich */
#content .small_info {
    padding:   3px 0px 3px 0px;
    font-size: 10px;
    color:     #666;
}

/* Links im Content-Bereich */
#content a, #content a:visited {
	color:           #666;
	text-decoration: none;
}

/* Links im Content-Bereich (fokusiert, oder mouseover) */
#content a:hover, #content a:focus {
	color: #444;
}

/* TagCloud im Content-Bereich, oder im Men� */
#content .tagCloud a:hover, #right .tagCloud a:hover {
	color:            #ffffff;
	background-color: #333;
	border:           none;
}

/* �berschriften im Content-Bereich: Ebene 3 */
#content h3 {
    padding:5px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
}

/* Grafiken im Content-Bereich, die Innerhalb eines Links liegen */
#content a img {
	border: none;
}

/* �berschriften der Ebene 1 in Tabellen */
#content table h1 {
	font-size: 12px;
}

/* Listen im Content-Bereich; keine Aufz�hlungszeichen */
#content ul {
	list-style-type: none;
}

/* Listenelemente */
#content ul li {
	line-height: 16px;
}

/* Formatierung des Tabellenkopfes f�r die Inhaltcontainer */
#content .td_light_border_top {
	border-top: 1px solid #ccc;
}

/* Hintergrundformatierungen f�r die Content-Bereiche */
#content .product_details {
	padding:          10px;
	background-color: #f8f8f8;
	border:           1px solid #ccc;
	width:            478px;
	border-top:       none;
}

#content .common_details {
	padding:          10px;
	background-color: #f8f8f8;
	border:           1px solid #ccc;
	border-top:       none;
}

/* Oberer Rahmen f�r verschiedene Element, die optisch abgetrennt werden sollen */
#content .bt {
	border-top: 1px solid #ccc;
}

/* Infotext im Content-Bereich; Kleinere Schrift, hellgrau */
#content .product_details .info {
	font-size: 11px;
	color:     #555;
	padding:   5px;
}
/* Auswahllisten im Content-Bereich */
#content select {
	width:         125px;
	margin-bottom: 3px;
}

/* Auswahllisten im Content-Bereich (Produkte) */
#content .product_details select {
	background-color: #fafafa;
	border:           1px solid #ccc;
	width:            125px;
}

/* Kommentare zu den Produkten */
#content .product_details .product_details_comments {
	padding: 10px 0px 10px 0px;
}

/* Eingabefelder, (Passwort, Text, Textarea, Select) */
#content input[type=text], #content input[type=password], #content textarea, select {
	color:            #333;
	background-color: #fafafa;
	border:           1px solid #cccccc;
}

/************************/
/**** CONTENT  ENDE  ****/
/************************/

/* Seitenfu� */
#footer {
    padding:          24px 0px 0px 0px;
    position:         relative;
    margin-top:       50px;
    background-color: #fe7023;
    height:           36px;
    font-family:      'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size:        12px;
    clear:            both;
    text-align:       center;
    color:            #fbd367;
}

/* Seitenfu�: Container f�r die Links */
#footer span {
    color:     #fff;
    font-size: 10px;
}

/* Seitenfu�: Links */
#footer span a {
    text-decoration: none;
    color:           #fbd367;
    font-size:       12px;
}

/************************/
/**** TOP-NAVI START ****/
/************************/
#navi {
    font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
    background-image:  url('images/navi.gif');
    background-repeat: no-repeat;
    width:             720px;
    height:            40px;
    position:          absolute;
    top:               105px;
    left:              25%;
    padding:           9px 0px 0px 0px;
}

/* Liste */
#navi ul {
    list-style-type: none;
    float:           right;
    margin:          0px 100px 0px 0px;
}

/* Listenelemente  */
#navi ul li {
    display: inline;
    margin:  0px 0px 0px 22px;
}

/* Links */
#navi ul li a {
    color:           #fff;
    text-decoration: none;
    font-size:       13px;
    font-weight:     bold;
    padding:         11px 8px 13px 8px;
}

/* Mouseover Links */
#navi ul li a:hover {
    background-color: #666;
}
/************************/
/**** TOP-NAVI ENDE  ****/
/************************/

/* Grafiken: ohne Rahmen, wichtig f�r Grafiken, die in Links stehen */
img {
    border: none;
}

/* Ueberschriften: Ebene 2 */
h2 {
	font-size: 13px;
}

/* Logo der Website */
#logo {
	position: relative;
	top:      50px;
    width:    600px;
	height:   36px;
}

/* Gesonderte Formatierung der Ueberschrift Ebene 1 bei den allgemeinen Geschaeftsbedingungen */
#gtc h1 {
	font-size:        16px;
	background-color: #eee;
	border:           1px solid #ccc;
	padding:          5px;
}

/* Gesonderte Formatierung der Ueberschrift Ebene 3 bei den allgemeinen Geschaeftsbedingungen */
#gtc h3 {
	font-size: 14px;
}

/* Gesonderte Formatierung der Absaetze bei den allgemeinen Geschaeftsbedingungen */
#gtc p {
	padding:          10px;
	background-color: #fafafa;
	border:           1px solid #ccc;
	border-top:       none;
	margin-bottom:    10px;
}

/* Bereich im Header der Seite, in dem die Auswahlfelder fuer die Waehrung und die Brutto- u. Nettopreise stattfinden */
#panel_lang_money {
    background-image:  url('images/panel_lang_money.gif');
    background-repeat: no-repeat;
    position:          absolute;
    top:               0px;
    left:              52%;
    width:             280px;
    height:            50px;
    padding:           0px 0px 0px 19px;
}

/* Auswahlfeld fuer die Brutto oder Nettopreise; spaetere Verwendung auch fuer die Auswahl der Sprachen*/
#panel_lang_money #languages {
    float:  left;
    margin: 13px 0px 0px 0px;
}

/* Flaggen fuer die Sprachenauswahl */
#panel_lang_money #languages img {
    margin: 0px 5px 0px 0px;
}

/* Anzeige der Waehrung im Header der Seite */
#panel_lang_money #currency {
    padding: 13px 15px 0px 15px;
}

/* Wird nicht mehr benutzt */
#panel_lang_money #brunet {
	padding: 10px 15px 0px 15px;
}

/* Auswahlfeld der Waehrung */
#panel_lang_money  select {
    width: 105px;
}

/* Trennzeichen zwischen den beiden Select-Feldern im Header */
.panel_space_pipe {
    color:     #fff;
    float:     left;
    font-size: 28px;
    padding:   3px 0px 0px 0px;
    margin:    0px 15px 0px 15px;
}

/* Positionierung des Suchfeldes */
#search {
    position:          absolute;
    top:               153px;
    left:              12%;
    background-image:  url('images/panel_search.gif');
    background-repeat: no-repeat;
    width:             240px;
    height:            75px;
    padding:           17px 0px 0px 15px;
}

#search p {
    margin:      0px 0px 4px 11px;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size:   10px;
    font-weight: bold;
}

/* Linke Navigation; speziell Kategorien */
#categories {
	margin-top: 75px;
}

/* Schriftart und Gr��e f�r die Kategorien */
#categories, #right {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size:   12px;
}

/* Breite f�r die Kategorien */
#categories table, #right table {
    width: 240px;
}

/* Formatierung des Hintergrundbildes f�r die Kategorien (Kopf) */
#categories .th_categories_top, #right .th_categories_top {
    background-image:  url('images/table_categories_top.gif');
    background-repeat: no-repeat;
    height:            30px;
    text-align:        left;
    font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size:         14px;
    padding:           0px 0px 0px 38px;
    color:             #ffd75c;
}

/* Formatierung des Hintergrundbildes f�r die Kategorien (Inhalt) */
#categories .td_categories_content, #right .td_categories_content, #left .td_categories_content {
    background-image:  url('images/table_categories_middle.gif');
    background-repeat: repeat-y;
    padding:           5px 0px 5px 0px;
}

/* Formatierung des Hintergrundbildes f�r die Kategorien (Fu�) */
#categories .th_categories_bottom, #right .th_categories_bottom {
    background-image:  url('images/table_categories_bottom.gif');
    background-repeat: no-repeat;
    height:            13px;
}

/* Formatierung der Links enthaltenden Liste f�r die Kategorien */
#categories ul, #right ul {
    list-style-type: none;
    font-family:     'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size:       12px;
    padding:         0px 30px 0px 25px;
    line-height:     2.0;
}

/* Listenelemente */
#categories ul li, #right ul li {
    border-bottom:     1px solid #ffad2c;
    background-image:  url('images/categories_ul_li.gif');
    background-repeat: no-repeat;
    padding:           0px 0px 0px 20px;
}

/* Links in den Listenelementen */
#categories ul li a, #right ul li a {
    color:           #fff;
    text-decoration: none;
}

/* Hintergrund und Breite f�r Formulare in den Men�s */
#categories form, #right form, #left .or_bg {
	background-image:  url('images/table_categories_middle.gif');
	background-repeat: repeat-y;
	padding:           8px;
	width:             214px;
}

/* Links in den Men�s */
#categories a, #right a {
	color:           #000;
	text-decoration: none;
}

/* Eingabefelder in Formularen, die im Men� enthalten sind */
#categories form input {
	background-color: #f8f8f8;
	border:           1px solid #333;
}

/* Unterelemente in den Men�s (Kopf) */
.cat_header {
    background-image:  url('images/table_categories_top.gif');
    background-repeat: no-repeat;
    height:            25px;
    margin-top:        75px;
    font-size:         14px;
    padding:           5px 0px 0px 38px;
    color:             #ffd75c;
    font-weight:       bold;
    width:             200px;
}

/* Unterelemente in den Men�s (Fu�) */
.cat_footer {
	background-image:  url('images/table_categories_bottom.gif');
    background-repeat: no-repeat;
    height:            13px;
    width:             230px;
}

/* Globale Style Definitionen (Schrift, Gr��e etc.) */
p.fs_small {
	font-size: 10px;
}

p.fs_middle {
	font-size: 14px;
}

p.fs_big {
	font-size: 16px;
}

.top {
	margin-bottom: 2px;
}

.center {
	text-align: center;
}

.r {
	text-align: right;
}

.inlit input {
	width: 122px;
}

/* Formatierte Div-Elemente f�r den Inhalt */
div.bg_light {
	background-color: #fafafa;
	border:           1px solid #eee;
	border-top:       none;
	padding:          7px;
	margin-bottom:    20px;
}

/* Formatierte Div-Elemente f�r die Men�s */
.bg_light_menu {
	background-image:    url('images/sub_menu_bg.gif');
	background-position: bottom;
	background-repeat:   no-repeat;
	border-top:          none;
	padding:             7px;
	margin-bottom:       20px;
}

/* Liste "Sonstiges" im rechten Men� */
#misc {
	list-style-type: none;
	padding-left: 5px;
	line-height: 18px;
}

/* �berschriften in den Men�s */
.misc {
	border-bottom:       1px solid #f2f2f2;
	padding:             3px 3px 3px 15px;
	background-image:    url('images/sub_menu_bg.gif');
	background-position: top;
	background-repeat:   no-repeat;
	font-size:           12px;
	color:               #444;
}

/* Warenkorb */
.cartBox {
	border-top:       1px solid #ccc;
	border-right:     1px solid #ccc;
	padding:          3px 7px 3px 7px;
	background-color: #fbfbfb;
	margin-bottom:    2px;
}

/* Warenkorb Links */
.cartBoxLeft {
	border-right: 1px solid #ccc;
}

/* Warenkorb Elemente */
.cartBoxes {
	border-top: 1px solid #ccc;
	padding:    3px 7px 3px 7px;
}