/* 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-repeat: no-repeat;
	background-image:  url('css/lightblue/images/header.jpg');
}

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

/* Kopfbereich der Seite, das Logo wird im body {...} Bereich eingebunden */
#header {
	height:        180px;
}

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

/* Linke Navigation: TagCloud Links */
#left .tagCloud a {
	color: #ffffff;
	background-color: transparent;
	border: none;
	font-size: 10pt;
	font-family: Arial;
	padding-left: 20px;
}

/* 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:       650px;
	position:    relative;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:   12pt;
	margin-top:  45px;
}

/* Tabelle zur Darstellung der grauen Content-Boxen */
#content .table_light_content {
 	width: 650px;
	border-collapse: collapse;
}

/* Linke obere Zelle der grauen �berschriften-K�sten */
#content .th_light_left {
	height: 30px;
	width:  3px;
	margin: 0px;
	background-image: url('css/lightblue/images/table_corner_top_left.jpg');
}

/* Rechte obere Zelle der grauen �berschriften-K�sten */
#content .th_light_right {
	height: 30px;
	width:  10px;
	margin: 0px;
	background-image: url('css/lightblue/images/table_corner_top_right.jpg');
}

/* Mittlere Zelle der �berschriften innerhalb der grauen K�sten */
#content .th_light_middle {
	font-size:        13pt;
	text-align:       left;
	padding:          0px 0px 0px 5px;
	margin: 0px;
	color:						#000000;
	background-image: url('css/lightblue/images/table_top_middle.jpg');
}

/* Inhaltbereich f�r die grauen K�sten */
#content .td_light_content {
	padding:        10px 0px 5px 0px;
	text-align:     left;
	vertical-align: top;
	font-size: 12pt;
	width: 60%;
}

#content .td_light_content_nb {
	padding:        10px 0px 5px 0px;
	text-align:     left;
	vertical-align: top;
	font-size: 12pt;
	width: 40%;
}



/* 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 {

	text-align:       center;
	vertical-align:   top;
	background-color: #ffffff;
}

/* Infoelemente mit kleinerer Schrift; im Content-Bereich */
#content .small_info {
	padding:   3px 0px 3px 0px;
	font-size: 10pt;
	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 5px 5px 7px;
	background-color: #f2f2f2;
	font-size: 12pt;
	text-align: left;
}

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

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

/* 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;
	padding: 0px;
	margin: 0px;
}



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

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

.td_light_border_top strong a{
	font-size: 10pt;
}

.td_light_border_top form input {
	margin-right: 5px;
}

.td_light_border_top form p input {
	width: auto;
}

.td_light_border_top form table input {
	width: auto;
}

/* Hintergrundformatierungen f�r die Content-Bereiche in der Kasse*/

.product_details_kasse
{
	padding:          10px;
	background-color: #f8f8f8;
	border:           1px solid #ccc;
	width:            auto;
	border-top:       none;
	width: auto;
}

.product_details_kunde
{
	padding:          10px;
	background-color: #f8f8f8;
	border:           1px solid #ccc;
	width:            auto;
	border-top:       none;
	width: auto;
	font-size: 11pt;
	font-family: arial;
	text-align: left;
}

.product_details_kunde h2
{
	margin-bottom: 2px;
	margin-top: 10px;
}

.product_details_kunde td
{
	padding-top: 2px;
	padding-bottom: 2px;
}

.product_details_orderreturn
{
	padding:          10px;
	background-color: #f8f8f8;
	border:           1px solid #ccc;
	width:            auto;
	border-top:       none;
	width: auto;
	font-size: 11pt;
	font-family: arial;
	text-align: left;
}

.product_details_orderreturn h2
{
	margin-bottom: 2px;
	margin-top: 10px;
}

.product_details_orderreturn_table
{
	margin-top: 30px;
}

.table_light_content_kasse
{
	width: 650px;
	border-collapse: collapse;
}

.kasse
{
	font-size: 11pt;
	font-family: arial;
	text-align: left;
}

.kasse h2
{
	margin-bottom: 2px;
	margin-top: 10px;
}



/* 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: 11pt;
	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;
	height:           36px;
	font-family:      'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:        12px;
	clear:            both;
	text-align:       center;
	background-color: #61583B;
	color:            #fff;
	width: 900px;
}

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

/* Seitenfu�: Links */
#footer span a {
	text-decoration: none;
	font-size:       10pt;
	color:           #fff;
}

/************************/
/**** TOP-NAVI START ****/
/************************/
#navi {
	font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-repeat: no-repeat;
	width:             900px;
	height:            28px;
	position:          absolute;
	top:               175px;
	left:              0px;
	padding:           7px 0px 0px 70px;
	background-image:  url('css/lightblue/images/navi.jpg');
}

/* Liste */
#navi ul {
	list-style-type: none;
	float:           right;
	margin:          0px 80px 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:       12pt;
	font-weight:     bold;
	padding:         11px 8px 13px 8px;
}

/* Mouseover Links */
#navi ul li a:hover {

}
/************************/
/**** TOP-NAVI ENDE  ****/
/************************/

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

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

/* Logo der Website */
#logo {
	float: left;
}

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

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

/* 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-repeat: no-repeat;
	position:          absolute;
	top:               0px;
	left:              52%;
	width:             280px;
	height:            50px;
	padding:           0px 0px 0px 19px;
	background-image:  url('css/lightblue/images/panel_lang_money.gif');
}

/* 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: 28pt;
	padding:   3px 0px 0px 0px;
	margin:    0px 15px 0px 15px;
}

/* Positionierung des Suchfeldes */
#search {
	position:          absolute;
	top:               175px;
	left:              0px;
	background-repeat: no-repeat;
	width:             250px;
	height:            45px;
	padding:           5px 0px 0px 10px;
}

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

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

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

/* 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-repeat: no-repeat;
	height:            30px;
	text-align:        left;
	font-family:       'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:         12pt;
	padding:           0px 0px 0px 15px;
	color:             #ffd75c;
	background-image:  url('css/lightblue/images/table_categories_top.jpg');
	color:             #fff;
}

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

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

/* 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:       10pt;
	padding:         0px 30px 0px 15px;
	line-height:     2.0;
}


/* Listenelemente -> Linien und Dots  zwischen und vor den Produktkategorien*/
#categories ul li, #right ul li {
	background-repeat: no-repeat;
	padding:           0px 0px 0px 0px;
	border-bottom:     1px solid #DEDBFF;
}

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

/* Hintergrund und Breite fuer Formulare in den Menues -> Tags und Menu Boxen*/
#categories form, #right form, #left .or_bg {
	background-repeat: repeat-y;
	padding:           0px;
	width:             231px;
	background-image:  url('css/lightblue/images/table_categories_middle.jpg');
}

/* Links in den Menues -> Tags und Menu Boxen*/
#categories a, #right a {
	color:           #000;
	text-decoration: none;	
}

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

/* Unterelemente in den Men�s (Kopf) */
.cat_header {
	background-repeat: no-repeat;
	height:            25px;
	margin-top:        75px;
	font-size:         12pt;
	padding:           5px 0px 0px 15px;
	color:             #ffd75c;
	font-weight:       bold;
	width:             217px;
	background-image:  url('css/lightblue/images/table_categories_top.jpg');
	color:             #fff;
}

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

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

p.fs_middle {
	font-size: 11pt;
	text-align: left;
}

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

.top {
	margin-bottom: 2px;
}

.center {
	text-align: center;
}

.r {
	text-align: right;
}

.inlit input {
	width: 122px;
}

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

.td_light_content div.bg_light table img {
	margin-right: 50px;
}

.classtopseller {
	float: left;
	width: 160px;
	height: 200px;
	margin-right: 1px;
	border: 1px solid #eee;
}
.classtopseller a {
	font-size: 10pt;
}


/* Formatierte Div-Elemente f�r die Men�s -> Hier ändert man die Box für Tags und Menue und Registieren*/
.bg_light_menu {
	background-position: bottom;
	background-repeat:   no-repeat;
	border-top:          none;
	padding-left:        14px;
	margin-bottom:       0px;
	margin-left: 0px;
	width: 217px;
	font-size: 10pt;
	background-image:    url('css/lightblue/images/sub_menu_bg.jpg');
}


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

/* �berschriften in den Men�s -> Nav Boxen Menue Tags und Registrieren*/
.misc {
	padding:             3px 3px 3px 15px;
	background-position: top;
	background-repeat:   repeat-y;
	font-size:           12pt;
	width: 213px;
	color:               #ffffff;
	background-image:    url('css/lightblue/images/table_categories_middle.jpg');
}

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

.active {font-weight: bold;}

/* Kontaktformular */
#contact {
	margin: 10px;
	width: 600px;
}

/* Suchmaske - Im Hauptfenster nachdem man einen Suchbegriff eingegeben hat */
#suchmaske {
	margin: 10px;
	width: 600px;
}

/* Kontaktformular */
.addCartBox
{
	font-size: 12pt;
	font-family: Arial;
	vertical-align: middle;
}

/* Detailansicht Produkt */

#ProdDetailBezMenge
{
	padding-left: 20px;
}

.ProdDetailSelect
{
	padding-top: 2px;
}

.addCartBox .wk
{
	width: 20px;
	height: 17px;
}

.ProdListSubcatLi
{
	margin-bottom: 3px;
}

/* Ansicht Produktliste */

.ProdListAddCart2 button
{
	margin-left: 0px;
	padding: 3px;
	width: 185px;
}

.ProdListAddCart3 button
{
	padding: 3px;
}

.ProdDetailsSuche form
{
	margin-top: 10px;
	margin-bottom: 30px;
}

.StartZusatzcontent
{
	width: 100%;
}

/* Groessentabelle bei Detailansicht */

#groessenangaben
{
	border: 1px solid #ccc;
	font-size: 10pt;
	width: 100%;
	margin-bottom: 20px;
}

.groessen1spalte
{
	font-weight: bold;
}

/* Bilder bei Detailansicht */

#bigImage
{
	margin-bottom: 10px;
}

/* Topseller Formatierung der Seite Angebote */

.TopSellerProducts
{
	float: left;
	width: 31%;
	height: 200px;
	padding: 6px;
	margin-right: 1px;
	border: 1px solid #eee;
}

#content .TopSellerProducts img
{
	float: none;
	border: 1px solid #eee;
}

/* Welcome Texte auf der Startseite */

.WelcomeBox1 
{
	text-align: left;
	vertical-align: top;
}

.WelcomeBox1 .WelcomeBild1
{
	padding-top: 10px;
	padding-right: 10px;
	text-align: left;
	vertical-align: top;
}

.WelcomeBox1 .WelcomeText1
{
	text-align: left;
	padding-top: 10px;
	vertical-align: top;
}

/* Standard Texte z.B. AGB Impressum Datenschutz */

.StandardTexte1 h1
{
	font-size: 12pt;
	font-weight: bold;
}
	
.StandardTexte1 p
{
	font-size: 10pt;
}

.GoogleID
{
	position: absolute;
	top: 175px;
	left: 910px;
}

.sprachausgabeCustom h1
{
	background: #ffffff;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
}

.sprachausgabeCustom p
{
	font-size: 10pt;
	text-align: left;
}

.versandLink
{
	font-size: 8pt;
	text-align: left;	
	color: blue;
	text-decoration: underline;
}

.ModeTipp
{
	padding-top: 20px;
	width: 100%;
	border-bottom: 2px solid #eeeeee;
}

.ModeTippImg
{
	width: 20%;
}

.ModeTippTxt
{
	font-family: Arial;
	font-size: 10pt;
	width: 70%;
}

.fullWidth
{
	width: 100%;
	border: 1px solid #cccccc;
}