@media all {

/* ======================================
	Teil 1 - Reset 
   ====================================== */

* { padding: 0; margin: 0; }


/* ======================================
	Teil 2 - Restaurierung
   ====================================== */

/* Margin-Bottom für Überschriften, Absätze, Listen, etc. */
h1, h2, h3, h4, h5, h6,
p, blockquote, address, pre,
ul, ol, dl, table {
 margin-bottom: 1em;
}

/* Zitate einrücken */
blockquote { margin: 1em; }

/* Alle Listen etwas einrücken 
ul, ol, dl { margin-left: 1em; }*/

/* Listenelemente etwas mehr einrücken 
li { margin-left: 1em; }
*/
/* Definitionen in Definitionslisten noch mehr einrücken */
dd { margin-left: 2em; }

/* Verschachtelte Listen ohne Außenabstand oben/unten */
ul ul, ul ol, ul dl,
ol ul, ol ol, ol dl,
dl, ul, dl ol, dl dl {
 margin-top: 0;
 margin-bottom: 0;
}

/* Aufzählungszeichen für Listenkisten */

/* 	Ebene 1 - 
	ul: square [ausgefülltes Rechteck); 
	ol: Dezimalzahlen */
ul { list-style-type: square; }
ol { list-style-type: decimal-leading-zero; }

/* 	Ebene 2 - 
	ul: disc [ausgefüllter Kreis); 
	ol: kleine Buchstaben */
ul ul { list-style-type: circle; }
ol ol { list-style-type: lower-alpha; }

ul ol { list-style-type: decimal-leading-zero; }
ol ul { list-style-type: square; }

/* 	Ebene 3 - 
	ul + ol: circle (nicht ausgefüllter Kreis) */
ol ol ol, ol ol ul, ol ul ul, ol ul ol,
ul ul ul, ul ul ol, ul ol ol, ul ol ul {
	list-style-type: circle;
}

/* Auswahl in Auswahllisten (select) durch padding:0 schlecht lesbar */
option { 
	padding-left: 0.2em; 
	padding-right: 0.3em; 
}

/* Rahmen um fieldset und verlinkte Bilder entfernen */
fieldset, a img { border: none; }

/* =======================================
	Teil 3 - Grundlegende Formatierung
   ======================================= */

/* ----- 1. HTML und body ------- */
/* Bildlaufleiste im Firefox immer zeigen */
html, body { height: 100%; }

body {
 background-color: black;
 color: white;
 font-family: Arial, Helvetica, sans-serif;
 font-size : small;
 min-height: 600px;
}
/*/*/a{}
* html { font-size: medium; }

/* *//* ----- 2. Schriftformatierung für Überschriften ------- */

/* Schrift für Überschriften */
h1, h2, h3, h4, h5, h6 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
}
/* Überschriftengrößehn auf Basis von small */
h1 { font-size: 200%; }		/*ca. 26px */
h2 { font-size: 184.62%; }	/*ca. 24px */
h3 { font-size: 153.85%; }	/*ca. 20px */
h4 { font-size: 138.46%; }	/*ca. 18px */
h5 { font-size: 100%; }	/*ca. 16px */
h6 { font-size: 90%; }	/*ca. 14px */


} /* Ende @media - nicht löschen! */

/* =======================================
	Teil 4 - Allgemeine Klassen
   ======================================= */
body { font-size: 70%; }

/* Hyperlinks */
a { text-decoration: none; outline: none;} 
a { color: #9C9C9C; }  
a:hover,
a:focus{ color: #99ccff;}  
a:active{ color: #99ccff; }  

#navi a { color: #99ccff; }
#navi a:hover,
#navi a:focus{ color: #FFF;}  
#navi a:active{ color: #FFF; }  

#midSpark a { color: #99ccff; }
#midSpark a:hover,
#midSpark a:focus{ color: #FFF;}  
#midSpark a:active{ color: #FFF; }  
/* =======================================
	Teil 5 - Inhalt
   ======================================= */

/* ----- Grundgerüst Boxen ------- */

#allSpark { 
   position: relative;
   width: 988px;
   height: 100%;
   min-height: 100%;
   margin: 0 auto;
}
html>body #allSpark{ height:auto; }
body { text-align: center; }   
#allSpark { text-align: left; }   

#topSpark {
	background-color: #000000;
	height: 25px;
	border-top: 1px solid #38393b;
}
#contentSpark {
}
#footSpark {
	color: #999999;
	background-color: #27282a;
	height: 13px;
	border-top: 1px solid #666;
   	border-bottom: 1px solid #333;
	padding: 5px 0;
}
#leftFoot { float: left; width: 480px; padding-left: 10px;}
#rightFoot { float: right; width: 485px; text-align: right; padding-right: 5px; }
/* ----- Top Boxen ------- */
#topLeft { float: left; width: 475px; padding-top: 3px; padding-left: 10px;}
#topRight { float: right; width: 490px; padding-top: 3px; text-align: right; padding-right: 5px; }

#topSpark a { text-decoration: none; outline: none;} 
#topSpark a { color: #99ccff; }  
#topSpark a:hover,
#topSpark a:focus { color: #FFF;}  
#topSpark a:active{ color: #FFF; }  

/* ----- Content Boxen ------- */
#leftSpark, #midSpark, #rightSpark { vertical-align:top; }

#leftSpark {
	width: 184px;
	padding-right: 6px;
}
#midSpark {
	width: 558px;
	padding: 25px;
	background-color: #626b73;
}
* html #midSpark { width: 6058px; }
#rightSpark {
	width: 190px;
}

#searchSpark {
	background-color: #3e4146;
	padding: 11px 5px 5px 11px;
	margin-left: 8px;
	height: 45px;
	margin-bottom: 10px;
}
.Spark, .SparkR, .SparkOne, .SparkOneR { border-top: 1px solid #38393b; padding: 10px 10px; width:168px;}
.SparkR { margin-left:8px;}
.SparkOne, .SparkOneR { border-top: none; }
* html .Spark, * html .SparkR, * html #searchSpark { width:185px; }

/* ----- Navigation ------- */
#navi {
	list-style: none;
	text-transform: uppercase;
	margin-bottom: 15px;
}
* html #navi { margin-left: -1.2em; }

#navi li {
	margin-bottom: 8px;
	letter-spacing: 0.06em;
	font-weight: bold;
}
#navi li li {
	margin-left: 1em;
}
.miniLink {
	font-size: 9px;
	text-transform: uppercase;
	letter-spacing: 0.07em;
	color: #CCCCCC;
}
.miniLinkGrey {
	color: #999;
	font-size: 11px;
	letter-spacing: 0.07em;
}
/* ----- Navi Ende ------- */
.infoBoxHeading, .infoBoxHeading_right, .contentsTopics {
	color: #99ccff;
	letter-spacing: 1px;
	font-weight: bold;
}
.contentsTopics, .pageHeading {
	color: #3e4146;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 180%;
}
.contentsSubTopics {
	color: #99ccff;
	font-weight: bold;
	font-size: 120%;
	padding-bottom: 10px;
	padding-top: 10px;
}

/* ----- Formulare ------- */

input, select, textarea {
	color: #333333;
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #3e4146;
	border-bottom: 1px solid #3e4146;
	background-color: #abacaf;
	height: 20px;
	margin-bottom: 5px;
}
textarea {
	height: auto;
}

#leftSpark input, #rightSpark { border: none; }
.suchfeld input {
	width: 140px;
}
.suchbutton input {
	float: right;
	margin: 0;
	margin-right: 20px;
	border: none;
	height: auto;
	width: 47px;
}
.suchbutton2 {
	float: left;
	font-size: 10px;
	color: #999999;
	width: 100px;
	margin-top: 5px;
}
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #9C9C9C; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FFF; }
.onepxwidth { 	width: 1px; }