/* Standard "margin" und "padding" Werte auf 0 setzen */
* {
    margin:  0;
    padding: 0;
}
.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: url("/_templates/orange/_front/img/bkg_site.jpg") top center no-repeat #000;
	color: #fff;
}


a:link 			{ font-weight:bold; text-decoration:none; color:#d9000a; background-color: transparent; }
a:visited 	{ font-weight:bold; text-decoration:none; color:#d9000a; background-color: transparent; }
a:hover 		{ font-weight:bold; text-decoration:underline; color:#d9000a; background-color: transparent; }
a:active 		{ font-weight:bold; text-decoration:underline; color:#d9000a; background-color: transparent; }
a:focus 		{ font-weight:bold; text-decoration:underline; color:#d9000a; background-color: transparent; }



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

/* Kopfbereich der Seite, das Logo wird im body {...} Bereich eingebunden */
#header
{
	margin: 0 auto;
	text-align: left;
	width: 980px;
	height: 160px;
	background: url("/_templates/orange/_front/img/megaherz_header.jpg") top center no-repeat;
}

#claim
{
	padding: 29px 0 0 30px;
	width: 300px;
	height: 40px;
	float: left;
}

#logo
{
	padding: 10px 30px 0 0;
	width: 218px;
	height: 88px;
	float: right;
}

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

/* Rechte Navigation */
#right {
	float:        right;
	width:        220px;
	position:     relative;
}

/************************/
/**** CONTENT  START ****/
/************************/
/* Mittlerer Bereich, in dem der eigentliche Inhalt angezeigt wird */
#content {
	display:			block;
	float:        left;
	width:        500px;
	position:     relative;
  font-family:  Arial, sans-serif;
  color:				#fff;
  font-size:    12px;
	margin:  			20px 20px 0 20px;
	padding: 			0;
}

/* Tabelle zur Darstellung der grauen Content-Boxen */
#content table {
   margin: 0;
   padding: 0;
}

/* Mittlere Zelle der �berschriften innerhalb der grauen K�sten */
#content th {
    font-size:        13px;
    text-align:       left;
    padding:          2px 0px 0px 10px;
}

#content td
{
		border: 					none;
		vertical-align:   top;
}

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

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

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

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

/* �berschriften im Content-Bereich: Ebene 3 */

#content td h3 {
    padding: 5px;
    background-color: #333;
    border: 1px solid #333;
}

#content th h1 {
    font-size: 16px;
    color: #d0000a;
}

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

/* 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 #333;
}

/* Hintergrundformatierungen f�r die Content-Bereiche */
#content .product_details {
	background-color: #111;
	border:           1px solid #333;
	padding: 10px;
}

#content .common_details {
	background-color: #111;
	border:           1px solid #333;
}

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

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

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

/* 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:            #fff;
	background-color: #111;
	border:           1px solid #333;
}

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

/* Seitenfu� */
#footer {
    padding:          24px 0px 0px 0px;
    position:         relative;
    margin-top:       50px;
    height:           36px;
    font-family:      Arial, sans-serif;
    font-size:        12px;
    clear:            both;
    text-align:       center;
}

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

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

/************************/
/**** TOP-NAVI START ****/
/************************/
#navi {
    font-family:       Arial, sans-serif;
    background:				 #333;
    position: 				 relative;
    top: 							 20px;
    width:             980px;
    height: 					 2.5em;
    border-bottom: 1px solid #333;
}

/* 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 {
		text-decoration: underline;
}
/************************/
/**** TOP-NAVI ENDE  ****/
/************************/

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

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

/* Gesonderte Formatierung der Ueberschrift Ebene 1 bei den allgemeinen Geschaeftsbedingungen */
#gtc h1 {
	font-size:        16px;
	background-color: #111;
	border:           1px solid #333;
	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: #111;
	border:           1px solid #333;
	border-top:       none;
	margin-bottom:    10px;
}

/* Bereich im Header der Seite, in dem die Auswahlfelder fuer die Waehrung und die Brutto- u. Nettopreise stattfinden */
#search {
    font-family:      Arial, sans-serif;
    font-size: 				12px;
    font-weight: 			bold;
}

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

/* Linke Navigation; speziell Kategorien */
#categories {
	width: 220px;
}

#categories, #right {
    font-family: Arial, sans-serif;
    font-size:   12px;
}

#categories table, #right table {
    width: 220px;
    padding: 0;
    margin: 0;
}

#categories th, #right th {
    height:            30px;
    padding-left: 		 20px;
    text-align:        left;
    font-family:       Arial, sans-serif;
    font-size:         16px;
    color:             #d9000a;
    border-bottom:  	 1px solid #333;
    width:             100%;
}

.red {
    text-align:        left;
    font-family:       Arial, sans-serif;
    font-size:         16px;
    color:             #d9000a;
    border-bottom: 		 1px solid #333;
    margin-left: 		   10px;
    margin-bottom: 	   5px;
}

#categories .td_categories_content, #right .td_categories_content, #left .td_categories_content {
    padding:           5px 0px 5px 0px;
}

#categories .th_categories_bottom, #right .th_categories_bottom {
    height:            20px;
}

#categories ul, #right ul {
    list-style-type: none;
    font-family:     Arial, sans-serif;
    font-size:       12px;
    padding:         0px 30px 0px 10px;
    line-height:     2em;
}

/* Listenelemente */
#categories ul li, #right ul li {
    padding:           0px 0px 0px 10px;
}

/* Links in den Listenelementen */
#categories ul li a, #right ul li a {

    text-decoration: none;
}

/* Hintergrund und Breite f�r Formulare in den Men�s */
#categories form, #right form, #left .or_bg {
	padding:           10px;
	width:             200px;
}

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

#categories a:hover, #right a:hover {
	color:           #fff;
	text-decoration: underline;
}


/* Unterelemente in den Men�s (Kopf) */
.cat_header {
    height:            25px;
    margin-top:        75px;
    font-size:         14px;
    color:             #d9000a;
    font-weight:       bold;
    width:             100%;
}


/* 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: #111;
	border:           1px solid #333;
	margin-bottom:    20px;
}

/* Formatierte Div-Elemente f�r die Men�s */
.bg_light_menu {
	padding:             10px;
	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 #333;
	padding:             3px 3px 3px 15px;
	font-size:           12px;
	color:               #444;
}

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

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

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

.active {font-weight: bold;}